锘緻charset "utf-8"; html,body{ font-family: "榛戜綋","Arial"; background: #fff; } /*hide scroll*/ /* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} ::-webkit-scrollbar {width:0px;height:0px;} ::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;} ::-webkit-scrollbar-thumb:hover {background:#bbb;} */ /* video::-webkit-media-controls{display:none !important;} */ section{ max-width: 1920px; width: 100%; margin: 0 auto; background: #fff; overflow: hidden; } header .head_nav dl, .head_top, .footer_top, .footer_btm p, .sy_main, .max_con, .xxs{ /* max-width: 1360px; */ /* width: 92%; */ padding: 0 6.5%; margin: 0 auto; } header { position: fixed; top:0; left: 0; right:0; z-index: 9999; } .txt p span{ font-family: "榛戜綋"!important;} .head_top{ height: 120px; background: rgba(255, 255, 255, 1); box-shadow: 0 5px 10px #f6f6f6; } .head_top h1{ float: left; max-width: 165px; line-height: 40px; margin-top:45px; } .head_top h2{ float: left; display: none; } .head_top .head_top_right{ float: right; } .head_top .head_top_right .head_top_right_con{ display: block; text-align: right; margin: 1.7% auto; line-height: 20px; } .head_top .head_top_right .head_top_right_con .tel{ display: inline-block; vertical-align: top; } .head_top .head_top_right .head_top_right_con .tel dl dt, .head_top .head_top_right .head_top_right_con .tel dl dd{ display: inline-block; vertical-align: middle; } .head_top .head_top_right .head_top_right_con .tel dl dt{ margin-right: 5px; } .head_top .head_top_right .head_top_right_con .tel dl dd span{ font-size: 16px; color:#333; } .head_top .head_top_right .head_top_right_con .tel dl dd i{ font-size: 20px; font-style: oblique; } .head_top .head_top_right .head_top_right_con .search{ position: relative; display: inline-block; vertical-align: top; margin:0 20px; font-size: 16px; color:#333; padding-left:20px; cursor: pointer; } .head_top .head_top_right .head_top_right_con .search button{border:none;background: none;position: absolute;right:5px;top:2px;} .head_top .head_top_right .head_top_right_con .search input{height:24px;line-height: 24px;border:1px solid #999;padding:0 2%;border-radius: 5px;} .head_top .head_top_right .head_top_right_con .search img{ display: inline-block; vertical-align: middle; } .head_top .head_top_right .head_top_right_con .search i{ display: inline-block; vertical-align: middle; } .head_top .head_top_right .head_top_right_con .sign{ position: relative; display: inline-block; vertical-align: top; padding-left:20px; } .head_top .head_top_right .head_top_right_con .sign dl dt, .head_top .head_top_right .head_top_right_con .sign dl dd{ display: inline-block; vertical-align: middle; font-size: 16px; color:#333; } .head_top .head_top_right .head_top_right_con .sign dl dt img{ display: inline-block; vertical-align: text-bottom; } .head_top .head_top_right .head_top_right_con .bdshare-button-style0-16{ display: inline-block; vertical-align: middle; position: relative; padding-left:20px; margin-left:20px; } .head_top .head_top_right .head_top_right_con .bdshare-button-style0-16 a{ width:16px; height:16px; padding-left:0 !important; } .head_top .head_top_right .head_top_right_con .search::before, .head_top .head_top_right .head_top_right_con .sign::before, .head_top .head_top_right .head_top_right_con .bdshare-button-style0-16::before{ content: ""; display: block; height:10px; width: 1px; background: #333; position: absolute; left: 0px; top:50%; margin-top:-5px; } .bds_weixin{position: relative;opacity: 1 !important;} .bds_weixin .shows{width:150px;height:150px;position: absolute;top:15px;left:0;right:0;display: none;} .bds_weixin:hover .shows{display: block;} .bdshare-button-style0-16 .bds_weixin{ background: url(../images/wx_icon.png) no-repeat; background-position: 0 !important; } .bdshare-button-style0-16 .bds_tsina{ background: url(../images/xl_icon.png) no-repeat; background-position: 0 !important; } .head_top .head_top_right .head_top_right_con .bdshare-button-style0-16 a, .head_top .head_top_right .head_top_right_con .bdshare-button-style0-16 .bds_more{ margin:0 10px !important; } .head_top .head_top_right .menu{ display: block; } .head_top .head_top_right .menu ul li{ font-size: 18px; color:#333; display: inline-block; vertical-align: text-top; line-height: 35px; width:140px; text-align: center; } .head_top .head_top_right .menu ul li a sup{ color:#ea0719; font-size: 12px; line-height: 0; } .head_top .head_top_right .menu ul li a{ display: block; text-align: center; position: relative; } .head_top .head_top_right .menu ul li.on a, .head_top .head_top_right .menu ul li:hover>a{ color:#ea0719; } .head_top .head_top_right .menu ul li:hover>a::after, .head_top .head_top_right .menu ul li.on a::after{ content: "鈻?; display: block; font-size: 10px; color:#ea0719; position: absolute; bottom:-32px; left:0; right:0; } .head_top_list{background: rgba(255, 255, 255, .98); height:0;overflow: hidden;width:100%;box-shadow: 0 5px 5px #ccc;} .head_top_list .head_top_list_con{border-top:3px solid #ea0719;} .head_top_list .head_top_list_con .pic{display: inline-block;vertical-align: top;max-width: 390px;height:230px;margin:30px auto;overflow: hidden;width: 23.35%;} .head_top_list_right{float: right;margin-right: 120px;margin:20px 120px 20px auto;} .head_top_list_right ul li{display: inline-block;vertical-align: top;width:140px;} .head_top_list_right ul li dl dd{text-align: center;} .head_top_list_right ul li dl dd a{display: block;font-size: 15px;color:#767676;line-height: 20px;padding:5px 0;} .head_top_list_right ul li dl dd:hover a{background:#ea0719;color:#fff;} .head_top_list_right ul li:nth-child(2) dl dd{text-align: left;} .head_top .head_top_right .menu i{ display: inline-block; vertical-align: top; font-size: 16px; background: #ea0719; width:120px; line-height: 35px; text-align: center; border-radius: 30px; cursor: pointer; } .head_top .head_top_right .menu i a{ color:#fff; } footer .footer_top{ background: url(../images/footer_top_bg_14.jpg) no-repeat top center; font-size: 0; position: relative; } .footer_top .xx{ background: #464e57; position: absolute; top:165px; margin:0 auto; width:87%; } footer .footer_top .footer_top_left{ display: inline-block; vertical-align: top; width:65%; padding-top:16px; } footer .footer_top .footer_top_left dl{ display: inline-block; vertical-align: top; padding-right: 5%; } footer .footer_top .footer_top_left dl dt{ font-size: 18px; line-height: 38px; color:#fff; margin-bottom: 25px; position: relative; } footer .footer_top .footer_top_left dl dt::after{ content: ""; display: block; width:10px; height: 1px; background: #fff; position: absolute; bottom: -12px; } footer .footer_top .footer_top_left dl dt a{ color:#fff; } footer .footer_top .footer_top_left dl dd{ font-size: 14px; line-height: 40px; } footer .footer_top .footer_top_left dl dd a{ color:#bcbebf; } footer .footer_top .footer_top_right{ display: inline-block; vertical-align: top; width:35%; float: right; padding-top: 23px; } footer .footer_top .footer_top_right dl{ width:80%; } footer .footer_top .footer_top_right dl, footer .footer_top .footer_top_right .foot_ewm{ display: inline-block; vertical-align: top; } footer .footer_top .footer_top_right dl dt{ margin-bottom: 30px; position: relative; } footer .footer_top .footer_top_right dl dt::after{ content: ""; display: block; width:10px; height: 1px; background: #fff; position: absolute; bottom: -17px; } footer .footer_top .footer_top_right dl dd{ font-size: 14px; line-height: 30px; color:#bcbebf; } footer .footer_top .footer_top_right .foot_ewm{ text-align: center; max-width:110px; width:19%; margin-top: 65px; } footer .footer_top .footer_top_right .foot_ewm img{ width:110px; /*height:110px;*/ overflow: hidden; } footer .footer_top .footer_top_right .foot_ewm span{ display: block; font-size: 14px; color:#bcbebf; line-height: 40px; } footer .footer_btm{ background: #151d26; font-size: 14px; color:#76787c; line-height: 50px; text-align: center; } footer .footer_btm p a{ color:#76787c; } #fp-nav{ position: fixed; left:20px; top:50%; margin-top:-100px; } #fp-nav ul li a{ display: block; width:20px; height:2px; background: #cbcbcb; margin:30px auto 30px 0; } #fp-nav ul li a.active{ width:30px; background: #ea0719; } .fp-viewing-1 .head_top, .fp-viewing-2 .head_top, .fp-viewing-3 .head_top, .fp-viewing-4 .head_top, .fp-viewing-5 .head_top, .fp-viewing-6 .head_top{height:90px;} .fp-viewing-1 .head_top h1, .fp-viewing-2 .head_top h1, .fp-viewing-3 .head_top h1, .fp-viewing-4 .head_top h1, .fp-viewing-5 .head_top h1, .fp-viewing-6 .head_top h1{line-height: 40px;margin-top: 20px;} .fp-viewing-1 .head_top .head_top_right .head_top_right_con, .fp-viewing-2 .head_top .head_top_right .head_top_right_con, .fp-viewing-3 .head_top .head_top_right .head_top_right_con, .fp-viewing-4 .head_top .head_top_right .head_top_right_con, .fp-viewing-5 .head_top .head_top_right .head_top_right_con, .fp-viewing-6 .head_top .head_top_right .head_top_right_con{margin: 0.5% auto;} .section {max-width:1920px;width:100%;text-align: center; color: #fff; position: relative;text-align: left;} /* .section2 .max_con{position: relative;left: -100%;opacity:0;transition:all 1s;} .animation1 .section2.fp-completely .max_con{left:0;opacity:1;transition:all 1s;} .section3 .max_con{position: relative;right: -100%;opacity:0;transition:all 1s;} .animation1 .section3.fp-completely .max_con{right:0;opacity:1;transition:all 1s;} .section4 .max_con{position: relative;bottom: -100%;opacity:0;transition:all 1s;} .animation1 .section4.fp-completely .max_con{bottom:0;opacity:1;transition:all 1s;} .section5 .max_con{position: relative;top: -100%;opacity:0;transition:all 1s;} .animation1 .section5.fp-completely .max_con{top:0;opacity:1;transition:all 1s;} .section6 .max_con{position: relative;bottom: -100%;opacity:0;transition:all 1s;} .animation1 .section6.fp-completely .max_con{bottom:0;opacity:1;transition:all 1s;} */ .section7 ,.section7 .fp-tableCell{ height: 589px!important;overflow: hidden!important;margin:0 auto;} .section{ width: 100%; height: 100%; position:relative;margin:0 auto;} .section .title{text-align: center;padding-top:8%;} .section .title .bt{ font-size: 34px; color: #1e2749; } .section .title .ico{ margin:20px auto; } .section .title .ico img{ padding:0 10px; } .section .title .ico::before, .section .title .ico::after{ content: ""; display: inline-block; vertical-align: middle; width: 80px; height: 1px; background: #bbbec8; } .section .title .txt{ font-size: 16px; color:#7c808e; } .section1 { position: relative; } .section1 .list{ position: absolute; bottom: 0; left:0; right:0; z-index: 33; margin:0 auto; margin: 0 6.5%; height:110px; background: rgba(255, 255, 255, .98); } .section1 .list ul{ font-size: 0; text-align: center; margin: 25px auto 0px; } .section1 .list ul li{ display: inline-block; vertical-align: top; width:20%; } .section1 .list ul li .ico{ max-width: 55px; height:55px; overflow: hidden; display: inline-block; vertical-align: middle; width:16.5%; transition: all 1s; } .section1 .list ul li:hover .ico{ transform: translateX(-5px); transition: all 1s; } .section1 .list ul li .tct{ display: inline-block; vertical-align: middle; max-width: 200px; width:60%; text-align: left; margin-left: 2%; } .section1 .list ul li .tct .bt1{ font-size: 20px; color:#1e2749; margin-bottom: 10px; } .section1 .list ul li:hover .tct .bt1{ color:#ea0719; } .section1 .list ul li .tct .bt2{ font-size: 14px; color:#1e2749; } .section2 .list{ margin: 0 auto; } .section2 .link_div1{ position: relative; } .section2 .link_div1 .link_scroll1{ width:100%; margin:0 auto; } .section2 .link_div1 .link_scroll1 .tempWrap{ margin: 0 auto; max-width: 1480px; width:89% !important; } .section2 .list ul{ font-size: 0; text-align: center; } .section2 .list ul li{ display: inline-block; vertical-align: top; max-width: 710px !important; width:45% !important; margin: 0 15px; } .list_page{ max-width: 710px; height:240px; overflow: hidden; margin: 4% auto; position: relative; } .list_page .pic img{ transition: all 1s; } /* .list_page:hover .pic img{ transition: all 1s; transform: scale(1.1); } */ .list_page .tct{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; text-align: left; padding: 30px; /* transition: height 2s; */ height:30px; background:rgba(230, 0, 18, 0); } .list_page .tct .bt{ font-size: 26px; font-weight: bold; color:#fff; } .list_page .tct .bt font{ font-size: 16px; color:#fff; display: inline-block; vertical-align: middle; } .list_page:hover .tct .txt{ font-size: 16px; line-height: 28px; color:#fff; margin-top:20px; } .list_page:hover .tct{ background:rgba(230, 0, 18, .7); height: 180px; /* transition: height 2s; */ } .link_div1 .link_btn div{ background: url(../images/section2_jt.png) no-repeat; width:50px; height:120px; overflow: hidden; cursor: pointer; position: absolute; top: 50%; margin-top: -60px; } .link_div1 .link_btn .link_left1{ left: 0; } .link_div1 .link_btn .link_right1{ background-position: -50px 0px; right: 0; } .link_div1 .link_btn div:hover{ background-position: 0px -120px; } .link_div1 .link_btn .link_right1:hover{ background-position: -50px -120px; } .section3 .title .bt{ color:#fff; } .section3 .link_div2{ position: relative; } .section3 .link_div2 .link_btn{ } .section3 .link_div2 .link_btn div{ display: inline-block; vertical-align: top; cursor: pointer; width:120px; height:50px; line-height: 50px; border-radius: 50px; background: #93949b; display: flex; align-items: center; justify-content: center } .section3 .link_div2 .link_btn div::after{ text-align: center; content: ""; display: block; width:20px; height:7px; overflow: hidden; background: url(../images/mains_jt_icon.png) no-repeat; line-height: 50px; margin:0 auto; } .section3 .link_div2 .link_btn .link_left2{ float: left; margin-left:45px; } .section3 .link_div2 .link_btn .link_right2{ float: right; margin-right:45px; } .section3 .link_div2 .link_btn .link_left2:hover, .section3 .link_div2 .link_btn .link_right2:hover{ background:#ea0719; } .section3 .link_div2 .link_btn .link_right2::after{ background-position:-20px 0; } .section3 .link_div2 .link_scroll2{ margin: 0 auto; } .section3 .link_div2 .link_scroll2 .tempWrap{ margin:0 auto; } .section3 .list ul{ font-size: 0; text-align: center; } .section3 .list ul li{ max-width:300px; height:415px; overflow: hidden; display: inline-block; vertical-align: top; width:18.121% !important; margin: 1% 10px; position: relative; } .section3 .list ul li .pic img{ transition: all 1s; } /* .section3 .list ul li:hover .pic img{ transition: all 1s; transform: scale(1.1); } */ .section3 .list ul li .tct{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; text-align: left; padding: 30px; /* transition: height 1s; */ height:30px; background:rgba(230, 0, 18, 0); } .section3 .list ul li .tct .bt a{ font-size: 26px; font-weight: bold; color:#fff; } .section3 .list ul li .tct .bt::after{ content: ""; display: block; width: 30px; height:2px; background: #ea0719; margin-top:15px; } .section3 .list ul li:hover .tct .bt::after{ background: #fff; } .section3 .list ul li:hover .tct{ background:rgba(230, 0, 18, .7); height: 355px; /* transition: height 2s; */ } .section3 .list ul li:hover .tct .tit{ margin-top: 20px; } .section3 .list ul li:hover .tct .tit i{ display: block; font-size: 20px; line-height: 40px; color:#fff; } .section3 .list ul li .tct .tit i:hover{text-decoration: underline;} .section3 .list ul li:hover .tct .tit i font{ font-size: 5px; display: inline-block; vertical-align: top; margin-left:-15px; } .section3 .list .more a{ display: block; width:245px; line-height: 60px; border:1px solid #fff; color:#fff; text-align: center; border-radius: 50px; margin:0 auto; font-size: 20px; } .section3 .list .more a::after{ content: ""; display: inline-block; width:20px; height: 7px; background: url(../images/mains_jt_icon.png) no-repeat; background-position: -20px 0; transition: all 1s; margin-left:10px; } .section3 .list .more a{ transition: all 1s; } .section3 .list .more:hover a{ transform: translateY(10px); transition: all 1s; } .section3 .list .more a::after{ content: ""; display: inline-block; vertical-align: middle; width:20px; height:7px; } .section4 .list{ margin:3% auto; } .section4 .list ul{ text-align: center; font-size: 0; } .section4 .list ul li{ /* display: inline-block; vertical-align: bottom; */ width:15.666666666666668%; text-align: left; position: relative; height:510px; float: left; padding-left:1%; } .section4 .list ul li::before{ content: ""; display: block; width:6px; background: linear-gradient(#f5b0b5,#fff); position: absolute; left: 0; bottom: 0; border-radius: 30px; } .section4 .list ul li:nth-child(1) .tct{ padding-top:6%; } .section4 .list ul li:nth-child(1)::before{ height:490px; } .section4 .list ul li:nth-child(2) .tct{ padding-top:61%; } .section4 .list ul li:nth-child(2)::before{ height:350px; } .section4 .list ul li:nth-child(3)::before{ height:510px; } .section4 .list ul li:nth-child(4) .tct{ padding-top:45%; } .section4 .list ul li:nth-child(4)::before{ height:390px; } .section4 .list ul li:nth-child(5) .tct{ padding-top:18%; } .section4 .list ul li:nth-child(5)::before{ height:460px; } .section4 .list ul li:nth-child(6) .tct{ padding-top:73%; } .section4 .list ul li:nth-child(6)::before{ height:320px; } .section4 .list ul li .num{ font-size: 50px; font-weight: bold; color:#ea0719; } .section4 .list ul li .num sub{ font-size: 28px; font-weight: bold; color:#ea0719; display: inline-block; vertical-align: initial; } .section4 .list ul li .txt{ font-size: 28px; color:#969aa8; } .section5 .list{ margin: 0 auto; text-align: center; } .section5 .list .more a{ display: block; width:245px; line-height: 60px; /* border:1px solid #fff; */ background: #ea0719; color:#fff; text-align: center; border-radius: 50px; margin:20px auto; font-size: 20px; } .section5 .list .more a::after{ content: ""; display: inline-block; width:20px; height: 7px; background: url(../images/mains_jt_icon.png) no-repeat; background-position: -20px 0; transition: all 1s; margin-left:10px; } .section5 .list .more a::after{ content: ""; display: inline-block; vertical-align: middle; width:20px; height:7px; } .section5 .list .list_left{ max-width: 700px; height:490px; overflow: hidden; display: inline-block; vertical-align: top; position: relative; width: 42.29%; } .section5 .list .list_left .pic{ height: 100% } .section5 .list .list_left .pic img{ transition: all 1s; width: 100%; height: 100%; object-fit: fill; } .section5 .list .list_left:hover .pic img{ transition: all 1s; transform: scale(1.1); } .section5 .list .list_left .tct{ position: absolute; bottom: 0px; left:0; right:0; padding:20px 40px; background: rgba(0, 0, 0, .5); text-align: left; } .section5 .list .list_left .tct .time{ font-size: 16px; color:#fff; } .section5 .list .list_left .tct .time img, .section5 .list .list_right ul li .tct .time img{ display: inline-block; vertical-align: top; margin-right: 5px; } .section5 .list .list_left .tct .bt{ margin:15px auto; } .section5 .list .list_left .tct .bt a{ font-size: 26px; color:#fff; } .section5 .list .list_left:hover .tct .bt a, .section5 .list .list_left:hover .tct .more2 a{ color:#ea0719 } .section5 .list .list_left .tct .more2 a{ font-size: 14px; color:#fff; } .section5 .list .list_left .tct .more2 a::after{ content: ""; display: inline-block; width:20px; height: 7px; background: url(../images/mains_jt_icon.png) no-repeat; background-position: -20px 0; transition: all 1s; } .section5 .list .list_left:hover .tct .more2 a::after{ transform: translateX(5px); transition: all 1s; } .section5 .list .list_right{ max-width: 700px; display: inline-block; vertical-align: top; width: 42.29%; margin-left:2%; } .section5 .list .list_right ul li{ background: #fff; text-align: left; margin-bottom: 2.8%; } .section5 .list .list_right ul li .pic{ max-width: 180px; height: 150px; overflow: hidden; display: inline-block; vertical-align: middle; width:25.72%; } .section5 .list .list_right ul li .pic img{ transition: all 1s; width: 100%; height: 100%; object-fit: fill; } .section5 .list .list_right ul li:hover .pic img{ transition: all 1s; transform: scale(1.2); } .section5 .list .list_right ul li .tct{ display: inline-block; vertical-align: middle; width: 71%; margin-left:2%; } .section5 .list .list_right ul li .tct .time{ font-size: 16px; color:#5e6679; } .section5 .list .list_right ul li .tct .bt{ font-size: 20px; color:#1e2749; margin:15px auto; } .section5 .list .list_right ul li .tct .bt a{ color:#1e2749; } .section5 .list .list_right ul li:hover .tct .bt a{ color:#ea0719; } .section5 .list .list_right ul li .tct .txt{ font-size: 14px; line-height: 26px; color:#7c808e; } .section5 .list .yyui_tab{ margin: 0 auto; } .section5 .list .yyui_tab ul{ margin: 0 auto 30px; } .section5 .list .yyui_tab>ul>li{ display: inline-block; vertical-align: middle; font-size: 18px; color:#1e2749; line-height: 26px; margin: 0 25px; } .section5 .list .yyui_tab ul li.yyui_tab_title_this{ color:#ea0719; cursor: pointer; } .section5 .list .yyui_tab .yyui_tab_content{ display: none; } .section5 .list .yyui_tab .yyui_tab_content_this{ display: block; } .flex-direction-nav{display: none;} .section6 .list{ margin: 0 auto; } .section6 .list ul{ font-size: 0; text-align: center; } .section6 .list ul li{ display: inline-block; vertical-align: top; width: 266px; height:100px; margin:0 15px; } .section6 .list .link_div3{ position: relative; margin: 9% auto; } .section6 .list .link_div3 .link_scroll3 .tempWrap{ margin:0 auto; max-width: 1480px !important; width:89% !important; } .section6 .list .link_div3 .link_btn div{ background: url(../images/section2_jt.png) no-repeat; width:50px; height:120px; overflow: hidden; cursor: pointer; position: absolute; top: 50%; margin-top: -60px; } .section6 .list .link_div3 .link_btn .link_left3{ left: 0; } .section6 .list .link_div3 .link_btn .link_right3{ background-position: -50px 0px; right: 0; } .section6 .list .link_div3 .link_btn div:hover{ background-position: 0px -120px; } .section6 .list .link_div3 .link_btn .link_right3:hover{ background-position: -50px -120px; } .section6 .list_btm{ text-align: center; padding: 50px 0; position: absolute; bottom: 0; left:0; right:0; margin:0 auto; } .section6 .list_btm h3{ font-size: 38px; color:#fff; } .section6 .list_btm p{ font-size: 24px; color:#fff; margin:20px auto; } .section6 .list_btm .more a{ display: block; width:245px; line-height: 60px; border:1px solid #fff; color:#fff; text-align: center; border-radius: 50px; margin:0 auto; font-size: 20px; cursor: pointer; } .section6 .list_btm .more a::after{ content: ""; display: inline-block; width:20px; height: 7px; background: url(../images/mains_jt_icon.png) no-repeat; background-position: -20px 0; transition: all 1s; margin-left:10px; } .section6 .list_btm .more a{ transition: all 1s; } .section6 .list_btm .more:hover a{ transform: translateY(10px); transition: all 1s; } .section6 .list_btm .more a::after{ content: ""; display: inline-block; vertical-align: middle; width:20px; height:7px; } .max_main{ max-width: 1200px; width:100%; margin:0 auto } .bar{ position: relative; } .bar_nav{ position: absolute; bottom: 0; left: 0; right:0; } .bar_nav dl{ max-width: 210px; background: linear-gradient(#fff, #f7f8fb); height: 75px; z-index: 22; } .bar_nav dl dt{ display: inline-block; vertical-align: middle; font-size: 40px; color:#051239; font-family: "鎬濇簮瀹嬩綋 CN"; line-height: 75px; padding:0 5px 0 12%; } .bar_nav dl dd{ display: inline-block; vertical-align: middle; } .bar_nav dl dd span{ display: block; font-size: 20px; color:#051239; margin-bottom: 5px; } .bar_nav dl dd i{ display: block; font-size:12px; color:#051239; font-family: "Arial"; text-transform: uppercase; } .main_left{ max-width: 210px; display: inline-block; vertical-align: top; width:17.5%; } .main_left dl dd a{ line-height: 55px; font-size: 16px; color:#666; background: linear-gradient(#f8f8f8, #eeeeee); text-align: left; padding:0 20px; margin-bottom: 1px; } .main_left dl dd:hover a,.main_left dl dd.active a.on{ background: linear-gradient(#eb1020, #e30718); color:#fff; } .main_left dl dd .shows{ height:0; overflow: hidden; } .main_left dl dd.active .shows{ height:auto; margin-bottom: 5px; } .main_left dl dd .shows a{ background: linear-gradient(#f8f8f8, #fff); color:#666; } .main_left dl dd .shows a.on, .main_left dl dd .shows a:hover{ color:#e30718; background: linear-gradient(#f8f8f8, #fff); } .main_left dl dd .shows a::after{ display: none; } .main_left dl dd.active:hover a::after,.main_left dl dd.active a.on::after{ transform: rotate(90deg); transition: all 1s; } .main_left dl dd a{ display: block; position: relative; } .main_left dl dd a::after{ content: ">"; display: block; font-size: 18px; font-family:cursive; font-weight: bold; position: absolute; right:20px; top:50%; margin-top:-27.5px; transition: all 1s; } .main_right{ width:80%; max-width: 960px; display: inline-block; vertical-align: top; margin-left:2%; } .main_right .crumbs{ background: linear-gradient(#f8f8f8, #f0f1f4); line-height: 55px; } .main_right .crumbs .crumbs_left{ font-size: 20px; color:#051239; background: linear-gradient(#f0f1f4, #e7eaf0); width:25%; text-align: center; display: inline-block; vertical-align: middle; } .main_right .crumbs .crumbs_right{ float: right; width:50%; text-align: right; padding-right: 20px; } .main_right .crumbs .crumbs_right dl dt, .main_right .crumbs .crumbs_right dl dd{ display: inline-block; vertical-align: middle; } .main_right .crumbs .crumbs_right dl dt img{ display: inline-block; vertical-align: text-bottom; } .main_right .crumbs .crumbs_right dl dt{ margin-right: 5px; } .main_right .crumbs .crumbs_right dl dd a{ display: block; font-size: 14px; color:#999; } .main_right .crumbs .crumbs_right dl dd a.on{ color:#e30718; } .main_right .crumbs .crumbs_right dl dd a::after{ content: ">"; display: inline-block; vertical-align: middle; font-size: 18px; color:#999; font-family: cursive; padding:0 5px; } .main_right .crumbs .crumbs_right dl dd:last-child a::after{ display: none; } .main_text p{ margin-bottom: 15px; } .section0 .list_btm{ text-align: center; padding: 50px 0; margin:0 auto; } .section0 .list_btm h3{ font-size: 38px; color:#fff; } .section0 .list_btm p{ font-size: 24px; color:#fff; margin:20px auto; } .section0 .list_btm .more a{ display: block; width:245px; line-height: 60px; border:1px solid #fff; color:#fff; text-align: center; border-radius: 50px; margin:0 auto; font-size: 20px; } .section0 .list_btm .more a::after{ content: ""; display: inline-block; width:20px; height: 7px; background: url(../images/mains_jt_icon.png) no-repeat; background-position: -20px 0; transition: all 1s; margin-left:10px; } .section0 .list_btm .more a{ transition: all 1s; } .section0 .list_btm .more:hover a{ transform: translateY(10px); transition: all 1s; } .section0 .list_btm .more a::after{ content: ""; display: inline-block; vertical-align: middle; width:20px; height:7px; } .history_list{} .history_list ul{ text-align: center; background: url(../images/xxx_03.jpg) repeat-y center; } .history_list::after{ width:3px; content: ""; display: block; background: #e08512; height:100%; } .history_list ul li{ max-width: 800px; margin:0 auto; display: none; } .history_list ul li .list_left, .history_list ul li .list_right{ max-width: 370px; width:46.3%; } .history_list ul li .list_left .pic img{ border:3px solid #e08512; width:160px; height:160px; border-radius: 50%; } .history_list ul li .list_left .tct{ text-align: left; } .history_list ul li .list_left .tct .bt{ font-size: 20px; color:#111; } .history_list ul li .list_left .tct .bt::after{ content: ""; display: block; width:20px; height:1px; background: #e08512; margin:10px 0; } .history_list ul li .list_left .tct .txt{ font-size: 16px; line-height: 28px; color:#666; } .history_list ul li .list_right{ font-size: 32px; color:#111; font-weight: bold; margin-top:68px; position: relative; } .history_list ul li .list_left .pic{position: relative;} .history_list ul li .list_left .pic::after{ content: ""; display: block; width:125px; height:2px; background: #e08512; position: absolute; right:-6%; top:50%; } .history_list ul li:nth-child(odd) .list_right{ text-align: left; } .history_list ul li:nth-child(odd) .list_right::after{ content: ""; display: block; width:20px; height:20px; border-radius: 20px; background: #e08512; position: absolute; left: -11%; top:50%; margin-top:-10px; } .history_list ul li:nth-child(even) .list_right{ text-align: right; } .history_list ul li:nth-child(even) .list_left{ text-align: center; } .history_list ul li:nth-child(even) .list_left .pic::after{ left: -6%; right:auto; } .history_list ul li:nth-child(even) .list_right::after{ content: ""; display: block; width:20px; height:20px; border-radius: 20px; background: #e08512; position: absolute; right: -11%; left:auto; top:50%; margin-top:-10px; } .lg_ckgd{ width:160px; line-height:46px; font-size: 16px; color:#e08512; border:1px solid #e08512; border-radius: 3px; text-align: center; margin:30px auto 0; cursor: pointer; position: relative; } .lg_ckgd::before{ content: "鈻?; display: block; position: absolute; top: -50px; left: 0; right:0; } .contact_lsit .map{ max-width: 960px; height:460px; } .BMap_Marker img{ max-width:39px !important; height:25px !important; } .contact_lsit_tel{ margin:40px auto; } .contact_lsit_tel .contact_lsit_tel_title{ font-size: 22px; color:#111; line-height: 60px; border-bottom: 1px solid #dedede; } .contact_lsit_tel .contact_lsit_tel_content{ margin:30px auto 0; } .contact_lsit_tel .contact_lsit_tel_content ul{ font-size: 0; text-align: center; } .contact_lsit_tel .contact_lsit_tel_content ul li{ display: inline-block; vertical-align: top; width:33.3333333%; } .contact_lsit_tel .contact_lsit_tel_content ul li .txt1{ font-size: 18px; color:#333; line-height: 38px; } .contact_lsit_tel .contact_lsit_tel_content ul li .txt2{ font-size: 24px; line-height: 38px; color:#e60012; font-weight: bold; } .contact_lsit_tel .contact_lsit_tel_content dl{ display: inline-block; vertical-align: top; width:30%; padding-left:3.1%; margin-bottom:30px; } .contact_lsit_tel .contact_lsit_tel_content dl dt{ font-size: 18px; line-height: 38px; color:#000011; position: relative; } .contact_lsit_tel .contact_lsit_tel_content dl dt::before{ content: ""; display: block; width:5px; height:5px; background: #e30718; position: absolute; left:-3%; top:17px; } .contact_lsit_tel .contact_lsit_tel_content dl dd{ font-size: 16px; line-height: 26px; color:#666; } .culture_list .culture_list_top ul li{ margin-bottom: 30px; position: relative; } .culture_list .culture_list_top ul li .pic{ display: inline-block; vertical-align: middle; max-width: 570px; height:270px; overflow: hidden; } .culture_list .culture_list_top ul li:nth-child(odd) .pic{ float: left; } .culture_list .culture_list_top ul li:nth-child(even) .pic{ float: right; } .culture_list .culture_list_top ul li .tct{ display: inline-block; vertical-align: middle; max-width: 380px; padding:35px; background: #fff; box-shadow: 0 5px 15px #eaeaea; position: absolute; width:40%; height:160px; z-index: 22; top:20px; } .culture_list .culture_list_top ul li .tct .bt{ font-size: 24px; color:#111; margin-bottom: 10px; } .culture_list .culture_list_top ul li .tct .txt{ font-size: 16px; line-height: 20px; color:#666; height:100px; overflow-y: scroll; } .culture_list .culture_list_top ul li:nth-child(odd) .tct{ right:0; } .culture_list .culture_list_top ul li:nth-child(even) .tct{ left:0; } .culture_list .culture_list_btm ul{ font-size: 0; text-align: center; } .culture_list .culture_list_btm ul li{ display: inline-block; vertical-align: top; max-width: 480px; height:330px; border:1px solid #fff; box-sizing: border-box; overflow: hidden; position: relative; width:49%; } .culture_list .culture_list_btm ul li .pic img{ transition: all 1s; } /* .culture_list .culture_list_btm ul li:hover .pic img{ transition: all 1s; transform: scale(1.1); } */ .culture_list .culture_list_btm ul li .tct{ position: absolute; left:0; right:0; z-index: 11; top: 0%; padding-top:20%; background: rgba(0, 0, 0, .3); height:70%; } .culture_list .culture_list_btm ul li:hover .tct{ background: rgba(230, 0, 18, .6); } .culture_list .culture_list_btm ul li .tct .ico{ margin:0 auto; } .culture_list .culture_list_btm ul li .tct .ico img{ width:41px; height:41px; overflow: hidden; /* transition: all 1s; */ } .culture_list .culture_list_btm ul li:hover .tct .ico{display: none;} /* .culture_list .culture_list_btm ul li:hover .tct .ico img{ height:0; transition: all 1s; } */ .culture_list .culture_list_btm ul li:hover .tct .ico::after{ display: none; } .culture_list .culture_list_btm ul li .tct .ico::after{ content: ""; display: block; width:20px; height:1px; background: #fff; margin:20px auto; } .culture_list .culture_list_btm ul li .tct .bt{ font-size: 24px; color:#fff; } .culture_list .culture_list_btm ul li:hover .tct .txt{ font-size: 16px; line-height: 32px; color:#fff; padding:20px 35px } .pro_list ul{ } .pro_list ul li{ border-bottom: 1px solid #dedede; margin-bottom: 40px; padding-bottom: 40px; } .pro_list ul li .pic{ max-width: 300px; width:31.25%; height:190px; overflow: hidden; display: inline-block; vertical-align: middle; box-shadow: 0 5px 10px #efefef; border:1px solid #e3e7f0; box-sizing: border-box; } .pro_list ul li .pic img{ transition: all 1s; } .pro_list ul li:hover .pic img{ transition: all 1s; transform: scale(1.1); } .pro_list ul li .tct{ max-width: 620px; width:65%; margin-left:3%; display: inline-block; vertical-align: middle; } .pro_list ul li .tct .bt{ font-size: 22px; color:#051239; margin-bottom: 15px; } .pro_list ul li .tct .txt{ font-size: 14px; line-height: 20px; color:#333; margin-bottom: 15px; } .pro_list ul li .tct .more2 a{ display: inline-block; width:140px; line-height: 40px; background: #e3e7f0; text-align: center; font-size: 14px; color:#333; border-radius: 5px; } .pro_list ul li:hover .tct .bt a{ color:#e30718; } .pro_list ul li:hover .tct .more2 a{ background: #e30718; color:#fff } .trades_list ul{ font-size: 0; text-align: center; } .trades_list ul li{ display: inline-block; vertical-align: top; max-width: 300px; width:31.25%; margin: 0 1% 2%; } .trades_list ul li .pic{ max-width: 300px; height:190px; overflow: hidden; } .trades_list ul li .pic img{ transition: all 1s; } /* .trades_list ul li:hover .pic img{ transform: scale(1.1); transition: all 1s; } */ .trades_list ul li .bt{ background: #f4f5f6; height:60px; font-size: 16px; color:#111; display: flex; align-items: center; justify-content: center; /* padding:0 20px; */ } .trades_list ul li:hover .bt a{ color:#ea0719; } .page .pagination>li.cur{ background: #ea0819; border: 1px solid #ea0819; } .news_list ul li{ font-size: 0;border-bottom: 1px solid #e3eaef;padding-bottom: 20px;margin-bottom: 20px;} .news_list ul li .pic{max-width:240px;height:140px;overflow: hidden;display: inline-block;vertical-align: top;width:25%;} .news_list ul li .pic img{transition: all .75s;} .news_list ul li .tct{display: inline-block;vertical-align: top;max-width:540px;margin:0 20px;width:56.25%;height:140px;position: relative;} .news_list ul li .tct .bt{font-size: 20px;color:#333;margin-top:5px;} .news_list ul li .tct .bt a{color:#333;transition: all .75s;} .news_list ul li .tct .txt{font-size: 14px;line-height: 24px;color:#666;margin-top:5px;} .news_list ul li .tct .more{margin-top:15px;position: absolute;bottom: 0;left: 0;} .news_list ul li .tct .more a{font-size: 14px;color:#666;transition: all .75s;font-family: "鎬濇簮瀹嬩綋 CN";} .news_list ul li .tct .more a img{transition: all .75s;} .news_list ul li .time{width:90px;border:1px solid #ebebeb;display: inline-block;vertical-align: top;text-align: center;margin-top:10px;transition: all .75s;margin-left:40px;} .news_list ul li .time .time1{font-size: 54px;font-weight: bold;color:#666;font-family: "Arial";transition: all .75s;} .news_list ul li .time .time2{font-size:14px;color:#666;font-family: "Arial";background: #ebebeb;line-height: 30px;transition: all .75s;} .news_list ul li:hover .pic img{transition: all .25s;transform: scale(1.2);} .news_list ul li:hover .tct .bt a{color:#d6000f;transition: all .25s;} .news_list ul li:hover .time{border:1px solid #d6000f;transition: all .25s;} .news_list ul li:hover .time .time1{color:#d6000f;transition: all .25s;} .news_list ul li:hover .time .time2{background: #d6000f;color:#fff;transition: all .25s;} .news_list ul li:hover .tct .more a{color:#d6000f;} .news_list ul li:hover .tct .more a img{transform: translateX(10px);transition: all .25s;} .news_con{} .news_tit{text-align: center;border-bottom: 1px dashed #e3eaef;padding-bottom: 25px;margin-bottom: 25px;} .news_tit .bt{font-size: 30px;color:#333;margin-bottom: 30px;font-weight: bold;} .news_tit span{display: inline-block;font-size: 14px;color:#666;margin:0 15px;} .news_tit span.dwon{width:120px;height:30px;line-height: 30px;text-align: center;font-size: 14px;color:#333;background: #ededed;} .news_tit span.dwon a{display: block;} .news_con .txt{padding:0 20px 30px;} .news_con .txt p{font-size: 14px;line-height:24px;color:#666;font-weight:inherit;} .lg_fy_conr a::before{ background-size: cover } .downs{ padding:0 0 20px; } .downs_top{ height:60px; line-height: 60px; background: #d43535;overflow: hidden;max-width: 960px;background: url(../images/lg_hr_tit.jpg) no-repeat top center;width:94%;padding:0 3%;} .downs_tit{ display: block; float:left; height:60px; line-height:60px; overflow: hidden; font-size: 16px;color:#fff;} .downs_tit:nth-child(1){ width:20%;} .downs_tit:nth-child(2){ width: 25%;text-align: center;} .downs_tit:nth-child(3){ width: 15%;text-align: center;} .downs_tit:nth-child(4){ width: 20%;text-align: center;} .downs_tit:nth-child(5){ width: 20%;text-align: center;} .downs_ul li{ height:40px; line-height: 40px; overflow: hidden;} .downs_ul li a{ display: block; } .downs_i{ display: block; float: left; height: 40px; overflow: hidden; font-size: 14px; color: #666;} .downs_i:nth-child(1){ width:20%; color: #333;} .downs_i:nth-child(2){ width: 25%;text-align: center;} .downs_i:nth-child(3){ width: 15%;text-align: center;} .downs_i:nth-child(4){ width: 20%;text-align: center;} .downs_i:nth-child(5){ width: 20%;text-align: center;} .downs .downs_bt{padding:0 10px;} .downs_show{height:55px;background: #fff;line-height: 55px;margin:0 auto;border-bottom: 1px solid #e5e5e5;padding:0 2%;} .downs_bt li.op .downs_show{background: #fff;} .downs_show .downs_i{height:55px;line-height:55px;color:#333;font-size: 16px;font-weight: normal;} .downs_hid{font-size: 14px;line-height: 26px;color:#666;padding:25px 30px;display: none;background: #f4f4f6;max-width: 1040px;margin:0 auto;} .downs_hid ul{font-size: 0;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;} .downs_hid ul li{display: inline-block;vertical-align: middle;width:25%;font-size: 14px;color:#474747;} .downs_bt li .downs_hid .downs_hid_con{margin:20px auto;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;} .downs_bt li .downs_hid .downs_hid_con section{width:100%;display: inline-block;vertical-align: top;background: none;} .downs_bt li.op .downs_hid{display: block;} .downs_bt li.op .downs_show{border:none;} .downs_hid_a{color:#333;width:270px;height:40px;line-height: 40px;text-align: center;margin-left:auto;margin-left:0;background: #e30718;} .downs_hid_a a{color:#fff;display: inline-block;} .downs_bt li.op .downs_show .downs_iss{color:#e30718} .downs_bt li.op .downs_show .downs_iss span, .downs_bt li:hover .downs_show .downs_iss span{padding:5px 10px;background: #e30718;color:#fff;} .download_list_title{background:url(../images/download_list_title_bg.jpg) no-repeat;max-width: 960px;line-height: 70px;font-size: 0;} .download_list_title i{display: inline-block;vertical-align: middle;font-size: 18px;color:#051239;text-align: center;} .download_list_title i:nth-child(1){width:20%;} .download_list_title i:nth-child(2){width:15%;} .download_list_title i:nth-child(3){width:15%;} .download_list_title i:nth-child(4){width:30%;} .download_list_title i:nth-child(5){width:20%;} .download_list_title2{background:url(../images/download_list_title_bg.jpg) no-repeat;max-width: 960px;line-height: 70px;font-size: 0;} .download_list_title2 i{display: inline-block;vertical-align: middle;font-size: 18px;color:#051239;text-align: center;} .download_list_title2 i:nth-child(1){width:15%;} .download_list_title2 i:nth-child(2){width: 10%;} .download_list_title2 i:nth-child(3){width: 10%;} .download_list_title2 i:nth-child(4){width: 10%;} .download_list_title2 i:nth-child(5){width:15%;} .download_list_title2 i:nth-child(6){width: 10%;} .download_list_title2 i:nth-child(7){width: 10%;} .download_list_title2 i:nth-child(8){width:20%} .download_list_li ul li{border:1px solid #dedede;margin: 20px auto;height:170px;font-size: 0;display: flex;align-items: center;justify-content: center} .download_list_li ul li i{font-size: 16px;color:#111;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 20px;border-right: 1px solid #dedede;height:150px;line-height: 20px;} .download_list_li ul li i a{background: #d7dbe4;width:140px;line-height:50px;color:#d7dbe4;color:#051239;border-radius: 5px;} .download_list_li ul li i a em{width:14px;height:12px;overflow: hidden;display: inline-block;vertical-align: middle;background: url(../images/download_list_li_ico.png) no-repeat;} .download_list_li ul li:hover i a{background: #e30718;color:#fff;} .download_list_li ul li:hover i a em{background-position: -14px 0;} .download_list_li ul li i:nth-child(1){width:20%;} .download_list_li ul li i:nth-child(2){width:15%;} .download_list_li ul li i:nth-child(3){width:15%;} .download_list_li ul li i:nth-child(4){width:30%;text-align: left;word-break: break-all;} .download_list_li ul li i::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;} .download_list_li ul li i::-webkit-scrollbar {width:5px;height:0px;} .download_list_li ul li i::-webkit-scrollbar-thumb {background:#eee;background-clip:padding-box;min-height:28px;} .download_list_li ul li i::-webkit-scrollbar-thumb:hover {background:#666;} .download_list_li ul li i:nth-child(5){width:20%;border:none} .download_list_li ul li i div{max-height:120px;overflow-y: scroll;} .download_list_li2 ul li{border:1px solid #dedede;margin: 20px auto;height:70px;font-size: 0;display: flex;align-items: center;justify-content: center} .download_list_li2 ul li i{font-size: 14px;color:#111;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 10px;border-right: 1px solid #dedede;height:50px;line-height: 20px;text-align: left;word-break: break-all;} .download_list_li2 ul li i:last-child{border-right:0} .download_list_li2 ul li i a{background: #d7dbe4;width:140px;line-height:50px;color:#d7dbe4;color:#051239;border-radius: 5px;} .download_list_li2 ul li i a em{width:14px;height:12px;overflow: hidden;display: inline-block;vertical-align: middle;background: url(../images/download_list_li_ico.png) no-repeat;} .download_list_li2 ul li:hover i a{background: #e30718;color:#fff;} .download_list_li2 ul li:hover i a em{background-position: -14px 0;} .download_list_li2 ul li i:nth-child(1){width:15%;} .download_list_li2 ul li i:nth-child(2){width:10%;} .download_list_li2 ul li i:nth-child(3){width:10%;} .download_list_li2 ul li i:nth-child(4){width:10%;} .download_list_li2 ul li i:nth-child(5){width:15%;} .download_list_li2 ul li i:nth-child(6){width:10%;} .download_list_li2 ul li i:nth-child(7){width:10%;} .download_list_li2 ul li i:nth-child(8){width:20%;text-align: center;} .head_top2{height:80px;} .head_top2 h1{line-height: 80px;margin-top:0;} .head_top_right_con .span{font-size: 18px;color: #333;line-height: 35px;padding: 0 30px;display: inline-block;vertical-align: middle;} .head_top2 .head_top_right .head_top_right_con{line-height: 80px;margin: 0 auto;} .head_top2 .head_top_right .head_top_right_con .tel{display: inline-block;vertical-align: middle;} .sign_con{font-size: 0;overflow: hidden;} .sign_con .sign_left, .sign_con .sign_right{display: inline-block;vertical-align: middle;width:50%;overflow: hidden;max-width: 960px;height:940px;} .sign_right{position: relative;} .sign_right .sign_right_bd{position: absolute;left:0;right:0;top:5%;max-width: 620px;margin:0 auto;width:100%;} .sign_con1, .sign_con3{margin-top:20%;} .sign_con1 h3, .sign_con2 h3, .sign_con3 h3{font-size: 26px;color:#111;text-align: center;} .sign_con1 .sign_cc dl, .sign_con2 .sign_cc dl, .sign_con3 .sign_cc dl{margin:20px auto;font-size: 0;} .sign_con1 .sign_cc dl dt, .sign_con1 .sign_cc dl dd, .sign_con2 .sign_cc dl dt, .sign_con2 .sign_cc dl dd, .sign_con3 .sign_cc dl dt, .sign_con3 .sign_cc dl dd{display: inline-block;vertical-align: middle;} .sign_con1 .sign_cc dl dt, .sign_con2 .sign_cc dl dt, .sign_con3 .sign_cc dl dt{font-size: 16px;line-height: 45px;color:#111;max-width: 100px;text-align: right;width:14.13%;padding-right:2%;} .sign_con1 .sign_cc dl dt font, .sign_con2 .sign_cc dl dt font, .sign_con3 .sign_cc dl dt font{color:#e30718;display: inline-block;vertical-align: middle;} .sign_con1 .sign_cc dl dd, .sign_con2 .sign_cc dl dd, .sign_con3 .sign_cc dl dd{max-width: 520px;border:1px solid #cfd8dc;height:45px;line-height: 45px;width:83.55%;box-sizing: border-box;} .sign_con1 .sign_cc dl dd input, .sign_con2 .sign_cc dl dd input, .sign_con3 .sign_cc dl dd input{border:0;background: none;height:45px;line-height: 45px;font-size: 16px;color:#333;width:96%;padding:0 10px;} .sign_con1 .sign_cc dl dd input::placeholder, .sign_con2 .sign_cc dl dd input::placeholder, .sign_con3 .sign_cc dl dd input::placeholder{color:#b4c1c6} .sign_con1 .sign_cc dl.dl1 dd{width:260px;position: relative;} .sign_con1 .sign_cc dl.dl1 dd input{padding-left: 10px;} .sign_con1 .sign_cc dl.dl1 dd i{display: inline-block;width:112px;height:45px;position: absolute;right:0;top:0;overflow: hidden;} .sign_con1 .sign_cc .sign_btm{float: right;font-size: 16px;color: #e30718;line-height: 45px;cursor: pointer;} .sign_con1 .btns button, .sign_con2 .btns button, .sign_con3 .btns button{width:360px;height:45px;line-height: 45px;font-size: 16px;color:#fff;background: #e60012;border:none;margin:10px auto 0;display: block;} .sign_con1 .signs, .sign_con2 .signs, .sign_con3 .signs{font-size: 14px;color:#111;text-align: center;display: inline-block;margin:20px auto;cursor: pointer;} .sign_con1 .signs font, .sign_con2 .signs font, .sign_con3 .signs font{color:#e30718;} .sign_con2 .sign_cc dl.dl2, .sign_con2 .sign_cc dl.dl3{display: inline-block;vertical-align: middle;margin:0 auto;} .sign_con2 .sign_cc dl.dl2{max-width:360px;width:58%;} .sign_con2 .sign_cc dl.dl3{max-width: 260px;width:40%;} .sign_con3 .sign_cc dl.dl4 dd{max-width: 240px;} .sign_con3 .sign_cc dl.dl4 span{display: inline-block;vertical-align: middle;height:45px;line-height: 45px;border:1px solid #e30718;color:#e30718;font-size: 16px;width:120px;text-align: center;margin-left:15px;} .sign_con2 .sign_cc dl.dl2 dt{width:25%;} .sign_con2 .sign_cc dl.dl2 dd{max-width: 260px;} .sign_con2 .sign_cc dl.dl3 dt{width:35%;} .sign_con2 .sign_cc dl.dl3 dd{max-width: 160px;border:none;text-align: left;display: inline-block;vertical-align: middle;} .sign_con2 .sign_cc dl dd select{width:96%;height:45px;line-height: 45px;font-size: 16px;border: none;background: none;padding-left:10px;border:none;} .sign_con2 .sign_cc dl{text-align: center;} .sign_con2 .sign_cc dl label{text-align: center;font-size: 12px;color:#999;} .sign_con2 .sign_cc dl label a{color:#0057e6;} .sign_con2 .sign_cc dl dd{position: relative;} .sign_con2 .sign_cc dl dd i{font-size: 12px;color:#999;line-height: 45px;position: absolute;right:10px;top:0;} .demo_list{margin:15% auto 5%;} .demo_list .demo_list_title{text-align: left;} .demo_list .demo_list_title .bt{font-size: 38px;color:#111;text-align: left;} .demo_list .demo_list_title .bt::after{content: "";display: block;width:60px;height:2px;background: #e30718;margin: 20px 0;} .demo_list .demo_list_title .txt{font-size: 16px;line-height: 28px;color:#666;} .demo_list_text video{width:80%;} .demo_list_con{margin:30px auto 0;} .demo_list_con ul{font-size: 0;text-align: center;} .demo_list_con ul li{display: inline-block;vertical-align: top;max-width: 280px;max-height:165px;overflow: hidden;position: relative;width:23.34%;margin:.5%;} .demo_list_con ul li .txt{position: absolute;bottom: 0;left:0;right:0;background: rgba(0, 0, 0, .4);font-size: 14px;color:#fff;line-height: 40px;opacity: 0;} .demo_list_con ul li:hover .txt{opacity: 1;} /* .demo_list{margin:15% auto 5%;font-size: 0;text-align: center;} .demo_list .demo_list_left, .demo_list .demo_list_right{display: inline-block;vertical-align: middle;} .demo_list .demo_list_left{max-width: 465px;width:398%;text-align: left;margin-right: 3%;} .demo_list .demo_list_left .bt{font-size: 38px;color:#111;} .demo_list .demo_list_left .bt::after{content: "";display: block;width:60px;height:2px;background: #e30718;margin: 20px 0;} .demo_list .demo_list_left .txt{font-size: 16px;line-height: 28px;color:#666;} .demo_list .demo_list_left .tp{font-size: 14px;line-height: 28px;color:#111;margin-top: 30px;} .demo_list_left .bttn{text-align: center;margin-top:30px} .demo_list_left .bttn a{width:200px;line-height:50px;font-size: 20px;color:#ef4700;display: inline-block;text-align: center;border:2px solid #ef4700;border-radius: 50px;margin:0 10px;} .demo_list_left .bttn a:hover{background:linear-gradient(to right, #fc763e , #f04c07);color:#fff;} .demo_list_left .bttn a::before{content: "";display: inline-block;vertical-align: text-top;width:20px;height:20px;overflow: hidden;background: url(../images/demo_list_left_icon.png) no-repeat;margin-right: 5px;} .demo_list_left .bttn a:nth-child(2):before{background-position: -20px 0;} .demo_list_left .bttn a:hover:before{background-position: 0 -20px;} .demo_list_left .bttn a:nth-child(2):hover:before{background-position: -20px -20px;} .demo_list .demo_list_right{max-width: 567px;height:672px;margin-left:30px;} .demo_list .demo_list_right .link_divs{position: relative;width: 564px;margin:0 auto;} .demo_list .demo_list_right .link_btn{font-size: 36px;font-weight: bold;font-family: cursive;cursor: pointer;width:100%;color:#999;} .demo_list .demo_list_right .link_btn .link_lefts{left:-30px;display: inline-block;vertical-align: middle;position: absolute;top:50%;margin-top:-18px;} .demo_list .demo_list_right .link_btn .link_rights{right:-30px;display: inline-block;vertical-align: middle;position: absolute;top:50%;margin-top:-18px;} .demo_list .demo_list_right .link_btn .link_lefts:hover, .demo_list .demo_list_right .link_btn .link_rights:hover{color:#e30718;} */ .suction{position: fixed;right:0;z-index: 999999;top:150px;} .suction .suction_list ul li{margin:10px auto;display: flex;align-items: center;justify-content: center;position: relative;z-index: 22;} .suction .suction_list ul li span{font-size: 20px;color:#fff;width:0;display: block;position: absolute;right:-150px;width:150px;line-height:60px;text-align: center;} .suction .suction_list ul li:hover span{background: #e30718;right:80px;transition: right 1s;z-index: 1;} .suction .suction_list ul li a{width:105px;height:60px;background: #f5f6fa;border-radius: 50px 0 0 50px;display: block;text-align: center;font-size: 14px;color:#9398a7;} .suction .suction_list ul li a::before{content: "";display: block;width:20px;height:20px;overflow: hidden;background: url(../images/suction_list_icon.png) no-repeat;margin:10px auto 5px;} .suction .suction_list ul li:nth-child(2) a::before{background-position:-20px 0;} .suction .suction_list ul li:nth-child(3) a::before{background-position:-40px 0;} .suction .suction_list ul li:nth-child(4) a::before{background-position:-60px 0;} .suction .suction_list ul li:hover a{color:#fff;} .suction .suction_list ul li:hover a::before{background-position:0px -20px;} .suction .suction_list ul li:nth-child(2):hover a::before{background-position:-20px -20px;} .suction .suction_list ul li:nth-child(3):hover a::before{background-position:-40px -20px;} .suction .suction_list ul li:nth-child(4):hover a::before{background-position:-60px -20px;} .suction .suction_list ul li:hover a{background: #e60012;} .register_page{position: fixed;width:100vw;height: 100vh;background: rgba(0, 0, 0, .5);z-index: 999999;top:0;left:0;right:0;} .register_page_cols{width:50px;height:50px;border-radius: 50px;position: absolute;right:0px;top:0px;transform: rotate(45deg);cursor: pointer;z-index: 999999;} .register_page_cols::after, .register_page_cols::before{content: "";display: block;width:25px;height:2px;background: #000;position: absolute;top:50%;margin-top:-1px;left:0;right:0;margin:0 auto;} .register_page_cols::before{transform: rotate(90deg);} /* .register_page_con{max-width: 570px;height:685px;background: #fff;border-radius:5px;margin:7% auto 0;padding:35px;position: absolute;width:29%;left:0;right:0;z-index: 99999;} .register_page_con h3{font-size: 30px;color:#000;text-align: center;} .register_page_con dl dt{font-size: 20px;line-height: 36px;color:#000;margin-top: 15px;} .register_page_con dl dd label{display: inline-block;vertical-align: top;width:49%;font-size: 16px;line-height: 36px;color:#666;} .register_page_con dl dd label>input{margin-right: 5px;width:auto;float: none;height:auto;} .register_page_con dl dd textarea{font-size: 16px;line-height: 36px;color:#999;width:100%;border:1px solid #999;border-radius: 5px;box-sizing: border-box;text-indent: 1em;} .register_page_con dl dd i{width:50%;float: left;max-width: 270px;height:60px;line-height: 60px;background: none;border:1px solid #999;border-radius: 5px;font-size: 20px;color:#111;box-sizing: border-box;margin-top:20px;display: block;} .register_page_con dl dd i.inp1{float: right;} .register_page_con dl dd i input{height:60px;line-height: 60px;background: none;border:none;display: inherit;text-indent: 1em;} .register_page_con dl dd i.inp2{width:100%;max-width: 570px;position: relative;} .register_page_con dl dd i.inp2 .img{position: absolute;right:0;top:0;border-radius: 5px;max-width: 280px;height:58px;} */ .register_page_con .buts{width:100%;line-height: 60px;border-radius: 5px;background: #e30718;color:#fff;text-align: center;border:none;margin-top:20px;font-size: 20px;} .lg_fy_conr a{background: #e30718;} .register_page_con{max-width: 570px;height:650px;background: #fff;border-radius:5px;margin:7% auto 0;padding:35px;position: relative;width:29%;} .register_page_con h3{font-size: 30px;color:#000;text-align: center;} .register_page_con dl dt{font-size: 20px;line-height: 30px;color:#000;margin-top: 15px;} .register_page_con dl dd label{display: inline-block;vertical-align: top;width:49%;font-size: 16px;line-height: 30px;color:#666;} .register_page_con dl dd label>input{margin-right: 5px;width:auto;float: none;height:auto;} .register_page_con dl dd textarea{font-size: 16px;line-height: 30px;color:#999;width:100%;border:1px solid #999;border-radius: 5px;box-sizing: border-box;text-indent: 1em;margin-top:20px} .register_page_con dl dd i{width:50%;float: left;max-width: 270px;height:60px;line-height: 60px;background: none;border:1px solid #999;border-radius: 5px;font-size: 20px;color:#111;box-sizing: border-box;margin-top:20px;display: block;} .register_page_con dl dd i.inp1{float: right;} .register_page_con dl dd i input{height:60px;line-height: 60px;background: none;border:none;display: inherit;text-indent: 1em;} .register_page_con dl.dl1 dd.inp2{width:100%;max-width: 450px;position: relative;} .register_page_con dl.dl1 dd.inp2 .img{position: absolute;right:0;top:1px;border-radius: 5px;max-width: 280px;height:36px;} .register_page_con dl dd.dss{width:100%;margin-top:20px;} .register_page_con dl dd.dss select{height:36px;line-height: 36px;width:100%;font-size: 16px;} .register_page_con dl.dl1{margin:20px auto;height:36px;line-height: 36px;} .register_page_con dl.dl1 dt, .register_page_con dl.dl1 dd{display: inline-block;vertical-align: top;} .register_page_con dl.dl1 dt{width:100px;font-size: 16px;color:#111;margin:0 auto;text-align: left;} .register_page_con dl.dl1 dt font{color:#e60012;display: inline-block;vertical-align: middle;} .register_page_con dl.dl1 dd{max-width:450px;width:85%;border-radius: 5px;} .register_page_con dl.dl1 dd input{height:36px;line-height: 36px;width:100%;font-size: 16px;} .register_page_con2{position: absolute;z-index: 999999;left:0;right:0;top:20%;margin:0 auto;max-width: 640px;height:670px;overflow: hidden;width:29%;} .flexslider{position: relative;} .flex-control-nav{position: absolute;bottom:20%;left:0;right: 0;z-index: 222;text-align: center;margin: 0 auto;} .flex-control-nav li{display: inline-block;vertical-align: middle;} .flex-control-nav li a{display: block;background: #878792;font-size: 0;width:30px;height:5px;margin:0 5px;cursor: pointer;} .flex-control-nav li a.flex-active{width:50px;background: #e30718;} .download_list_search dl{text-align: center;margin-bottom: 30px;} .download_list_search dl dt{font-size:14px;color:#333;display: inline-block;vertical-align: top;} .download_list_search dl dt select{width:260px;height:45px;line-height: 45px;border:1px solid #dfe1e6;border-radius: 5px;font-size: 14px;color:#999;padding:0 15px;margin-left:15px;} .download_list_search dl dd{width:410px;border:1px solid #dfe1e6;border-radius: 5px;display: inline-block;vertical-align: top;box-sizing: border-box;position: relative;margin-left:15px;} .download_list_search dl dd input{border:none;background:none;height:43px;line-height: 43px;box-sizing: border-box;padding:0 15px;font-size: 14px;width:100%;} .download_list_search dl dd .btss{border:none;background: #ea0718;font-size: 14px;color:#fff;text-align: center;width:100px;line-height: 43px;border-radius: 5px;position: absolute;right:0;top:0;} .download_list_search dl span{display: inline-block;vertical-align: middle;line-height: 45px;font-size: 14px;color:#333;margin-left: 15px;} .download_list_search dl span label input{width:20px;height:20px;margin-right:5px;} .secth_show{width: 100vw;height:100vh;position: fixed;top:0;right:-100vw;z-index: 9999;transition: all 1s;} .secth_show_con{background:rgba(62, 78, 123, .8);width:100%;height:100%;display: flex;align-items: center;justify-content: center} .secth_show_con .secth_show_bd{max-width: 1090px;width:100%;} .secth_show_con .secth_show_bd .secth_show_bds{border-bottom: 1px solid #fff;width:1090px;} .secth_show_con .secth_show_bd .icoo{display: inline-block;vertical-align: middle;margin-right: 15px;} .secth_show_con .secth_show_bd .cols{display: inline-block;vertical-align: middle;transform: rotate(-45deg);cursor: pointer;width:30px;height:30px;} .secth_show_con .secth_show_bd .cols::before,.secth_show_con .secth_show_bd .cols::after{content: "";display: block;width:30px;height:2px;background: #fff;} .secth_show_con .secth_show_bd .cols::before{transform: rotate(90deg);} .secth_show_con .secth_show_bd .cols::after{margin-top:-2px;} .secth_show_con .secth_show_bd input{width:90%;height: 100px;line-height: 100px;background: none;border:none;font-size: 52px;color:#fff;display: inline-block;vertical-align: middle;font-weight: lighter;} .secth_show_con .secth_show_bd input::placeholder{color:#fff;font-size: 52px;} .secth_show_con .secth_show_bd input::before{content: "";display: block;width:40px;height:40px;background: url(../images/secth_show_bd_ico.png) no-repeat;} .secth_show_con .secth_show_bd .hot{font-size: 22px;color:#fff;margin-top:20px;} .on .secth_show{right:0;transition: all 1s;} .page a{display: inline-block;padding:0px 10px;text-align: center;margin: 0 auto;width:auto;} /* .page a{padding:8px 0;border:1px solid #ddd;font-size:14px;color:#666;display: inline-block;text-align: center;border-radius: 2px;} .page a{border:none;padding:6px 12px;margin:0;background: none;color:#666;} */ .page a:hover, .page a.cr{background:#ea0719;border:1px solid #ea0719;color:#fff;} /* .page a.cur{background:#004fab;color:#fff;border:1px solid #004fab;border-radius: 2px;} */ /* .page a.cur a{color:#fff;} */