@charset 'UTF-8'; * { margin: 0; padding: 0; outline: none; zoom: 1; }

ul, li { list-style-type: none;}
h1, h2, h3, h4, h5, b, strong { font-family:Verdana， Helvetica, Arial, sans-serif,  "Helvetica Neue",'harmonyos_sansbold';}
html, body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, 'HarmonyOS Sans SC';}
a { text-decoration: none; color: #333;}
a:hover, a:focus { text-decoration: none; color: #333; -webkit-tap-highlight-color: transparent;}
p { margin: 0; font-size: 16px; line-height: 1.95em; color: #666;}
h1 { font-size: 2.5em; line-height: 1.5em; color: #333;}
/* CSS Document */
* { word-wrap: break-word; /* box-sizing: border-box; */}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset { line-height: 1.5; margin: 0; padding: 0; font-family: 'harmonyos_sansbold', Helvetica, Arial, sans-serif,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";}
ul,ol,dl { list-style-type: none}
html,body { *position: static; height: 100%; /* background-color:#1b1b1b;*/}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 400}
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit}
input,button { overflow: visible; vertical-align: middle; outline: none}
body,th,td,button,input,select,textarea { font-family:Verdana，Arial, sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif, 'harmonyos_sansbold', "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
body { line-height: 1.6;}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
a,area { outline: none; blr: expression(this.onFocus=this.blur())}
a { text-decoration: none; cursor: pointer; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
a:hover { text-decoration: none; outline: none}
a.ie6:hover { zoom:1}

a:focus { outline: none}
a:hover,a:active { outline: none}
:focus { outline: none}
a:link { text-decoration: none;}
sub,sup { vertical-align: baseline}
button,input[type="button"], input[type="submit"] { line-height: normal !important;}
/*img*/
img { border: 0; vertical-align: middle}
a img,img { -ms-interpolation-mode: bicubic}
.img-responsive { max-width: 100%; height: auto}
*html { overflow: -moz-scrollbars-vertical; zoom:expression(function(ele) {     ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
 (this))}

body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000'] { transition-delay: 5000ms;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend { display: block; margin: 0; padding: 0}
time { display: inline}
audio,canvas,video { display: inline-block; *display: inline; *zoom:1; max-width: 100%;}
audio:not([controls]) { display: none}
legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5}
legend small { font-size: 15px; color: #999}
svg:not(:root) { overflow: hidden}
fieldset { border-width: 0; padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto}
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
.cl:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden}
.cl,.clearfix { zoom:1}

.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.clearboth { clear: both;}
.bigzm { text-transform: uppercase;}
.container { width: 100%!important; max-width: 1200px; max-width: 1170px\9;}
.clearpadding { padding: 0px; margin: 0px;}
.w1400 {width: 100%;max-width: 1440px;margin: 0px auto;}
/* PAGE-MENU */
.fullnavr { position: fixed; top: 50%; right: 30px; z-index: 1; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
#pagemenu { list-style: none; padding: 0; margin: 0; text-align: center; position: relative; z-index: 1005; padding: 10px 0px;}
#pagemenu li { position: relative; width: 10px; margin: 5px 0px;}
#pagemenu li a { width: 10px; height: 10px; color: #fff; font-size: 14px; display: inline-block; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; position: relative;}
#pagemenu li a:after { width: 10px; height: 10px; border: 1px solid #ffffff; position: absolute; left: 0px; top: 5px; content: ""; -moz-border-radius: 100%; /* Gecko browsers */ -webkit-border-radius: 100%; /* Webkit browsers */ border-radius: 100%; /* W3C syntax */ -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.fullnavr #pagemenu li.active a:after { background-color: #ffffff;}
#pagemenu li a.disnone { display: none;}
.fullnavr #pagemenu li.active a .disnone,.fullnavr #pagemenu li.active a:hover .disnone,.fullnavr #pagemenu li a:hover .disnone { display: block; text-decoration: none;}
.mousehover { width: 19px; height: 228px; background: url(../images/y26.png) no-repeat; background-size: 14px; position: absolute; left: 5%; margin-left: -25.5px; bottom: 5%; z-index: 1000;}
.section.y6 { height: auto !important}
/*shade*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888888;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888888;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888888;}
.layer { position: fixed; z-index: 1001011; width: 100%; height: 100%; overflow: hidden;}
.layer .layer-top, .layer .layer-bottom { position: absolute; width: 100%; height: 50%; /* background: #da1515;*/ top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;}
.layer .layer-top { background-color: #fff;}
.layer .layer-bottom { top: auto; bottom: 0%; background-color: #fff;}
.layer .loading { width: 254px; height: 47px; position: absolute; top: 50%; left: 50%; margin-left: -127px; margin-top: -23.5px; /*-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ display: block; z-index: 2; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out;}
.layer.show { visibility: hidden;}
.layer.show .loading { display: none;}
.layer.show .layer-top { top: -50%;}
.layer.show .layer-bottom { bottom: -50%;}
@-webkit-keyframes rotateplane { 0% {     filter: alpha(opacity=0);     -webkit-transform: scale(0.5, 0.5);     transform: scale(0.5, 0.5); }
 50% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }
 100% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }}
@keyframes rotateplane { 0% {     filter: alpha(opacity=0);     -webkit-transform: scale(0.5, 0.5);     transform: scale(0.5, 0.5); }
 50% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }
 100% {     opacity: 1;     filter: alpha(opacity=100);     -webkit-transform: scale(1, 1);     transform: scale(1, 1); }}
/*Index*/
.section { background-size: cover; background-position: center center; overflow: hidden;}
.slide { background-size: cover; position: relative;}
.section .sec-scale { width: 100%; height: 100%; background-color: #0f1332; /*transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/}
/*.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }*/
.bg { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden;}
.bgs { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; overflow: hidden; display: none;}
.home-swiper { width: 100%; height: 100%; background: #000;}
.home-swiper .swiper-slide { text-align: center; font-size: 18px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; width: 100%; position: relative;}
.home-swiper .swiper-slide .text_c { width: 100%; max-width: 640px; padding: 0px 10%; color: #fff; line-height: 1.5; text-align: left; position: absolute; left: -3%; top: 26%; webkit-transform: translate(0%, -40%); -moz-transform: translate(0%, -40%); transform: translate(0%, -40%); opacity: 0; filter: alpha(opacity=0); transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.home-swiper .swiper-slide .text_c h1 { font-size: 50px; color: #fff; display:none;}
.home-swiper .swiper-slide .text_c .text_en { font-size: 25.5px; font-weight: bold;}
.home-swiper .swiper-slide.swiper-slide-active .text_c { opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.home-swiper .swiper-slide .s1 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block;}
.home-swiper .swiper-slide .s1 img { width: 100%; height: auto !important; display: none;}
.home-swiper .swiper-slide .s2 { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: none;}
.home-swiper .swiper-slide .s2 img { width: 100%; height: auto !important; display: none;}
.home-swiper .home_next { width: 42px; height: 42px; background: url(../images/banner_right.png) no-repeat; background-size: 42px; right: 4%; margin-top: 21px;}
.home-swiper .home_prev { width: 42px; height: 42px; background: url(../images/banner_left.png) no-repeat; background-size: 42px; left: 4%; margin-top: 21px;}

/*.home-swiper .home-pagination .swiper-pagination-bullet{width:30px !important; border:2px solid #fff; background-color:transparent;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  
border-radius:5px;    -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; margin:0px 8px !important;}
.home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px !important; background-color:#1e276e; border:2px solid #1e276e;}*/
.home-pagination .swiper-pagination-bullet { width: 40px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; margin: 0px 20px 0px 0px !important; text-align: center; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 1; position: relative; background-color: transparent !important;}
.home-pagination .swiper-pagination-bullet:after { width: 12px; height: 1px; background-color: #fff; position: absolute; right: 10px; bottom: 17px; content: ""; display: none;}
.home-pagination .swiper-pagination-bullet-active { width: 60px; text-align: left; padding: 0px 9px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.home-pagination .swiper-pagination-bullet-active:after { display: block;}
.home-swiper.swiper-container-horizontal>.home-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { width: 1440px; left: 50%; margin-left: -720px; text-align: left; bottom: 40px;}
/*.home-swiper .swiper-slide.swiper-slide-active{-webkit-animation: hvr-bob 7s ease infinite;animation: hvr-bob 7s ease infinite;}*/
.header_div { width: 100%; /*! padding-left:3.4%; */ height: 80px; background-color: #fff; left: 0px; top: 0px; position: fixed; z-index: 10000; transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.header_div .i_logo { width: 13%; padding-top: 20px;}
.header_div .i_logo img { width: auto; height: 35px;}
.header_div.fixedmenu,.header_div.fixedmenu1.fixedmenu { position: fixed; -moz-box-shadow: 0px 0px 10px #c7c5bf; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #c7c5bf; /*webkit*/ box-shadow: 0px 0px 10px #c7c5bf;}
.header_div.fixedmenu1 { position: relative;}
.menu_nav { width: 60%; margin-left: 4%; margin-right: 5%;}
.menu_nav ul { width: 100%;}
.menu_nav ul li { width: 16.666%; float: left; text-align: center; position: relative; z-index: 1;}
.menu_nav ul li .nav_a { width: 100%; height: 80px; line-height: 80px; color: #000000; display: inline-block; font-size: 20px; position: relative;}
.menu_nav ul li .nav_a:hover, .menu_nav ul li .nav_a.activetopm, .menu_nav ul li .nav_a.activetopm1 { color: #1e276e; text-decoration: none; background-color: #f4f4f4;}
.menu_nav ul li .nav_a:after { width: 0%; height: 3px; background-color: #1e276e; position: absolute; left: 50%; margin-left: -50%; bottom: 0px; z-index: 1; content: ""; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.menu_nav ul li .nav_a:hover:after,.menu_nav ul li .nav_a.activetopm:after,.menu_nav ul li .nav_a.activetopm1:after { width: 100%;}
.menu_nav ul li .dlone { width: 260%; position: absolute; left: 0px; top: 100%; background-color: #ffffff; display: none; padding: 10px 0px;}
.menu_nav ul li .dlone .ddone { width: 100%; height: 40px; line-height: 40px; float: left; position: relative;}
.menu_nav ul li .dlone .ddone .aone { width: 100%; height: 40px; line-height: 40px; display: inline-block; overflow: hidden; text-align: center; color: #222222; font-size: 16px;}
.menu_nav ul li .dlone .ddone .aone:hover,.menu_nav ul li .dlone .ddone .aone.activetwo { text-decoration: none; color: #fff; background-color: #df777d;}
.menu_nav ul li .dlone .ddone .dltwo { width: 170px; background-color: #fff; position: absolute; left: 100%; top: 0px; display: none;}
/*.menu_nav ul li .dlone .ddone .dltwo dd{width:100%; float:left; border-bottom:1px solid #4dd8b7;}
.menu_nav ul li .dlone .ddone .dltwo dd a{width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#fff; font-size:16px; display:inline-block; float:left;}
.menu_nav ul li .dlone .ddone .dltwo dd a:hover{ color:#fff; text-decoration:none; background-color:#50ecc7;}*/
.menu_nav ul li .dlone .ddone .dltwo { position: absolute; left: 100%; width: 100%; top: 0; display: none;}
.menu_nav ul li .dlone .ddone .dltwo a { display: block; color: #333; padding: 10px; line-height: 20px;}
.menu_nav ul li .dlone .ddone .dltwo a:hover { background-color: #df777d; color: #fff;}
.i_morebtn { width: 8%; height: 80px; position: relative;}
.left_but { width: 30px; height: 30px; cursor: pointer; position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px; z-index: 100;}
.left_but_btn { display: inline-block; position: relative; width: 22px; height: 2px; z-index: 2; margin: 14px 0 0 0px; background: #fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.left_but_btn:before,.left_but_btn:after { content: ''; display: block; width: 30px; height: 2px; position: absolute; background: #fff; transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.left_but_btn:before { margin-top: -10px;}
.left_but_btn:after { margin-top: 10px;}
.phone_nav_one .left_but_btn { background: rgba(0, 0, 0, 0);}
.phone_nav_one .left_but_btn:before { margin-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.phone_nav_one .left_but_btn:after { margin-top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.phone_nav_one { transition-delay: 0s; -webkit-transition-delay: 0s;}
.yc_box1 { width: 100%; position: fixed; top: 100%; background-color: #fff; left: 0px; z-index: 12; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.yc_box1.leftbutton { top: 80px;}
.yc_box1_c { width: 100%; padding: 150px 10% 0px 10%}
.yc_box1_c_ul { width: 100%;}
.yc_box1_c_ul li { width: 14.285%; float: left; border-right: 1px solid #d2d2d2; min-height: 319px;}
.yc_box1_c_ul li .a1 { width: 100%; height: 33px; line-height: 33px; overflow: hidden; display: inline-block; text-align: center; float: left; color: #333333; font-size: 16px; margin-bottom: 25px;}
.yc_box1_c_ul li .a1:hover { text-decoration: none; color: #2a3bcb;}
.yc_box1_c_ul li .a2 { width: 100%; height: 29px; line-height: 29px; overflow: hidden; display: inline-block; text-align: center; float: left; color: #333333; font-size: 14px;}
.yc_box1_c_ul li .a2:hover { text-decoration: none; color: #bd3736;}
.i_zhbox1 { width: 5%; font-size: 16px;}
.i_ss { width: 100%; position: relative;}
.i_ss_t { width: 100%; height: 80px; padding-left: 14%; cursor: pointer; position: relative;}
.i_ss_t .s1 { width: 100%; height: 80px; line-height: 80px; color: #000000; font-size: 14px; background: url(../images/tb_01.png) 20px center no-repeat; padding-left: 25px; display: inline-block;}
.i_ss_c { width: 210px; height: 40px; position: absolute; right: 70px; top: 106%; display: none; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; }
.i_ss_c .ipt1 { width: 170px; height: 40px; line-height: 40px; border: 0px; color: #333; font-size: 14px; text-indent: 10px;  }
.i_ss_c .ipt2 { width: 40px; height: 40px; background: url(../images/tb_01s.png) center no-repeat; border: 0px; background-color: #1e276e;}
.i_banben { width: 100%; height: 80px; line-height: 80px; position: relative; z-index: 11; color: #bbb;}
.i_banben_t { width: 100%; height: 80px; background: url(../images/tb_4.png) right 24% center no-repeat; cursor: pointer; line-height: 40px; padding-left: 8%;}
.i_banben_t .s1 { width: 100%; height: 80px; line-height: 80px; display: inline-block; text-indent: 25px; color: #000000; font-size: 14px; background: url(../images/tb_2.png) left center no-repeat;}
.i_banben_c { width: 100%; background-color: #fff; position: absolute; right: 0px; top: 100%; padding: 10px 11px; display: none; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; }
.i_banben_c .div1 { width: 100%; float: left; padding: 10px 0px; cursor: pointer; display: inline-block; overflow: hidden; text-align: center; color: #1e276e; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_banben_c .div1:hover { color: #fff; background-color: #1e276e; text-decoration: none;}
.i_banben a { color: #bbb;}
.i_banben a.on { color: #303673;}
.i_picchange { width: 100%; height: 100%; overflow: hidden; display: block;}
/* CSS Document */
.phone_nav { display: none;}
.phone_logo { /* height:50px;*/ /* padding:10px 0px;*/ /* background-color:#fff;*/}
.phone_logo .p1 img { width: auto; height: 30px;}
@media screen and (max-width: 1200px) { .phone_logo .p1 {     /*padding-top: 10px;*//* height: 29px;*/ display: block;     width: 20%;     display: inline-block; }
 .header_div {     display: none; }
 .phone_logo {     width: 100%;     padding: 10px 15px;     box-sizing: border-box; }
 .phone_nav {     display: block;     position: fixed;     background-color: #fff;     width: 100%;     top: 0;     left: 0;     display: block;     z-index: 100000; }
 .phone_nav.fixedmenu {     position: fixed;     -moz-box-shadow: 0px 0px 10px #c7c5bf;     /*firefox*/     -webkit-box-shadow: 0px 0px 10px #c7c5bf;     /*webkit*/     box-shadow: 0px 0px 10px #c7c5bf; }
 .phone_nav .nav_but_box {     display: block;     position: absolute;     width: 30px;     height: 30px;     right: 10px;     top: 50%;     margin-top: -15px;     z-index: 1;     transition: all 0.7s;     -webkit-transition: all 0.7s; }
 .phone_nav .nav_but {     display: inline-block;     position: relative;     width: 20px;     height: 2px;     z-index: 2;     margin: 13px 0 0 5px;     background: #1e276e;     -webkit-transition-property: background-color, -webkit-transform;     transition-property: background-color, -webkit-transform;     transition-property: background-color, transform;     transition-property: background-color, transform, -webkit-transform;     -webkit-transition-duration: 300ms;     transition-duration: 300ms; }
 .phone_nav .nav_but:before,.nav_but:after {     content: '';     display: block;     width: 20px;     height: 2px;     position: absolute;     background: #1e276e;     transition-property: margin, -webkit-transform;     -webkit-transition-property: margin, -webkit-transform;     transition-property: margin, transform;     transition-property: margin, transform, -webkit-transform;     transition-duration: 300ms;     -webkit-transition-duration: 300ms; }
 .phone_nav .nav_but:before {     margin-top: -5px; }
 .phone_nav .nav_but:after {     margin-top: 5px; }
 .phone_nav .nav_main {     height: 100%;     position: fixed;     left: 0;     opacity: 0;     width: 0;     transition: all 0.4s ease 0.3s;     -webkit-transition: all 0.4s ease 0.3s;     background-color: #fff;     overflow: hidden; }
 .phone_nav .nav_main ul {     padding: 0 20px;     margin-top: 40px; }
 .phone_nav .nav_main li a {     background-position: left;     color: #333;     height: 46px;     line-height: 46px;     display: inline-block;     background-size: 32px;     background-repeat: no-repeat;     font-size: 14px; }
 .phone_nav .nav_main .ss {     border: 1px solid #ccc;     margin-top: 20px; }
 .phone_nav .nav_main .ss .p2 {     float: right; }
 .phone_nav .nav_main .ss .p2 input {     border: 0;     /*background:url("../images/app_ss1.png") center no-repeat;*/     width: 34px;     height: 34px; }
 .phone_nav .nav_main .ss .p1 {     display: block;     margin: 0 34px 0 5px; }
 .phone_nav .nav_main .ss .p1 input {     width: 100%;     height: 34px;     line-height: 34px;     background: none;     border: 0;     font-family: "Microsoft YaHei";     font-size: 14px;     color: #fff; }
 .phone_nav .nav_main li b {     display: inline-block;     position: absolute;     right: 10px;     top: 0px;     width: 50%;     height: 50px;     background: url("../images/lmfooter_bottom.png") center right no-repeat;     z-index: 99; }
 .phone_nav .nav_main .ul {     padding: 0 0 0px 20px;     margin: 0;     max-height: 0;     overflow: hidden;     transition: max-height 0.4s;     -webkit-transition: max-height 0.4s; }
 .phone_nav .nav_main .ul li {     padding: 0;     border-bottom: 0;     transform: translateX(0px);     -webkit-transform: translateX(0px); }
 .phone_nav .nav_main .ul li a {     padding: 0;     height: auto;     line-height: 30px;     font-weight: normal }
 .phone_nav .nav_main .b_one .ul {     max-height: 300px;     padding: 0 0 0px 20px;     margin-bottom: 10px; }
 .phone_nav .nav_main li {     transform: translateX(100px);     -webkit-transform: translateX(100px);     transition: all 0.8s ease;     -webkit-transition: all 0.8s ease;     border-bottom: 1px solid rgba(225,225,225,0.5);     padding: 0 20px;     position: relative; }
 .phone_nav .nav_main li:nth-of-type(1) {     transition-delay: 0.1s;     -webkit-transition-delay: 0.1s; }
 .phone_nav .nav_main li:nth-of-type(2) {     transition-delay: 0.2s;     -webkit-transition-delay: 0.2s; }
 .phone_nav .nav_main li:nth-of-type(3) {     transition-delay: 0.3s;     -webkit-transition-delay: 0.3s; }
 .phone_nav .nav_main li:nth-of-type(4) {     transition-delay: 0.4s;     -webkit-transition-delay: 0.4s; }
 .phone_nav .nav_main li:nth-of-type(5) {     transition-delay: 0.5s;     -webkit-transition-delay: 0.5s; }
 .phone_nav .nav_main li:nth-of-type(6) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(7) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(8) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(9) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav .nav_main li:nth-of-type(10) {     transition-delay: 0.6s;     -webkit-transition-delay: 0.6s; }
 .phone_nav_one {     transition-delay: 0s;     -webkit-transition-delay: 0s; }
 .phone_nav_one .nav_main {     opacity: 1;     width: 100%;     overflow: inherit; }
 .phone_nav_one .nav_but {     background: rgba(0, 0, 0, 0); }
 .phone_nav_one .nav_but:before {     margin-top: 0;     transform: rotate(45deg);     -webkit-transform: rotate(45deg); }
 .phone_nav_one .nav_but:after {     margin-top: 0;     transform: rotate(-45deg);     -webkit-transform: rotate(-45deg); }
 .phone_nav_one .nav_but_box {     opacity: 0.8; }
 .phone_nav_one .nav_main li {     transform: translateX(0);     -webkit-transform: translateX(0); }}
@media screen and (max-width: 758px) { /*--768-0--*/ .phone_nav .nav_but_box {     right:10px; }
 .phone_nav .nav_main ul {     margin-top: 20px;     height: 550px;     overflow-y: auto;     box-sizing: border-box; }
 .phone_nav .nav_main .b_one .ul {     height: auto; }}
@media screen and (max-width: 470px) { /*--768-0--*/ .phone_logo {     padding: 8px 10px }
 .phone_nav .nav_main ul {     height: 550px; }
 .phone_nav .nav_main .b_one .ul {     height: auto; }}
.i_ssbn { width: 40px; height: 100%; background: url(../images/tb_01.png) center no-repeat; background-size: 20px; position: absolute; top: 0px; right: 85px; z-index: 10000;}
.i_ssbn span { width: 100%; height: 100%; display: inline-block;}
.i_ssbn_div { width: 200px; display: none; background-color: #1e276e; z-index: 10000; position: absolute; right: 0px; top: 100%;}
.i_ssbn_div .ipt1 { width: 80%; height: 40px; line-height: 40px; text-indent: 15px; border: 0px;   background-color: #fff; color: #b9b9b9; font-size: 0.16rem;}
.i_ssbn_div .ipt2 { width: 20%; height: 40px; background: url(../images/tb_01s.png) center no-repeat; border: 0px; background-size: 15px;}
.i_ssbn_div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b9b9b9;}
.i_ssbn_div input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b9b9b9;}
.i_ssbn_div input:-ms-input-placeholder { color: #b9b9b9;}
.i_ssbn_div input::-webkit-input-placeholder { color: #b9b9b9;}
.i_bbwap { width: 30px; height: 100%; background-size: 14px; position: absolute; top: 0px; right: 50px; z-index: 10000;}
.i_bbwap span { width: 100%; height: 46px; line-height: 46px; font-size: 14px; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: 28px;}
.i_bbwap_ul { width: 110px; display: none; padding: 10px 10px; background-color: #fff; z-index: 10000; border: 1px solid #fff; position: absolute; right: 0px; top: 100%;}
.i_bbwap_ul li { width: 100%; height: 35px; float: left;}
.i_bbwap_ul li a,.i_bbwap_ul li a:hover { width: 100%; height: 35px; text-align: center; line-height: 35px; display: inline-block; overflow: hidden; text-align: center; color: #333; font-size: 14px;}
.i_bbwap_ul li a img { width: 28px; height: auto !important;}
.i_content { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.i_content_c { width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.i_con { max-width: 1440px; margin: 0px auto; width: 100%; box-sizing: border-box;}
.i_con1 { width: 1440px; margin: 0px auto;}
/*.i_con1s{width:1400px; margin:0px auto; height:100%;}
.i_con2{width:1200px; margin:0px auto;}*/
.i_content1 { width: 100%; height: 82%; position: absolute; left: 0px; bottom: 0px;}
.ui_div { width: 100%;}
.ui_div1 { width: 100%; overflow: hidden;}
.ui_div_center { width: 65%; margin: 0px auto;}
.ui_div_center1 { width: 75%; margin: 0px auto;}
.wx_top { width: 60px; height: 60px; position: fixed; right: 15px; bottom: 60px; z-index: 100; display: none;}
.wx_top img { width: 100%;}
.i_box1 { width: 100%;}
.i_box1_l { width: 55%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-90%); -ms-transform: translateX(-90%); -o-transform: translateX(-90%); transform: translateX(-90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_box1_l { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.i_box1_l_t { width: 100%; background: url(../images/name_bg.png) no-repeat 300px center; line-height: 1.4; color: #1f286f; font-size: 30px; letter-spacing: 2px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;/*! background-size: 50%; */}
.active .i_box1_l_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box1_l_t .s1 { font-size: 38px;}
.y3 .i_box1_l_t .s1 { font-size: 38px; color: #fff;}
.i_box1_l_t.activetwo { text-align: center;}
.i_box1_l_t.nactive { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.i_box1_l_c { font-family:font-family:Verdana， Helvetica, Arial, sans-serif,  "Helvetica Neue",'harmonyos_sansbold'; width: 100%; margin: 30px 0px 10px 0; line-height: 1.5; overflow: hidden; color: #000000; font-size: 16px; text-align: justify;}
.i_box1_l_c img { max-width: 100%; height: auto !important;}
.show_a_p { width: 100%; padding-top: 5%;}
.show_a_p li { width:16.66%; padding-right: 0%; float: left; text-align: center;}
.show_a_p li .show_a_p_img { width: 100%;text-align: center;}
.show_a_p li .show_a_p_img img { max-width: 86px;width: 50%;}
.show_a_p_name { font-size: 16px;}
.i_box1_l_b { width: 100%; height: 48px; line-height: 48px; /*! padding:0px 35px 0px 50px; */ display: inline-block; /*! background-color:#1f286f; */ color:#1f286f; font-size: 16px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_l_b:hover { text-decoration: none; color: #1f286f;}
.i_box1_l_b .s1 { background: url(../images/tb_5z.png) right center no-repeat; height: 48px; line-height: 48px; padding-right: 50px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_l_b:hover .s1 { padding-right: 40px;}
.i_box1_r { float: right; width: 40%; background: url(../images/tb_5.png) right 0px bottom 0px no-repeat; padding: 0px 30px 30px 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -ms-transform: translateX(90%); -o-transform: translateX(90%); transform: translateX(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box1_r img { width: 100%;}
.blue_sk { background-color: #1f286f; width: 86px; border-radius: 50%; height: 86px; position: absolute; bottom: -28px; left: -52px;}
.i_box1_r { width: 46%; padding: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -ms-transform: translateX(90%); -o-transform: translateX(90%); transform: translateX(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box1_r img { width: 100%;}
.active .i_box1_r { width: 40%; max-width: 500px; padding-top: 1%; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.active .i_box1_r>img { width: 100%;}
.i_box1_r .video-cover{width: 100%; height: 100%; display: block;}
.i_box1_r .z_arr_more{position: absolute; z-index: 3;}
.i_box2 { width: 100%;}
.i_box2_t { width: 100%; padding-top: 80px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_box2_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box2_t li { width: 25%; padding: 0px 1%; float: left;}
.i_box2_t li .div { width: 100%; display: inline-block; float: left; font-size: 24px; color: #19b8b4; position: relative; height: 340px; padding-top: 40px; letter-spacing: 2px;}
.i_box2_t li .div:hover { text-decoration: none; color: #19b8b4;}
.i_box2_t li .div .s1 { width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; border-left: 1px solid #40b2ad; border-top: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s2 { width: 25px; height: 25px; position: absolute; right: 0px; top: 0px; border-right: 1px solid #40b2ad; border-top: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s3 { width: 25px; height: 25px; position: absolute; left: 0px; bottom: 0px; border-left: 1px solid #40b2ad; border-bottom: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div .s4 { width: 25px; height: 25px; position: absolute; right: 0px; bottom: 0px; border-right: 1px solid #40b2ad; border-bottom: 1px solid #40b2ad; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.i_box2_t li .div:hover .s1,.i_box2_t li .div:hover .s2,.i_box2_t li .div:hover .s3,.i_box2_t li .div:hover .s4 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.i_box2_t li .div .a_img_bg { width: 100%; height: 120px; text-align: center; margin-top: 0px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div .a_img { width: 100%; height: 120px; text-align: center; position: absolute; left: 0px; top: 40px; padding-top: 31.5px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div .a_img img { width: 57px; height: 57px;}
.i_box2_t li .div .a_text { width: 100%; height: 47px; line-height: 47px; text-align: center; margin-top: 20px; overflow: hidden; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box2_t li .div:hover .a_text { margin-top: 55px; color: #333;}
.i_box2_t li .div:hover .a_img_bg { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); margin-top: 24px;}
.i_box2_t li .div:hover .a_img { top: 64px;}
.i_box1 { width: 100%; padding: 100px 0px 100px 0px;}
.i_box1_t { width: 100%; padding: 5px 0px; line-height: 1.4; color: #333333; font-size: 30px; font-weight: bold; letter-spacing: 2px; text-align: center;}
.i_box1_t.active { text-align: left; font-size: 36px;}
.i_box1_t.active1 { text-align: left; font-size: 36px; color: #fff;}
.i_box1_c { width: 100%; padding: 75px 0px 60px 0px;}
.i_box1_c li { width: 25%; float: left; color: #666666; font-size: 16px; line-height: 1.4; text-align: center; letter-spacing: 2px;}
.i_box1_c li .s1 { color: #333333;}
.i_box1_c li .s1 span { font-size: 38px; font-weight: bold;}
.i_box1_ul { width: 100%; padding-top: 40px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.i_box1_ul li { width: 11.4%; overflow: hidden; float: left; margin: 0px 1px 0px 0px; overflow: hidden; cursor: pointer; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li.active { width: 42%; background-color: #fff; overflow: hidden;}
.i_box1_ul li .pro_lb { background-color: rgb(0,0,0,0.62); position: absolute; z-index: 999; width: 100%; height: 100%; color: #fff;}
.i_box1_ul li .pro_lb .pro_lb_name { background: url(../images/line.jpg) no-repeat 14px top; padding-top: 30px; top: 20px; writing-mode: tb-rl; word-wrap: break-word; left: 20px; position: absolute; font-size: 18px;}
.i_box1_ul li.active .pro_lb { display: none;}
.i_box1_ul li .img { height: 300px; padding: 35px 0px;}
.i_box1_ul li .div { width: 100%; height: 370px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.i_box1_ul li .img img { transition: all ease-in-out 0.3s; max-height: 370px; max-width: 280px;}
.i_box1_ul li .div:after { width: 100%; height: 100%; /*background:url(../images/tb_2z.png) top repeat-x;*/ position: absolute; left: 0px; top: 0px; z-index: 1; content: "";}
.i_box1_ul li .div .a_text { width: 100%; display: none; padding: 0px 15px; color: #333; position: absolute; left: 0px; top: 20px; z-index: 2; font-size: 20px; letter-spacing: 1px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li.active .div:after { /*background:url(../images/tb_3.png) repeat;*/}
.i_box1_ul li .div .a_text_c { width: 40%; padding: 0px 7%; position: absolute; right: 0px; top: 50%; z-index: 2; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); color: #fff; font-size: 14px; display: none;}
.i_box1_ul li .div .a_text_c_t { width: 100%; line-height: 1.2; margin-bottom: 10px; overflow: hidden; font-size: 24px; letter-spacing: 1px; color: #1e276e;}
.i_box1_ul li .div .a_text_c_c { width: 100%; margin-bottom: 30px; line-height: 1.8; overflow: hidden; height: 175px; color: #333;}
.i_box1_ul li .div .a_text_c_b { padding: 0px 30px; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #0064B9; display: inline-block; color: #024381; font-size: 14px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box1_ul li .div .a_text_c_b:hover { text-decoration: none; color: #fff; background-color: #024381;}
.i_box1_ul li.active .div .a_text { top: -100px; display: block;}
.i_box1_ul li.active .div .a_text_c { display: block;}
.i_box1_ul :hoverer .img img { transition: all 0.2s ease-in-outransform: scale(0.88); t;}

.active .i_box1_ul { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s;}
.i_box3 { width: 100%;}
.i_box3_t { width: 100%; padding: 125px 10% 0px 10%; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%); transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .i_box3_t { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.i_box3_t li { width: 33.33%; float: left;}
.i_box3_t li .div { width: 100%; color: #19b8b4; font-size: 16px; display: inline-block; float: left; letter-spacing: 2px;}
.i_box3_t li .div:hover { text-decoration: none; color: #19b8b4;}
.i_box3_t li .div .a_img { width: 100%; padding-bottom: 20px; text-align: center; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.i_box3_t li .div .a_img img { width: 68px; height: 68px;}
.i_box3_t li .div .a_text { width: 100%; line-height: 1.5; text-align: center;}
.i_box3_t li .div .a_text .s1 { font-size: 24px;}
.i_box3_t li .div:hover .a_img { padding-bottom: 15px;}
.i_fbg1 { border-top: 1px solid #f2f2f2;}
.i_fbg { background-color: #22a3a0;}
.i_footer_b { width: 100%; padding: 10px 0px; line-height: 1.8; color: #ffffff;}
.i_footer_b a,.i_footer_b a:hover { color: #fff;}
.video_div { width: 100%; height: 100%; background-color: #000; position: fixed; z-index: 100011111111111; left: 0px; top: -100%;}
.video_div_closebtv { width: 30px; height: 30px; position: absolute; right: 30px; top: 30px; cursor: pointer; z-index: 100;}
.video_div_center { width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.n_banner { width: 100%; /*! height: 535px; */ margin-top: 80px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.n_banner img { width: 100%; height: 100%}
.n_banner .n_banner_text { font-size: 60px; width: 100%; position: absolute; left: 0px; top: 40%; webkit-transform: translate(0%, -40%); -moz-transform: translate(0%, -40%); transform: translate(0%, -40%); color: #fff; font-size: 24px; letter-spacing: 2px; text-align: left;}
.n_banner .n_banner_text .s1 { font-size: 24px;}
.n_banner .n_banner_text .s2 { font-size: 40px; line-height: 1.4; margin-top: 0px;display: none;}
.new_banner { height: 280PX !important;}
.new_banner .n_banner_text { color: #000;}
.new_banner .n_banner_text .s2 { font-size: 30PX;}
.where { height: 30px; line-height: 30px; padding: 20px 0; font-size: 16px; text-align: left !important;}
.where a { color: #666; padding: 0px 10px;}
.where a:hover { color: #024381;}
.where i { width: 30px; height: 30px; background: url(../images/home.png); display: inline-block; float: left;}
.pro_show { padding: 20px; background-color: #fff; padding: 3%; display: block; overflow: hidden; margin-bottom: 30px;}
.show_top .img { width: 40%; float: left; border: 1px solid #f1f2f3; text-align: center; margin-right: 5%;}
.show_top .img img { max-width: 100%;}
.pro_show_name h3 { font-size: 1.5rem; padding: 20px 0;}
.content { font-size: 16px; line-height: 1.8;}
.pro_content { padding: 20px 0;}
.pro_content .custom { border-bottom: 2px solid #1e276f; font-size: 18px; line-height: 30px; text-align: center;}
.pro_content .custom .name { background-color: #1e276f; color: #fff; width: 130px; line-height: 50px;}
.content_pro { padding: 3% 0 ; line-height: 1.8; font-size: 16px;}
.content_pro img { max-width: 100%;}
.pc_amenu { width: 100%; left: 0px; bottom: 0px; text-align: center; background: #f4f4f4;}
.pc_amenu:after { width: 100%; height: 100%; background: #ffffff; left: 0px; top: 0px; -moz-border-radius: 0px; /* Gecko browsers */ -webkit-border-radius: 0px ; /* Webkit browsers */ border-radius: 0px ; /* W3C syntax */ content: "";}
.a_menu { width: 100%; margin: 0px; padding: 0px; overflow: hidden; position: relative; z-index: 1;}
.a_menu a.a_menu_a { padding: 0px 1.2%; margin: 0 0%; position: relative; color: #333; line-height: 70px; height: 70px; overflow: hidden; display: inline-flex; font-size: 20px;}
.a_menu a.a_menu_a.activetm1:after { width: 100%; bottom: 0; left: 0; height: 3px; background-color: #303673; position: absolute; content: "";}
.a_menu a.a_menu_a:hover:after { position: absolute; content: ""; width: 100%; height: 3px; background-color: #303673; bottom: 0; left: 0;}
.a_zxlmenu { width: 100%; position: relative; display: none; z-index: 111;}
.a_zxlmenu_t { width: 100%; padding: 2% 0px; background: url(../images/zxl_jt1.jpg) right center no-repeat; font-size: 16px; text-align: center; background-color: #1f286f; color: #fff; cursor: pointer; background-size: 30px;}
.a_zxlmenu_c { width: 100%; position: absolute; left: 0px; top: 100%; margin: 0px; padding: 0px; background-color: #eeeeee; text-indent: 0px; display: none; -moz-box-shadow: 0px 0px 10px #c7c5bf; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #c7c5bf; /*webkit*/ box-shadow: 0px 0px 10px #c7c5bf;}
.a_zxlmenu_c li { width: 100%; float: left; text-align: center;}
.a_zxlmenu_c li .aone { width: 100%; padding: 3% 0px; display: inline-block; color: #1f286f; font-size: 14px; text-decoration: none; text-indent: 0px;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo { color: #fff; text-decoration: none; background-color: #df777d;}
.a_zxlmenu_c li dl { width: 100%; border-bottom: 1px solid #ccc; display: none;}
.a_zxlmenu_c li dl dd { width: 100%; float: left; text-align: center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover { width: 100%; padding: 3% 0px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; text-indent: 0px;}
.n_bg1 { background: url(../images/tb_26.png) right 12% bottom no-repeat;}
.n_box1 { width: 100%; padding: 115px 0px 125px 0px;}
.n_box1_t { width: 100%; padding: 20px 5% 90px 5%; color: #222222; font-size: 17px; line-height: 2; overflow: hidden; text-align: center;}
.n_box1_t img { max-width: 100%; height: auto !important;}
.i_section { position: relative; box-sizing: border-box; width: 100%; overflow: hidden;}
.pc-slide { width: 100%; margin: 0 auto;}
.view .swiper-container { width: 100%; /*height: 500px;*/}
.view .swiper-wrapper { height: auto !important;}
.view .swiper-slide { width: 100%; padding: 0px 50px 0px 50px; margin-top: 30px; color: #333333; font-size: 16px; line-height: 2; overflow: hidden; text-align: justify; vertical-align: top;}
.view .swiper-slide .s1 { margin-right: 60px; float: left;}
.view .swiper-slide img { max-width: 100%; height: auto !important;}
.view .swiper-slide h1 { color: #000000; font-size: 24px; margin-bottom: 20px;}
.view .arrow-left { background: url(../images/tb_22.png) no-repeat center; background-size: 100%; position: absolute; left: 0px; top: 50%; margin: 0px; margin-top: -27.5px; /*top: 50%;
	margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10;}
.view .arrow-left:hover { background: url(../images/tb_22s.png) center no-repeat; background-size: 100%;}
.view .arrow-right { background: url(../images/tb_21.png) no-repeat left bottom; background-size: 100%; position: absolute; right: 0px; top: 50%; margin: 0px; margin-top: -27.5px; /*top: 50%;
	margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10;}
.view .arrow-right:hover { background: url(../images/tb_21s.png) center no-repeat; background-size: 100%;}
.preview { width: 100%; position: relative;}
.preview .swiper-container { /*width: 80%;*/ width: 100%; overflow: hidden; height: 50px; /*margin:0px 10%;*/}
.preview .swiper-slide { float: left; cursor: pointer; color: #000000; font-size: 17px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; background-color: #eaeaea;}
.preview .slide6 { width: 82px;}
.preview .arrow-left { /*background: url(../images/tb_030.png) no-repeat left top;*/ /* background:url(../images/y33.png) no-repeat; background-size:72px;*/ position: absolute; left: 0px; top: 50%; margin-top: -36px; width: 0px; height: 0px; z-index: 10; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.preview .arrow-left:hover { /* background:url(../images/y33s.png) no-repeat; background-size:72px;*/}
.preview .arrow-right { /*background: url(../images/y34.png) no-repeat left bottom;*/ position: absolute; right: 0px; top: 50%; margin-top: -36px; width: 0px; height: 0px; z-index: 10; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.preview .arrow-right:hover { /* background:url(../images/y34s.png) no-repeat; background-size:72px;*/}
.preview .swiper-slide img { width: 67px; height: 44px; border: 1px solid #d2d2d2;}
/*.preview img {
	padding: 1px;
}*/
.preview .active-nav { color: #fff; background-color: #1f286f;}
.n_box4 { width: 100%; padding: 80px 5%; background-color: #fff;}
.pc-slide1 { width: 100%; margin: 0 auto;}
.view1 .swiper-container { width: 100%; /*height: 500px;*/}
.view1 .swiper-wrapper { height: auto !important;}
.view1 .swiper-slide { width: 100%; padding: 0px 24px;}
.view1 .swiper-slide .div_t { width: 88%; height: 52px; line-height: 52px; background: url(../images/tb_32.png) center repeat-x; position: relative;}
.view1 .swiper-slide .div_t:after { width: 40px; height: 40px; background: url(../images/img7.jpg) center no-repeat; background-size: 100%; position: absolute; right: 0px; top: 9px; content: ""; background-size: 100%;}
.view1 .swiper-slide .div_t .s1 { height: 52px; line-height: 52px; display: inline-block; background-color: #fff; padding-right: 30px; color: #1f286f; font-size: 30px;}
.view1 .swiper-slide .div_t .s1 span { font-size: 60px;}
.view1 .swiper-slide .div_c { width: 100%; padding-top: 47px; position: relative;}
.view1 .swiper-slide .div_c .jb_img { width: 13.5%; position: absolute; right: -24px; top: -50px;}
.view1 .swiper-slide .div_c .jb_img img { max-width: 100%; height: auto !important;}
.view1 .swiper-slide .div_c_l { width: 40%; color: #222222; font-size: 17px; line-height: 1.8;}
.view1 .swiper-slide .div_c_r { width: 56%; padding-right: 8%;}
.view1 .swiper-slide .div_c_r img { max-width: 100%;}
.view1 .arrow-left { /*background: url(../images/tb_22.png) no-repeat center;background-size:100%;*/ position: absolute; left: 0px; top: 50%; margin: 0px; margin-top: -27.5px; /*top: 50%;
	margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10;}
.view1 .arrow-left:hover { /*background:url(../images/tb_22s.png) center no-repeat;background-size:100%;*/}
.view1 .arrow-right { /*background: url(../images/tb_21.png) no-repeat left bottom; background-size:100%;*/ position: absolute; right: 0px; top: 50%; margin: 0px; margin-top: -27.5px; /*top: 50%;
	margin-top: -57px;*/ width: 28px; height: 55px; z-index: 10;}
.view1 .arrow-right:hover { /*background:url(../images/tb_21s.png) center no-repeat;background-size:100%;*/}
.preview1 { width: 100%; position: relative; background: url(../images/tb_34.png) bottom repeat-x;}
.preview1 .swiper-container { /*width: 80%;*/ width: 100%; overflow: hidden; height: 75px; /*margin:0px 10%;*/ margin-top: 45px;}
.preview1 .swiper-slide { float: left; cursor: pointer; color: #333333; font-size: 20px; line-height: 50px; padding-bottom: 25px; background: url(../images/tb_30.png) bottom 7px center no-repeat; text-align: center; overflow: hidden;}
.preview1 .slide6 { width: 82px;}
.preview1 .arrow-left { background: url(../images/tb_28.png) no-repeat; background-size: 100%; background-color: #fff; position: absolute; left: 0px; bottom: 0px; width: 34px; height: 34px; z-index: 10; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.preview1 .arrow-left:hover { background: url(../images/tb_28s.png) no-repeat; background-size: 100%; background-color: #fff;}
.preview1 .arrow-right { background: url(../images/tb_29.png) no-repeat left bottom; background-size: 100%; background-color: #fff; position: absolute; right: 0px; bottom: 0px; width: 34px; height: 34px; z-index: 10; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.preview1 .arrow-right:hover { background: url(../images/tb_29s.png) no-repeat; background-size: 100%; background-color: #fff;}
.preview1 .swiper-slide img { width: 67px; height: 44px; border: 1px solid #d2d2d2;}
/*.preview img {
	padding: 1px;
}*/
.preview1 .active-nav { color: #1f286f; font-size: 28px; background: url(../images/tb_31.png) bottom 7px center no-repeat;}
.n_bg2 { background-color: #f5f5f5;}
.pro_name { text-align: center;}
.pro_name .pro_name_t { font-size: 30px; padding: 30px; color: #333;}
.pro_name .pro_n {}
.pro_name .pro_n a { font-size: 16px; min-width: 132px; height: 52px; margin: 10px; line-height: 52px; padding: 0px 20px; display: inline-block; border: 1px solid #1e276f; color: #1e276f; border-radius: 30px;}
.pro_name .pro_n a.activetm1,.pro_name .pro_n a:hover { background-color: #1e276f; color: #fff;}
.n_box6 { width: 100%;}
.n_box6 li { width: 49.5%; float: left; margin-right: 1%; padding-bottom: 1%;}
.n_box6 li .div { width: 100%; background-color: #fff; padding: 30px 6.5%; color: #333333; display: inline-block; float: left; font-size: 17px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box6 li .div:after { width: 2px; height: 100%; background-color: #1f286f; position: absolute; left: 0px; top: 0px; content: "";}
.n_box6 li .div:hover { text-decoration: none; color: #1f286f; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; }
.n_box6 li .div .s1 { width: 78%; height: 40px; line-height: 40px; overflow: hidden;}
.n_box6 li .div .s2 { width: 22%; height: 40px; line-height: 40px; overflow: hidden; text-align: right;}
.a_mtbd_dpages { width: 100%; text-align: center; padding: 30px 0% 30px 0%; font-size: 16px;}
.a_mtbd_dpages a,.a_mtbd_dpages span { padding: 0px 15px; height: 35px; margin-bottom: 5px; line-height: 35px; text-align: center; background-color: #fff; color: #666666; display: inline-block; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius: 2px; /* W3C syntax */}
.a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span { color: #fff; text-decoration: none; background-color: #1f286f;}
.n_box8 { width: 100%; background-color: #e7e7e7; margin-bottom: 25px;}
.n_box8 a { padding: 0px 40px; height: 80px; line-height: 80px; display: inline-block; float: left; overflow: hidden; color: #333333; font-size: 17px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box8 a:hover,.n_box8 a.activetm { color: #fff; text-decoration: none; background-color: #1f286f;}
.n_box8_c { width: 100%;}
.n_box8_c li { width: 100%; float: left; padding-bottom: 20px;}
.n_box8_c li .div { width: 100%; background-color: #fff; padding: 30px 3%; color: #999999; display: inline-block; float: left; font-size: 17px; position: relative;}
.n_box8_c li .div:after { width: 2px; height: 100%; background-color: #1f286f; position: absolute; left: 0px; top: 0px; content: "";}
.n_box8_c li .div:hover { text-decoration: none; color: #1f286f; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5;}
.n_box8_c li .div .s1 { width: 78%; height: 36px; line-height: 36px; color: #333333; overflow: hidden;}
.n_box8_c li .div .s2 { width: 22%; height: 36px; line-height: 36px; overflow: hidden; text-align: right; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box8_c li .div:hover .s1 { color: #1f286f;}
.n_box8_c li .div:hover .s2 { display: none;}
.n_box9 { width: 100%;}
.n_box9 li { width: 100%; float: left; padding-bottom: 20px;}
.n_box9 li .div { width: 100%; display: inline-block; overflow: hidden; float: left; background-color: #fff; color: #666666; font-size: 17px;}
.n_box9 li .div .a_img { width: 24%; display: inline-block; overflow: hidden;}
.n_box9 li .div .a_img img { width: 100%;}
.n_box9 li .div .a_img_r { width: 70%; padding: 2%;}
.n_box9 li .div .a_img_r_l { width: 100%;}
.n_box9 li .div .a_img_r_l_t { padding: 8px 0px; line-height: 1.5; color: #222222; font-weight: bold; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box9 li .div:hover .a_img_r_l_t { color: #1f286f;}
.n_box9 li .div .a_img_r_l_c { line-height: 24px; overflow: hidden; margin-bottom: 10px; text-align: justify; font-size: 15px;}
.n_box9 li .div .more { margin-top: 16px; padding: 0px 20px; height: 30px; line-height: 30px; color: #999999; display: inline-block; background-color: #f5f5f5; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box9 li .div:hover .more { border: 1px solid #1f286f; background-color: #1f286f; color: #fff;}
.n_box9 li .new_time { background: url(../images/times.png) no-repeat left center; padding-left: 20px;}
.new_show { padding: 20px; background-color: #fff; padding: 3%; display: block; overflow: hidden; margin-bottom: 30px;}
.new_show .new_name { font-size: 30px; text-align: center; color: #333; padding: 30px 0px;}
.new_show .new_times { text-align: center; font-size: 14px; color: #999999;}
.new_content .content_pro { padding: 3% 10%;}
.new_top .img { width: 40%; float: left; border: 1px solid #f1f2f3; text-align: center; margin-right: 5%;}
.new_top .img img { max-width: 100%;}
.new_show_name h3 { font-size: 1.5rem; padding: 20px 0;}
.n_bg3 { background-position: center center; background-repeat: no-repeat; background-size: cover;}

.a_careers_c { width: 100%; background-color: #fff;}
.a_careers_c dt { width: 100%; float: left; height: 60px; font-weight: normal; line-height: 60px; background-color: #a5a5ac; color: #fff; font-size: 18px;}
.a_careers_c dt .s1 { width: 25%; padding-left: 5%;}
.a_careers_c dt .s2 { width: 20%; text-align: center;}
.a_careers_c dt .s3 { width: 20%; text-align: center;}
.a_careers_c dt .s4 { width: 20%; text-align: center;}
.a_careers_c dd { width: 100%; float: left; background-color: #e8e9ef; margin-bottom: 4px;}
.a_careers_c dd .div { width: 100%; height: 59px; line-height: 59px; cursor: pointer; color: #000000; font-size: 17px; background: url(../images/ee.png) right 25px center no-repeat;}
.a_careers_c dd .div.activeds { background: url(../images/ee1.png) right 25px center no-repeat; background-color: #e8e9ef; color: #333;}
.a_careers_c dd .div .s1 { width: 25%; padding-left: 5%;}
.a_careers_c dd .div .s2 { width: 20%; text-align: center;}
.a_careers_c dd .div .s3 { width: 20%; text-align: center;}
.a_careers_c dd .div .s4 { width: 20%; text-align: center;}
.a_careers_c dd .div_l { width: 90%; background-color: #f5f6f9; padding: 3% 5%; overflow: hidden; display: none ; text-align: left;}
.a_careers_c dd .div_l_c { width: 100%; color: #333333; font-size: 17px; line-height: 1.8;}
.a_careers_c dd .div_l_c img { max-width: 100%;}
.a_careers_c dd .div_l_c span { font-weight: bold;}
.a_careers_c dd .div_l_b { padding: 0px 40px; border-radius: 21px; height: 42px; margin-top: 20px; display: inline-block; line-height: 42px; background-color: #1f286f; border: 1px solid #1f286f; color: #fff; font-size: 17px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.a_careers_c dd .div_l_b:hover { text-decoration: none; color: #1f286f; background-color: #fff;}
.n_box15 { width: 100%; height: 100%; display: none; position: fixed; left: 0px; top: 0px; z-index: 111111; background: url(../images/tb_043.png) repeat;}
.n_box15_c { width: 1100px; position: fixed; left: 50%; margin-left: -550px; top: 50%; z-index: 111111; background-color: #fff; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); padding: 35px 5% 25px 2%;}
.n_box15_c_t { padding-bottom: 45px; line-height: 50px; position: relative; text-align: center; color: #333333; font-size: 30px; font-weight: bold; position: relative;}
.n_box15_c_t a,.n_box14_c_t a:hover { width: 27px; position: absolute; right: 0px; top: 0px;}
.n_box15_c_c { width: 100%;}
.n_box15_c_c li { width: 100%; padding-bottom: 30px; float: left;}
.n_box15_c_c li dl { width: 100%; color: #666666; font-size: 16px;}
.n_box15_c_c li dl dd { width: 33.33%; float: left;}
.n_box15_c_c li dl dd .s1 { width: 38%; text-align: right; height: 48px; line-height: 48px; padding-right: 1%;}
.n_box15_c_c li dl dd .s2 { width: 60%; height: 48px; line-height: 48px; padding-left: 1%; position: relative;}
.n_box15_c_c li dl dd .s2 .ipt1 { width: 100%; height: 48px; position: relative; border: 0px; line-height: 48px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 16px;  }
.n_box15_c_c li dl dd .s2 .s3 { height: 48px; line-height: 48px; color: #bbb; position: absolute; right: 0px; top: 0px;}
.n_box15_c_c li dl dt { width: 100%; float: left; font-weight: normal;}
.n_box15_c_c li dl dt .s4 { width: 25%; text-align: right; height: 48px; line-height: 48px; padding-right: 1%;}
.n_box15_c_c li dl dt .s5 { width: 87%; padding-left: 13%;}
.n_box15_c_c li dl dt .s5 .ipt2 { width: 100%; height: 100%; outline: 0; border: 0px; resize: none; line-height: 1.6; padding: 5px 0px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 16px;  }
.n_box15_c_c li .s6 { width: 100%; padding-top: 55px; padding-left: 9%;}
.n_box15_c_c li .s6 .ipt3 { width: 96%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 24px; background-color: #1f286f; border: 0px;  }
.n_box18_ul { width: 100%;}
.n_box18_ul li { width: 32.58%; float: left; margin-right: 1%;}
.n_box18_ul li .div { width: 80%; padding: 55px 10%; background-color: #fff; min-height: 300px; position: relative; cursor: pointer;}
.n_box18_ul li .div:after { width: 0px; height: 8px; background-color: #1f286f; position: absolute; left: 0px; bottom: 0px; content: ""; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.n_box18_ul li .div:hover:after { width: 100%;}
.n_box18_ul li .div_t { width: 100%; padding-top: 68px; line-height: 1.4; color: #000000; font-size: 18px;}
.n_box18_ul li .div_t .s1 { font-size: 26px; color: #1f286f;}
.n_box18_ul li .div_t.bg1 { background: url(../images/tb_015.png) top left no-repeat;}
.n_box18_ul li .div_t.bg2 { background: url(../images/tb_016.png) top left no-repeat;}
.n_box18_ul li .div_t.bg3 { background: url(../images/tb_017.png) top left no-repeat;}
.n_box18_ul li .div_c { width: 100%; padding-top: 10px;}
.n_box18_ul li .div_c .s1 { margin-right: 15px; padding-top: 10px; display: inline-block;}
.n_box18_ul li .div_c .s1 img { border: 1px solid #cbcbcb; width: 30%;}
.n_box18_ul li .div_c1 { width: 100%; padding-top: 20px; line-height: 1.2; color: #1f286f; font-size: 36px; font-weight: bold;}
.n_box18_ul li .div_c2 { width: 100%; line-height: 1.7; padding-top: 20px; color: #000000; font-size: 17px;}
.n_box19 { width: 100%; padding-bottom: 30px;}
.n_box19 #allmap { width: 100%; height: 600px; overflow: hidden; border: 2px solid #fff;}
.n_box23_r { width: 89%; overflow-x: auto;}
.n_box23_rcon { width: auto !important; cursor: pointer;}
.n_box23_r::-webkit-scrollbar { width: 1px; border-radius: 1px; height: 1px;}
.n_box23_r::-webkit-scrollbar-track { border-radius: 1px; width: 1px!important; background-color: #d3eded;}
.n_box23_r::-webkit-scrollbar-thumb { width: 1px; height: 1px; border-radius: 1px; background-color: #1f286f;}
.n_box24 { width: auto !important; height: 40px; background-color: #d3eded; display: flex;}
.n_box24 .s1 { width: 145px; height: 40px;}
.n_box24 .s2 { width: 230px; height: 40px;}
.n_box24 .s3 { width: 906px; height: 40px;}
.n_box24 .s3 li { width: 14.285%; float: left; height: 40px; line-height: 40px; text-align: center; color: #222222; font-size: 17px; padding-right: 15px; white-space: nowrap;}
.n_box24_t { width: auto !important; height: 50px; background-color: #1f286f; display: flex;}
.n_box24_t .s1 { width: 145px; padding-left: 10px; line-height: 50px; overflow: hidden; height: 50px; color: #fff; font-size: 20px; font-weight: bold;}
.n_box24_t .s2 { width: 230px; padding-left: 20px; line-height: 50px; overflow: hidden; height: 50px; color: #fff; font-size: 20px; font-weight: bold;}
.n_box24_t .s3 { width: 906px;}
.n_box24_t .s3 li { width: 14.285%; float: left; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; font-weight: bold; background: url(../images/tb_45.png) right center no-repeat; background-size: auto 100%; padding-right: 15px;}
.n_box24_t .s3 li:nth-child(7) { background: none;}
.n_box24_c { width: auto !important;}
.n_box24_c li { width: auto; float: left; display: flex; background-color: #fff;}
.n_box24_c li .s1 { width: 145px; border-right: 1px solid #d6e1e1; padding-left: 10px; line-height: 60px; overflow: hidden; height: 60px; color: #222222; font-size: 17px;}
.n_box24_c li .s2 { width: 230px; border-right: 1px solid #d6e1e1; padding-left: 20px; line-height: 60px; overflow: hidden; height: 60px; color: #222222; font-size: 17px;}
.n_box24_c li .s3 { width: 906px;}
.n_box24_c li .s3 dd { width: 14.285%; float: left; height: 60px; line-height: 60px; text-align: center; color: #222222; font-size: 22px; padding-right: 15px;}
.n_box24_c li .s3 dd.bg1 { background: url(../images/tb_44.png) center no-repeat;}
.n_box24_c li .s3 dd.bg2 { background: url(../images/tb_46.png) center repeat-x;}
.n_box24_c li.activetwo { background-color: #e7f1f1;}
@-webkit-keyframes float { 0% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 50% {     -webkit-transform: translateY(1em);     transform: translateY(1em); }
 100% {     -webkit-transform: translateY(0);     transform: translateY(0); }}
@keyframes float { 0% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 50% {     -webkit-transform: translateY(1em);     transform: translateY(1em); }
 100% {     -webkit-transform: translateY(0);     transform: translateY(0); }}
@-webkit-keyframes float1 { 0% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }
 50% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 100% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }}
@keyframes float1 { 0% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }
 50% {     -webkit-transform: translateY(0);     transform: translateY(0); }
 100% {     -webkit-transform: translateY(-1em);     transform: translateY(-1em); }}
.arrowGo { animation: arrowGo 2.5s infinite; -webkit-animation: arrowGo 2.5s infinite ;}
.Rotation img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.Rotation:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
@-webkit-keyframes arrowGo { 0% {     -webkit-transform: translate(0, 30%); }
 50% {     -webkit-transform: translate(0, 0%); }
 100% {     -webkit-transform: translate(0, 30%); }}
@keyframes arrowGo { 0% {     transform: translate(0, 30%); }
 50% {     transform: translate(0, 0%); }
 100% {     transform: translate(0, 30%); }}
.Amplification img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1;}
.Amplification:hover img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12);}
.Amplification1 .img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1;}
.Amplification1:hover .img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12);}
@-webkit-keyframes hvr-bob { 0% {     transform: scale(1.1);     -webkit-transform: scale(1.1); }
 100% {     transform: scale(1);     -webkit-transform: scale(1); }}
@keyframes hvr-bob { 0% {     transform: scale(1.1);     -webkit-transform: scale(1.1); }
 100% {     transform: scale(1);     -webkit-transform: scale(1); }}
.xswd { display: inline flow-root list-item; overflow: hidden; clear: both; background-color: #fff; width: 100%;}
.xswd li { width: 40%; float: left; padding: 3% 5%; height: 100px; font-size: 16px;}
.xswd li h3 { font-size: 20px;}
.i_bg2 { background: url(../images/fz_bg5.jpg) bottom center no-repeat; background-size: cover;}
.section_ui_c1 { width: 1410px; margin: 0px auto;}
.h_link { display: block; overflow: hidden; color: #272b47; border-top: 1px solid #272b47 ; padding: 20px 0px;}
.h_link .link_na { color: #999;}
.h_link a { padding: 0px 10px; color: #999;}
.h_link a:hover { color: #fff;}
.n_box9s { width: 100%; flex: 1; padding: 10px 0%; display: block; float: right;}
.n_box9s_c { width: 100%; position: relative;}
.n_box9s .ny_wmscy_con31 { width: 100%; position: relative;}
.n_box9s .ny_wmscy_con31 .swiper-slide { width: 100%; color: #333333; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div { width: 100%; display: inline-block; position: relative; color: #666666; font-size: 16px; text-align: center;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover { text-decoration: none; color: #666666;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_img { width: 60%; margin: 0 20%; display: inline-block; overflow: hidden; border-right: 1px solid #e5e5e5; background: #fff; border-radius: 100%;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .be { width: 60%; padding: 20%; max-height: 240px; margin: 0 20%; height: 100%; position: absolute; display: none; z-index: 10;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .be img { width: 80%;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_img img { width: 100%; transition: all ease-in-out .2s;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover .a_img { background-color: #1f286f; transition: all ease-in-out .2s;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover .a_img img { filter: alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3; transform: scale(1.1); transition: all ease-in-out .5s;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover .be .img { filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover .be { display: block;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_text { width: 100%; height: 70px; line-height: 70px; text-align: center; overflow: hidden; color: #000000; font-size: 24px;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_text_c { width: 100%; padding: 0px 10%; overflow: hidden; height: 30px; line-height: 30px; margin-bottom: 30px; color: #666666; font-size: 16px; text-align: center;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_text_b { width: 100%; text-align: center;}
.n_box9s .ny_wmscy_con31 .swiper-slide .div .a_text_b .s1 { width: 158px; height: 48px; border: 1px solid #d2d2d2; line-height: 48px; text-align: center; color: #333333; font-size: 16px; display: inline-block; -moz-border-radius: 24px; -webkit-border-radius: 24px; /* Webkit browsers */ border-radius: 24px; /* W3C syntax */}
.n_box9s .ny_wmscy_con31 .swiper-slide .div:hover .a_text_b .s1 { border: 1px solid #1f286f; background-color: #1f286f; color: #fff; text-decoration: none;}
.n_box9s .ny_wmscy_con31.swiper-container-horizontal>.swiper-pagination-bullets,.n_box9s .swiper-pagination-custom,.n_box9s .swiper-pagination-fraction { bottom: 0px;}
.n_box9s .wmscy-pagination31 .swiper-pagination-bullet { width: 12px; height: 12px; background-color: transparent; opacity: 1; border: 1px solid #a5a5a5; position: relative;}
.n_box9s .wmscy-pagination31 .swiper-pagination-bullet-active {}
.n_box9s .wmscy-pagination31 .swiper-pagination-bullet-active:after { width: 4px; height: 4px; background-color: #a5a5a5; position: absolute; left: 50%; top: 50%; -moz-border-radius: 100%; /* Gecko browsers */ -webkit-border-radius: 100%; /* Webkit browsers */ border-radius: 100%; /* W3C syntax */ margin-left: -2px; margin-top: -2px; content: "";}
.n_box9s .n_box9s_c .swiper-button-next.wmscy_next31 { top: -30px; border: 2px solid #fff; width: 90px !important; height: 50px !important; background: url(../images/k2.png) center center no-repeat !important; left: auto !important; background-size: 100%; outline: 0; right: 0px !important;}
.n_box9s .n_box9s_c .swiper-button-next.wmscy_next31:hover { background: #fff url(../images/k1.png) center center no-repeat !important;}
.n_box9s .n_box9s_c .swiper-button-prev.wmscy_prev31 { top: -30px; border: 2px solid #fff; width: 90px !important; transform: rotate(180deg); height: 50px !important; background: url(../images/k2.png) center center no-repeat !important; right: 92px !important; left: auto !important; background-size: 100%;}
.n_box9s .n_box9s_c .swiper-button-prev.wmscy_prev31:hover { background: #fff url(../images/k1.png) center center no-repeat !important;}
.item { display: block; overflow: hidden; color: #fff; margin-top: 2%; text-align: left;}
.item .t { font-size: 30px;}
.item .t .item_con { font-size: 16px;}
.list { margin-top: 2%;}
.list li {display: block;overflow: hidden;width: 18.6%;margin-right: 1.5%;float: left;border: 1px solid #fff;font-size: 16px;height: 120px;line-height: 120px;position: relative;display: flex;align-items: center; /* 垂直居中 */justify-content: center; /* 水平居中，如果需要的话 */}
.list li:before { position: absolute; width: 0px; background: #fff; height: 100%; content: ""; left: 0; bottom: 0; transition: all ease-in-out .5s;}
.list li:hover:before { position: absolute; width: 10px; background: #fff; height: 100%; content: ""; left: 0; bottom: 0; transition: all ease-in-out .5s;}
.list li:last-child { margin-right: 0;}
.list li span {height: 100%;display: block;float: left;width: 64%;line-height: 1.2;}
.list li .ico02_1 {width: 22%;float: left;margin: 0 6%;border: 2px;}
.list li .ico02_1 img { width: 100%;}
.list li a { display: block; overflow: hidden; cursor: pointer; color: #fff;}
.list li:hover a { background: rgb(255, 255, 255, 0.12);}
.y3 .i_content_c { display: block; padding-top: 10%;}
.home_product { width: 100%; height: 100%; position: relative; transform: translate(-50%, -45%); left: 50%; top: 50%; width: 100%; height: 100%; position: absolute;}
.solution {}
.bgss { width: 100%; height: 100%; left: 80%; position: relative;}
.sjs-swiper { transform: scale(1.2); width: 100%; height: 100%; visibility: inherit !important; position: relative;}
.sjs-swiper .swiper-slide { -webkit-transition: transform 1.0s; z-index: 5; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s;}
.sjs-swiper .swiper-slide .swiper_img { width: 35%; z-index: 4; transition: all ease-in-out .3s; float: right; position: relative; top: 34%; right: 10%;}
.sjs-swiper .swiper-slide .swiper_img img { width: 100%; /*! border-radius: 100%; */ transition: all ease-in-out .5s}
.sjs-swiper .swiper-slide.swiper-slide-prev .swiper_img { opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out .5s;}
.sjs-swiper .swiper-slide .video_name { opacity: 1; left: 0; width: 50%; z-index: 4; transition: all ease-in-out .3s; float: left; position: relative; top: 35%;}
.video_name .zc_title { font-size: 24px;}
.video_name .video_name_s {font-size: 11px;height: auto;padding-top: 5px;line-height: 16px;overflow: hidden;font-weight: normal;max-height: 147px;}
.sjs-swiper .swiper-slide.swiper-slide-next .video_name { display: none; opacity: 0;}
.sjs-swiper .swiper-slide .imgs1 { width: 100%; /*! border-radius: 100%; */ position: relative;}
.sjs-swiper .swiper-wrapper { z-index: 6;}
.sjs-swiper .swiper-slide-prev .video_name { display: none;opacity: 0;}
.swiper-slide.swiper-slide-next { transition: all ease-in-out .3s;}
.sjs-swiper .swiper-slide-active,.sjs-swiper .swiper-slide-duplicate-active { -webkit-transform: scale(1.3); transform: scale(1.3); transition: all ease-in-out .3s;}
.sjs-swiper .swiper-button-prev { background: url(../images/prev.png) center no-repeat; /*background:none;*/ top: 0%; width: 62px; height: 100vh; left: 74.58%;}
.sjs-swiper .swiper-button-prev:hover { background: url(../images/prev1.png) center no-repeat;}
.sjs-swiper .swiper-button-next { display: block;}
.sjs-swiper .swiper-button-next { background: url(../images/prev.png) center no-repeat; /*background:none;*/ top: 0%; width: 62px; height: 100vh; left: 0%; transform: rotate(180deg);}

.sjs-swiper .swiper-button-next:hover { background: url(../images/prev1.png) center no-repeat;}

.sjs-swiper .xz_bg { display: none; width: 30%; height: -webkit-fill-available; z-index: 1; position: absolute; transition: all ease-in-out .3s; top: 50%; left: 61%; transform: translate(-60%, -50%); text-align: center; line-height: 100%; height: 100%;}
.sjs-swiper .xz_bg img { margin: -50% auto; top: 50%; width: 100%;}
.sjs-swiper .swiper-slide-next .swiper_img{right: 58%;}
.customs { position: absolute; top: 16%; /* left: 6.5%; */ width: 100%;}
.customs .custom_en {  text-transform: uppercase; font-size: 56px; color: #333333; height: 80PX;}
.customs .custom_cn { font-size: 30px; color: #333; height: 70px;}
.customs .custom_line { width: 38px; height: 3px; background: #2f72ce;}
.customs1 { position: absolute; top: 20%; left: 6.5%;}
.customs1 .custom_en {  text-transform: uppercase; font-size: 56px; color: #fff; height: 80PX;}
.customs1 .custom_cn { font-size: 30px; color: #fff; height: 70px;}
.customs1 .custom_line { width: 38px; height: 3px; background: #fff;}
.customs2 { position: relative; top: 20%;}
.customs2 .custom_en {  text-transform: uppercase; font-size: 56px; color: #333333; height: 80PX; line-height: 80px;}
.customs2 .custom_cn { font-size: 30px; color: #333; height: 70px; line-height: 40px;}
.customs2 .custom_line { width: 38px; height: 3px; background: #2f72ce;}
.customs3 { position: relative; top: 20%; text-align: center; padding: 80px 0;}
.customs3 .custom_en {  text-transform: uppercase; font-size: 56px; color: #fff; height: 80PX; line-height: 80px;}
.customs3 .custom_cn { font-size: 30px; color: #fff; height: 70px; line-height: 40px;}
.customs3 .custom_line { width: 38px; height: 3px; background: #fff; margin: 0px auto;}
.roundImg { position: absolute; left: 0; z-index: 1; -webkit-animation: round_animate 15s linear infinite; animation: round_animate 15s linear infinite;}
@keyframes round_animate { to {     transform: rotate(1turn); }}
.zc_li { width: 100%; display: block; overflow: hidden; position: relative; margin: 10% 0;}
.zc_li li { width: 40%; float: left; display: flex; height: 45px;}
.zc_li li .zc_icon {width: 30px;float: left;display: table-cell;justify-content: center;align-items: center;}
.zc_li li .zc_icon img {width: 100%;max-width: 30px;}
.zc_li li .zc_content {float: right;font-size: 10px;display: table-cell;margin-block: auto;width: calc(100% -50px);padding-left: 10px;display: flex;justify-content: center;align-items: center;}
.zc_li { position: relative; display: block;}
.zc_li .video-play { position: absolute; z-index: 2; top: 50%; left: 50%; width: 60px; height: 60px; transition: all .3s ease; transform: translate(-50%, -50%); opacity: .8;}
.zc_li:hover .video-play { opacity: 1;}
.zc_li .video-play.animation { opacity: 1;}
.zc_li .video-play.animation:after { position: absolute; z-index: -1; top: 50%; left: 50%; width: 100%; height: 100%; content: ''; -webkit-animation: a-pulse 2.5s ease-out .5s infinite both; -ms-animation: a-pulse 2.5s ease-out .5s infinite both; animation: a-pulse 2.5s ease-out .5s infinite both; border-radius: 50%; background-color: #c2e8ee;}
.zc_li {width: 100%;display: block;overflow: hidden;position: relative;margin: 6% 0;}
.a_text .zc_li{margin:5% 0;}
.zc_li dd { width: 25%; float: left; display: flex; height: 50px;}
.zc_li dd .zc_icon { width: 50px; float: left; display: table-cell}
.zc_li dd .zc_icon img { width: 100%; max-width: 50px;transform: scale(1);}
.zc_li dd .zc_content { float: right; font-size: 16px; display: table-cell; margin-block: auto; width: calc(100% -50px); padding-left: 10px;display: flex; justify-content: center; align-items: center;}
.zc_li:hover dd .zc_icon img { width: 100%; max-width: 50px;transform: scale(1);}
@-webkit-keyframes a-pulse { 0% {     -webkit-transform: translate(-50%, -50%) scale(1);     transform: translate(-50%, -50%) scale(1);     opacity: 1; }
 to {     -webkit-transform: translate(-50%, -50%) scale(1.5);     transform: translate(-50%, -50%) scale(1.5);     opacity: 0; }}
@keyframes a-pulse { 0% {     -webkit-transform: translate(-50%, -50%) scale(1);     transform: translate(-50%, -50%) scale(1);     opacity: 1; }
 to {     -webkit-transform: translate(-50%, -50%) scale(1.5);     transform: translate(-50%, -50%) scale(1.5);     opacity: 0; }}
.z_arr_more { transform: scale(0.6); display: block; width: 52px; height: 52px; line-height: 52px; background: #303674 url(../images/icon-play.svg) no-repeat center center; border-radius: 50%; color: #fff; text-align: center;right: 3%;bottom: 5%;}
.z_arr_more::after { content: ""; display: block; z-index: -1; pointer-events: none; width: 50px; height: 50px; border-radius: 50%; background: rgba(48,54,116,.5); position: absolute; animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
.z_arr_more { position: relative;}
@keyframes circle-opacity { from {     opacity: 1;     transform: translate(-50%,-50%) scale(1); }
 to {     opacity: 0;     transform: translate(-50%,-50%) scale(2); }}
.ws_img_con { padding: 30px 0; overflow: hidden; font-size: 16px; line-height: 1.6; min-height: 300px;}
.i_news_c { display: block; overflow: hidden;}
.text_r { text-align: right;}
.i_news_c .new_l { width: 44%; transition: all ease-in-out .2s; float: left; background: url(../images/newbg.jpg) no-repeat right top; display: block; overflow: hidden;}
.new_l_img { display: inline-block; overflow: hidden; width: 95%; margin-top: 7.5%;}
.i_news_c .new_l img { width: 100%; transition: all ease-in-out .2s; display: inline-block; overflow: hidden;}
.i_news_c .new_l:hover img { -webkit-transform: scale(1.1); width: 100%; transition: all ease-in-out .2s; transform: scale(1.1);}
.new_l_con { color: #1f286f; font-weight: bold; position: relative; padding-left: 20px;}
.new_l_con:before { width: 10px; height: 10px; background: #1f286f; content: ''; left: 0; display: block; top: 30%; position: absolute;}
.new_r { width: 52%; float: right; margin: 50px 0; background: url(../images/newbg1.jpg) repeat-y 90px top;}
.new_r li { width: 100%; text-align: left; display: block; overflow: hidden;}
.new_r li:nth-child(2) { padding: 20px 0;}
.new_r li .new_time { width: 100px; float: left; height: 100px; color: #000; font-size: 36px; text-align: left; text-align: center;}
.new_r li .new_time div { color: #ababab; font-size: 14px;}
.new_r li .i_new_img { width: 25%; float: left; display: inline-block; overflow: hidden; margin-left: 20px;}
.new_r li .i_new_img img { width: 100%; float: left; transition: all ease-in-out .2s; transform: scale(1); display: inline-block; overflow: hidden;}
.new_r li:hover .i_new_img img { width: 100%; float: left; transition: all ease-in-out .2s; -webkit-transform: scale(1.1); transform: scale(1.1); width: 100%; transition: all ease-in-out .2s; transform: scale(1.1);}
.new_r li:hover .new_time { background: #f5f5f5;}
.new_r li .i_new_con { width: calc( 75% - 150px); color: #333; float: left; margin-left: 30px;}
.new_r li .i_new_con h3 { color: #333; font-size: 16px; font-weight: bold; display: inline-block; position: relative; padding-left: 24px; height: 28px; text-align: left; display: block; overflow: hidden;}
.new_r li .i_new_con h3:before { left: 0px; top: 8px; position: absolute; width: 12px; height: 12px; background: #a5a5a5 url(../images/jt1.svg) no-repeat center; content: "";}
.new_r li .i_new_con .i_new_con_tent { margin: 10px 0; color: #666; font-size: 14px; color: #888888; height: 38px; display: block; overflow: hidden;display: none;}
.new_r li .i_new_con .more { color: #888888; font-size: 14px;}
.new_r li:hover .i_new_con h3 { color: #1f286f;}
.new_r li:hover .i_new_con h3:before { left: 0px; top: 8px; position: absolute; width: 12px; height: 12px; background: #1f286f url(../images/jt1.svg) no-repeat center; content: "";}
.new_r li:hover .more { color: #1f286f;}
/*footer*/
.footer { background: #eff0f6; display: block; overflow: hidden; padding: 2% 0 0 0; color: #333333;}
.footer_l { width: 30%; float: left; margin-right: 20px; display: block; overflow: hidden; font-size: 16px;}
.footer_add { padding: 4% 0; display: block; overflow: hidden;}
.footer_add li { width: 100%; background: url(../images/f1.png) no-repeat left center; background-size: contain; padding-left: 30px; margin: 10px 0;}
.footer_add li.add { background: url(../images/f1.png) no-repeat left center;background-size: 16px;}
.footer_add li.email { background: url(../images/f2.png) no-repeat left center;background-size: 16px;}
.footer_add li.tel { background: url(../images/f3.png) no-repeat left center;background-size: 16px;}
.footer_l .footer_logo { max-width: 100%;}
.footer_l .footer_logo img { max-width: 160px;}
.footer_nav { float: left; text-align: left; width: 20%; font-size: 20px;}
.footer_c { width: calc(66% - 160px); float: left; padding: 0 2%; font-size: 16px; line-height: 1.8;padding-bottom: 3%;}
.footer_c .footer_nav ul { margin-top: 8%;}
.footer_c .footer_nav li a { color: #666; font-size: 16px; position: relative;}
.footer_c .footer_nav li a:before { position: absolute; left: 0px; bottom: 50%; width: 0px; height: 1px; background: #303673; content: ''; transition: all ease-in-out .3s;}
.footer_c .footer_nav li:hover a:before { position: absolute; left: 0px; bottom: 50%; width: 8px; height: 1px; background: #303673; content: ''; transition: all ease-in-out .3s;}
.footer_c .footer_nav li:hover a { color: #303673; padding-left: 15px; transition: all ease-in-out .3s;}
.footer_r { width: 100px; text-align: center; float: right;}
.footer_r img { max-width: 100%;}
.footer_bq { background: #303673; padding: 1% 0;}
.footer_link { padding: 1% 0;}
.footer_link ,.footer_link a { color: #fff; height: 30px; font-size: 14px;}
.footer_link a { padding: 10px;}
.bqxx { color: #fff; text-align: center; border-top: 1px solid #3b407a; height: 30px; font-size: 14px; padding-top: 1%;}
.bqxx a { color: #fff;}
.bqxx a:hover,.footer_link a:hover { color: #ccc;}
.about_name { font-size: 30px; text-align: center;}
.about_show { display: block; overflow: hidden; width: 100%; padding: 4% 0 0 0;}
.about_content { padding: 1% 1% 3% 1%; font-size: 18px; line-height: 1.8;text-align: center;}
.text-left{ text-align: left;}
.about_content img { max-width: 100%;}
.show_a_p1 { width: 100%; padding: 3% 0; border: 1px solid #f6f6f6; display: block; overflow: hidden;margin-bottom: 50px;}
.show_a_p1 li { width:16.66%; float: left; text-align: center;}
.show_a_p1 li .show_a_p_img { width: 100%;}
.show_a_p1 li .show_a_p_img img { max-width: 86px;}
.show_a_p_name { font-size: 16px;}
.cuture { background: url(../images/about_bg.jpg) no-repeat left top; display: flex; height: 600px; margin-top: 3%; background-size: cover; background-attachment: fixed ;display: none;}
.cuture_content { padding: 5% 0;}
.cuture_name { padding: 2% 0; font-size: 30px; color: #fff;}
.cuture_contact { font-size: 38px; color: #fff;}
.honor { background: url(../images/ry_bg.jpg) no-repeat left top; display: flex; height: 600px; margin-top: 3%; background-size: cover; background-attachment: fixed ;}
.n_about_honors { background: url(../images/bg3.jpg) no-repeat left top; background-size: 100%; display: block; overflow: hidden; padding: 2% 0; border-top: 1px solid #eeeeee;}
.n_honors_text { padding-top: 15px; line-height: 1.8; text-align: center; color: #666666; font-size: 16px;}
.n_honors_text img { max-width: 100%; height: auto !important;}
.honor_num { display: block; overflow: hidden; position: relative; display: margin-bottom; text-align: center;}
.honor_num ul { display: block; overflow: hidden; display: margin-bottom; align-items: stretch; align-items: stretch; display: inline-flex;}
.honor_num li { display: grid; float: left; text-align: center; margin: 8% 2% 3% 2%; /* flex: 1; */ /* display: inline-block; */ min-width: 200px;}
.honor_num li .number { font-size: 38px; color: #000; width: 100%; height: 50px; line-height: 50px;}
.honor_num li .num_name { font-size: 24px; color: #999999; width: 100%;}
.n_box8_shzr { display: block; overflow: hidden; background: url(../images/ry3.png) no-repeat 3% top; width: 100%; padding: 10px 8%; display: block; overflow: hidden;}
.n_box8_c_zr { width: 100%; margin: 4%; position: relative;}
.n_box8_shzr .ny_wmscy_con31 { width: 90%; overflow: hidden;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide { width: 100%; position: relative; padding-bottom: 25px; color: #333333; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div { width: 100%; display: inline-block; position: relative; color: #666666; font-size: 16px; text-align: left;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover { text-decoration: none; color: #666666;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_img { width: 80%; margin: 0 10%; /*height: calc(40vh - 30px);*/ display: inline-block; overflow: hidden; background: #fff; display: flex; justify-content: center;}
.n_box8_shzr .n_box8_c_zr .ny_wmscy_con31 .swiper-slide .div .a_img img { max-width: 100%; transition: all ease-in-out .2s; max-height: 100%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover .a_img { background-color: #1f286f; transition: all ease-in-out .2s; border-radius: 0px}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div:hover .a_img img { filter: alpha(Opacity=30); -moz-opacity: 0.3; opacity: 0.3; transform: scale(1.1); transition: all ease-in-out .5s;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_text { width: 100%; height: 30px; line-height: 1; margin-top: 10px; text-align: left; overflow: hidden; color: #999; font-size: 16px; padding: 0px 10%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .a_text_c { /* width:100%; */ padding: 20px 8% 0 8%; overflow: hidden; /* height:50px; */ /* line-height:30px; */ /* margin-bottom:30px; */ color: #333; font-size: 16px; text-align: left; font-weight: bold;}
.n_box8_shzr .ny_wmscy_con31.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px;}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet { width: 12px; height: 12px; background-color: transparent; opacity: 1; border: 1px solid #a5a5a5; position: relative;}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet-active {}
.n_box8_shzr .wmscy-pagination31 .swiper-pagination-bullet-active:after { width: 4px; height: 4px; background-color: #a5a5a5; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px;}
.n_box8_shzr .n_box8_c_zr .wmscy_next31 { width: 30px; height: 70px; background: url(../images/img28.jpg) no-repeat; right: -30px; top: 50%; background-size: 100%; outline: 0;}
.n_box8_shzr .n_box8_c_zr .wmscy_next31:hover { background: url(../images/img28s.jpg) no-repeat;}
.n_box8_shzr .n_box8_c_zr .wmscy_prev31 { width: 30px; height: 70px; background: url(../images/img27.jpg) no-repeat; left: -30px; top: 50%; background-size: 100%; outline: 0;}
.n_box8_shzr .n_box8_c_zr .wmscy_prev31:hover { background: url(../images/img27s.jpg) no-repeat;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide .div .zzry_line { width: 30px; background: #ccc; height: 2px; margin: 0 10%;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide:after { position: absolute; width: 0%; left: 0; bottom: 0; height: 5px; background: #1f286f; content: ''; transition: all ease-in-out .5s;}
.n_box8_shzr .ny_wmscy_con31 .swiper-slide:hover:after { position: absolute; width: 100%; left: 0; bottom: 0; height: 5px; background: #1f286f; content: ''; transition: all ease-in-out .5s;}
/*service start*/
.index-bb { width: 100%; position: relative; overflow: hidden; height: 650px; margin-top: 3%;}
.bbw-n { height: 650px;}
.index_pro .custom_en { text-align: center; color: #fff;}
.index_pro { width: 100%; text-align: center; color: #fff; z-index: 5; position: relative; padding-top: 3%;}
.inzgsul { display: inline-block; position: relative; height: auto; width: 100%; margin: 0px auto; z-index: 2; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.inzgsul .bor { display: block; overflow: hidden;}
.inzgsul li { float: left; width: 16.5555%; position: relative; height: 72.4vh; border-right: 1px solid rgba(255, 255, 255, 0.1); text-align: left; margin: 0px; padding: 0px; z-index: 2;}
.inzgsul li:after { position: absolute; transition: all ease-in-out .5s; width: 0%; height: 5px; background: #1f286f; left: 0px; bottom: 0px; content: '';}
.inzgsul li:hover:after { width: 100%; height: 5px; transition: all ease-in-out .5s;}
.inzgsul li:hover { -webkit-transition: all .5s; transition: all .5s; opacity: 1; background: url(../images/s_bg.png) repeat-x left bottom;}
.inzgsul li a { display: block; overflow: hidden; padding: 5%; width: 100%;}
.inzgsul li .bor_content { display: none; color: #fff; font-size: 16px; height: 0px; webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.inzgsul li:hover .bor_content { display: block; height: auto; webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s;}
.inzgsul li:last-child { border-right: none;}
.inzgsul li .abox { position: absolute; box-sizing: border-box; display: block; -webkit-transition: all 0.5s; transition: all 0.5s; left: 50%; top: 40%; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.inzgsul li .abox .p1 { font-size: 24px; font-weight: normal; position: relative; z-index: 2; /* padding-top: 30%; */ padding-bottom: 2%; text-align: center; transition: all .5s;}
.inzgsul li .abox .p1 img { width: 70px;}
.inzgsul li:hover .abox .p1 { font-size: 24px; font-weight: normal; position: relative; z-index: 2; padding-top: 32%; padding-bottom: 0%; transition: all .5s; text-align: center;}
.inzgsul li .abox .p2 { font-size: 24px; position: relative; color: #fff; z-index: 2; text-align: center;}
.inzgsul li .abox .pro_more { font-size: 14px; position: relative; color: #fff; z-index: 2; height: 36px; line-height: 32px; text-align: center; border: 1px solid #fff; width: 140px; margin: 0px auto; margin-top: 5%;}
.inaboutbox .lin1 { position: relative; width: 10%; border-bottom: 2px solid #333; min-height: 1px; margin-top: 5%;}
.inzgsul li .nkong .p1 { font-size: 36px; color: #f9f9f9; font-weight: bold; text-align: center;}
.inzgsul li .nkong .p2 { font-size: 16px; color: #ffffff; padding-top: 15px; text-align: center;}
.inzgsul li .nkong a { color: #fff;}
.inzgsul li .c1 .p1 { color: #fff;}
.insection2 .title { text-align: center; margin-bottom: 70px;}
.insection2 .title .p1 { font-size: 38px; color: #ffffff;}
.insection2 .title .p2 { font-size: 24px; color: #ffffff; padding-top: 5px;}
.inzgsul li .abox:hover:after { background: #a4884d; transform: scale(1); opacity: 1; visibility: visible; border-radius: 0;}
.insgzincon { width: 100%; margin: 0 auto;}
.inzgsul_show { min-height: 310px; background: #212120; display: inline-block; position: relative; height: auto; width: 1200px; margin: 0px auto; left: 50%; transform: translate(-50%, 0%); height: auto; padding: 30px 3%; text-align: left; color: #c5bcb2; line-height: 1.8;}
.inzgsul_show .h_qh_img { width: 39%; float: left;}
.inzgsul_show .h_qh_cen { width: 58%; float: right;}
.inzgsul_show .h_qh_cen .inzgsul_more a { color: #a68a4e; margin-top: 30px; position: absolute; border: 1px solid #a68a4e; width: 130px; line-height: 40px; text-align: center; border-radius: 20px;}
.inzgsul_show .h_qh_cen .inzgsul_more a:hover { background: #A68A4E; color: #fff;}
.inzgsul_show img { max-width: 100%;}
.inzgsul_show .dyr1 { display: none;}
.inzgsul_show .dyr { display: block;}
.lh-config-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; display: block; z-index: 1;}
.lh-config-img .item { background-size: cover; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; margin-top: 0px; transition: ease 1s; transform: scale(1.2);}
.lh-config-img .item.on { visibility: visible; opacity: 1; transform: scale(1);}
/*Solution start*/
.team_bg { background: url(../images/about_bg.jpg) no-repeat left top; height: auto; margin-top: 3%; background-size: cover; background-attachment: fixed ; padding: 3% ;}
.n_box5_c { width: 80%; background-color: #fff; color: #333333; font-size: 17px; line-height: 2; overflow: hidden;}
.n_box5_c .s1 { padding: 35px 0px 0px 35px; margin-right: 60px; text-align: center; background: url(../images/tb_23.png) left top no-repeat; line-height: 4; float: left;}
.n_box5_c .s1 img { max-width: 100%; height: auto !important;}
.n_box5_ul { width: 100%; display: block; overflow: hidden; padding: 5%; box-sizing: border-box;}
.n_box5_ul li { width: 100%; float: left; padding-bottom: 20px;}
.n_box5_ul li .div { width: 100%; display: block; overflow: hidden; background-color: #fff; color: #333333; font-size: 17px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; box-sizing: border-box;}
.n_box5_ul li .div:hover { text-decoration: none; color: #333; -moz-box-shadow: 0px 0px 10px #e5e5e5; /*firefox*/ -webkit-box-shadow: 0px 0px 10px #e5e5e5; /*webkit*/ box-shadow: 0px 0px 10px #e5e5e5; /*opera或ie9*/}
.n_box5_ul li .div .a_img { width: 18%;}
.n_box5_ul li .div .a_img img { width: 100%; height: auto !important;}
.n_box5_ul li .div .a_img_r { width: 72%; padding-top: 15px; float: left; margin-left: 4%;}
.n_box5_ul li .div .a_img_r .div_t { width: 100%; margin-bottom: 15px; height: 60px; line-height: 60px; overflow: hidden; background: url(../images/tb_39.png) center repeat-x;}
.n_box5_ul li .div .a_img_r .div_t .s1 { padding-right: 60px; background-color: #fff; display: inline-block; color: #1f286f; font-size: 30px; height: 60px; line-height: 60px;}
.n_box5_ul li .div .a_img_r .div_t1 { margin-bottom: 25px; line-height: 1.7; font-size: 24px;}
.n_box5_ul li .div .a_img_r .div_c { width: 96%; line-height: 1.8; overflow: hidden; text-align: justify;}
.n_box5 .n_box5_c { width: 100%; background: url(../images/why_bg.png) no-repeat top center; color: #333333;}
.n_box5_c .s1 { padding: 35px 0px 0px 35px; margin-right: 60px; text-align: center; background: url(../images/tb_23.png) left top no-repeat; line-height: 4; float: left;}
.n_box5_c .s1 img { max-width: 100%; height: auto !important;}
.show_td {border-bottom: 10px solid #212972; width: 100%; margin: 5% auto; background: #fff; border-top: 3px #303673; padding: 5%; max-width: 800px; font-size: 18px; text-align: justify; box-sizing: border-box;}
.show_td img { max-width: 100%;}
.zw_font{ font-size: 24px;}
.td_bg{background: url(../images/td_bg.png) no-repeat right center; background-size: 20%; display: block; overflow: hidden;}
.td_photo{width: 160px; background: url(../images/rw.jpg) no-repeat left top; background-size:cover; height: 160px; position: relative; border: 3px solid #4751b4; border-radius: 50%; overflow: hidden;}
.td_bg .fl{width:30%;}
.who_contact{padding: 3% 0;}
.w_c_i{background: url(../images/tel1.png) no-repeat left center; background-size: 5%; padding-left: 7%; font-size: 30px;}
.w_c_i1{background: url(../images/email.png) no-repeat left center; background-size: 5%; padding-left: 7%; font-size: 30px;}
.show_who{padding: 5% 0;}
.td_name{font-size: 34px; font-weight: bold; padding: 5% 0; line-height: 1.3;}
.company{font-size: 30px; clear: both; padding: 2% 0;font-weight: bold;}
.company div{font-size: 12px;font-weight: bold;}
.n_solution,.n_solution ul { width: 100%; display: block; overflow: hidden;}
.n_solution ul {}
.n_solution li { width: 100%; float: left; min-height: 480px; position: relative; overflow: hidden; display: block;}
.n_solution li:nth-child(2n+1) { background: #f5f5f5;}
.n_solution li .div { width: 90%; max-width: 1400px; color: #666666; font-size: 17px; position: relative; /* overflow:hidden; */ margin: 0px auto; position: absolute; color: #fff; z-index: 333; width: 100%; display: inline-block; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%;}
.n_solution li .div:hover { text-decoration: none; color: #666666;}
.n_solution li .div .a_img { width: 40%; display: inline-block; float: right;}
.n_solution li .div .a_img img { max-width: 80%;text-align: center;}
.n_solution li .div .a_img_r { width: 55%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0px; top: 50%; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); left: 0; right: 0; float: 0;}
.n_solution li .div .a_img_r .s1 { width: 100%; padding: 3px 0px; font-weight: bold; line-height: 1.7; margin-bottom: 10px; overflow: hidden; color: #222222; font-size: 36px;}
.n_solution li .div:hover .a_img_r .s1 { color: #000;}
.n_solution li .div .a_img_r .s2 { width: 100%; line-height: 1.5; font-size: 24px; color: #000; overflow: auto;}
.n_solution li .div .a_img_r .s3 { width: 100%; line-height: 1.5; font-size: 18px; color: #666; overflow: auto; padding: 2% 0;}
.n_solution li.twodiv .div .a_img_r { right: auto; left: auto; right: 0; /* border: 3px solid #000; */}
.n_solution li.twodiv .div .a_img { float: left; top: 0px;text-align: center;}
.n_solution li .f4 { display: block;}
.n_solution li .f4 .read_more { margin-top: 20px; width: 260px; color: #303673; font-size: 16px; height: 40px; border: 1px solid #303673; line-height: 40px; text-align: center; display: block; border-radius: 20px;}
.n_solution li .f4:hover .read_more { color: #fff; background: #303673;}
.pro_banner { position: relative;}
.pro_name_show_l { width: 43%; float: left; position: absolute; top: 50%; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.pro_name_show_r { width: 40%; padding: 10% 0; float: right; position: absolute; top: 50%; left: 50%; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%);}
.pro_name_show_r .img { width: 80%; display: block !important;}
.n_banner1.pro_banner { height:550px;}
.n_banner.pro_banner .n_banner_text { color: #000;}
.pro_name_show_l .s1 { font-size: 60px; color: #000;}
.pro_name_show_l .s2 { font-size: 40px;}
.n_banner1 { width: 100%; height: 535px; margin-top: 80px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.n_banner1 img { width: 100%; height: 100%}
.n_banner1 .n_banner_text1 { font-size: 60px; width: 100%; position: absolute; left: 0px; top: 50%; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); color: #fff; font-size: 24px; letter-spacing: 2px; text-align: left;}
.n_banner1 .n_banner_text1 .s1 { font-size: 24px;text-transform: full-size-kana;}
.n_banner1 .n_banner_text1 .s2 { font-size: 38px; line-height: 1.4;color: #333;text-transform: full-size-kana;font-weight: bold;}
.zc_li_n { width: 100%; display: block; overflow: hidden; position: relative; margin: 5% 0;}
.zc_li_n ul{max-width: 800px;}
.zc_li_n li { width: auto; float: left; display: flex; padding-right: 3%; width: 47%; margin-bottom: 20px; height: 60px; max-width: 300px;}
.zc_li_n li .zc_icon { width: 60px; float: left; display: table-cell}
.zc_li_n li .zc_icon img { width: 100%;height: auto;}
.zc_li_n li .zc_content { float: right; font-size: 16px; display: table-cell; margin-block: auto; width: calc(100% -50px); padding-left: 10px; color: #000;text-transform: full-size-kana;}
.zc_li_n { position: relative; display: block;}
.pro_show_l { width: 220px; float: left; display: block; overflow: hidden; font-size: 20px}
.pro_show_l ul { padding: 5% 0;}
.pro_show_l .pro_custom { background: #303673; color: #fff; text-align: center; height: 60px; line-height: 60px;}
.pro_show_l li { height: 60px; line-height: 60px; background: #f8f8f8; color: #000000; text-indent: 20px; transition: all ease-in-out .5s; position: relative;}
.pro_show_l li.on,.pro_show_l li:hover { background: #f0f1f3; transition: all ease-in-out .5s; transition: all ease-in-out .5s;}
.pro_show_l li.on:before,.pro_show_l li:before { position: absolute; left: 0px; bottom: 0; width: 3px; height: 0%; background: #303673; content: ''; transition: all ease-in-out .5s;}
.pro_show_l li.on:before,.pro_show_l li:hover:before { position: absolute; left: 0px; bottom: 0; width: 3px; height: 100%; background: #303673; content: ''; transition: all ease-in-out .5s;}
.pro_show_l li a { display: block; width: 100%; height: 60px; font-size: 18px;}
.pro_show_r { width: calc(100% - 260px); float: right;}
.pro_show_r .show_name { font-size: 24px; color: #303673; border-bottom: 1px solid #ebebeb; height: 60px; line-height: 60px;}
.show_con { padding: 3% 0;}
.show_con img { max-width: 100%;}
.show_con table tr td { height: auto; padding:5px 10px; font-size: 16px; border-color: #e8e8e8;}
/*ny  new start*/
.n_new { width: 100%;}
.n_new li { width: 32%; float: left; margin-right: 1.3%; border-bottom: 2px solid #f0f1f3; margin-bottom: 20px;}
.n_new li .div { width: 100%; display: inline-block; overflow: hidden; float: left; background-color: #fff; color: #333333; font-size: 17px;}
.n_new li .div .a_img { width: 100%; display: inline-block; overflow: hidden;}
.n_new li .div .a_img img { width: 100%; background: #fff;}
.n_new li .div .a_text { width: 90%; padding: 20px 2%; background: #fff;}
.n_new li .div .a_text_c { width: 100%; height: 25px; line-height: 25px; overflow: hidden; color: #000;}
.n_new li .div .a_text_c1 { width: 100%; height: 50px; line-height: 25px; overflow: hidden; color: #999;
  font-size: 16px;
  margin: 3% 0;}
.n_new li:after { position: absolute; width: 100%; height: 2px; background: #ccc;}
.content_new { padding: 1% 0%; line-height: 1.8; font-size: 16px; max-width: 900px; margin: 0px auto; position: relative; overflow: hidden; display: block; border-bottom: 1px solid #e5e5e5;}
.content_new img { max-width: 100%;}
.new_banner { width: 100%; height: 280px; overflow: hidden; position: relative;}
.con_banner_text { position: absolute; width: 90%; max-width: 900px; left: 50%; top: 60%; webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.con_banner_text .s1 { font-size: 18px;}
.con_banner_text .s2 { font-size: 30px;}

.contact { padding: 4% 0; display: block; overflow: hidden;}
.contact_l { float: left; width: 38%;}
.contact_r { float: right; width: 60%;}
.contact_r img { width: 100%}
.customs2 {}
.customs2 .custom_cn { font-size: 28px;line-height: 1.2;}
.customs2 .custom_en { color: #666; font-size: 16px;}
.n_contact { width: 100%;}
.n_contact li { width: 100%; float: left; ; display: block; overflow: hidden; margin-top: 20px;}
.n_contact li .div_t { width: 100%; padding-top: 10px; line-height: 1.4; color: #000000; font-size: 18px; text-align: left; padding-left: 14%;}
.n_contact li .s1 { font-size: 22px; color: #333;}
.n_contact li .div { display: block; overflow: hidden;}
.n_contact li .bg1 { background: url(../images/tb_015s.png) left 20px no-repeat;}
.n_contact li .bg2 { background: url(../images/tb_016.png) left 20px no-repeat;}
.n_contact li .bg3 { background: url(../images/tb_017.png) left 20px no-repeat;}
.n_contact li .bg4 { background: url(../images/tb_07.png) left 20px no-repeat;}
.n_contact li .div_c { width: 100%; padding-top: 10px;}
.n_contact li .div_c .s1 { margin-right: 15px; padding-top: 10px; display: inline-block;}
.n_contact li .div_c .s1 img { border: 1px solid #cbcbcb;width:100px;}
.n_contact li .div_c1 { width: 100%; padding-top: 10px; line-height: 1.2; color: #333; font-size: 16px; text-align: left;}
.n_contact li .div_c1_tel{ width: 100%; padding-top: 10px; line-height: 1.2; color: #333; font-size: 16px; text-align: left;}
.n_contact li .div_c2 { width: 100%; line-height: 1.7; padding-top: 10px; color: #000000; font-size: 16px;}
.n_box19 { width: 100%; float: left;}
.i_cont_message { width: 100%; float: right; background: url(../images/message_bg.jpg) no-repeat center bottom; background-attachment: fixed; padding: 2% 0 5% 0;}
.n_box19 #allmap { width: 100%; overflow: hidden; height: 600PX;}
.i_contact_add { width: 100%; height: auto;}
.i_sectionbox4_rs { vertical-align: middle; display: block; position: relative;}
.i_sectionbox4_rs .message_en { color: #303673; font-size: 36px; text-align: center; margin-top: 50px; /*! font-family: Microsoft YaHei Light; */ font-weight: bolder;}
.i_sectionbox4_rs .message_cn { color: #333; font-size: 24px; text-align: center;}
.i_sectionbox4_r.activelx { background: none;}
.i_sectionbox4_r_t { width: 100%; padding-bottom: 25px; color: #333; font-size: 16px; line-height: 1.6; text-align: center;}
.i_sectionbox4_r_t .s1 { font-size: 36px; font-weight: bold;}
.i_sectionbox4_r_t.activejy { text-align: center;}
.i_sectionbox4_r_c { width: 100%; margin-bottom: 30px; display: block; overflow: hidden;}
.i_sectionbox4_r_c li { width: 32%; padding: 9px 0px; color: #333; font-size: 16px;}
.i_sectionbox4_r_c li.l1 { margin: 0px 2%;}
.i_sectionbox4_r_c li.l2 { width: 100%;}
.i_sectionbox4_r_c .ipt1 { width: 99%; height: 48px; line-height: 48px; /*! padding-left: 43px; */ border: 1px solid #cbcecd; color: #333; font-size: 16px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; /* W3C syntax */ font-family: Microsoft YaHei; text-indent: 20px;}
.i_sectionbox4_r_c .ipt1.bg1s { background: url(../images/tb_018zs.png) left 18px center no-repeat;}
.i_sectionbox4_r_c .ipt1.bg2s { background: url(../images/tb_019.png) left 18px center no-repeat;}
.i_sectionbox4_r_c .ipt1.bg4s { background: url(../images/tb_019s.png) left 18px center no-repeat;}
.i_sectionbox4_r_c .ipt2 { width: 100%; height: 126px; /*! padding: 14px 43px; */ border: 1px solid #cbcecd; color: #333; font-size: 16px; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; /* W3C syntax */ font-family: Microsoft YaHei; text-indent: 20px;}
.i_sectionbox4_r_c .ipt2.bg3s { background: url(../images/tb_020s.png) left 18px top 14px no-repeat;}
.i_sectionbox4_r_c .ipt1:-moz-placeholder, .i_sectionbox4_r_c .ipt2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333;}
.i_sectionbox4_r_c .ipt1::-moz-placeholder, .i_sectionbox4_r_c .ipt2::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333;}
.i_sectionbox4_r_c .ipt1:-ms-input-placeholder, .i_sectionbox4_r_c .ipt2:-ms-input-placeholder { color: #333;}
.i_sectionbox4_r_c .ipt1::-webkit-input-placeholder, .i_sectionbox4_r_c .ipt2::-webkit-input-placeholder { color: #333;}
.i_sectionbox4_r_c .div { width: 100%; height: 40px; line-height: 40px;}
.i_sectionbox4_r_c .ipt3 { width: 100%; height: 48px; line-height: 48px; color: #fff; font-size: 20px; text-align: center; background-color: #303673; cursor: pointer; -moz-border-radius: 3px; /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */ border-radius: 3px; /* W3C syntax */ border: 0px; font-family: Microsoft YaHei;}
.padding_50 { padding: 5% 0;}


.i_section { position: relative; box-sizing: border-box; width: 100%; overflow: hidden;}
.n_box14 { width: 100%; padding: 20px 0; position: relative; z-index: 1;}
.n_box14_t { width: 100%; color: #000000; font-size: 36px; padding: 5px 0px 15px 0px; text-align: center; line-height: 1.5;}
.i_sectionbox4_r_c li { float: left;}
.a_careers_t { width: 100%; padding: 3%; background-color: #fff; margin-bottom: 20px; /*box-shadow:0px 0px 15px 0px #e5e5e5;*/}
.a_careers_t_s1 { width: 100%; color: #000000; line-height: 1.8; font-size: 16px; text-align: left;}
.a_careers_t_s1 span { font-size: 24px;}
.a_careers_t_s1 a,.a_careers_t_s1 a:hover { color: #e32d2e;}
.a_careers_t_s2 { width: 100%; padding-top: 20px;}
.a_careers_t_s2l { width: 45%;}
.a_careers_t_s22 { width: 100%;}
.a_careers_t_s22 li { width: 50%; float: left;}
.a_careers_t_s22 li .ipt1 { width: 96%; border: 1px solid #ababab; height: 40px; line-height: 40px; text-indent: 15px; color: #666666; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_t_s2r { width: 31%; border: 1px solid #ababab;}
.a_careers_t_s2r .ipt2 { width: 73%; height: 38px; line-height: 38px; border: 0px; text-indent: 15px; color: #666666; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_t_s2r .ipt3 { width: 27%; height: 38px; line-height: 38px; background-color: #e32d2e; color: #fff; border: 0px; text-align: center; font-size: 16px; font-family: Microsoft YaHei;}
.a_careers_c { width: 100%; background-color: #fff; box-shadow: 0px 0px 15px 0px #e5e5e5; display: block; overflow: hidden;}
.a_careers_c dt { width: 100%; float: left; height: 60px; font-weight: normal; line-height: 60px; background-color: #303673; color: #fff; font-size: 17px;}
.a_careers_c dt .s1 { width: 37.5%; padding-left: 5%;}
.a_careers_c dt .s2 { width: 30.4%; text-align: center;}
.a_careers_c dt .s4 { width: 31.3%; text-align: center;}
.a_careers_c dd { width: 100%; float: left; background-color: #fff; border-bottom: 1px solid #edeae9;}
.a_careers_c dd .div { width: 100%; height: 59px; line-height: 59px; cursor: pointer; color: #000000; font-size: 16px; background: url(../images/ee.png) right 25px center no-repeat;}
.a_careers_c dd .div.activeds { background: url(../images/ee1.png) right 25px center no-repeat; background-color: #f2f2f2; color: #000; /*! border-bottom:1px solid #edeae9; */}
.a_careers_c dd .div .s1 { width: 37.5%; padding-left: 5%;}
.a_careers_c dd .div .s2 { width: 30.4%; text-align: center;}
.a_careers_c dd .div .s4 { width: 31.3%; text-align: center;}
.a_careers_c dd .div_l { width: 100%; background-color: #fff; border: 1px solid #edeae9; padding: 3% 5%; overflow: hidden; display: none ; text-align: left;}
.a_careers_c dd .div_l_c { width: 100%; color: #333333; font-size: 16px; line-height: 1.8;}
.a_careers_c dd .div_l_c img { max-width: 100%;}
.a_careers_c dd .div_l_c span { font-weight: bold;}
.a_careers_c dd .div_l_b { padding: 0px 40px; height: 42px; margin-top: 20px; display: inline-block; line-height: 42px; background-color: #303673; color: #fff; font-size: 16px; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;}
.a_careers_c dd .div_l_b:hover { text-decoration: none; color: #fff; background-color: #3d459a;}
.n_box15 { width: 100%; height: 100%; display: none; position: fixed; left: 0px; top: 0px; z-index: 111111; background: url(../images/tb_043.png) repeat;}
.n_box15_c { width: 1100px; position: fixed; left: 50%; margin-left: -550px; top: 50%; z-index: 111111; background-color: #fff; webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); padding: 5%;}
.n_box15_c_t { padding-bottom: 45px; line-height: 50px; position: relative; text-align: center; color: #333333; font-size: 30px; font-weight: bold; position: relative;}
.n_box15_c_t a,.n_box14_c_t a:hover { width: 27px; position: absolute; right: 0px; top: 0px;}
.n_box15_c_c { width: 100%;}
.n_box15_c_c li { width: 100%; padding-bottom: 30px; float: left;}
.n_box15_c_c li dl { width: 100%; color: #666666; font-size: 16px;}
.n_box15_c_c li dl dd { width: 33.33%; float: left;}
.n_box15_c_c li dl dd .s1 { width: 40%; text-align: left; height: 48px; line-height: 48px; padding-right: 1%;}
.n_box15_c_c li dl dd .s2 { width: 60%; height: 48px; line-height: 48px; padding-left: 1%; position: relative;}
.n_box15_c_c li dl dd .s2 .ipt1 { width: 100%; height: 48px; position: relative; border: 0px; line-height: 48px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 16px; font-family: Microsoft YaHei;}
.n_box15_c_c li dl dd .s2 .s3 { height: 48px; line-height: 48px; color: #bbb; position: absolute; right: 0px; top: 0px;}
.n_box15_c_c li dl dt { width: 100%; float: left; font-weight: normal;}
.n_box15_c_c li dl dt .s4 { width: 24%; text-align: left; height: 48px; line-height: 48px; padding-right: 1%;}
.n_box15_c_c li dl dt .s5 { width: 87%; padding-left: 1%;}
.n_box15_c_c li dl dt .s5 .ipt2 { width: 100%; height: 100%; outline: 0; border: 0px; resize: none; line-height: 1.6; padding: 5px 0px; border-bottom: 1px solid #e5e5e5; color: #333; font-size: 16px; font-family: Microsoft YaHei;}
.n_box15_c_c li .s6 { width: 100%; padding-top: 55px; padding-left:0%;}
.n_box15_c_c li .s6 .ipt3 { width: 96%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 24px; background-color: #303673; border: 0px; font-family: Microsoft YaHei;}
.bg_job { background: #f5f5f5;}

.n_box12 {    width: 100%;}
.n_box12 li {    width: 24%;    float: left;    margin-right: 1.3%;    padding-bottom: 1.3%;}
.n_box12 li .div {
    width: 100%;    display: inline-block;    overflow: hidden;    float: left;    background-color: #fff;    color: #333333;
    font-size: 17px;}
.n_box12 li .div:hover {    text-decoration: none;    color: #fff;    background-color: #1f286f;}
.n_box12 li .div .a_img {    width: 100%;    display: inline-block;    overflow: hidden;}
.n_box12 li .div .a_img img {    width: 100%;    background: #fff;}
.n_box12 li .div .a_text {    width: 90%;    padding: 30px 5%;    border-top: 1px solid #f8f8f8;    background: #e5e5e5;}
.n_box12 li .div .a_text_c {
    width: 100%;    height: 50px;    line-height: 25px;    overflow: hidden;}
.n_box12 li .div:hover .a_text {    background: #024381;}

.n_box12s {width: 100%;}
.n_box12s li {    width:90%; padding:2% 5%;    float: left;    margin-right: 0%;   margin-bottom: 1.3%; border: 1px  solid #e5e5e5;}
.n_box12s li .div {
    width: 100%;    display: inline-block;    overflow: hidden;    float: left;    background-color: #fff;    color: #333333;
    font-size: 17px;}
.n_box12s li .div:hover {    text-decoration: none;  }
.n_box12s li .div .a_img {    width:20%; margin-right: 5%;    display: inline-block;    overflow: hidden; float: left;}
.n_box12s li .div .a_img img {    width: 100%;    background: #fff;}
.n_box12s li .div .a_text {    width: 75%;}
.n_box12s li .div .a_text_c {    width: 100%; font-size: 24px;    height: auto;     overflow: hidden;}
.n_box12s li .div .a_text_cl {    width: 100%; font-size: 30px;  overflow: hidden;}
.n_box12s li .div .a_text_c2 {    width: 100%; font-size: 16px;   overflow: hidden;}




.n_box13 {
    width: 100%;
}

.n_box13 li {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.wap_service {display: none; overflow: hidden; padding:  5%;}
.wap_service li{width: 100%; margin-bottom: 8%;}
.wap_service li .w_s_img{width: 100%;}
.wap_service li .w_s_img img{width: 100%;}
.wap_service li .p2{font-size: 24px; color: #000;}
.wap_service li .bor_content{font-size: 16px; color: #666;}
.yl_about{display: none;}
.padd{padding: 0 10%;}