@charset "utf-8";



html,body { margin:0; padding:0; height:100% }

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}

ul,ol,li,dl,dd,dt{list-style-type:none;}

select,input,img,select,button,textarea{vertical-align:middle;font-size:0.16rem; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }

a {color:#333;text-decoration:none;}

a:hover{ text-decoration:none; color:#007dbf}

*:focus {outline:none !important;text-decoration:none !important}



html{display:block;webkit-text-size-adjust: none;}

body{background:#fff;color:#333;font-size:0.16rem; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; /*overflow:hidden;*/ }


/**/
::-webkit-scrollbar {width:8px;background:none; border:none;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#f7f7f7;border-radius: 8px}
::-webkit-scrollbar-corner {background:none;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:5px;}


html{font-size: 100px;}

@media (max-width: 1366px){html{font-size: 94px;}}

@media (max-width: 1199px){html{font-size: 88px;}}

@media (max-width: 991px){html{font-size: 76px;}}

/*

@media (max-width: 639px){html{font-size: 60px;}}

*/

@media (max-width: 359px){html{font-size: 48px;}}



h2, .h2 {font-size: 0.36rem;}

h3, .h3 {font-size: 0.26rem;}



@font-face {

  font-family: 'iconfont';  /* project id 1473672 */

  src: url('/other/font_1473672_n6mh4a7j8c8.eot');

  src: url('/other/font_1473672_n6mh4a7j8c8.eot?#iefix') format('embedded-opentype'),

  url('/other/font_1473672_n6mh4a7j8c8.woff2') format('woff2'),

  url('/other/font_1473672_n6mh4a7j8c8.woff') format('woff'),

  url('/other/font_1473672_n6mh4a7j8c8.ttf') format('truetype'),

  url('/other/font_1473672_n6mh4a7j8c8.svg') format('svg');

}

.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}





@font-face{font-family:"FjallaOne-Regular";src: url('/other/Oswald-Regular.ttf');}

@font-face{font-family:"Montserrat";src: url('/other/Montserrat-Regular.ttf');}





/* --------------浏览器滚动条----------------------- */

::-webkit-scrollbar {height:11px;width:11px}

::-webkit-scrollbar-button {height:0;width:0}

::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}

::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}

::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}

::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}

::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}

::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}

::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}

::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}

::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}





@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}

@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}

@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}



:-moz-placeholder {color: #aaa;}

::-moz-placeholder {color: #aaa;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}



.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}

.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }

.video-play .box{ width:900px; height:500px; position:relative; z-index:3; margin:0 auto }

.video-play .close-btn{ background:url(/images/close2.gif) no-repeat center center; background-size:60% 60%; display:block; text-indent:-10000px; width:0.5rem; height:0.5rem; position:absolute; right:0.2rem; top:0.2rem; z-index:4;-webkit-transition: -webkit-transform 1s;}

.video-play .close-btn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg); }

#con_video_div{ background:#000}



@media (max-width: 767px) {

	.video-play .box{ width:100%; height:300px;}

	.video-play .close-btn{ right:0.2rem;top:-0.5rem; width:0.3rem; height:0.3rem; background-size:cover}

	#con_video_div{ width:100% !important;height:300px !important}

}



@media (max-width: 767px) {

	.container {padding-right:15px;padding-left: 15px;}

	.row {margin-right: -5px; margin-left: -5px;}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}

}





.b{font-weight:bold}

