/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:Arial,Helvetica,sans-serif; color:#333; background:#FFF; line-height:26px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#222; text-decoration:none;}
a:hover,a:active{color:#072844;text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.en_ft{ font-family:Arial;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hid{ overflow:hidden;}
.box_pad_lr{ width: 84.4vw; padding-left: 7.8vw; padding-right: 7.8vw;}
.box_mag_lr{ width: 84.4vw; margin-left: 7.8vw; margin-right: 7.8vw;}
.bt { color: #3D7F91; }


/*首页*/
.in_nav { width: 100vw; height: 130px; position: absolute; left: 0; top: 0; color: #FFF; z-index: 2000; }
.in_nav .box{ padding-top: 35px; display: flex; align-items: center; font-size: 22px; font-weight: bold;}
.in_nav .box .logo{ float: left;}
.in_nav .box .navbox{ float: left; margin-left: 85px; cursor:pointer;}
.in_nav .box .navbox i{display:inline-block;width:17px;height:4px;background: #FFF; position: relative; margin:0 28px 6px 0; transition:all 0.3s;opacity:1;}
.in_nav .box .navbox i::after{content:"";display:block;height:4px;background: #FFF;width:28px;position:absolute;top:-10px;left:0px;transition:all 0.3s;}
.in_nav .box .navbox i::before{content:"";display:block;height:4px;background: #FFF;width:28px;position:absolute;bottom:-10px;left:0px;transition:all 0.3s;}
.in_nav .box .navbox i.on{ background:none; opacity:1;}
.in_nav .box .navbox i.on::after{ transform:rotate(45deg); top:0px;}
.in_nav .box .navbox i.on::before{ transform:rotate(-45deg); bottom:0px;}	
.in_nav .box .shbox{ float: left; margin-left: 65px; cursor: pointer;}
.in_nav .box .shbox img{ display: inline-block; margin-right: 23px;}
/*==Banner==*/
.in_boxA{width: 100vw; height: 100vh;}
.in_boxA ul{ height: 100%;}
.in_boxA li{ width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative;}
.in_boxA li .info { color: #FFF; position:absolute; top:50%; transform:translateY(-50%)}
.in_boxA li .info .p_1 { font-size: 50px; font-weight: bold; line-height: 1.3; text-transform: capitalize; }
.in_boxA li .info .p_2 { margin-top: 70px; font-size: 20px; line-height: 1.5; }
.in_boxA li .info .a_1{ margin-top: 80px; color: #0f6e78; font-size: 18px; font-weight: bold; width: 152px; height: 57px; line-height: 57px; text-align: center; background-color: #FFF; border-radius: 9px; display: block;}
.in_boxA li .info .p_21 { display:inline-block; font-size: 66px; font-weight: bold; line-height: 1.1; text-transform: capitalize; border-bottom: 5px solid #37B0C4; }
.in_boxA li .info .p_22 { font-size: 30px; line-height: 1.2; margin-top: 40px; }
.swiper_ban { width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper_ban .swiper-pagination{ text-align: center;}
.swiper_ban .swiper-pagination-bullet{ width: 36px; height: 6px; border-radius:0}
.swiper_ban .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 15px;}
.swiper_ban .swiper-pagination-bullet-active{ width: 122px; background-color: #FFF;}
.in_wap_boxA{ display: none;}
/*==ABOUT US==*/
.in_boxB{ width: 100vw; height: 100vh; display: flex; background: url(../image/index_03.png) center center no-repeat; background-size:40% auto ;}
.in_boxB .box{ display: flex; justify-content: space-between; align-items:center;}
.in_boxB .lt{ float: left; width: 57.41%;}
.in_boxB .lt .p_1{ font-size: 30px; color: #3a909d; text-transform:capitalize;}
.in_boxB .lt .p_2{ font-size: 60px; line-height: 1; font-weight: bold; margin-top: 40px;}
.in_boxB .lt .hx{ display: block; width: 96px; height: 5px; background-color: #3A909D; margin-top: 35px;}
.in_boxB .lt .info{ margin-top: 45px; font-size: 16px; line-height: 38px; height: 152px; overflow: hidden; color: #4f4f4f;}
.in_boxB .lt ul{ margin-top: 80px;}
.in_boxB .lt li{ float: left; text-align: center; position: relative;}
.in_boxB .lt li::after{ content: ""; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #E5E5E5;}
.in_boxB .lt li:last-child::after{ display: none;}
.in_boxB .lt li b{ font-size: 60px; line-height: 1; color: #3a909d; font-weight: bold;}
.in_boxB .lt li p{ font-size: 18px; color: #404040; line-height: 1.2; margin-top: 10px; }
.in_boxB .lt li a{ display: block; max-width: calc(100% - 2px); width: 158px; height: 48px; line-height: 48px; border-radius: 48px; text-align: center; border: 1px solid #3a909d;}
.in_boxB .lt .li_0{ width:39.2%;}
.in_boxB .lt .li_0 div{ padding-right: 11.4%;}
.in_boxB .lt .li_0 sup { display:inline-block; font-size:30px; transform:translateY(-10px);}
.in_boxB .lt .li_1 { width: 35.8%; }
.in_boxB .lt .li_2{ width: 25%;}
.in_boxB .lt .li_2 a{ float: right; margin-top: 15px;}
.in_boxB .rt{ float: right; width: 36.42%; position: relative;}
.in_boxB .rt img{ display: block; position: relative; z-index: 2; max-width: 94.91%;}
.in_boxB .rt div{ position: absolute; top: 10%; right: 0; width: 95%; height: 105%; z-index: 1; box-shadow: 0 0 50px rgba(7,61,77,0.5); background-color: #3A909D;}
/*==NEWS==*/
.in_boxC{ width: 100vw; height: 100vh; background: url(../image/index_072.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxC .titbox{ width: 80%; margin-left: 20%; padding:80px 0 40px 0; color: #FFF; border-bottom: 2px solid #FFF;}
.in_boxC .titbox b{ font-size: 60px; line-height: 1; display: inline-block; margin-right: 37px;}
.in_boxC .titbox span{ display: inline-block; font-size:17px;}
.in_boxC .box{ position: relative; }
.in_boxC .box li{ float: left; position: relative; box-shadow: 0 0 50px rgba(7,61,77,0.5); transition: all 0.3s ease-out;}
.in_boxC .box li img{ display: block;}
.in_boxC .box li .tobig{ opacity: 0; width: 55px; height: 55px; background:#3A909D url(../image/index_11.png) center center no-repeat; background-size: 64% auto; position: absolute; right: 0; bottom: 0; transition: all 1s ease-out;}
.in_boxC .box li .info{ opacity: 0; max-width: 270px; padding: 45px 35px; background-color: rgba(6,65,71,0.8); position: absolute; left: 40px; top: 50%; transform: translateY(-50%); color: #FFF; transition: all 1s ease-out;}
.in_boxC .box li .info .p_1{ font-size: 14px; text-transform: capitalize;}
.in_boxC .box li .info .p_1 span{display: inline-block; margin: 0 25px; opacity: 0.5;}
.in_boxC .box li .info .p_2{ padding-top: 10px; font-size: 32px; line-height: 38px; max-height: 76px; overflow:hidden}
.in_boxC .box li .info .p_3{ padding-top: 10px; opacity: 0.7; line-height: 21px; height: 63px; font-size:16px; overflow: hidden;}
.in_boxC .box li .mb{ opacity: 0.5; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; transition: all 1s ease-out;}
.in_boxC .box li.hove .tobig{ opacity: 1;}
.in_boxC .box li.hove .info{ opacity: 1;}
.in_boxC .box li.hove .mb{ opacity: 0;}
.in_boxC .list{ margin: 70px 0 0 0; position:relative;}
.in_boxC .wap_boxC{ display: none;}
/*====*/
.in_boxD{ width: 100vw; height: 100vh; background: url(../image/index_151.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxD .box{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.in_boxD .tit_1 { font-size: 40px; font-weight: bold; color: #3a909d; line-height: 1; text-transform: uppercase; }
.in_boxD .tit_2{ margin-top: 20px; font-size: 16px; color: #515151;}
.in_boxD .hx{ margin-top: 30px; width: 68px; height: 4px; background-color: #3A909D;}
.in_boxD .list{ padding-top: 90px;}
.in_boxD .list li{ float: left; width: 47%; margin-right: 6%; position: relative; cursor: pointer;}
.in_boxD .list li:nth-child(2){ margin-right: 0;}
.in_boxD .list li img{ display: block;}
.in_boxD .list li .mb{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; transition: all 0.5s ease-out;}
.in_boxD .list li .info{ opacity: 0; position: absolute; left: 0; top: 0; color: #FFF; width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.5s ease-out;}
.in_boxD .list li .info b{ font-size: 36px; text-transform: capitalize;}
.in_boxD .list li .info img{ margin-top: 25px;}
.in_boxD .list li:hover .mb{ opacity: 0.5;}
.in_boxD .list li:hover .info{ opacity: 1;}
/*====*/
.in_boxE{ width: 100vw; height: 100vh; background: url(../image/index_21.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxE .box{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.in_boxE ul{ overflow: hidden;}
.in_boxE li{ float: left; width: calc(33.33% - 20px); margin-right: 30px;}
.in_boxE li:nth-child(3){ margin-right: 0;}
.in_boxE li img{ display: block;}
.in_boxE li div{ padding: 0 45px; height: 170px; background-color: #FFF;}
.in_boxE li div span{ padding-top: 35px; font-size: 20px; color: #000; text-transform: capitalize; height: 25px;}
.in_boxE li div p{ margin-top: 20px; max-height:78px; overflow:hidden; color: #424242;}
.in_boxE .more{ margin-top: 60px; text-align: right; }
.in_boxE .more a{ display: inline-block; font-size: 22px; color: #FFF; text-transform: capitalize;}
.in_boxE .more a img{ margin-left: 15px; display: inline-block;}
/*====*/
.in_boxF{ width: 100vw; height: 100vh; position: relative; }
.in_boxF .img_list{ width: 100%; height: 100%;}
.in_boxF .img_list li{ width: 100%; height: 100%;}
.in_boxF .img_list img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.in_boxF .box { position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.in_boxF .lt{ float: left;}
.in_boxF .lt .tit_1{ width: 370px; font-size: 65px; line-height: 1.2; font-weight: bold; color: #3a909d; text-transform:capitalize;}
.in_boxF .lt .tit_2{ width: 495px; margin-top: 20px; font-size: 30px; line-height: 1.3; color: #505050;}
.in_boxF .lt .tit_3 { width: 420px; margin-top: 20px; font-size: 15px; line-height: 1.3; color: #6f6f6f; text-transform: capitalize; }
.in_boxF .lt .more{ margin-top: 30px; display: block; width: 200px; height: 33px; line-height: 33px; padding: 10px 0; text-align: center; font-size: 22px; background-color: #3A909D; color: #FFF; transition: all 0.5s ease-out;}
.in_boxF .lt .more:hover{ background-color: #0E566F;}
.in_boxF .rt{ float: right; height: 500px; position:relative;}
.in_boxF .rt .list{ width:100%; height:100%; overflow:hidden;}
.in_boxF .rt ul { padding-right: 50px; }
.in_boxF .rt li{ display: flex; align-items: center; padding: 8px; height: 60px; border-radius: 76px; margin-bottom: 30px; background: url(../image/index_31.jpg) repeat-x; background-size: auto 100%; color: #FFF; text-transform: capitalize;}
.in_boxF .rt li:last-child{ margin-bottom: 0;}
.in_boxF .rt li img{ display: block; max-height: 100%;}
.in_boxF .rt li p{ width: 125px; line-height: 18px; text-align: center;}
.in_boxF .rt .dd { position:absolute; left:73px; bottom:-40px;}
.in_boxF .rt .dd i { display: inline-block; margin-right:10px; width: 11px; height: 11px; border-radius: 50%; background-color: #3a909d; }
/*====*/
.in_btm { background-color: #222729; }
.in_btm .box_1{ padding: 27px 0; overflow: hidden; border-bottom: 1px solid #313131;}
.in_btm .box_1 .lt{ float: left;}
.in_btm .box_1 .lt img{ display: block;}
.in_btm .box_1 .rt{ float: right; padding-top: 28px;}
.in_btm .box_1 .rt .totop{ cursor: pointer;}
.in_btm .box_2{ overflow: hidden; padding: 80px 0 35px 0; color: #FFF;}
.in_btm .box_2 a{ color: #FFF;}
.in_btm .box_2 .lt{ float: left;}
.in_btm .box_2 .lt .tit{ font-size: 20px;}
.in_btm .box_2 .lt .info{ font-size: 18px; padding-top: 20px;}
.in_btm .box_2 .lt .info p{ padding-top: 10px;}
.in_btm .box_2 .lt .info img{ display: inline-block; margin:0 25px 0 0;}
.in_btm .box_2 .rt{ float: right; padding-top: 53px; position: relative;}
.in_btm .box_2 .rt .nav{ width: 100vw; text-align: right; position: absolute; top: 0; right: 0;}
.in_btm .box_2 .rt .nav a{ font-size: 18px; margin-right: 33px; display: inline-block; text-transform: capitalize;}
.in_btm .box_2 .rt .nav a:last-child{ margin-right: 0;}
.in_btm .box_2 .rt .shbox{ width: 475px; height: 48px; overflow: hidden; border: 1px solid #E1E1E1;}
.in_btm .box_2 .rt .shbox .txt{ float: left; width: calc(100% - 105px); padding: 10px 15px; height: 28px; line-height: 48px; color: #999; font-size: 14px; background: none; border: 0; outline: none;}
.in_btm .box_2 .rt .shbox .btn{ float: left; width: 75px; height: 100%; background: url(../image/index_39.png) center center no-repeat; background-size: auto 40%; border: 0; outline: none; cursor: pointer;}
.in_btm .box_2 .rt .fxbox{ padding-top: 30px; display: flex; justify-content: flex-end;}
.in_btm .box_2 .rt .fxbox .a_0{ display: block; overflow: hidden; height: 25px; margin:0 12px 0 0; border-radius: 25px; border: 2px solid #CBCBCB; text-transform: uppercase; transition: all 0.3s ease-out;}
.in_btm .box_2 .rt .fxbox .a_0 i{ display: inline-block; float: left; width: 25px; height: 25px; background-position: center center; background-repeat: no-repeat;}
.in_btm .box_2 .rt .fxbox .a_1 i{ background-image: url(../image/index_43_1.png);}
.in_btm .box_2 .rt .fxbox .a_2 i{ background-image: url(../image/index_43_2.png);}
.in_btm .box_2 .rt .fxbox .a_3 i{ background-image: url(../image/index_43_3.png);}
.in_btm .box_2 .rt .fxbox .a_0 b{ display: inline-block; width: 0; color:#43A1AD; text-align: center; transition: all 0.3s ease-out;}
.in_btm .box_2 .rt .fxbox .a_0:hover{ border-color:#43A1AD;}
.in_btm .box_2 .rt .fxbox .a_1:hover i{ background-image: url(../image/index_44_1.png);}
.in_btm .box_2 .rt .fxbox .a_2:hover i{ background-image: url(../image/index_44_2.png);}
.in_btm .box_2 .rt .fxbox .a_3:hover i{ background-image: url(../image/index_44_3.png);}
.in_btm .box_2 .rt .fxbox .a_0:hover b{ width: 80px; padding-right: 10px;}
.in_btm .box_2 .rt .fxbox .lang{ display: inline-block; padding: 5px 10px; height: 21px; line-height: 21px; text-align: center; background-color: #43A1AD; color: #FFF;}
.in_btm .box_2 .rt .fxbox .lang img{ display: block; float: left; margin-right: 5px;}
.in_btm .box_3{ padding: 27px 0; overflow: hidden; color: #949494; border-top: 1px solid #313131;}
.in_btm .box_3 a{ color: #949494;}
.wap_btm{ display: none;}
.wap_cpy{ display: none;}
/*==右侧漂浮导航==*/
.in_rtnav{ position:fixed; top:50%; right:3.12vw; z-index:10000;}
.in_rtnav li{ position: relative; width: 32px;}
.in_rtnav li a{ display: block; margin: 13px auto; width: 7px; height: 7px; border-radius: 7px; background-color: #D2D2D2; position: relative; transition: all 0.3s ease-out;}
.in_rtnav li.on a{ height: 73px; background: url(../image/index_45.jpg) center top repeat-x; background-size: auto 100%;}
/*==头部漂浮导航==*/
.in_topnav{ display: none; position:fixed; top:40px; left:40px; width: 50px; height: 50px; cursor: pointer; background-color: #3A909D; z-index:1000;}
.in_topnav i{ margin: 23px 0 0 11px; display:block;width:17px;height:3px;background: #FFF; position: relative; transition:all 0.3s;opacity:1;}
.in_topnav i::after{content:"";display:block;height:3px;background: #FFF;width:28px;position:absolute;top:-10px;left:0px;transition:all 0.3s;}
.in_topnav i::before{content:"";display:block;height:3px;background: #FFF;width:28px;position:absolute;bottom:-10px;left:0px;transition:all 0.3s;}
/*弹出搜索*/
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
.sh_box .btn { float: left; display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #478999 url(../image/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 35px; }
.sh_box .close { position: relative; width: 50px; height: 50px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }



/*about us*/
.ab_menu { box-shadow: 0 0 10px #999; position: relative; z-index: 10; }
.ab_menu .box{ height: 110px; background-color: #FFF;}
.ab_menu .box .lt{ float: left; padding-top: 9px;}
.ab_menu .box .lt img{ max-height: 76px;}
.ab_menu .box .shbox{ float: right; padding-top: 38px;}
.ab_menu .box .shbox img { cursor:pointer;}
.ab_menu .box .menu { float: right; width: calc(100% - 370px); padding-right: 50px; }
.ab_menu .box .menu ul{ float: right; width: 100%; display: flex; justify-content: flex-end;}
.ab_menu .box .menu li{ margin-right: 5%; }
.ab_menu .box .menu li:last-child{ margin-right: 0;}
.ab_menu .box .menu li>a{ display: inline-block; height: 72px; padding-top: 38px; font-size: 16px; color: #464646; text-transform: capitalize; position: relative;}
.ab_menu .box .menu li>a::after{ content: ""; display: block; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; background-color: #408394; transition: all 0.3s ease-out;}
.ab_menu .box .menu li:hover>a::after{ width: 80%; left: 10%;}
.ab_menu .box .menu li.on>a::after{ width: 80%; left: 10%;}
.wap_top{ display: none;}
.wap_topjg{ display: none;}
.ab_boxA{ width: 100%; background: url(../image/about_03.jpg) center center no-repeat; background-size: cover; position: relative;}
.ab_boxA .box{ padding-top: 170px; padding-bottom: 120px; color: #FFF; position: relative;}
.ab_boxA .box .p_1{ font-size: 40px; line-height: 1; font-weight: bold; text-transform: uppercase;}
.ab_boxA .box .p_2{ margin-top: 25px; font-size: 18px; }
.ab_boxA .box .hx{ margin-top: 25px; width: 130px; height: 1px; background-color: #FFF;}
.ab_boxA .box .info{ margin-top: 33px; width: 752px;max-width: 39.16vw; font-size: 16px; line-height: 37px;}
.ab_boxA .box .rt{ position: absolute; top: 175px; right: 0;}
.ab_boxA .box .rt img{ max-width: 45.5vw;}
.ab_boxB{ width: 100%; position: relative;}
.ab_boxB .bkg_1{ position: absolute; left: 0; top: 315px; font-size: 204px;  line-height: 1;  color: #F9F9F9; text-transform: uppercase; font-weight: bold; font-style: italic; z-index: 1;}
.ab_boxB .box{ padding-top: 160px; position: relative; z-index: 2;}
.ab_boxB .box ul{ margin: 0 70px; height: 94px; border-left: 1px solid #EEE;}
.ab_boxB .box li{ float: left; width: calc(16.66% - 1px); height: 92px; background-color: #FFF; border: 1px solid #EEE; border-left: 0; font-size: 22px; color: #5f5f5f; position: relative; cursor: pointer; display:flex; justify-content:center; align-items:center;}
.ab_boxB .box li::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; box-shadow: 0 10px 10px #ddd; z-index: -1;}
.ab_boxB .box li i{ float: left; display: block; width: 29.27%; text-align: right;}
.ab_boxB .box li span{ float: left; display: block; width: 100%; text-align: center;}
.ab_boxB .box li.on{ background-color: #3D7E91; color: #FFF;}
.ab_boxB .box li.on::after{ width: 100%;}
.ab_boxB .info{ height: 460px; margin-top: 65px; padding-bottom: 100px; background-color: #FFF; color: #515151;}
.ab_boxB .info .item{ height: 100%; overflow: hidden;}
.ab_boxB .info .item .show{ overflow: hidden;}
.ab_boxB .info .lt{ float: left; width: 56.64%;}
.ab_boxB .info .lt .p_1{ font-size: 22px; font-weight: bold;}
.ab_boxB .info .lt .cont{ margin-top: 40px; line-height: 36px;}
.ab_boxB .info .rt{ float: right; width: 37.83%; padding-top: 10px;}
.ab_boxB .mCSB_container{ padding: 0 4.94vw;}
.ab_boxB .mCustomScrollBox > .mCSB_scrollTools{ width: 8px; right: 50px;}
.ab_boxB .mCSB_scrollTools .mCSB_draggerRail{ width: 100%; background-color: #408394;}
.ab_boxB .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 12px; margin-left: -2px; background-color: #062229;}
.ab_boxC{ width: 100%; margin-top: -136px; background: url(../image/about_11.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1;}
.ab_boxC .box{ padding-top: 215px; padding-bottom: 155px; color: #FFF;}
.ab_boxC .box .p_1{ font-size: 28px; font-weight: bold; text-align: center;}
.ab_boxC .box .hx{ margin: 30px auto 0 auto; width: 120px; height: 2px; background-color: #FFF;}
.ab_boxC .box .info{ padding: 90px 0 0 4.94vw; overflow: hidden; line-height: 36px;}
.ab_boxC .box .info .lt{ float: left; width: 36.85%;}
.ab_boxC .box .info .ct{ float: left; width: 36.85%;}
.ab_boxC .box .info .rt{ float: left; width: 26.3%;}
.ab_boxD{ width: 100%; background: url(../image/about_13.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1;}
.ab_boxD .box{ padding-top: 135px; padding-bottom: 95px; position: relative;}
.ab_boxD .swiper_1{ position: relative; overflow: hidden; padding-bottom: 80px;}
.ab_boxD .box .btn{ position: absolute; right: 0; bottom: 0;}
.ab_boxD .box .btn span{display: inline-block; width: 32px; height: 20px; background: url(../image/about_17_1.png) no-repeat; cursor: pointer;}
.ab_boxD .box .btn .prev{ transform: rotate(180deg); margin-right: 35px;}
.ab_boxD .box .btn span:hover{ background-image: url(../image/about_17_2.png);}


/*news*/
.news_ban{ width: 100%; height: 448px; background: url(../image/news_02.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.news_ban p{ font-size: 40px; text-transform: uppercase; font-family: arial; color: #FFF; line-height: 1;}
.news_ban i{ display: block; margin-top: 10px; width: 40px; height: 3px; background-color: #FFF;}
.news_boxA{ width: 1490px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; padding: 60px 0; }
.news_boxA .bkg{ position: absolute; left: -40px; top: 55%; font-size: 275px; line-height: 1; font-weight: bold; font-family: arial; color: #F4F4F4; z-index: -1;}
.news_boxA .lt{ width: 200px; padding-top: 110px;}
.news_boxA .lt .p_1{ font-size: 30px; color: #3f8293; text-align: center;}
.news_boxA .lt .p_2{ width: 50px; height: 1px; background-color: #3F8293; margin: 40px auto 0 auto;}
.news_boxA .lt ul{ margin-top: 25px;}
.news_boxA .lt ul li{ margin-top: 35px;}
.news_boxA .lt ul li a{ display: block; height: 45px; line-height: 45px; font-size: 16px; text-align: center; text-transform: capitalize;}
.news_boxA .lt ul li.on a{ background-color: #3D7F91; color: #FFF}
.news_boxA .rt{ width: 74.16%;}
.news_boxA .rt .imgs_list{ overflow: hidden;}
.news_boxA .rt .imgs_list li{ float: left; width: 46%;}
.news_boxA .rt .imgs_list li:nth-child(2n){ float: right;}
.news_boxA .rt .imgs_list li img{}
.news_boxA .rt .imgs_list li p{ padding-top: 25px; font-weight: bold; color: #464646;}
.news_boxA .rt .list_1{ margin-top: 35px;}
.news_boxA .rt .list_1 li{ border-bottom: 2px solid #EEE;}
.news_boxA .rt .list_1 li a{ display: block; overflow: hidden; padding: 35px 0 15px 0;}
.news_boxA .rt .list_1 li p{ float: left; width: 70%; max-width: calc(100% - 150px); text-transform: uppercase; font-weight: bold; color: #464646; font-size: 16px;}
.news_boxA .rt .list_1 li span{ float: right; color: #9b9b9b;}
.news_boxA .rt .list_1 li:hover{ border-bottom-color: #408394;}
.news_boxA .rt .list_1 li:hover p{ color: #408394;}
.news_boxA .rt .list_1 li:hover span{ color: #3f3f3f;}


/*news show*/
.ns_show_tit { text-align: center; font-size: 22px; line-height: 1.5; font-weight: bold; color: #408394; }
.ns_show_tm { text-align: center; padding-top: 10px; color: #aaa; }
.ns_show_cont { font-size: 16px; line-height: 2; padding-top: 20px; text-align: justify; }
.ff_pre { clear: both; margin-top: 30px; }



/*E&T*/
.et_ban { width: 100%; height: 743px; text-align: center; color: #FFF;  background: url(../image/et_02.jpg) center center no-repeat; background-size: cover; }
.et_ban ul{}
.et_ban li { background-position: center bottom; background-repeat: no-repeat; background-size: 100%; }
.et_ban .swiper-pagination { text-align: right; right:50px; }
.et_ban .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50% }
.et_ban .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.et_ban .swiper-pagination-bullet-active { width: 10px; background-color: #95D4DB; }
.et_ban .info { width:100%; position:absolute; left:0; top:0; z-index:100;}
.et_ban .p_1 { font-size: 48px; font-weight: bold; line-height: 1; padding-top: 85px; }
.et_ban .p_2 { font-size: 22px; padding-top: 105px; }
.et_ban .p_2 b{ font-size: 27px; color: #9fe3ea;}
.et_boxA{ width: 100%; background-color: #F1F1F1;}
.et_boxA .box{ width: 79.16vw; margin: 0 auto; padding: 120px 0 110px 0; display: flex; justify-content: space-between;}
.et_boxA .box .lt{ width: 470px; max-width: 37%;}
.et_boxA .box .lt .p_1{ padding-top: 10px; font-size: 33px; line-height: 1.7; color: #2b2b2b; text-transform: capitalize;}
.et_boxA .box .rt{ width: 50vw; position: relative;}
.et_boxA .box .rt li{ float: left; box-shadow: 0 0 10px #ccc;}
.et_boxA .box .rt li img{ display: block;}
.et_boxA .box .rt li div{ height: 145px; font-size: 16px; line-height: 1.9; font-weight: bold; color: #2b2b2b; background-color: #FFF; overflow: hidden; text-align: center; padding: 0 75px; display: flex; justify-content: center; align-items: center;}
.et_boxA .box .rt .swiper_1{ position: relative; overflow: hidden; padding: 10px;}
.et_boxA .box .btn{ position: absolute; right: calc(79.16vw - 180px); top: 80%; width: 180px;}
.et_boxA .box .btn span{ float: left; display: block; width: 87px; height: 47px; border: 1px solid #3D7E91; cursor: pointer; transition: all 0.3s ease-out;}
.et_boxA .box .btn span i{ display: block; width: 14px; height: 14px; border-left: 3px solid #3D7E91; border-top: 3px solid #3D7E91; margin: 15px 0 0 45%; transform: rotate(-45deg); transition: all 0.3s ease-out;}
.et_boxA .box .btn .prev{}
.et_boxA .box .btn .next{ border-right: 0; transform: rotate(180deg);}
.et_boxA .box .btn span:hover{ background-color: #3D7E91;}
.et_boxA .box .btn span:hover i{ border-color: #FFF;}
.et_boxB{ width: 100%; display: flex;}
.et_boxB .half{ width: 50%; display: flex; flex: 1 0 auto; align-items: center;}
.et_boxB .lt{ background-color: #3D7E91; color: #FFF;}
.et_boxB .lt .box{ padding:0 7.81vw 0 10.4vw;}
.et_boxB .lt .p_1{ font-size: 30px; font-weight: bold; text-transform: capitalize;}
.et_boxB .lt .info{ padding-top: 35px; font-size: 18px; line-height: 1.6;}
.et_boxB .lt a{ display: inline-block; margin-top: 40px; font-size: 18px; padding: 12px 30px; height: 25px; line-height: 25px; text-align: center; color: #FFF; border: 2px solid #FFF; text-transform: capitalize;}
.et_boxC .lt .box{ padding:0 10.4vw 0 7.81vw;}
.et_boxC .lt .p_1{ text-align: right;}
.et_boxC .lt a{ float: right;}
.et_boxD{ width: 1520px; margin: 0 auto; padding: 145px 0 65px 0;}
.et_boxD .p_1{ font-size: 24px; text-align: center;}
.et_boxD .info{ font-size: 16px; line-height: 2.2; margin-top: 45px;}
.et_boxD a{ display: inline-block; margin-top: 70px; display: flex; justify-content: flex-end;}
.et_boxD a i{ display: inline-block; margin:15px 0 0 27px; width: 45px; height: 3px; background-color: #000000; position: relative;}
.et_boxD a i::after{ content: ""; display: block; position: absolute; right: -1px; bottom: 5px; width: 15px; height: 3px; background-color: #000; transform: rotate(45deg);}


.info_boxA {  padding-top:70px; padding-bottom:50px;}
.info_boxA .tit { text-align: center; font-size: 22px; line-height: 1.5; font-weight: bold; color: #408394; }
.info_boxA .cont { font-size: 16px; line-height: 2; padding-top: 40px; }



/*Talent recruitment*/
.tr_boxA { width: 100%; background-color: #DAE8EB; padding-top: 120px; overflow: hidden; position: relative; }
.tr_boxA .lt{ float: left; padding-left: 7.8vw; padding-top:140px; padding-bottom: 70px;}
.tr_boxA .lt .p_1{ font-size: 30px; color: #3f8293; line-height: 1; text-transform: capitalize;}
.tr_boxA .lt .hx{ width: 103px; height: 2px; margin: 40px auto 0 auto; background-color: #3F8293;}
.tr_boxA .lt ul{ width: 260px; margin: 25px auto 0 auto;}
.tr_boxA .lt ul li{ margin-top: 35px;}
.tr_boxA .lt ul li>a{ display: block; height: 45px; line-height: 45px; font-size: 16px; text-align: center; text-transform: capitalize;}
.tr_boxA .lt ul li.on>a{ background-color: #3D7F91; color: #FFF}
.tr_boxA .lt ul li div { display:none; font-size:16px; margin-top:15px; text-align:center;}
.tr_boxA .lt ul li div a { display:block; color: #818181; margin-bottom:15px;}
.tr_boxA .lt ul li div a.on { color: #3D7F91; font-weight:bold; }
.tr_boxA .lt ul li.on div { display:block;}
/*.tr_boxA .rt { float: right; width: 65.36%; position: relative; }*/
.tr_boxA .rt { float: right; width: 57.56%; margin-right: 7.8vw; position: relative; }
.tr_boxA .rt .nav{ width: 132px; position: absolute; left: -66px; top: 80px; box-shadow: 0 0 10px #ccc;}
.tr_boxA .rt .nav li a{ height: 110px; background-color: #FFF; color: #408394; font-size: 16px; display: flex; justify-content: center; align-items: center; text-align: center; border-radius: 4px; }
.tr_boxA .rt .nav li.on a{ background-color: #408394; color: #FFF;}
.tr_boxA .rt .info { padding: 0 16% 50px 10%; min-height: 550px; background: #FFF url(../image/tr_03.png) left 70px bottom 10px no-repeat; border-radius: 8px 8px 0 0; }
.tr_boxA .rt .info .p_1{ padding-top: 130px; font-size: 18px; font-weight: bold; color: #408394; text-align: center; text-transform: capitalize;}
.tr_boxA .rt .info .cont{ padding: 60px 0 180px 0; color: #464c4d; min-height: 200px;}
.tr_boxA .rt .info .cont .cont_0_0 { display:flex; padding-bottom:35px; align-items:center;}
.tr_boxA .rt .info .cont .cont_0_0 .img_0_0 { width:35%; }
.tr_boxA .rt .info .cont .cont_0_0 .div_0_0 { width: calc(65% - 35px); margin-left:35px; }
.tr_boxA .rt .info .cont .cont_2_0 { overflow:hidden;}
.tr_boxA .rt .info .cont .cont_2_0 dl { clear:both; overflow:hidden; padding:25px 0}
.tr_boxA .rt .info .cont .cont_2_0 dl dt{ float:left; width:18%; }
.tr_boxA .rt .info .cont .cont_2_0 dl dd { float: right; width: calc(82% - 25px); }
.tr_boxA .rt .info .cont .cont_2_0 dl:last-child{ padding-bottom:0;}
.tr_boxA .rt .info .cont .cont_2_0 .xm { font-family: "arial black", "avant garde"; font-weight:bold; }
.tr_boxA .rt .info .list { padding-top: 80px; padding-bottom: 35px; }
.tr_boxA .rt .info .list li { height: 45px; line-height: 45px; margin-top: 17px; border-bottom: 1px solid #DBDBDB }
.tr_boxA .rt .info .list li i { display: inline-block; margin:0 17px 0 7px; width: 7px; height: 7px; border-radius:50%; border: 1px solid #408394 ;}
.tr_boxA .rt .info .list li:hover a{ color: #1e5a69; }
.tr_boxA .rt .info .list li:hover i { background-color: #408394; }
.tr_boxA .wap_ctg_3 { display: none; }
.tr_boxA .wap_box { display: none; }

/*research*/
.rese_boxA { background-color: #60AABC; }
.rese_boxA .box { width:1200px; padding:50px 0 40px 0; margin:0 auto;}
.rese_boxA .box .p_1 { font-size:34px; font-weight:bold;  color:#FFF;}
.rese_boxA .box ul { overflow:hidden; margin-top:35px;}
.rese_boxA .box li { float:left; width:calc(33.33% - 14px); margin:0 20px 20px 0; position:relative;}
.rese_boxA .box li img { display:block;}
.rese_boxA .box li:nth-child(3n) { margin-right: 0; }
.rese_boxA .box li .mb { opacity: 1; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6);  transition: 0.3s all ease-out; }
.rese_boxA .box li .mb_info { opacity: 0; width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); font-size: 18px; line-height: 50px; color: #FFF; font-weight: bold; text-align: center; transition: 0.3s all ease-out; }
.rese_boxA .box li:hover .mb { height: 100%; }
.rese_boxA .box li:hover .mb_info { opacity: 1; }
.rese_boxA .box .load_more { display: block; margin: 20px auto 0 auto; width: 39px; text-align: center; }
.rese_boxA .box .to_talent { position:absolute; bottom:0; right:0; font-size:22px; color:#FFF}
.load_css { opacity: 0; transform: translateY(20px); }
.load_css_rt { animation: load_css_Rotate 0.3s linear forwards; }
@keyframes load_css_Rotate {
    100% { opacity: 1; transform: translateY(0px); }
}
.pro_more { clear: both; position: relative; margin-top: 20px; min-height: 26px; }
.pro_more .load { display: none; width: 58px; height: 58px; margin: 0px auto; background: url(../image/case_06.png) no-repeat; opacity: 1; filter: alpha(opacity=0); }
.pro_more .cs_rotate0 { animation: Cs_Rotate0 0.8s linear infinite; }
@keyframes Cs_Rotate0 {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}

.pro_more .more { display: block; margin: 15px auto 0 auto; width: 131px; padding-left: 14px; height: 41px; line-height: 41px; background: #4D4D4D url(https://en.wzeye.cn/images/products_09.png) right 16px center no-repeat; color: #FFF; position: relative; }
.pro_more .more:after { content: ""; display: block; position: absolute; bottom: -2px; left: 5%; width: 90%; height: 2px; background-color: #217EF5; }


/*contact*/
.cont_boxA { width: 100%; position: relative; }
#allmap{ height: 782px;}
.cont_boxA .box{ display: flex; position: absolute; right: 0; bottom: 0;}
.cont_boxA .box .lt{ width: 78px; height: 137px; background: #408394 url(../image/contact_03.png) center center no-repeat;}
.cont_boxA .box .rt{ width: 695px; height: 440px; padding: 0 0 0 75px; background-color: #FFF;}
.cont_boxA .box .rt .p_1{ margin-top: 70px; font-size: 38px; font-weight: bold; color: #0d0d0d; line-height: 1; text-transform:capitalize;}
.cont_boxA .box .rt .p_2 { margin-top: 5px; color: #8e8e8e; }
.cont_boxA .box .rt .p_3{ margin-top: 40px; font-size: 16px; line-height: 1.8; font-weight: bold; color: #4f4d4d;}
.cont_boxA .box .rt .msgbox{ margin-top: 70px; overflow: hidden; width: 305px; border-bottom: 2px solid #BBB;}
.cont_boxA .box .rt .msgbox .txt{ float: left; width: calc(100% - 50px); height: 35px; line-height: 35px; font-weight: bold; color: #333; border: 0; outline: none;}
.cont_boxA .box .rt .msgbox .btn{ float: left; width: 50px; height: 35px; background: url(../image/contact_05.png) center center no-repeat; border: 0; outline: none; cursor: pointer;}





.sh_boxA .lt { width:220px; padding-top: 0px; }
.sh_boxA .rt .list_1 { margin-top: 0; }

.in_menu_hid { position: fixed; top: -150px; left: 0; width: 100%; z-index:10000; transition:all 0.3s ease-out; }
.in_menu_hid .close{ width:100%; position:relative;}
.in_menu_hid .close i { display: block; position: absolute; right: 15px; top: 120px; width: 30px; height: 30px; cursor: pointer; }
.in_menu_hid .close i:before, .in_menu_hid .close i:after { content: ""; display: block; width: 30px; height: 2px; background-color: #0E566F; }
.in_menu_hid .close i:before { transform: rotate(45deg); margin-top:14px }
.in_menu_hid .close i:after { transform: rotate(-45deg); margin-top:-1px; margin-left:-1px; }





.opa0 { opacity: 0; }
.txt_hide_1{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.txt_hide_2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}