/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:娣诲姞鐧惧害鍦板浘瀹瑰櫒鏍峰紡锛涢粯璁ら殣钘忕櫨搴﹀垎浜殑瑙︽帶寮瑰眰 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*鎸備欢鍒嗛〉鏍峰紡*/ .util-page{ font-size:0; color:#000; text-align:center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color:#000;display:inline-block;border:1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align:middle;margin:0 0 10px -1px;background:#fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#3cabff;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size:.8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background:none; color:#000;display:inline-block; margin:0 7px; vertical-align:top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background:none; border:none;color:#000; font-size:14px; } .util-page .jumpto_inp{ width:40px; text-align:center; height:37px; line-height:37px; vertical-align:top; } /*鐧惧害鍦板浘瀹瑰櫒-榛樿楂樺害45%锛孊dMapArea鏄槻姝㈠湪鍚屽睆鐗堝績涓嬪湴鍥惧お澶?/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*榛樿闅愯棌鐧惧害鍒嗕韩瑙︽帶寮瑰眰*/ .bdshare_popup_box { display:none!important;} /* 闆ⅶ鍥 */ /* 瀵归綈鏂规寮曠敤(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 甯搁噺璁剧疆 */ .wrap { width:auto; margin:0 8%; transition:all 0.5s ease;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*瀵筰e8璁剧疆鏈€灏忓搴︼紝闃叉椤甸潰閿欎贡*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#285e98;} ::-moz-selection {color:#fff; background:#285e98; } ::selection {color:#fff; background:#285e98; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css缁勪欢璁剧疆*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#285e98; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 缃戠珯鏍峰紡 */ .pageHeader{position:relative; z-index:10;} .header {border-bottom:1px solid #fff; border-color:rgba(255,255,255,.2); position:fixed; left:0; top:0; z-index:10; width:100%; transition:all 0.5s ease;} .header.fixed{background:#fff} .header:hover{background:#fff} .header .h_logo{padding: 25.5px 0} .header .h_logo a{display:block; font-size:0;} .header .h_logo a img{display:block;} .header .h_logo a img+img{display:none;} .header.fixed .h_logo a img,.header:hover .h_logo a img{display:none;} .header.fixed .h_logo a img+img,.header:hover .h_logo a img+img{display:block;} /* 鍙充晶鑿滃崟瀵艰埅 */ .header .h_menu{margin-left:35px; padding-top:42px; cursor:pointer;} .header .h_menu .icon{width:18px; height:18px; background:url(../images/h_menu.png) no-repeat center; transition:all 0.5s ease;} .header .h_menu:hover .icon,.header.fixed .h_menu .icon{background:url(../images/h_menu_on.png) no-repeat center;} /* 澶撮儴鎼滅储 */ .header .h_search{margin-left:35px; padding-top:38px; cursor:pointer;} .header .h_search .icon{width:20px; height:20px; background:url(../images/h_search.png) no-repeat center;} .header .h_search:hover .icon,.header:hover .h_search .icon{background:url(../images/h_search_on.png) no-repeat center;} .header.fixed .h_search .icon{ position: relative; filter: drop-shadow(100vw 0px 0 #212121); -webkit-filter: drop-shadow(100vw 0px 0 #212121); right: 100vw; } .header:hover .h_search .icon{background:url(../images/h_search_on.png) no-repeat center;filter:none;right:0;} /* 鎼滅储涓嬫媺 */ .search-alert{position:fixed; left:0; top:-100%; width:100%; height:100%; background:#fff; z-index:98; transition:all 0.5s ease} .search-alert .close{border-left:1px solid #E1E0E1; padding:39px 39px 38px; float:right;} .search-alert .close_icon{display:block; width:20px; height:20px; background:url(../images/search_close.png) no-repeat center; cursor:pointer; -webkit-transition:-webkit-transform 0.3s ease 0s; transition:transform 0.3s ease 0s;} .search-alert .close .close_icon:hover{-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);} .search-alert .cent-form {padding:19px 0; height:60px; line-height:60px; float:left; width:86%;} .search-alert .cent-form form{position:relative; padding-left:50px;} .search-alert .cent-form form .icon{position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/ico2_2.png) no-repeat;} .search-alert .cent-form form .inp {border:none; font-size:15px; height:60px; line-height:60px; text-align:left; width:80%; box-sizing:border-box; background:none; padding:0} .search-alert .cent-form form .btns {border:none; width:120px; background:none; text-align:center; padding:10px 20px; margin:0; font-size:15px; color:#aaa; border-radius:50px; border:1px solid#aaa; cursor:pointer; outline:none; transition:all 0.5s ease;} .search-alert .cent-form form .btns:hover{background:#285e98; color:#fff; border-color:#285e98;} .search-alert.active{top:0;} /* 鎴戞槸 */ .header .h_me{position:relative; margin-left:35px; padding:36px 0; cursor:pointer; font-size:0; color:#fff;margin-right:30px; padding-right:30px; border-right:1px solid #fff; border-color:rgba(255,255,255,.3);} .header .h_me>a{display:block} .header .h_me>a>span{display:inline-block; vertical-align:middle; font-size:15px; color:#285e98; font-weight:bold;} .header .h_me .icon{display:inline-block; width:12px; height:8px; background:url(../images/h_lan_sj_on.png) no-repeat center; margin-left:10px; vertical-align:-5px; } /* 宸ュ叿 */ .header .h_tools{ border-left: 1px solid rgba(255,255,255,.3); } .header.fixed .h_tools,.header:hover .h_tools{ border-left-color: #e4e4e4; } /* 璇█ 鍙婁笅鎷 */ .header .h_tools .h_lan{position:relative; margin-left:40px; padding:36px 0; cursor:pointer; font-size:0; color:#fff;} .header .h_tools .h_lan span{display:inline-block; vertical-align:middle; font-size:15px;} .header.fixed .h_tools .h_lan span{color:#212121} .header:hover .h_tools .h_lan span{color:#285e98;} .header .h_tools .h_lan .icon{display:inline-block; width:12px; height:8px; background:url(../images/h_lan_sj.png) no-repeat center; margin-left:5px; vertical-align:-5px;} .header.fixed .h_tools .h_lan .icon{position: relative;filter: drop-shadow(100vw 0px 0 #212121);-webkit-filter: drop-shadow(100vw 0px 0 #212121);right: 100vw;} .header:hover .h_tools .h_lan .icon{ background-image: url("../images/h_lan_sj_on.png");filter: none;right: 0;} .header .h_tools .h_lan .lan_down{width:130px; position:absolute; left:50%; margin-left:-65px; top:100%; display:none; z-index:3; padding:5px 0; background:#E6E8EA; background:rgba(230,232,234,0.8);} .header .h_tools .h_lan .lan_down ul>li{margin:5px 0; padding:0; float:none;} .header .h_tools .h_lan .lan_down ul>li a{display:block; padding:5px 10px; color:#666;} .header .h_tools .h_lan .lan_down ul>li a img{margin-right:10px; vertical-align:middle} .header .h_tools .h_lan .lan_down ul>li a span{display:inline-block; font-size:15px; vertical-align:middle} .header .h_tools .h_lan .lan_down ul>li a:hover{background:rgba(255,255,255,.9);} /* 瀵艰埅 */ .header .inav_wrapper{float:right; padding-right:3%;} .header .inav_wrapper .nav_li{display:inline-block; padding:16px 22px;} .header .inav_wrapper .nav_li .nav_a{font-size:16px; line-height:25px; color:#fff; display:block; padding:20px 0;} .header.fixed .inav_wrapper .nav_li .nav_a,.header:hover .inav_wrapper .nav_li .nav_a{color:#212121;} .header .inav_wrapper .nav_li.cur .nav_a{color:#285e98;} .header .inav_wrapper .nav_li:hover .nav_a{color:#285e98;} /* 瀵艰埅涓嬫媺 */ .header .inav .nav_li .dropdown{display:none; overflow:hidden; position:absolute; z-index:1; width:100%; top:100%; left:0; background:url(../images/nav2.jpg) no-repeat center;} .header .dropdown .left{float:left; width:28%; padding-top:40px; min-height:400px;} .header .dropdown .left ul{position:relative; padding-bottom:30px;} .header .dropdown .left ul:after{content:''; position:absolute; bottom:0; width:90%; left:0; height:1px; background:rgb(255,255,255,.5);} .header .dropdown .left ul li>a{display:block} .header .dropdown .left ul li{font-size:15px; color:#fff; line-height:45px; padding-left:75px;} .header .dropdown .left ul li:hover{background:#fff; color:#285e98;} .header .dropdown .left ul li.cur{background:#fff; color:#285e98;} .header .dropdown .left dl{padding:25px 0 20px;} .header .dropdown .left dl dt{font-size:17px; color:#fff; padding-left:75px; line-height:30px;} .header .dropdown .left dl dd{font-size:14px; color:#fff; padding-left:75px; line-height:30px;} .header .dropdown .right{float:right; width:67%; padding-top:90px;} .header .dropdown .right .infor{float:left; width:57%; position:relative; z-index:1;} .header .dropdown .right .infor .box{padding-left:20px;} .header .dropdown .right .infor .tit{font-size:24px; color:#212121; line-height:50px;} .header .dropdown .right .infor .con{font-size:15px; color:#212121; line-height:30px; margin:13px 0 45px;} .header .dropdown .right .common_more{margin-top:70px;border-color:rgb(40,94,152,.5)} .header .dropdown .right .common_more span{color: #212121;} .header .dropdown .right .common_more:hover span{color: #fff;} .header .dropdown .right .img{position:absolute; right:0; top:0;} /* 浜у搧瀵艰埅涓嬫媺 */ .header .pro_down{overflow:hidden; position:absolute; z-index:1; width:100%; top:100%; left:0; background:#fff; display:none;} .header .pro_down .rect-87{padding-bottom:87%;} .header .pro_down .box{padding:50px 0;} .header .pro_down .box .pro_li{width:13.625%; margin-right:0.75%; float:left; position:relative; margin-bottom:10px;} .header .pro_down .box .pro_li a{display:block;} .header .pro_down .box .pro_li .intro {display:flex; position:absolute; left:0; bottom:0; width:100%; height:100%; justify-content:center;} .header .pro_down .box .pro_li .intro .tit{font-size:18px; line-height:27px; color:#000; font-weight:bold; text-align:center; display:flex; align-items:center;} .header .pro_down .box .pro_li .cover {position:absolute; left:0; bottom:0; width:100%; height:100%; justify-content:center; opacity:0; visibility:hidden; transition:all 0.5s ease;} .header .pro_down .box .pro_li7{margin-right:0;} .header .pro_down .box .pro_li14{margin-right:0;} .header .pro_down .box .pro_li21{margin-right:0;} .header .pro_down .box .pro_li:hover .cover {opacity:1; visibility:visible;} .header .pro_down .box .pro_li:hover .intro .tit{color:#fff;} /* 鍙充晶瀵艰埅 */ /* LNB */ .widgets_right_nav_4 .lnb .lnb_bg{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/black.6.png); background:rgba(0,0,0,.6); visibility:hidden; opacity:0;z-index:59; transition:all 0.3s;} .widgets_right_nav_4 .lnb .lnb_area{position:fixed; right:-497px; top:0; width:497px; height:100%; z-index:59; background:#fff; transition:all 0.3s;} .widgets_right_nav_4 .lnb .lnb_inner{position:relative; overflow:auto; height:100%;} .widgets_right_nav_4 .lnb .lnb_inner .btn_lnb_close{position:absolute; right:50px; top:30px; font-size:16px; font-weight:bold; transition:.5s ease;} .widgets_right_nav_4 .lnb .lnb_inner .btn_lnb_close:hover{transform:rotateZ(180deg);} .widgets_right_nav_4 .lnb .lnb_top .box{padding:90px 50px 18px;} .widgets_right_nav_4 .lnb .lnb_top .box .tit{font-size:20px; color:#262626; font-weight:bold; margin-bottom:20px;} .widgets_right_nav_4 .lnb .lnb_top .box .con a{display:block; padding:0 20px; border:1px solid #cccccc; line-height:40px; height:40px; overflow:hidden; font-size:0.15rem; color:#262626; margin-bottom:10px;} .widgets_right_nav_4 .lnb .lnb_top{border-bottom:1px solid #eeeeee;} .widgets_right_nav_4 .lnb .lnb_top .box .con a i{float:right; transition:transform .3s ease; transform:translateX(-5px)} .widgets_right_nav_4 .lnb .lnb_top .box .con a:hover{background:#285e98; color:#fff;} .widgets_right_nav_4 .lnb .lnb_top .box .con a:hover i{transform:translateX(0);} .widgets_right_nav_4 .lnb .lnb_bott .tit{font-size:20px; color:#262626; font-weight:bold; padding:20px 50px;} .widgets_right_nav_4 .lnb .lnb_bott .con{position:relative;} .widgets_right_nav_4 .lnb .lnb_bott .con ul{position:relative; background:url(../images/black.6.png);background:rgba(0,0,0,.6); z-index:1; font-size:15px;} .widgets_right_nav_4 .lnb .lnb_bott .con ul li{border-bottom:2px solid rgba(255,255,255,0.2); transition:.3s ease;} .widgets_right_nav_4 .lnb .lnb_bott .con ul li a{padding:28px 50px; display:block; color:#fff;} .widgets_right_nav_4 .lnb .lnb_bott .con ul li a i.iconfont{float:right; opacity:0; visibility:hidden; transition:.3s ease; transform:translateX(-5px)} .widgets_right_nav_4 .lnb .lnb_bott .con ul li:hover{background:rgba(0,0,0,0.4);} .widgets_right_nav_4 .lnb .lnb_bott .con ul li:hover a i.iconfont{transform:translateX(0);opacity:1; visibility:visible;} .widgets_right_nav_4 .lnb .lnb_bott .con .img img{position:absolute; top:0; left:0; width:100%; height:100%;} .widgets_right_nav_4 .lnb.on .lnb_bg {visibility:visible; opacity:1;} .widgets_right_nav_4 .lnb.on .lnb_area {right:0} .channel_content{min-height:300px; padding:100px 0 60px;} /* 搴曢儴 */ .pageFooter{position:relative;} .pageFooter::after{ content: ""; position: absolute; right: -100px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 360px; height: 360px; background: url("../images/foot_bg.png") no-repeat center; z-index: 1; opacity: .5; } .pageFooter .f_top{padding:55px 0; background:#181818;} .pageFooter .f_top .left{width:50%; float:left;} .pageFooter .f_top .left .f_logo{margin-bottom:30px;} .pageFooter .f_top .left .list{margin-bottom:60px;} .pageFooter .f_top .left .list li{float:left; font-size:15px; line-height:35px; color:#fff; padding-left:55px; position:relative;} .pageFooter .f_top .left .list li:first-child{padding-left:0;} .pageFooter .f_top .left .list li a{display:block;} .pageFooter .f_top .left .list li:after{content:''; width:5px; height:1px; background:#fff; background:rgba(255,255,255,.3); position:absolute; left:25px; top:50%;} .pageFooter .f_top .left .list li:first-child:after{display:none;} .pageFooter .f_top .left .info{font-size:15px; line-height:24px; color:#fff;} .pageFooter .f_top .left .info span{display:inline-block; margin:0 8px 0 0;} .pageFooter .f_top .left .info a{margin-right: 8px;} .pageFooter .f_top .right{float:right; text-align:right;position: relative;z-index: 2;} .pageFooter .f_top .right .tel{font-size:15px; line-height:30px; color:#fff; margin-bottom:25px;} .pageFooter .f_top .right .tel a{display:block; font-size:30px; font-family:Impact;} .pageFooter .f_top .right .fax{font-size:15px; color:#fff; margin-bottom:25px;} .pageFooter .f_top .right .fax span{display:block;} .pageFooter .f_top .right .addr{font-size:15px; line-height:24px; color:#fff; width:80%; margin-left:20%;} /* 鍒嗕韩 */ .pageFooter .common_share{width:69%; position:absolute; left:0; top:-69px; height:150px; transform:translateX(-110%); transition:all 1s ease;} .pageFooter .common_share:after{content:''; width:300px; height:100%; background:#285e98; position:absolute; left:0%; top:0; pointer-events:none; transform:skew(0);} .pageFooter .common_share .wrap{position:relative; height:150px;} .pageFooter .common_share .content{position:absolute; width:95%; height:100%; background:#285e98; margin-left:5%;} .pageFooter .common_share .content:after{content:''; width:100%; height:100%; background:#285e98; position:absolute; left:7%; top:0; pointer-events:none; transform:skew(-30deg);} .pageFooter .common_share .content .box{position:relative; z-index:2; padding:50px 0;} .pageFooter .common_share .content .box li{width:23%; float:left; position:relative; margin-right:2%; cursor:pointer;} .pageFooter .common_share .content .box li .img{float:left; width:32px; height:26px; margin-right:20px;} .pageFooter .common_share .content .box li .intro{float:left; color:#fff;} .pageFooter .common_share .content .box li .intro .t{font-size:18px; line-height:18px; margin-bottom:5px;} .pageFooter .common_share .content .box li .intro .c{font-size:14px; line-height:25px;} .pageFooter .common_share .content .box li:after{content:''; width:22px; height:60px; background:url(../images/common_share_line.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-30px;} .pageFooter .common_share .content .box li:last-child:after{display:none;} .pageFooter .common_share.on{transform:translateX(0);} .pageFooter .common_share .content .box li .li_ewm{position:absolute; left:0%; width:120px; height:120px; bottom:120%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pageFooter .common_share .content .box li:hover .li_ewm{opacity:1; visibility:visible;} /* 鎵嬫満鑿滃崟 */ .header .h_tools .mobile_key {display:none;} .m_nav {display:none;} /* 涓嬪眰banner */ .xc_banner{height:521px; position:relative; overflow:hidden;} .xc_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .xc_banner .intro{position:absolute; left:0; width:100%; bottom:102px; color:#fff; } .xc_banner .intro .tit{font-size:54px; line-height:54px; font-weight:bold; margin-bottom:25px;} .xc_banner .intro .con{font-size:18px; line-height:26px; margin-bottom:20px;width: 60%;} .banner_mouse{display:block; width:23px; height:40px; cursor:pointer; background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px; -webkit-animation:nudgeMouse 1.6s linear infinite;animation:nudgeMouse 1.6s linear infinite;} .banner_mouse:after,.banner_mouse:before{content:""; position:absolute;} .banner_mouse:before{width:23px; height:40px; background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px; -webkit-animation:colorSlide 1.6s linear infinite; animation:colorSlide 1.6s linear infinite; top:0;left:0;} .banner_mouse:after{background:#ffffff; width:4px; height:4px; border-radius:100%;-webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;top:0; right:0; bottom:0; left:0; margin:auto;} @-webkit-keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @keyframes colorSlide { 0% { height:0; } 90%{ height:40px; } } @-webkit-keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px); } 34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px); } 68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px); } 100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px); } 34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px); } 68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px); } 100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(8px); transform:translateY(8px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform:translateY(0); transform:translateY(0); } 50% { -webkit-transform:translateY(8px); transform:translateY(8px); } 100% { -webkit-transform:translateY(0); transform:translateY(0); } } /* 浜岀骇瀵艰埅 */ .xc_nav{position:relative;} .xc_nav .content{height:88px; background:url(../images/xc_nav.png) no-repeat right center; position:absolute; left:0; width:100%; top:-55px; z-index:2;} .xc_nav .left{width:68%; float:left; margin-top:13px;} .xc_nav .left li{padding-right:80px; display:inline-block; font-size:16px; color:#fff;} .xc_nav .left li a{display:block; position:relative; padding:15px 13px; line-height:45px;} .xc_nav .left li a:after{content:''; width:100%; height:4px; background:#E72B27; position:absolute; left:1%; bottom:0; transform:scale(0); transition:all 0.5s ease;} .xc_nav .left li.cur,.xc_nav .left li:hover a{color:#E72B27;} .xc_nav .left li.cur a:after{transform:scale(1);} .xc_nav .left li:hover{color:#E72B27;} .xc_nav .left li:hover a:after{transform:scale(1);} .xc_nav .right{float:right; font-size:15px; color:#fff; line-height:55px;} .xc_nav .right a{display:inline-block; color:#fff;} .xc_nav .right span{display:inline-block;} .xc_nav .right em{display:inline-block; margin:0 15px;} .xc_nav .right a:hover{opacity:0.8;} /* ----------------------------------鍐呭----------------------------------- */ .common_more{display:block; width:200px; height:45px; line-height:45px; border:1px solid #fff; border-color:rgba(255,255,255,.5); font-size:16px; text-transform:uppercase; text-align:center; margin-top:40px; position:relative; overflow:hidden;} .common_more .icon1{width:27px; height:47px; background:url(../images/more_icon1.png) no-repeat center; position:absolute; left:0; top:0; transition:all 0.5s ease;} .common_more .icon2{width:9px; height:17px; background:url(../images/more_icon2.png) no-repeat center; position:absolute; right:0; bottom:0; transition:all 0.5s ease;} .common_more span{position:relative; z-index:2; color:#fff;} .common_more:after{content:'';width:0%; height:100%; background:#285e98; position:absolute; left:50%; top:0; transform:skew(-30deg); transition:all 0.5s ease; pointer-events:none;} .common_more:hover:after{transform:scale(1); width:120%; left:-10%;} .common_more:hover .icon1{left:-27px;} .common_more:hover .icon2{right:-9px;} /* 鏂伴椈鍒楄〃 */ .news_list{background:#f1f1f1; } .news_list01{margin-bottom:55px;} .news_list01 .form_box .hd_tit{font-size:20px; color:#1e1e1e; height:30px; line-height:30px; margin-right:3%; text-transform:uppercase;} .news_list01 .form_box .inp_box{width:30.7%; margin-right:1.5%; position:relative;} .news_list01 .form_box .inp_box.inp_box_btn{margin-right:0%;} .news_list01 .form_box .inp{display:block; width:100%; height:55px; line-height:55px; border:1px solid #fefefe; padding:0; margin:0; box-sizing:content-box; font-size:17px; color:#666; text-indent:18px; background:#fefefe; border-radius:0;} .news_list01 .form_box .hd_btn{width:57px; height:57px; line-height:57px; background:none; border:none; text-align:center; font-size:0; color:#fff; outline:none; cursor:pointer; position:absolute; right:0; top:0;} .news_list01 .form_box .hd_btn .icon{display:inline-block; width:28px; height:28px; background:url(../images/widgets_xc_newlist_pic_12_1.png) no-repeat center; position:absolute; left:50%; margin-left:-14px; top:50%; margin-top:-14px;} .news_list01 .form_box .news_reset{float:right; width:57px; height:57px; background:url(../images/widgets_xc_newlist_pic_12_2.jpg) no-repeat center; cursor:pointer;} body .select-ui-choose-default{border-radius:0;} body .select-ui-choose-default ._arrow{width:2.5em;} body .select-ui-options-default li:hover{background:#285e98;} .news_list02 .rect-59{padding-bottom:59%;} .news_list02 ul{position:relative;} .news_list02 ul .item{height:275px; border-bottom:1px solid #cdc8c8;} .news_list02 ul .item_l{width:9%; float:left; position:relative; height:100%; transition:all .9s ease; display:flex; justify-content:center; align-items:center;} .news_list02 ul .item_l .time{font-family:'Arial'; text-align:center; color:#000; z-index:5;} .news_list02 ul .item_l .time:before{content:''; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #285e98; right:-15px; top:50%; margin-top:-15px; z-index:3; transition:all 0.5s ease; opacity:0; visibility:hidden;} .news_list02 ul .item_l .time .d{font-size:80px; line-height:80px; font-weight:bold; margin-bottom:3px;} .news_list02 ul .item_l .time .y{font-size:24px; line-height:24px;} .news_list02 ul .item_l .time:after{content:''; background:#bcbcbc; position:absolute; width:46px; height:1px; top:50%; right:-46px;transition:all .5s ease; -webkit-transition:all .5s ease;} .news_list02 ul .item_r{width:91%; float:left; height:100%; position:relative; transition:all 0.5s ease} .news_list02 ul .item_r .box{padding:30px 35px 30px 70px;} .news_list02 ul .item_r .intro_box{width:66.5%; float:left;} .news_list02 ul .item_r .intro_box .tit{font-size:28px; color:#000; line-height:30px; margin:45px 0 20px} .news_list02 ul .item_r .intro_box .tit a{display:block;} .news_list02 ul .item_r .intro_box .list_tool{margin-bottom:10px; color:#c9c9c9; font-size:14px;} .news_list02 ul .item_r .intro_box .list_tool .share_more{margin-left:10px; vertical-align:middle;} .news_list02 ul .item_r .intro_box .list_tool .time{margin-left:10px;} .news_list02 ul .item_r .intro_box .con{font-size:15px; color:#333; height:60px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .news_list02 ul .item_r .img_box{float:right; width:27%;} .news_list02 ul .item:last-child{margin-bottom:0;} .news_list02 ul .item.cur .item_l .time:before{opacity:1; visibility:visible;} .news_list02 ul .item.cur .item_l{background:#285e98;} .news_list02 ul .item.cur .item_l .time{color:#fff;} .news_list02 ul .item.cur .item_l .time:after{background:#285e98; } .news_list02 ul .item.cur .item_r{background:#fff;} .news_list02 ul .item.cur .tit{color:#285e98;} .news_list02 ul .item.noimg .item_r .intro_box{width:100%;} .news_list02 ul .item.noimg .item_r .img_box{display:none;} /*widgets_common_pages_7*/ .widgets_common_pages_7{border-bottom:1px solid #e6e6e6; line-height:30px; padding:20px 55px 20px 30px;} .widgets_common_pages_7 .left{float:left; font-size:14px; color:#333;} .widgets_common_pages_7 .right{float:right; font-weight:normal;} .widgets_common_pages_7 .right .intro{font-size:14px; color:#333; display:inline-block;} .widgets_common_pages_7 .right .page_box{display:inline-block; margin-left:30px;} .widgets_common_pages_7 .right .page_box .page{display:inline-block; font-size:14px; cursor:pointer; color:#4c4e53;} .widgets_common_pages_7 .right .page_box .page:hover{color:#285e98;} .widgets_common_pages_7 .right .page_box .page i{margin:0;} .widgets_common_pages_7 .right .page_box .page.disable{color:#d5d5d5;} .widgets_common_pages_7 .right .page_box .page.disable:hover{color:#d5d5d5;} .widgets_common_pages_7 .right .page_box .next{margin-left:25px; margin-right:5px;} .widgets_common_pages_7 .right .page_box .prev{margin-left:5px;} @media only screen and (max-width:760px){ .widgets_common_pages_7{padding:20px;} .widgets_common_pages_7 .right .page_box{margin-left:10px;} .widgets_common_pages_7 .right .page_box .next{margin-left:10px;} } @media only screen and (max-width:320px){ .widgets_common_pages_7 .right {float:left;} } /* 鏂伴椈璇︾粏 */ .newsDetail_ban .intro .info{width:100%; margin-bottom:20px;} .newsDetail_ban .intro .info .banner_mouse{display:none} .newsDetail_ban .intro .btns a{float:left; display:block; width:42px; height:42px; margin-left:10px;} .newsDetail_ban .intro .btns a.prev{background:url(../images/newsdetail_ban01.png) no-repeat center; background-size:cover;} .newsDetail_ban .intro .btns a.next{background:url(../images/newsdetail_ban02.png) no-repeat center; background-size:cover;} .newsDetail_ban .intro .btns a.back{background:url(../images/newsdetail_ban03.png) no-repeat center; background-size:cover;} .news_detail.channel_content{padding-bottom:0;} .news_detail01 .left{width:84px; float:left;} .news_detail01 .left .bdsharebuttonbox{overflow:hidden;} .news_detail01 .left .bdsharebuttonbox a{display:block; float:none; width:84px; height:84px; padding:0; margin:0 0px 1px; background-position:0 0;} .news_detail01 .left .bdsharebuttonbox a:hover{background-position:-84px 0;} .news_detail01 .right{width:100%; float:right;} .news_detail01 .right .box{padding-right:16%;} .news_detail01 .right .tit{font-size:18px; line-height:28px; color:#285e98; font-weight:bold;} .news_detail01 .right .con .date{display:inline-block; font-size:17px; line-height:28px; color:#285e98; font-family:Arial;} .news_detail01 .right .con .switcher{display:inline-block; font-size:14px; line-height:0.28rem; margin-left:30px;} .news_detail01 .right .intro .title{font-size:34px; line-height:50px; color:#3f3f3f; margin-top:30px; font-weight:lighter; padding-bottom:30px; border-bottom:1px solid #d0d0d0; margin-bottom:35px;} .news_detail01 .right .intro .text{font-size:15px; line-height:1.9; color:#575757;} .news_detail01 .right .intro .text a{color:#285e98; text-decoration:underline;} .news_detail01 .right .intro .text a:hover{background:#285e98; color:#fff;text-decoration:none;} .news_detail02{background:url(../images/newsdetail02_1.jpg) no-repeat center; padding:65px 0; margin-top:60px;} .news_detail02 .smal_tit{font-size:20px; line-height:28px; font-weight:bold; color:#242d38;} .news_detail02 .big_tit{font-size:34px; line-height:34px; color:#242d38; font-weight:lighter; margin:15px 0 35px;} .news_detail02 .more{display:inline-block; color:#285e98;} .news_detail02 .more span{display:inline-block; vertical-align:middle; font-size:18px; line-height:30px;;} .news_detail02 .more span.icon{width:38px; height:38px; background:url(../images/newsdetail_jt2.png) no-repeat center; margin-left:15px; background-size:cover;} .news_detail03{padding:65px 0 120px; background:url(../images/newsdetail03_1.jpg) no-repeat center; background-size:cover;} .news_detail03 .infor{text-align:center; margin-bottom:40px;} .news_detail03 .infor .tit{font-size:44px; line-height:44px; color:#fff; } .news_detail03 .content li{width:32%; margin-left:2%; float:left; background:#fff; transition:all 0.5s ease;} .news_detail03 .content li:first-child{margin-left:0;} .news_detail03 .content li .li_box{display:block; padding:40px;} .news_detail03 .content li .li_box .date{font-size:17px; line-height:28px; color:#285e98; font-family:Arial; font-weight:normal;} .news_detail03 .content li .li_box .tit{font-size:26px; line-height:38px; color:#333e46; font-weight:lighter; margin:7px 0 30px; height:76px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_detail03 .content li .li_box .more span.icon{display:inline-block; width:38px; height:38px; background:url(../images/newsdetail_jt1.png) no-repeat center; background-size:cover; transition:all 0.5s ease} .news_detail03 .content li.hover{box-shadow:0 0 15px rgba(0,0,0,.2)} .news_detail03 .content li.hover .li_box .more span.icon{background:url(../images/newsdetail_jt2.png) no-repeat center; background-size:cover;} /* 棣栭〉 */ .index_pageFooter .f_top{padding-top:138px;} /* ibanner */ .ibanner{position:relative; height:897px; overflow:hidden;} .ibanner .item{height:897px; overflow:hidden; position:relative;} .ibanner .owl-carousel .owl-item .iban_img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;height:100%;object-fit: cover;} .ibanner .owl-carousel .item{opacity:0; visibility:hidden;} .ibanner .owl-carousel.owl-loaded .item{opacity:1; visibility:visible;} /* banner鍐呭鍖 swiper */ .swiper-container_ban.swiper-container {width:100%; height:100%;} .swiper-container_ban .swiper-slide {font-size:18px; background:#fff; overflow:hidden;} .swiper-container_ban .slide-inner {position:absolute; width:100%; height:100%; left:0; top:0;} .swiper-container_ban .swiper-slide video{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; z-index:2;} /* .ibanner .item img{transform:translate(-20%, 0%) matrix(1, 0, 0, 1, 0, 0); transition:all 0.5s ease;} .ibanner .owl-item.active .item img{ transform:matrix(1, 0, 0, 1, 0, 0);} .ibanner .item {transform:translate(-20%, 0%) matrix(1, 0, 0, 1, 0, 0); transition:all 0.5s ease;} .ibanner .owl-item.active .item { transform:matrix(1, 0, 0, 1, 0, 0); z-index:2;} */ /* 鍦嗙偣鐨勬牱寮忥細鐚ご楣 */ .ibanner .iban_dot {position:absolute; z-index:10; bottom:110px; left:0%; width:100%;} .ibanner .iban_dot .owl-dots{display:inline-block;} .ibanner .iban_dot .owl-dot{width:20px; height:22px; background:url(../images/iban_dot.png) no-repeat center; display:inline-block; transition:all 0.5s ease; cursor:pointer;} .ibanner .iban_dot .owl-dot.active{background:url(../images/iban_dot_on.png) no-repeat center;} /* 鍦嗙偣鐨勬牱寮忥細swiper */ .ibanner .iban_dot {position:absolute; z-index:9; bottom:110px; left:0%; width:100%;} .ibanner .iban_dot .swiper-pagination{display:inline-block; text-align:left;} .ibanner .iban_dot .swiper-pagination .swiper-pagination-bullet {width:20px; height:22px; background:url(../images/iban_dot.png) no-repeat center; display:inline-block; transition:all 0.5s ease; cursor:pointer; border-radius:0; opacity:1;} .ibanner .iban_dot .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/iban_dot_on.png) no-repeat center;} /* banner绠ご */ .ibanner .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-20px;} .ibanner .owl-nav div{font-size:40px; line-height:40px; position:absolute; top:0;} .ibanner .owl-nav div i{margin:0; color:#fff; font-weight:bold;} .ibanner .owl-nav .owl-prev{left:20px;} .ibanner .owl-nav .owl-next{right:20px;} /* ibanner鏂囧瓧 */ .ibanner .iban_word{width:100%; height:100%; position:absolute; left:0; top:400px; color:#fff; opacity:0; visibility:hidden; transition:all 0.5s ease; transform:translateY(30px); z-index:4;} .ibanner .iban_word .info img{width: auto;} .ibanner .iban_word .info .en_t{font-size:40px; line-height:40px; font-family:Impact; text-transform:uppercase;} .ibanner .iban_word .info .cn_t{font-size:54px; line-height:54px; margin:10px 0;} .ibanner .iban_word .info .c{font-size:18px;} .ibanner .owl-item.active .iban_word{opacity:1; visibility:visible; transform:translateY(0px);transition:all 1s ease 0.2s} .ibanner .swiper-slide-active .iban_word{opacity:1; visibility:visible; transform:translateY(0px);} /* banner娴眰 鐚ご楣板啓娉?/ .ibanner .owl-item .iban_cover{width:100%; height:100%; position:absolute; left:0; top:0; transition:all 1s ease; transform:translateX(-100%);} .ibanner .owl-item .iban_cover >img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; } .ibanner .owl-carousel .owl-item.active .iban_cover{transform:translateX(0);} /* banner娴眰 swiper鍐欐硶*/ .ibanner .swiper-slide .iban_cover{width:100%; height:100%; position:absolute; left:0; top:0; transition:all 1s ease; transform:translateX(-100%); z-index:3;} .ibanner .swiper-slide .iban_cover >img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none; } .ibanner .swiper-slide-active .iban_cover{transform:translateX(0);} /* banner瑙嗛鎸夐挳 */ .ibanner .ibanVideo_btn{width:100%; position:absolute; right:0; bottom:40px; z-index:4; cursor:pointer} .ibanner .ibanVideo_btn .iban_play{width:156px; height:156px; background:url(../images/iban_sj.png) no-repeat center; float:right; position:relative;} .ibanner .ibanVideo_btn .iban_play .icon{width:156px; height:156px; background:url(../images/iban_circle.png) no-repeat center; position:absolute; left:0; bottom:0; animation:zhuan 3s infinite linear; z-index:2} @-webkit-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @-moz-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @-o-keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } @keyframes zhuan{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} } .ipart01{position:relative; overflow-y:hidden;} .ipart01 .bg{width:64%; height:100%; position:absolute; left:0; bottom:0; background:url(../images/ipart01_left1.png) no-repeat center right; z-index:2;} .ipart01 .left{width:51%; float:left; position:relative; z-index:3;} .ipart01 .left .box{padding:90px 15% 35px 15%;} .ipart01 .left .box .intro{color:#212121; margin-bottom:40px;} .ipart01 .left .box .intro .tit{font-size:54px; line-height:54px;font-weight: 700;} .ipart01 .left .box .intro .con{font-size:18px; line-height:26px; margin:16px 0 25px;} .ipart01 .left .box .intro .txt{font-size:15px; line-height:27px;} .ipart01 .left .box .list li{width:33%; float:left;} .ipart01 .left .box .list li .icon{width:36px; height:35px; margin-bottom:20px; transition:all 0.5s ease;} .ipart01 .left .box .list li .number{font-size:18px; color:#212121; font-weight:bold;} .ipart01 .left .box .list li .number span{font-size:52px; line-height:1; font-weight:normal; font-family:Impact; display:inline-block; margin-right:5px;;} .ipart01 .left .box .list li .text{font-size:15px; line-height:24px; color:#212121} .ipart01 .left .box .list li:hover .icon{transform:rotateY(180deg);} .ipart01 .left .common_more{margin-top:70px;border-color:rgb(40,94,152,.5)} .ipart01 .left .common_more span{color: #212121;} .ipart01 .left .common_more:hover span{color: #fff;} .ipart01 .ipt1_dot{position:absolute; width:45%; right:0; bottom:30px; z-index:5} .ipart01 .ipt1_dot .owl-dot{width:15px; height:16px; background:url(../images/ipt1_dot.png) no-repeat center; display:inline-block; transition:all 0.5s ease; cursor:pointer;} .ipart01 .ipt1_dot .owl-dot.active{background:url(../images/ipt1_dot_on.png) no-repeat center;} .ipart01 .right{width:49%; float:right;} .ipart01 .right .rect-76{padding-bottom:76%;} .ipart01 .right .item{display:none; position:relative;} .ipart01 .right .owl-item .item{display:block;} .ipart01 .right .item .txt{position:absolute; right:22%; bottom:30px; color:#fff; font-size:17px;} .ipart02{background:url(../images/ipart02_1.jpg) no-repeat center; height:852px; overflow:hidden; position:relative; z-index:3;} .ipart02 .mobile_show{display:none;} .ctn_1{width:1920px;height:852px; position:absolute;top:0;left:50%; margin-left:-960px;transform-origin:50% 0} .ctn_1 .menu_lf{width:432px; height:852px; float:left; background:url(../images/pic_1.png); transition:1.5s;-moz-transition:1.5s; -webkit-transition:1.5s; -o-transition:1.5s; position:relative} .ctn_1 .menu_rt{width:306px; height:852px; background:url(../images/pic_2.png); position:absolute; right:0;top:-10px; z-index:50; pointer-events:none; transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s;-o-transition:1.5s} .ctn_1 .swiper-container_4{width:100%;margin:100px 0 0 172px;height:600px;} .ctn_1 .swiper-container_4 .swiper-slide{cursor:pointer; line-height:80px;display:-webkit-box;display:-ms-flexbox; display:flex;-webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;-webkit-box-align:center; -ms-flex-align:center; align-items:center;} .ctn_1 .swiper-container_4 .swiper-slide span{width:20px; display:inline-block; text-align:center;margin-right:20px; color:#fff; font-size:16px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s} .ctn_1 .swiper-container_4 .swiper-slide span i{display:none;} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active span{width:53px;} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active span i{display:block; white-space:nowrap} .ctn_1 .swiper-container_4 .swiper-slide.swiper-slide-active .p{font-weight:bold;} .ctn_1 .swiper-container_4 .swiper-slide .p{display:inline-block; color:#fff; font-size:17px;} .ctn_1 .text{width:217px; position:absolute; top:190px; right:130px; z-index:48;} .ctn_1 .text li{cursor:pointer; height:85px; line-height:85px; text-align:right; background:url(../images/but_bg.png) no-repeat; background-position:217px 0 ; color:#fff; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; font-size:16px;} .ctn_1 .text li span{display:inline-block; vertical-align:middle;} .ctn_1 .text li i{display:inline-block; vertical-align:middle; margin-left:15px; width:0; overflow:hidden; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s} .ctn_1 .text li.li01 div{padding-right:60px;} .ctn_1 .text li.li02 div{padding-right:50px;} .ctn_1 .text li.li03 div{padding-right:40px;} .ctn_1 .text li.li04 div{padding-right:50px;} .ctn_1 .text li.li05 div{padding-right:60px;} .ctn_1 .text li:hover{color:#285e98;} .ctn_1 .text li:hover i{width:26px;} .ctn_1 .text li:nth-child(1):hover{background-position:0 0;} .ctn_1 .text li:nth-child(2):hover{background-position:0 0;} .ctn_1 .text li:nth-child(3):hover{background-position:0 0;} .ctn_1 .text li:nth-child(4):hover{background-position:0 0;} .ctn_1 .text li:nth-child(5):hover{background-position:0 0;} .ctn_1 .menu_lf img{display:inline-block; vertical-align:-8px;} .ctn_1 .text img{display:inline-block; vertical-align:0;} .ctn_1 .car{width:976px;position:absolute;top:0;left:470px;} .ipart02 .center{position:absolute; width:986px; bottom:80px; left:50%; margin-left:-493px; z-index:3; transition:all 0.5s ease;} .ipart02 .center .hd{position:relative; height:503px;} .ipart02 .center .hd ul{position:relative; height:503px;} .ipart02 .center .hd li{width:100%; height:100%; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.7s ease; transform:translateX(100px);} .ipart02 .center .hd li.cur{opacity:1; visibility:visible; transform:translateX(0px);} /* .ipart02 .center .hd .lunbo{padding-bottom:30px;} */ .ipart02 .center .hd .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-20px; left:0%; width:100%; text-align:center;} .ipart02 .center .hd .owl-carousel .owl-dot{width:16px; height:16px; margin:0 5px;border-radius:30px; display:inline-block; background:#fff; transition:all 0.5s ease;} .ipart02 .center .hd .owl-carousel .owl-dot.active{background:#285e98; width:40px;} .ipart02 .center .bd{margin-top:40px;} .ipart02 .center .bd .intro li{float:left; width:29%; margin:0 2%; color:#fff; position:relative} .ipart02 .center .bd .intro li .box{padding:0 20%; text-align:center;} .ipart02 .center .bd .intro li .txt{font-size:15px; line-height:23px;} .ipart02 .center .bd .intro li .tit{font-size:30px; line-height:32px; font-family:Impact;} .ipart02 .center .bd .intro li:after{content:''; width:22px; height:60px; background:url(../images/common_share_line.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-30px;} .ipart02 .center .bd .intro li:last-child:after{display:none;} .ipart03{background:url(../images/ipart03.jpg) no-repeat center; padding:100px 0 180px;} .ipart03 .sign{display:inline-block; padding:0 18px; height:28px; line-height:28px; color:#fff; background:#285e98; font-size:15px; transform:skew(-10deg);;} .ipart03 .sign span{transform:skew(10deg)} .ipart03 .tit{display:block; font-size:24px; line-height:34px; height:68px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#000; margin:12px 0 10px;} .ipart03 .con{font-size:15px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#333;} .ipart03 .date{font-size:14px; line-height:25px; color:#858585; margin-top:7px;} .ipart03 .left{width:46%; float:left} .ipart03 .left .rect-44{padding-bottom:44%;} .ipart03 .left a{display:block;} .ipart03 .left .intro{background:#fff;} .ipart03 .left .intro .box{padding:22px 90px 40px 50px} .ipart03 .left .intro .box .tit{transition:all 0.5s ease;} .ipart03 .left:hover .intro .box .tit{color:#285e98;} .ipart03 .right{width:52%; float:right;} .ipart03 .right .r_top{margin-bottom:32px; background:#fff; transition:all 0.5s ease;} .ipart03 .right .r_top .rect-31{padding-bottom:31%;} .ipart03 .right .r_top .box{padding:30px 50px} .ipart03 .right .r_top:hover{background:#285e98;} .ipart03 .right .r_top:hover .box .sign{background:#fff; color:#285e98;} .ipart03 .right .r_top:hover .box .tit{color:#fff;} .ipart03 .right .r_top:hover .box .con{color:#fff;} .ipart03 .right .r_top:hover .box .date{color:#fff;} .ipart03 .right .r_bott .item{width:48%; background:#fff; transition:all 0.5s ease; position:relative; overflow:hidden;} .ipart03 .right .r_bott .item:after{content:''; width:394px; height:295px; background:url(../images/ipart03_bg.png) no-repeat center; background-size:cover; pointer-events:none; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden} .ipart03 .right .r_bott .item .box{display:block; padding:35px 50px; position:relative; z-index:2;} .ipart03 .right .r_bott .item .box .con{height:75px; -webkit-line-clamp:3;} .ipart03 .right .r_bott .item01{float:left; } .ipart03 .right .r_bott .item02{float:right;} .ipart03 .right .r_bott .item:hover{background:#285e98;} .ipart03 .right .r_bott .item:hover:after{opacity:1; visibility:visible;} .ipart03 .right .r_bott .item:hover .sign{background:#fff; color:#285e98;} .ipart03 .right .r_bott .item:hover .tit{color:#fff;} .ipart03 .right .r_bott .item:hover .con{color:#fff;} .ipart03 .right .r_bott .item:hover .date{color:#fff;} /* 瑙嗛鍒楄〃 */ .video_list{background:#f1f1f1;} .video_list01 .rect-724{padding-bottom:72.4%;} .video_list01 .rect-135{padding-bottom:13.5%;} .video_list01 .left{width:39%; float:left; cursor:pointer;} /* banner瑙嗛鎸夐挳 */ .video_list01 .left .Video_btn{width:100%; position:absolute; right:0; bottom:35px; z-index:4; cursor:pointer;} .video_list01 .left .Video_btn .iban_play{width:124px; height:124px; background:url(../images/video_sj.png) no-repeat center; float:right; position:relative;} .video_list01 .left .Video_btn .iban_play .icon{width:124px; height:124px; background:url(../images/video_circle.png) no-repeat center; position:absolute; left:0; bottom:0; z-index:2;} .video_list01 .left .intro .box{padding:16px 20px 16px 3px;} .video_list01 .left .intro .box .tit{font-size:20px; line-height:24px; color:#060606;} .video_list01 .left .intro .box .con{font-size:15px; line-height:28px; color:#797979;} .video_list01 .left:hover .Video_btn .iban_play .icon{animation:zhuan 3s infinite linear;} .video_list01 .right{width:59.25%; float:right;} .video_list01 .right .rect-57{padding-bottom:57%;} .video_list01 .right .li_{width:32%; float:left; margin-right:2%; margin-bottom:18px; padding-bottom:86px; position:relative; cursor:pointer;} .video_list01 .right .li_three{margin-right:0;} .video_list01 .right .intro{position:absolute; left:0; bottom:0; width:100%; transition:all 0.5s ease;} .video_list01 .right .intro .box{padding:16px 20px 16px 10px; transition:all 0.2s ease;} .video_list01 .right .intro .box .tit{font-size:20px; line-height:24px; color:#060606; margin-bottom:5px;} .video_list01 .right .intro .box .con{font-size:15px; line-height:25px; color:#797979; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s ease;} .video_list01 .right .li_:hover .intro {background:#fff;} .video_list01 .right .li_:hover .intro .box .con {height:50px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .video_list02 .rect-57{padding-bottom:57%;} .video_list02 .li_{width:19%; float:left; margin-right:1.25%; margin-bottom:20px; padding-bottom:86px; position:relative; cursor:pointer;} .video_list02 .li_five{margin-right:0;} .video_list02 .intro{position:absolute; left:0; bottom:0; width:100%; transition:all 0.2s ease;} .video_list02 .intro .box{padding:16px 20px 16px 10px; transition:all 0.5s ease;} .video_list02 .intro .box .tit{font-size:20px; line-height:24px; color:#060606; margin-bottom:5px;} .video_list02 .intro .box .con{font-size:15px; line-height:25px; color:#797979; height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s ease;} .video_list02 .li_:hover .intro {background:#fff;} .video_list02 .li_:hover .intro .box .con {height:50px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* 浜烘墠绔 */ .rc_banner{position:relative; overflow:hidden;} .rc_banner .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/rc_banner_bg.jpg) no-repeat center; background-size:cover;} .rc_banner .bg .rc_banner_word{width:450px; height:140px; position:absolute; left:50%; margin-left:-225px; top:50%; margin-top:-70px;;} .rc_banner .circle{position:absolute; left:50%; top:50%;} .rc_banner .circle01{width:700px; height:700px; margin-top:-350px; margin-left:-350px; animation:circle1 400s linear 0s infinite;} .rc_banner .circle02{width:1200px; height:1200px; margin-top:-600px; margin-left:-600px; animation:circle2 400s linear 0s infinite;} .rc_banner .circle02 img{min-width:1200px;} @keyframes circle1{ 0%{transform:rotateZ(0);} 50%{transform:rotateZ(-360deg);} 100%{transform:rotateZ(0);} } @keyframes circle2{ 0%{transform:rotateZ(0);} 50%{transform:rotateZ(360deg);} 100%{transform:rotateZ(0);} } .rc_banner .circle03{width:600px; height:600px; margin-top:-300px; margin-left:-300px;} .rc_banner .dots{position:absolute; left:50%; top:50%; width:1200px; height:900px; margin-top:-450px; margin-left:-600px;} .rc_banner .dot{display:block; position:absolute; padding-left:20px; font-size:14px; color:#fff; color:rgba(255,255,255,.8);} .rc_banner .dot:after{content:''; width:7px; height:7px; border-radius:10px; position:absolute; left:0; top:50%; margin-top:-3px;} .rc_banner .white_dot .dot:after{background:#fff;} .rc_banner .green_dot .dot:after{background:#7ffd6d;} .rc_banner .red_dot .dot:after{background:#f21639;} .rc_banner .white_dot .dot:hover{color:#fff;} .rc_banner .green_dot .dot:hover{color:#7ffd6d;} .rc_banner .red_dot .dot:hover{color:#f21639;} .rencai.channel_content{padding-bottom:0;background-color: #F1F1F1;} .rencai01{margin-bottom:75px;} .rencai01 .rect-104{padding-bottom:104%;} .rencai01 .rect-40{padding-bottom:40.5%;} .rencai01 .rect-39{padding-bottom:39%;} .rencai01 .left{width:30%; float:left; position:relative; margin-right:2%;} .rencai01 .left a{display:block;} .rencai01 .left .intro{position:absolute; left:0; top:0; width:100%;} .rencai01 .left .intro .box{padding:53px 47px;} .rencai01 .left .intro .box .line{width:42px; height:3px; background:#fff;} .rencai01 .left .intro .box .tit{font-size:30px; line-height:30px; color:#fff; margin:21px 0 15px;} .rencai01 .left .intro .box .con{font-size:15px; line-height:25px; color:#fff; padding-right:40%;;} .rencai01 .center{width:30%; float:left; position:relative; margin-right:2%;} .rencai01 .center a{display:block;} .rencai01 .center .intro{position:absolute; left:0; top:0; width:100%;} .rencai01 .center .intro .box{padding:53px 47px;} .rencai01 .center .intro .box .line{width:42px; height:3px; background:#fff;} .rencai01 .center .intro .box .tit{font-size:30px; line-height:30px; color:#fff; margin:21px 0 15px;} .rencai01 .center .intro .box .con{font-size:15px; line-height:25px; color:#fff; padding-right:40%;;} .rencai01 .right{width:36%; float:left; position:relative;} .rencai01 .right a{display:block;} .rencai01 .right .intro{position:absolute; left:0; top:0; width:100%;} .rencai01 .right .intro .box{padding:53px 47px;} .rencai01 .right .intro .box .line{width:42px; height:3px; background:#fff;} .rencai01 .right .intro .box .tit{font-size:30px; line-height:30px; color:#fff; margin:21px 0 15px;} .rencai01 .right .item01{margin-bottom:33px;} .rencai02{background:url(../images/rencai02.jpg) no-repeat center; padding:130px 0; background-size:cover} .rencai02 .infor {color:#fff;} .rencai02 .infor .tit{font-size:24px; line-height:24px;} .rencai02 .infor .con{font-size:54px; line-height:54px; margin:25px 0 16px;} .rencai02 .infor .txt{font-size:18px; line-height:25px; margin-bottom:35px;} .rencai03{background:url(../images/rencai03.jpg) no-repeat center; padding:20px 0 220px; background-size: 100% auto;background-position: bottom center;} .rencai03 .infor{text-align:center; padding:0 16%;} .rencai03 .infor .tit{font-size:24px; line-height:24px; color:#285e98;} .rencai03 .infor .con{font-size:54px; line-height:54px; color:#000; margin:25px 0 35px;} .rencai03 .infor .txt{font-size:15px; line-height:28px; color:#333;} /* 浜у搧璇︾粏 */ .proDet_header .header{position:absolute;} .pro_detail.channel_content{padding:0; background-color:#000;} .pro_detail01{background:url(../images/pro_detail01_1.jpg) no-repeat center; height:783px; position:relative; padding:150px 0 70px; box-sizing:border-box;} .pro_detail01 .left{width:37%; float:left; padding-top:100px;} .pro_detail01 .left .infor .tit{font-size:54px; line-height:54px; color:#fff;} .pro_detail01 .left .infor .con{font-size:21px; line-height:25px; color:#fff; margin:18px 0 25px} .pro_detail01 .left .infor .txt{font-size:15px; line-height:26px; color:#cecece; margin-bottom:60px;} .pro_detail01 .left .infor .more_box .common_more{display:inline-block; margin-right:20px; margin-top:0; margin-bottom:15px; width:160px;} .pro_detail01 .left .infor .more_box .common_more.cur:after{transform:scale(1); width:120%; left:-10%;} .pro_detail01 .left .infor .more_box .common_more.cur .icon1{left:-27px;} .pro_detail01 .left .infor .more_box .common_more.cur .icon2{right:-9px;} .pro_detail01 .right{width:56.43%; float:right; } .pro_detail01 .right{text-align: center;} .pro_detail01 .right img{width: 400px;} .pro_detail01 .right .rect-62{padding-bottom:62%;} .pro_detail02{background:#0b101a; transform: translate(-50%,-50%); } .pro_detail02 .content{background:#fff; overflow:hidden; height:160px; overflow:hidden;} .pro_detail02 .content .left{width:13.5%; float:left; background:#285e98; transform:skew(10deg); position:relative} .pro_detail02 .content .left:after{content:''; width:100px; height:100%; background:#285e98; position:absolute; left:0; bottom:0; transform:skew(-10deg);} .pro_detail02 .content .left .tit{padding:40px; font-size:28px; line-height:40px; color:#fff; transform:skew(-10deg); position:relative; z-index:2; transition:all 0.5s ease;} .pro_detail02 .content .right{width:83%; float:right; padding:30px 0;} .pro_detail02 .content .right .r_top li{display:inline-block; position:relative; padding:0 40px 0 30px; cursor:pointer;} .pro_detail02 .content .right .r_top li:after{content:''; width:18px; height:38px; background:url(../images/pro_detail02_3.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-19px;} .pro_detail02 .content .right .r_top li .img_{display:inline-block; width:89px; height:37px; background-position:0 0; vertical-align:middle;} .pro_detail02 .content .right .r_top li .tit{display:inline-block; font-size:18px; line-height:37px; color:#000; vertical-align:middle; margin-left:15px;} .pro_detail02 .content .right .r_top li:first-child{padding-left:0;} .pro_detail02 .content .right .r_top li:last-child:after{display:none;} .pro_detail02 .content .right .r_top li.cur .tit{color:#285e98;} .pro_detail02 .content .right .r_top li.cur .img_{background-position:0 -37px;} .pro_detail02 .content .right .r_bott{margin-top:30px;} .pro_detail02 .content .right .r_bott li {display:inline-block; padding-right:50px; cursor:pointer} .pro_detail02 .content .right .r_bott li .icon{display:inline-block; width:20px; height:20px; background:url(../images/pro_detail02_2.png) no-repeat center; margin-right:15px; vertical-align:middle; transition:all 0.5s ease;} .pro_detail02 .content .right .r_bott li span{ display:inline-block; font-size:18px; line-height:20px; color:#333; vertical-align:middle;} .pro_detail02 .content .right .r_bott li.cur .icon{background:url(../images/pro_detail02_2_on.png) no-repeat center;} .pro_detail02.fixed{height:160px; position:relative; z-index:5;} .pro_detail02.fixed .hd{width:100%; height:160px; position:fixed; left:0; top:0; width:100%;} .pro_detail03{background:url(../images/pro_detail03.jpg) no-repeat center; height:800px; padding-bottom:200px;} .pro_detail03 .content{display:flex; align-items:center; height:800px; justify-content:space-between} .pro_detail03 .content .left{width:22%; float:left; display:flex; align-items:center; margin-right:6%; height:25%; position:relative;} .pro_detail03 .content .left .intro{color:#fff;position:absolute; left:0; bottom:0; width:100%; opacity:0; visibility:hidden; transform:translateX(-100px); transition:all 0.8s ease;} .pro_detail03 .content .left .intro .tit{font-size:44px; line-height:44px; margin-bottom:30px; transition:all 0.5s ease;} .pro_detail03 .content .left .intro .con{font-size:15px; line-height:30px; height:300px; overflow-y:auto; padding-right:5px;} .pro_detail03 .content .left .intro .con::-webkit-scrollbar {width:4px; height:4px;} .pro_detail03 .content .left .intro .con::-webkit-scrollbar-thumb {border-radius:5px; background:#285e98;} .pro_detail03 .content .left .intro .con::-webkit-scrollbar-track {border-radius:0; background:#000;} .pro_detail03 .content .left .intro .con span{display:block;} .pro_detail03 .content .left .intro.cur{opacity:1; visibility:visible; transform:translateX(0px);} .pro_detail03 .content .center{width:45%; float:left; margin-right:5%; position:relative; height:52%; z-index:3;} .pro_detail03 .content .center .img{position:absolute; left:0; bottom:0; width:100%; opacity:0; visibility:hidden; transform:translateX(100px); transition:all 0.8s ease;} .pro_detail03 .content .center .rect-58{padding-bottom:58%;} .pro_detail03 .content .center .img.cur{opacity:1; visibility:visible; transform:translateX(0px);} .pro_detail03 .content .center .add{position:absolute; left:0; bottom:0; width:100%; height:100%;} .pro_detail03 .content .center .add_dot{position:absolute; width:40px; height:40px; background:url(../images/add.png) no-repeat center; cursor:pointer;} .pro_detail03 .content .center .add_dot .box{display:none;} .pro_detail03 .content .center .pic{width:100%; height:100%; position:absolute; left:0; top:0;} .pro_detail03 .content .right{width:254px; float:right;} .pro_detail03 .content .right .common_more{margin-top:0; margin-bottom:15px; width:254px; height:57px; line-height:57px; cursor:pointer;} .pro_detail03 .content .right .common_more.cur:after{transform:scale(1); width:120%; left:-10%;} .pro_detail03 .content .right .common_more.cur .icon1{left:-27px;} .pro_detail03 .content .right .common_more.cur .icon2{right:-9px;} .pro_detail04{position:relative;} .pro_detail04 .left{width:54%; position:absolute; left:0; height:165px; top:-165px; background:url(../images/pro_detail04_1.png) no-repeat center right; z-index:2;} .pro_detail04 .left .box{padding:50px 0 0 34%;} .pro_detail04 .left .box a{display:block;} .pro_detail04 .right{width:55%; position:absolute; right:0; height:205px; top:-205px; background:url(../images/pro_detail04_2.png) no-repeat center left;} .pro_detail04 .right .box{padding:86px 0 0 37%} .pro_detail04 .right .box a{display:block;} .pro_detail04 .icon{margin-right:45px;transition:all 0.5s ease;} .pro_detail04 .intro{color:#fff; transition:all 0.5s ease;} .pro_detail04 .intro .t{font-size:26px; line-height:26px; margin:5px 0;} .pro_detail04 .intro .c{font-size:15px; line-height:30px;} .pro_detail04 a:hover .intro{opacity:0.8;} .pro_detail04 a:hover .icon{transform:rotateY(180deg);} /* 寮圭獥 */ .dot_tanchuang{display:none} .dot_tanchuang .dot_bg{position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/black.6.png) center; z-index:9; display:none;} .dot_tanchuang .content{width:1190px; background:#000; position:fixed; left:50%; top:50%; z-index:10; transform:translateX(-50%) translateY(-50%);; transition:all 0.5s ease; border:2px solid #f8f8f8; border-color:rgba(248,248,248,.2);} .dot_tanchuang:after{content:''; width:65px; height:108px; background:url(../images/dot_tanchuang01.png) no-repeat center; position:absolute; left:0; top:0;} .dot_tanchuang:before{content:''; width:22px; height:44px; background:url(../images/dot_tanchuang02.png) no-repeat center; position:absolute; right:0; bottom:0;} .dot_tanchuang .box{padding:40px 70px; position:relative; } .dot_tanchuang .box .rect-62{padding-bottom:62%;} .dot_tanchuang .box_l{width:54%; float:left;} .dot_tanchuang .box_r{width:36%; float:right; padding-right:4%;} .dot_tanchuang .box_r .info {color:#fff; padding-top:40px;} .dot_tanchuang .box_r .info .tit{font-size:40px; line-height:40px; margin-bottom:30px;} .dot_tanchuang .box_r .info .con{font-size:15px; line-height:30px;} .dot_tanchuang .box_r .info .con span{display:block;} .dot_tanchuang .content .close{width:80px; height:80px; position:absolute; right:10px; top:10px; cursor:pointer; z-index:2;} .dot_tanchuang .content .close .icon{width:80px; height:80px; background:url(../images/close.jpg) no-repeat center; transition:all 0.5s ease;} .dot_tanchuang .content .close:hover .icon{transform:rotateZ(180deg);} /* 浜у搧涓績 */ .pro_center.channel_content{padding:0;} .pro_center .section1{background:url(../images/pro_center01_bg.jpg) no-repeat center; background:#121212} .pro_center .section2{background:url(../images/pro_center02_bg.jpg) no-repeat center;} .pro_center .section3{background:url(../images/pro_center02_bg.jpg) no-repeat center;} .pro_center .section4{background:url(../images/pro_center02_bg.jpg) no-repeat center;} .pro_center .section5{background:url(../images/pro_center02_bg.jpg) no-repeat center;} .pro_center .section6{background:url(../images/pro_center02_bg.jpg) no-repeat center;} .pro_center .section7{background:url(../images/pro_center02_bg.jpg) no-repeat center;} /* anniu */ .pro_center .banner_mouse{position:fixed; right:45px; bottom:100px;;} .pro_center #myMenu{position:fixed; right:60px; top:50%; transform:translateY(-50%);} .pro_center #myMenu li{margin-top:22px; text-align:right; font-size:0;} .pro_center #myMenu li:first-child{margin-top:0;} .pro_center #myMenu li a{display:inline-block; width:12px; height:2px; background:#fff; transition:all 0.5s ease;} .pro_center #myMenu li.active a{width:20px; background:#285e98;} .pro_center01{position:relative; z-index:6;} .pro_center01 .infor{text-align:center; margin-bottom:90px; transform:translateY(50px); transition:all 0.8s ease; opacity:0; visibility:visible;} .pro_center01 .infor .tit{font-size:54px; line-height:54px; color:#fff; margin-bottom:20px; transition:all 0.5s ease;} .pro_center01 .infor .con{font-size:18px; line-height:25px; color:#fff;} .pro_center01 .content .list{margin-bottom:76px;} .pro_center01 .content .list .item{width:33%; color:#fff;} .pro_center01 .content .list .item .num{font-size:52px; line-height:52px; font-family:Impact;} .pro_center01 .content .list .item .txt{font-size:15px; line-height:24px; margin-top:20px;} .pro_center01 .content .list .item_l{float:left; text-align:right; transform:translateX(-100px); transition:all 0.8s ease 0.3s; opacity:0; visibility:visible;} .pro_center01 .content .list .item_r{float:right; transform:translateX(100px); transition:all 0.8s ease 0.3s; opacity:0; visibility:visible;} .pro_center01 .content .img_{opacity:0; visibility:hidden; transition:all 1s ease 0.5s; transform:translateY(100px); text-align:center;} .pro_center01 .content .img_ img{display:inline-block;} .pro_center01 .infor.cur{opacity:1; visibility:visible; transform:translateY(0);} .pro_center01 .content .list .item_l.cur{opacity:1; visibility:visible; transform:translateX(0)} .pro_center01 .content .list .item_r.cur{opacity:1; visibility:visible; transform:translateX(0)} .pro_center01 .content .img_.cur{opacity:1; visibility:visible; transform:translateY(0);} .canvasearthring {width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:5; } #ring {background:url("../images/e3.png") center no-repeat; background-size:auto; position:absolute; left:0; top:10%; z-index:11; width:100%; height:100%; } #earth{background-image:url("../images/eee.png"); background-position:center; background-repeat:no-repeat; width:155px; height:155px; position:absolute; top:50%; margin-left:-77.5px; left:50%; margin-top:35px; z-index:1; /*-webkit-animation-name:spin; -webkit-animation-duration:90000ms; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:spin; -moz-animation-duration:90000ms; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:spin; -ms-animation-duration:90000ms; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; animation-name:spin; animation-duration:90000ms; animation-iteration-count:infinite; animation-timing-function:linear;*/} canvas#canvas{z-index:10; position:absolute; width:100%; height:auto; top:0; left:-.5%; background:url("../images/e3.png") 52% center no-repeat; background-size:auto;} canvas#canvas {/*top:0;*/ position:relative;} #earth {margin-top:-77.5px;} @-ms-keyframes spin {from { -ms-transform: rotate(360deg); }to { -ms-transform: rotate(0deg); }} @-moz-keyframes spin {from { -moz-transform: rotate(360deg); }to { -moz-transform: rotate(0deg); }} @-webkit-keyframes spin {from { -webkit-transform: rotate(360deg); }to { -webkit-transform: rotate(0deg); }} @keyframes spin {from {transform:rotate(360deg);}to{transform:rotate(0deg);}} /* 绗簩灞忓強浠ュ悗 */ .header.header-dong{background:#000;} .pro_center .pro_img{position:absolute; width:993px; height:277px; position:absolute; left:50%; margin-left:-496px; top:50%; margin-top:-200px;} .pro_center .pro_content{position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between;} .pro_center .pro_content .left{float:left; width:27.5%; transform:translateX(-100px); transition:all 0.7s ease; opacity:0; visibility:hidden;} .pro_center .pro_content .left .icon{margin-bottom:35px;} .pro_center .pro_content .left .tit{font-size:46px; line-height:46px; color:#fff; margin-bottom:15px;} .pro_center .pro_content .left .con{font-size:15px; line-height:25px; color:#fff;} .pro_center .pro_content .center{float:left; width:45%; margin:0 5% 0 10%; transform:translateY(100px); transition:all 0.7s ease; opacity:0; visibility:hidden;} .pro_center .pro_content .center .rect-60{padding-bottom:60%;} .pro_center .pro_content .right{float:right; transform:translateX(100px); transition:all 0.7s ease; opacity:0; visibility:hidden;} .pro_center .pro_content .right .info {text-align:right; color:#fff; display:block;} .pro_center .pro_content .right .info .t{font-size:20px; line-height:25px;} .pro_center .pro_content .right .info .c{font-size:50px; line-height:50px; font-weight:bold; font-family:Arial; text-transform:uppercase; margin-top:10px;} .pro_center .pro_content .left.cur{opacity:1; visibility:visible; transform:translateX(0);} .pro_center .pro_content .center.cur{opacity:1; visibility:visible; transform:translateY(0);} .pro_center .pro_content .right.cur{opacity:1; visibility:visible; transform:translateX(0);} .pro_center .fp-auto-height{padding-top:0!important;} .pro_center .pro_dot{position:absolute; display:block;} .pro_center .pro_dot .icon{position:absolute; width:12px; height:12px; background:#285e98; border-radius:50px; top:50%; left:50%; margin-top:-6px; margin-left:-6px;} .pro_center .pro_dot:after{content:''; width:30px; height:30px; border:1px solid #fff; border-radius:50px; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px; -webkit-animation:warn 2s ease-out both infinite;-moz-animation:warn 2s ease-out both infinite; } .pro_center .pro_dot:before{content:''; width:48px; height:48px; border:1px solid #fff; border-radius:50px; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px; -webkit-animation:warn 2s ease-out both infinite;-moz-animation:warn 2s ease-out both infinite; } @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } /* 浼佷笟鏂囧寲 */ .culture.channel_content{padding-bottom:0;} .culture01 .content{position:relative;} .culture01 .left{width:45%; position:absolute; left:0; top:34px; z-index:2;} .culture01 .left .rect-60{padding-bottom:60%;} /* banner瑙嗛鎸夐挳 */ .culture01 .left .play_box{width:124px; height:124px; position:absolute; left:50%; top:50%; margin-left:-62px; margin-top:-62px; z-index:4; cursor:pointer;} .culture01 .left .play_box .culture_play{width:124px; height:124px; background:url(../images/video_sj.png) no-repeat center; float:right; position:relative;} .culture01 .left .play_box .culture_play .icon{width:124px; height:124px; background:url(../images/video_circle.png) no-repeat center; position:absolute; left:0; bottom:0; z-index:2} .culture01 .left:hover .play_box .culture_play .icon{animation:zhuan 3s infinite linear;} .culture01 .right{width:73.5%; float:right; height:505px; background:url(../images/culture01_2.png) no-repeat center left;} .culture01 .right .intro{width:69%; float:right; position:relative; height:100%;} .culture01 .right .intro:after{content:''; width:2px; height:290px; position:absolute; top:0; left:0; background:#285e98;} .culture01 .right .intro .box{padding:200px 60px 70px 35px; color:#fff} .culture01 .right .intro .box .tit{font-size:25px; line-height:25px; margin-bottom:15px;} .culture01 .right .intro .box .con{font-size:40px; line-height:40px; margin-bottom:70px;} .culture01 .right .intro .box .list li{display:inline-block; margin-right:35px;} .culture01 .right .intro .box .list li .num{font-size:18px; line-height:1; font-weight:bold;} .culture01 .right .intro .box .list li .num span{font-size:52px; font-family:Impact; font-weight:normal; margin-left:4px;} .culture01 .right .intro .box .list li .txt{font-size:15px; line-height:24px;} .culture02{background:url(../images/culture02_1.jpg) no-repeat center; padding:110px 0; margin-top:80px;} .culture02 .infor{text-align:center;} .culture02 .infor .tit{font-size:40px; line-height:40px; color:#fff;} .culture02 .content {margin-top:60px;} .culture02 .content .hd{position:relative;} .culture02 .content .hd:after{content:''; width:100%; height:1px; background:url(../images/white20.png) center; position:absolute; left:0; bottom:0;} .culture02 .content .hd li{width:20%; float:left; text-align:center; font-size:20px; line-height:25px; color:#fff; padding-bottom:20px; position:relative; cursor:pointer;} .culture02 .content .hd li:after{content:''; width:12px; height:12px; background:url(../images/culture02_2.png) no-repeat center; position:absolute; left:50%; margin-left:-6px; bottom:-6px; transition:all 0.5s ease;} .culture02 .content .hd li:before{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0%; bottom:0; transition:all 0.5s ease; transform:scale(0);} .culture02 .content .hd li.cur:after{opacity:0; visibility:hidden;} .culture02 .content .hd li.cur:before{transform:scale(1);} .culture02 .content .bd{margin-top:50px;} .culture02 .content .bd ul{min-height:200px; position:relative;} .culture02 .content .bd ul li{position:absolute; left:0; top:0; transition:all 0.8s ease} .culture02 .content .bd ul li.cur{z-index:2;} .culture02 .content .bd .box{padding-left:60px;} .culture02 .content .bd .info{width:54%; color:#fff;} .culture02 .content .bd .info .tit{font-size:24px; line-height:30px; margin-bottom:35px; opacity:0; visibility:hidden;} .culture02 .content .bd .info .con{font-size:15px; line-height:28px; height:140px; overflow-y:auto; padding-right:10px; opacity:0; visibility:hidden;} .culture02 .content .bd .info .con::-webkit-scrollbar {width:4px; height:4px;} .culture02 .content .bd .info .con::-webkit-scrollbar-thumb {border-radius:5px; background:#285e98;} .culture02 .content .bd .info .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;} .culture02 .content .bd ul li.cur .info .tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1} .culture02 .content .bd ul li.cur .info .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .culture03{padding:70px 0; background:#e3e3e3;} .culture03 .wrap1{margin-right:18%;} .culture03 .item {background:url(../images/culture03.png) no-repeat center left; position:relative; height:556px; display:none;} .culture03 .owl-item .item{display:block;} .culture03 .item .rect-92{padding-bottom:92%;} .culture03 .item .left{float:left; width:37%; position:absolute; left:0; top:40px;} .culture03 .item .right{float:right; width:40%; position:relative; padding-right:16%;} .culture03 .item .right .box{padding:80px 0;} .culture03 .item .right .tit{font-size:40px; line-height:40px; color:#fff; margin-bottom:35px;} .culture03 .item .right .con li{margin-bottom:25px;} .culture03 .item .right .con li:last-child{margin-bottom:0;} .culture03 .item .right .con li .t{font-size:24px; line-height:25px; color:#285e98; margin-bottom:7px} .culture03 .item .right .con li .c{font-size:15px; line-height:28px; color:#fff; padding-left:6px;} .culture03 .owl-carousel .owl-stage-outer{overflow:inherit;} .culture03 .bd{text-align:center; margin-top:40px;} .culture03 .bd .btns{display:inline-block; position:relative; margin:15px 0;} .culture03 .bd .btns span{width:400px; display:inline-block; line-height:35px;} .culture03 .bd .nav_btn .owl-prev{left:0;} .culture03 .bd .nav_btn .owl-next{right:0;} .culture03 .bd .nav_btn .owl-prev, .culture03 .bd .nav_btn .owl-next{position:absolute; cursor:pointer; font-size:20px; color:#285e98;} .culture03 .bd .nav_btn .owl-prev.disabled{color:#565656;} .culture03 .bd .nav_btn .owl-next.disabled{color:#565656;} .culture03 .bd .line{width:38%; margin:0 auto; height:2px; background:#ededed; vertical-align:middle; position:relative} .culture03 .bd .line .process{position:absolute; left:0; top:0;z-index:1; height:100%; background:#285e98; transition:width 0.5s ease;} .culture04{padding:70px 0;background: url('../images/culture_bg.jpg') no-repeat center/cover fixed;} .culture04 .item{background: transparent; transition:all 0.5s ease;border: 1px solid #656565;box-sizing: border-box;} .culture04 .owl-carousel .item{ display:none} .culture04 .owl-carousel .owl-item .item{display:block; min-height:400px;} .culture04 .item .box{padding:60px 50px; text-align:center;} .culture04 .item .box .icon{width:72px; height:72px; margin:0 auto 45px;background-position:0 -72px !important;} .culture04 .item .box .tit{font-size:24px; line-height:24px; height:; color:#fff;font-weight: 700;} .culture04 .item .box .tit::after{content: "";position: relative;display: block;width: 30px;height: 1px;background-color: #fff;margin: 25px auto 18px;} .culture04 .item .box .con{font-size:16px; line-height:25px; color:#fff; margin:10px 0 15px;} .culture04 .item .box .txt{font-size:15px; line-height:28px; color: #fff; height:140px; overflow-y:auto; padding-right:5px;} .culture04 .item .box .txt::-webkit-scrollbar {width:4px; height:5px;} .culture04 .item .box .txt::-webkit-scrollbar-thumb {border-radius:5px;background:#285e98;} .culture04 .item .box .txt::-webkit-scrollbar-track {border-radius:0;background:#e2e2e2;} .culture04 .item .box .txt:hover::-webkit-scrollbar {width:4px; height:5px;} .culture04 .item .box .txt:hover::-webkit-scrollbar-thumb {border-radius:0px;background:#e2e2e2;} .culture04 .item .box .txt:hover::-webkit-scrollbar-track {border-radius:0;background:#285e98;} .culture04 .owl-carousel .owl-stage-outer::-webkit-scrollbar {width:4px; height:5px;} .culture04 .owl-carousel .owl-stage-outer::-webkit-scrollbar-thumb {border-radius:0px;background:#285e98;} .culture04 .owl-carousel .owl-stage-outer::-webkit-scrollbar-track {border-radius:0;background:#e8e8e8;} .culture04 .owl-carousel .owl-stage-outer{overflow-x:auto; padding-bottom:40px; cursor:pointer;} .culture04 .item:hover{background:#285e98;border-color:#285e98;} /* .culture04 .item:hover .box .icon{background-position:0 0 !important;} */ .culture04 .item:hover .box .tit{color:#fff;} /* .culture04 .item:hover .box .tit::after{background-color: #fff;} */ .culture04 .item:hover .box .con{color:#fff;} .culture04 .item:hover .box .txt{color:#fff;} .culture04 .swiper-container{padding-bottom:30px;} .culture04 .swiper-container-horizontal>.swiper-pagination-progressbar, .culture04 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:inherit; bottom:0px; height:6px;} .culture04 .line{width:100%; margin:0 auto; height:2px; background:#ededed; vertical-align:middle; position:relative; display:none;} .culture04 .line .process{position:absolute; left:0; top:0;z-index:1; height:100%; background:#285e98; transition:width 0.5s ease;} /* 鍏氬缓 */ .dangjian.channel_content{padding-bottom:0; background:#f1f1f1;} .dangjian01{padding-bottom:70px;} .dangjian01 .infor {position:relative;} .dangjian01 .infor .tit{text-align:right; font-size:22px; background:url(../images/dangjian01_1.jpg) no-repeat; color:#285e98; line-height:75px; width:350px; background-position:left bottom; margin:45px 0; font-weight:bold;} .dangjian01 .infor .con{background:url(../images/dangjian01_3.jpg) repeat; font-size:18px; font-weight:bold; line-height:34px; padding:35px; color:#e00c1f; padding-right:35%;} .dangjian01 .infor img{position:absolute; bottom:-10px; right:0; z-index:2;} .dangjian01 .content{margin-top:75px; position:relative; z-index:2; margin:75px 4% 0;} .dangjian01 .content .rect-48{padding-bottom:48%;} .dangjian01 .content .item{display:none; transition:all 0.5s ease; transform:scale(0.7);} .dangjian01 .content .owl-item .item:after{content:''; width:100%; height:100%; background:url(../images/black.6.png) center; position:absolute; left:0; top:0;} .dangjian01 .content .owl-item .item{display:block;} .dangjian01 .content .owl-item.center{z-index:3;} .dangjian01 .content .owl-item.center .item{transform:scale(1.8);} .dangjian01 .content .owl-item.center .item:after{opacity:0; visibility:hidden;} .dangjian01 .content .owl-nav{width:100%; position:absolute; left:0; top:50%; margin-top:-20px;} .dangjian01 .content .owl-nav div{font-size:40px; line-height:40px; position:absolute; top:0;} .dangjian01 .content .owl-nav div i{margin:0; color:#fff; } .dangjian01 .content .owl-nav .owl-prev{left:240px;} .dangjian01 .content .owl-nav .owl-next{right:240px;} .dangjian02{background:#e5e5e5; padding:70px 0} .dangjian02 .rect-465{padding-bottom:46.5%;} .dangjian02 .li_{width:32%; margin-right:2%; float:left; margin-bottom:50px; position:relative;} .dangjian02 .li_:after{content:''; width:100%; height:4px; background:#000; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .dangjian02 .li_ a{display:block;} .dangjian02 .li_three{margin-right:0;} .dangjian02 .li_ .intro{background:#fff; transition:all 0.5s ease; position:relative;} .dangjian02 .li_ .intro .box{padding:40px; position:relative; z-index:2;} .dangjian02 .li_ .intro .box .tit{font-size:24px; line-height:35px; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#000; margin-bottom:50px;} .dangjian02 .li_ .intro .box .date{font-size:14px; line-height:25px; color:#858585;} .dangjian02 .li_ .intro:before{content:''; width:23px; height:23px; background:url(../images/dangjian02_3.png) no-repeat center; position:absolute; right:35px; bottom:30px; transition:all 0.3s ease;} .dangjian02 .li_ .intro:after{content:''; width:131px; height:131px; background:url(../images/dangjian02_2.png) no-repeat center; position:absolute; right:30px; bottom:30px; opacity:0; visibility:hidden; pointer-events:none; transition:all 0.3s ease;} .dangjian02 .li_:hover:after{opacity:0; visibility:hidden;} .dangjian02 .li_:hover .intro{background:#e2000e;} .dangjian02 .li_:hover .intro .box .tit{color:#fff;} .dangjian02 .li_:hover .intro .box .date{color:#fff;} .dangjian02 .li_:hover .intro:after{opacity:1; visibility:visible;} .dangjian02 .li_:hover .intro:before{opacity:0; visibility:hidden;} .dangjian02 .widgets_common_pages_7{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5} /* 鍏氬缓绗竴閮ㄥ垎 鏃嬭浆鍥 */ .dangjian_img{margin-bottom:80px;} #certify {position:relative; width:100%; margin: 0 auto} #certify .swiper-slide {width:600px; height:350px; background:#fff; position:relative;} #certify .swiper-slide:after{content:''; width:100%; height:100%; background:url(../images/black.6.png) center; position:absolute; left:0; bottom:0;} #certify .swiper-slide.swiper-slide-active:after{opacity:0; visibility:visible;} #certify .swiper-slide img{display:block; height:100%; width:auto;} #certify .swiper-slide .p{line-height:98px; padding-top:0; text-align:center; color:#636363; font-size:24px; margin:0;} #certify .swiper-pagination {width:100%; bottom:20px; display:none;} #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;background-color:#d5d5d5; width:10px; height:10px; opacity:1;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#285e98;} #certify .swiper-button-prev {left:-30px; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 0; background-size:100%;} #certify .swiper-button-prev:hover {background-position:0 -46px; background-size: 100%} #certify .swiper-button-next {right:-30px; width:45px; height:45px; background:url(../images/wm_button_icon.png) no-repeat; background-position:0 -93px; background-size:100%;} #certify .swiper-button-next:hover {background-position:0 -139px; background-size:100%} /* 鍏充簬鎴戜滑 */ .about_us.channel_content{padding:0;} .about_us01{/* background:url(../images/about_us01_1.jpg) no-repeat center; */ padding:100px 0; background-size:cover;background-color: #fff;} .about_us01 .infor{ /* border-bottom:1px solid #d8d8d8; *//* margin-bottom:80px; */} .about_us01 .infor .tit{font-size:40px; line-height:40px; color:#212121; margin-bottom:45px;transition:all 0.5s ease;font-weight: 700;} .about_us01 .infor .con_l{width:45%; float:left; } .about_us01 .infor .con_l .txt{font-size:16px; line-height:30px; color:#555555;} .about_us01 .infor .con_r {float:right;width: 50%;} .about_us01 .infor .bot{margin-top: 40px;} .about_us01 .infor .item{display:inline-block;} .about_us01 .infor .item .num{font-size:14px; color:#285e98;} .about_us01 .infor .item .num span{font-size:52px; line-height:52px; display:inline-block; margin-right:5px; font-family:Impact;} .about_us01 .infor .item .txt{font-size:15px; line-height:24px; color:#000;} .about_us01 .content .rect-47{padding-bottom:47%;} .about_us01 .content .left{width:56.8%; float:left; position:relative;} .about_us01 .content .left .dots_box{position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2;} .about_us01 .content .left .dots_box .dot{position:absolute} .about_us01 .content .left .dots_box .dot span{display:block; width:10px; height:10px; border-radius:50px; background:#285e98; z-index:2; position:relative} .about_us01 .content .left .dots_box .dot:after{content:''; width:20px; height:20px; background:#f3c5c9; background:rgba(240,198,201,.8); position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; border-radius:50px;} .about_us01 .content .left .dots_box .dot span:after{content:''; width:26px; height:26px; border:1px solid #285e98; border-radius:50px; position:absolute; left:50%; margin-left:-14px; top:50%; margin-top:-14px; animation: warn 2s linear 0s infinite;} .about_us01 .content .left .dots_box .dot span:before{content:''; width:40px; height:40px; border:1px solid #285e98; border-radius:50px; position:absolute; left:50%; margin-left:-21px; top:50%; margin-top:-21px; animation: warn 2s linear 0.4s infinite;} @keyframes warn { 0% { transform: scale(1); opacity: 0; } 25% { transform: scale(1.1); opacity: 0.2; } 50% { transform: scale(1.2); opacity: 0.4; } 75% { transform: scale(1.3); opacity: 0.2; } 100% { transform: scale(1.4); opacity: 0; } } .about_us01 .content .right{width:38%; float:right; margin-top:70px;} .about_us01 .content .right .intro{color:#000;} .about_us01 .content .right .intro .t{font-size:30px; line-height:40px; margin-bottom:45px; width:76%;} .about_us01 .content .right .intro .c{font-size:15px; line-height:30px;} .about_us01 .content .right .intro .c span{color:#285e98;} .about_us02{background:url(../images/about_us02_1.jpg) no-repeat center top; padding:70px 0 100px;} .about_us02 .infor .tit{width:27%; float:left; font-size:30px; line-height:40px; color:#fff;} .about_us02 .infor .con .item{display:inline-block; margin-left:80px;} .about_us02 .infor .con .item .num{color:#fff; font-size:15px;;} .about_us02 .infor .con .item .num span{font-size:52px; line-height:52px; color:#fff; font-family:Impact;} .about_us02 .infor .con .item .txt{font-size:15px; line-height:24px; color:#fff;} .about_us02 .content{margin-top:50px;} .about_us02 .content .rect-48{padding-bottom:48%;} .about_us02 .content .rect-99{padding-bottom:99%;} .about_us02 .content .top_{margin-bottom:2%;} .about_us02 .content .top_ .item{width:49%;} .about_us02 .content .bott_ .item{width:23.5%; margin-left:2%; float:left;} .about_us02 .content .bott_ .item:first-child{margin-left:0;} body .album_ordinary .album_close{background:#285e98;} /* 鑱旂郴鎴戜滑 */ .contact_us01 .left{width:35%; height:700px; background:#f3f4f8} .contact_us01 .right{width:60%;} .contact_us01 .right .map{height:700px; width:100%; overflow:hidden;} .contact_us01 .right .map img{max-width:none;} .contact_us01 .left .box{padding:30px;} .contact_us01 .left .box .tit{font-size:28px; color:#285e98; border-bottom:1px solid #dcdde1; padding-bottom:20px;} .contact_us01 .left .box .item{line-height:40px; padding:13px 0; border-bottom:1px solid #dcdde1; font-size:14px; color:#616161; position:relative; padding-left:50px;} .contact_us01 .left .box .item span{width:40px; height:40px; position:absolute; left:0; top:12px; background:url(../images/contact_icon.png) no-repeat; background-position:0 0; margin-right:10px;} .contact_us01 .left .box .item .icon2{background-position:-40px 0;} .contact_us01 .left .box .item .icon3{background-position:-80px 0;} .contact_us01 .left .box .item .icon4{background-position:-120px 0;} .contact_us01 .left .box .item .icon5{background-position:-160px 0;} .contact_us01 .left .ercode{text-align:center; font-size:16px; color:#616161; margin-top:20px;} .contact_us01 .left .ercode .ewm{width:40%; padding:2%;} .contact_us01 .left .ercode .ewm .t{margin-top:5px;} /* 鑽ｈ獕 */ .honor01 .tab_t{position:relative; margin-bottom:40px;} .honor01 .tab_t:after{content:''; position:absolute; width:100%; height:1px; left:0; top:11px; background:#e6e6e6; z-index:-1;} .honor01 .tab_t ul li{text-align: center;position: relative;outline: 0;} .honor01 .tab_t ul li{float:left; width:150px; text-align:center; cursor:pointer; position:realtive;} .honor01 .tab_t ul li .icon{ display:inline-block;width:22px; height:22px; background:url(../images/honor01_1.jpg) no-repeat center; margin-bottom:30px; position:relative;} .honor01 .tab_t ul li .icon:after{content:''; position:absolute; width:180px; height:1px; left:5px; top:50%; background:#285e98; z-index:-1;} .honor01 .tab_t ul li .year{font-size:20px; color:#666; font-weight:lighter;} .honor01 .tab_t ul li.cur .icon{background:url(../images/honor01_1_on.jpg) no-repeat center;} .honor01 .tab_t ul li.cur .year{font-size:24px; color:#285e98; font-weight:bold;} .honor01 .tab_t ul li:last-child .icon:after{display:none;} .honor01 .tab_c .content ul .li_{float:left; width:30%; margin-right:5%; background:#f5f5f5; position:relative; margin-bottom:35px; cursor:pointer; transition:.5s ease;} .honor01 .tab_c .content ul .li_three{margin-right:0;} .honor01 .tab_c .content ul .li_ .box{padding:35px 35px 0;} .honor01 .tab_c .content ul .li_ .box .line{width:70px; height:2px; background:#cccccc;} .honor01 .tab_c .content ul .li_ .box .year{margin:25px 0 20px; font-size:24px; color:#323232; line-height:1;} .honor01 .tab_c .content ul .li_ .box .tit{font-size:26px; line-height:28px; height:56px; overflow:hidden; color:#323232;} .honor01 .tab_c .content ul .li_ .box .link{margin:27px 0 70px; } .honor01 .tab_c .content ul .li_ .box .link i{transition:margin-left .5s ease;} .honor01 .tab_c .content ul .li_ .box .logo_{position:absolute; right:35px; bottom:30px; width:70px; height:62px;} .honor01 .scroll_nav{display:none;} .honor01 .tab_c .content ul .li_:hover{background:#285e98; color:#fff;} .honor01 .tab_c .content ul .li_:hover .box .line{background:#fff;} .honor01 .tab_c .content ul .li_:hover .box .year, .honor01 .tab_c .content ul .li_:hover .box .tit{color:#fff;} .honor01 .tab_c .content ul .li_ .box .logo_{display:none;} .honor01 .tab_c .content ul .li_:hover .box .link i{margin-left:10px;} /* 鑲姴鍗拌薄 */ .impression .rect-24{padding-bottom:24.9%;} .impression .rect-56{padding-bottom:56%;} .impression .rect-67{padding-bottom:67%;} .impression_hd{margin-bottom:40px;} .impression_hd ul{text-align:center;} .impression_hd li.common_more{display:inline-block; margin:0 30px; border: 1px solid #285e98; cursor: pointer;} .impression_hd li.common_more span{color:#285e98;} .impression_hd li.common_more.cur{border: 1px solid #285e98;} .impression_hd li.common_more.cur span{color:#fff;} .impression_hd li.common_more.cur:after {transform:scale(1); width:120%; left:-10%} .impression_hd li.common_more:hover span{color:#fff;} .impression.album_wrap .slide .arrs { width: 10%; height: 5em; line-height: 5em; top: 50%; margin-top: -3em; font-size: 4em; text-align: center; color: #fff; cursor: pointer; } .impression.album_wrap .slide .arr_prev{ left: 10%;} .impression.album_wrap .slide .arr_next{ right: 10%; left: auto;} .impression.album_wrap .album_gallery .slide_nav{ width: 80%; left:10%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .impression.album_wrap .album_gallery .slide_nav a{ float: none; display: inline-block; height: 70px;} .impression.album_wrap .album_gallery .album_bar{ height: 70px; background: none; bottom: 44px; /* z-index: 20; */ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .impression.album_wrap .album_gallery .listArrs { color: #fff; position: absolute; top: auto; display: block; line-height: 70px; z-index: 20; bottom: 40px;} .impression.album_wrap .album_gallery .prevList{left: 5%;} .impression.album_wrap .album_gallery .nextList{right: 5%;} .impression.album_wrap .album_gallery .slide_nav{ height:76px; line-height:70px; text-align: center;bottom:34px; padding-bottom: 10px; z-index: 15; overflow-x:auto;} /* 婊氬姩鏉℃牱寮 */ .impression.album_wrap .album_gallery .slide_nav::-webkit-scrollbar { width: 8px; height: 8px; } .impression.album_wrap .album_gallery .slide_nav::-webkit-scrollbar-track { background-color: #808080; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .impression.album_wrap .album_gallery .slide_nav::-webkit-scrollbar-thumb { background-color: #285e98; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .impression.album_wrap .album_gallery .album_pages{ left: 50%; margin-left: -30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .impression.album_wrap .album_ordinary .slide_c p{ bottom: 150px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .impression.album_wrap .full_btn{ cursor: pointer;margin-right: 10px; position: absolute; right: 40px; top: 0;width: 40px; height: 40px; background:url(../images/ablum_ico.png) no-repeat 0 0;} .impression.album_wrap .full_btn:hover{ opacity: 0.8; } .impression.album_wrap .album_ordinary .album_close{ background:url(../images/ablum_ico.png) no-repeat -47px 0; width: 40px; height: 40px; } .impression.album_wrap .album_ordinary .album_close .iconfont{ display: none;} .impression.album_wrap .album_ordinary .album_close:hover{ /* color: #f18101; */} .pictures ._mask{ text-align: center; color: #fff; background:rgba(0,0,0,.6); } .pictures ._mask .fd_ico{ position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px;width: 61px; height: 62px; background:url(../images/fd_ico.png) no-repeat center; } .impression.album_wrap .album_gallery .slide_nav .on{ border-color: #285e98;} .impression.album_wrap .album_gallery .arrs:hover{ color: #285e98;} .impression.album_wrap.hidebar .album_gallery .slide_nav{ bottom: -100px; } .impression.album_wrap.hidebar .album_gallery .listArrs{ bottom: -40px;} .impression.album_wrap.hidebar .album_ordinary .slide_c p{ bottom: -40px;} .impression.album_wrap.hidebar .album_gallery .album_pages{ bottom: -30px;} .impression.album_wrap .album_ordinary .slide_c img { max-width: 80%; max-height: 57%; margin-top: -5%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .impression.album_wrap.hidebar .album_ordinary .slide_c img { max-height: 100%; margin-top: 0; /* height: 90%; */} /* 閿€鍞綉缁 */ .sale_net01 .li_{width:32%; float:left; margin-right:2%; background:#292727; margin-bottom:24px; transition:all 0.5s ease;} .sale_net01 .li_:hover{box-shadow:0 0 20px rgba(0,0,0,.7);} .sale_net01 .li_three{margin-right:0;} .sale_net01 .li_ .box{padding:40px 60px} .sale_net01 .li_ .box dl{position:relative; padding-left:24px; max-height:97px; overflow:hidden;} .sale_net01 .li_ .box dt{font-size:20px; line-height:24px; color:#fff; font-weight:bold; margin-bottom:15px;} .sale_net01 .li_ .box dd{font-size:14px; line-height:24px; color:#fff; margin-bottom:5px;} .sale_net01 .li_ .box dl:after{content:''; width:4px; height:20px; background:#285e98; position:absolute; left:0; top:2px;} /* 鏈嶅姟缃戠粶 */ .service_net01{overflow:hidden;} .service_net01 .left{width:33.5%; float:left; height:747px; overflow:hidden; background:#262626;} .service_net01 .left form{background:#285e98;} .service_net01 .left form .box{padding:40px 35px 22px;} .service_net01 .left .sele_wrap{height:46px; line-height:46px; margin-bottom:18px;} .service_net01 .left .sele_wrap .sele{width:100%; height:46px; line-height:46px; border:1px solid #fff;color:#fff; background:none;} .service_net01 .left .sele_wrap .select-ui-choose-default{background:none;} .service_net01 .left .sele_wrap .select-ui-choose-default ._arrow{width:60px} .service_net01 .left .sele_wrap .select-ui-choose-default ._arrow:after{content:''; width:1px; height:20px; background:#fff; left:0; top:50%; margin-top:-10px; position:absolute;} .service_net01 .left .sele_wrap .select-ui-choose ._arrow .arr{border:none; left:50%; margin-left:-6px; width:12px; height:10px; margin-top:-5px; background:url(../images/service_net01_2.png) no-repeat center;} .service_net01 .left .sele_wrap .select-ui-choose-default ._txt{padding-right:60px;} .service_net01 .left .sele_wrap .select-ui-choose-default.on ._arrow .arr{margin-top:-5px;} .service_net01 .left .sele_wrap .select-ui-choose-default-bottom.on{border-radius:0;} .service_net01 .left .list{overflow-y:auto;} .service_net01 .left .list ul li{padding:40px 60px 0px 45px; cursor:pointer; transition:all 0.5s ease} .service_net01 .left .list ul li .intro{position:relative; padding-bottom:40px; border-bottom:1px solid #313131; border-color:rgba(255,255,255,.2)} .service_net01 .left .list ul li .intro:after{content:''; width:49px; height:64px; background:url(../images/service_net01_3.png) no-repeat center; position:absolute; right:0; bottom:0; pointer-events:none;} .service_net01 .left .list ul li .intro dt{font-size:18px; color:#fff; margin-bottom:8px} .service_net01 .left .list ul li .intro dd{font-size:15px; line-height:28px; color:#fff; color:rgba(255,255,255,.8);} .service_net01 .left .list ul li .intro dd.last{display:inline-block; position:relative; padding-bottom:1px;} .service_net01 .left .list ul li .intro dd.last:before{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:2px;} .service_net01 .left .list ul li .intro dd.last:after{content:''; width:0; height:2px; background:#285e98; position:absolute; left:0; transform:scale(0); bottom:1px; transition:all 0.5s ease;} .service_net01 .left .list ul li .intro dd.last:hover:after{width:100%; transform:scale(1);} .service_net01 .left .list ul li .intro .tel{font-size:15px; line-height:24px; color:#616161;} .service_net01 .left .list ul li .intro .txt{display:block; width:155px; height:36px; line-height:36px; font-size:14px; color:#333f47; text-align:center; background:#f8ad25; margin-top:20px;} .service_net01 .right{width:66.5%; float:right; height:747px; overflow:hidden;} .service_net01 .right img{max-width:none;} .service_net01 .left .list::-webkit-scrollbar {width:4px; height:4px;} .service_net01 .left .list::-webkit-scrollbar-thumb {background:#afafaf;} .service_net01 .left .list::-webkit-scrollbar-track {background:#d9d9d9;} /* 閰嶄欢涓績 */ .peijian_cen{background:#f1f1f1;} .peijian_cen01 .content{background:url(../images/peijian01_1.jpg) no-repeat center;} .peijian_cen01 .content .box{padding:50px;} .peijian_cen01 .content .box .rect-376{padding-bottom:37.6%;} .peijian_cen01 .left{width:24%; float:left} .peijian_cen01 .left .l_top{background:#fff; position:relative; height:311px;} .peijian_cen01 .left .l_top .intro{padding:45px 45px 50px; opacity:0; visibility:hidden; position:absolute; left:0; top:0; transition:all 0.7s ease; transform:translateX(70px);} .peijian_cen01 .left .l_top .intro .tit{font-size:40px; line-height:40px; color:#000; font-weight:bold; transition:all 0.5s ease;} .peijian_cen01 .left .l_top .intro .con{font-size:15px; line-height:25px; margin:12px 0 15px;} .peijian_cen01 .left .l_bott .item{width:50%; float:left; background:#c30000; height:167px; display:flex; justify-content:center; flex-direction:column; position:relative; cursor:pointer} .peijian_cen01 .left .l_bott .item:after{content:''; width:15px; height:9px; background:url(../images/peijian01_6.png) no-repeat center; position:absolute; top:-8px; left:50%; margin-left:-7px; opacity:0; visibility:hidden;} .peijian_cen01 .left .l_bott .item .icon{width:54px; height:54px; margin:0 auto 10px;} .peijian_cen01 .left .l_bott .item .txt{font-size:17px; line-height:25px; color:#fff; text-align: center;} .peijian_cen01 .left .l_top .intro.cur{opacity:1; visibility:visible; transform:translateX(0px);} .peijian_cen01 .left .l_bott .item.cur{background:#285e98;} .peijian_cen01 .left .l_bott .item.cur:after{opacity:1; visibility:visible;} .peijian_cen01 .right{width:75%; float:right; position:relative; height:422px;} .peijian_cen01 .right .img_{opacity:0; visibility:hidden; position:absolute; left:0; top:50%; transition:all 1s ease; width:100%; transform:translateX(70px) translateY(-50%); } .peijian_cen01 .right .img_.cur{opacity:1; visibility:visible; transform:translateX(0px) translateY(-50%);} .peijian_cen02{margin-top:60px;} .peijian_cen02 .hd{margin-bottom:40px;} .peijian_cen02 .hd ul{text-align:center;} .peijian_cen02 .hd li.common_more{display:inline-block; margin:0 30px; border: 1px solid #285e98; cursor: pointer;} .peijian_cen02 .hd li.common_more span{color:#285e98;} .peijian_cen02 .hd li.common_more.cur{border: 1px solid #285e98;} .peijian_cen02 .hd li.common_more.cur span{color:#fff;} .peijian_cen02 .hd li.common_more.cur:after {transform:scale(1); width:120%; left:-10%} .peijian_cen02 .hd li.common_more:hover span{color:#fff;} .peijian_cen02 .bd .rect-90{padding-bottom:90%;} .peijian_cen02 .bd .rect-92{padding-bottom:90%;} .peijian_cen02 .bd .rect-63{padding-bottom:63%;} .peijian_cen02 .bd .rect-58{padding-bottom:58%;} .peijian_cen02 .bd .left{width:39%; float:left; background:#fff;} .peijian_cen02 .bd .left .box{padding:35px 40px;} .peijian_cen02 .bd .left .box .line{margin:30px 0; background:url(../images/peijian02_2.png) no-repeat center; height:13px;} .peijian_cen02 .bd .left .box .info{color:#000;} .peijian_cen02 .bd .left .box .info .t{font-size:30px; line-height:30px; margin-bottom:3px; transition:all 0.5s ease;} .peijian_cen02 .bd .left .box .info .c{font-size:15px; line-height:30px;} .peijian_cen02 .bd .left:hover .box .info .t{color:#285e98;} .peijian_cen02 .bd .right{width:59%; float:right;} .peijian_cen02 .bd .right .li_{width:32%; margin-right:2%; float:left; background:#fff; margin-bottom:2%; transition:all 0.5s ease;} .peijian_cen02 .bd .right .li_three{margin-right:0;} .peijian_cen02 .bd .right .li_ .box{padding:50px;} .peijian_cen02 .bd .right .li_ .box .intro{position:absolute; left:5%; width:90%; bottom:30px;} .peijian_cen02 .bd .right .li_ .box .intro .t{font-size:20px; line-height:24px; color:#000; text-align:center; transition:all 0.5s ease;} .peijian_cen02 .bd .right .li_:hover{box-shadow:0 0 15px rgba(0,0,0,.2);} .peijian_cen02 .bd .right .li_:hover .intro .t{color:#285e98;} .peijian_cen03{margin-top:2%;} .peijian_cen03 .rect-92{padding-bottom:90%;} .peijian_cen03 .rect-63{padding-bottom:63%;} .peijian_cen03 .li_{width:18.4%; margin-right:2%; float:left; background:#fff; margin-bottom:2%; transition:all 0.5s ease;} .peijian_cen03 .li_five{margin-right:0;} .peijian_cen03 .li_ .box{padding:50px;} .peijian_cen03 .li_ .box .intro{position:absolute; left:5%; width:90%; bottom:30px;} .peijian_cen03 .li_ .box .intro .t{font-size:20px; line-height:24px; color:#000; text-align:center; transition:all 0.5s ease;} .peijian_cen03 .li_:hover{box-shadow:0 0 15px rgba(0,0,0,.2);} .peijian_cen03 .li_:hover .intro .t{color:#285e98;} /* 閿€鍞湇鍔＄患鍚 */ .saleCen_banner{height:679px; position:relative;} .saleCen_banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .saleCen_banner .intro {position:absolute; left:0; width:100%; bottom:190px; color:#fff;} .saleCen_banner .intro .tit{font-size:46px; line-height:46px; color:#fff; font-weight:bold;} .saleCen_banner .intro .con{font-size:50px;line-height:50px; color:#f21623; margin:17px 0 50px;} .saleCen_banner .intro .inp_wrap{width:42%; position:relative; height:52px; line-height:52px; border-bottom:1px solid #34312d; border-color:rgba(255,255,255,.4);} .saleCen_banner .intro .inp_wrap .inp{width:80%; height:52px; line-height:52px; border:none; background:none; padding:0; font-size:16px; color:#fff;} .saleCen_banner .intro .inp_wrap .btns{width:34px; height:34px; background:url(../images/salecen_banner_icon1.png) no-repeat center; padding:0; margin:0; outline:none; position:absolute; right:10px; top:50%; margin-top:-17px; cursor:pointer; border:none} .saleCen_banner .intro .txt{font-size:20px; line-height:36px; color:#fff; font-weight:bold; margin-top:20px;} .saleCen_banner .intro .txt a{font-weight:normal; font-size:36px; line-height:36px; font-family:Impact} .sale_center.channel_content{padding:0;} .sale_center01{padding:100px 0 60px; background:#1c1a1a;} .sale_center01 .infor{width:50%;} .sale_center01 .infor .tit{font-size:40px; line-height:40px; color:#285e98; margin-bottom:25px;} .sale_center01 .infor .con{font-size:15px; line-height:28px; color:#fff;} .sale_center01 .content{margin-top:50px;} .sale_center01 .content .li_{width:32%; float:left; margin-right:2%; background:#292727; margin-bottom:24px; transition:all 0.5s ease;} .sale_center01 .content .li_:hover{box-shadow:0 0 20px rgba(255,255,255,.1);} .sale_center01 .content .li_three{margin-right:0;} .sale_center01 .content .li_ .box{padding:40px 60px} .sale_center01 .content .li_ .box dl{position:relative; padding-left:24px; max-height:97px; overflow:hidden;} .sale_center01 .content .li_ .box dt{font-size:20px; line-height:24px; color:#fff; font-weight:bold; margin-bottom:15px;} .sale_center01 .content .li_ .box dd{font-size:14px; line-height:24px; color:#fff; margin-bottom:5px;} .sale_center01 .content .li_ .box dl:after{content:''; width:4px; height:20px; background:#285e98; position:absolute; left:0; top:2px;} .sale_center02{ height:676px; position:relative; overflow:hidden;} .sale_center02 .img_{position:absolute; left:0; top:0; width:100%; height:100%;} .sale_center02 .img_ img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none} .sale_center02 .content{position:relative;} .sale_center02 .content .intro{position:absolute; width:40%; background:url(../images/sale_center02_2.jpg) no-repeat center; position:absolute; height:419px; top:150px; right:0; color:#fff; transition:all 0.5s ease;} .sale_center02 .content .intro .box{padding:60px 160px 65px 65px;} .sale_center02 .content .intro .box .txt{font-size:16px; line-height:26px;} .sale_center02 .content .intro .box .tit{font-size:40px; line-height:40px; margin:13px 0 30px;} .sale_center02 .content .intro .box .con{font-size:15px; line-height:29px;} .sale_center02 .content .intro:hover{color:rgba(255,255,255,.8);} .sale_center03{background:url(../images/sale_center03_1.jpg) no-repeat center; padding:120px 0;} .sale_center03 .infor{width:30%;} .sale_center03 .infor .tit{font-size:40px; line-height:40px; color:#000; } .sale_center03 .infor .con{font-size:15px; line-height:30px; color:#000; margin-top:16px;} .sale_center03 .infor .txt{font-size:22px; line-height:36px; color:#000; font-weight:bold;} .sale_center03 .infor .txt a{display:inline-block; font-size:36px; line-height:36px; color:#285e98; font-weight:normal; font-family:Impact; vertical-align:-3px; margin-top:40px;} .sale_center03 .content{margin-top:45px; width:30%;} .sale_center03 .content .sele_wrap{height:46px; line-height:46px; margin-bottom:18px;} .sale_center03 .content .sele_wrap .sele{width:100%; height:46px; line-height:46px; border:1px solid #868D93;color:#868D93; background:none;} .sale_center03 .content .sele_wrap .select-ui-choose-default{background:none;} .sale_center03 .content .sele_wrap .select-ui-choose-default ._arrow{width:60px} .sale_center03 .content .sele_wrap .select-ui-choose-default ._arrow:after{content:''; width:1px; height:20px; background:#868D93; left:0; top:50%; margin-top:-10px; position:absolute;} .sale_center03 .content .sele_wrap .select-ui-choose ._arrow .arr{border:none; left:50%; margin-left:-6px; width:12px; height:10px; margin-top:-5px; background:url(../images/sale_center03_2.png) no-repeat center;} .sale_center03 .content .sele_wrap .select-ui-choose-default ._txt{padding-right:60px;} .sale_center03 .content .sele_wrap .select-ui-choose-default.on ._arrow .arr{margin-top:-5px;} .sale_center03 .content .sele_wrap .select-ui-choose-default-bottom.on{border-radius:0;} .sale_center03 .common_more{border-color:#868D93;} .sale_center03 .common_more span{color:#868D93;} .sale_center03 .common_more:hover span{color:#fff;} /* 鍙戝睍鍘嗙▼ */ .history{position:relative} .history{background:#f4f9ff url(../images/history_bg.jpg) no-repeat center top; } .history01 .wrap{position:relative;} .history01 .left{width:418px;} .history01 .left.fixed{position:fixed; top:97px; left:50%; margin-left:-650px; width:364px;} .history01 .left.abs{position:absolute; bottom:0; left:0;} .history01 .left ul{border-top:1px solid #d2d2d2; margin-right:90px; text-align:right;} .history01 .left li{border-bottom:1px solid #d2d2d2; padding:30px 0; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .left li:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#c42028; z-index:0;} .history01 .left li:after{content:""; position:absolute; right:-15px; top:50%; margin-top:-12px; height:24px; width:15px; background:url(../images/develop_sj.png); z-index:0;} .history01 .left li:after, .history01 .left li:before{opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .left li .info{position:relative; z-index:1; display:block;} .history01 .left li .y{font-size:36px; font-family:Impact; color:#7a7e80; line-height:1;} .history01 .left li .name{font-size:20px; color:#000; font-weight:bold;} .history01 .left li:hover, .history01 .left li.cur{padding-right:20px;} .history01 .left li:hover:after, .history01 .left li:hover:before, .history01 .left li.cur:after, .history01 .left li.cur:before{visibility:visible; opacity:1;} .history01 .left li:hover .y, .history01 .left li:hover .name, .history01 .left li.cur .y, .history01 .left li.cur .name{color:#fff;} .history01 .right{width:72%; width:calc(100% - 420px);} .history01 .right .item_wrap{border-left:1px solid #d2d2d2; padding-bottom:80px; position:relative;} .history01 .right .item_wrap:after{content:""; width:8px; height:8px; border:3px solid #c42028; border-radius:50%; display:inline-block; *display:inline; *zoom:1; position:absolute; top:0; left:-8px} .history01 .right .item_wrap:before{content:""; position:absolute; left:6px; top:6px; width:20px; height:2px; background:#c42028;} .history01 .right .item{position:relative; padding-left:70px;} .history01 .right .item .pic{position:relative; width:88%;} .history01 .right .item .pic:before{content:""; position:absolute; top:15px; bottom:15px; width:10px; background:#c42028; left:-10px;} .history01 .right .item .text_box{position:absolute; top:15px; bottom:15px; right:0; background:#9d9d9d; width:165px; color:#fff; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,.2); box-shadow:0px 0px 10px 2px rgba(0,0,0,.2); padding:40px 25px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .history01 .right .item .text_box .date{font-size:37px; font-family:Impact; } .history01 .right .item .text_box .date.date2{font-size:26px; line-height:1.4; margin-bottom:20px; font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; font-weight:bold;} /*.history01 .right .item .text_box .desc{position:absolute; left:25px; right:25px; bottom:40px;}*/ .history01 .right .item:hover .text_box{background:#c42028;} /* 浼佷笟瀹炲姏 */ .qysl.channel_content{padding-bottom:0;} .qysl01{padding:100px 0 80px;} .qysl01 .infor .tit,.ab_tit h3{font-size:40px; line-height:40px; color:#212121;font-weight: 700;} .qysl01 .infor .con,.ab_con{font-size:18px; line-height:25px; color:#000; margin:15px 0 20px;} .qysl01 .infor .txt,.ab_txt{font-size:15px; line-height:28px; color:#373737;} .qysl01 .content{margin-top:25px;} .qysl01 .content .c_wrap_box{margin-left:8%;} /* .qysl01 .content .c_wrap_box .c_wrap{padding-right:80px;} */ .qysl01 .content .item{display:none;} .qysl01 .content .owl-item .item{display:block;} .qysl01 .content .rect-43{padding-bottom:43%;} .qysl01 .content .item .intro .box{padding:50px 60px 35px 40px; background:#000; color:#fff;transition:all 0.5s ease;} .qysl01 .content .item .intro .box .t{font-size:30px; line-height:30px; margin-bottom:12px;} .qysl01 .content .item .intro .box .c{font-size:15px; line-height:30px;;} .qysl01 .content .owl-item.cur .item .intro .box{background:#285e98;} /* 鍥剧墖鐏板害澶勭悊 */ /* .qysl01 .content .item img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:all 0.5s ease;} */ /* .qysl01 .content .owl-item.cur .item img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:inherit;} */ .qysl01 .owl-carousel .owl-stage-outer::-webkit-scrollbar {width:4px; height:5px;} .qysl01 .owl-carousel .owl-stage-outer::-webkit-scrollbar-thumb {border-radius:5px;background:#515151;} .qysl01 .owl-carousel .owl-stage-outer::-webkit-scrollbar-track {border-radius:0;background:#e8e8e8;} /* .qysl01 .owl-carousel .owl-stage-outer{overflow-x:auto; padding-bottom:40px; cursor:pointer;} */ .qysl01 .line{width:100%; margin:0 auto; height:2px; background:#ededed; vertical-align:middle; position:relative; display:none;} .qysl01 .line .process{position:absolute; left:0; top:0;z-index:1; height:100%; background:#285e98; transition:width 0.5s ease;} .qysl02{background:url(../images/qysl02_1.jpg) no-repeat center; padding:75px 0 65px; position:relative;} .qysl02:after{content:''; width:749px; height:130px; background:url(../images/qysl02_3.png) no-repeat center; position:absolute; left:0; top:115px; pointer-events:none;} .qysl02 .left{width:32%; float:left; position:relative; z-index:2} .qysl02 .left .infor{margin-top:100px; color:#fff;} .qysl02 .left .infor .t{font-size:40px; line-height:40px; margin-bottom:35px;} .qysl02 .left .infor .c{font-size:15px; line-height:28px;} .qysl02 .right{width:65%; float:right; position:relative; z-index:2;} .qysl02 .right .li_{width:32%; margin-right:2%; float:left; margin-bottom:20px;} .qysl02 .right .li_three{margin-right:0;} .qysl02 .right .li_ .rect-635{padding-bottom:63.5%;} .qysl02 .right .li_ img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:all 0.5s ease;} .qysl02 .right .li_.cur img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:inherit;} .qysl03{padding:100px 0;} .qysl03 .left{width:47%; float:left;} .qysl03 .left .infor .tit{font-size:40px; line-height:40px; color:#285e98;} .qysl03 .left .infor .con{font-size:18px; line-height:25px; color:#000; margin:15px 0 20px;} .qysl03 .left .infor .txt{font-size:15px; line-height:28px; color:#373737;} .qysl03 .left .content{margin-top:40px;} .qysl03 .left .content .item{width:32%; margin-left:2%; float:left;} .qysl03 .left .content .item:first-child{margin-left:0;} /* .qysl03 .left .content .item img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; transition:all 0.5s ease;} .qysl03 .left .content .item:hover img{-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:inherit;} */ .qysl03 .right{width:47%; float:right;} .qysl03 .right .rect-59{padding-bottom:59%;} .qysl04{background:url(../images/qysl04_1.jpg) no-repeat center; background-attachment:fixed; padding:90px 0 65px;} .qysl04 .infor{width:45%;} .qysl04 .infor .tit{font-size:40px; line-height:40px; color:#fff; } .qysl04 .infor .con{font-size:15px; line-height:28px; color:#fff; margin-top:25px;} .qysl04 .content{margin-top:50px;} .qysl04 .content li{float:left; margin-left:10%;} .qysl04 .content li:first-child{margin-left:0;} .qysl04 .content li .num{font-size:18px; color:#fff; font-weight:bold; transition:all 0.5s ease;} .qysl04 .content li .num span{font-size:52px; line-height:52px; font-family:Impact; font-weight:normal} .qysl04 .content li .txt{font-size:15px; line-height:25px; color:#fff;} .qysl04 .content li:hover .num{color:#285e98;} .qysl05{background:#f3f3f3; padding:110px 0 80px; position:relative;} .qysl05:after{content:''; width:100%; height:37%; background:#e3e3e3; position:absolute; left:0; bottom:0; pointer-events:none;} .qysl05 .c_wrap{margin-left:8%; position:relative; z-index:2;} .qysl05 .left{width:21%; float:left;} .qysl05 .left .infor .tit{font-size:40px; line-height:40px; color:#285e98;} .qysl05 .left .infor .con{font-size:18px; line-height:25px; color:#000; margin:15px 0 20px;} .qysl05 .left .btn_box>div{width:56px; height:56px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; float:left; margin-right:11px;} .qysl05 .left .btn_box .owl-prev {left:0;background:url(../images/qysl05_l.png) no-repeat center;} .qysl05 .left .btn_box .owl-next {right:0;background:url(../images/qysl05_r.png) no-repeat center;} .qysl05 .right{width:72%; float:right;} .qysl05 .right .rect-106{padding-bottom:106%;} .qysl05 .right .item{display:none;} .qysl05 .right .owl-item .item{display:block;} .qysl05 .right .item .txt{padding:15px 15px 15px 0;} .qysl05 .right .item .txt span{display:block; font-size:18px; color:#000;} /* 娲诲姩鍓奖 娈电帀 start */ .activity .rect-24{padding-bottom:24.9%;} .activity .rect-56{padding-bottom:56%;} .activity .rect-67{padding-bottom:67%;} .activity01{margin-bottom:75px;} .activity01 a{display:block; position:relative;} .activity01 .cover{position:absolute; bottom:0; left:0; width:100%; background:url(../images/activity01_cover.png) no-repeat top center; background-size:cover;} .activity01 .cover .box{padding:70px 25px 30px;} .activity01 .cover .box .tit{font-size:18px; color:#fff;} .activity01 .left{width:51%; position:relative;} .activity01 .right{width:48%;} .activity01 .right .cover .box{padding:40px 20px 20px;} .activity01 .right .r_top .r_top_l{width:49%;} .activity01 .right .r_top .r_top_r{width:49%;} .activity01 .right .r_bott{background-color:#285e98; margin-top:14px; color:#fff;} .activity01 .right .r_bott a:hover{color:#fff;} .activity01 .right .r_bott .infor{padding:40px 30px;} .activity01 .right .r_bott .tit{font-size:35px; line-height:35px; margin-bottom:15px;} .activity01 .right .r_bott .con{font-size:15px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .activity02 ul .li_{width:23.5%; position:relative; float:left; margin-right:2%; margin-bottom:60px;} .activity02 ul .li_ a{display:block; margin-top:120px;} .activity02 ul .li_fourth{margin-right:0;} .activity02 ul .li_ .li_top{width:90%; position:absolute; top:0; left:5%;} .activity02 ul .li_ .li_top .li_cover{opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/activity02_cover.png) no-repeat center; background-size:cover; transition:all 0.5s ease;} .activity02 ul .li_ .li_top .li_icon{position:absolute; top:50%; left:50%; width:46px; height:46px; margin-left:-23px; margin-top:-23px; background:url(../images/activity_search.png) no-repeat center; background-size:cover;} .activity02 ul .li_video .li_top .li_icon{position:absolute; top:50%; left:50%; width:68px; height:68px; margin-left:-34px; margin-top:-34px; background:url(../images/li_video.png) no-repeat center; background-size:cover;} .activity02 ul .li_ .li_bott{width:100%; height:175px; background:#555; color:#fff; box-sizing:border-box; transition:all 0.5s ease;} .activity02 ul .li_ .li_bott .box{padding:90px 40px 30px 35px;} .activity02 ul .li_ .li_bott .box .tit{font-size:18px; line-height:27px; height:54px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .activity02 ul .li_.cur .li_bott{background:#285e98;} .activity02 ul .li_.cur .li_top .li_cover{opacity:1; visibility:visible;} .activity02 ul .li_.cur .li_top .li_icon{opacity:1; visibility:visible;} /* 鐢诲唽 娈电帀 start */ .huace01 .rect-134{padding-bottom:120%;} .huace01 ul .li_{width:23.5%; float:left; margin-right:2%; margin-bottom:60px;} .huace01 ul .li_four{margin-right:0;} .huace01 ul .li_ a{display:block; border:1px solid #cfcfcf} .huace01 ul .li_ .box{margin:25px 0 35px} .huace01 ul .li_ .box .tit{font-size:24px; line-height:24px; margin-bottom:15px; transition:all 0.5s ease; padding:0 15px;} .huace01 ul .li_ .box .con{color:#888; height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .huace01 ul .li_ .btns{background:#f8f8f8; width:100%; text-align:left; line-height:55px; transition:all 0.5s ease;} .huace01 ul .li_ .btns .icon{margin-right:5px; font-size:15px; margin-left:10px;} .huace01 ul .li_ .btns span{display:inline-block;} .huace01 ul .li_.cur .box .tit{color:#285e98;} .huace01 ul .li_.cur .btns{background:#285e98; color:#fff;} .denglu{position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; display:none;} .denglu .bg{width:100%; height:100%; background:url(../images/black.6.png) center; position:fixed; top:0; left:0;} .denglu .content{width:1140px; height:468px; position:absolute; top:50%; left:50%; margin-top:-234px; margin-left:-570px;} .denglu .content .left{width:50%; height:100%; background:url(../images/login_left.jpg) no-repeat center; background-size:cover; border-top-left-radius:30px; border-bottom-left-radius:30px;} .denglu .content .right{width:50%; height:100%; background-color:#fff;} .denglu .content .right .logo{text-align:center; margin:55px 0;} .denglu .content .right .box{padding:0 15%;} .denglu .content .right .box .inp_con{border-bottom:1px solid #ababab; margin-top:20px; padding-bottom:10px;} .denglu .content .right .box .inp_con .inp{width:70%;} .denglu .content .right .box i{font-size:20px; line-height:30px;} .denglu .content .right .box .ctrl_psw, .denglu .content .right .box .fresh{cursor:pointer;} .denglu .content .right .box input{border:none; background:none; line-height:30px; height:30px; background:none; padding:0; width:70%;} .denglu .content .right .box input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px #fff inset; color:#fff;} .denglu .content .right .box input::-webkit-input-placeholder {font-size:16px;} .denglu .content .right .box .code_con{margin-top:30px;} .denglu .content .right .box .code_con .code{border-bottom:1px solid #ababab; width:48%; padding-bottom:10px;} .denglu .content .right .box .code_con .fresh{width:48%;} .denglu .content .right .box .code_con .fresh img{width:70%;} .denglu .content .right .box .fun{margin-top:40px;} .denglu .content .right .box .fun i{font-size:16px;} .denglu .content .right .box .login_page_btn{background:#285e98; color:#fff; border-radius:5px; text-align:center; border:none; display:block; width:100%; line-height:40px; cursor:pointer; margin-top:40px;} .denglu .close{position:absolute; top:30px; right:30px; cursor:pointer;} .denglu .close:hover{font-weight:bold;} .denglu.cur{display:block;} /* 棣栭〉鍑哄満鍔ㄧ敾 */ .home-intro {position:fixed; top:0; right:0; bottom:0; left:0; background:#fff; z-index:12; opacity:1; visibility:visible; pointer-events:none; } @media (min-width:992px) { .home-intro {display:block;} } .home_icon_wrap {position:absolute; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; margin:0 auto;} .home_icon {width:237px; height:44px; margin:0 auto; display:block; opacity:0;} /* 鍏ㄧ珯鎼滅储 */ body .searchArea{padding:0px 0 60px} body .searchArea .content_form .form_box .search .btn_wrap .btns{transition:all 0.5s ease;} body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:#285e98;} body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:#285e98;border-color:#285e98;} body .resultArea #botBtn a::before{background:#285e98;} /* 2021-0726 绗竴娆′慨鏀 */ .pro_detail03 .content .right_pc{display:block;} .pro_detail03 .content .right_mobile{display:none;} .pro_detail03 .content .left{height:40%; width:26%; margin-right:2%;;} .pro_detail03 .content .center{height:40%;} .pro_center .banner_mouse{position:fixed; left:50%; margin-left:-12px; bottom:50px;;} .pro_center .pro_img{opacity:0; visibility:hidden; transition:all 1s ease; transform:translateY(20px); margin-left:-394px; margin-top:-238px;} .pro_center .pro_img.cur{opacity:1; visibility:visible; transform:translateY(0px);} .qysl01 .infor .tit, .qysl02 .left .infor .t, .qysl03 .left .infor .tit, .qysl04 .infor .tit, .qysl05 .left .infor .tit{transition:all 0.5s ease;} .culture01 .right .intro .box .con, .culture01 .right .intro .box .list li .num span, .culture02 .infor .tit, .culture03 .item .right .tit{transition:all 0.5s ease;} .pro_detail02 .content .right .r_bott li{padding-right:40px;} /* 鎴戞槸涓嬫媺 */ .header .h_me{position:relative;} .header .h_me .h_me_down{position:absolute; width:144px; top:100%; left:50%; margin-left:-72px; background:#282828; display:none;} .header .h_me .h_me_down ul{padding:20px;} .header .h_me .h_me_down li{font-size:15px; line-height:30px; margin-bottom:10px;} .header .h_me .h_me_down li:last-child{margin-bottom:0;} .header .h_me .h_me_down li a{color:#fff;} .header .h_me .h_me_down li i.li_icon{display:inline-block; vertical-align:middle; width:23px; height:19px;} .header .h_me .h_me_down li span{display:inline-block; vertical-align:middle; color:#fff; transition:all 0.5s ease;} .header .h_me .h_me_down li:hover span{color:#285e98;} .activity02 ul .li_ .li_bott{height:142px;} .activity02 ul .li_ .li_bott .box{padding:90px 40px 25px 35px;} .activity02 ul .li_ .li_bott .box .tit{height:27px; white-space:nowrap; display:block;} .contact_us01 .left{width:26%;} .contact_us01 .right{width:70%;} .ipart02 .center .bd .intro ul{text-align:center;} .ipart02 .center .bd .intro li{float:none; display:inline-block; margin:0; padding:0 2%;} /* 2021-0728 */ .pageFooter .f_top .right .addr{width:100%; margin-left:0;} .pageFooter .f_top .right{margin-top:24px;} .about_us01 .content .right{width:41%;} .about_us01 .content .right .intro .t{width:100%;} .ipart01 .left .box .list li{width:25%;} .about_us02 .infor .tit{width:auto;} .culture04 .item .box .txt{text-align:left;} /* 閰嶄欢涓績 绗竴閮ㄥ垎淇敼 */ .parts_cen .parts_cen01 .box{position:relative;} .parts_cen .parts_cen01 .right{width:55%; margin-right:150px; height:372px; margin-top:52px;} .parts_cen .parts_cen01 .right .img_{display:block;} .parts_cen .parts_cen01 .box_nav{width:61px; height:259px; background:url(../images/peijian01_4.png) no-repeat center; position:absolute; right:-200px; top:50%; margin-top:-130px; cursor:pointer; } .parts_cen .parts_cen01 .content{position:relative; overflow:hidden;} .parts_cen .parts_cen01 .content .canshu .item{position:absolute; left:60px; right:60px; top:100%; transition:all 0.5s ease; opacity:0; visibility:hidden;} .parts_cen .parts_cen01 .content .canshu .item .close{width:22px; height:22px; background:url(../images/about_close.png) no-repeat center; position:absolute; right:5px; top:5px; cursor:pointer; transition:all 0.5s ease;} .parts_cen .parts_cen01 .content .canshu .item .close:hover{transform:rotateZ(180deg);} .parts_cen .parts_cen01 .right .img_.cur .box_nav{display:block;} .parts_cen .parts_cen01 .content .canshu .item.on{top:50%; transform:translateY(-50%); opacity:1; visibility:visible;} /* 2021-0729 */ /* .qysl{position:relative; z-index:2; background:#fff} .qysl01{position:relative; z-index:2; background:#fff;} .qysl02{position:relative; z-index:2; background:#fff;} */ .qysl02 .right{position:relative} .qysl02 .right .big_img{width:100%; height:100%; position:absolute; left:0; top:0; display:none; overflow:hidden;} .qysl02 .right .big_img .bg{width:100%; height:100%; background:url(../images/black.6.png) center; position:absolute; left:0; top:0;} .qysl02 .right .big_img .close{width:22px; height:22px; background:url(../images/about_close.png) no-repeat center; position:absolute; right:10px; top:10px; cursor:pointer; transition:all 0.5s ease;} .qysl02 .right .big_img .img_{position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);transition:all 0.5s ease;} .qysl02 .right .big_img .close:hover{transform:rotateZ(180deg);} /* .qysl03{position:relative; z-index:2;} */ .qysl04{position:relative; background:#fff;} .qysl04 .qysl_video{position:absolute; left:0; top:0; width:100%; height:100%;} .qysl04 .wrap{position:relative; z-index:2;} .qysl05 .right .rect-106{padding-bottom:72%;} .qysl05:after{display:none;} .album_wrap_case4 .album_case4 .right_btn .btn_box:hover:hover{background:#285e98;} .pro_center .pro_content .left .tit{font-size:40px; line-height:40px;} .pro_center .pro_content .right .info .c{font-size:30px; line-height:30px;} .pro_center .pro_content .center{margin:0 5%;} /*搴曢儴婕傛诞 widgets_foot_float_4 */ .widgets_foot_float_1{position:fixed; right:0; bottom:0; width:100%; z-index:6; transition:all ease .5s; -webkit-transform:translateZ(0); background:#121212; background:rgba(18,18,18,0.85);} .widgets_foot_float_1 .content{position:relative; height:60px; overflow:hidden;} .widgets_foot_float_1 .wrap{position:relative;} .widgets_foot_float_1 .left{width:79%; float:left;} .widgets_foot_float_1 .left .float_ewm{float:right; padding:13px 21px; cursor:pointer; position:relative } .widgets_foot_float_1 .left .float_ewm .icon{width:34px; height:34px; background:url(../images/widgets_foot_float_1_01.png) no-repeat center;} .widgets_foot_float_1 .left .float_ewm .ewm_img{width:150px; height:150px; position:absolute; bottom:100%; right:0%; display:none;} .widgets_foot_float_1 .left .float_txt{font-size:15px; color:#fff; line-height:34px; text-transform:uppercase; margin-right:30px; float:left; padding:13px 0;} .widgets_foot_float_1 .left .float_txt span{font-size:18px; margin-right:10px; font-weight:bold; color:#285e98} .widgets_foot_float_1 .right{width:21%; float:right; background:#285e98; padding:16px 0; opacity:1; visibility:visible; transition:all 0.5s ease .3s;} .widgets_foot_float_1 .right ul{height:28px;} .widgets_foot_float_1 .right li{width:25%; float:left;} .widgets_foot_float_1 .right li a{display:block;} .widgets_foot_float_1 .right li i{display:block; width:39px; height:28px; background:url(../images/foot_float01_1.png) no-repeat center; margin:0 auto;} .widgets_foot_float_1 .right li i.icon01{background-position:0 0;} .widgets_foot_float_1 .right li i.icon02{background-position:-39px 0;} .widgets_foot_float_1 .right li i.icon03{background-position:-78px 0;} .widgets_foot_float_1 .right li i.icon04{background-position:-117px 0;} .widgets_foot_float_1 .menu_btn {position:absolute; top:0; right:0; margin-right:-60px; width:60px; height:60px; cursor:pointer;} .widgets_foot_float_1 .menu_btn .btn_ico {display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:transparent; } /*鐐瑰嚮鍏抽棴*/ .widgets_foot_float_1.floatBClosed {width:0; padding-right:60px; overflow:hidden;} .widgets_foot_float_1.floatBClosed .content{width:0; transition:all 0.5s ease;} .widgets_foot_float_1.floatBClosed, .widgets_foot_float_1.show {z-index:30;} .widgets_foot_float_1.floatBClosed .menu_btn {left:0; right:auto;} .widgets_foot_float_1.floatBClosed .menu_btn .btn_ico{background:url(../images/foot_float01_3.jpg) 0 0 no-repeat;} .widgets_foot_float_1.floatBClosed .right{opacity:0; visibility:hidden;} .widgets_foot_float_1.expanded .menu_btn .btn_ico{background:url(../images/foot_float01_3.jpg) -60px 0 no-repeat;} /* 搴曢儴婕傛诞杞挱 */ .widgets_foot_float_1 .left .float_txt{width:70%;} .widgets_foot_float_1 .left .float_txt .inotice_tag, .widgets_foot_float_1 .left .float_txt .inotice_list_con, .widgets_foot_float_1 .left .float_txt .inotice_cell { height:34px; line-height:34px; } .widgets_foot_float_1 .left .float_txt .inotice_list_con { position:relative; overflow:hidden; padding-right:34px;} .widgets_foot_float_1 .left .float_txt .inotice_cell{ height:auto; } /* .widgets_foot_float_1 .left .float_txt .inotice_list {width:75%;} */ .widgets_foot_float_1 .left .float_txt .inotice_list {width:528px;} .widgets_foot_float_1 .left .float_txt .inotice_list_con .arrs{position: absolute; right:0; top:10px; width:11px; height:7px; transition:0s; cursor:pointer;} .widgets_foot_float_1 .left .float_txt .inotice_list_con .arrs.arr_prev{background:url(../images/arr_prev.png) no-repeat; background-position:0 0;} .widgets_foot_float_1 .left .float_txt .inotice_list_con .arrs.arr_prev.cur{background-position:0 -7px;} .widgets_foot_float_1 .left .float_txt .inotice_list_con .arrs.arr_next{top:20px; background:url(../images/arr_next.png) no-repeat;} .widgets_foot_float_1 .left .float_txt .inotice_list_con .arrs.arr_next.cur{background-position:0 -7px;} .widgets_foot_float_1 .left .float_txt .inotice_tt { padding-right:4%; width:80%; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .widgets_foot_float_1 .left .float_txt .date{ float:left; width:16%; font-size:12px; opacity:0.7;} @media only screen and (max-width: 1240px){ .widgets_foot_float_1 {display:none;} } /* 2021-0730 */ .ipart01 .item_box .item .icon{width:70px; height:73px;} /* 2021-0802 */ .pro_detail03 .content .center .img .img_text{font-size:16px; color:#fff; text-align:center;} .qysl02 .right .big_img .close{display:none;} .qysl01 .owl-carousel .owl-stage-outer{overflow:hidden; padding-bottom:0;} .qysl01 .owl-nav{width:100%; left:0; bottom:0%; text-align:center; margin-top:30px;} .qysl01 .owl-nav div{font-size:30px; line-height:30px; display:inline-block; margin:0 20px;} .qysl01 .owl-nav div.disabled{opacity:0.6;} .qysl01 .owl-nav div i{margin:0; color:#555; font-weight:bold;} .qysl01 .owl-nav .owl-prev{left:0;} .qysl01 .owl-nav .owl-next{right:0;} .qysl01 .content .item .intro .box{padding:20px 50px;} .qysl01 .content .item .intro .box .t{margin-bottom:0;} .qysl01 .content .item .intro .box .t{font-size:25px;} /* 2021-0804 */ .ipt2_l{float:left; width:15%; height:621px; background:url(../images/ipt2_l01.png) no-repeat left center; margin-top:100px;} .ipt2_l ul{padding-top:130px;} .ipt2_l li{cursor:pointer; line-height:80px; position:relative; width:100%; margin:5px 0;} .ipt2_l li::after{content:''; width:271px; height:100%; position:absolute; left:0; bottom:0; transition:all 0.5s ease; background:url(../images/ipt2_l02.png) no-repeat left center; opacity:0; visibility:visible; pointer-events:none;} .ipt2_l li .box{position:relative; z-index:2;} .ipt2_l li span{width:72px; display:inline-block; text-align:center;margin-right:10px; color:#fff; font-size:16px; transition:all .5s; -moz-transition:all .5s;-webkit-transition:all .5s; -o-transition:all .5s} .ipt2_l li span i{display:none;} .ipt2_l li span i img{vertical-align:middle;} .ipt2_l li .p{display:inline-block; color:#fff; font-size:16px;} .ipt2_l li.cur:after{opacity:1; visibility:visible;} .ipt2_l li.cur span i{display:block;} .ipt2_l li.cur .p{font-weight:bold;} .ipt2_l li.li01{margin-left:50px;} .ipt2_l li.li02{margin-left:20px;} .ipt2_l li.li03{margin-left:5px;} .ipt2_l li.li04{margin-left:20px;} .ipt2_l li.li05{margin-left:50px;} .ipt2_l li.li06{margin-left:60px;} .ipt2_c {width:50%; margin:0 5%; float:left; padding-top:150px;} .ipt2_c .hd{position:relative; height:503px;} .ipt2_c .hd ul{position:relative; height:503px;} .ipt2_c .hd li{width:100%; height:100%; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.7s ease; transform:translateX(100px);} .ipt2_c .hd li.lunbo{padding-bottom:30px;} .ipt2_c .hd li.cur{opacity:1; visibility:visible; transform:translateX(0px);} .ipt2_c .hd li img{margin: 0 auto;display: block;} /* .ipt2_c .hd .lunbo{padding-bottom:30px;} */ .ipt2_c .hd .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-20px; left:0%; width:100%; text-align:center;} .ipt2_c .hd .owl-carousel .owl-dot{width:16px; height:16px; margin:0 5px;border-radius:30px; display:inline-block; background:#fff; transition:all 0.5s ease;} .ipt2_c .hd .owl-carousel .owl-dot.active{background:#285e98; width:40px;} .ipt2_c .bd{margin-top:40px;} .ipt2_c .bd .intro ul{text-align:center; font-size:0;;} .ipt2_c .bd .intro li{display:inline-block; width:29%; padding:0 2%; color:#fff; position:relative} .ipt2_c .bd .intro li .box{padding:0 20%; text-align:center;} .ipt2_c .bd .intro li .txt{font-size:15px; line-height:23px;} .ipt2_c .bd .intro li .tit{font-size:30px; line-height:32px; font-family:Impact;} .ipt2_c .bd .intro li:after{content:''; width:22px; height:60px; background:url(../images/common_share_line.png) no-repeat center; position:absolute; right:-20px; top:50%; margin-top:-30px;} .ipt2_c .bd .intro li:last-child:after{display:none;} .ipt2_r{float:right; width:15%; position:relative; height:852px;} .ipt2_r:after{content:''; width:100%; height:100%; background:url(../images/pic_2.png); position:absolute; right:40px; top:-10px; z-index:50; pointer-events:none; transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; -o-transition:1.5s;} .ipt2_r .text{width:270px; position:absolute; top:210px; right:20%; z-index:48;} .ipt2_r .text li{cursor:pointer; height:85px; line-height:85px; text-align:right; background:url(../images/but_bg.png) no-repeat; background-position:270px 0 ; color:#fff; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; font-size:16px;} .ipt2_r .text li.li01 {margin-right:10px;} .ipt2_r .text li.li02 {margin-right:20px;} .ipt2_r .text li.li03 {margin-right:30px;} .ipt2_r .text li.li04 {margin-right:40px;} .ipt2_r .text li.li05 {margin-right:50px;} .ipt2_r .text li span{display:inline-block; vertical-align:middle;} .ipt2_r .text li i{display:inline-block; vertical-align:middle; margin-left:15px; width:0; overflow:hidden; transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s} .ipt2_r .text li div{padding-right:20px;} /* .ipt2_r .text li.li02 div{padding-right:40px;} .ipt2_r .text li.li03 div{padding-right:50px;} .ipt2_r .text li.li04 div{padding-right:60px;} .ipt2_r .text li.li05 div{padding-right:70px;} */ .ipt2_r .text li:hover{color:#285e98;background-position: right center;} .ipt2_r .text li:hover i{width:26px;} /* .ipt2_r .text li:nth-child(1):hover{background-position:0 0;} .ipt2_r .text li:nth-child(2):hover{background-position:0 0;} .ipt2_r .text li:nth-child(3):hover{background-position:0 0;} .ipt2_r .text li:nth-child(4):hover{background-position:0 0;} .ipt2_r .text li:nth-child(5):hover{background-position:0 0;} */ .ipt2_r .menu_lf img{display:inline-block; vertical-align:-8px;} .ipt2_r .text img{display:inline-block; vertical-align:0;} .ipt2_r .car{width:976px;position:absolute;top:0;left:470px;} .ipart01 .left .box .list li .text{font-size:13px; line-height:20px;} .about_us01 .infor .con_r{margin-top:20px;} .contact_us01 .left{width:28%; height:750px;} .contact_us01 .right .map{height:750px;} .contact_us01 .left .box .anniu{width:100%; height:54px; line-height:54px; background:#747474; font-size:18px; color:#fff; text-align:center; margin-top:20px;} .contact_us01 .left .box .anniu a{display:block;} .sale_net01 .left{width:45%; float:left;} .sale_net01 .left .li_{width:49%; margin-right:2%; background:#7E7E7E;} .sale_net01 .left .li_two{margin-right:0;} .sale_net01 .left .li_ .box{padding:40px;} .sale_net01 .right{width:45%; float:right;} .sale_center .sale_center03{position:relative; background:none; padding:0;} .sale_center03 .wenzi{position:absolute; left:0; top:70px; width:100%; height:100%; z-index:2;} .sale_center03 .infor{width:40%; transition:all 0.5s ease} .sale_center03 ul li{animation: point 1s ease infinite alternate; position:absolute; z-index:9;transform-origin: center center; cursor: pointer; border-radius:50%;} .sale_center03 ul li:nth-of-type(2) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .sale_center03 ul li:nth-of-type(3) { animation-delay: 1s; -webkit-animation-delay: 1s; } .sale_center03 ul li:nth-of-type(5) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } .sale_center03 ul li:nth-of-type(8) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } .sale_center03 ul li:nth-of-type(10) { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .sale_center03 ul li:nth-of-type(11) { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; } @keyframes point { from { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); opacity: 0.7; } to { transform: scale(1.6); -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); opacity: 0.4; } } /* .honor_img #certify .swiper-slide{height:420px;} */ .ipt2_l{margin-left:2%; width:18%; background: url(../images/ipt2_l01.png) no-repeat left 10px center;} .ipt2_l ul{padding-top:105px;} .ipt2_r .text{right:25%;} .ipart01 .left .box .list li{width:auto; padding-right:15px;;} .ipart01 .left .box .list li:last-child{padding-right:0;} .dangjian_con1{background:url(../images/party_bg1.jpg) no-repeat; font-size:15px; background-size:contain; padding-bottom:19%; height:0; position:relative; line-height:30px;} .dangjian_con1 .text{position:absolute; top:50%; transform:translateY(-50%); right:10%; left:25%;} .dangjian_buchong{margin-bottom:50px;} .qysl02 .right .li_ video{position:absolute; left:0; bottom: 0; width:100%; height:100%;} .qysl02 .right .li_ img{transition:all 0.5s ease;;} .qysl02 .right .li_.no img{opacity:0; visibility:hidden; pointer-events:none;} .ibanner{position:fixed; width:100%; left:0; top:0; height:100%;} .ipart{margin-top:897px; position:relative; z-index:2;;} .pageFooter .common_share{z-index:2;} .ibanner .iban_word{height:auto;} .qysl05{background:url(../images/qysl05_bg.jpg) no-repeat center; background-size:cover;} .qysl04{padding:70px 0 60px;} .ipart01 .left .box .list li{padding-right:30px;} .ipart02{height:800px;} /* .ipart03{padding-top:40px;} */ .news_detail01 .right .box{padding-right:0;} .ipart01 .left .box .list li{width:33%; padding-right:0;;} .ipart01 .right{background:#fff;} .header .h_tools .h_lan .lan_down ul>li a img{display:none;} .header .h_tools .h_lan .lan_down ul>li a {text-align:center;} .header .h_tools .h_lan .lan_down{width:100px; margin-left:-50px;;} /* 2021-0810 */ .ipart{z-index:9;} .pageFooter{z-index:9;} .widgets_foot_float_1{z-index:10;} .xc_banner .intro .tit{font-weight:normal;} /* 2021-0812 */ .peijian_cen01 .left .l_top .intro .tit{font-size:30px;} .peijian_cen01 .left .l_top .intro{width:100%; box-sizing:border-box; text-align:center;} .dangjian_con1{display:none;} /*-------------------------------------*/ /*honor2*/ .honor2{padding: 100px 0 60px;background-color: #F9F9F9;} .honor2 .rect-137{ padding-bottom: 137%; } .honor2 .left{width:41%; background:url(../images/honor2_01.jpg) no-repeat center; background-size:cover; height:724px;} .honor2 .left .box{padding:75px 65px 0;} .honor2 .left .box .img_ {background:url(../images/honor2_03.jpg) no-repeat center; background-size:cover;} .honor2 .left .box .img_ .rect-94{padding-bottom:94%; text-align:center;} .honor2 .left .box .img_ .img_span{display:inline-block; margin-top:16%; transition:all 0.5s ease; padding:0 7%;} .honor2 .left .title{text-align:center; background:#000; height:70px; line-height:70px; font-size:18px;color:#fff;} .honor2 .right{width:59%; height:724px; background:url(../images/honor2_02.jpg) no-repeat center; background-size:cover;} .honor2 .right .box{padding:106px 35px 70px 65px; color:#fff;} .honor2 .right .box .infor .tit{font-size:40px; line-height:45px; margin-bottom:20px;} .honor2 .right .box .infor .con{font-size:16px; line-height:30px; margin-bottom:40px;} .honor2 .right .list{height:384px; overflow:hidden; margin-bottom:14px; padding-right:4%; position:relative;} .honor2 .right .list li{margin-bottom:14px; float:left; margin-right:3%; width:30%; cursor:pointer; background:url(../images/honor2_04.jpg) no-repeat center;} .honor2 .right .list .img_box{height:178px; text-align:center; position:relative; overflow:hidden;} .honor2 .right .list .img_box img{height:110px; margin-top:25px; padding:0 10%;} .honor2 .right .list.scrollbar-ui .scroll_slider{background:#dbd6d1} .honor2 .right .list .img_title{display:none;} @media only screen and (max-width:1860px){ /* 2021-812 */ .honor2 .left .box .img_ .img_span{margin-top:12%;} } @media only screen and (max-width: 1712px) { /* 20210812 */ .honor2 .right .list .img_box img{height:120px; padding:0 5%;} } @media only screen and (max-width:1530px){ /* 20210812 */ .honor2 .left{height:630px;} .honor2 .right{height:630px;} .honor2 .right .box{padding:70px 35px 70px 60px;} .honor2 .right .list .img_box img{height:110px; padding:0 5%; margin-top:30px;} } @media only screen and (max-width:1441px){ /* 2021-0812 */ .honor2 .left{height:542px;} .honor2 .right{height:542px;} .honor2 .right .box{padding:40px 35px 40px 60px} .honor2 .right .box .infor .tit{font-size:30px; line-height:35px; margin-bottom:10px;} .honor2 .right .box .infor .con{margin-bottom:25px;} .honor2 .right .list li{background-size:100% 100%;} .header .h_tools .h_lan{ margin-left: 30px; } } @media only screen and (max-width:1400px){ /* 2021-0812 */ .honor2 .right .list{height:348px;} .honor2 .right .list .img_box{height:160px;} .honor2 .right .list .img_box img{height:95px; margin-top:30px;} } @media only screen and (max-width: 1240px){ .honor2 .left{ display: none; } .honor2 .right{ width: 100%; min-height: 0; height: auto; } .honor2 .box{ padding: 4%; } } @media only screen and (max-width: 760px){ /* 2021-0812 */ .honor2 .right .box{padding:30px;} .honor2 .right .box .infor .tit{font-size:20px; line-height:24px;} .honor2 .right .box .infor .con{font-size:14px; line-height:25px; margin-bottom:15px;} .honor2 .right .list{height:280px;} .honor2 .right .list li{width:48%; margin-right:2%; margin-bottom:10px;} .honor2 .right .list .img_box img{height:86px; margin-top:15px;} .honor2 .right .list .img_box{height:130px;} } /* 2021-0816 */ .ibanner .ibanVideo_btn{bottom:80px;} /* 2021-0820 */ .dangjian{padding-top:80px;} .dangjian_nav.xc_nav .content{background:none; top:-75px; height:75px;} .dangjian_nav.xc_nav .left{margin-top:0;} .dangjian_nav.xc_nav .left li.cur{color:#fff; font-weight:bold;} .dangjian_nav.xc_nav .left li:hover{color:#fff; font-weight:bold;} .dangjian_nav.xc_nav .left li a:hover{color:#fff;} .dangjian_nav.xc_nav .left li a:after{bottom:1px; background:#fff; height:2px;} .dangjian_nav.xc_nav .right{margin-top:20px;} .sale_center02 .content .intro{background:none;} .sale_center02 .img_{overflow:hidden;} .sale_center02 .img_:after{content:''; width:1031px; height:100%; background:url(../images/sale_center02_new.png) no-repeat center; position:absolute; right:0; top:0; z-index:3;} .sale_center02 .content{z-index:4;} #earth:after{content:''; width:49px; height:34px; background:url(../images/pro_center01_new.png) no-repeat center; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-17px; } /* 2021-0823 */ .widgets_right_nav_4 .lnb .lnb_bott .con ul li a .icon{display:inline-block; width:24px; height:24px;} /* 2021-0825 */ .honor2 .right .box .infor .con{font-size:0!important;} /* 20210902 */ .peijian_cen01 .content{background:url(../images/peijian.jpg) no-repeat center;} .parts_cen .parts_cen01 .right{height:478px; width:70%; margin:0; } .peijian_cen01 .right .img_{height:100%;} .peijian_cen01 .right .img_ .owl-carousel{height:100%;} .peijian_cen01 .right .img_ .owl-carousel .owl-stage-outer{height:100%;} .peijian_cen01 .right .img_ .owl-carousel .owl-prev{position:absolute; left:0; top:50%; margin-top:-25px; width:50px; height:50px; background:url(../images/qysl05_l.png) no-repeat center; background-size:cover;} .peijian_cen01 .right .img_ .owl-carousel .owl-next{position:absolute; right:0; top:50%; margin-top:-25px; width:50px; height:50px; background:url(../images/qysl05_r.png) no-repeat center; background-size:cover;} /* 2021-0909 */ .pro_detail03 .content .left .intro .con{font-size:16px;} .history01 .right .item .pic{width:79%;} .history01 .right .item .text_box{top:0; bottom:0;} .pro_detail.channel_content{background:url(../images/pro_detail_bg.jpg) no-repeat;} .pro_detail01{height:708px; background:none;} .pro_detail01 .left{padding-top:170px;} .pro_detail01 .left .more_box{display:none;} .pro_detail02{background:none;} .pro_detail02 .content{height:auto; width:100%;} .pro_detail02 .content .left{display:none;} .pro_detail02 .content .right{width:100%; padding:0;} .pro_detail02 .content .right .r_top{background:#282828;} .pro_detail02 .content .right .r_top li:after{width:1px; background:#363636;} .pro_detail02 .content .right .r_top li{padding:0; width:16.6%; float:left; text-align:center; padding:23px 0; transition:all 0.5s ease;} .pro_detail02 .content .right .r_top li:hover{background:#285e98;} .pro_detail02 .content .right .r_top li.cur .img_{background-position:0 0;} .pro_detail02 .content .right .r_top li.cur .tit{color:#fff;} .pro_detail02 .content .right .r_top li .tit{color:#fff;} .pro_detail02 .content .right .r_top li:last-child{width:17%;} .pro_detail02 .content .right .r_top li a{display:block;} .pro_detail02 .content .right .r_bott{padding:0 60px; padding-bottom:30px;} .pro_detail02 .content .right .r_bott .box1{margin-bottom:25px;} .pro_detail02 .content .right .r_top li.cur{background:#285e98;} .pro_detail03{height:auto; padding-bottom:165px; background:none;} .pro_detail03 .content{height:600px; box-sizing:border-box; padding-top:80px;} .pro_detail03 .content .left{height:50%;} .pro_detail03 .content .center{height:70%;} .pro_detail03 .content .center .img .img_text{display:none;} .pro_detail03 .pro_adv{padding-bottom:0; background:#000;} .pro_detail03 .pro_adv .tit{font-size:34px; color:#fff; margin-bottom:30px; padding-top:20px;} .pro_detail03 .pro_adv .con ul .li_{float:left; margin-bottom:20px; width:40%;} .pro_detail03 .pro_adv .con ul .li_ .num{font-size:26px; color:#fff; font-family:Impact; display:inline-block; margin-right:15px; vertical-align:15px;} .pro_detail03 .pro_adv .con ul .li_ .txt{display:inline-block; color:#afafaf; font-size:15px;} .pro_detail03 .pro_adv .con ul .li_ .txt span{color:#fff; font-size:20px; line-height:24px; display:block;} .pro_detail03 .pro_adv .con ul{display:none;} .pro_detail03 .pro_adv .con ul.cur{display:block;} .pro_det .pro_detail01{background:url(../images/pro_det1_bg.jpg) no-repeat center; height:637px; padding-top:160px;} .pro_det .pro_detail02 .content{width:100%;} .pro_det .pro_detail03{background:url(../images/pro_det3_bg.jpg) no-repeat center;} .pro_det .pro_detail03 .con p{} .pro_det .pro_detail01 .left{padding-top:0;} .pro_det .pro_detail01 .left .infor .tit{font-size:42px; line-height:52px;} .pro_det .pro_detail01 .left .infor .con{font-size:15px; line-height:26px; margin-bottom:100px;} .pro_det .pro_detail01 .left .infor .share .t{font-size:10px; color:#fff; display:inline-block; border-top:1px solid #fff; margin-bottom:10px;} .pro_det .pro_detail01 .left .infor .share .share_box{font-size:22px; color:#fff;} .pro_det .pro_detail01 .left .infor .share .share_box a{display:inline-block; border:1px solid #636363;} .pro_det .pro_detail03{height:auto; padding-top:50px; box-sizing:border-box; padding-bottom:220px; background-size:cover;} .pro_det .pro_detail03 .pro_adv .right .img_{display:inline-block; width:89px; height:37px; vertical-align:middle;} .pro_det .pro_detail03 .pro_adv .tit{font-size:28px; color:#000;} .pro_det .pro_detail03 .pro_adv .left{width:100%;} .pro_det .pro_detail03 .pro_adv .con ul{display:block;} .pro_det .pro_detail03 .pro_adv .con ul .li_ .num{color:#000;} .pro_det .pro_detail03 .pro_adv .con ul .li_ .txt{color:#525252;} .pro_det .pro_detail03 .pro_adv .con ul .li_ .txt span{color:#000;} .pro_det .pro_detail03 .pro_adv .right{width:25%;} .pro_det .pro_detail03 .pro_adv .right .con .txt{display:inline-block; font-size:20px; color:#000;} .pro_det .pro_detail03 .pro_adv .right .con ul li{margin-bottom:25px;} .pro_det .pro_detail03 .pro_adv{background:none;} .pro_det .pro_detail03 .pro_adv .con ul .li_{width:50%;} .pro_detail .datalist{border-color:#4b4b4c;} .pro_detail .datalist tr{background:#0c0c0c;} .pro_detail .datalist .firstRow{background-color:#343434; font-size:15px;} .pro_detail .datalist td{text-align:center; border-color:#4b4b4c; font-size:14px;} /* 2021-0927 */ /* 浜у搧瀵艰埅涓嬫媺 */ .header .pro_down_new{overflow:hidden; position:absolute; z-index:1; width:100%; top:100%; left:0; background: url(../images/pro_down_new.jpg) no-repeat center; display:none;} .header .pro_down_new .left{float:left; width:28%; padding-top:40px; min-height:466px; box-sizing:border-box;} .header .pro_down_new .left ul{position:relative; padding-bottom:30px;} /* .header .pro_down_new .left ul:after{content:''; position:absolute; bottom:0; width:90%; left:0; height:1px; background:#c7c7c9;} */ .header .pro_down_new .left ul li>a{display:block; position:relative;} .header .pro_down_new .left ul li>a .icon{display:inline-block; width:37px; height:23px; padding-right:15px; vertical-align:middle;} .header .pro_down_new .left ul li>a:after{content:''; width:8px; height:15px; background:url(../images/pro_down_jt.png) no-repeat center; position:absolute; right:40px; top:50%; margin-top:-7px; opacity:0; visibility:hidden;} .header .pro_down_new .left ul li{font-size:15px; color:#fff; line-height:45px; padding-left:75px; margin-bottom:10px;} .header .pro_down_new .left ul li:hover{background:#464646; color:#285e98;} .header .pro_down_new .left ul li.cur{background:#464646; color:#285e98;} .header .pro_down_new .left ul li.cur>a:after{opacity:1; visibility:visible;} /* .header .pro_down_new .left ul li.cur>a .icon{background-position:0 -23px;} */ .header .pro_down_new .right{width:72%; float:right;} .header .pro_down_new .right .r_left{width:46%; float:left; min-height:466px;} .header .pro_down_new .right .r_left ul{padding:25px 50px;} .header .pro_down_new .right .r_left .li_{width:32%; margin-right:2%; float:left; position:relative; margin-bottom:10px;} .header .pro_down_new .right .r_left .li_three{margin-right:0;} .header .pro_down_new .right .r_left .li_ a{display:block;} .header .pro_down_new .right .r_left .li_ .intro {display:flex; position:absolute; left:0; bottom:0; width:100%; height:100%; justify-content:center;} .header .pro_down_new .right .r_left .li_ .intro .tit{font-size:18px; line-height:27px; color:#000; font-weight:bold; text-align:center; display:flex; align-items:center;} .header .pro_down_new .right .r_left .li_ .cover {position:absolute; left:0; bottom:0; width:100%; height:100%; justify-content:center; opacity:0; visibility:hidden; transition:all 0.5s ease;} .header .pro_down_new .right .r_left .li_.cur .cover {opacity:1; visibility:visible;} .header .pro_down_new .right .r_left .li_.cur .intro .tit{color:#fff;} .header .pro_down_new .right .r_right{float:right; width:54%; background:url(../images/pro_down_bg.jpg) no-repeat center; min-height:466px; background-size:cover;} .header .pro_down_new .right .r_right ul{padding:23px 35px;} .header .pro_down_new .right .r_right ul li{font-size:15px; line-height:47px; color:#fff;} .header .pro_down_new .right .r_right ul li:hover{color:#285e98;} /* 浜у搧鍒楄〃 */ .pro_list01 .pro_list01_left{width:15.6%; float:left;} .pro_list01 .pro_list01_left ul li{background-size:cover; margin-bottom:13px;} .pro_list01 .pro_list01_right{width:79%; float:right;} .pro_list01 .pro_list01_right .rect-58{padding-bottom:58.23%;} .pro_list01 .pro_list01_right .item{float:left; width:32%; margin-right:2%; margin-bottom:40px; position:relative; transition:all 0.5s ease;} .pro_list01 .pro_list01_right .item:after{content:''; width:0%; height:3px; background:#285e98; position:absolute; left:0; bottom:0; transition:all 0.5s ease;} .pro_list01 .pro_list01_right .item:nth-child(3n){margin-right:0;} .pro_list01 .pro_list01_right .item .item_box{border:1px solid #d2d2d2; padding:40px 30px;} .pro_list01 .pro_list01_right .item .item_box .tit{font-size:16px; line-height:1.75; color:#323232; text-align:center; margin-bottom:45px;} .pro_list01 .pro_list01_right .item .item_box .tit span:first-child{font-size:24px; color:#000; display:block;} .pro_list01 .pro_list01_right .item .item_box .intro{margin-top:35px; text-align:center;} .pro_list01 .pro_list01_right .item .item_box .intro .t{font-size:22px; font-weight:bold; border-bottom:1px solid #d2d2d2; padding:20px 0 10px;} .pro_list01 .pro_list01_right .item .item_box .intro .t span{font-size:14px; color:#285e98; font-weight:normal;} .pro_list01 .pro_list01_right .item .item_box .intro .c ul li{width:48%; text-align:center;} .pro_list01 .pro_list01_right .item.one .item_box .intro .c ul li.li01{width:100%;} .pro_list01 .pro_list01_right .item.one .item_box .intro .c ul li.li02{display:none} .pro_list01 .pro_list01_right .item .item_box .intro .c ul li .num{color:#464646; font-size:24px; line-height:25px;} .pro_list01 .pro_list01_right .item .item_box .intro .c ul li .txt{color:#000; color:rgba(0,0,0,.6); font-size:15px;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box{margin:20px 0 10px;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box a{display:inline-block; border:1px solid #285e98; font-size:14px; transition:all 0.5s ease; margin-top:20px;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box a span{height:44px; line-height:44px; position:relative; z-index:2; display:inline-block; color:#333;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box a.btn1{margin-right:15px;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box a:hover{border-color:#285e98; background:#285e98;} .pro_list01 .pro_list01_right .item .item_box .intro .btn_box a:hover span{color:#fff;} .pro_list01 .pro_list01_right .item:hover{box-shadow:0 0 15px rgba(0,0,0,.2);} .pro_list01 .pro_list01_right .item:hover:after{width:100%;} .pro_det .pro_detail01 .add{position:absolute; left:0; bottom:0; width:100%; height:100%;} .pro_det .pro_detail01 .add_dot{position:absolute; width:40px; height:40px; background:url(../images/add.png) no-repeat center; cursor:pointer;} .pro_det .pro_detail01 .add_dot .box{display:none;} /* 20210928 */ .xc_nav .left li{padding-right:60px;} .pro_list01 .pro_list01_left .common_more{display:inline-block; border:1px solid #285e98;} .pro_list01 .pro_list01_left .common_more span{color:#000; transition:all 0.5s ease;} .pro_list01 .pro_list01_left .common_more:hover span{color:#fff;} .pro_list01 .pro_list01_right .common_more{width:130px;} .pro_list01 .pro_list01_left ul li .common_more{margin-top:0;} .pro_list01 .pro_list01_left ul li.cur .common_more:after{transform:scale(1); width:120%; left:-10%;} .pro_list01 .pro_list01_left ul li.cur .common_more .icon1{left:-27px;} .pro_list01 .pro_list01_left ul li.cur .common_more .icon2{right:-9px;} .pro_list01 .pro_list01_left ul li.cur .common_more span{color:#fff;} .pro_list01 .pro_list01_left ul li .common_more{width:100%;} .header .pro_down_new .wrap{margin-right:0;} .header .pro_down_new .left{width:26%;} .header .pro_down_new .right{width:74%;} .header .pro_down_new .right .r_left{width:40%;} .header .pro_down_new .right .r_right{width:59%;} .header .dropdown .left ul li{line-height:39px;} .ipt2_l ul{padding-top:60px;} .ipt2_l li.li01{margin-left:-10px;} .ipt2_l li.li02{margin-left:0px;} .ipt2_l li.li03{margin-left:10px;} .ipt2_l li.li04{margin-left:20px;} .ipt2_l li.li05{margin-left:30px;} .ipt2_l li.li06{margin-left:50px;} .ipt2_r:after{background:url(../images/pic_2.png) no-repeat; right:-70px; top:70px;} .ipt2_r .text{top:180px;} .pageFooter .f_top .left{width:68%;} .pro_center .pro_content .right .info .c{font-size:25px;} .rc_banner .banner_mouse{position:absolute; left:50%; margin-left:-11px; bottom:40px;} body .share-more-box .sharetit-box .share-more-close{ background: url(../images/pop_c.gif) 0 0 no-repeat;} .pro_det .pro_detail01 .left .infor .share .share_box a{background:none; padding-left:0; float:left; font-size:22px; height:40px; line-height:40px;} .pro_det .pro_detail01 .left .infor .share .share_box a:hover{color:#285e98;} body #map-254{height:750px!important;} .pro_detail03 .pro_adv .con ul .li_{width:47%;} /* 2021-1009 */ .pro_det .pro_detail03 .pro_adv .con ul .li_{overflow:hidden;} .pro_det .pro_detail03 .pro_adv .con ul .li_ .num{float:left; line-height:26px; vertical-align:top;} .pro_detail03 .pro_adv .con ul .li_ .txt{float:left; font-size:18px; line-height:24px; height:83px; width:86%;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .pro_detail03 .pro_adv .con ul .li_ .txt span{font-size:22px; margin-bottom:10px;} .pro_detail .pro_detail03 .pro_adv .con ul .li_{overflow:hidden;} .pro_detail .pro_detail03 .pro_adv .con ul .li_ .num{float:left; line-height:26px; vertical-align:top;} /* 2021-1013 */ body .content-277 .Form-P1 .Form-P1-li .Validform_checktip{right:126px; background:none;} /* 2021-1223 */ .download01 .download_item{height: 132px;line-height: 132px;border-bottom: 1px solid #f1f1f1; padding-left:3%; box-sizing:border-box; transition:all 0.5s ease;} .download01 .download_item:hover{ background-color: #eef2f4;} .download01 .download_btn{ width: 8%; height: 100%;} .download01 .download_btn i{color: #285e98;font-size: 26px;} .download01 .download_title{ width: 74%; font-size: 18px; color: #555;} .download01 .download_title h3{ font-weight: normal;} .download01 .download_date{ width: 12.5%; height: 100%; padding-right: 5%; text-align: right; color: #929292;} .download01 .download_date .center_box{ display: inline-block; vertical-align: middle;} .download01 .download_date span{ display: block; padding-right: 3px; font-size: 16px; line-height: 14px; margin-bottom:5px;} .download01 .download_date strong{ display: block; font-size: 32px; line-height: 32px; font-weight: normal;} .download01 .download_item:hover .download_title, .download01 .download_item:hover .download_date{ color: #285e98;}