@charset "utf-8";
/* CSS Document */
/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:Arial,Helvetica,sans-serif; color:#171717; 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:#171717; text-decoration:none;}
a:hover,a:active{color:#136283;text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.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;}
.hid{ overflow:hidden;}
.bd_bkg_1{ background-color: #F4F4F4;}
/* width: 1760px; */ 
.box_pad_lr{ width: 91.66vw; padding-left: 4.17vw; padding-right: 4.17vw;}
.box_mag_lr{ width: 91.66vw; margin-left: 4.17vw; margin-right: 4.17vw;}
/*首页*/
/*about us*/
.in_top{ position: absolute; left: 0; top: 0; z-index: 1000; transition: 0.3s all ease-out;}
.in_top .box{ padding-top: 20px; transition: 0.3s all ease-out;}
.in_top .box .lt{ float: left; position: relative;}
.in_top .box .lt .lg{ float: left;}
.in_top .box .lt .lg img { display:block; transition: 0.3s all ease-out; }
.in_top .box .lt .lg .hide{ display: none;}
.in_top .box .lt .lang{ display:none; float: left; margin: 7px 0 0 35px; width: 160px; height: 53px; line-height: 53px; text-align: center; font-size: 16px; color: #8C8C8C; text-transform: uppercase; position: relative;}
.in_top .box .lt .lang::after{ content: ""; display: block; transform: skew(-25deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8);}
.in_top .box .lt .lang a{ position: relative; z-index: 1002;  color: #FFF;}
.in_top .box .lt .lang i{ position: relative; z-index: 1002; font-style: normal; margin: 0 10px;}
.in_top .box .lt .lang span{ position: relative; z-index: 1002;}
.in_top .box .lt .ft { position: absolute; left: 0; bottom: -40px; width: 600px; font-size: 16px; font-weight: bold; color: #FFF; transition: 0.3s all ease-out; }
.in_top .box .rt { float: right; width: 155px; height: 53px; margin-top: 11px; font-size: 18px; font-weight: bold; color: #FFF; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.3s all ease-out; }
.in_top .box .rt::after{ content: ""; display: block; transform: skew(-25deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #136283;}
.in_top .box .rt i{ display: inline-block; width:17px; height: 3px;background: #FFF; margin:0 10px 0 11px; position: relative; z-index: 1002;}
.in_top .box .rt i::after{content:"";display:block;height:3px;background: #FFF;width:28px;position:absolute;top:-9px;right:0px;transition:all 0.3s;}
.in_top .box .rt i::before{content:"";display:block;height:3px;background: #FFF;width:23px;position:absolute;bottom:-9px;right:0px;transition:all 0.3s;}
.in_top .box .rt i.on{ background:none; opacity:1;}
.in_top .box .rt i.on::after{ transform:rotate(45deg); top:0px;}
.in_top .box .rt i.on::before{ transform:rotate(-45deg); bottom:0px; width: 28px;}
.in_top .box .rt span{ position: relative; z-index: 1002;}
.in_top .box .menu_load { animation: menu_load_1 3s linear infinite; }
@keyframes menu_load_1 {
    0% { opacity:1 }
    50% { opacity: 0 }
    100% { opacity: 1 }
}
.in_top .box .ct { float: right; width: 463px; height: 74px; margin-right: 95px; background-color: rgba(0,0,0,0.8); position: relative; transition: 0.3s all ease-out; }
.in_top .box .ct .shbox{ overflow: hidden; height: 100%;}
.in_top .box .ct .shbox form { width:100%; height:100%;}
.in_top .box .ct .shbox .btn { float: left; display: block; width: 70px; height: 100%; background: url(../images/index_02_1.png) left 32px center no-repeat; background-size: auto 33%; border: 0; outline: none; cursor: pointer; }
.in_top .box .ct .shbox .txt{ float: left; display: block; width: 245px; height: 100%; font-size: 16px; color: #FFF; background: none; border: 0; outline: none;}
.in_top .box .ct .fxbkg { position: absolute; top: 11px; right: -75px; width: 215px; height: 53px; background-color: #FFF; transform: skew(-25deg); z-index: 1001; transition: 0.3s all ease-out; }
.in_top .box .ct .fxbox { position: absolute; top: 11px; right: -75px; width: 215px; padding-top: 13px; z-index: 1002; text-align: center; transition: 0.3s all ease-out; }
.in_top .box .ct .fxbox a{ display: inline-block; margin: 0 9px;}
.in_top .box .ct .fxbox .hide{ display: none;}
.in_top_nav{ position: fixed; right: 0; top: 0; transform: translateX(100%); transition:0.4s all cubic-bezier(.55,.06,.68,.19); padding: 0 6vw; width: 53vw; height: 100%; background-color: #136283; z-index: 1001;}
.in_top_nav .box{ width: 100%; height: 100%; display: flex; align-items: center; position: relative;}
.in_top_nav .box .lang{position: absolute;top: 60px;left: 0px;color:#fff;font-size: 58px;}
.in_top_nav .box .lang a{color:#fff;}
.in_top_nav .box .close{ position: absolute; top: 50px; right: 0px;}
.in_top_nav .box .close i{ display: block; width: 35px; height: 35px; position: relative; cursor: pointer;}
.in_top_nav .box .close i::after, .in_top_nav .box .close i::before{content:"";display:block;width:40px;height:2px;background: #FFF;position:absolute; top:17px; left:-2px;}
.in_top_nav .box .close i::after{ transform:rotate(45deg);}
.in_top_nav .box .close i::before{ transform:rotate(-45deg);}
.in_top_nav .box ul { color: #FFF; }
.in_top_nav .box li { height: 38px; margin: 30px 0; overflow: hidden; padding-right: 20px; }
.in_top_nav .box li i{ font-size: 24px; font-style: normal;}
.in_top_nav .box li span{ font-size: 30px;}
.in_top_nav .box li a{ display: inline-block; font-size: 40px; line-height: 1; margin-left:0.6rem; color: #FFF; transition: 0.6s all ease-out;}
.in_top_nav .box li:hover a{ transform: translateX(20px);}
.in_top_nav .box li div{ transform: translateY(38px); transition:0.4s all ease-in;}
.wap_top{ display: none;}
.wap_topjg{ display: none;}
.in_ban{ width: 100%; position: relative; overflow: hidden; z-index: 10;}
.in_ban video { width:100%;}
.in_ban .playbtn { position: absolute; top: 50%; right: 6vw; }
.in_ban .playbtn img{ cursor: pointer;}
.in_ban .btn_1{ position: absolute; top: 50%; right: 3vw; color: #FFF; font-weight: bold; writing-mode: vertical-lr; cursor: pointer;}
.in_boxA { clear: both; display: flex; justify-content: space-between; position: relative; z-index: 100; }
.in_boxA .lt{ width: 27.61%;}
.in_boxA .lt .box_1{ width: 100%; position: relative; margin-top: -35px;}
.in_boxA .lt .bkg{ width: 80%; height: 100%; box-shadow:20px 20px 20px rgba(0,0,0,0.1); position: absolute; right: 0; top: 0; z-index: 1;}
.in_boxA .lt .bkg_1{ width: 70%; height: 106%; border-left: 1px solid #136283; border-bottom: 1px solid #136283; position: absolute; right: -25px; top: 0; z-index: 2;}
.in_boxA .lt .ft_1{writing-mode: vertical-lr; position: absolute; right: -40px; bottom: 0; color: #999; z-index: 3;}
.in_boxA .lt .box{ position: relative; z-index: 100;}
.in_boxA .lt .box::before{ content: ""; display: block; width: 100%; height: 6px; background-color: #171717; position: absolute; left: 0; bottom: -6px; z-index: 101;}
.in_boxA .lt .box::after{ content: ""; display: block; width: 65%; height: 6px; background-color: #136283; position: absolute; left: 0; bottom: -6px; z-index: 102;}
.in_boxA .lt .box .swiper_1{ position: relative; overflow: hidden;}
.in_boxA .lt .box .swiper-slide img{ display: block;}
.in_boxA .lt .box .swiper_1 .btn{ position: absolute; right: 30px; bottom: 20px; z-index: 101;}
.in_boxA .lt .box .swiper_1 .btn p{ display: inline-block; width: 50px; height: 50px; background:#136283 url(../images/index_05.png) center center no-repeat; background-size: 100% 100%; cursor: pointer;}
.in_boxA .lt .box .swiper_1 .btn p:hover{ background-color: #4889c1;}
.in_boxA .lt .box .swiper_1 .btn .prev{ margin-right: 10px;}
.in_boxA .lt .box .swiper_1 .btn .next{ transform: rotateY(180deg);}
.in_boxA .rt{ width: 61.36%;}
.in_p_tit{ font-size: 35px; line-height: 1; font-weight: bold; color: #171717; padding: 45px 0 0 88px; background: url(../images/index_07.png) left top no-repeat; background-size: auto 92%;}
.in_p_tit1{ font-size: 35px; line-height: 1; font-weight: bold; color: #171717; padding: 45px 0 0 88px; background: url(../images/index_08.png) left top no-repeat; background-size: auto 92%;}
.in_p_tit2{ font-size: 35px; line-height: 1; font-weight: bold; color: #171717; padding: 45px 0 0 88px; background: url(../images/index_10.png) left top no-repeat; background-size: auto 92%;}
.in_p_tit3{ font-size: 35px; line-height: 1; font-weight: bold; color: #171717; padding: 45px 0 0 88px; background: url(../images/index_11.png) left top no-repeat; background-size: auto 92%;}
.in_boxA .rt .in_p_tit{ margin-top: 75px; }
.in_boxA .rt .info{ font-size: 20px; line-height: 34px; margin-top: 30px; padding-left: 20px; position: relative;}
.in_boxA .rt .info::after{ content: ""; display: block; position: absolute; left: 0; top: 12px; width: 4px; height: 48px; background-color: #136283;}
.in_boxA .rt .list{ margin-top: 60px; display: flex; justify-content: space-between;}
.in_boxA .rt .list li{ text-align: center;}
.in_boxA .rt .list li b{ font-size: 48px;}
.in_boxA .rt .list li p{ font-weight: bold; color: #136283;}
.in_more{ display: inline-block; padding: 0 12px 0 0; border-bottom: 2px solid #136283; }
.in_boxA .rt .in_more{ margin-top: 78px;}
.in_boxB{ clear: both; margin-top: 120px; position: relative;}
.in_boxB .bkg_list{ z-index:1}
.in_boxB .bkg_list li{display:none }
.in_boxB .bkg_list li.on { display: block }
.in_boxB .box{ width: 25.1vw; padding: 0 4.5vw; height: 100%; position: absolute; left: 4.17vw; top: 0; background-color: #FFF; z-index:2}
.in_boxB .box .in_p_tit{ margin-top: 68px; }
.in_boxB .box .hx{ width: 80px; height: 1px; margin-top: 37px; background-color: #E0E0E0;}
.in_boxB .box .info{ margin-top: 30px; font-size: 16px; line-height: 30px; max-height: 180px; overflow: hidden; color: #7d7d7d;}
.in_boxB .box .list{ overflow: hidden; padding-top: 10px; padding-bottom:3px;}
.in_boxB .box .list li{ float: left; font-size: 22px; height: 50px; line-height: 50px; margin-top: 15px; color: #171717;}
.in_boxB .box .list li:nth-child(2n+1){ width: 50%;}
.in_boxB .box .list li:nth-child(2n){ width: 50%;}
.in_boxB .box .list li a { color: #171717 }
.in_boxB .box .list li.on span { display: inline-block; }
.in_boxB .box .list li.on a{ color: #136283;}
.in_boxB .box .list li.on span::after{ content: ""; display: block; width: 100%; height: 3px; background-color: #136283;}
.in_boxB .box .in_more{ margin-top: 40px;}
.in_boxC{ clear: both; margin-top: 100px; margin-bottom: 40px; overflow: hidden;}
.in_boxC ul{ float: left; margin-top: 15px;}
.in_boxC ul li{ float: left; width: 225px; height: 60px; line-height: 60px; font-size: 22px; margin-right: 40px; text-align: center; position: relative; cursor:pointer}
.in_boxC ul li:first-child{ margin-left: 20px;}
.in_boxC ul li:last-child{ margin-right: 0;}
.in_boxC ul li a{ color: #999; position: relative; z-index: 2;}
.in_boxC ul li::after{ content: ""; display: block; transform: skew(-25deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #F5F5F5; z-index: 1;}
.in_boxC ul li.on a{ color: #FFF;}
.in_boxC ul li.on::after{ background-color: #136283;}
.in_boxC p{ float: right;margin-bottom: 15px}
.in_boxD{ clear: both; background-color: #FAFAFA; padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
.in_boxD .lt{ float: left; width: 10%;}
.in_boxD .lt li{ padding-left: 44px; font-size: 18px; color: #999; margin-top: 50px; cursor: pointer; position: relative;}
.in_boxD .lt li i{}
.in_boxD .lt li.on{ padding-left: 39px; font-size: 26px; color: #136283; font-weight: bold;}
.in_boxD .lt li.on i{ display: block; width: 24px; height: 3px; position: absolute; left: 0; top: 11px; background-color: #136283;}
.in_boxD .ct{ float: left; width: 44%;}
.in_boxD .ct .item{ padding-top: 30px; position: relative;}
.in_boxD .ct .p_1{ font-size: 44px; line-height: 1; font-weight: bold;}
.in_boxD .ct .info{ margin-top: 20px; width: 69%; font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; color: #828282;}
.in_boxD .ct .in_more{ margin-top: 38px;}
.in_boxD .ct .play{ position: absolute; top: 95px; right: 0; cursor:pointer;}
.in_boxD .ct .play p{ font-size: 16px; text-align: center; margin-top: -60px;}
.in_boxD .ct .list{ margin-top: 130px; position: relative;}
.in_boxD .swiper_2{ margin: 0 45px; position: relative; overflow: hidden;}
/* .in_boxD .swiper_2 .swiper-slide-active img{ max-width: calc(100% - 8px); border: 4px solid #136283;} */
.in_boxD .swiper_2 li img{ cursor: pointer;}
.in_boxD .swiper_2 li.on img{ max-width: calc(100% - 8px); border: 4px solid #136283;}
.in_boxD .list .btn{ width: 16px; height: 19px; background: url(../images/index_19_1.png) no-repeat; background-size: 100% 100%; position: absolute; top: calc(50% - 10px); cursor: pointer;}
.in_boxD .list .btn:hover{ background-image: url(../images/index_19_2.png);}
.in_boxD .list .prev{ left: 0;}
.in_boxD .list .next{ right: 0; transform: rotateY(180deg);}
.in_boxD .rt{ float: right; width: 40.45%;}
.in_boxE{ clear: both; margin-top: 120px; }
.in_boxE .box{ margin-top: 60px; position: relative;}
.in_boxE .box .bkg{ position: absolute; top:-25px; right: 0; font-size: 300px; line-height: 0.8; font-weight: bold; color: #FDF8F5; z-index: 1;}
.in_boxE .item{ position: relative; z-index: 2;}
.in_boxE .lt{ float: left; width: 40.5%; position: relative;}
.in_boxE .lt .imgs { overflow:hidden; }
.in_boxE .lt .info { display: block; position: absolute; left: 29%; bottom: 25px; color: #FFF;}
.in_boxE .lt .info span{ display: inline-block; font-size: 12px; width: 112px; height: 30px; line-height: 30px; text-align: center; background-color: #136283;}
.in_boxE .lt .info div{ width: 80%; margin-top: 15px; font-size: 22px; line-height: 32px; max-height: 64px; font-weight: bold; overflow: hidden;}
.in_boxE .lt .info p{ display: inline-block; border-bottom: 2px solid #FFF; }
.in_boxE .lt .info p img{ margin-left: 7px;}
.in_boxE .ct { float: left; width: 27.72%; margin: 30px 0 0 -40px; position: relative; box-shadow: 20px 20px 20px rgba(232,232,232,0.5); }
.in_boxE .ct .imgs { overflow: hidden; }
.in_boxE .ct img { display:block;}
.in_boxE .ct .info { width: 46.5%; padding: 25px 10% 20px 6%; position: absolute; right: 0; bottom: 0; background-color: #FFF; }
.in_boxE .ct .info p{ font-size: 12px;}
.in_boxE .ct .info p span{ text-transform: uppercase; color: #d90000;}
.in_boxE .ct .info div{ color:#333; font-size: 18px; line-height: 28px; font-weight: bold; max-height: 84px; overflow: hidden;}
.in_boxE .rt{ float: right; width: 32.27%; padding-top: 30px;}
.in_boxE .rt li { background-color: #FFF; margin-bottom: 32px; box-shadow: 20px 20px 20px rgba(232,232,232,0.5); }
.in_boxE .rt li:last-child { margin-bottom:0;}
.in_boxE .rt li a { display: flex; justify-content: space-between; align-items: center; }
.in_boxE .rt li img{ width: 35.21%;}
.in_boxE .rt li .info{ width: 55%; padding: 0 20px 0 0;}
.in_boxE .rt li .info p{ font-size: 12px;}
.in_boxE .rt li .info p span{ text-transform: uppercase; color: #d90000;}
.in_boxE .rt li .info div { color: #333; font-size: 18px; line-height: 28px; font-weight: bold; max-height: 84px; overflow: hidden; }
.in_boxF{ clear: both; padding-top: 110px; margin-bottom: 100px; }
.in_boxF .top{ width: 100%; height: 52px; background: url(../images/index_29_1.png) center center no-repeat; background-size: auto 100%;}
.in_boxF .box{ width: 84%; padding-bottom: 30px; margin:70px auto 0 auto; position: relative; overflow: hidden;}
.in_boxF .box li{ float: left; margin-bottom: 25px;}
.in_boxF .box li img{ filter: grayscale(100%); transition: 0.3s all ease-out;}
.in_boxF .box li img:hover{ filter: grayscale(0%);}
.swiper_last .swiper-pagination{ bottom: 0;}
.swiper_last_wap{ display: none;}
.in_btm{ clear: both; overflow: hidden; padding-top: 120px; padding-bottom: 65px; border-top: 6px solid #136283; background-color: #F5F5F5; position: relative; z-index: 10;}
.in_btm .bkg{ position: absolute; left: 12%; top: 5%; background: url(../images/index_33.png) left center no-repeat; background-size: auto 90%;}
.in_btm .lt{ float: left; width: 55.11%; overflow: hidden;}
.in_btm .lt .box{ float: left; margin-right: 45px;}
.in_btm .lt .box p{ font-size: 22px; font-weight: bold; text-transform: uppercase;}
.in_btm .lt .box ul{ margin-top: 30px;}
.in_btm .lt .box li{}
.in_btm .lt .box li a{ color: #999; line-height: 28px; text-transform: capitalize; }
.in_btm .lt .box:nth-child(4) ul{ height: 112px;}
.in_btm .lt .box_h2{ margin-top: 30px;}
.in_btm .rtbox{ float: right; width: 44.89%;}
.in_btm .ct{ float: left; width: 44.55%;}
.in_btm .rt{ float: right; width: 44.55%;}
.in_btm .rt dl{ margin-bottom: 30px; line-height: 24px;}
.in_btm .rt dt{ font-size: 22px; font-weight: bold;}
.in_btm .rt dd{ color: #999; padding-top: 10px;}
.in_btm .rt dl a { color: #999; }
.in_btm .rt dl a:hover { color: #136283; }
.in_cpy{ clear: both; padding-top: 20px; padding-bottom: 20px; font-size: 16px; overflow: hidden; background-color: #F0F0F0; position: relative; z-index: 10;}
.in_cpy .lt{ float: left;}
.in_cpy .rt{ float: right;}
.wap_btm{ display: none;}
.wap_cpy{ display: none;}
.mb_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_bkg { position: fixed; left: 0; top: 0; z-index: 3000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 3001; 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: #0E8193 url(../images/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); }
.sh_box .close:hover{ transform: rotate(180deg);}
/*弹出视频*/
.popup_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display:none;}
.popup_vidbox { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2001; display: none; }
.popup_vidbox .close{ position:relative; width:40px; height:40px; cursor:pointer; float:right; margin-bottom:15px; transition:0.3s all ease-out; }
.popup_vidbox .close:before, .popup_vidbox .close:after{ content: ""; display: block; width: 40px; height: 2px; background-color: #FFF;  position:absolute;}
.popup_vidbox .close:before { left: 0; top:20px; transform:rotate(45deg)}
.popup_vidbox .close:after { left: 0; top: 20px; transform: rotate(-45deg) }
.popup_vidbox .close:hover { transform: rotate(180deg) }
/*About Us*/
.ab_top { position: fixed; height: 135px; background-color: #FAFAFA; transition: 0.3s all ease-out; border-bottom: 1px solid #CCC; }
.ab_top .box{ padding-top: 20px;}
.ab_top .box .lt .lg img{ display: none;}
.ab_top .box .lt .lg .hide{ display: block;}
.ab_top .box .lt .lang{ color: #ACACAC;}
.ab_top .box .lt .lang a{ color: #136283;}
.ab_top .box .lt .lang::after{ background-color: #FFF;}
.ab_top .box .lt .ft{ color: #333;}
.ab_top .box .ct{ background-color: #FFF;}
.ab_top .box .ct .shbox .btn{ background-image: url(../images/index_02_2.png);}
.ab_top .box .ct .shbox .txt{ color: #333;}
.ab_top .box .ct .fxbkg{ background-color: #136283;}
.ab_top .box .ct .fxbox a{ display: none;}
.ab_top .box .ct .fxbox .hide{ display: inline-block;}
.ab_top_jg{ width: 100%; height: 135px;}
.ab_ban{ width: 100%; position: relative; z-index: 1;}
.ab_ban img{ display: block;}
.ab_ban .tit{ position: absolute; left: 0; top:30%; width: 100%; text-align: center;}
.ab_ban .tit p{ font-size: 48px; line-height: 1; font-weight: bold; color: #FFF; text-transform: uppercase;}
.ab_ban .tit span{ display: block; margin: 30px auto 0 auto; width: 71px; height: 4px; background-color: #136283;}
.mouse_box { position: absolute; bottom: 120px; left: 50%; margin-left: -12px; z-index: 102; }
.mouse_box div { -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; }
.mouse_box span { display: block; margin: 12px auto 0 auto; width: 23px; height: 40px; background: url(../images/about_03.png) 0px 0px no-repeat; background-size: 100% auto; position: relative; cursor: pointer; }
.mouse_box span:before, .mouse_box span:after { content: ""; position: absolute; }
.mouse_box span:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFF; width: 4px; height: 4px; border-radius: 100%; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; }
@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
@keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
.ab_boxA{ display: flex; margin-top: -60px; position: relative; z-index: 10;}
.ab_boxA .lt{ width: 38.63%;}
.ab_boxA .rt{ width: 61.37%;}
.ab_boxA .rt .top{ height: 180px; color: #FFF; background: url(../images/about_07.jpg) center center no-repeat; background-size: cover;}
.ab_boxA .rt ul{ padding: 0 70px; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.ab_boxA .rt ul li{ text-align: center;}
.ab_boxA .rt ul li b{ font-size: 40px;}
.ab_boxA .rt ul li p{ font-weight: bold;}
.ab_boxA .rt .info{ padding: 60px 0 0 5.54%; background-color:#FFF;}
.ab_boxA .rt .info .cont{ margin-top: 20px; font-size: 16px; line-height: 36px; height: auto; overflow: hidden;}
.ab_boxB{ clear: both; margin-top: 100px; margin-bottom: 100px;}
.ab_boxB .box_1{ margin-bottom: 150px; position: relative;}
.ab_boxB .box_1 .round{ margin: 0 auto; width: 584px; position: relative;}
.ab_boxB .box_1 .round .bkg{ animation: round_load 60s linear infinite; position: relative; z-index: 1;}
@keyframes round_load {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}
.ab_boxB .box_1 .round .in_p_tit{ position: absolute; left: calc(50% - 166px); top: 50%; transform: translateY(-50%); z-index: 2;}
.ab_boxB .box_1 .round .in_p_tit1{ position: absolute; left: calc(50% - 166px); top: 50%; transform: translateY(-50%); z-index: 2;}
.ab_boxB .box_1 .round .dian { animation: dian_load 4s linear infinite; width: 11px; height: 11px; border-radius: 50%; background-color: #136283; box-shadow: 0 0 8px #136283; position: absolute; z-index: 3; cursor: pointer; }
.ab_boxB .box_1 .round .pz_1{ left: 0; top: 50%;}
.ab_boxB .box_1 .round .pz_2{ right: 0; top: 50%; animation-delay: 0.6s;}
.ab_boxB .box_1 .round .pz_3{ left: calc(50% - 6px); bottom: 0; animation-delay: 1.2s;}
@keyframes dian_load {
    0% { opacity: 0; }
    25% { opacity: 0.5; }
    50% { opacity: 1; }
    75% { opacity: 0.5; }
    100% { opacity: 0; }
}
.ab_boxB .box_1 .round .dian:hover{ animation-duration: 0s;}
.ab_boxB .box_1 .info{ opacity: 0;}
.ab_boxB .box_1 .info p{ font-size: 20px; line-height: 1.6;}
.ab_boxB .box_1 .info_1{ width: calc(50% - 292px); position: absolute; bottom: 286px; left: 0;}
.ab_boxB .box_1 .info_1 p{ width: 70.2%;}
.ab_boxB .box_1 .info_1 p span{ color: #136283;}
.ab_boxB .box_1 .info_1 .bkg{ margin-top: 15px; width: 100%; height: 52px; background: url(../images/about_11_1.png) left top no-repeat; background-size: 100% auto;}
.ab_boxB .box_1 .info_2 { width: calc(50% - 292px); position: absolute; bottom: 286px; right: 0; }
.ab_boxB .box_1 .info_2 p{ padding-left: 22.9%;}
.ab_boxB .box_1 .info_2 p span{ color: #136283;}
.ab_boxB .box_1 .info_2 .bkg{ margin-top: 15px; width: 100%; height: 52px; background: url(../images/about_11_1.png) left top no-repeat; background-size: 100% auto; transform: rotateY(180deg);}
.ab_boxB .box_1 .info_3{ width: 100%; text-align: center; position: absolute; bottom: -124px; left: 0;}
.ab_boxB .box_1 .info_3 .bkg{ margin: 0 auto 15px auto; width: 7px; height: 83px; background: url(../images/about_11_2.png) center bottom no-repeat; background-size: 100% auto;}
#wave{ position: absolute; left: 0; bottom: 0;}

.ab_boxB .box_2{ margin-top: 35px; position: relative; display: flex; justify-content: space-between;}
.ab_boxB .box_2::before, .ab_boxB .box_2::after{ content: ""; display: block; position: absolute; top: 0; width: 1px; height: 100%; background-color: #DFDFDF;}
.ab_boxB .box_2::before{ left: 32.5%;}
.ab_boxB .box_2::after{ right: 32.5%;}
.ab_boxB .box_2 .item{ width: 30.2%; font-size: 16px; line-height: 2; padding: 10px 0; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;}
.ab_boxB .box_2 .item_1{}
.ab_boxB .box_2 .item_2{}
.ab_boxB .box_3{ width: 1050px; margin: 80px auto 0 auto; position: relative; font-size: 16px; line-height: 2; }
.ab_boxB .box_3 .yh{ display: block; position: absolute; left: -70px; top: -17px;}
.ab_boxB .box_3 .youb{display: block;position: absolute;right: -56px;bottom: -17px;}
.ab_boxB .box_4{ margin-top: 60px; }
.ab_boxB .box_4 .p_1{ font-size: 20px; font-weight: bold; text-align: center;}
.ab_boxB .box_4 .box{ margin-top: 105px;}
.ab_boxB .box_4 .box ul{display: flex; justify-content: space-between;}
.ab_boxB .box_4 .box li { width: 12.72%; text-align: center; position: relative; transition: 0.3s all ease-out; }
.ab_boxB .box_4 .box li .bkg{ width: 71.8%; position: absolute; left: 14.1%; top: 0; z-index: 0;}
.ab_boxB .box_4 .box li .info{ padding: 5px 0 50px 0; position: relative; z-index: 1;}
.ab_boxB .box_4 .box li .info::after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #136283; transition: 0.3s all ease-out;}
.ab_boxB .box_4 .box li .info img{ display: block; width: 39%; margin: 0 auto;}
.ab_boxB .box_4 .box li i{ display: block; margin: 20px auto 0 auto; width: 10.7%; height: 1px; background-color: #999;}
.ab_boxB .box_4 .box li p{ margin-top: 20px; font-size: 24px; line-height: 1;}
.ab_boxB .box_4 .box li:hover { transform:translateY(-15px); }
.ab_boxC { clear: both; margin-top: 70px; margin-bottom: 50px; position: relative; }
.ab_boxC .bkg{ position: absolute; left: 0; top: 0; font-size: 148px; line-height: 1; color: #F7F7F7; font-weight: bold; z-index: -1;}
.ab_boxC .tit{ height: 150px; position: relative;}
.ab_boxC .in_p_tit{ position: absolute; left: 50%; top: 15px; transform: translateX(-50%);}
.ab_boxC .in_p_tit3{ position: absolute; left: 50%; top: 15px; transform: translateX(-50%);}
.ab_boxC .box{ position: relative;}
.ab_boxC .box .swiper_1{ position: relative; overflow: hidden;}
.ab_boxC .box .btnbox{ margin-top: 60px; overflow: hidden;}
.ab_boxC .box .btnbox .num{ float: left; width: 85px; margin-top: 8px; font-size: 16px; color: #b2b2b2;}
.ab_boxC .box .btnbox .num i{ font-style: normal; font-size: 24px; color: #136283;}
.ab_boxC .box .btnbox .hx{ float: left; width: calc(100% - 285px); height: 1px; margin-top: 25px; background-color: #EBEBEB;}
.ab_boxC .box .btnbox .btn{ float: right;}
.ab_boxC .box .btnbox .btn p{ display: inline-block; width: 50px; height: 50px; background: #136283 url(../images/index_05.png) center center no-repeat; background-size: 100% 100%; cursor: pointer;}
.ab_boxC .box .btnbox .btn p:hover{ background-color: #357cb9;}
.ab_boxC .box .btnbox .btn .prev{ margin-right: 40px;}
.ab_boxC .box .btnbox .btn .next{ transform: rotateY(180deg);}
.ab_boxD{ clear: both; height: 1088px; overflow: hidden; position: relative; background: url(../images/about_21.jpg) center center no-repeat; background-size: cover;}
.ab_boxD .info{ width: 44.8vw; position: absolute; left: 4.17vw; top: 90px; z-index: 10;}
.ab_boxD .info div{ margin-top: 25px; font-size: 16px; line-height: 2; color: #808080;}
.ab_boxD .a_bkg{ position: absolute; top: 120px; right: -13vw; width: 880px; height: 880px; z-index: 0; border-radius: 50%; border: 2px solid #CCC; background: url(../images/about_23.png) center center no-repeat; background-size: 58% 58%;}
.ab_boxD .imgbox { padding: 135px 17% 0 0; position: relative; z-index: 10; }
.ab_boxD .imgbox ul { float: right; position: relative; }
.ab_boxD .imgbox li { position: absolute; right: -310px; top: -80px; opacity: 0; width: 144px; cursor: pointer; transition: 0.4s all ease-out; }
.ab_boxD .imgbox .on { top: 355px; right: 0; opacity: 1; transform: translate(-60px, -105px); width: 377px; }
.ab_boxD .imgbox .on_prev { top: 0; right: 0; opacity: 1; }
.ab_boxD .imgbox .on_next { top: 710px; right: 0; opacity: 1; }
.ab_boxD .imgbox .on_next_1 { top: 790px; right: -310px; opacity: 0; }
.ab_boxD .imgbox li img { border-radius: 50%; }
.ab_boxD .imgbox .on img { }
.ab_boxD .cont{ width: 45vw; position: absolute; left: 7.5vw; top: 50%; z-index: 10; color: #333;}
.ab_boxD .cont .item{ display: none; opacity: 0; justify-content: space-between; align-items: center; transition: 0.3s all ease-out;}
.ab_boxD .cont .item>p{ float: left; font-size: 32px; padding-top: 10px;}
.ab_boxD .cont .item>p b{ border-bottom: 1px solid #CCCCCC;}
.ab_boxD .cont .item div{ float: right; width: calc(100% - 230px); font-size: 26px;line-height: 1.4;}
.ab_boxD .cont .on{ display: block; opacity: 1; }
.ab_boxD .btnbox{ position: absolute; left: 7.5vw; bottom: 110px; z-index: 10;}
.ab_boxD .btnbox div{ display: flex; align-items: center;}
.ab_boxD .btnbox div i{ display: block; float: left; width: 76px; height: 76px; border-radius: 50%; background: url(../images/about_22_1.png) center center no-repeat; background-size: 30% 30%; border: 1px solid #B2B2B2; cursor: pointer;}
.ab_boxD .btnbox div p{ display: none; margin-left: 30px; color: #808080; height: 25px; line-height: 25px; width: 20vw;}
.ab_boxD .btnbox div.prev{ margin-bottom: 20px;}
.ab_boxD .btnbox div.next i{ transform: rotateX(180deg);}
.ab_boxD .btnbox div:hover i{ background-color: #136283; border-color: #136283; background-image: url(../images/about_22_2.png);}
.ab_boxD .btnbox div:hover p{ display: -webkit-box;}
.ab_boxD .wap_box{ display: none;}
.ab_boxE{ clear: both; margin-top: 100px; }
.ab_boxE .box{ width: 1229px; height: 636px; margin: 0 auto; position: relative; background: url(../images/about_27.png) center center no-repeat; background-size: 100% auto;}
.ab_boxE .box .item{ visibility: hidden; opacity: 0; text-align: center; position: absolute; z-index: 2; transform: translate(-50%, -70%); transition: 0.3s all ease-out;}
.ab_boxE .box .point{ position: absolute; z-index: 3; width: 12px; height: 12px; border-radius: 50%; background-color: #136283; box-shadow: 0 0 12px #136283; cursor: pointer;}
.ab_boxE .box .pz_1 { left: 23px; top: 233px; }
.ab_boxE .box .pz_2 { left: 127px; top: 156px; }
.ab_boxE .box .pz_3 { left: 106px; top: 306px; }
.ab_boxE .box .pz_4 { left: 290px; top: 400px; }
.ab_boxE .box .pz_5 { left: 480px; top: 134px; }
.ab_boxE .box .pz_6 { left: 498px; top: 127px; }
.ab_boxE .box .pz_7 { left: 515px; top: 139px; }
.ab_boxE .box .pz_8 { left: 545px; top: 353px; }
.ab_boxE .box .pz_9 { left: 698px; top: 313px; }
.ab_boxE .box .pz_10 { left: 746px; top: 216px; }
.ab_boxE .box .pz_11 { left: 821px; top: 123px; }
.ab_boxE .box .pz_12 { left: 1025px; top: 365px; }
.ab_boxE .box .pz_13 { left: 1107px; top: 409px; }
.ab_boxE .box .load_1 { animation: point_load 6s linear infinite; }
.ab_boxE .box .load_2 { animation: point_load 6s linear 1.2s infinite; }
.ab_boxE .box .load_3 { animation: point_load 6s linear 2s infinite; }
.ab_boxE .box .load_4 { animation: point_load 6s linear 4.2s infinite; }
@keyframes point_load {
    0% { opacity: 0; }
    20% { opacity: 0.5; }
    40% { opacity: 1; }
    70% { opacity: 0.5; }
    100% { opacity: 0; }
}
.ab_boxE .box .point:hover{ animation-duration: 0s;}
.ab_boxE .box .item img{}
.ab_boxE .box .item span{ margin-top: 30px; display: block; height: 32px; line-height: 32px; border-radius: 32px; padding: 0 15px; background-color: #136283; color: #FFF; }
.ab_boxE .p_1{ margin-top: 80px; font-size: 24px; font-weight: bold; color: #333; text-align: center;}
.ab_boxE .box .item.on{ visibility: visible; opacity: 1;}
.ab_boxE .wap_imgs{ display: none;}
.ab_boxE .wap_box{ display: none;}
.ab_boxF{ padding-top: 70px;}
/*news*/
.news_ban .mouse_box{ bottom: 80px;}
.news_boxA{ height: 85px; background-color:#FFF; position: relative; z-index:10;}
.news_boxA ul{ display: flex; justify-content: center; padding-top: 10px;}
.news_boxA li{ margin: 0 40px; font-size: 18px;}
.news_boxA li a{ height: 70px; line-height: 70px; color: #333; display: inline-block; position: relative;}
.news_boxA li a::before{ content: ""; display: block; position: absolute; left: 50%; bottom: -5px; width: 0; height: 5px; background-color: #136283; box-shadow: 0 5px 8px rgba(217,0,0,0.3);}
.news_boxA li a i{ display: inline-block; width: 11px; height: 11px; margin-left: 18px; border-left: 2px solid #D6D6D6; border-bottom: 2px solid #D6D6D6; transform: rotate(-45deg);}
.news_boxA li.on a::before{ width: 100%; left: 0;}
.news_boxA li.on a i{ border-color: #136283;}
.news_boxB { overflow: hidden; background-color: #FAFAFA; padding-top: 60px; padding-bottom: 70px; position: relative; z-index: 10; }
.news_boxB .lt{ float: left; width: 72.7%;}
.news_boxB .lt ul{ padding-bottom: 60px;}
.news_boxB .lt li{ padding: 40px 0; border-bottom: 1px solid #E0E0E0;  display: flex; justify-content: space-between;}
.news_boxB .lt li .imgs{ width: 33.75%;}
.news_boxB .lt li .imgs img{ display: block;}
.news_boxB .lt li .info{ width: 63.3%; position: relative;}
.news_boxB .lt li .info .p_tm{ font-size: 18px; color: #136283;}
.news_boxB .lt li .info .p_tit{ margin-top: 20px; font-size: 26px; line-height: 34px; height: 68px; overflow: hidden; font-weight: bold; color: #333;}
.news_boxB .lt li .info .cont{ margin-top: 20px; line-height: 25px; height: 50px; overflow: hidden; color: #999;}
.news_boxB .lt li .info .more{ position: absolute; left: 0; bottom: 0; display: block; width: 210px; height: 53px; line-height: 53px; padding: 0 40px; font-size: 16px; border: 1px solid #136283; color: #136283; background: url(../images/news_05.png) right 40px center no-repeat; transition: 0.3s all ease-out;}
.news_boxB .lt li .info .more:hover{ color: #FFF; background-color:#136283; background-image: url(../images/news_05_1.png);}
.news_boxB .lt .load_more{ display: block; margin: 20px auto 0 auto; width: 256px; padding: 18px 0; text-align: center; font-size: 16px; background-color: #136283; color: #fff;}
.news_boxB .rt{ float: right; width: 23.9%; padding-top: 40px;}
.news_boxB .rt .shbox{ height: 52px; background-color: #fff;}
.news_boxB .rt .shbox .txt{ float: left; display: block; padding: 13px 25px; line-height: 26px; width: calc(100% - 102px); font-size: 14px; color: #666; background: none; border: 0; outline: none;}
.news_boxB .rt .shbox .btn{ float: left; display: block; width: 52px; height: 100%; background: #136283 url(../images/news_07.png) center center no-repeat; background-size: 44% 44%; border: 0; outline: none; cursor: pointer;}
.news_boxB .rt .p_tit{ font-size: 24px; color: #136283; margin-top: 30px;}
.news_boxB .rt .list{ background-color: #FFF; margin-top: 30px; position: relative;}
.news_boxB .rt .list ul{ padding: 20px 40px;}
.news_boxB .rt .list li{ padding: 15px 0; border-bottom: 1px solid #F0F0F0;}
.news_boxB .rt .list li p{ font-size: 18px; line-height: 24px; font-weight: bold; color: #333;}
.news_boxB .rt .list li span{ color: #999;}
.news_boxB .rt .list ul li:last-child{ border-bottom: 0;}
.news_boxB .rt .list .btnbox{ position: absolute; right: 0; top: -50px;}
.news_boxB .rt .list .btnbox span{ display: inline-block; width: 10px; height: 10px; margin-left: 8px; border-radius: 50%; background-color: #CFCFCF; cursor: pointer;}
.news_boxB .rt .list .btnbox .on{ width: 16px; height: 16px; transform: translateY(4px); background: url(../images/news_09.png) center center no-repeat; background-size: 100% 100%;}
.news_boxB .rt .swiper_1{ position: relative; overflow: hidden;}
/*newsShow*/
.nss_boxA { clear: both; padding-top: 50px; padding-bottom: 50px; background-color: #FAFAFA; position: relative; z-index: 10; }
.nss_tit { font-size: 22px; font-weight: bold; line-height: 1.3; text-align: center; padding: 10px 0 10px 0; }
.nss_dtm { text-align: center; color: #999; }
.nss_info { line-height: 1.8; padding-top: 30px; }
.ff_pre { clear: both; padding: 15px 0 0 0; color: #666; }
.ff_next { clear: both; padding: 0 0 10px 0; color: #666; }
.pss_img { text-align: center; }
/* products */
.pro_ban .tit{ top: 25%;}
.pro_ban .tit span{ margin-top: 25px;}
.pro_ban .mouse_box{ bottom: 80px;}
.pro_boxA { height: 75px; background-color: #FFF; position: relative; z-index: 10; }
.pro_boxA ul{ display: flex; justify-content: center;}
.pro_boxA li{ margin: 0 20px; font-size: 22px;}
.pro_boxA li a{ height: 70px; line-height: 70px; color: #333; display: inline-block; position: relative;}
.pro_boxA li a::before{ content: ""; display: block; position: absolute; left: 50%; bottom: -5px; width: 0; height: 5px; background-color: #136283; box-shadow: 0 5px 8px rgba(217,0,0,0.3);}
.pro_boxA li a i{ display: inline-block; width: 11px; height: 11px; margin-left: 18px; border-left: 2px solid #D6D6D6; border-bottom: 2px solid #D6D6D6; transform: rotate(-45deg);}
.pro_boxA li.on a::before{ width: 100%; left: 0;}
.pro_boxA li.on a i{ border-color: #136283;}
.pro_boxB { background-color: #FAFAFA; padding-top: 60px; position: relative; z-index: 100; }
.pro_boxB .box{ display: flex; justify-content: space-between; align-items: center;}
.pro_boxB .selbox{ width: 450px; height: 55px; background-color: #FFF; position: relative; z-index: 2;}
.pro_boxB .selbox p{ height: 55px; line-height: 55px; padding: 0 70px 0 30px; position: relative; overflow: hidden; cursor: pointer;}
.pro_boxB .selbox p::after{ content: ""; display: block; position: absolute; right: 30px; top: 15px; width: 11px; height: 11px; margin-left: 18px; border-left: 2px solid #D6D6D6; border-bottom: 2px solid #D6D6D6; transform: rotate(-45deg);}
.pro_boxB .selbox ul{ display:none; position: absolute; left: 0; top: 55px; width: 100%; border-top: 1px dashed #F5F5F5; background-color: #FFF;}
.pro_boxB .selbox ul li{ padding: 5px 30px; border-bottom: 1px dashed #F5F5F5; cursor: pointer;}
.pro_boxB .selbox ul li a{ display:block;}
.pro_boxB .selbox ul li:hover { background-color: #F5F5F5; }
.pro_boxB .shbox{ width: calc(100% - 650px); height: 55px; background-color: #FFF;}
.pro_boxB .shbox form { width:100%; height:100%;}
.pro_boxB .shbox .txt { float: left; display: block; width: calc(100% - 118px); padding: 15px 30px; line-height: 25px; font-size: 14px; color: #666; background: none; border: 0; outline: none; }
.pro_boxB .shbox .btn{ float: left; display: block; width: 58px; height: 100%; background: #136283 url(../images/products_03.png) center center no-repeat; background-size: 35% auto; border: 0; outline: none; cursor: pointer;}
.pro_boxB .num{ font-weight: bold;}
.pro_boxC { background-color: #FAFAFA; padding-top: 60px; padding-bottom: 80px; position: relative; z-index: 10; }
.pro_list{ overflow: hidden;}
.pro_list li { float: left; width: calc(33.33% - 140px); padding: 40px 50px; background-color: #FFF; margin: 0 60px 60px 0; }
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list li img{ display:block; margin:0 auto;}
.pro_list li .p_tit { text-align:center; font-size: 20px; font-weight: bold; margin-top: 20px; padding-top:50px; border-top: 1px solid #F0F0F0; }
.pro_list li .more{ display: block; margin: 40px auto 0 auto; width: calc(70% - 82px); height: 51px; line-height: 51px; padding: 0 40px; font-size: 16px; border: 1px solid #136283; color: #136283; background: url(../images/news_05.png) right 40px center no-repeat; transition: 0.3s all ease-out;}
.pro_list li .more:hover{ color: #FFF; background-color:#136283; background-image: url(../images/news_05_1.png);}
.pro_boxC .load_more { display: block; margin: 20px auto 0 auto; width: 256px; padding: 18px 0; text-align: center; font-size: 16px; background-color: #136283; 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; }
.pro_more .load { display: none; width: 58px; height: 58px; margin: 0px auto; background: url(../images/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(../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; }
/* products show */
.pros_boxA{ background-color: #F5F5F5; border-top: 5px solid #136283; padding-bottom: 60px;}
.pros_boxA .box_1{ padding-top: 60px; display: flex; justify-content: space-between;}
.pros_boxA .box_1 .lt{ width: 26.5%;}
.pros_boxA .box_1 .lt .mbx{ font-size: 12px; color: #db232d; padding-left: 10px; text-transform:uppercase;}
.pros_boxA .box_1 .lt .mbx a{ display: inline-block; margin: 0 3px; padding: 0 15px; height: 27px; line-height: 27px; color: #fff; position: relative;}
.pros_boxA .box_1 .lt .mbx a::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #136283; transform: skew(-30deg); z-index: 0;}
.pros_boxA .box_1 .lt .mbx a span{ position: relative; z-index: 2;}
.pros_boxA .box_1 .lt .p_tit_1{ font-size: 32px; font-weight: bold; line-height: 1; margin-top: 40px; color: #d90000;}
.pros_boxA .box_1 .lt .p_tit_2{ font-size: 28px; line-height: 1.6; margin-top: 10px;}
.pros_boxA .box_1 .lt .sm_list{ margin-top: 75px; position: relative; overflow: hidden;}
.pros_boxA .box_1 .lt .sm_list li{ width: calc(33.33% - 17px); margin: 0 20px 0 0;}
.pros_boxA .box_1 .lt .sm_list li img{ display: block; width: calc(100% - 2px); border: 1px solid #EDEDED;}
.pros_boxA .box_1 .lt .sm_list li.on img{ width: calc(100% - 4px); border: 2px solid #136283;}
.pros_boxA .box_1 .ct{ width: 38.5%;}
.pros_boxA .box_1 .ct img{ width: calc(100% - 2px); border: 1px solid #EDEDED;}
.pros_boxA .box_1 .ct .swiper_big { position:relative; overflow:hidden;}
.pros_boxA .box_1 .rt { width: 26.4%; }
.pros_boxA .box_1 .rt .tel{ display:block; height: 90px; width: calc(100% - 2px); border: 1px solid #EDEDED; background-color: #FFF; display: flex; align-items: center; transition:0.3s all ease-out;}
.pros_boxA .box_1 .rt .tel>p{ display: inline-block; margin: 0 15px 0 23px; width: 36px; height: 36px; border-radius: 50%; background-color: #136283;}
.pros_boxA .box_1 .rt .tel div{}
.pros_boxA .box_1 .rt .tel div span{ color: #999;}
.pros_boxA .box_1 .rt .tel div p{ font-size: 18px; color: #525252;}
.pros_boxA .box_1 .rt .tel div p a{ color: #525252;}
.pros_boxA .box_1 .rt .tel:hover { transform:translateY(-10px);}
.pros_boxA .box_1 .rt .email { margin-top: 20px; }
.pros_boxA .box_1 .rt .vid{ margin-top: 40px; position: relative;}
.pros_boxA .box_1 .rt .vid .btn{ position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
.pros_boxA .box_1 .rt .vid video { width:100% ;}
.pros_boxA .box_2 { margin-top: 45px; height: 140px; background-color: #FFF; display: flex; justify-content: space-between; }
.pros_boxA .box_2 .lt{ width: 26.5%; height: 100%; display: flex; justify-content: center; align-items: center;}
.pros_boxA .box_2 .lt .num_on{ display: inline-block; font-size: 22px; font-weight: bold; margin-right: 9px;}
.pros_boxA .box_2 .lt .num_max{ display: inline-block; font-size: 22px; font-weight: bold; color: #b2b2b2; margin-left: 9px;}
.pros_boxA .box_2 .lt .num_list { display: inline-block; }
.pros_boxA .box_2 .lt i{ display: inline-block; margin: 0 9px; width: 18px; height: 2px; background-color: #CCCCCC; cursor: pointer;}
.pros_boxA .box_2 .lt .on { background-color:#136283; }
.pros_boxA .box_2 .ct { width: 38.5%; height: 100%; display: flex; justify-content: center; align-items: center; }
.pros_boxA .box_2 .ct p{ display: inline-block; margin: 0 20px; width: 49px; height: 11px; background: url(../images/proshow_11_1.jpg) no-repeat; background-size: 100% auto; cursor: pointer;}
.pros_boxA .box_2 .ct .prev{}
.pros_boxA .box_2 .ct .next{ transform: rotateY(180deg);}
.pros_boxA .box_2 .ct p:hover{ background-image: url(../images/proshow_11_2.jpg);}
.pros_boxA .box_2 .rt{ width: 26.4%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #666;}
.pros_boxA .box_2 .rt i{ margin-left: 17px; width: 127px; height: 1px; background-color: #CCC;}
.pros_boxB{ padding: 40px 0 75px 0; border-bottom: 1px solid #F5F5F5; position: relative;}
.pros_boxB .bkg{ position: absolute; left: 50%; top: 55%; transform: translateX(-50%); z-index: 0; font-size: 90px; font-weight: bold; color: #FAFAFA; text-transform: uppercase; white-space:nowrap;}
.pros_boxB .tit{ display: flex; justify-content: center; position: relative; z-index: 2;}
.pros_boxB .tit .in_p_tit{ font-size: 24px; padding: 30px 0 0 30px;}
.pros_boxB ul{ margin-top: 30px; display: flex; justify-content: center; position: relative; z-index: 2;} 
.pros_boxB ul li{ display: inline-block; margin: 0 10px; padding: 0 15px; font-size: 22px; height: 41px; line-height: 41px; color: #fff; position: relative;}
.pros_boxB ul li::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #136283; transform: skew(-30deg); z-index: 0;}
.pros_boxB ul li span{ position: relative; z-index: 2;}
.pros_boxC{ padding-bottom: 300px; position: relative; background: url(../images/proshow_13.jpg) bottom left no-repeat; background-size: 58% auto;}
.pros_boxC .bkg_num{ position: absolute; left: 0; top: 70px; line-height: 0.8; font-size: 330px; font-weight: bold; color: #EFEFEE; writing-mode: sideways-lr;}
.pros_boxC .box{ padding-top: 190px; display: flex; justify-content: space-between;}
.pros_boxC .box .lt{ padding-left: 11.4%;}
.pros_boxC .box .lt .in_p_tit{ font-size: 24px; padding: 30px 0 0 30px; position: relative;}
.pros_boxC .box .lt .in_p_tit::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #136283; position: absolute; left: 0; bottom: -20px;}
.pros_boxC .box .rt{ width: 67.6%; padding-top: 30px; font-size: 16px; line-height: 1.9; color: #171717;}
.pros_boxD{ margin-top: -50px; padding-bottom: 175px; position: relative; background: url(../images/proshow_14.jpg) bottom right no-repeat; background-size: 79% auto;}
.pros_boxD .bkg_num{ position: absolute; right: 0; top: -110px; line-height: 0.7; font-size: 330px; font-weight: bold; color: #EFEFEE; writing-mode: sideways-lr;}
.pros_boxD .tit{ padding-right: 13.5%; display: flex; justify-content: flex-end;}
.pros_boxD .tit .in_p_tit{ font-size: 24px; padding: 30px 0 0 30px; position: relative; z-index: 2;}
.pros_boxD .tit .in_p_tit::after{ content: ""; display: block; width: 100%; height: 1px; background-color: #136283; position: absolute; left: 0; bottom: -20px;}
.pros_boxD .cont{ margin-top: 90px; position: relative; z-index: 2;}
.pros_boxE{ margin-top: 80px; padding-bottom: 180px; position: relative; background: url(../images/proshow_15.jpg) bottom center no-repeat; background-size: 100% auto;}
.pros_boxE .bkg_num{ position: absolute; left: 0; top: -50px; line-height: 0.8; font-size: 330px; font-weight: bold; color: #EFEFEE; writing-mode: sideways-lr; z-index:0;}
.pros_boxE .box .box_1 { overflow:hidden; position: relative; z-index:10;}
.pros_boxE .box .box_1 .in_p_tit { float:left; margin-left: 11.4%; font-size: 24px; padding: 30px 0 0 30px; position: relative; }
.pros_boxE .box .box_1 .in_p_tit::after { content: ""; display: block; width: 100%; height: 1px; background-color: #136283; position: absolute; left: 0; bottom: -20px; }
.pros_boxE .box .box_1 .btnbox { float:right; }
.pros_boxE .box .box_1 .btnbox div { display:inline-block; width: 76px; height: 76px; border-radius: 50%; background: url(../images/about_22_1.png) center center no-repeat; background-size: 30% 30%; border: 1px solid #B2B2B2; cursor: pointer; }
.pros_boxE .box .box_1 .btnbox .prev { transform: rotate(-90deg) rotateY(180deg); margin-right:20px; }
.pros_boxE .box .box_1 .btnbox .next { transform: rotate(90deg); }
.pros_boxE .box .box_1 .btnbox div:hover { background-color: #136283; border-color: #136283; background-image: url(../images/about_22_2.png); }
.pros_boxE .box .box_2 { margin-top:60px;}
.pros_boxE .box .box_2 ul { }
.pros_boxE .box .box_2 li { width: calc(50% - 42px); border: 1px solid #F1F0EF; margin-right:80px; background-color: #FFF; display: flex; justify-content:space-between; align-items: center; }
.pros_boxE .box .box_2 li .imgs { width: 52%; text-align: center; }
.pros_boxE .box .box_2 li .info { width: calc(48% - 80px); padding: 40px; background-color: #F1F0EF; }
.pros_boxE .box .box_2 li .info .p_type { font-size: 32px; line-height: 1; font-weight: bold; color: #136283; }
.pros_boxE .box .box_2 li .info .p_tit { font-size: 20px; font-weight: bold; line-height: 26px; height: 52px; margin-top: 10px; }
.pros_boxE .box .box_2 li .info .cont { margin-top: 30px; height: 24px; line-height: 24px; height: 72px; overflow: hidden; color: #666 }
.pros_boxE .box .box_2 li .info .more { display: block; margin-top: 50px; width: calc(100% - 82px); height: 51px; line-height: 51px; padding: 0 40px; font-size: 16px; border: 1px solid #136283; color: #136283; background: url(../images/news_05.png) right 40px center no-repeat; transition: 0.3s all ease-out; }
.pros_boxE .box .box_2 li .info .more:hover { color: #FFF; background-color: #136283; background-image: url(../images/news_05_1.png); }
.pros_boxE .swiper_pro{ position: relative; overflow: hidden;}
.pros_btn_1 { position:fixed; right:30px; bottom:30px; z-index:100;}
.pros_boxF { padding-top:80px; padding-bottom:40px; }
.pros_boxF .p_1 { color: #FAFAFA; font-weight: bold; font-size: 148px; line-height: 1; }
.pros_boxF .box { position: relative; }
.pros_boxF .box li { display: inline-block; width: calc(25% - 30px); margin-right: 40px; }
.pros_boxF .box .btn { display:none; position: absolute; top: calc(50% - 29px); width: 58px; height: 58px; border-radius: 50%; background: url(../images/about_22_1.png) center center no-repeat; background-size: 30% 30%; border: 1px solid #B2B2B2; cursor: pointer; z-index:100; }
.pros_boxF .box .prev { left: -29px; transform: rotate(-90deg) rotateY(180deg); margin-right: 20px; }
.pros_boxF .box .next { right:-29px; transform: rotate(90deg); }
.pros_boxF .box .btn:hover { background-color: #136283; border-color: #136283; background-image: url(../images/about_22_2.png); }
.pros_boxF .swiper_sample { position: relative; overflow: hidden; }
/* contact */
.cont_hx { position: fixed; left: 0; top: 135px; width: 100%; height: 5px; background-color: #136283; z-index: 1001; transition: 0.3s all ease-out; }
.cont_hx_scro { top:101px;}
.cont_boxA { overflow: hidden; margin-top:5px; }
.cont_boxA .map{ width: 39%; position: fixed; left: 0; top: 140px; z-index: 0; transition:0.3s all ease-out;}
.cont_boxA .map_scro { top: 106px; }
.cont_boxA .map .map_1 { display: none; }
.cont_boxA .box{ width: 51.6%; padding: 75px 4.7% 100px 4.7%; float: right; background-color: #FAFAFA; position: relative; z-index: 2;}
.cont_boxA .box .tab{ border-bottom: 1px solid #E6E9EB; padding-bottom: 35px; font-size: 28px; color: #999; text-transform: uppercase;}
.cont_boxA .box .tab span{ display: inline-block; margin-right: 30px; cursor:pointer;}
.cont_boxA .box .tab .on{ color: #136283;}
.cont_boxA .box .cont{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #E6E9EB;}
.cont_boxA .box .cont .info{ float: left; width: 67%;}
.cont_boxA .box .cont .info .p_1{ color: #999; text-transform: uppercase;}
.cont_boxA .box .cont .info .p_2{ font-size: 18px; line-height: 1.4; color: #525252; word-break:break-all; }
.cont_boxA .box .cont .info .p_2 a{ color: #525252;}
.cont_boxA .box .cont .info .p_2 a:hover{ color: #136283;}
.cont_boxA .box .cont .info .info_1{ padding-top: 15px; display: flex; justify-content: space-between;}
.cont_boxA .box .cont .ewm{ float: right; width: 15%;}
.cont_boxA .box .msg_tit{ clear: both; display: inline-block; padding: 40px 0 30px 0; border-bottom: 4px solid #136283; font-size: 24px; color: #000;}
.cont_boxA .box .msg_box{ margin-top: 40px; padding: 40px; background-color: #FFF;}
.cont_boxA .box .msg_box .item_1{ float: left; border-left: 3px solid #136283; width: calc(50% - 40px); padding-left: 17px; margin:0 40px 40px 0;}
.cont_boxA .box .msg_box .item_1:nth-child(2n){ margin-right: 0;}
.cont_boxA .box .msg_box .p_11{ line-height: 1; color: #666;}
.cont_boxA .box .msg_box .txt{ margin-top: 15px; width: calc(100% - 40px); padding: 6px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background-color: #F2F5F7; border: 0; outline: none;}
.cont_boxA .box .msg_box .on{ border-left-color: #DB232D;}
.cont_boxA .box .msg_box .item_2{ clear: both; border-left: 3px solid #136283; width: calc(100% - 20px); padding-left: 17px; margin:0 0 40px 0;}
.cont_boxA .box .msg_box .selbox{ margin-top: 15px; height: 38px; background-color: #F2F5F7; position: relative;}
.cont_boxA .box .msg_box .selbox p{ height: 38px; line-height: 38px; padding: 0 20px; position: relative; cursor: pointer;}
.cont_boxA .box .msg_box .selbox p::after{ content: ""; display: block; position: absolute; right: 20px; top: 12px; width: 9px; height: 9px; border-left: 2px solid #B3B3B3; border-bottom: 2px solid #B3B3B3; transform: rotate(-45deg);}
.cont_boxA .box .msg_box .selbox ul{ display: none; position: absolute; left: 0; top: 38px; width: 100%; border-top: 1px dashed #ddd; background-color: #F2F5F7;}
.cont_boxA .box .msg_box .selbox ul li{ padding: 5px 20px; border-bottom: 1px dashed #ddd; cursor: pointer;}
.cont_boxA .box .msg_box .selbox ul li:hover{ background-color: #EFC7C9;}
.cont_boxA .box .msg_box .area{ margin-top: 15px; height: 120px; width: calc(100% - 40px); line-height: 20px; padding: 15px 20px; font-size: 14px; background-color: #F2F5F7; border: 0; outline: none;}
.cont_boxA .box .msg_box .btn{ width: 43%; height: 50px; line-height: 50px; font-size: 14px; text-align: center; background-color: #136283; color: #FFF; border: 0; cursor:pointer;}
/*  */
.job_boxA { overflow: hidden; background-color: #FAFAFA; padding-top: 60px; padding-bottom: 70px; }
.in_top_flex { position: fixed; height: 100px; background-color: #FAFAFA; transition: 0.3s all ease-out; border-bottom: 1px solid #CCC; }
.in_top_flex .box { padding-top: 15px; }
.in_top_flex .box .lt .lg img { height: 70px; display: none; }
.in_top_flex .box .lt .lg .hide { display: block; }
.in_top_flex .box .lt .lang { color: #ACACAC; }
.in_top_flex .box .lt .lang a { color: #136283; }
.in_top_flex .box .lt .lang::after { background-color: #FFF; }
.in_top_flex .box .lt .ft { color: #333; bottom: -30px; }
.in_top_flex .box .rt { height: 45px; margin-top: 8px; }
.in_top_flex .box .ct { background-color: #FFF; height: 60px; }
.in_top_flex .box .ct .shbox .btn { background-image: url(../images/index_02_2.png); }
.in_top_flex .box .ct .shbox .txt { color: #333; }
.in_top_flex .box .ct .fxbkg { background-color: #136283; height: 45px; top: 8px; }
.in_top_flex .box .ct .fxbox { padding-top: 7px; }
.in_top_flex .box .ct .fxbox a { display: none; }
.in_top_flex .box .ct .fxbox .hide { display: inline-block; }
.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;}
/*分页list*/
.fylist{ text-align:center; margin:20px 0px;}
.fylist .page-on{ background-color:#e4392a; color:#FFF}
.fylist a{ width:41px; height:41px; line-height:41px; background-color:#edecec; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:18px; display:inline-block;border-radius:3px; text-align:center;margin:0 4px;}
.fylist2 .page-on{ background-color:#136283 !important;border-color: #136283 !important;}
.fylist2 a{ background-color:#fff; border-radius:0px; margin:0px;border: 1px solid #DDD;  border-right: none;}
.fylist2 a:last-child{border-right: 1px solid #DDD;}
/*在线留言*/
#form1 td{ font-size:14px;}
#ly_name,#ly_tel,#ly_QQ,#email,#ly_title,#ly_content{ width:600px; border:#CCC solid 1px; line-height:30px; margin:8px;padding: 6px 12px;border-radius: 4px;}
#CodeStr{ width:400px; border:#CCC solid 1px; line-height:30px; margin:8px;padding: 6px 12px;border-radius: 4px;}
.message-btn{height:33px; color:#FFF; width:500px;cursor:pointer; font-size:14px; font-weight:bold; border-width:0px; margin-top:20px; background-color:#4c5660;padding: 6px 12px;border-radius: 4px;}