.red{ color:#ee4433 !important}





.weui-cell{width:100%; height:100%; position: relative;  }

.weui-cell_primary{min-width: 1px; }
.weui-cell_primary2{min-width: 1px;position: absolute; left: 50%;  margin-left: -700px;  top: 50%; margin-top: -170px;  width: 1400px;  height: 240px; /* padding-top: 50%; */ }

.weui-cell__bd{}

.weui-cell__ft{text-align: right; color: #999999;}

.weui-flex{}

.weui-flex__item{}





#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}

#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}

#message .msg a{ text-decoration:underline; color:#0066cc} 

#message .msg a:hover{ color:#ff0000; text-decoration:none}





#header{ height:100px;  width:100%;z-index:999; position:fixed; left:0;top:0; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);}

#header:after {content:"";display:block;width: 100%;height: 100px;  background-color:#fff; position:absolute; left:0;top:0;/*box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.2);*/ }

#header:before {content:"";display:block;width: 100%;height: 300px;background-color:rgba(0,0,0,0.6); position:absolute; left:0;top:100px; display:none}



#header .header-wrapper{ position:relative; z-index:2; padding:0 0.4rem}

#header .logo{ float:left; margin-top:22px; display:block; width:450px; height:65px; background:url(/images/logo.png) no-repeat}

#header .right-link{ position:absolute; right:0;top:0; z-index:3}

#header .right-link a{ display:block; float:left; width:100px; height:100px; background-color:#008bd5; color:#fff; text-align:center; position:relative;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}

#header .right-link a i{ line-height:100px; font-size:0.3rem}

#header .right-link a.weixin-btn{ background:none; color:#888}

#header .right-link .weixin-con{ color:#888; position:absolute; left:-50px; top:120px; background-color:#fff; width:150px; padding:10px; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; opacity:0; visibility:hidden}

#header .right-link .weixin-con:after {content:""; display:block; width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff; position:absolute;top:-8px; right:44px }

#header .right-link .weixin-con img{ width:100%;}

#header .right-link .weixin-con span{ font-size:0.12rem; display:block; text-align:center; padding-bottom:10px}

#header .right-link a.weixin-btn:hover .weixin-con{ visibility:visible;top:110px; opacity:1;}

#header .right-link a.search-btn:hover{ background-color:#e9b82b}



/*

@media (min-width: 1200px) {

	#header:hover{height:350px;}

}

*/





@media (min-width: 1200px) {

	#header.hover{ top:-120px }

	#header.hover .mask{ display:block;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

}





@media (max-width: 1199px) {

	#header .container{ width:100%}

	#header .right-link{ display:none}

}



@media (max-width: 992px) {

	#header{ height:60px; background-color:#fff;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);}

	#header:after{ display:none}

	#header .logo{ background-position:left center; background-size:auto 55%;height:60px;  margin-left:15px; margin-top:0; margin-right:60px; }

	#header .mask{ display:block;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

	#header .header-wrapper{ padding:0; width:100%}

}



@media (max-width: 375px) {

	#header .logo{ background-size:auto 45%;}

}



@media (max-width:1600px){

	#header .right-link .weixin-btn{ display:none}


}







.nav{ height:90px; position:relative; z-index:98; float:right;}

.nav ul{ float:left}

.nav ul li{ float:left; height:90px; position:relative; margin:0px 15px;   }

.nav ul li:first-child a{/* border-left:1px #eee solid*/}

.nav ul li a{ display:block; float:left; height:90px;line-height:90px;color:#222;}

.nav ul li a:hover{ color:#009ee3}

.nav ul li.sub a:hover{ color:#009ee3}

.nav ul li span{ position:relative; z-index:2;padding:0 0.2rem; display:block; font-size:0.16rem; font-weight:bold }

.nav ul li a:after {content:"";display:block; border-radius:2px;background-color:#e50012; background-image: -webkit-linear-gradient(-50deg, #fccf00 0%, #f0600a 46%, #e50012 100%); left:0.2rem; right:0.2rem; height:0px; bottom:-1px;display:block; position:absolute;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }

.nav ul li span.sub-icon:after {content:""; display:inline-block; width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff; margin-left:0.1rem; position:relative;top:-2px }

.nav ul li.search-btn span{ padding:0 20px;}

/*

.nav ul li dl{ position:absolute; left:0;top:100px; width:100%;height:250px; padding:0.2rem 0.2rem; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; }

.nav ul li dl dd a{  border:0 !important; font-size:0.15rem; line-height:0.35rem !important;height:auto !important; float:none !important; padding:0 !important; color:#fff !important; text-align:center }

.nav ul li dl dd a:hover{ text-decoration:underline} 

.nav ul li dl dd a:after { display:none}

*/

.nav ul dl{ opacity: 0;padding-bottom: 0; padding-top: 0; position: absolute; background: 0; top: 0; color: #999; transition: top .3s ease,opacity .4s ease,visibility 0s;    background-color: transparent; margin-left: 3px; -webkit-box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8); -moz-box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8); box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8);}

.nav ul dl:before{ content: ""; display: block; width: 100%; height: 15px; background: url(/other/dropmenu-icon.svg) no-repeat 20px bottom;  background-size: auto 8px;}

.nav ul dl dd{ border-bottom:1px #eee solid; background-color:#fff; min-width:1.4rem;}

.nav ul dl dd a{display: block; font-size:0.15rem; padding:0; height:inherit; float:none;line-height:0.44rem; text-align:center; position:relative; color:#666}

.nav ul dl dd a:before{display: block;content: " "; position:absolute; left:0;top:0; width:0; height:100%; background-color:#0075bf;transition: all 0.3s;  visibility: hidden;}

.nav ul dl dd a:after{ display:none}

.nav ul dl dd a:hover{color:#2d57b6; }

.nav ul dl dd a:hover:before{ width:7px; visibility: visible;}

.nav ul dl dd:last-child{border:0}

.nav ul li.hover dl{top:100px;visibility:visible; opacity:1;}

/*

.nav ul li.hover dl{background:#003e7d;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.nav ul li.hover a{color:#222;}

*/

.nav ul li.hover a:after{height:5px; }



.nav ul li:hover a:after{ left:0; right:0}



.header{position:fixed;left:0;right:0;top:0;z-index:999;height:90px;}
.header.mini{height:90px;background:rgba(255,255,255,0.2);/*-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow: 0 5px 3px rgba(0,0,0,.1);*/}
.header.mini .menu-handler span.line1{ background:#666;}
.header.mini .menu-handler span.line2{ background:#666;}
.header.mini .menu-handler span.line3{ background:#666;}
.header.mini2 .menu-handler span.line1{ background:#666;}
.header.mini2 .menu-handler span.line2{ background:#666;}
.header.mini2 .menu-handler span.line3{ background:#666;}

.header.mini2{height:90px;background:rgba(255,255,255,1);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow: 0 5px 3px rgba(0,0,0,.1);}
.header .header_in{margin: 0 auto;padding: 0px 0.4rem; height: inherit;animation-name:fadeInDown;animation-direction: normal;animation-duration: .5s;animation-delay: .5s;}
.header .header_logo {transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; position: relative;text-align: center;}
.logo{ background:url(/images/logo2.png) no-repeat left top;width:155px; height:70px;position: relative;text-align: center;background-size: 100%;}
.navBox{ float:right; position:relative;   width: 70%;}
.header .navBox .nav_container{ height:90px;}
.header_l{ float:left;display: -webkit-flex; display: flex;justify-content: flex-start;align-items:center; width:50%;    height: 90px;}
.header_menu{ display:block;margin-left:5%; height:80px;}
.nav-btn{ position:relative;}
.menuOpen .logo{ background:url(/images/logo.png) no-repeat left top; background-size:100%;}
.header .header_tools li{font-size: 16px;float: left;text-align: center;color: #fff; cursor: pointer;}
.header .header_tools .fix{position:relative; z-index:2;}
/*.header .header_tools li.search:before{content:""; left:-25px; top:0px; width:1px; height:20px; background:#fff; opacity:.1; position:absolute;}*/
.header .header_tools li.group_box{ line-height:90px;}
.header.mini .header_tools:after{content:""; width:600px; background:#0581ce; height:100%; position:absolute; top:0; left:0; z-index:1;}
.header:hover .header_tools:after{content:""; width:600px;/* background:#15499a;*/ background:#0581ce; height:100%; position:absolute; top:0px; left:0; z-index:1;}
.header .header_tools{  float: right;position: relative;width:8%; /*margin-top: 34px;*/ }
.header .header_tools > div{ float:left; margin:0 10px;}
.header .close{position:absolute; top:35px; right:35px; width:36px; height:36px; background:url(/images/icon_close.png) no-repeat center; cursor:pointer; }
.header .header_tools .search{vertical-align: middle;width:50%; line-height:90px;}
.header .header_tools .navMenu {width:25%;}
.header .header_tools .log{width:50%; position:relative;    }
.header .header_tools .search .icon-sousuo{  color: #fff; font-size: 20px;}
.header .header_tools .log .icon_log{ display:block; width:26px; height:90px; background:url(/images/icon_top.png) no-repeat 0 -72px; cursor:pointer; display: inline-block;vertical-align: middle;}
.header .header_tools .navMenu .icon_menu{ display:block; width:26px; height:90px; background:url(/images/icon_top.png) no-repeat 0 -128px; cursor:pointer;  vertical-align: middle;  margin: 0 auto;}
.header .header_tools .log:after { content: ""; width: 1px; height: 16px; position: absolute;  right: 0; top: 50%;  margin-top: -10px;  background: #fff;}
.header .header_tools .log:before { content: ""; width: 0px; height: 16px; position: absolute;  left: 0; top: 50%;  margin-top: -10px;  background: #fff;}

.header .nav ul li a{ color:#fff;}
.header .nav ul li span{ font-weight:normal;}
.header.mini .nav ul li a{ color:#333;}
.header:hover .nav ul li a{ color:#333;}
.header.mini .header_tools .search .icon_search{  color: #fff; font-size: 20px;}
.header.mini .header_tools .log .icon_log{ display:block; width:26px; height:90px; background:url(/images/icon_top.png) no-repeat 0 -75px; cursor:pointer; display: inline-block;vertical-align: middle;}
.header.mini .header_tools .navMenu .icon_menu{ display:block; width:26px; height:90px; background:url(/images/icon_top.png) no-repeat 0 -132px; cursor:pointer;  vertical-align: middle;  margin: 0 auto;}
.header.mini .header_tools li.group_box{ line-height:75px;}
.header .header_tools .search .pop_search{ position:fixed; top:80px; left:0; right:0; height:200px; background:#bf0000; background-size:cover; display:none; z-index:9;} 
.header .header_tools .search .pop_search .searchBox{position:absolute; left:45px; right:45px; top:50%; margin-top:-37px; border-bottom:1px solid #fff;}
.header .header_tools .search .pop_search .searchBox .search_h{ width:100%; box-sizing:border-box; border:0; padding:15px 85px 15px 85px; font-size:20px; color:#fff; text-align:center; background:none;outline: none;}
.header .header_tools .search .pop_search .searchBox .search_h::-webkit-input-placeholder { color: #fff; } 
.header .header_tools .search .pop_search .searchBox .search_h:-moz-placeholder { color: #fff; } 
.header .header_tools .search .pop_search .searchBox .search_h::-moz-placeholder { color: #fff; } 
.header .header_tools .search .pop_search .searchBox .search_h:-ms-input-placeholder { color: #fff; } 
.header .header_tools .search .pop_search .searchBox .icon_s{position:absolute; top:50%; margin-top:-16px; left:28px; width:31px; height:33px; background:url(/images/icon_search.png) no-repeat center;}
.header .header_tools .search .pop_search .searchBox .search_btn{position:absolute; top:50%; margin-top:-0.75em; right:0; width:80px; text-align:center; color:#fff; font-size:20px; line-height:1.5; cursor:pointer;}
.header .header_tools .log  a {color: #fff;    line-height: 65px; font-size: 14px;}
.header .header_tools .log  a span{line-height:90px; font-size:16px; margin-left: 10px;}
.header .header_tools .log a>div{display:inline; padding-right: 15px;}
.header .header_tools .group { position: relative; padding: 0px 10px 0 10px; float: right; font-size:14px;}
.header .header_tools .group a { background: url(/images/icon_sphy.png) no-repeat center left; padding-left: 30px;}
.header .header_tools .group a:hover{ color:#fff;}
.link_other{ top: 100%;position: absolute;left: 0; width: 600px; background-color:#15499a; text-align: left;
font-size: 16px;padding:20px 25px; display: none;    }
.link_other li{clear:both;display:block;padding-left:25px;height: 50px;line-height: 50px; }
.log:hover .link_other{display:block;}
.log:hover .link_other.show { display: block;}
.log:hover .link_other.show a{ display: block; line-height: 40px;}
.header.mini .header_tools .log a span{line-height:90px;}
.header .header_tools .log .pop_log{ display:none;position:absolute; top:73px; left:50%; margin-left:-47px; width:94px;}
.header .header_tools .log .pop_log li{ margin-bottom:1px;}
.header .header_tools .log .pop_log li a{ line-height:2.5; font-size:16px; display:block; text-align:c; color:#fff; background:#7F5A23; text-align:center;}
.header .header_tools .log .pop_log li a:hover{ background:#710000;}
.header .header_tools .language a{ display:inline-block; height:26px; line-height:24px; text-align:center;width:26px; box-sizing:border-box; border:1px solid #000;border-radius:13px; -webkit-border-radius:13px; font-size:85%; }
.header.on,.header:hover {background:rgba(255,255,255,1); color:#333;}
.header.on,.header:hover .menu-handler span.line1{ background:#666;}
.header.on,.header:hover .menu-handler span.line2{ background:#666;}
.header.on,.header:hover .menu-handler span.line3{ background:#666;}

.header:hover .nav li.on .v1,.header:hover,.nav li:hover .v1,.nav li.on .v1,.nav li:hover .v1{color:#0051a8; cursor: pointer;}
.header.mini .header_logo{ float:left; margin-top:0px; }
.header.mini .logo,.header.mini2 .logo,.header:hover .logo{ background: url(/images/logo.png) no-repeat left top; background-size:100% auto;width:155px; height:70px; cursor: pointer;}
.panel{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:#bf0000;background-size:cover; z-index:9; margin-bottom:0px;}
.panel a{ color:#fff;}
.panel .panel_tb{ display:table; width:100%; height:100%; table-layout:fixed;}
.panel .panel_td{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.nav_p{ text-align:center; }
.nav_p > ul > li{ display:inline-block; margin:0 26px;vertical-align:top;}
.nav_p > ul >.telShow{ display:none;}
.nav_p > ul > li > a ,.nav_p > ul > li > .parent a{ display:block; font-size:22px; line-height:2.5; padding-bottom:16px; background:url(/images/icon_down5.png) no-repeat center bottom;}
.nav_p .subNav{ margin-top:15px;    font-size: 16px;}
.nav_p .subNav li a{ display:block; white-space:nowrap; line-height:38px;font-size:16px; }
.nav_p .subNav li a:hover{opacity:1;}
.header .close{ width:0.6rem; height:0.6rem; right:0.5rem; top:0.5rem; background-size:contain;}
.panel .panel_tb{ display:block; position:absolute; top:1.4rem; bottom:0; left:0; right:0; height:auto;overflow:auto;}
.panel .panel_td{ display:block; padding-bottom:1em; height:auto; }
.nav_p{ display:block; text-align:center;}
.nav_p > ul > li,.nav_p > ul > .telShow{ display:block; margin:0;}
.nav_p > ul > li > .parent a{ display:inline-block;}
.nav_p > ul > li > a, .nav_p > ul > li > .parent a{ padding-bottom:0; line-height:2.5; font-size:160%;text-align:center; background:none;}
.nav_p .parent{ position:relative; cursor:pointer;}
.nav_p .parent .icon_control{ position:absolute; display:block; z-index:99; top:0; right:0; width:6em; height:100%; background:url(/images/icon23.png) no-repeat 3.5em center; background-size:1em auto; cursor:pointer;}
.nav_p .parent.open .icon_control{ background-image:url(/images/icon24.png);}
.nav_p li:hover .parent a,.nav li.act .parent> a{ }
.nav_p .subNav{ display:none; margin-top:-0.5em; padding-top:1.5em; background:url(/images/icon_down5.png) no-repeat center top; background-size:auto 1em;}


.mini{}
.mini .nav > li > a,.mini .nav > li > .parent > a{ line-height:90px;height:90px;    color: #333;}
.mini .nav .subNav{ top:90px;}
.mini .header_tools{ height: 90px;}
.mini .header_tools .log .pop_log{ top:43px;}
.mini .logo img{ max-height:42px;}
.mini>.header_in>.header_tools>.search>.icon_search{ display:block; width:26px; height:26px; background:url(/images/icon_top1.png) no-repeat 0 0; cursor:pointer;}
.mini>.header_in>.header_tools>.navMenu>.icon_menu{ display:block; width:26px; height:26px; background:url(/images/icon_top1.png) no-repeat 0 -52px; cursor:pointer;}

/* ?????‰ */
.head-v3{}
.head-v3 .navigation-inner{}
.navigation-up{}
.navigation-up .navigation-v3{    float: right;position: relative;width: 53%;height:90px; line-height: 90px;}
.navigation-up .navigation-v3 li{float: left;     height: inherit; width: 12%;text-align: center;}
.navigation-up .navigation-v3 .nav-up-selected{/*background:#344157*/}
.navigation-up .navigation-v3 .nav-up-selected-inpage{}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size: 16px;}
.navigation-up .navigation-v3 li h2 a{color:#fff;display:inline-block;height:90px; line-height: 90px;}
.navigation-up .navigation-v3 li h2 a:hover{ color:#bf0000;}
.navigation-down{position:absolute;top:90px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#FFF;position:absolute;top:0px;    border-top: 1px solid #f5f5f5;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:0px auto; padding:10px 0px;position:relative}
.header.mini .navigation-up .navigation-v3 li h2 a{color:#333;cursor: pointer;display:inline-block;height:70px; line-height: 70px;}
.header.on .navigation-up .navigation-v3 li h2 a{color:#333;cursor: pointer;}
.header:hover .navigation-up .navigation-v3 li h2 a{color:#333;cursor: pointer;}
.header:hover .navigation-up .navigation-v3 li h2 a:hover{ color:#bf0000;}
.header.mini .navigation-up .navigation-v3{float: right;position: relative;width: 68%;height:75px; line-height:75px;}
.header.mini .navigation-down{position:absolute;top:70px;left:0px;width:100%}

.layer_l { width: 42%; float:left;}
.layer_l_hd { font-size: 22px; color: #4e4e4e; margin: 30px 0 10px;  font-weight: normal;}
.layer_l_bd { color: #666; margin-bottom: 30px;padding-right: 14%; text-align: justify; letter-spacing: 0.5px; line-height: 1.8; font-size: 16px;}
.layer_l_bd p{ color:#666;}
.layer_l_bd dl{ padding-top:20px;}
.layer_l_bd dl dd{ float:left; width:65px; margin-right:10px;}
.layer_l_bd dl dd div._img{ width: 32px; height: 30px; background: url(/images/category-pro-xin-icon.png) no-repeat; background-size: 420px 62px; margin: 0 auto -5px;}
.layer_l_bd dl dd div.sm_pro01{ background-position:0 0; }
.layer_l_bd dl dd div.sm_pro02{  background-position: -94px 0;}
.layer_l_bd dl dd div.sm_pro03{ background-position: -226px 0; }
.layer_l_bd dl dd div.sm_pro04{ background-position: -129px 0;}

.layer_l_bd dl dd:hover .sm_pro01,
.layer_l_bd dl dd.on .sm_pro01{ background-position:0 -36px; }
.layer_l_bd dl dd:hover .sm_pro02,
.layer_l_bd dl dd.on .sm_pro02{  background-position: -94px -36px; }
.layer_l_bd dl dd:hover .sm_pro03,
.layer_l_bd dl dd.on .sm_pro03{  background-position: -226px -36px;}
.layer_l_bd dl dd:hover .sm_pro04,
.layer_l_bd dl dd.on .sm_pro04{ background-position: -129px -36px;  }



.layer_l_bd dl dd div._tit{ text-align:center; color:#666; font-size:12px; padding-top:5px;}
.layer_l_bd dl a:hover div._tit{ color:#bf0000; font-size:12px;}
.layer_l  .more_btn { width: 136px; height: 35px !important; border: 1px solid #da0f00; line-height: 35px !important; color: #636363; text-align: center;  position: relative; display: block;  overflow: hidden;  z-index: 2; font-size:15px !important;}
.layer_l  .more_btn:hover{ background:#da0f00; color:#fff;}
.layer_c { width: 26%; float:left;}
.layer_c_box { border-right: 1px #d2d2d2 solid;  border-left: 1px #d2d2d2 solid; padding: 30px 14% 0; min-height: 300px; font-size: 16px;}
.layer_c a { display: block; padding-bottom:5px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; height:45px !important; line-height:40px !important; width:100%; background:url(/images/dian.png) no-repeat center left; padding-left:15px; color:#333;}
.layer_c_box li{ width:100%; border-bottom: 1px #e9ebed solid;}
.layer_c a:hover{ color:#bf0000;}

.layer_c_box2{ border-right: 1px #d2d2d2 solid;  border-left: 1px #d2d2d2 solid; padding: 30px 8% 0; min-height: 300px; font-size: 16px;}
.layer_c_box2 li{ float:left; width:45%;border-bottom: 1px #e9ebed solid; margin-right:5%;}


.navigation-down .nav-down-menu .navigation-down-inner:hover a:hover{color:#fff;background:#bf0000;}
.navigation-down .nav-down-menu .navigation-down-inner .right{ float:right; width:25%;text-align: right;  padding-top: 30px;}
.top-form {line-height: 1;position: absolute;top: 100%;margin-top: 0px; padding:20px 0px;-webkit-transition: 0.6s;transition: 0.6s;	width: 100%;left: 0;z-index: 20;height: 0;visibility: hidden;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';overflow: hidden;}
.top-form .inp {background-color: #fff;height: 50px;width: 450px;padding: 0 10px;border: 1px solid #d9d9d9;border: none;font-size: 18px;-webkit-transition: 0.3s;transition: 0.3s;}
.top-form .sub {top: 0;width: 152px;background: none;display: inline-block;border: none;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;background-color: #d99417;font-size: 18px;color: #fff;height: 50px;margin-left: 36px;}
.top-form .sub:hover {background-color: #d70011;}
.show-form .top-form {visibility: visible;height: 90px; background:rgba(0,0,0,.4);opacity: 1;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; text-align:center;}
.show-form .search-r:after {	height: 90px;}


@media (min-width: 1600px) {

	.nav { margin-right:200px;}
.header .header_tools .navMenu {
    display: none;
}
}

@media (min-width: 1200px) and (max-width: 1599px) {

	.nav { margin-right:34px;}
.header .header_tools .navMenu {
    display: none;
}
.nav ul li span{ padding: 0 0.1rem;}


}
@media (max-width: 640px){
.main {
    top: 0px;
}
.header_menu{ margin-right:5%;}


}

@media (max-width:992px){
.header_l{ width:100%; justify-content:space-between;}
	.nav{ height:60px; display:none}
.head-v3 {
    display: none;
}
.header .header_logo {
    width: 50%;
}
.header .header_in{ padding:0px;}
.logo {
    background:url(/images/logo2.png) no-repeat left top;
   background-size:100%;
    width: 155px;
    
    cursor: pointer;
    margin-top: 0px;
}
.header.mini .logo, .header:hover .logo {
    background:url(/images/logo.png) no-repeat left top;
	background-size:100%;
   
    width: 155px;
    
    cursor: pointer;
    margin-top: 0px;
}
.header .header_tools {
    float: right;
    position: relative;
    width: 150px;
    /* margin-top: 34px; */
}
.header .header_tools li.group_box {
    line-height: 80px;
}
.header .header_tools .log {
    width: 30%;
}
.header .header_tools .log a {
    color: #fff;
    line-height: 65px;
    font-size: 12px;
}
.header .header_tools .log a span {
    line-height: 80px;
    float: left;
	color: #555;
    font-size: 16px;
}
.header .header_tools .search {
    vertical-align: middle;
    width: 25%;
	line-height:80px;
}
.header .header_tools .search .icon_search {
    display: block;
    width: 26px;
    height: 80px;
    background: url(/images/icon_top1.png) no-repeat 0 32px;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 auto;
}
.header .header_tools .navMenu {
    margin-left: 10px;
	display: block;
	width: 20%;
	font-size: 16px;
    float: left;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.header .header_tools .navMenu .icon_menu {
    display: block;
    width: 26px;
    height: 80px;
    background: url(/images/icon_top1.png) no-repeat 0 -47px;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 auto;
}
.header {
    height: 80px;
    /*background: #fff;
    box-shadow: 0 5px 8px rgba(0,0,0,.2);*/
}
.header:hover .header_tools:after{
	width:0px !important;
	background:#fff !important;
	}
.header.mini .header_tools:after{width:0px !important;
	background:#fff !important;}
.header .header_tools .search .icon-sousuo{ color:#222; line-height:80px;}
.top-form .inp{ width:230px;}
.top-form .sub{ width:114px;}
.header.mini{ height:80px;}
.header.mini .header_tools .log a span{ line-height:80px;}
.mini .header_tools{ height:80px;}
.header.mini .header_tools .navMenu .icon_menu{background: url(/images/icon_top1.png) no-repeat 0 -47px;}
.swiper-num1{ bottom:72px;}
.mouse-scroll{ bottom:80px;}
}





.search-layer{ position:fixed; left:0;top:0; z-index:10000; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none}

.search-layer .search-box{ width:400px; height:70px; background-color:#fff; position:absolute; left:50%; margin-left:-200px;top:50%; margin-top:-35px; }

.search-layer .search-box .input{ width:330px; float:left; border:0;height:70px; padding:10px 25px; line-height:50px}

.search-layer .search-box button{ width:70px; height:70px; border:0; background-color:#008bd5; color:#fff}

.search-layer .search-box button i{ font-size:30px;}





.menu-handler{ z-index:11; width:60px; height:60px;cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;-webkit-transition: all .3s;transition: all .3s;}

.menu-handler span{position:absolute; top:23px; width:30px; height:3px; background:#666; border-radius:1px;-webkit-transition: all .3s;transition: all .3s;}


.menu-handler.active span{background:transparent;}

.menu-handler.active span:before{-webkit-transform:rotate(45deg); top:0;}

.menu-handler.active span:after{-webkit-transform:rotate(-45deg); top:0;}

.menu-handler.active span:before, .menu-handler.active span:after{transition-delay:0, 0.3s;}

.menu-handler span.line1{ background:#fff; width:30px;  height: 2px;}
.menu-handler span.line2{background:#fff; width: 30px;  height: 2px; top: 35px;}

.menu-handler span.line3{ background:#fff;  width: 30px; height: 2px; top: 47px;}

.menu-handler.active .nav-btn .line1 { -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);transition-delay:0, 0.3s; top:35px; background:#333;}
.menu-handler.active .nav-btn .line2 {opacity: 0;transition-delay:0, 0.3s;}
.menu-handler.active .nav-btn .line3 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);transition-delay:0, 0.3s; top:35px; background:#333;}



.menu-Box a{ color: #584d4d;}

.menu-Box a:active,.menu-Box a:hover { color:#e50012;}    

.menu-Box{ position: fixed; left: 100%; top: 0; width: 100%; height: 100%; overflow-y: auto; background:url(/images/index07_bg.png) no-repeat center bottom; background-size:cover; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.menuMobile{ padding: 100px 0px 0px;}

.menuMobile dd{ border-top: 1px solid #ddd;}

.menuMobile dd:first-child{ border-top:0;}

.menuMobile p a{ font-size: 0.22rem; font-weight:bold; padding: 0.2rem 5% 0.2rem 0px; display: block; position: relative;}

.menuMobile .sub a:before{ content:""; position: absolute; right: 0px; top: 50%;  width: 12px; height: 2px; background-color:#ccc; margin-top: -1px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }

.menuMobile .sub a:after{content:""; position: absolute; right: 5px; top: 50%;  width: 2px; height: 12px; background-color:#ccc; margin-top: -6px; opacity: 1; transition: 300ms; -webkit-transition: 300ms; }

.menuMobile .cur a:after{ opacity: 0;}

.menuMobile .msubmenu{font-size: 0.2rem; padding: 0px 0px 10px;}

.menuMobile .msubmenu li{ display: block; margin-bottom:12px; width:50%; float:left;}

.menuOpen .header{ background:#fff;}



.menuOpen .pusher-black { display: block; }

.menuOpen .menu-Box { left: 0; z-index: 900; }

.menuMobile2{ display:none;}
/*电脑端导航*/
.wrap2{ width:80%; margin:100px auto;}
.pc-mu{ width: 100%; height: calc(100% - 90px); position:absolute; left: 0; top: 90px;z-index: 9; /*transform: scale3d(0,0,0); opacity: 0;*/ }
.pc-mu .w1440 {padding-top: 6%;}
.pc-mu .imgbox {width: 37.5%;float: right; /* margin-top: 45px; */}
.pc-mu .imgbox .img, .pc-mu .imgbox img { width: 100%;}
.pc-mu .imgbox .text { margin-top: 15px;}
.pc-mu .imgbox .text .h { font-size: 18px;line-height: 1.5;color: #333; font-weight: bold; margin-bottom: 8px;}
.pc-mu .imgbox .text .p { font-size: 16px;line-height: 1.5; color: #d6001d;font-weight: bolder;}
.pc-mu .nav-list { width: 44%; float: left;}
.pc-mu .nav-list .ul { width: 50%; position: relative;float:left;}
.pc-mu .nav-list .ul:before { content: ''; position: absolute;right: 0; top: 50%; width: 1px; margin-top: -210px; height: 450px; background: #cbcbcb;}
.pc-mu .nav-list .nav-li { width: 50%; position: relative; margin-top: 45px; float:right;}
.pc-mu .nav-list .nav-li .sub-li {position: absolute; left: 0; top: 0;opacity: 0; visibility: hidden; width: 100%;}
.pc-mu .nav-list .nav-li .sub-li.active { opacity: 1; visibility: visible;}
.pc-mu .nav-list .nav-li a {display: block; /*  text-indent: 50%;*/ font-size: 18px;margin-bottom: 5px; color: #666; line-height: 40px; cursor: pointer;
 -webkit-transition: all .35s ease; transition: all .35s ease; -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0;
border: 1px dotted #be2b3d; margin: 15px 15%; text-align: center;}
.pc-mu .nav-list .nav-li a:hover { font-weight: bold; color:#e70012; padding-left: 15px;}
.pc-mu .nav-list .nav-li a.cur {-webkit-transform: translate(0, 0);   -ms-transform: translate(0, 0);    transform: translate(0, 0); opacity: 1;}
.pc-mu .ul .li-index {font-size: 22px; line-height: 1.8;color: #333; margin-bottom: 18px;display: block; -webkit-transition: all .3s; transition: all .3s; cursor: pointer;}
.pc-mu .ul .li-index:hover { color: #d6001d;}
.pc-mu .ul .li {display: block;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center; align-items: center; overflow: hidden; overflow: visible !important;
text-overflow: ellipsis; white-space: nowrap;font-size: 22px;font-weight: bold;line-height: 48px; -webkit-transition: color .2s ease; transition: color .2s ease;
cursor: pointer; color: #000; position: relative;-webkit-transition: padding-left .35s ease,text-indent .35s ease,color .35s;transition: padding-left .35s ease,text-indent .35s ease,color .35s;}
.pc-mu .ul .li:before { content: "";position: absolute; width: 0; left: 0;top: 50%; margin-top: -1px;left: 0; height: 2px; background-color: #e70012;-webkit-transition: width .35s ease;
    transition: width .35s ease;}
.pc-mu .ul .li:hover, .meun-nav .ul .li.cur { color: #e70012; padding-left: 30px;text-indent: 10px;}
.pc-mu .ul .li:hover:before, .pc-mu.ul .li.cur:before {width: 30px;}







@media (max-width: 992px) {

	.menu-handler{ display:block;background-color:none; }

	.menu-handler{ background:none; width:35px;}

	.menu-handler span{ background-color:#666}

	.menu-handler span:before, .menu-handler span:after{ background-color:#666}
.pc-mu{ display:none;}
.menuMobile2{ display:block;}
.menuMobile{ margin:0px 10%;}



}







.main{ position:absolute; left:0;top:0px; right:0;bottom:0; display: -webkit-box;display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1; overflow:hidden }

@media (max-width:992px) {

	.main {top:0px;}

}





.aside {position:absolute; left:0;top:0;transition: all 750ms ease 0s; z-index:998;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;color:#fff;text-align:center;padding:12.6875vw 0 0;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:16.66667vw;min-width:220px}

@media (max-width:991px) {

	.aside {display:none}

}



.aside-header {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}

.aside-subtitle span,.aside-title span {opacity:0;transform: translate3d(0px, -100%, 0px);-webkit-transition: all .3s;transition: all .3s;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}

.aside-subtitle span.fadeUp,.aside-title span.fadeUp{transform: translate3d(0px, 0px, 0px) !important;opacity:1;} 

.aside-title {overflow:hidden;font-size:22px}

.aside-subtitle {font-family:"FjallaOne-Regular";opacity:.5;margin-top:10px;overflow:hidden;text-transform:uppercase;font-size:20px}



.aside-icon {position:absolute; left:0;top:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all 1s;-o-transition:all 1s;-moz-transition:all 1s;transition:all 1s}

.aside-icon.l,.aside-icon:first-child {width:450px;height:450px;border:20px solid hsla(0,0%,100%,.2)}

.aside-icon.s,.aside-icon:nth-child(2) {height:180px;width:180px;border:10px solid hsla(0,0%,100%,.1)}



.aside.page{ position:relative;background-color:#e9b82b !important; border:0}

.aside.news-bg{ position:relative;background-color:#0071b7 !important; border:0}

.aside.business-bg{ position:relative;background-color:#1d8ae7 !important; border:0}

.aside.party-bg{ position:relative;background-color:#da251c !important; border:0}

.aside.culture-bg{ position:relative;background-color:#06c1b0 !important; border:0}

.aside.job-bg{ position:relative;background-color:#2bc17a !important; border:0}



.aside.bg1{ background-color:#1295e6; border:0}

.aside.bg1 .aside-icon{ opacity:1}

.aside.bg1 .l{left: 50%; top: 18%;}

.aside.bg1 .s{left: 21%; top: 27%; }



.aside.bg2{ background-color:#1295e6; border:0}

.aside.bg2 .aside-title span{transform: translate3d(0px, 0px, 0px); }

.aside.bg2 .aside-subtitle span{transform: translate3d(0px, 0px, 0px); }

.aside.bg2 .aside-icon{ opacity:1}

.aside.bg2 .l{left: 10%; top: 20%;}

.aside.bg2 .s{left: 80%; top: 36%; }



.aside.bg3{ background-color:#1295e6; border:0}

.aside.bg3 .aside-title span{transform: translate3d(0px, 0px, 0px); }

.aside.bg3 .aside-subtitle span{transform: translate3d(0px, 0px, 0px); }

.aside.bg3 .aside-icon{ opacity:1}

.aside.bg3 .l{left: 30%; top: 15%;}

.aside.bg3 .s{left: 40%; top: 23%; }





.aside-line {background-color:#fff;border:none;width:44px;height:1px;margin-top:22px;margin-bottom:2.60417vw}

.aside-nav {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;font-size:0.18rem; position:relative; z-index:2}

.aside-nav-item {position:relative;padding:0.1rem;font-size:0.16rem;color:#fff }

.aside-nav-item:hover,.aside-nav-item:focus{ color:rgba(255,255,255,0.8); }

.aside-nav-item i{ color:#fff}

.aside-nav-item:not(:last-child) {margin-bottom:.52083vw}

.aside-nav-item:after {content:"";position:absolute;left:0;right:0;top:auto;bottom:-5px;margin:auto;height:5px;width:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:0}

.aside-nav-item.active {font-weight:700}

.aside-nav-item.active:after {opacity:1}



.aside-arrow {position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.aside-arrow-item {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #fff;margin:15px 0; color:#fff;-webkit-transition:all .25s;-o-transition:all .25s;-moz-transition:all .25s;transition:all .25s}

.aside-arrow-item i{ font-size:0.2rem}

.aside-arrow-item.disabled {opacity:.5;pointer-events:none}

.aside-arrow-item:hover{background-color:#fff;color:#f5a100}

.aside-arrow-item:focus {background-color:transparent;color:#fff}



.aside-hint {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.16rem;opacity:.5}

.aside-hint-text {margin-bottom:8px;font-family:"FjallaOne-Regular"}

.aside-hint-line {height:25px;width:1px;background-color:#fff}

.aside-hint-icon {position:relative;height:25px;width:14px;border:1px solid #fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}

.aside-hint-icon:before {content:"";display:block;margin:0 auto;position:relative;height:4px;width:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #fff;-webkit-animation:icon 1s ease infinite alternate;-moz-animation:icon 1s ease infinite alternate;-o-animation:icon 1s ease infinite alternate;animation:icon 1s ease infinite alternate;top:4px}

@-webkit-keyframes icon {

	0% {-webkit-transform:translateY(0);transform:translateY(0)}

	to {-webkit-transform:translateY(10px);transform:translateY(10px)}

}

@-moz-keyframes icon {

	0% {-moz-transform:translateY(0);transform:translateY(0)}

	to {-moz-transform:translateY(10px);transform:translateY(10px)}

}

@-o-keyframes icon {

	0% {-o-transform:translateY(0);transform:translateY(0)}

	to {-o-transform:translateY(10px);transform:translateY(10px)}

}

@keyframes icon {

	0% {-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

	to {-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}

}

.aside-ba {font-size:0.14rem;padding-bottom:0.15rem; line-height: 1.6;color: hsla(0,0%,100%,.7);}

.aside-ba a{color: hsla(0,0%,100%,.7);}

.aside-ba a:hover{ text-decoration:underline}





.banner-wrapper {-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;height:100%}



.banner-slider{ overflow:hidden;height:100% }

.banner-slider .image{  height:100%; background-position:center center; background-size:cover;transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02); }
.banner-slider .sj_image{ display:none; height:100%; background-position:center center; background-size:cover;transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}

.banner-slider .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #0098d3; text-align: left;}

.banner-slider .weui-cell{width: 100%; height: 100%;}

.banner-slider .textbox strong{ display:block; font-size:0.45rem; font-weight:normal; line-height:1.3;color:#fff; text-shadow: rgba(0,0,0,0.5) 1px 1px 6px; -webkit-animation: fadeOutUp 1.5s; animation: fadeOutUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; text-align:center;} 

.banner-slider .textbox p{ margin-top:0.3rem; color:#fff; text-align:center; font-size:0.45rem; line-height:1.3; font-weight:bold;letter-spacing:0.02rem; text-shadow: rgba(0,0,0,0.5) 1px 1px 5px;-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.banner-slider .swiper-pagination{ bottom:30px}

.banner-slider .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff}

.banner-slider .swiper-prev{ background:url(/images/left-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; left:-30px;top:50%; margin-top:-20px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}

.banner-slider .swiper-next{ background:url(/images/right-icon.png) no-repeat center center; width:70px; height:70px; position:absolute; right:-30px;top:50%; margin-top:-20px; z-index:2;-webkit-transition: all .3s;transition: all .3s; opacity: 0}

.banner-slider:hover .swiper-prev{ opacity: 1; left:15px;}

.banner-slider:hover .swiper-next{ opacity: 1; right:15px;}



.banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 7s; animation: scaleBigToSmall 7s;}

.banner-slider .swiper-slide-active strong{opacity: .5; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.banner-slider .swiper-slide-active p{-webkit-animation: fadeInUp 1s; animation: fadeInUp 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.swiper-num1 {  position: absolute; width: auto; left: initial;  right: 4.15%;  bottom:1.7rem; color: #fff;  font-size: 20px;  z-index: 10; font-family: shu;}
.swiper-num1 span:nth-child(1) { font-size: 40px; margin-right: 5px;}



.banner-wrapper .swiper-button-next{display: inline-block; margin-left: .16rem; border: 1px solid #fff; color: #fff; border-radius: 50%; width:50px; height:50px;
 line-height: .6rem; text-align: center; transition: all .5s;  -webkit-transition: all .5s; position: absolute; bottom:.5rem; right:50px; top:auto; left:auto; opacity:1;  visibility:visible; background:url(/images/r_icon.png) no-repeat center; background-size:60%; z-index:11;pointer-events:auto;}
 .banner-wrapper .swiper-button-prev{display: inline-block; margin-left: .16rem; border: 1px solid #fff; color: #fff; border-radius: 50%; width:50px; height:50px;
 line-height: .6rem; text-align: center;transition: all .5s;  -webkit-transition: all .5s; position: absolute; bottom:.5rem;   top:auto; left:auto; right:120px; opacity:1; visibility:visible; background:url(/images/l_icon.png) no-repeat center;   background-size:60%;  z-index:11; pointer-events:auto;}
 .banner-wrapper .swiper-button-next:hover{ background:#d71518 url(/images/r_icon.png) no-repeat center; background-size:60%; border: 1px solid #d71518;}
 .banner-wrapper .swiper-button-prev:hover{ background:#d71518 url(/images/l_icon.png) no-repeat center; background-size:60%;border: 1px solid #d71518;}

.mouse-scroll { width: 24px;  height: 40px; box-sizing: border-box; border: 2px solid #fff; border-radius: 12px; position: absolute; left: 0; right: 0; bottom: 40px;  margin: auto;
  z-index: 10; cursor: pointer;}
.mouse-scroll::before { content: ''; width: 2px;  height: 8px;  background-color: #fff;  position: absolute;  top: 6px;  left: 9px; animation: mouseScroll 3s infinite;}
#scr {  width: auto;  position: absolute; right: calc(4.15% + 64px);  bottom: 2.8rem;  z-index: 4;}
#scr > b { position: absolute; top: 120%; width: 1px;  left: 0;  right: 0; margin: auto; overflow: hidden;  background-color: rgba(255, 255, 255, 0.3);}
#scr > b:nth-of-type(1):after { content: ""; position: absolute; height: 50%;  width: 100%; background-color: #fff; bottom: 100%; left: 0; animation: rise1 1.6s linear infinite;}
#scr > b:nth-of-type(2):after { content: "";  position: absolute; height: 50%; width: 100%;  background-color: #fff; bottom: 100%; left: 0;  animation: rise2 1.6s linear infinite;}
#scr > b:nth-of-type(3):after {  content: ""; position: absolute;  height: 50%;  width: 100%;  background-color: #fff;  bottom: 100%;  left: 0;  animation: rise3 1.6s linear infinite;}
#scr > b:nth-of-type(1) {  left: -25px;  height: 15px;}
#scr > b:nth-of-type(2) { right: 0; height: 40px;}
#scr > b:nth-of-type(3) { right: -25px;  height: 26px;}






.index-page-b .before, .index-page-c .before, .index-page-d .before, .index-page-e .before, .index-notice .before {
    content: "";
    width: 16.66667vw;
    min-width: 220px;
	float:left;
}
.index-foot-main{ }




@keyframes rise1 {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translateY(30px);
    }
}

@keyframes rise2 {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translateY(80px);
    }
}

@keyframes rise3 {
    0% {
        transform: translate(0);
    }
    100% {
        transform: translateY(56px);
    }
}


@keyframes mouseScroll {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(16px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes banner {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}










@keyframes move{
	from {
			bottom:0;
			opacity:1;
	}

	to {
			bottom:-10px;
			opacity:0;
	}
}

@-webkit-keyframes scaleBigToSmall {

	0% {transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

	to {transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}

}

@-moz-keyframes scaleBigToSmall {

	0% {transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

	to {transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}

}

@-o-keyframes scaleBigToSmall {

	0% {transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

	to {transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}

}

@keyframes scaleBigToSmall {

	0% {transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

	to {transform: scale(1.02);-ms-transform:scale(1.02);-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-o-transform:scale(1.02);}

}





@media (max-width: 767px) {
	
	.banner-slider .sj_image{ display:block;}
	.banner-slider .image{ display:none;}

	.banner-slider .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px;}

	.banner-slider .swiper-prev,.banner-slider .swiper-next{ display:none}

	.banner-slider .swiper-pagination{ bottom:10px}

	.banner-slider .weui-cell{ height: 75%;}

	.banner-slider .textbox strong{ padding:0; text-align:center; font-size:0.3rem}

	.banner-slider .textbox p{ padding:0 5%; text-align:center; font-size:0.3rem; letter-spacing:0; margin-top:0.2rem }

.banner-wrapper .swiper-button-next{display: inline-block; margin-left: .16rem; border: 1px solid #fff; color: #fff; border-radius: 50%; width:30px; height:30px;
 line-height: .6rem; text-align: center; transition: all .5s;  -webkit-transition: all .5s; position: absolute; bottom:.5rem; right:20px; top:auto; left:auto; opacity:1;  visibility:visible; background:url(/images/r_icon.png) no-repeat center; background-size:60%; z-index:11;pointer-events:auto;}
 .banner-wrapper .swiper-button-prev{display: inline-block; margin-left: .16rem; border: 1px solid #fff; color: #fff; border-radius: 50%; width:30px; height:30px;
 line-height: .6rem; text-align: center;transition: all .5s;  -webkit-transition: all .5s; position: absolute; bottom:.5rem;   top:auto; left:auto; right:60px; opacity:1; visibility:visible; background:url(/images/l_icon.png) no-repeat center;   background-size:60%;  z-index:11; pointer-events:auto;}
 .banner-wrapper .swiper-button-next:hover{ background:#d71518 url(/images/r_icon.png) no-repeat center; background-size:60%; border: 1px solid #d71518;}
 .banner-wrapper .swiper-button-prev:hover{ background:#d71518 url(/images/l_icon.png) no-repeat center; background-size:60%;border: 1px solid #d71518;}
.swiper-num1{ bottom:1.5rem;}

}



#fp-nav{ display:none}

.index{ position:relative; width:100% }

.index .section{ display:block; height: 100%; }
[data-translate=bottom].translate-active, [data-translate=left].translate-active, [data-translate=right].translate-active, [data-translate=top].translate-active {opacity: 1; transform: translate(0); transition: all .45s;}

[data-translate=bottom], [data-translate=left], [data-translate=right], [data-translate=top] { transition: all .2s; opacity: 0;}

[data-translate=top]{transform:translateY(50px)}

[data-translate=right]{transform:translateX(-50px)}

[data-translate=bottom]{transform:translateY(-50px)}

[data-translate=left] {transform: translateX(50px);}



/*首页中央内容*/
.index-chunk-body {overflow:hidden; position:relative}

.index-chunk-body.center { padding-top:130px; }

.index-chunk-body.center>* {width:100%}

.cont_tit { display: flex;  align-items: flex-end; position: relative; -webkit-transition: all 1s; -o-transition: all 1s;  -moz-transition: all 1s;  transition: all 1s;}
.index-chunk-body .cont_tit {margin-bottom:.5rem;   -webkit-animation-duration: 1s; -moz-animation-duration: 1s;  -o-animation-duration: 1s; animation-duration: 1s;
 -webkit-animation-name: fadeIndown;  -moz-animation-name: fadeIndown; -o-animation-name: fadeIndown;animation-name: fadeIndown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.cont_tit p { font-size: 3vh; padding-right: 0.585em; line-height: 1.1; position: relative; margin-right: 0.6285em; font-weight: 600;  color: #a8292e;}
.cont_tit p:after { content: ''; position: absolute; height: 0.9142em; width: 0.0857em; left: 100%; bottom: 0.0257em; background: #cda667;}
.cont_tit span { font-size: 1.6667vh; padding-bottom: 0.1875em; color: #b1b1b1;}
.cont_tit:after { content: '';position: absolute; background: url(/images/index20231114_8.png) center center no-repeat; background-size: 100% auto; width: 32.375em; height: 4em; left: -1.75em; bottom: -2.5em;}




@media (max-width:991px) {

	.index-page-b:before,.index-page-c:before,.index-page-d:before,.index-page-e:before,.index-notice:before  {display:none}

}

@font-face {
  font-family: 'iconfont';  /* Project id 2346309 */
  src: url('http://at.alicdn.com/t/font_2346309_wgpn6kr6sm.woff2?t=1627997449770') format('woff2'),
       url('http://at.alicdn.com/t/font_2346309_wgpn6kr6sm.woff?t=1627997449770') format('woff'),
       url('http://at.alicdn.com/t/font_2346309_wgpn6kr6sm.ttf?t=1627997449770') format('truetype');
}
@font-face {
	font-family:'fontGotham';
	src: url('/css/Gotham-Medium.otf');
}
@font-face {
	font-family:'fontDIN';
	src: url('/css/DIN-Condensed.ttf');
}

/*走进37000威尼斯*/
.index-page-b{ padding:0 4% 0;background-color:#fff; position:relative;}
.index-b-box-l{ width:50%;}
.index-b-box-l h1{color: #333; font-weight: bold; margin-bottom: 3%;  font-size:.32rem;  overflow: hidden; background: url(/images/yhyh.png) no-repeat center right; background-size: 70px; line-height:70px;}
.index-b-box-l p{ font-size:.18rem; line-height: 2;  margin-bottom: 20px; }
.index-b-box-l .ipt_more { width: 100px; height: 100px; position: relative; display: block;}
.index-b-box-l .ipt_more .icon img { width: 100%;}
.index-b-box-l .ipt_more .text { color: #d71518; position: absolute; top: 50%;  transform: translateY(-50%);  right: -.2rem;  font-size:.18rem; transition: .5s ease;}
.index-b-box-l .ipt_more svg { width: 100px; height: 100px; position: absolute; left: 0; top: 0; transform: rotate(-43deg);}
.circle { fill:none;  stroke-width: 2;}
.index-b-box-num{width: 100%; margin-top:.3rem; display: flex; transition: all 1s ease;  justify-content:space-between;}
.index-b-box-num-box{ color:#fff; text-align:center;}
.index-b-box-num-box p.l2{ font-size:.18rem; line-height:1.5; color:#666;}
.index-b-box-num-box p.l1{ font-size:.18rem; line-height:1.5; color:#d71518; margin-bottom:10px;}
.index-b-box-num-box p.l1 span{ font-weight:bold; font-size:.35rem; margin-right:10px;font-family: 'fontDIN';}


.index-page-b{ background:#fff;}


.index-b-box-num2{ position:absolute; right:0px; bottom:0px; width:45%;}
.index-b-box-num2 .blockImg { display: block;  width: 100%;}
.itemImg { position: absolute; width: 1.6rem; height:1.6rem; border-radius: 1rem;  overflow: hidden;  margin-left: -0.8rem; margin-top: -0.8rem; display:block;}
.itemImg span{ display:block; width:100%; height:100%; background:#fbf7f7; padding-top:.35rem; border-radius:100%; text-align:center; font-size:.2rem; text-align:center;}
.itemImg span i{ display:block; font-size:.35rem; text-align:center; width:100%; color:#d71518;}
.itemImg span em{ font-size:.2rem; color:#d71518; line-height:2;}


.itemImg1 {left: 45%; top: 17%;}
.itemImg:before, .itemNew .scaleImg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: rgba(0,0,0,.80) url(../images/h-logo.png) no-repeat center;
    z-index: 2;
    opacity: 0;
    transition: 1s;
}
.itemImg:hover:before, .itemNew .scaleImg:hover:before{ opacity:1;}
.scaleImg img, .scaleImg2 img {
    width: 100%;
    transition: 1s;
    -webkit-transition: 1s;
}
.itemImg2 { left: 21%;  top: 39%;}
.itemImg:before {
    background-size: 60%;
}
.itemImg3 {
    left: 6%;
    top: 66%;
}

@keyframes draw {
	0% {
		stroke-dasharray:419;stroke-dashoffset:477;
	}
	100%{
		stroke-dasharray:280;stroke-dashoffset:477;
	} 
}

.index-b-box-l .ipt_more:hover .text{transform:translateX(10px) translateY(-50%);}
.index-b-box-l .ipt_more:hover .circle-animate {stroke:#e70113;;animation:draw 2s linear forwards;}


















/*业务领域*/

.fullHeight{ height: 100%;position: relative;}
.prdTwo .icon img{display: block;width: 100%;position: relative;z-index: 2;}
.prdTwo .icon .img2{position: absolute;left: 0;top: 0;opacity: 0;z-index: 3;}
.prdTwo .item.on .icon:before{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.prdTwo .item.on .img2{opacity: 1;}
.prdTwo .item.on{color: #e10a00;}
.prdThree{position: absolute;left: 0;right: 0;top: 5.6rem;bottom: 0;}
.prdThree .thBg{width: 100%;height: 100%;background-size: cover !important;}
.prdThree .swiper-slide,.prdThree .swiper-wrapper,.prdThree .swiper-container{ height: 100%;}
.prod-btn{ position: absolute;line-height: .6rem;width: .6rem;text-align: center;border-radius: 50%;top: 50%;margin-top: -0.3rem;z-index: 3;cursor: pointer;transition: .3s;font-size: .24rem;color: #fff;border: 1px solid #fff;opacity: .4;}
.prod-prev{ left: 10%;}
.prod-next{ right: 10%;}
.prod-btn:hover{background: #e10a00;color: #fff;border-color: #e10a00;opacity: 1;}
.pro-pagination{position: absolute;left: 0;right: 0;text-align: center;z-index: 5;display: none;}
.pro-pagination .swiper-pagination-bullet {background: #fff;}
.pro-pagination .swiper-pagination-bullet-active{background: #F10E2A;}
.moreLink a,.moreLink span{display: inline-block;padding: 10px 50px;color: #e10a00;border: 1px solid #e10a00;border-radius: 5px;background-size: cover !important;}
.shangshiDL dd {position: relative;overflow: hidden;overflow: hidden; height:100% !important;}
.shangshiDL dd .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover !important;    transition: all .5s;  -webkit-transition: all .5s;}
.shangshiDL dd .padds{position: relative;z-index: 2;margin: 0 auto; margin-top:2.2rem;text-align: center;flex: 1;-webkit-flex: 1;padding: 0 .5rem;opacity: 1;
    -webkit-opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);}
	
	.shangshiDL dd .padds i{ font-size:.5rem; color:#888;}
.hline{display: block;width: .5rem;height: 1px;background: #fff;margin:.2rem auto;}
.shangshiDL dd .cot{min-height: 2.8rem;margin:.35rem 0 .2rem 0;line-height: 1.8;text-align: left;color: #666;transition: all .5s;
    -webkit-transition: all .5s;}
.shangshiDL dd .tit, .shangshiDL dd .cot { color: #666;transition: all .5s;
    -webkit-transition: all .5s;}
.shangshiDL dd .tit{ font-size:.32rem; margin-top:.3rem;}
.shangshiDL dd .cot{ font-size:.18rem;}
.shangshiDL dd:hover .bg{transform: scale(1.05);-webkit-transform: scale(1.05);}


.smallMore { border: 1px solid #E10A00; display: inline-block; color: #E10A00; text-align: center; padding: 0.06rem .38rem; border-radius:20px 0px 20px 0px;}


.shangshiDL dd .bg:before{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: #f8f8f8;}
.shangshiDL dd:nth-child(even) .bg:before{background: #f1f1f1;}
.shangshiDL dd:hover .bg:before{opacity: 0;}
.shangshiDL dd .tit,.shangshiDL dd .cot{color: #666;}
.shangshiDL dd .moreLo a{color: #0385d5;border-color: #0385d5;}
.shangshiDL dd .icon2{display: block;}
.shangshiDL dd .icon1{display: none;}
.shangshiDL dd:hover .icon1{display: block;}
.shangshiDL dd:hover .icon2{display: none;}
.shangshiDL dd:hover .tit,.shangshiDL dd:hover .cot{color: #fff;}
.shangshiDL dd:hover .moreLo a{color: #fff;border-color: #fff;}
.shangshiDL dd .moreLo a:hover{color: #0385d5;}

.ltZhaop .iLink:before,.ltZhaop .iLink:after,.new-btns .btns,.shangshiDL dd .tit, .shangshiDL dd .cot,.shangshiDL dd .bg:before,.sxTops .tops .ico,.shubiao,.sxTops{transition: all .5s;-webkit-transition: all .5s;}
.banner-btn i:hover{background: #E10A00;border-color: #E10A00;}
.sxTops .tops .ico:hover{background: #E10A00;color: #fff;border-color: #E10A00;cursor: pointer;}
.shangshiDL dd:hover .smallMore{background: #fff;border-color: #fff;}
.shangshiDL dd .smallMore:hover{background: #E10A00;color: #fff !important;border-color: #E10A00;}
.new_ywly{position: absolute; top: 0; left: 0px;  width: 100%; height: 100%;  bottom: 0px;}

.shangshiDL dd:hover i{ color:#fff;}






.index-page-c{ padding:0 4%; position:relative}
.business-bg{ position:absolute; left:0;top:0; right:0;bottom:0;}
.business-slider{ height:100%;}
.business-slider .image{ position:absolute; left:0;top:0; right:0;bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover}
.index-page-c .index-chunk-body{ position:relative; z-index:2}
.index-business-title{ padding-bottom:0.5rem; color:#fff; text-align:center;}
.index-business-title h2{ font-size:0.3rem;  text-align:center}
.index-business-title p{ margin:0.3rem auto 0;  text-align:center}
.index-business2 .con{ display:block;}
.index-business2 .item{ padding-right:1px;  width:15%;float: left;}
.index-business2 .con *{-webkit-transition:all .4s;transition:all .4s;}
.index-business2 .item .item_box{ display:block;background-color: rgba(0,0,0,0.3);padding: .8rem .5rem;}
.index-business2 .item .content{  height:40vh; position:relative}
.index-business2 .item i{font-size: .7rem; color: #fff; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:50%; margin-left:-0.35rem;top:40%; margin-top:-0.7rem;-webkit-transition:all .3s;transition:all .3s;}
.index-business2 .item i.icon1{ background-image:url(/images/business-icon1.png)}
.index-business2 .item i.icon2{ background-image:url(/images/business-icon2.png)}
.index-business2 .item i.icon3{ background-image:url(/images/business-icon3.png)}
.index-business2 .item i.icon4{ background-image:url(/images/business-icon4.png)}
.index-business2 .item i.icon5{ background-image:url(/images/business-icon5.png)}
.index-business2 .item h3{ font-size:0.3rem;position:absolute; right:0; bottom:0.5rem; color:#fff;}
.index-business2 .item em{ display:block; width:100%; overflow:hidden; position:absolute; right:0;bottom:0;font-family:"FjallaOne-Regular"; color:#fff; font-size:0.3rem; text-align:right; line-height:1;}
.index-business2 .item em:after {content:"";position:absolute;right:0.5rem;bottom:0.15rem;height:2px;width:0.4rem;background-color:#fff;}
.index-business2 .item .text{ position:absolute; width:100%;top:1rem; left:0;transition-delay:.4s;-webkit-transition-delay: .4s;opacity:0; line-height:1.8; font-size:.18rem; color:#888;}

.index-business2 .item .text p{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-align: justify;}

.index-business2 .item.active{ width:40%;}
.index-business2 .item.active .item_box{ background:#fff;}
.index-business2 .item.active .item_box a{ color: #dd0000; border: 1px solid #dd0000;  top: auto; bottom: .5rem;  left: 0px;  margin-left: 0px;} 
.index-business2 .item.active h3{color: #e40112; font-weight: bold;}
.index-business2 .item.active em{ color:#e40112;}
.index-business2 .item.active em:after{ background-color:#efefef; width:100%}
.index-business2 .item.active i{ text-align:center; position:absolute; top: 0.2rem;  color:#e40112; }
.index-business2 .item.active .text{ top:.5rem;opacity:1; text-align:left;}
.index-business2 .item .item_box a{display: block; width: 80px; text-align: center; border: 1px solid rgba(255,255,255,.5);  color: #fff; padding: 5px 10px; /* line-height: 2; */
 border-radius: 15px 0px 15px 0px;position: absolute; top: 50%; font-size: .14rem; left: 50%; margin-left: -40px;}

.autoheight {height: auto !important;}




/*集团动态*/
.index-page-f{ padding: 0 4% 0;}





/*科创中心*/
.index-page-d{ padding: 0 4% 0; background:url(/images/index-bg4.jpg) no-repeat center; background-size:cover;}
.index-page-d .kczx_box {    margin-top: 2rem; width: 108%; margin-left: -4%; }
.index-page-d .kczx_box .business-item { float: left; width: 17%; margin: 0 4%; position: relative; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.index-page-d .kczx_box .business-item:hover .business-effect {-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; border-radius:100%; }
.index-page-d .kczx_box .business-item:hover .business-effect .e-img-l {border-radius:100%; left: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.index-page-d .kczx_box .business-item:hover .business-effect .e-img-r {border-radius:100%; right: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
/*.index-page-d .kczx_box .business-item:hover .business-txt p { height: 120px; }
.index-page-d .kczx_box .business-item:hover .business-txt a { opacity: 1; }*/
.index-page-d .kczx_box .business-item:nth-child(even) { top: -80px; }
.index-page-d .kczx_box .business-item > img { display: block; width: 100%; border-radius:100%; }
.index-page-d .kczx_box .business-item .business-effect { border-radius:100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; }
.index-page-d .kczx_box .business-item .business-effect .e-img-l {border-radius:100%;  position: absolute; top: 0; left: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.index-page-d .kczx_box .business-item .business-effect .e-img-l img {border-radius:100%;  display: block; width: 100%; }
.index-page-d .kczx_box .business-item .business-effect .e-img-r {border-radius:100%;  position: absolute; top: 0; right: -100%; width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.index-page-d .kczx_box .business-item .business-effect .e-img-r img {border-radius:100%;  display: block; width: 100%; }
.index-page-d .kczx_box .business-item .business-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 5%; text-align: center; z-index: 3; }
.index-page-d .kczx_box .business-item .business-txt .business-txt-table { width: 100%; height: 100%; display: table; }
.index-page-d .kczx_box .business-item .business-txt .business-txt-table .business-txt-cell { display: table-cell; vertical-align: middle; }
.index-page-d .kczx_box .business-item .business-txt i{ display: block; margin: 10% auto 0; color:#fff; font-size:.6rem;}
.index-page-d .kczx_box .business-item .business-txt h4 { font-size:.24rem; color:#fff; margin-top: 10%; }
.index-page-d .kczx_box .business-item .business-txt span { display: block; width: 50px; height: 3px; margin: 10% auto 5%; background:#fff; }
.index-page-d .kczx_box .business-item .business-txt p { height: 0; font-size:.18rem; color: #fff; line-height:1.6; padding: 0 10%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }
.index-page-d .kczx_box .business-item .business-txt a { opacity: 0; display: block; font-size: 16px; color: #fff; width: 118px; height: 38px; line-height: 38px; border: 1px solid #fff; margin: 5% auto 0px; border-radius:30px;}
.index-page-d .kczx_box .business-item:hover{ top:-25px;-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;}
.index-page-d .kczx_box .business-item:hover:nth-child(even) { top: -105px;-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.index-page-d .kczx_box .business-item:hover .business-txt a{ opacity:1;}

.index-page-f{ background:url(/images/index-newbg.jpg) no-repeat center; background-size:cover;}
.news_box{ width:100%;}
.news_box .slideTxtBox{ width:100%;}
.news_box .slideTxtBox .hd{ position:relative; }
.news_box .slideTxtBox .hd ul{ position:absolute; right:0px; top:-75px; }
.news_box .slideTxtBox .hd ul li{ float:left; cursor:pointer; margin-left:20px;}
.news_box .slideTxtBox .hd ul li a{ display:inline-block; padding:0px 24px; border-radius:30px; border:1px solid #dd0000; color:#333; font-size:.18rem; line-height:40px;}
.news_box .slideTxtBox .hd ul li.on a{ background:#dd0000; color:#fff; }
.news_box .slideTxtBox .hd ul li:hover a{ background:#dd0000; color:#fff; }
.news_box .home-ztzl-scroll .item a{overflow: hidden; -webkit-transform: rotate(0);  transform: rotate(0);display: block;}
*[class*="rect-"] {  position: relative;  display: block;  width: 100%;  height: 0; overflow: hidden;}
.news_box .more{ margin-top:.5rem;}
.news_box .more a{ display: block; width: 180px; margin: 0px auto; font-size: .2rem; text-align: center; line-height: 2.5; border-radius: 30px 0px 30px 0px;  border: 1px solid #dd0000;
  color: #dd0000;transition: all 0.5s; -webkit-transition: all 0.5s;}
.news_box .more a:hover{border-radius: 0px 0px 0px 0px;  background:#dd0000; color:#fff; }
.news_box .home-ztzl-scroll .rect-5728{padding-bottom:65%;}
.news_box .home-ztzl-scroll .words_box{padding:0.25rem 0.1rem;}
.news_box .home-ztzl-scroll .words_box .tit{font-size:0.2rem; line-height:0.3rem; height:0.6rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  margin-bottom:0.1rem;}
.news_box .home-ztzl-scroll .words_box .con{font-size:0.16rem; line-height:0.24rem; color:#a1a1a1; height:0.48rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_box .home-ztzl-scroll .words_box{border:1px solid #e6e6e6; padding:0.25rem 0.3rem; background:#fff url(../images/solu_detail04_new_bg.png) no-repeat 4rem center/cover; transition:all .4s ease;}
.news_box .home-ztzl-scroll .words_box .date{ font-size:.14rem; color:#c9c6c6; margin-top:10px;}
.news_box .home-ztzl-scroll .item:hover .words_box{background-position-x:right;}
.imgZoomSmall img { -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0;  width: 100%;  height: 100%; *height: auto;}
.imgZoomSmall:hover img { -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.news_box .owl-nav div{position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; background:#a90606; border-radius: 50%; cursor: pointer;box-shadow: 2px 2px 5px 9px rgb(0 112 112 / 0.1);}
.news_box .owl-nav .owl-prev{left:0px; background:#a90606 url(/images/left-icon.png) no-repeat center; background-size:100%;}
.news_box .owl-nav .owl-next{right:0px; background:#a90606 url(/images/right-icon.png) no-repeat center; background-size:100%;}
.news_box .owl-nav.disabled{display: block;}
.news_box .owl-nav div:hover{box-shadow:0 0 18px 5px rgba(112,112,112,0.3);}

.news_box .home-ztzl-scroll .item:hover .words_box .tit{ color:#dd0000;}


.kczx_box2{ display: flex; display: -webkit-flex;align-items: center;  -webkit-align-items: center;-webkit-box-pack: space-between;  -ms-flex-pack: space-between;  justify-content: space-between;  -webkit-justify-content: space-between;}
.kczx_box2_l{width: 50%;}
.kczx_box2_r{position: relative; width: 45%;padding-right: .3rem;}
.kczx_box2_l ul{ display:flex;webkit-flex: 1; -ms-flex: 1;  flex: 1;  -webkit-box-flex: 1; -moz-box-flex: 1;-webkit-box-pack: space-between;  -ms-flex-pack: space-between;  justify-content: space-between;  -webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.kczx_box2_l ul li{width: 46%; background: #fff;  margin: .3rem 0;  box-shadow: 0 5px 10px -2px rgb(0 0 0 / 10%);  position: relative; border-radius:0px 30px 0px 30px; padding:.5rem .2rem;transition: all ease .3s; position:relative;}

/*.kczx_box2_r .rtImgs:before { position: absolute;right: -.3rem;bottom: -.3rem;width: 100%;  height: 100%; background:#ffeeee; content: '';}
*/.kczx_box2_r img{ display:block; width:100%;position: relative;  z-index: 2;vertical-align: middle; border-radius:30px 0px 30px 0px;}
.kczx_box2_l ul li a{ display:block; width:100%; text-align:center; position:relative; z-index:999;}
.kczx_box2_l ul li a i{ font-size:.4rem; color:#666;}
.kczx_box2_l ul li a h2{ font-size:.22rem; padding-top:.2rem;}
.kczx_box2_l ul li a span{ display:inline-block; padding:0px .5rem;  margin: 0px auto; font-size: .17rem; text-align: center; line-height: 2; border-radius:30px;
  border: 1px solid #dd0000; color: #dd0000;  transition: all 0.5s; -webkit-transition: all 0.5s; margin-top:.2rem; }
.kczx_box2_l ul li a:hover{ color:#dd0000;}
.kczx_box2_l ul li a:hover i{ color:#dd0000;}
.kczx_box2_l ul li:after {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    content: '';
    border-top: 3px solid #d7231b;
    border-bottom: 3px solid #f7d3d1;transition: all .5s;
    -webkit-transition: all .5s;
	border-radius:0px 20px 0px 20px;
}
.kczx_box2_l ul li:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    content: '';
    border-left: 3px solid #d7231b;
    border-right: 3px solid #f7d3d1;transition: all .5s;
    -webkit-transition: all .5s;border-radius:0px 20px 0px 20px;
}
.kczx_box2_l ul li:hover:before{height: 100%;}
.kczx_box2_l ul li:hover:after{width: 100%;}

.kczx_box2_l ul li a .che_li_left{left:0;bottom:8px;top:8px; -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;}
.kczx_box2_l ul li .che_li_top{top:0;left:0;right:0;-moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;}
.kczx_box2_l ul li .che_li_right{right:0;bottom:0px;top:0px;-moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;}
.kczx_box2_l ul li .che_li_bottom{bottom:0;left:0;right:8px; -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;}
.kczx_box2_l ul li:hover .che_li_border{opacity:1;-moz-transform: scale(1,1);-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);-moz-transition: opacity 0.2s linear 0s, -moz-transform 0s linear 0.2s;
  -o-transition: opacity 0.2s linear 0s, -o-transform 0s linear 0.2s;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0s linear;
  -webkit-transition-delay: 0s, 0.2s;
  transition: opacity 0.2s linear 0s, transform 0s linear 0.2s;}
.kczx_box2_l ul li:hover .che_li_top{-moz-transition: -moz-transform 0.2s linear 0s, opacity 0s linear 0s;
  -o-transition: -o-transform 0.2s linear 0s, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 0.2s linear, opacity 0s linear;
  -webkit-transition-delay: 0s, 0s;
  transition: transform 0.2s linear 0s, opacity 0s linear 0s;}
.kczx_box2_l ul li:hover .che_li_right{-moz-transition: -moz-transform 0.2s linear 0.2s, opacity 0s linear 0s;
  -o-transition: -o-transform 0.2s linear 0.2s, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 0.2s linear, opacity 0s linear;
  -webkit-transition-delay: 0.2s, 0s;
  transition: transform 0.2s linear 0.2s, opacity 0s linear 0s;}
.kczx_box2_l ul li:hover .che_li_bottom{-moz-transition: -moz-transform 0.2s linear 0.4s, opacity 0s linear 0s;
  -o-transition: -o-transform 0.2s linear 0.4s, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 0.2s linear, opacity 0s linear;
  -webkit-transition-delay: 0.4s, 0s;
  transition: transform 0.2s linear 0.4s, opacity 0s linear 0s;}
.kczx_box2_l ul li:hover .che_li_left{-moz-transition: -moz-transform 0.2s linear 0.6s, opacity 0s linear 0s;
  -o-transition: -o-transform 0.2s linear 0.6s, opacity 0s linear 0s;
  -webkit-transition: -webkit-transform 0.2s linear, opacity 0s linear;
  -webkit-transition-delay: 0.6s, 0s;
  transition: transform 0.2s linear 0.6s, opacity 0s linear 0s;}
.kczx_box2_l ul li.che_li_border { position: absolute;  opacity: 0;  background: #cc0102;}
.kczx_box2_l ul li .che_li_top, .kczx_box2_l ul li .che_li_bottom {
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    height: 8px;
}
.kczx_box2_l ul li .che_li_left, .kczx_box2_l ul li .che_li_right {
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    width: 8px;
}



/*---------网站底部---------------*/

#footer{  background:url(/images/footer-bg.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:1.2rem; box-shadow:0 -1px 10px -4px rgb(0 0 0 / 10%);}
#footer .pt50{ padding-top:0.5rem}
#footer .footer-about{ width:23%; float:left; padding-right:0px; }
#footer .footer-about h3{ font-size:0.18rem; font-weight:600; line-height:1; margin-bottom:0.2rem;color:#222; position:relative}
#footer .footer-about h3 span{ position:absolute; right:0;top:0; font-size:14px; font-weight:normal}
#footer .footer-about p{ font-size:0.15rem; line-height:2.2;color:#666 }
#footer .footer-about p i{ color:#009ee3; font-size:0.2rem; position:relative;top:0.02rem; margin-left:0.05rem} 
#footer .footer-about a{color:#888}
#footer .footer-menu{ width:66%; float:left; display:flex;justify-content:space-between; }
#footer .footer-menu dl{font-size:0.15rem;}
#footer .footer-menu dl dt{ font-weight:bold; color:#222; margin-bottom:0.25rem; font-size:0.18rem; line-height:0.2rem; position:relative}
#footer .footer-menu dl dt:before {content: "";position: absolute;display: block; height:1px; width: 0.3rem; border-bottom:1px #8dafd3 dotted; left:0; top:30px;}
#footer .footer-menu dl dd{ margin-bottom:8px;}
#footer .footer-menu dl dd a{ color:#888; font-size:16px;}
#footer .footer-menu dl dd a:hover{ color:#e50011; text-decoration:underline}
#footer .footer-menu ul{ width:20%; float:left;font-size:0.16rem;}
#footer .footer-menu ul li{ margin-bottom:15px;color:#aaa; line-height:0.2rem;}
#footer .footer-menu ul li a{ color:#222}
#footer .footer-menu ul li a:hover{ color:#009ee3; text-decoration:underline}
#footer .footer-qr{ width:10%; float:right; padding-left:30px;}
#footer .footer-qr .image{}
#footer .footer-qr .image img{ width:100%; border:1px #ddd solid; display:block; background-color:#fff}
#footer .footer-qr p{ text-align:center; margin-top:10px; font-size:0.14rem; color:#666}
.footer-bar{ padding-top:0.25rem; overflow:hidden; border-top:1px #eee solid; margin-top:0.25rem;font-size:0.14rem; line-height:1;}
.footer-bar .left-con{ float:left;color:#888; }
.footer-bar .left-con span{ margin:0 0.15rem; font-size:0.12rem;}
.footer-bar .left-con a{ margin-left:0.1rem}
.footer-bar .left-con a:hover{ text-decoration:underline}
.footer-bar .right-con{ float:right; color:#888;}
.footer-bar .right-con a{ color:#222}
.footer-bar .right-con a:hover{ color:#009ee3}
.footer-bar .right-con a.linking{ display:block; float:left; width:170px; height:22px; background:url(/images/linking.png) no-repeat; position:relative;top:-1px; margin-right:10px; cursor:default}
.footer-links{ background-color:#818b8f; height:0.6rem;}
.footer-links .con{ position:relative; z-index:10}
.footer-links h2{ float:left; background-color:#939da1; padding:0 0.3rem}
.footer-links h2 i{ line-height:0.6rem; color:#ddd; font-size:0.27rem}
.footer-links .item{ float:left; background-color:#939da1; height:0.6rem}
.footer-links .item label{ display:block; font-weight:normal;  overflow:hidden; line-height:0.6rem; color:#fff; cursor:pointer; position:relative; padding:0 0.4rem 0 0.2rem;transition: 300ms; -webkit-transition: 300ms; }
.footer-links .item label:after{content: ""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right:5px solid transparent; border-top: 7px solid #fff; position: absolute;right:0.2rem;top:50%; margin-top:-3px;transition: 300ms; -webkit-transition: 300ms; }
.footer-links .item dl{ position:absolute; visibility:hidden;  left:0; top:0.6rem; width:100%; background-color:#fff; padding:0.4rem 0.6rem;box-shadow: 0 16px 48px rgba(32,41,50,.15);opacity:0;}
.footer-links .item dl dd{ margin-top:0.15rem}
.footer-links .item dl dd a{ margin-right:0.2rem; display:inline-block; color:#888; width:13%; float:left;}
.footer-links .item dl dd a img{ display:block; width:100%;}
.footer-links .item dl dd a span{ font-size:.15rem; color:#888; text-align:center; display:block; width:100%; line-height:2;}
.footer-links .item.hover label{ background-color:#fff; color:#e50011}
.footer-links .item.hover label:after{border-top: 7px solid #e50011;}
.footer-links .item.hover dl{ visibility:visible;top:0.6rem;opacity:1}
.footer-links .item.hover dl dd{ margin-top:0.15rem}
.footer-links .item.hover dl dd a{ margin-right:0.2rem; display:inline-block; color:#888; width:13%; float:left;}
.footer-links .item.hover dl dd a img{ display:block; width:100%;}
.footer-links .item.hover dl dd a span{ font-size:.15rem; color:#888; text-align:center; display:block; width:100%; line-height:2;}

.footer-links .other{ float:right; line-height:0.6rem}
.footer-links .other span{ margin:0 0.1rem; color:#aaa; font-size:0.12rem}
.footer-links .other a{ color:#fff}
.footer-links .other a:hover{ text-decoration:underline}

.foot_slogo{ padding:0px 4%;}
.foot_slogo_box{ width:100%; padding:15px 0px; border-bottom:1px #eee solid;}
.foot_slogo_box img {height:.7rem; max-width: 100%;}






@media (max-width:1700px){
	
	.kczx_box2_l{width: 42%;}
.kczx_box2_r{width: 53%;}

	
	}
@media (max-width:1650px){
.shangshiDL dd .cot{ font-size:.16rem;min-height:2.5rem;}
.shangshiDL dd .tit{margin-top: 0.15rem; margin: 0.15rem 0 0.2rem 0;    font-size: .25rem;}
.shangshiDL dd .padds{margin-top: 2rem;}
.index-page-d .kczx_box{ margin-top:1.6rem;}
#footer .footer-menu dl{ margin-right:4%;}
.shangshiDL dd .cot{ font-size:.16rem;}	
.kczx_box2_l ul li{ padding:.3rem .2rem;}

.kczx_box2_l{width: 42%;}
.kczx_box2_r{width: 53%;}
.news_box .home-ztzl-scroll .words_box .tit{ font-size:.17rem;}
.kczx_box2_l ul li a h2{ font-size:.2rem;}
.news_box .home-ztzl-scroll .words_box{padding: 0.15rem 0.2rem;}
.news_box .more { margin-top: 0.3rem;}
.news_box .more a{width: 150px; margin: 0px auto; font-size: .17rem; text-align: center;  line-height: 2;}
.news_box .home-ztzl-scroll .rect-5728{ padding-bottom:58%;}
.index-b-box-l h1{ font-size: .24rem;background: url(/images/yhyh.png) no-repeat center right; background-size: 50px;margin-bottom: 2%;  line-height: 50px;}
.index-b-box-l p{ font-size:.17rem; margin-bottom:10px;}
.index-b-box-l .ipt_more{ width:50px; height:50px;}
.index-b-box-l .ipt_more svg{  width:50px; height:50px;}
.index-b-box-l .ipt_more .text{color: #d71518;  position: absolute; top: 50%; transform: translateY(-50%); right: -0.3rem; font-size: .16rem;
 transition: .5s ease;}
.index-b-box-num{margin-top: 0.15rem;}
.index-b-box-num-box p.l1 span{font-size: .3rem;}
}
@media (max-width:1500px){
.index-page-d .kczx_box{ margin-top:1.6rem;}
#footer .footer-menu dl{ margin-right:4%;}
.shangshiDL dd .cot{ font-size:.16rem;}	
.kczx_box2_l ul li{ padding:.3rem .2rem;}

.kczx_box2_l{width: 42%;}
.kczx_box2_r{width: 53%;}
.news_box .home-ztzl-scroll .rect-5728{ padding-bottom:65%;}

}


@media (max-width:1199px){
#footer .footer-menu{ width:87%}
#footer .footer-about{ display:none}
.weui-cell_primary2{ width:100%; left:0px; margin-left:0px; }
.kczx_box2_l ul li{ padding:.2rem .2rem;}
}

@media (max-width: 767px) {
.weui-cell_primary2{ width:100%; left:0px; margin-left:0px; margin-top:0px;}
.index-page-c{ padding:0 0.2rem}
.index-business-title{ padding-bottom:0.2rem; }
.index-business-title h2{text-align:left}
.index-business-title p{ display:none}
.index-business2 .con{ display:block }
.index-business2 .item{ width:50%; float:left;padding-right:3px; padding-bottom:3px;margin-bottom: 5px;}
.index-business2 .item .item_box{  border-radius:8px; padding: .2rem .5rem;}
.index-business2 .item:first-child{ width:100%}
.index-business2 .item .content{ height:auto;text-align: center;}
.index-business2 .item em{ display:none}
.index-business2 .item i.i1{ position:relative; left:0;top:0; margin:0 auto; width:0.60rem; height:0.60rem;  display:block}
.index-business2 .item h3{position: relative;  bottom: auto;  text-align: center;  margin-top:.2rem; font-size: 0.24rem;margin-bottom: .2rem;}
.index-business2 .item .text{ display:none;}
.index-business2 .item i{ top:0px;    font-size: .6rem; left:auto; margin:0px auto; position:inherit;}
.index-business2 .item.active i{ position:inherit;}
.index-business2 .item.active{ width:50%;}
.index-business2 .item:first-child{ width:100%}
.index-chunk-body.center { padding-top: 115px;}
.index-chunk-body .cont_tit{ margin-bottom:3em;}
.index-b-box-l{ width:100%;}
.index-b-box-l .ipt_more{ width:50px; height:50px;}
.index-b-box-l .ipt_more svg{width:50px; height:50px;}
.index-b-box-num{ width:100%; }
.index-b-box-num-box p.l1 span{ font-size:.25rem;  margin-right:3px;}
.index-b-box-num-box p.l2{ font-size:.16rem;}

.index-page-d .kczx_box .business-item{ width:41%;margin-bottom: .3rem;}
.index-page-d .kczx_box { margin-top: 1.3rem;}
.index-page-d .kczx_box .business-item .business-txt i{margin: 21% auto 0;}
.news_box .slideTxtBox .hd ul li{ margin-left:0px; margin-right:10px;}
.news_box .slideTxtBox{ padding-top:60px;}
.news_box .slideTxtBox .hd ul{ right:0px; top:-60px;}
.news_box .more { margin-top: .3rem;}
.news_box .more a{ width:150px;}
.index-business2 .item .item_box a{ position:inherit; top:auto; left:auto; margin:0px auto;}
.index-business2 .item.active .item_box a{ position:inherit; top:auto; left:auto; bottom:auto; margin:0px auto;}


#footer{padding-bottom: .8rem;}
#footer .pt50{ padding-top:0.3rem }
#footer .footer-about{ display:block; width:100%; float:none; padding-right:0; text-align:center;}
#footer .footer-about h3{ display:none}
#footer .footer-about .links{ max-width:100%; display:none}
#footer .footer-about p{font-size:0.18rem;line-height:1.8}
#footer .footer-menu{ display:none}
#footer .footer-qr{ width:100%; float:none; padding:0; margin-top:0.2rem;}
#footer .footer-qr img{ width:40%; max-width:150px; margin:0 auto }	
.footer-bar{  text-align:center!important}
.footer-bar .left-con{ float:none;line-height: 1.5;}
.footer-bar .left-con span{ margin:0 5px}
.footer-bar .right-con{ float:none; margin-top:12px;}
.footer-bar .right-con .icp{ display:none}
.footer-bar .right-con a.linking{ float:none; display:inline-block; width:140px; height:14px; background-size:cover}
.page-footer .footer-about{ display:none !important}
.page-footer .footer-qr{ display:none !important}
.page-footer .footer-bar{ padding:0 !important; margin:0 !important; border:0 !important}
.footer-links{ display:none}


.shangshiDL dd .bg:before{ display:none;}
.shangshiDL dd .padds i{ color:#fff;}
.shangshiDL dd .tit, .shangshiDL dd .cot{ color:#fff;}
.smallMore{ color:#fff; border:1px solid #fff;}
.shangshiDL dd .cot{ min-height:2rem;}
.shangshiDL dd .padds{ margin-top:3rem;}
.pro-pagination {
    display: block;
}
.kczx_box2_l{ width:100%;}
.kczx_box2_r{ display:none;}
.kczx_box2_l ul li a span{ padding:0px 20px;}
.index-b-box-num2 {
    position:static;
   
    width:auto;
}

}

@media (max-width: 414px){
.news_box .more {
    margin-top: .1rem;
}
.index-b-box-l p{display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-align: justify; margin-bottom:0px;}
.index-b-box-num{ display:none;}
.index-b-box-l p.ee{ display:none;}
.itemImg{ width:1rem; height:1rem;}
.itemImg span em{font-size: .16rem;}
.itemImg span{padding-top: .2rem;}
.itemImg1{ left:62%;}
.itemImg2{left: 33%;top: 36%;}
.itemImg3 { left: 16%; top: 61%;}




}

.index-footer .footer-links{ padding: 0 4%}
.index-footer .p30{padding:0.5rem 4% 0.3rem!important;}

/* --------------右侧追随---------------------- */

#follow-btn{ position:fixed; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}

#follow-btn a{ display:block; background-color:rgba(0,0,0,0.05); color:#aaa; width:50px; height:50px;  text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }

#follow-btn a i{font-size:28px; line-height:50px;}

#follow-btn a:hover{ background-color:#0062a6; color:#FFF}



@media (max-width:1250px){

	#follow-btn{ display:none}

}



.bottom-slider{ position:fixed; right:0;bottom:-320px; width:470px; height:320px; background-color:#ddd;box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.15); z-index:9999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}

.bottom-slider .con{padding:10px}

.bottom-slider .con img{width:100%}

.bottom-slider.hover{bottom:0}

.bottom-slider .close-icon{background:url(/images/close-icon.gif) no-repeat center center; width:64px; height:64px; position:absolute; right:0px;top:0px; z-index:20}



@media (max-width:767px){

	.bottom-slider{ display:none}

}



 
 
 

/*内页--走进37000威尼斯*/

.subBox{position: relative;overflow: hidden;}
.subBox img { width: 100%;display: block;}
.ny_banner{ width:100%; overflow:hidden;}

.subBanner{position: relative;width: 100%;height: 100%;top: 0;left: 0; bottom:0px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.subBanner .title{position: absolute;width: 100%;height: 50px;line-height: 50px;bottom: 150px;left: 0;font-size:.55rem;font-weight: bold;color: rgba(255,255,255,.25);text-transform: uppercase;}
.subBanner .title1{position: absolute;width: 100%;bottom:15px;left:15px;font-size:.4rem;font-weight: bold;color: #fff;text-transform: uppercase;z-index: 5;}
.bread {width: 100%;font-size: 16px;color: #fff;position: absolute;bottom: 90px;left: 0px;}
.bread a{ color:#fff;}
.xc_nav{border-bottom: 1px solid #eee;}
/* .xc_nav ul{overflow:hidden;} */
.xc_nav li{float:left;height:60px;line-height:60px;position:relative; color:#555; font-size:16px;}
.xc_nav li a{padding:0 30px;display: block;}
.xc_nav li a:hover{font-weight:bold;color:#ffffff;}
.xc_nav li:hover,.xc_nav li.cur{font-weight:bold;color:#ffffff; background:#e10a00}
.xc_nav li:after{content:"";width:1px;height:12px;background:#dddddd;display:block;position:absolute;right:-0.5px;top:50%;margin-top:-6px;}
.xc_nav li:last-child:after{display:none;}
.xc_nav li:hover a,.xc_nav li.cur a{ color:#fff;}
.page_box{ width:100%;}
.page-banner2{width: 100%;
    height: 50vh;
    position: relative;}
.about{ width:100%;}
.about_box .tit{ width:100%; text-align:center;    margin-bottom: .6rem;}
.about_box .tit h2{ line-height:1.8; font-size:.3rem; color:#555;}
.about_box .tit em{display: block; width: 1.6rem; height: 1px; background-color: #ddd; margin: 0.15rem auto;}
.about_box .tit em i { display: block;  width: 0.6rem;  height: 3px;  background-color:#e60011; position: relative;  margin: 0 auto; top: -1px;}






.ny_main{ width:100%; overflow:hidden;}
.about_a{ padding:4% 0px;}
.aboutCloumn1_left .aboutPic{padding: 0 0 15px 15px;position: relative;}
.aboutCloumn1_left .pic{border-radius: 8px;overflow: hidden;}
.aboutCloumn1_left .pic img{width: 100%;}
.aboutCloumn1_left .pic:before{padding-top: 67.0503%;}
.aboutCloumn1_left .aboutPic::before{display: block;content: "";position: absolute;left: 0;right: 45px;top: 15px;bottom: 0;border-radius: 8px;background:rgba(0,108,184,0.1) ;z-index: -1;}
.aboutCloumn1_right .title{line-height:60px;overflow: hidden;font-size: 30px;font-weight: bold;color:#cf0212;padding-top: 0px;}
.aboutCloumn1_right .text{line-height: 42px;font-size:.18rem;color: #555;text-indent: 2em;padding-top: 15px;text-align: justify;margin-bottom: 5px;}
.aboutCloumn1_right .more{ margin-top:.2rem;}
.aboutCloumn1_right .more a{display: inline-block;padding: 0 30px;height: 40px;line-height: 40px;background: #a70001;border-radius: 40px;font-size: 16px;color: #fff;
transition: all 0.5s;-webkit-transition: all 0.5s;cursor: pointer;position: relative;}
.aboutCloumn1_right .more a:hover{border-radius: 10px;z-index: 10;transform: translateY(-3px);-webkit-transform: translateY(-3px);box-shadow: 0 3px 7px rgba(0,0,0,0.08);}


.about_b{ padding:4% 0px; background:url(/images/ipart04_1.jpg) no-repeat center; background-size:cover;}
.abDevBg{padding: .8rem 0 1.2rem 0;background-size: cover !important;position: relative;}
.aboutLC{padding: 0 0 .5rem 0;max-width: 80%;margin: auto;}
.aboutLC .ac{display: none;text-align: center;}
.aboutLC .ac.on{display: block;}
.aboutLC .year{color: #29569a;margin-bottom: .5rem;font-weight: bold;animation: dh_lt .5s ease-in both;-webkit-animation: dh_lt .5s ease-in both;}
.prossDiv{width: 2.3rem;position: relative;height: 2px;background: #cdcfd3;margin: auto;}
.prossDiv span{position: absolute;left: 0;top: -1px;bottom: -1px;border-radius: 5px;width: 0;background: #122a88;transition: .5s;-webkit-transition: .5s;}
.swiperYear{width: 2.3rem;margin: auto;overflow: visible;text-align: center;z-index: 2;}
.swiperYear .linef{height:30px;width:30px; border-radius:100%;display: block;margin: auto;background: #ddd;position: relative;margin-bottom: .2rem;background:#586c76;}
.swiperYear .linef:after{display: block; position: absolute; content: ''; top:50%;left:50%; margin-left:-11px; margin-top:-11px; width:22px;height: 22px;background: #fff;border-radius:100%;transition: all 0.5s ease-in-out;}
.historyBot{position: relative;}
.hisBg{position: absolute;left: 0;top:.05rem;height:.2rem;right: 0;background:#e4eef6;background-image: linear-gradient(
90deg, rgba(38, 63, 75, 0), rgba(38, 63, 75, 0.4), rgba(38, 63, 75, 1), rgba(38, 63, 75, 0.4), rgba(38, 63, 75, 0));}
.hisBg .bg{position: absolute;left: 0;right: 0;top: 100%;height: 6px;}
.hisBg .redCt{position: absolute; left: 50%; margin-left:-25px;bottom:.3rem;width: 1px;background: #D51322; background:url(/images/ipnow.png) no-repeat center; background-size:100%;height: 50px;  width: 50px;animation: historyyrIconAni 2s linear infinite;}
/*.hisBg .redCt:before{position: absolute;border-width: 8px;content: '';border-style: solid;border-color: #fff transparent transparent transparent;left: -7px;}*/
.dev-btn{position: absolute;z-index: 3; line-height: .48rem;width: .48rem;text-align: center;color: #9aa4cb;border: 1px solid #9aa4cb;font-size: .2rem; border-radius: 50%;top: 50%;margin-top: -0.24rem;cursor: pointer;}
.dev-prev{ left: 10%;}
.dev-next{ right: 10%;}
.swiperYear .swiper-slide-active .linef:after{display: block; position: absolute; content: ''; top:50%;left:50%; margin-left:-8px; margin-top:-8px; width:16px;height: 16px;background: #fff;border-radius:100%;}
.aboutLC .year p{ font-size:.3rem;}
.aboutLC .cos{display: inline-block; min-width: 185px; height: 45px;  line-height: 45px; position: relative; z-index: 10; color: #fff; background-color: #263F4B; cursor: pointer;
 transition: all 0.5s; font-size:.22rem;} 
.aboutLC .cos:before{content: ""; display: block; position: absolute; width: 64%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  z-index: 22;  transition: all 0.5s;}
.aboutLC .cos::after,
.aboutLC .cos::before {content: "";display: block;position: absolute;width: 64%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;
z-index: 22;transition: all 0.5s;}
.aboutLC .cos::after {bottom: 0;right: 0;background-image: url('/images/morebg1.png');transition: all 0.5s;}
.aboutLC .cos::before {/* bottom: -100%; */bottom: 0;left: -100%;background-image: url('/images/morebg2.png');}
.aboutLC .cos:hover::after {right: -100%;}
.aboutLC .cos:hover::before {	left: 0;}




.about_c{ padding:4% 0px;}
.honor01 .content{background:url(/img/honor01_2.jpg) no-repeat center; background-size:cover; display:flex; justify-content:space-between; align-items:center;}
.honor01 .content .left{width:55%; float:left;}
.honor01 .content .left li{color:#000; cursor:pointer; transition:.5s ease; margin-bottom:.24rem; position:relative; padding-left:.25rem; transition:.5s ease;font-size: .17rem;}
.honor01 .content .left li:last-child{margin-bottom:0;}
.honor01 .content .left li:after{content:''; transition:.5s ease; width:4px; height:100%; background:#9a9994; position:absolute; left:0; top:0}
.honor01 .content .left li.cur{color:#004ea1; font-weight:bold;}
.honor01 .content .left li.cur:after{background:#005f74;}
.honor01 .content .right{width:42%; float:right;}
.honor01 .content .right .rect-656{padding-bottom:65.6%; border-radius:10px;}
.honor01 .content .right img{opacity:0; visibility:hidden; transition:.5s ease; border-radius:0px;}
.honor01 .content .right img.cur{opacity:1; visibility:visible;}

.qyry_box{ width:100%;}
.qyry_box_r{ display:block; width:100%;}
.qyry_box_r img{border-radius: 10px 0px 120px 10px; display:block; width:100%;}
.qyry_box_l{ position:relative;}
.qyry_box_list{ padding:50px; position:absolute; top:0px; width:100%; height:100%;}
.qyry_box_l h2{ font-size:.22rem; line-height:1.8; color:#333; font-weight:bold; margin-bottom:.2rem;}
.qyry_box_l ul{ width:100%;}
.qyry_box_l ul li{ margin-bottom:.2rem;}
.qyry_box_l img{border-radius: 120px 0px 10px 10px; display:block; width:100%;}
.qyry_box_l ul li h1{ font-size:.18rem; position:relative; padding-left:15px;line-height: 1.5;}
.qyry_box_l ul li h1:after{content: ''; transition: .5s ease;  width: 4px;  height: 100%; background:#e40111; position: absolute; left: 0; top: 0;}
.qyry_box_l .more{width: 142px;  height: 40px; border: 1px solid #014098;  border-radius: 46px; transition: all 0.3s linear; overflow: hidden; margin-top:.4rem;}
.qyry_box_l .more a{ display: block;  position: relative; height: 40px; text-align: center;  line-height: 40px;}
.qyry_box_l .more a:before{display: block; content: ""; position: absolute; width: 150px;  height: 150px; left: 50%;  margin-left: -77px; top: 50%;  margin-top: -77px; background: #014098; border-radius: 50%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;  transform: scale(0);  -webkit-transform: scale(0);}
.qyry_box_l .more a span{
	position: relative;
	z-index: 5;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #014098;
	background: url(/images/morej.png) right center no-repeat;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.qyry_box_l a:hover{
	border-color:#4e82e0;
}
.qyry_box_l a:hover::before{
	transform: scale(1);
	-webkit-transform: scale(1);
}
.qyry_box_l a:hover span{
	color: #fff;
}

.about_d{ padding:4% 0px; background:url(/images/bg2.jpg) no-repeat center bottom; background-size:cover;}
.about_d .leader-slider{ margin-top:0.3rem;overflow:hidden; position:relative; padding-bottom:50px;}
.about_d .zzry_box{position:relative;}
.about_d .item{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
.about_d .item img{ width:100%}
.about_d .item span{ display:block; text-align:center; padding:0.15rem 0.2rem 0.25rem;background-color:#fff;    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .18rem;}


.about_d .swiper-button-prev,.about_d .swiper-button-next{width: 1rem;height: 1rem;padding:0.25rem; text-align:center; position: absolute;top:50%; margin-top:-0.6rem; background:none;z-index:20;color:#aaa;opacity: .7;-webkit-transition: 0.5s;transition: 0.5s;}
.about_d .swiper-button-prev i,.about_d .swiper-button-next i{ font-size:0.5rem}
.about_d .swiper-button-prev{left:-1rem;}
.about_d .swiper-button-next{right:-1rem;}
.about_d .swiper-button-prev:hover{opacity: 1; }
.about_d .swiper-button-next:hover{opacity: 1;}
.about_d .swiper-button-disabled{opacity:0.7}




/*新闻中心*/

.news_main{ background:#f7f7f7; padding:30px 0px;}
.news_list01{ padding-top:30px;}
.news_list01 .rect-5665{padding-bottom:56.65%;}
.news_list01 ul{position:relative;}
.news_list01 ul:after{content:''; background:#bcbcbc; position:absolute; top:0; left:11%; height:100%; width:1px; z-index:3}
.news_list01 ul .item{height:232px; margin-bottom:15px;}

.news_list01 ul .item_l{width:16.5%; float:left; position:relative; height:100%;}
.news_list01 ul .item_l:after{content:''; position:absolute; top:0; right:33%; width:0; height:232px; background:#e10a00; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list01 ul .item_r{width:83.5%; float:left; height:100%; background:#fff; position:relative;}
.news_list01 ul .item_r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list01 ul .item_l .time{width:65%; float:left; font-family:'Arial'; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#bf0000; z-index:5; font-size:16px}
.news_list01 ul .item_l .time .d{font-size:52px; margin-bottom:3px;}
.news_list01 ul .item_l .time:after{content:''; background:#bcbcbc; position:absolute; width:46px; height:1px; top:50%; right:-51px;transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list01 ul .item_r .box{padding:30px 40px;}
.news_list01 ul .item_r .intro_box .tit{font-size:22px; font-weight:bold; color:#333f48; line-height:24px; margin-bottom:20px;}
.news_list01 ul .item_r .intro_box .tit a{display:block;}
.news_list01 ul .item_r .intro_box .list_tool{margin-bottom:10px; color:#c9c9c9; font-size:14px;}
.news_list01 ul .item_r .intro_box .list_tool .share_more{margin-left:10px; vertical-align:middle;}
.news_list01 ul .item_r .intro_box .list_tool .time{margin-left:10px;}
.news_list01 ul .item_r .intro_box .con{font-size: 16px;color:#303030;height: 70px;line-height: 36px;overflow:hidden;}
.news_list01 ul .item_r .intro_box{width:75%; float:left;}
.news_list01 ul .item_r .img_box{float:right; width:24%;}
.news_list01 ul .item.hover{background:#fafafa;}
.news_list01 ul .item.hover .item_l .time{color:#fff;}
.news_list01 ul .item.hover .item_l .time:before{    content: ''; position: absolute; border-top: 15px solid transparent;  border-bottom: 15px solid transparent; border-left: 15px solid #e10a00; right: -19px; top: 50%;  margin-top: -15px; z-index: 3;}
.news_list01 ul .item.hover .item_l .time:after{background:#e10a00;}
.news_list01 ul .item.hover .tit{color:#bf0000;}
.news_list01 ul .item.hover .item_l:after{width:505px}
.news_list01 ul .item.hover .item_r:after{width:330px;right:-330px;}
.news_list01 ul .item:last-child{margin-bottom:0;}
.news_list01 ul .item.hover .item_l:after {width: 505px;}
.pages2{ width:100%; margin-top:50px; margin-bottom:20px;}
.pages_box2{ width:100%; text-align:center;}
.pages_box2 a{ display:inline-block; padding:0px 20px; background:#fff; border:1px solid #e1e1e1; margin:0px 5px; font-size:15px; color:#666; line-height:40px;}
.pages_box2 a.cur,.pages_box2 a:hover{ background:#004ea1; color:#fff;}
.rect-60{ padding-bottom:60%;}
.news_list01 ul .item_r .intro_box .con:hover a{ color:#666;}
.news_list01 ul .item_r .intro_box:hover .tit a{color:#e10a00;}



/*内容页*/

.news-details { padding:30px 0px 40px;}
.news-details .con {position: relative; padding: 40px 20px;  background-color: #FFF; box-shadow: #000;}
.news-details .con .news-center .title { padding-bottom:20px; border-bottom: 1px solid #e3e3e3;}
.news-details .con .news-center .title h1 {  font-size:.32rem; font-weight: bold; text-align: center;}
.news-details .con .news-center .title .brief { display: flex; justify-content: center; margin-top: 20px; font-size: 16px;}
.news-details .con .news-center .title .brief h3 {  margin-right: 1rem;font-size: 0.16rem; color:#666;}
.news-details .con .news-center .title .brief h4 {font-size: 0.16rem; color:#666;}
.news-details .con .news-center .text { margin-top:25px;}
.news-details .con .news-center .text p { font-size:.18rem; text-indent: 2em; text-align: justify; /* margin-top: 1.5rem; */ line-height: 1.8;}
.news-details .con .news-center .text p strong{ font-size:20px;  text-indent: 2em; text-align: justify; /* margin-top: 1.5rem; */ line-height: 1.8;}
.news-details .con .news-center .text img {max-width: 100%; margin:20px auto;  display: block;}
.news-details .con .news-bottom { margin-top: 50px; display: flex; justify-content: space-between;}
.news-details .con .news-bottom .left { width: 46.5%; background: #f4f4f4; padding:15px 20px;}
.news-details .con .news-bottom .left a {  display: block;}
.news-details .con .news-bottom .left a .prev { float: left; line-height:2;font-size: 18px; color: #777; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.news-details .con .news-bottom .left a h2 { float: right;width: 80%; text-align: right; line-height:2; font-size:18px; font-weight: bold;  color: #555;
 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s;}
.news-details .con .news-bottom .left:hover a .prev {  color: #004a92;}
.news-details .con .news-bottom .left:hover a .prev span { color: #004a92;}
.news-details .con .news-bottom .left a .prev span { color: #666; margin-right:6px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.news-details .con .news-bottom .left:hover a h2 { color: #004a92;}
.news-details .con .news-bottom .middle {  width: 7%;  /* height: 50px; */ background:#e50011; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; padding: 10px; text-align: center;}
.news-details .con .news-bottom .middle a {  display: block; height:100%;}
.news-details .con .news-bottom .middle span{ display:block; margin:10px auto;}
.news-details .con .news-bottom .middle i{ font-size:.3rem; color:#fff; margin:10px auto;}
.news-details .con .news-bottom .right { width: 46.5%;  background: #f4f4f4; padding: 15px 20px;}
.news-details .con .news-bottom .right a { display: block;}
.news-details .con .news-bottom .right a .next { float: right;line-height:2; font-size: 18px; color: #777; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.news-details .con .news-bottom .right a h2 {  float: left; width: 80%; line-height:2; font-size:18px; font-weight: bold; color: #555; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.news-details .con .news-bottom .right:hover a h2 { color: #004a92;}
.news-details .con .news-bottom .right:hover a .next { color: #004a92;}
.t_neiprev{ position: fixed;right: calc(100px - 100%);bottom: 150px;cursor: pointer; text-align: center;  z-index: 999999; transition: all 0.36s;}
.t_neiprev.on{ right: 60px;}
.t_return { box-shadow: 0px 12px 33px 0px rgb(0 0 0 / 14%); position: relative; display: inline-block; margin-bottom: 10px;}
.t_return { background: #fff; box-shadow: 0px 9px 40px 0px rgb(0 0 0 / 38%); width: 50px; height: 50px; border-radius: 50%; cursor: pointer;}
.t_returnpic { width: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(270deg);}
.t_neiprev .t_returnpic { width: 22px; transform: translate(-50%,-50%) rotate(0);}
.t_returnpic img { width: 100%;}
.t_retuzi { font-size: 14px; line-height: 1.5; color: #fff; background: #292c3f; padding: 5px 10px;  border-radius: 22px;}



/*关于37000威尼斯*/
.about_us{ width:100%; padding:70px 0px;}
.about_us_top{}
.about_us_top_box{ width:100%;}
.about_us_top_box h2{ font-size:.35rem; font-weight:bold; color:#333; margin-bottom:20px;}
.about_us_top_box span{ display:block; width:70px; height:3px; background:#e10a00; margin:20px 0px;}
.abo_txt{ width:100%;}
.abo_txt p{ text-indent:2em; font-size:.18rem; line-height:2; color:#333;}
.about_us_bot{  margin-top: 0.5035rem;}
.about_us_bot .row{ display:flex; justify-content: flex-start;align-items: center;}
.about_us_bot_l{ width:60%;}
.about_us_bot_l div{ height:5rem;}
.about_us_bot_r{ width:40%;background: url(/images/gsjj-lbg.png) no-repeat; height: 5rem; padding: 0.35rem;  background-size: cover;}
.about_us_bot_r dl{}
.about_us_bot_r dl dt{ width:100%;text-align:left; padding-top:.15rem;}
.about_us_bot_r dl dt h3{ font-size:.3rem; font-weight:bold;}
.about_us_bot_r dl dt p{ font-size:.18rem; color:#666; line-height:2; font-weight:normal; margin-top:.15rem;}


.about_us_bot_r dl dd{ margin-top:20px;}
.about_us_bot_r dl dd ul{ width:100%;}
.about_us_bot_r dl dd ul li{ float:left; width:50%; text-align:left; color:#fff; margin-top:.3rem; position:relative; padding-bottom:.2rem;}
.about_us_bot_r dl dd ul li:before{ content:''; position:absolute; bottom:0px; height:1px; background:#d7d7d7; width:90%;}
.about_us_bot_r dl dd ul li p{ color:#fff;}


/*内页新头部*/
.nny_nav{ width:100%; background:#fbfbfb;}
.nny_nav_box{display: -webkit-box; display: -webkit-box;  display: -ms-flexbox; display: flex;  display: -webkit-flex;-webkit-box-pack: space-between;  -ms-flex-pack: space-between;
 justify-content: space-between; -webkit-justify-content: space-between;}
.nny_nav_box_tit{display: inline-block;padding: 0.3rem 0.2rem 0.3rem 0.5rem; line-height: 1.2;  text-transform: uppercase; background: rgba(215,35,27,.85); color: #fff;
  position: relative;  z-index: 2; font-size:.36rem; font-weight:bold; min-width: 2.5rem;}
.nny_nav_box_tit:before{content: ''; position: absolute; top: 22px; left: 20px; width: 10px;  height: 10px;  border-radius: 100%;  background: #fff2f2;} 
.nny_nav_box_tit:after{ content: '';position: absolute;  top: 26px; left: 29px; width: 15px; height: 15px; border-radius: 100%; background: #f7b5b3;} 
.nny_bread{ margin-top: .2rem; color:#666;margin-bottom: .1rem;}
.nny_bread a{ color:#666;}
.xg_nav li{float:left;height:60px;line-height:60px;position:relative; color:#555; font-size:16px;}
.xg_nav li a{padding:0 30px;display: block;}
.xg_nav li a:hover{font-weight:bold;color:#ffffff;}
.xg_nav li:hover,.xg_nav li.cur{font-weight:bold;color:#ffffff; background:#e10a00}
.xg_nav li:after{content:"";width:1px;height:12px;background:#dddddd;display:block;position:absolute;right:-0.5px;top:50%;margin-top:-6px;}
.xg_nav li:last-child:after{display:none;}
.xg_nav li:hover a,.xg_nav li.cur a{ color:#fff;}
.ny_nav{ width:100%;border-bottom: 1px solid #ddd;}
.ny_nav ul{ display:flex;text-align: center;-webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-justify-content: center;}
.ny_nav ul li{padding: 0 .6rem;}
.ny_nav ul li>a { display: block; position: relative; padding: .25rem 0;  color: #666; font-size:.2rem;}
.ny_nav ul li>a:before { position: absolute; width: 0;  left:0;  content: '';  bottom: -1px;  height: 3px;   background: #E10A00;  transition: .5s; -webkit-transition: .5s;}
.ny_nav ul li.on>a:before{ width:100%;}
.ny_nav ul li.on>a{ color: #E10A00;}
.ny_nav ul li:hover>a:before{  width:100%;}
.ny_nav ul li:hover>a{ color: #E10A00;}
.pro_main{ overflow:hidden;}
.pro_main_first{ padding:.5rem 0px;}
.pro_main_first_box{ width:100%; position:relative;}
.pro_main_first_box_l{ width:54%;}
.tran_scale { overflow: hidden; display: block;}
.tran_scale img { width:100%; display:block;  -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear; transition: opacity .4s ease-in,transform .6s linear;}
.pro_main_first_box_r{padding: 3% 4%;  position: absolute;  right: 5px;  top: 10%;  width: 55.42%;  background: #f7f7f7; min-height: 400px;}
.pro_main_first_box_r .smtit { position: relative; font-weight:bold; line-height: normal; font_radio: 2;  display-radio: 1; font-size: 25px;   color: #e60012; margin-bottom: 10px;  }
.pro_main_first_box_r .smtit:before { content: '';  position: absolute;  top: 18px; left: 150px;  width: 80px;  height: 2px;  background: #e60012;}
.pro_main_first_box_r .info{ width:100%;height: 280px; overflow-y: scroll;}
.pro_main_first_box_r .info p{ font-size:.18rem; line-height:2; color:#666;}

.pro_main_third{ background:#f7f7f7; padding:.5rem 0px;}
.pro_main_third_box .slideTxtBox{ width:100%;text-align:left;  }
.pro_main_third_box .slideTxtBox .hd{ width:100%;}
.pro_main_third_box .slideTxtBox .hd ul{ display:flex;justify-content:center;align-items:center;}
.pro_main_third_box .slideTxtBox .hd ul li{ margin:0px .1rem .3rem;}
.pro_main_third_box .slideTxtBox .hd ul li a{ display:inline-block;padding:10px .5rem; background:#fff; font-size:.18rem; line-height:1.5; color:#666; border:1px solid #f1f1f1;}


.pro_main_third_box .slideTxtBox .hd ul li.on a{ border:1px solid #e60012; color:#e60012; font-weight:bold;}
.pro_main_third_box dl{ width:100%;}
.pro_main_third_box dl dt{ width:100%;}
.pro_main_third_box dl dt p{ width:100%; font-size:.2rem; color:#666; line-height:2; font-weight:normal;}

.pro_main_third_box .pro-slider{ margin-top:0.3rem;overflow:hidden; position:relative; padding-bottom:50px;}
.pro_main_third_box .pro_gd{position:relative;}
.pro_main_third_box .item{}
.pro_main_third_box .item a{ display:block; width:100%; position:relative;}
.pro_main_third_box .item .img_acle{overflow: hidden; display: block; position: relative;background: #fff;}
.pro_main_third_box .item img{ width:100%;transition: 1s;  -webkit-transition: 1s;vertical-align: middle; max-width: 100%; }
.pro_main_third_box .item span{position: absolute; left: 0; right: 0;  bottom: 0;  padding: .5rem .3rem .3rem .3rem; background: rgba(0,0,0,.5);
 background: linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0)); background: -webkit-linear-gradient(to top, rgba(0,0,0,.75),rgba(0,0,0,0)); color:#fff; display:block; font-size:.22rem;}
.pro_main_third_box .item .img_acle:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.pro_main_third_box .swiper-button-prev,.pro_main_third_box .swiper-button-next{ width:50px; height:50px; background:#e60012; border-radius:100%; text-align:center; position: absolute;top:50%; margin-top:-0.6rem;z-index:9999;color:#aaa;-webkit-transition: 0.5s;transition: 0.5s;}
.pro_main_third_box .swiper-button-prev i,.pro_main_third_box .swiper-button-next i{ font-size:0.3rem; color:#fff; line-height:50px;}
.pro_main_third_box .swiper-button-prev{left:-25px;}
.pro_main_third_box .swiper-button-next{right:-25px;}

.pro_main_third_box .swiper-button-disabled{opacity:0.9}
.pro_main_third_box .swiper-pagination{ display:none;}


/*科创中心*/
.kczx_main{ width:100%; padding:.5rem 0px; padding-bottom:200px; background:url(/images/bg2.jpg) no-repeat center bottom; background-size:100% auto;}
.kczx_main_first_box{ width:100%; font-size:18px; line-height:2;}
.kczx_main_first_box img{ display:block; max-width:100%; margin:0px auto;}
.kczx_main_first_box p{ text-indent:2em; margin-bottom:10px;}

.kczx_main_first_box1{ width:100%; font-size:18px; line-height:2;}
.kczx_main_first_box1 img{ display:block; max-width:100%; margin:0px auto;}
.kczx_main_first_box1 p{margin-bottom:10px;}

._pt{ display:flex;justify-content:space-between;align-content:center;}
:root { --national-color: #3498db;  --provincial-color: #27ae60; --city-color: #e67e22;  --overseas-color: #2c3e50;}
		
/* 基础形状 */
.research-platforms { max-width: 1200px;  margin: 0 auto;  padding: 20px; font-family: 'Segoe UI', system-ui;}

/* 分类卡片容器 */
.platform-cards {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 30px;}
/* 通用卡片形状 */
.platform-card { background: #fff;  border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.2s; overflow: hidden;}
.platform-card:hover { transform: translateY(-5px);}
/* 分类标题形状 */
.card-header { padding: 15px 20px; background: #2c3e50; color: white;}
.card-header h2 { margin: 0; font-size:.2rem; display: flex;  align-items: center;}
/* 分类象征 */
.category-tag { display: inline-block; font-size: 0.8em;padding: 2px 8px; border-radius: 4px;  margin-left: 10px; background: rgba(255,255,255,0.2);}
/* 内容列表形状 */
.card-content { padding: 20px; background: #f8f9fa;}
.platform-list { list-style: none;  padding: 0;  margin: 0;}
.platform-list li { padding: 12px 0; border-bottom: 1px solid #eee; line-height: 1.5;}
.platform-list li:last-child {  border-bottom: none;}



.kczx_main_first_box1{ --primary-color: #2a5caa;    /* 主色调 */ --secondary-color: #1a3a6e;  /* 辅助色 */ --accent-color: #f0b400;     /* 强调色 */ --text-color: #333;         /* 正文色彩 */ --light-bg: #f8f9fa;         /* 淡色布景 */   --card-radius: 12px;         /* 卡片圆角 */  --section-spacing: 3rem;    /* 区块间距 */ }

.kczx_main_first_box{ --primary-color: #2a5caa;    /* 主色调 */ --secondary-color: #1a3a6e;  /* 辅助色 */ --accent-color: #f0b400;     /* 强调色 */ --text-color: #333;         /* 正文色彩 */ --light-bg: #f8f9fa;         /* 淡色布景 */   --card-radius: 12px;         /* 卡片圆角 */  --section-spacing: 3rem;    /* 区块间距 */ }
/* 标题形状 */
.section-title { font-size: .3rem; font-weight:bold;  color: var(--primary-color); padding-bottom: .15rem;  border-bottom: 3px solid var(--accent-color);  display: inline-block; margin-bottom: 0.3rem;}
/* 卡片布局 */
.ry-card-grid {display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: .5rem;  margin-bottom:.4rem;}
.ry-card { background: white; padding: .25rem; border-radius: var(--card-radius); box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s ease;}
.ry-card:hover { transform: translateY(-5px); }
.ry-card h3 { color: var(--secondary-color); margin-bottom:.15rem;  font-size: .2rem; margin-top:.15rem; font-weight:bold;}
.badge {  display: inline-block; padding: 0.1rem 0.1rem;  background: var(--primary-color); color: white; border-radius: 20px; font-size:.18rem;  margin-bottom:.1rem;    font-weight: normal; }
 /* 列表形状 */
.styled-list { list-style: none; padding-left: .2rem;}
.styled-list li { position: relative; margin-bottom: 0.1rem; padding-left:.15rem;line-height: 1.6; font-size: .17rem; }
.styled-list li::before { content: "?";color: var(--accent-color); position: absolute; left: 0; font-size:.2rem; }


/*图片列表页面*/
.pic_list_box{ width:100%;}
.pic_list{ width:100%;padding: 0.5rem 0px;}
.pic_list .gallery { display: grid; grid-template-columns: repeat(3, 1fr);gap: var(--gap); margin-bottom: 40px;}
.pic_list { --primary-color: #2c3e50; --accent-color: #e74c3c;--text-color: #333; --light-bg: #f5f6fa; --card-radius: 12px; --gap: 30px;}
.pic_list .gallery-item { position: relative; overflow: hidden;  border-radius: var(--card-radius); box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;
 background: white; }
.pic_list .gallery-item:hover { transform: translateY(-8px);box-shadow: 0 8px 24px rgba(0,0,0,0.15);}
.pic_list .image-wrapper { position: relative; overflow: hidden; padding-top: 100%; /* 1:1比例 */     padding-top: 75%;}
.pic_list .gallery-img { position: absolute; top: 0;left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
.pic_list .gallery-item:hover .gallery-img {  transform: scale(1.05); }
.pic_list .image-title { position: absolute;  bottom: 0; left: 0; right: 0;  background: linear-gradient(transparent, rgba(0,0,0,0.8));   color: white; padding: 20px;  text-align: center; opacity: 0;   transition: opacity 0.3s ease; font-size: .18rem;}
.pic_list .gallery-item:hover .image-title {  opacity: 1; }

.pic_list .gallery2 { display: grid; grid-template-columns: repeat(4, 1fr);gap: var(--gap); margin-bottom: 40px;}
:root { --primary-color: #2c3e50; --accent-color: #e74c3c;--text-color: #333; --light-bg: #f5f6fa; --card-radius: 12px; --gap: 30px;}
.pic_list .gallery-item2 { position: relative; overflow: hidden;  border-radius: var(--card-radius); box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease;
 background: white; }
.pic_list .gallery-item2:hover { transform: translateY(-8px);box-shadow: 0 8px 24px rgba(0,0,0,0.15);}
.pic_list .image-title { position: absolute;  bottom: 0; left: 0; right: 0;  background: linear-gradient(transparent, rgba(0,0,0,0.8));   color: white; padding: 20px;  text-align: center; opacity: 0;   transition: opacity 0.3s ease; font-size: .18rem;}
.pic_list .gallery-item2:hover .image-title {  opacity: 1; }


/*联系37000威尼斯-招聘*/
:root { --primary-blue: #2a5caa; --accent-orange: #ff6b6b; --system-green: #27ae60; --welfare-purple: #8e44ad; --text-color: #2d3436; --bg-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}
/* 通用标题形状 */
.contact_main .section-title2{ font-size:.4rem;text-align: center;  margin-bottom: 50px;transform: translateY(30px); transition: all 0.8s ease; font-weight:bold; }

.contact_main .benefits-container { display: grid; grid-template-columns: 1fr 1fr;  gap: 40px;  margin-bottom: 60px; }
.contact_main .system-section { background: rgba(39, 174, 96, 0.05);padding: 30px;  border-radius: 20px;}
.contact_main .welfare-section {  background: rgba(142, 68, 173, 0.05);  padding: 30px;  border-radius: 20px; }
.contact_main .benefits-grid {  display: grid; gap: 25px; }
.contact_main .benefit-card { background: white; padding: 25px;  border-radius: 12px;  box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease;  display: flex; align-items: center;
 gap: 20px; }
.contact_main .benefit-card:hover {  transform: translateY(-5px);}
.contact_main .system-card .benefit-icon { color: var(--system-green); background: rgba(39, 174, 96, 0.1);}
.contact_main .welfare-card .benefit-icon { color: var(--welfare-purple); background: rgba(142, 68, 173, 0.1);}
.contact_main .benefit-icon { width: 50px; height: 50px;  border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; flex-shrink: 0;
transition: transform 0.3s ease; }
.contact_main .benefit-card:hover .benefit-icon { transform: scale(1.1); }
.contact_main .jobs-section { padding: 60px 0; }
.contact_main .jobs-list { display: grid;  gap: 25px; }

/* 招聘岗位部门 */
.jobs-section { padding: 60px 0;}
.jobs-title {font-size: 2rem; text-align: center;margin-bottom: 40px; opacity: 0; transform: translateY(30px); transition: all 0.8s ease;}
.jobs-list { display: grid; margin-bottom:25px;grid-template-columns: repeat(1, 1fr);}
.job-card { background:#f9f5fb; border-radius: 12px; padding:15px 25px;  box-shadow: var(--card-shadow); cursor: pointer; transition: transform 0.3s ease;  overflow: hidden;  position: relative;    margin-bottom: 20px;}
.job-card:hover { transform: translateY(-5px); }
.job-meta p{ margin-bottom:5px;}
.job-header { display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 15px; }
.job-title {font-size:.25rem; color: var(--primary-color);}
.job-tag { background: var(--accent-color); color: white;  padding: 5px 15px;  border-radius: 20px;  font-size: 0.2rem;}
.job-details {  max-height: 0;  overflow: hidden; transition: max-height 0.5s ease-out;}
.job-details p{ font-size:.18rem; line-height:2;}
.det_mailto_box{ padding: 10px 0 10px 3.6%;  font-size: 16px; color:#e74c3c;  line-height: 23px; background-color:#fff; margin: 15px 0px;}
.det_mailto_box a{ color:#e74c3c;    font-weight: bold;}


.rczp_txt{ width:100%; padding:30px 0px;}
.rczp_txt_js{ width:100%;}
.rczp_txt_js p{ font-size:.18rem; line-height:2;}
.zpnav-buttons{ width:100%;border-bottom: 1px solid #ddd; text-align:center;}
.zpnav-buttons .zpnav-btn{ margin: 0 0.6rem;position: relative; padding: 0.25rem 0; color: #666; font-size: .2rem;background: none;
    border: none;}
.zpnav-buttons .zpnav-btn:before { position: absolute; width: 0; left: 0; content: '';  bottom: -1px;  height: 3px;  background: #E10A00;  transition: .5s;  -webkit-transition: .5s;}
.zpnav-btn.active{color: #E10A00;}
.zpnav-btn.active:before { width: 100%;}
 
 
.slideTxtBox2 .hd{ width:100%;border-bottom: 1px solid #ddd;}
.slideTxtBox2 .hd ul{ display:flex;justify-content:center;align-items:center;}
.slideTxtBox2 .hd ul li{ margin: 0 0.6rem;}
.slideTxtBox2 .hd ul li a{ position: relative; padding: 0.25rem 0; color: #666; font-size: .2rem;display: inline-block;}
.slideTxtBox2 .hd ul li a:before { position: absolute; width: 0; left: 0; content: '';  bottom: -1px;  height: 3px;  background: #E10A00;  transition: .5s;  -webkit-transition: .5s;}

.slideTxtBox2 .hd ul li.on a{color: #E10A00;}
.slideTxtBox2 .hd ul li.on a:before{ width: 100%;}
.slideTxtBox2 .hd ul li:hover a{color: #E10A00;}
.slideTxtBox2 .hd ul li:hover a:before{ width: 100%;}

    
@media (min-width: 1400px){
.container {  width: 90%;}


}



@media (max-width: 1650px){
.qyry_box_l .more{ margin-top:.2rem;}


}






@media (max-width: 767px) {

	.menu-handler{ margin-top:5px;}



.subBanner .title{ width:90%; left:10%; bottom:80px;}
.subBanner .title1{ width:90%; left:15px; bottom:0px;}
.aboutCloumn1_right .title{ font-size:.3rem;}
.aboutCloumn1_right .text{ line-height:2;}
.swiperYear .years{ font-size:.18rem;}
.abDevBg{padding: .3rem 0 1.2rem 0;}
.about_a,.about_b,.about_c,.about_d{ padding:8% 0px;}
.header.mini2{ height:60px;}
.qyry_box_l img{ display:none;}
.qyry_box_list{ position:inherit; background:#f7f7f7; border-radius:120px 10px 0px 10px;}
.honor01 .content .left li{ font-size:.22rem;}
.honor01 .content .right{ display:none;}
.honor01 .content .left{ width:100%;}
.about_d .item span{ font-size:.22rem;}

.news_list01 ul .item_l{ display:none;}	
.news_list01 ul .item_r{ width:100%;}	
.news_list01 ul .item_r .box{ padding:30px 20px;}
.news_list01 ul:after{ display:none;}
.news_list01 ul .item_r .intro_box{ width:100%;}
.news_list01 ul .item_r .img_box{ width:100%;}
.news_list01 ul .item{ height:auto;}
.news_list01 ul .item_r .intro_box .con {  height: auto;  line-height: 28px;  margin-bottom: 20px; text-align: justify;}
.pages_box2 a{ margin:0px 2px;line-height: 30px;padding: 0px 10px;}
.bread { width: 90%; font-size: 14px; color: #fff;  position: absolute;  bottom:20px; left: 10%;}


.newBot_item { width: 100%; margin-right: 0 !important; padding: 20px; height: auto;}
.newBot_item .newBot_img { padding-top: 60%;}
.newBot_item .newBot_text { padding-top: 10px;}
.newBot_item .newBot_text p { height: 0; margin-bottom: 0; }
.newBot_item .newBot_text span { margin: 10px 0; line-height: 1.6; font-size: 16px; height: 66px;}
/*  */
.news-details .con .news-bottom .left { width: 44%;}
.news-details .con .news-bottom .left a h2 {display: none;}
.news-details .con .news-bottom .middle { width: 12%; height: auto; padding: 0px;}
.news-details .con .news-bottom .middle img { width: 22px; display: block;  margin:30px auto; }
.news-details .con .news-bottom .right a h2 { display: none;}
.news-details .con .news-center .text p{ font-size:.22rem;}
.xc_nav {  border-bottom: 1px solid #eee; box-sizing: border-box;  overflow-x: scroll;  overflow-y: hidden;  height: 60px;}
.xc_nav ul {  padding: 0; min-width: 800px;  overflow: hidden;}
.xc_nav .container{ padding-left:0px; padding-right:0px;}
.about_us_bot .row{ display:block;}
.about_us_bot_l{ width:100%;}
.about_us_bot_r{ width:100%;}
.about_us_bot_l div { height: 3.5rem;}
.abo_txt p{ font-size:17px;}
.about_us_bot_r dl dt p{ font-size:18px;line-height: 1.5;}
.about_us_bot_r dl .index-b-box-num-box p.l2{ font-size:17px;}
.about_us_bot_r dl .index-b-box-num-box p.l1 span{ font-size:25px;}
.about_us_bot_r dl dd{ margin-top:0px;}
.foot_slogo_box img { height:auto; max-width: 100%;}



.pro_main_first_box_l{ width:100%;}
.pro_main_first_box_r{ position:inherit; width:100%; right:0px; min-height:0px;    padding: 6% 4%;}
.pro_main_first_box_r .info p{ font-size:17px;}
.pro_main_third_box .slideTxtBox .hd ul{ width:100%; display:inline-block; margin-bottom:.2rem;}
.pro_main_third_box .slideTxtBox .hd ul li{ display:inline-block;margin: 0px .1rem .1rem;}
.pro_main_third_box .slideTxtBox .hd ul li a{ padding:5px .2rem; font-size:17px;}

.pro_main_third_box dl dt p{ font-size:17px;}
.pro_main_third_box .swiper-button-prev{ left:0px;}
.pro_main_third_box .swiper-button-next{ right:0px;}

.ny_nav_box_tit{padding: .3rem .2rem .3rem .2rem; height:auto; }
.subBox img { max-width: 140%;  width: 140%; margin-left: -20%;    min-height: 3rem;}
.platform-cards { grid-template-columns: 1fr; margin-top: 0px;}
.card-header h2 { font-size: 1.1em; }

.section-title { font-size:.26rem; }
.ry-card-grid { grid-template-columns: 1fr; }
.kczx_main{ padding-bottom:0px;}
.ny_nav ul li { padding: 0 0.2rem;}
.kczx_main_first{ padding-bottom:50px;}

.pic_list .gallery { grid-template-columns: repeat(2, 1fr); }
.pic_list .gallery2 {grid-template-columns: repeat(2, 1fr); }


.contact_main .benefits-container { grid-template-columns: 1fr; gap: 40px;}
.contact_main .section-title2 { font-size: 2rem;}
.contact_main .benefits-title,.contact_main .jobs-title {  font-size: 2rem; }
.contact_main .job-header { flex-direction: column;  align-items: flex-start; gap: 10px; }
.contact_main .benefit-card { flex-direction: column;text-align: center;}
.contact_main .benefit-icon { width: 40px;  height: 40px;font-size: 1.2rem;}
.slideTxtBox2 .hd{ overflow:hidden;}
.slideTxtBox2 .hd ul{ display:inline-table;  overflow-x:scroll;}
.slideTxtBox2 .hd ul li{ display:table-cell; float:left;  margin: 0 0.2rem;}
.slideTxtBox2 .hd ul li a{padding: 0.15rem 0;    font-size: .22rem;}
.about_us{ padding: 40px 0px;}

.styled-list li{font-size:.2rem;}
.about_d .swiper-button-prev {
    width: 0.7rem;
    height: 0.7rem;
    left: -0.2rem;
    color: #fff;
    top: 45%;
    background: #aa0505;
    border-radius: 100%;
    padding: 0px;
    padding-top: 0.1rem;
}
.about_d .swiper-button-next{width: 0.7rem;
    height: 0.7rem;
    right: -0.2rem;
    color: #fff;
    top: 45%;
    background: #aa0505;
    border-radius: 100%;
    padding: 0px;
    padding-top: 0.1rem;}
}




@media (max-width:640px) {
	
.nny_nav_box{ display:block;}
.xg_nav li{}	
.xg_nav li a{ padding:0px 20px;}	
.xg_nav ul { padding: 0; min-width: 800px; overflow: hidden;}
	
.nny_bread{ font-size:15px;}
.xg_nav{border-bottom: 1px solid #eee;  box-sizing: border-box; overflow-x: scroll; overflow-y: hidden; height: 60px;}	
	
.nny_nav_box_tit{padding: 0.15rem 0.2rem 0.15rem 0.6rem;font-size: .3rem;}	
.nny_nav_box_tit:before { content: '';position: absolute; top: 11px; left: 8px; width: 10px;  height: 10px;  border-radius: 100%;  background: #fff2f2;}	
.nny_nav_box_tit:after { content: '';  position: absolute; top: 14px; left: 17px; width: 15px; height: 15px;  border-radius: 100%;  background: #f7b5b3;}
.header.mini .logo, .header:hover .logo { width:140px; height:50px;}
.logo{ width:125px; height:50px;}
.header_l{ height:60px;}
.header{ height:60px;}


.reseach-platforms {padding: 10px;}
.card-content {  padding: 15px; }
 :root { --card-radius: 8px; --section-spacing: 2rem; }
.ry-card {  padding:.2rem;}
.header.mini .logo, .header.mini2 .logo, .header:hover .logo{ width:125px; height:50px;}
.pic_list .gallery { grid-template-columns: 1fr;}
.pic_list .gallery2 { grid-template-columns: 1fr; }
.modal-close { right: 0; }

.contact_main .benefit-card { padding: 20px;}
.contact_main .job-title { font-size:.25rem;}
.job-meta p{ font-size:.18rem;}
.contact_main .jobs-section { padding: 30px 0;}
	}

	











.wow {visibility: hidden;}









.more-btn{  width:2rem; height: 0.6rem; background-color:#009ee3; border-radius:0.05rem; overflow:hidden;  display: block; line-height: 0.6rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}

.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }

.more-btn i{ margin-left:0.1rem;}

.more-btn span{ padding-right:0.3rem;position: relative; font-size:0.16rem; color:#fff}

.more-btn span i{position: absolute; right: 0; top: 50%; margin-top:-0.08rem; transition: .42s cubic-bezier(.4,0,.2,1); }

.more-btn:hover{box-shadow: 0px 0px 0.2rem 0 rgba(0, 0, 0, 0.15);}

.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}

.more-btn:hover span{ color: #555;}

.more-btn:hover span i{ background-position: right center;}











.search-top{ padding:0.3rem 0; font-weight:bold}

.search-top span{ color:#ee0000; margin:0 0.1rem}






p.none{ padding:10vh  0;text-align:center; color:#aaa; font-size:0.18rem; display:block !important;}

p.none i{ display:block; font-size:1rem; margin-bottom:0.1rem}











.culture-item-a{ padding:0.7rem 0; display:none}

.culture-item-a .image{ text-align:center}

.culture-item-a .image img{ width:100%; max-width:2.5rem;}

.culture-item-a .text{ line-height:1.8; }

.culture-item-a .text h2{ font-size:0.3rem;}

.culture-item-a .text p{ margin-top:0.2rem;}



@media (max-width: 767px) {

	.culture-item-a{ padding:0.4rem 0;}

	.culture-item-a .text h2{ font-size:0.24rem; display:none}

	.culture-item-a .text{ line-height:1.5; font-size:0.18rem}

}



.culture-item-b{background-color:#ebf0f5; padding-bottom:0.7rem }

.culture-item-b .text{ background:url(/images/mask-bg.png) no-repeat center bottom #e5f5fc; padding:0.7rem 0 1rem; text-align:center}

.culture-item-b .text h2{ font-size:0.3rem; padding-bottom:0.25rem; position:relative}

.culture-item-b .text h2:after { content: ""; display: block; width:0.8rem;height:4px; border-radius:4px; background-color:#f58d06;position:absolute; left:50%; margin-left:-0.4rem;bottom:0;  }

.culture-item-b .text p{ line-height:1.7; text-align:left; width:60%; margin:0.3rem auto 0}

.culture-item-b  .icons{ position:relative; margin-top:-0.6rem}

.culture-item-b  .icons .item{ background-color:#fff; width:33.333333%; border-right:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; float:left; text-align:center; padding:0.3rem}

.culture-item-b  .icons .item .imgbox {position:relative;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s; width:1.2rem; margin:0 auto}

.culture-item-b  .icons .item .imgbox img {display:block; width:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.culture-item-b  .icons .item .imgbox .act {opacity:0;position:absolute;left:0;top:0;z-index:2;}

.culture-item-b  .icons .item .imgbox i {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#009ee3;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.culture-item-b  .icons .item .tebox {padding:0.2rem 0.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.culture-item-b  .icons .item .tebox .tl {color:#444444;font-size:0.2rem; font-weight:bold;margin-bottom:0.1rem;}

.culture-item-b  .icons .item .tebox .te {color:#999999;line-height:1.4; font-size:0.16rem; height:0.48rem; overflow:hidden}

@media (min-width: 768px) {

	.culture-item-b  .icons .item:hover {-webkit-box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18);-moz-box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18);box-shadow:1px 2px 10px 0px rgba(52,53,54,0.18); background-color:#f4f4f4}

	.culture-item-b  .icons .item:hover .imgbox {border-color:#184799;}

	.culture-item-b  .icons .item:hover .imgbox .nor {opacity:0;}

	.culture-item-b  .icons .item:hover .imgbox .act {opacity:1;}

	.culture-item-b  .icons .item:hover .imgbox i {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

	.culture-item-b  .icons .item:nth-child(1) {margin-top:0;}

}

@media (max-width: 767px) {

	.culture-item-b{ padding-bottom:0.3rem}

	.culture-item-b .icons .item{ padding:0.2rem; width:50%}

	.culture-item-b .icons .item .tebox{ padding:0 }

	.culture-item-b .text p{ width:100%; font-size:0.18rem}

}











.culture-item-c{ background:#fff;  padding:0.7rem 0}

.culture-item-c h2{ font-size:0.3rem; padding-bottom:0.25rem; position:relative; text-align:center}

.culture-item-c h2:after { content: ""; display: block; width:0.8rem;height:4px; border-radius:4px; background-color:#f58d06;position:absolute; left:50%; margin-left:-0.4rem;bottom:0;  }

.culture-item-c .leader-slider{ margin-top:0.4rem;overflow:hidden; position:relative; padding:0 0.1rem 0.5rem}

.culture-item-c .con{ position:relative;}

.culture-item-c .item{}

.culture-item-c .item img{ width:100%}

.culture-item-c .item .text{ padding:0.2rem 0.3rem 0.3rem; position:relative}

.culture-item-c .item .text strong{ font-size:0.18rem; line-height:1.4; height:0.5rem; overflow:hidden; display:block; font-weight:normal}

.culture-item-c .item .text span{ display:block;font-family:"FjallaOne-Regular"; color:#999; margin-top:0.2rem }

.culture-item-c .item .text i{ position:absolute; right:0; bottom:0; font-size:0.3rem; color:#ddd; padding:0.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}

.culture-item-c .item a{display:block; border:1px #ddd solid; position:relative; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}

.culture-item-c .swiper-button-prev,.culture-item-c .swiper-button-next{width: 100px;height: 100px; text-align:center; position: absolute;top:50%; margin-top:-75px; background:none;z-index:20;color:#ccc;opacity: .7;-webkit-transition: 0.5s;transition: 0.5s;}

.culture-item-c .swiper-button-prev i,.culture-item-c .swiper-button-next i{ font-size:0.7rem}

.culture-item-c .swiper-button-prev{left:-100px;}

.culture-item-c .swiper-button-next{right:-100px;}

.culture-item-c .swiper-button-prev:hover{opacity: 1; }

.culture-item-c .swiper-button-next:hover{opacity: 1;}

.culture-item-c .swiper-button-disabled{opacity:0.7}





@media (min-width:768px) {

	.culture-item-c .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}

	.culture-item-c .item a:hover i{ background-color:#009ee3; color:#fff}

}

@media (max-width: 767px) {

	.culture-item-c{ padding:0.5rem 0 0.3rem}

	.culture-item-c .item .text{ padding:0.2rem  0.2rem  0.3rem}

	.culture-item-c .leader-slider{ margin-top:0.3rem; padding:0 0rem 0.6rem}

	.culture-item-c .swiper-button-prev,.culture-item-c .swiper-button-next{ display:none}

}







.fixedImg { background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}

@media (max-width: 767px) {

	.fixedImg{background-attachment:inherit;}

}





.culture-item-d{ position:relative; padding:0.7rem 0; color:#fff; text-align:center;text-shadow: 0px 0px 4px rgba(0,0,0,0.26);}

.culture-item-d:before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.10; position: absolute; top: 0; left: 0; z-index: 1;}

.culture-item-d .container{ position:relative; z-index:2}

.culture-item-d h2{ font-size:0.3rem; padding-bottom:0.25rem; position:relative; text-align:center}

.culture-item-d h2:after { content: ""; display: block; width:0.8rem;height:4px; border-radius:4px; background-color:#f58d06;position:absolute; left:50%; margin-left:-0.4rem;bottom:0;  }

.culture-item-d p{ color:#fff; width:60%; text-align:left; margin:0.3rem auto 0; font-size:0.16rem; line-height:1.6; }



@media (max-width: 767px) {

	.culture-item-d p{ width:100%; font-size:0.18rem; line-height:1.5}

}





.hr-item-a{ padding-top:0.5rem}

.hr-item-a .text{ padding-bottom:0.5rem}

.hr-item-a .text h1{ font-size:0.26rem;}

.hr-item-a .text .con{ margin-top:0.1rem; line-height:1.6; color:#888; padding-top:0.1rem; font-size:0.15rem}

.hr-item-a .text .con p{ margin-top:0.1rem}

.hr-item-a .links a{ display:block; background-color:#e5e1e1; padding:0.45rem 0; text-align:center; width:32%; float:left; margin-left:2%}

.hr-item-a .links a span{ display:block; margin-top:0.1rem}

.hr-item-a .links a.current{ background-color:#009ee3; color:#fff;/* background-image: -webkit-linear-gradient(-60deg, #f0600a 0%, #f0600a 50%, #e50012 100%);*/ }

.hr-item-a .links a:first-child{ margin-left:0}

.hr-item-a .pics{ position:relative;}

.hr-item-a .pics .item{ height:4.5rem; background-repeat:no-repeat; background-position:center center; background-size:cover}

.hr-item-a .pics .item h2{ font-size:0.3rem; color:#fff}

.hr-item-a .pics .item span{ display:block; margin-top:0.05rem; font-size:0.18rem;font-family:"FjallaOne-Regular"; color:#f58d06}

.hr-item-a .pics .item p{ margin-top:0.2rem; line-height:1.7; color:#fff; max-width:50%}



@media (max-width: 767px) {

	.hr-item-a .text{ padding-bottom:0.3rem}

	.hr-item-a .text .con{ font-size:0.18rem; line-height:1.5}

	.hr-item-a .links a span{ font-size:0.18rem}

	.hr-item-a .pics{ margin-top:0.5rem}

	.hr-item-a .pics .item{ height:3rem}

	.hr-item-a .pics .item p{max-width:70%}

	.hr-item-a .pics .item p{ line-height:1.5}

}





.job-list{background:#ebf0f5; padding:0.5rem 0}

.job-list .item{ margin-bottom:0.1rem}

.job-list table{ background-color:#cbd4de; width:100%}

.job-list table th{ background-color:#eff4f8; padding:0.2rem 0; text-align:center; font-weight:normal; color:#888}

.job-list table td{ background-color:#fff; padding:0.25rem 0.2rem; position:relative;}

.job-list table thead tr span{ position:absolute; right:0.2rem;top:50%; margin-top:-0.1rem; cursor:pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size:0.16rem }

.job-list table thead tr span i{ display:inline-block; width:0.22rem; height:0.22rem;  background:url(/images/down-icon.png) no-repeat; background-size:cover; margin-left:3px;transform:rotate(-180deg);transition: all 0.3s; -webkit-transition: all 0.3s; }

.job-list table thead tr span.hover i{transform:rotate(0deg);}

.job-list table tbody{ display:none}

.job-list table thead td{ cursor:pointer}

.job-list table thead td b{ font-weight:normal; color:#aaa; margin-left:0.05rem; }

.job-list .item{margin-bottom:0.3rem}

.job-list .item h2{font-size:0.18rem;font-weight:bold;margin-bottom:0.1rem}

.job-list .w15{ width:15%; min-width:1rem;}

.job-list .content{ line-height:1.7;}

.job-list .content .li a{color:#06b}

.job-list .content .li a:hover{color:#e8cd00}

.job-list a.apply-btn{ background-color:#e8cd00; color:#454545; display:block; width:1.5rem; text-align:center; font-size:0.16rem; line-height:0.45rem; border-radius:0.5rem; margin-top:0.2rem;transition: all 0.3s; -webkit-transition: all 0.3s;}

.job-list a.apply-btn:hover{ background-color:#f58d06; color:#fff;}

.job-list a.apply-btn.over{ background-color:#ddd; color:#888; cursor:default}



@media (max-width: 767px) {

	.job-list table{ font-size:0.18rem}

}



.job-search{ background:#009ee3; background-size:cover; padding:0.5rem 0; position:relative; overflow:hidden}

.job-search .box{  background-color:#fff; padding-right:1.8rem; position:relative; z-index:2}

.job-search input{ width:100%; border:0; padding:0.1rem 0.2rem ; height:0.7rem}

.job-search button{ position:absolute; right:0;top:0; width:1.8rem; height:0.7rem; border:0; background-color:#ff000c; color:#fff; font-size:0.22rem}

.job-search button i{ margin-right:0.05rem; font-size:0.22rem}

.job-search #particles-js{ position:absolute; left:0;top:0; z-index:1; width:100%; height:100%}



@media (max-width: 767px) {

	.job-search{padding:0.4rem 0;}

	.job-search input{ height:0.6rem}

	.job-search button{ height:0.6rem}

}





.contact{ padding:0.5rem 0; background-color:#fff;}

.contact .icons{ width:30%; float:left;}

.contact .icons .item{ padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px #eee solid; padding-left:1rem; position:relative}

.contact .icons .item em{ position:absolute; left:0;top:0px;}

.contact .icons .item i{ font-size:0.5rem; color:#aaa;}

.contact .icons .item p{ margin-top:5px; color:#888;}

.contact .icons .item:last-child{ border-bottom:0}

.contact .map{ width:70%; float:left; padding-left:0.5rem;}

.contact #Gmap{ border:1px #ddd solid}



@media (max-width: 767px) {

	.contact{ padding:0.3rem 0}

	.contact .icons{ width:100%; float:none;}

	.contact .map{ width:100%; float:none; padding:0}

	.contact .icons .item p{ line-height:1.5; font-size:0.18rem}

	.contact .icons .item em{ left:15px;}

}



.party-content{padding:0.4rem 0;line-height:2}

.party-content p{margin-bottom:0.2rem}





.form-control{ border-radius:0;height:0.5rem;padding:0.15rem;line-height:1;font-size:0.15rem; -webkit-appearance: none;box-shadow:none !important;}

.form-horizontal .control-label{padding-top:0.15rem}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.15rem}



.report{background:url(/images/banner2.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;min-height:100vh}

.report .box{background-color:#ebf0f5; min-height:100vh;box-shadow: 0 16px 48px rgba(0,0,0,.2);}

.report .logo{background: #fff;padding:0.5rem; position:relative}

.report .logo img{max-width:100%}

.report .logo span{ font-size:0.3rem; border-left:1px #ddd solid; position:relative;top:0.07rem; margin-left:0.2rem; padding-left:0.2rem}

.report .logo .back-btn{ display:inline-block; padding:0.15rem 0.3rem; border-radius:0.5rem; background-color:#eee; position:absolute; right:0.5rem;top:0.5rem; color:#888}

.report .logo .back-btn i{ margin-right:0.05rem}

.report .logo .back-btn:hover{ color:#009ee3}

.report .form{padding:0.5rem}

.report .form .item{padding-bottom:0.4rem;margin-bottom:0.4rem;border-bottom:1px #e8e8e8 solid}

.report .form .item h2{font-size:0.2rem;font-weight:600;color:#009ee3}

.report .form .item h2:after{content: "";display: inline-block;width: 0;height: 0;border-left: 0.05rem solid transparent;border-right:0.05rem solid transparent;border-top: 0.07rem solid #009ee3;position:relative;top:-0.03rem;margin-left:2px}

.report .form .item .con{margin-top:0.3rem}

.report .form .item img{padding-top:0.15rem}

.report .form .item .btns{margin-top:0.3rem}

.report .form .item .btn1{background-color:#009ee3;color:#fff;border:0;padding:0.2rem 0.6rem}

.report .form .item .btn2{background-color:#ccc;color:#fff;border:0;padding:0.2rem 0.6rem;margin-left:0.05rem}

.report .form .item label span{margin-right:0.02rem;color:#ee4433; }

.report .form .item .view-con{ padding-top:0.2rem; color:#888}

.report .form .form-group{ margin-bottom:0.25rem}

.report .form .btn-up{ background-color:#ee0000; color:#fff; padding:0.12rem 0.3rem; margin-bottom:0.2rem; display:inline-block;}

.report .form a.link{ margin-left:0.1rem; color:#009ee3}

.report .form a.link:hover{ text-decoration:underline}

.report .apply-footer{ text-align:center; font-size:0.16rem; color:#888}



input[type=checkbox], input[type=radio]{  margin: 0.04rem 0 0;}



@media (max-width: 767px) {

	.report .logo .back-btn{ display:none}

	.form-horizontal .form-group{margin-right: -5px; margin-left: -5px;}

	.report .container { padding:0.2rem}

	.report .logo{padding:0.3rem; background-color:#fff}

	.report .logo img{ width:50%}

	.report .logo span{ font-size:0.22rem; font-weight:bold}

	.report .form{padding:0; }

	.report .form label{ font-size:0.20rem; }

	.report .form .form-control{ font-size:0.20rem; }

	.report .form .control-label{ margin-top:0.1rem}

	.report .form .radio-inline{ color:#888}

	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{ }

	.form-group{ margin-bottom:0}

	.report .form .checkbox-inline{ color:#888}

	.report .form .item{margin-bottom:0; padding-bottom:0;border-bottom:0;}

	.report .form .item h2{font-size:0.24rem; background-color:#009ee3; color:#Fff; padding-left:0.3rem; line-height:0.8rem}

	.report .form .item h2:after{border-top: 0.07rem solid #fff;}

	.report .form .item .con{margin-top:0rem;padding:0.15rem 0.3rem;}

	.report .form-horizontal .control-label{padding-top:0.1rem}

	.report .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.1rem}	

	.report .form .item .btns{ text-align:center; padding-bottom:0.3rem}

	.report .form .item button{padding:0.15rem 0.4rem !important; font-size:0.22rem}

	.report .apply-footer{ padding:0.2rem 0 0.3rem; background-color:#fff}

	.report .form .item .btn2{ display:none}

	.report .form .form-group{ margin-bottom:0.15px}

}







.topic-list{ padding:0.5rem 0; background-color:#f2f2f4}

.topic-list .item{ margin-bottom:0.3rem}

.topic-list .item a{ display:block; background-color:#fff; position:relative;transition: all 0.5s; -webkit-transition: all 0.5s;}

.topic-list .item .image{ width:38%; left:0;top:0;height:100%; position:absolute; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.topic-list .item .text{ width:62%; float:right; padding:0.4rem}

.topic-list .item .text strong{ font-size:0.2rem;}

.topic-list .item .text p{ margin-top:0.2rem; line-height:1.7; color:#888}

.topic-list .item .text .more-btn{ background-color:#fff; color:#999; margin:0.2rem 0 0; border:1px #ddd solid; display:block; width:1.3rem; height:0.4rem;    border-radius: 0.2rem; line-height:0.4rem;  text-align:center; }

.topic-list .item .text .more-btn:hover{ color:#fff}

.topic-list .item .text .more-btn:before{ background-color:#06b}



@media (min-width:768px) {

	.topic-list .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2);transform: translate3d(0,-5px, 0);}

}







.site-map{ }

.site-map dl{  border-bottom:1px #e6e6e6 dotted; padding:0.3rem 0}

.site-map dl:last-child{ border-bottom:0}

.site-map dt{ float:left;  width:10%; font-weight:bold; padding-top:0.1rem;}

.site-map dd{ float:left;  width:90%}

.site-map dd a{ margin:0 5px; display:inline-block; padding:0 0.2rem;text-align:center;line-height:0.5rem; background-color:#f5f5f5; margin-bottom:0.1rem;}





.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);

overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}

.jsmodern-share div{width:260px;height:260px;margin:0 auto}

.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}

.jsmodern-share b:hover{opacity:.5}

.jsmodern-marquee{overflow:hidden}

.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}

.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}

.jsmodern-marquee-part{display:block;float:left}

.jsmodern-picture-container{display:block;position:relative;overflow:hidden}

.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}

.jsmodern-picture-container img{border:0}

.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.jsmodern-picture-part{overflow:hidden}

.jsmodern-picture-fade{width:100%}

.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}

.jsmodern-picture-slide .jsmodern-picture-part{float:left}

.jsmodern-picture-slide img{display:block}

.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}

.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}

.jsmodern-picture-dot b.active{background:#fff}

.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}

.jsmodern-picture-prev{margin-left:15px}

.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}

.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}

.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}

.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}

.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}

.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}

.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}

.jsmodern-video-panel b{cursor:pointer}

.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}

.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.jsmodern-video-start{margin-left:10px}

.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}

.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}

.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}

.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}

.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}

.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}

.jsmodern-video-play{margin-left:10px;background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}

.jsmodern-video-pause{background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}

.jsmodern-video-volume{margin-left:15px;background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}

.jsmodern-video-muted{background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r/0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}

.jsmodern-video-fullin{margin-left:15px;background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH/m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}

.jsmodern-video-fullout{margin-left:15px;background-image:url(/images/.cn/Public/css/data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH/c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}

b.jsmodern-video-fullFalse{opacity:.5;cursor:default}

.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}

.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}

.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}

.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}

.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}

.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}

.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}

.jsmodern-scrollBar-container{overflow:hidden;position:relative}

.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.jsmodern-lazyload{display:block;opacity:0}

.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}

.jsmodern-page-target>*{display:none}

.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}

.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}

.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}

.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}

.jsmodern-page>div div{height:38px}

.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}

.jsmodern-page i:hover{color:#E04636}

.jsmodern-page i.active:hover{color:#fff}

.jsmodern-page>i span{display:inline-block;font-size:20px}

.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}

.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}

i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}





<!--耗时1778745838.1353秒-->