@charset "utf-8";



body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}

fieldset,img{border:0;}

img{vertical-align:middle;max-width:100%;}

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

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}

.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}

.clearfix{zoom:1;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}

a{color:#666;text-decoration:none;transition:all ease 0.3s;}

a:hover{color:#076598;}

html,body{position:relative;height: 100%;}



/* CSS????????????????????? */

.fl{float:left;}

.fr{float:right;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.mb15{margin-bottom:15px;}

.mb20{margin-bottom:20px;}

.container{position:relative;min-width:320px;width:100%;max-width:1300px;margin:0 auto;}

.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}

.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}

.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}

.mb40{margin-bottom:40px;}

.font14{font-size:.875em;}

.gray{background:#efefef;}



@font-face {

  font-family: 'iconfont';  /* Project id 2288898 */

  src: url('img/font_2288898_y8grcw9mxb.eot?t=1637048432956'); /* IE9 */

  src: url('img/font_2288898_y8grcw9mxb.eot?t=1637048432956#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('img/font_2288898_y8grcw9mxb.woff2?t=1637048432956') format('woff2'),

  url('img/font_2288898_y8grcw9mxb.woff?t=1637048432956') format('woff'),

  url('img/font_2288898_y8grcw9mxb.ttf?t=1637048432956') format('truetype'),

  url('img/font_2288898_y8grcw9mxb.svg?t=1637048432956#iconfont') format('svg');

}



.iconfont {

  font-family:"iconfont" !important;

  font-style:normal;

  font-size: 1rem;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

  position:relative;

}



/* ?????? */

.topBar{height:50px;background:#046091;color:#fff;line-height:50px;overflow:hidden;font-size:14px;}

.topBar p{ }

.topBar li{float:left;margin-left:40px;}

.topBar .t2{background: url('img/cat.png') no-repeat left center;padding-left:30px;}

.topBar li a{color:#787878;}

.topBar li a:hover{text-decoration: underline;}



/* ?????? */

.header{width:100%;z-index:99;left:0;top:0;height:110px;line-height:110px;background:#fff;font-size:1.125em;position: relative;z-index:10;}

.header .container{position: static;}

.nav {width:60%;display:flex;justify-content:space-between;height:110px;}

.nav .m{float:left;text-align:center;}

.nav .m>a{color:#191919;display:inline-block;position:relative;}

.nav .m>a::after{content:"";position: absolute;left:0;bottom:0px;width:100%;height:2px;background:#076598;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;}

.nav .cur>a,.nav .m>a:hover,.nav .on a{color:#076598;}

.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}

.nav .navSub{position:absolute; top:0;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transition:top 0.4s,opacity .4s;opacity:0;text-align:center;transform: scale(0);margin-left:-40px;overflow:hidden;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#df701e;color:#fff;}

.nav .sub{line-height:26px;position:absolute;z-index:90;top:100%;left:0;display:none;padding:30px 28%;width:100%;z-index:2;font-size:14px;}

.nav .sub::after{content:"";position: absolute;left:-50%;width:100%;height:100%;background:#F5F5F5;top:0;z-index:-1;border-bottom: 1px solid #ddd;}

.nav .sub .list{width:45%;padding-right:5%;}

.nav .sub .list li{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.nav .sub .list a{display: block; font-size:.950em;position:relative;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#333;background:url('img/ly_li.png') no-repeat left;margin-left:2%;}

.nav .sub .list a:hover{color:#076598;}

.nav .sub .list a:before{position:absolute;bottom:1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#076598;}

.nav .sub .list a:hover:before{width:100%;}

.nav .m6 .sub .list li{width:50%;float:left;}

.nav .sub .pic{width:55%;overflow:hidden;text-align:left;color:#333;font-size:14px;border-left: 1px solid #ddd;padding-left:5%;}

.nav .sub .pic .bgImg{max-width:420px;height:200px;margin-bottom:15px;}

.nav .sub .pic p{max-width:400px;font-size:14px; line-height:22px;}

.nav .sub .pic p{max-width:400px;font-size:14px; line-height:22px;}

.nav .m6 .sub .list{width:55%;}

.nav .m6 .sub .pic{width:45%;}

.nav .subPro{text-align:left;padding:30px 15% 30px 28%;}

.nav .subPro dl{float: left;width:33.3%;}

.nav .subPro dt{font-size:1.225em;margin-bottom:15px;font-weight: bold;}

.nav .subPro dt a{color:#191919;}

.nav .subPro dd a{color:#666;}

.nav .subPro a:hover{color:#076598 !important;}

.nav .m:hover .navSub{top:100%;opacity:1;transform: scale(1);}

.headFix{position:fixed;height:80px;line-height:80px;box-shadow:0 3px 6px #eee;font-size:1em;z-index:999999999;}

.headFix .nav{height:80px;}

.headFix .logo img{height:73px;}





/*  ???????????? */

.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}

.navTrigger span{display:block;height:2px;background:#076598;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}

.navTrigger span:nth-child(3){margin-bottom:0;}

.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}

.navTrigger-on span:nth-child(2){opacity:0;}

.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

.wapTel,.wapLang{font-family:"iconfont";position: absolute;color:#076598;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

.wapLang{right:100px;}



/* ??????????????? */

.banner{position:relative;overflow:hidden;}

.banner img{width:100%;}

.banner .small{display:none;}

.swiper-wrapper{transition-timing-function: ease-in-out;}

.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}

.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;opacity:0;}

.banner .swiper-pagination-bullet-active{border-color: #fff;}

.banner .swiper-pagination-bullet-active::after{background:#fff;opacity:1;}


.banner .bbg{width:100%;position:absolute;background:rgba(0,0, 0,.3);bottom:0;height:130px;z-index:99999;text-align:center;}
.banner .bbg li{display:inline-block;vertical-align:middle;transition: all 1s;width:300px;height:50px;margin-top:40px;line-height:50px;color:#fff;margin-right:30px;margin-left:30px;padding-left:60px;text-align:left;font-size:30px; }
.banner .bbg li:nth-child(1){background:url(img/fa_telicon.png) left top no-repeat;}
.banner .bbg li:nth-child(2){background:url(img/fa_telicon2.png) left top no-repeat;}
 

/* ?????? */

.yyly{background:#f5f5f5;}
.yyly .title{padding:20px 0 12px 0;font-size:16px;text-align:center;color:#878787;line-height:1.4;}
.yyly .title p{display:block;width:26px;height:8px;background:#046091; margin:0 auto 30px auto;}
.yyly .title span{display:block;font-size:30px;font-weight:400;background: url('img/arr_b.png') no-repeat center bottom;padding-bottom:15px;color:#000;}

.yyly  ul{width:100%;background:#F00; }
.yyly  ul li{width:32%;min-height:345px;background:#fff;margin-bottom:2%;float:left;box-shadow:0 2px 8px #e5e5e5;overflow:hidden; position:relative;}
.yyly  ul li:nth-child(2),.yyly  ul li:nth-child(5),.yyly  ul li:nth-child(8){margin:0 2%;}
.yyly  ul li a .fa_info{width:100%;height:345px; display:block; position:absolute;top:0;left:0; z-index:1;}
.yyly  ul li a .fa_info .fa_icon{width:100%;height:100px;text-align:center;margin-top:50px;}
.yyly  ul li a .fa_info .fa_icon img{width:100px;height:100px;margin:0  auto;border:none;}
.yyly  ul li a .fa_info h3{width:70%;height:80px;line-height:80px;text-align:center;font-size:24px;color:#000;margin:0 15%;}
.yyly  ul li a .fa_info p{width:70%;margin:0 15%;text-align:left;font-size:16px;color:#787878;line-height:25px;}
.yyly  ul li a .fa_cnt{width:100%;height:345px; display:none;transition:all 1s;position:absolute;top:0;left:0;background:#046091;z-index:1;opacity:0;text-align:center;}
.yyly  ul li a:hover .fa_cnt{display:block;opacity:1;}
.yyly  ul li a .fa_cnt article{width:70%;margin:90px 15% 0 15%;line-height:30px;height:90px;color:#fff;font-size:16px;text-align:left;}
.yyly  ul li a .fa_cnt .fa_link{width:145px;height:40px;border-radius:20px;background:#fff;margin:50px auto 0 auto;line-height:40px;text-align:center;color:#046091;}

.product{background:#fff;font-size:1em;}
 


.proMenu{width:18.5%;background:#046091;border-radius:10px 0 0 10px;padding:10px;}

.proMenu .title{padding:20px 0 12px 0;font-size:1.5em;text-align:center;color:#fff;line-height:1.4;}

.proMenu .title span{display:block;font-size:1.667em;font-weight:700;background: url('img/arr_b.png') no-repeat center bottom;padding-bottom:15px;}

.proMenu>ul{background:#fff;border-radius:5px;overflow: hidden;} 

.proMenu>ul>li{border-bottom: 1px solid #e5edff;}

.proMenu>ul>li>a{height:60px;line-height:60px;padding:0 10%; display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#111;position:relative;font-size: 18px;}

.proMenu>ul>li>a::after{content:"";position: absolute;right:10%;background:url('img/arr_r.png') no-repeat;width:5px;height:9px;top:50%;margin-top:-5px;transition:all .3s;}

.proMenu>ul>li:last-child{border:none;}

.proMenu>ul>li>a:hover,.proMenu .on>a{color:#111;background:#99b7fc;}

.proMenu>ul>li>a:hover::after,.proMenu .on>a::after{transform: rotate(90deg);}

.proMenu .proSub{font-size:.875em;height:460px;overflow-y:auto;}

.proMenu .proSub li{padding-left:15%;}

.proMenu .proSub a{line-height:45px;height:45px;}

.proMenu .proSub a:hover{color:#046091;}

.proMain{width:79%;overflow:hidden;}

.proMain ul{margin-right:-20px;}

.proMain li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;}

.proMain li a{display: block;background:#fff;height:390px;position:relative;padding-top:60px;}

.proMain li .pic{height:320px;line-height:320px;display:block;overflow:hidden;text-align:center;}

.proMain li .pic img{transition:all .5s;height:100%;}

.proMain li p{position: absolute;left:30px;top:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1.5em;color:#111;transition:all .5s;}

.proMain li p span{display:block;color:#046091;font-size:0.667em;margin-top:5px;}

.proMain .big{width:50%;}

.proMain .big .pic img{width:auto;height:100%;}

.proMain li a:hover p{left:45px;}

.proMain li a:hover img{transform: scale(1.1);}

.proMain li a:hover{box-shadow:0 2px 8px #e5e5e5;}



.proSlide{overflow:hidden;text-align:center;}

.proSlide li{float:left;width:25%;}

.proSlide li a{display: block;}

.proSlide li .pImg{padding-top:68%;background:#fff;}

.proSlide li p{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.proSlide li a:hover img{transform: scale(1.1);}

.proSlide .btn,.caseSlide .btn{font-size:0;top:60%;background-size:100%;width:22px;opacity:.6;left:-50px;pointer-events:initial;cursor:pointer;}

.proSlide .swiper-button-next,.caseSlide .swiper-button-next{left:auto;right:-50px;}

.proSlide .btn:hover,.caseSlide .btn:hover{opacity:1;}



/* ?????? */

.odds{overflow:visible;}

.odds .title{padding:20px 0 12px 0;font-size:16px;text-align:center;color:#878787;line-height:1.4;}
.odds .title p{display:block;width:26px;height:8px;background:#046091; margin:0 auto 30px auto;}
.odds .title span{display:block;font-size:30px;font-weight:400;background: url('img/arr_b.png') no-repeat center bottom;padding-bottom:15px;color:#000;}

.hTitle{font-size:2.75rem;margin-bottom:50px;color:#046091;text-align:center;text-transform: uppercase;line-height:1;font-weight:700;z-index:2;position:relative;}

.hTitle span{color:#000;font-family:Arial;font-size:1.364em;position: absolute;left:0;z-index:-1;width:100%;text-align:center;top:-5px;opacity:.1;}

.hTitle2 span,.hTitleW span{color:#fff;opacity:.3;}

.hTitleW{color:#fff;}

.hTitleW span{opacity:.15;}

.oddsMenu{max-width:1020px;margin:20px auto;overflow:hidden;}

.oddsMenu li{float:left;width:48%;margin:0 1%;background:#eaeaea;height:60px;line-height:60px;color:#111;position:relative;font-size:16px;overflow:hidden;cursor:pointer;transition:all .5s;text-align:center;}

.oddsMenu li i{position: absolute;font-family:"iconfont";font-style:normal;right:-10px;top:15px;opacity:.1;font-size:5.5rem;transition:all .3s;}

.oddsMenu li.on{background:#046091;color:#fff;}

.oddsMenu li.on i{opacity:.2;color:#fff;}

.oddsMain{background:#fff;padding:2.5%;box-shadow:0 0 10px #ddd;position: relative;overflow: hidden;}

.oddsMain li{position:relative;overflow:hidden;}

.oddsMain li .pic{display: block;float:left;height:400px;width:50%;overflow:hidden;}

.oddsMain li .bgImg{} 

.oddsMain li .txt{float:right;width:47%;}

.oddsMain li h4{padding-left:140px;font-size:1.714em;color:#191919;margin-bottom:40px;color:#eee;text-transform: uppercase;padding-left:140px;}

.oddsMain li h4 i{float:left;font-size:4.583em;font-style:normal;margin-left:-140px;line-height:1;font-family:Arial;font-weight:700;line-height:1;}

.oddsMain li h4 span{display: block;color:#046091;background: url('img/odds_tie.jpg') no-repeat;height:58px;line-height:58px;padding-left:15px;font-size:1.25em;}

.oddsMain li h5{font-size:1.571em;color:#111;margin-bottom:15px;}

.oddsMain li p{background: url('img/odds_li.png') no-repeat left 2px;padding-left:20px;margin-bottom:10px;max-width:550px; font-size: 16px;}

.oddsMain .more i{display: block;font-family:"iconfont";font-style:normal;margin-bottom:10px;font-size:1.714em;line-height:1;}

.oddsMain .more{background:#ff9a00;color:#fff;position: absolute;right:0;bottom:0;width:170px;height:170px;border-radius:100% 0 0 0;z-index:2;text-align:center;font-size:1.286em;padding-top:60px;padding-left:30px;}

.oddsMain .more:hover{background:#046091;}



/* ???????????? */

.apply{background:url('img/apply_bg.jpg') no-repeat center;background-size:cover;}

.applyMenu{width:34%;background:#fff;overflow:hidden;font-size:1.286em;}

.applyMenu li{float:left;width:50%;text-transform: uppercase;}

.applyMenu li a{display:block;height:100px;padding-top:25px;padding:25px 5% 10px 12%;color:#111;position:relative;z-index:2;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}

.applyMenu li:nth-child(2n) a{border-right:none;}

.applyMenu li a::after{content:"";position: absolute;left:0;bottom:0;height:100%;width:100%;background:#046091 url('img/apply_line.jpg') repeat-x;z-index:-1;transform-origin:right;transform:scale(0,1);transition:transform .5s}

.applyMenu li span{display:block;font-size:12px;opacity:.5;}

.applyMenu .on a{color:#fff;}

.applyMenu .on a::after{transform-origin:left;transform:scale(1,1);}



.applyMain{width:66%;overflow:hidden;text-align:center;}

.applyMain li{height:600px;position:relative;overflow:hidden;text-align:left;}

.applyMain li .bgImg{animation:scale 50s infinite;}

.applyMain li .txt{position: absolute;left:0;bottom:0;width:100%;background:rgba(0,80, 255,.6);color:#fff;padding:20px 5%;}

.applyMain li h4{font-size:1.714em;margin-bottom:15px;}

.applyMain .swiperBtn,.support .btn{display:none;width:45px;height:26px;margin:0 10px;margin-top:30px;background:#fff;color:#006ab1;line-height:26px;font-size:1.286rem;position: static;font-family:"iconfont";text-align:center;transform: rotate(180deg);cursor: pointer;}

.applyMain .swiper-button-next,.supportMain .swiper-button-next{transform: rotate(0);}

.applyMain .swiperBtn:hover,.support .btn:hover{background:#006ab1;color:#fff;}



/* ???????????? */

.case{overflow:hidden;position:relative;background:#f6f6f8;}

.case .title{padding:20px 0 12px 0;font-size:16px;text-align:center;color:#878787;line-height:1.4;}
.case .title p{display:block;width:26px;height:8px;background:#046091;margin:0 auto 30px auto;}
.case .title span{display:block;font-size:30px;font-weight:400;background: url('img/arr_b.png') no-repeat center bottom;padding-bottom:15px;color:#000;}

 

.caseMenu{margin-bottom:25px;text-align:center;overflow:hidden;font-size:1.143em;color:#fff;}

.caseMenu em{font-style:normal;margin:0 30px;opacity:.8;}

.caseMenu a{color:#fff;opacity:.8;}

.caseSlide{padding:10px;}

.caseSlide li{float:left;width:25%;}

.caseSlide li .pImg{padding-top:65%;}

.caseSlide li .txt{padding:20px;box-shadow:0 2px 6px #e5e5e5;}

.caseSlide li h4{font-size:1.286em;color:#111;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.caseSlide li p{margin-bottom:10px;overflow:hidden;color:#777;}

.caseSlide li .m{display:block;color:#046091;}

.caseSlide li i{float:right;font-family:"iconfont";margin-left:15px;font-style:normal;font-size:16px;}

.caseSlide li:hover img{transform: scale(1.1);}

.caseSlide li:hover h4{color:#046091;}

.caseSlide .btn{border-radius:100%;width:48px;height:48px;border:2px solid #046091;font-family:"iconfont";text-align:center;line-height:44px;left:-70px;transform: rotate(180deg);font-size:22px;top:46%;color:#046091;opacity:.4;}

.caseSlide .swiper-button-next{left:auto;right:-70px;transform: rotate(0);}

.caseSlide .btn:hover{opacity:1;}

.case .more{display: block;width:250px;height:50px;line-height:50px;text-align:center;font-size:1.143em;margin:0 auto;margin-top:40px;background:#046091;color:#fff;} 

.case .more:hover{width:320px;color:#fff;}



/* ???????????? */

.honor{background: url('img/honor_bg.jpg') no-repeat center;background-size:cover;position: relative;text-align:center;font-size:1.125em;}

.honorMain li{float:left;width:25%;}

.honorMain li img{width:100%;transition:all .5s;transform: scale(.85);}

.honorMain li p{margin-top:15px;opacity:0;transition:all .5s;}

.honorMain .swiper-slide-active img{transform: scale(1);}

.honorMain .swiper-slide-active p{opacity:1;}

.honorMain .btn{width:50px;height:50px;background:#fff;border-radius:100%;text-align:center;line-height:50px;font-size:24px;color:#046091;font-family:"iconfont";left:-70px;top:52%;transition:all .5s;transform: rotate(180deg);}

.honorMain .swiper-button-next{left:auto;right:-70px;transform: rotate(0);}

.honorMain .btn:hover{background:#046091;color:#fff;}



/* ???????????? */

.about{ background:#fff;}
.about .aboutT{width:100%;height:400px;}
.about .aboutT .l{width:-webkit-calc(100% - 790px); width:-moz-calc(100% - 790px); width:calc(100% - 790px);height:400px;float:left;}
.about .aboutT .l .p1{width:100%;height:40px;line-height:40px;color:#000;text-align:left;float:left;font-size:24px;}
.about .aboutT .l .p2{width:100%;height:50px;line-height:50px;color:#000;text-align:left;float:left;font-size:28px;}
.about .aboutT .l p{width:100%;height:200px;line-height:30px;color:#000;text-align:left;font-size:14px;float:left;margin-top:20px;}
.about .aboutT .l .more{width:120px;height:38px;border:1px solid #000;float:left;line-height:38px;text-align:center;font-size:14px;margin-top:20px;}
.about .aboutT .l .more a{color:#000;}
.about .aboutT .r{width:710px;height:400px;float:right;}
.about .aboutT .r img{width:710px;height:400px;border:none;}

.about .aboutB{width:100%;height:100px;margin-top:50px;}
.about .aboutB ul li{width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px);float:left;height:100px;border-right:1px solid #f5f5f5;padding:0px 40px;text-align:center;background:#046091;transition: all 0.5s;}
.about .aboutB ul li .p1{width:100%;height:70px;line-height:70px;font-size:60px;color:#fff;}
.about .aboutB ul li .p2{width:100%;height:50px;line-height:50px;font-size:30px;color:#fff;}
.about .aboutB ul li p{width:100%;height:100px;line-height:100px;font-size:20px;color:#fff; overflow:hidden;}
.about .aboutB ul li p a{color:#fff;}
.about .aboutB ul li:hover{background:#003450;}
.about .aboutB ul li:hover p a{color:#fff;}

/* ???????????? */

.support{background:url('img/support_bg.jpg') no-repeat center;background-size:cover;}

.supportMain{text-align:center;overflow:hidden;}

.supportMain li{float:left;width:33.3%;text-align:left;}

.supportMain li .pImg{padding-top:70%;}

.supportMain li .txt{background:#fff;padding:30px;height:200px;color:#333;line-height:1.8;position:relative;z-index:2;transition:all .5s;}

.supportMain li h4{font-size:1.714em;color:#046091;font-weight:700;margin-bottom:15px;position: relative;transition:all .5s;}

.supportMain li h4::after{content:"";position: absolute;left:5px;width:1px;height:0;background:#fff;bottom:-30px;transition:all .5s;}

.supportMain li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#046091;transition:all .4s;}

.supportMain li:hover .txt{height:230px;margin-top:-30px;color:#fff;}

.supportMain li:hover .txt::after{height:100%;z-index:-1;}

.supportMain li:hover h4{color:#fff;margin-bottom:40px;}

.supportMain li:hover h4::after{height:26px}





/* ???????????? */
.news{}
.news .title{padding:20px 0 12px 0;font-size:16px;text-align:center;color:#878787;line-height:1.4;}
.news .title p{display:block;width:26px;height:8px;background:#046091;margin:0 auto 30px auto;}
.news .title span{display:block;font-size:30px;font-weight:400;background: url('img/arr_b.png') no-repeat center bottom;padding-bottom:15px;color:#000;}
.newsMenu{margin-bottom:50px;text-align:center;margin-top:-10px;font-size:1.143em;}

.newsMenu a{display:inline-block;border-radius:5px;background:#f5f6f7;width:140px;height:40px;line-height:40px;margin:0 15px;}

.newsMenu .on,.newsMenu a:hover{background:#046091;color:#fff;}

.newsMain{width:100%; }
.newsMain .l{width:615px; float:left;}
.newsMain .l a .img_wap{padding-bottom:70%;width: 100%;position: relative;overflow: hidden;}
.newsMain .l a .img_wap  img{width: 100%;height: 100%; position: absolute;top: 0;left: 0; z-index:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;
}
.newsMain .l a:hover .img_wap  img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);  }

.newsMain .l a .img_wap p{width:100%;height:60px;background:rgba(0,0, 0,.5);bottom:0;left:0;position: absolute; z-index:1;line-height:60px;color:#fff; text-indent:2em;transition: all 1s;}
.newsMain .l a:hover .img_wap p{background:rgba(4,96, 145,1)}
 
.newsMain .r{width:-webkit-calc(100% - 655px); width:-moz-calc(100% - 655px); width:calc(100% - 655px); float:right; }
.newsMain .r ul li a{width:100%;height:130px;float:left; margin-bottom:20px;transition: all 1s;background:#f5f5f5;position:relative;z-index:2;} 
.newsMain .r ul li a::after{content:"";position: absolute;left:0;top:50%;width:100%;height:0;background:#046091;z-index:-1;transition:all .5s;}
.newsMain .r ul li a:hover::after{top:-5%;height:110%;}
.newsMain .r ul li a .time{width:124px;height:130px;float:left;border-right:1px solid #fff;text-align:center;}
.newsMain .r ul li a .time span{font-size:60px;color:#333;height:80px;width:100%;float:left;margin-top:10px;}
.newsMain .r ul li a .time p{font-size:16px;color:#787878;height:25px;width:100%;float:left;}
.newsMain .r ul li a .con1{width:-webkit-calc(100% - 204px); width:-moz-calc(100% - 204px); width:calc(100% - 204px);float:right;margin-right:40px;height:40px;line-height:40px;color:#333;text-align:left; font-size:18px;overflow:hidden;margin-top:30px;}
.newsMain .r ul li a .con2{width:-webkit-calc(100% - 204px); width:-moz-calc(100% - 204px); width:calc(100% - 204px);float:right;margin-right:40px;height:30px;line-height:30px;color:#333;text-align:left; font-size:14px;overflow:hidden;}
.newsMain .r ul li:hover a .time span,.newsMain .r ul li:hover a .time p,.newsMain .r ul li:hover a .con1,.newsMain .r ul li:hover a .con2{color:#fff;}
 



/*?????? */

.footer{background:#046091;font-size:0.75rem;color:#ccc;line-height:2em;overflow:hidden;}

.footMain{padding:45px 0;overflow:hidden;}

 

.footMenu{width:52%;overflow:hidden; color:#fff;text-align:left;}
.footMenu span{font-size:16px;margin-bottom:15px;float:left;width:100%;}
.footMenu p{line-height:30px;font-size:14px;}
 

.footMenu_wap{display:none;overflow:hidden;text-align:center;}

.footWx{width:15%;text-align:center;line-height:1.6;padding:0 3%; border-left:1px solid #fff;}

.footWx span{display:block;text-align:center;margin-top:8px;height:20px;}

.footR{width:26%;margin-right:2%;border-left:1px solid #fff;padding-left:40px;}

.footR h4{color:#fff;font-size:30px;  margin-bottom:25px;font-family:Arial;font-weight:700;background: url('img/yd_icontel.png') no-repeat left 2px;padding-left:70px;height:51px;line-height:51px;}
.footR .txt{color:#fff;}

.footer a{color:#fff;}

.footer a:hover{color:#fff;}

.copyright{padding:20px 0;position:relative;font-size:.75rem;padding-right:120px;}

.copyright::after{content:"";position: absolute;left:0;top:0;width:200%;margin-left:-50%;height:1px;background:#fff;}

.firendlink{padding-top:10px;clear:both;}

.firendlink span{color:#fff;font-size:14px;}

.firendlink a{margin:0 6px;}





/*???????????? */

.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}

.listBanner,.mzsmBanner{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}

.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.625rem;text-transform:uppercase;width:100%;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);  text-align: center; font-weight: bold;}

.listBanner h3 span{display: block;font-size:20px;opacity: 0.8;font-weight:100;}

.breadCrumb{font-size:.875rem;overflow:hidden;background:#f5f5f5;padding:15px 0;border-bottom: 1px solid #ddd;line-height:30px;}

.breadCrumb p span{background: url('img/home_icon.png') no-repeat left center;padding-left:25px;}

.breadCrumb .back{float:right;color:#fff;background:#666;line-height:30px;padding:0 10px;}

.breadCrumb .back:hover{background:#076598;color:#fff;}

.listBox{min-height:300px;}

.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}

.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('img/sBtn.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}

.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}

.proSear .btn:hover{background-color:#111;}

@keyframes leftPic

{

  0%   {opacity:0;padding-top:60px;}

  100% {opacity:1;padding-top:0;}

}

.flink {
  margin-top: 50px;
  width: 100%;
  float:left;
}

.flink .flink_tit {
  width: 100%;
  position: relative;
}

.flink .flink_tit p {
  height: 12px;
  width: 100%;
  background: url(../img/dian.png);
  position: absolute;
  top: 15px;
}

.flink .flink_tit span {
  height: 42px;
  background: #fff;
  color: #1C4587;
  font-size: 14px;
  border: 1px solid #1C4587;
  position: relative;
  z-index: 9;
  display: block;
  width: 115px;
  text-align: center;
  line-height: 42px;
  margin-left: 0px;
}

.flink .flink_list {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
}

.flink .flink_list ul li {
  float: left;
  margin-right: 28px;
  margin-bottom: 8px;
}

.flink .flink_list ul li a {
  font-size: 12px;
  color: #5a5a5a;
}

.flink .flink_list ul li a:hover {
  color: #036aac;
}


.nnpro{width:100%;  }
.nnpro ul{width:100%;margin-top:20px;float:left;}
.nnpro ul li{width:-webkit-calc(32% - 2px); width:-moz-calc(32% - 2px); width:calc(32% - 2px);float:left; border:1px solid #dfdfdf;margin-bottom:20px; margin-left:0.666%;margin-right:0.666%;}
 
.nnpro ul li a .imgwap{width:100%;padding-bottom:65%;position: relative;overflow: hidden;margin-bottom:20px;}
.nnpro ul li a .imgwap img{width: 100%;height: 100%; position: absolute;top: 0;left: 0;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s;
}
.nnpro ul li a:hover .imgwap img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); 
}
.nnpro ul li a p{width:100%;height:30px;line-height:30px;text-align:center;}
 
/*??????????????????*/

.listMenu{text-align:center;font-size:1.125rem;overflow:hidden;display:flex;flex-flow: row wrap;justify-content: center;margin-top:50px;}

.listMenu a{float:left;height:46px;line-height:46px;border-radius:5px;margin:5px 12px;padding:0 20px;background:#f7f7f7;border:1px solid #ddd;border-radius:6px;position: relative;z-index:2;min-width:140px;}

.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#076598;z-index:-1;width:100%;height:0;transition:all .5s;}

.listMenu a:hover,.listMenu .cur{color:#fff;border-color:#076598;}

.listMenu a:hover::after,.listMenu .cur::after{height:100%;}

.aboutMenu{height:70px;line-height:70px;margin-top:-70px;position: relative;z-index:3;font-size:1.125rem;display: flex;justify-content: space-between;}

.aboutMenu a{float:left;color:#fff;position:relative;flex-grow:1;text-align:center;margin:0 1px;background: rgba(255, 255, 255,.3);z-index:2;}

.aboutMenu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#076598;z-index:-1;transition:all .5s;}

.aboutMenu a:hover::after,.aboutMenu a.cur::after{height:100%;}





/* ??????????????? */

.proPage{text-align: center;overflow:hidden;}

.proPage img,.proBan img{/*width:100%;object-fit:none;*/max-width:initial; text-align:center;margin:auto;display: table;}













/* ???????????? */

.proSider{width:22%;font-size:1.143em;float:left;}

.proSider .title{background:#076598;padding:20px 30px;color:#fff;font-size:2em;text-transform: uppercase;}

.proSider .title span{display:block;font-family:Arial;font-size:0.556em;}

.proSider .title i{float:right;color:#076598;display:none;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}

.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}

.proSide_sub{border:1px solid #e4e4e4;border-top:none;margin-bottom:25px;}

.proSide_sub li a{display:block;height:70px;line-height:70px;padding:0 6%;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position: relative;border-top:1px solid #ddd;}

.proSide_sub li i{font-family:"iconfont";margin-right:5px;font-style:normal;font-size:1.286em;position: relative;top:3px;}

.proSide_sub li:last-child a{border-bottom:none;}

.proSide_sub>li>a:after{content:"";position:absolute;left:-1px;top:0;height:0;width:3px;background:#076598;transition:all 0.3s;}

.proSide_sub li a:hover,.proSide_sub li .cur{color:#076598;background:#f5f5f5;}

.proSide_sub li .cur:after,.proSide_sub li a:hover:after{height:100%;}

.proSide_sub li ul{font-size:.889em;border-top: 1px solid #ddd;padding:5px 0;}

.proSide_sub li ul a{background: url('img/ly_li.png') no-repeat 15% center;padding-left:20%;color:#666;height:36px;line-height:36px;font-size:13px;border:none;}

.proSide_sub li ul .cur,.proSide_sub li ul a:hover{background: url('img/ly_li.png') no-repeat 15% center;color:#076598; }



.relaPro{margin-top:25px;}

.relaPro .tie{background: #f8f8f8;padding:20px 5%;border:1px solid #ddd;border-top: 1px solid #076598;margin-bottom:10px;font-size:1.5em;color:#333;}

.relaPro li .pImg{padding-top:64%;border:1px solid #ddd;background:#fff;}

.relaPro li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relaPro li i,.proList li i{float:right;font-style:normal;margin-left:15px;}

.relaPro li:hover img{transform: scale(1.1);}



.proList_r{width:76%;font-size:1.143em;}

.proList {margin-right:-30px;}

.proList li{float:left;width:33.3%;margin-bottom:20px;padding-right:30px;}

.proList li a{display:block;}

.proList li .pImg{transition:all .3s;border:1px solid #d1d1d1;transition:all .4s;}

.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}

.proList li a:hover .pImg{border-color: #076598;}

.proList li a:hover img{transform: scale(1.1);}

.proList li a:hover p{color:#076598;}

.searchList li{width:25%;}





/*  ???????????? */

.proShow_box1{margin-bottom:60px;overflow: hidden;}

.gallery{width:48%;position:relative;}

.galleryBig{position:relative;height:480px;background:#fff;border:1px solid #ddd;}

.galleryBig li{height:480px;line-height:480px;text-align:center;}

.galleryBig p{position: absolute;bottom:-40px;left:0;height:40px;line-height:40px;text-align:center;width:100%;background: rgba(0,0,0,.6);color:#fff;transition:all .5s;z-index:5;}

.galleryBig p i{font-family:"iconfont";font-style:normal;margin-right:15px;}

.galleryBig:hover p{bottom:0;}

.gallery img{max-height:100%; vertical-align: middle;}

.gallerySmall{margin:10px 50px 0 50px;}

.gallerySmall li{cursor:pointer;pointer-events:initial !important;background:#fff;width:20%;height:100px;line-height:100px;text-align:center;}

.gallerySmall li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:1px solid #bdc4ce;}

.gallerySmall .on::after{border:2px solid #076598;}

.gallery .btn{background:#333;width:35px;height:100px;line-height:100px;text-align:center;color:#fff;top:auto;bottom:0;opacity:.6;left:0;}

.gallery .swiper-button-next{right:0px;left:auto;}

.gallery .btn:hover {opacity:1;}



.proShow_R{width:52%;overflow:hidden;height:590px;background:#f4f4f4;padding:3%;}

.proShow_R .title{margin-bottom:20px;color:#333;border-bottom: 1px solid #ddd;font-size:2em;padding-bottom:20px;}

.proShow_R .font{min-height:120px;line-height:2;}

.proShow_R .tel{border-bottom: 1px solid #ddd;padding:20px;margin:20px 0;border-top: 1px solid #ddd;font-size:1.5em;color:#191919;background: url('img/zxtel.png') no-repeat left center;padding-left:40px;}

.proShow_R .tel p{ font-size: 14px; line-height: 20px;}

.proShow_R .btn{margin-top:30px;overflow:hidden;position:relative;}

.proShow_R .btn a{display:block; width:40%;height:50px;line-height:50px;text-align:center;background:#fff;color:#333;margin-bottom:35px;max-width:180px;border-radius:5px;box-shadow:2px 2px 6px #ccc;}

.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}

.proShow_R .btn a:nth-child(2){color:#076598;}

.proShow_R .btn a:hover{background:#076598;color:#fff;}

.proShow_R .wx{position: absolute;right:5%;top:0;width:120px;text-align:center;}

.proShow_R .wx img{width:100%;box-shadow:2px 2px 6px #ccc;}

.proShow_R .wx span{display:block;margin-top:10px;}



.proShow_main{width:100%;border:1px solid #ddd;}

.proShow_main .title,.showTie2{height:80px; background:#fafafa; border-bottom: 1px solid  #ddd;  padding: 0 4%;font-size:1.571em;line-height:80px;color:#076598;}

.proShow_main .title a{float:right;font-size:16px;}

.proShow_main .title a i{font-style:normal;font-family:"iconfont";margin-right:5px;}

.proShow_main .title span,.showTie2 span{position:relative;display:inline-block;}

.proShow_main .title span::after,.showTie2 span::after{content:"";position: absolute;left:0;bottom:0px;height:2px;background:#076598;width:100%;}

.proShow_main .info{padding:4%;border-bottom: 1px solid #ddd;min-height:100px;margin-bottom:20px;}

.proShow_main .tie{margin-bottom:30px;font-size:1.286em;border-left:3px solid #076598;padding-left:20px;line-height:1;color:#333;}





/* ???????????? */

.applyList li{background:#f8f8f8;overflow:hidden;margin-bottom:20px; line-height:26px;}

.applyList li .pic{width:50%;overflow:hidden;display:block;height:430px;}

.applyList li .txt{width:50%;padding:4%;position:relative;}

.applyList li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}

.applyList li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#076598;width:15px;transition:all 0.4s; }

.applyList li h4 a{color:#333;}

.applyList li .txt .info{min-height:130px; font-size: 16px; line-height: 26px;}

.applyList li .more{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#076598;}

.applyList li .more:hover{width:220px;color:#fff;border:none;}

.applyList li:nth-child(2n) .txt{float:left;} 

.applyList li:nth-child(2n) .pic{float:right;}

.applyList li:hover .bgImg{transform: scale(1.05);}

.applyList li h4 a:hover{color:#076598;}



/* ?????????????????? */

.applyPic{padding-top:40px;}

.applySlide{width:55%;overflow:hidden;position:relative;}

.applySlide li{height:520px;}

.caseList.swiper-pagination-bullet{width:12px;height:12px;}

.applySlide .btn{width:35px;height:35px;border-radius:100%;background:#fff;text-align:center;color:#333;line-height:35px;font-family:"??????";font-weight:bold;font-size:20px;transition:all .3s;}

.applySlide .btn:hover{background:#076598;color:#fff;}

.applyFont{width:45%;height:520px;background:#f5f5f5;overflow: hidden;padding:4% 5%;}

.applyFont .title{font-size:2em;color:#076598;margin-bottom:30px;padding-bottom:15px;position: relative;}



.applyCon{background:#f5f5f5;overflow: hidden;}

.applyCon .tie,.relativeS .tie{font-size:2em;color:#333;margin-bottom:30px;}

.relativeS ul{margin-right:-30px;}

.relativeS li{float:left;width:25%;padding-right:30px;text-align:center;}

.relativeS li p{height:60px;line-height:60px;background:#fff;}

.relativeS li .pImg{padding-top:74%;}

.relativeS li a:hover img{transform: scale(1.1);}



/* ???????????? */

.caseList,.faqList,.downList,.listRight{width:76%;overflow: hidden;}

.caseList ul{margin-right:-20px;}

.caseList li{float:left;width:33.3%;padding-right:20px;margin-bottom:40px;}

.caseList li .pImg{padding-top:66%;}

.caseList li .txt{background:#f8f8f8;padding:4% 6%;height:60px;position:relative;z-index:2;}

.caseList li h4{font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:15px;transition:all .4s;}

.caseList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#076598;transition:all .5s;z-index:-1;}

.caseList li .more{width:114px;height:36px;border-radius:3px;line-height:34px;text-align:center;border:1px solid #d5d5d5;display:inline-block;color:#999;font-size:12px;transition:all .4s;}

.caseList li i,.caseList .cMore i{font-style:normal;font-family:"iconfont";margin-left:10px;opacity:.6;}

.caseList li a:hover h4{color:#fff;}

.caseList li a:hover .more{background:#fff;border-color:#fff;color:#076598;}

.caseList li a:hover img{transform: scale(1.1);}

.caseList li a:hover .txt::after{height:100%;}



/* ???????????? */

.caseShow{width:72%;border:1px solid #ddd;}

.caseShow .title{text-align:center;background: url('img/caseShow.jpg') no-repeat center; background-size: cover; font-size:2.571em;color:#076598; text-align: center; padding: 50px 20px; border-bottom: 1px solid #076598}

.picSlide{position:relative;;padding:5%;overflow: hidden;}

.picSlide li{text-align:center;height:100%;position: relative;}

.picSlide-top .pImg{padding-top:56%;}

.picSlide-thumbs{margin-top:10px;}

.picSlide-thumbs li{border-right:1px solid #fff;padding-top:10%;cursor:pointer;width:16.66%;position: relative;}

.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #076598;opacity:.7;transform: scale(0);transition:all .3s;}

.picSlide-thumbs .on::after{transform: scale(1);}

.picSlide .btn{top:45%;background:rgba(0, 0, 0, .7);text-align:center;width:26px;height:50px;line-height:50px;color:#fff;font-size:14px;font-family:Arial;transition:all .3s;left:5%;}

.picSlide .swiper-button-next{right:5%;left:auto;}

.picSlide .btn:hover{background:#076598;}

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

.caseShow_info{padding:4% 5%;}





/* ???????????? */

.listTie{font-size:2.5rem;text-align:center;color:#333;position:relative;margin-bottom:40px;line-height:1.2;font-weight:700;}

.listTie span{display: block;font-size:14px;margin-top:8px;}

.quality{text-align:center;}

.quality li{float:left;width:20%;background: url('img/line2.png');padding:3.5% 2%;height:340px;font-size: 16px;}

.quality li i{display:inline-block;background: url('img/qIcon.png') no-repeat;width:56px;height:50px;transition:all .3s;position: relative;top:0;}

.quality li h5{font-size:2em;color:#191919;margin:20px 0;}

.quality li:nth-child(2) i{background-position: -56px 0;}

.quality li:nth-child(3) i{background-position: -112px 0;}

.quality li:nth-child(4) i{background-position: -166px 0;}

.quality li:nth-child(5) i{background-position: -224px 0;}

.quality li:hover i{top:-10px;}

.quality .btn{position: static;background:#333;width:50px;height:32px;line-height:32px;color:#fff;text-align:center;font-size:16px;margin-top:20px;display:none;}



.supportBox3{background:#ededed;}

.supportBox3 .pic img{width:50%;float:left;border-right: 1px solid #fff;}

.supportBox3 .pic img:nth-child(2){border-right:none;}

.supportBox3 ul{background:#fff;padding:3% 4%;overflow:hidden;}

.supportBox3 li{float: left;width:49%;margin:10px 0;min-height:70px;background: url('img/line2.png');border-top: 1px solid #07599f;color:#191919;font-size:1.143em;padding:1.5% 3%;}

.supportBox3 li:nth-child(2n){float:right;}



.units ul{margin:0 -1%;}

.units li{float:left; width:31.3%;padding:2%;background:#f6f6f6;min-height:280px;margin:0 1% 30px 1%;line-height:1.8;transition:all .5s;font-size:1.1em;}

.units li span{display: block;color:#333;font-size:1.629em;margin-bottom:10px;position: relative;padding-bottom:15px;margin-bottom:15px;}

.units li span::after{content:"";position: absolute;left:0;bottom:0;width:25px;height:2px;background:#07599f;}

.units li:hover{box-shadow:0 0 10px #ccc;}





/* ???????????? */

.newsSlide{overflow:hidden;position:relative;text-align: center;margin-bottom:50px;padding-bottom:0;}

.newsSlide li{text-align: left;background:#e3e3e3;overflow: hidden;}

.newsSlide li .pic{width:45.5%;height:400px;overflow: hidden;display:block;}

.newsSlide li .txt{width:54.5%;padding:5%;}

.newsSlide li h4{font-size: 1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700;}

.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#076598;width:15px;transition:all 0.4s; }

.newsSlide li h4 a{color: #333;}

.newsSlide li h4 a:hover,.newsList li h3 a:hover{color: #076598;}

.newsSlide .slideIcon{position: absolute;bottom:0;right: 0;background:#076598; height: 80px;line-height: 80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align: left;}

.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}

.newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"??????";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}

.newsList{background:#f1f1f1;padding:30px 0;overflow:hidden;font-size:.813rem;}

.newsList ul{margin-right:-15px;}

.newsList li{float:left;padding-right:15px;width:33.3%;margin-bottom:15px;padding-left:15px;}

.newsList li a{background:#fff;padding:6%;display:block;color:#777;}

.newsList li .pImg{padding-top:65%;margin-bottom:15px;}

.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsList li p{height:80px;margin-bottom:15px;margin-top:15px;border-bottom: 1px solid #ddd;padding-bottom:15px;}

.newsList li i{font-style:normal;float:right;font-size:16px;}

.newsList li .date{color:#999;margin-bottom:10px;}

.newsList li a:hover{box-shadow:0 0 10px #ccc;}

.newsList li a:hover img{transform:scale(1.1);}

.newsList li a:hover h3,.newsList li a:hover i{color:#076598;}



/* ???????????? */

.listTie_wap{display:none;}

.faq2{background:url('img/product_bg.jpg') no-repeat center;background-size:cover;}

.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}

.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:260px;background:#fff;}

.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#076598;transition:all .5s;width:0;}

.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:10px;color:#333;}

.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}

.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}

.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}

.faq li .date{color:#999;display:block;}

.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}

.faq li:hover::after{width:100%;}

.faq li:hover{box-shadow:0 0 10px #ccc;}

.faq li:hover h4 {color:#076598;}

.faqList li h4{margin-bottom:20px;}

.faqList li {width:50%;height:auto;}



/* ???????????? */

.picShow_l {width:71.5%;overflow:hidden;}

.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}

.newsShow .txt .date{margin-right:15px;}

.showTie{overflow:hidden;margin-bottom:40px;}

.showTie h2{font-size:2em;color:#333;margin-bottom:25px;}

.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}

.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}

.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}

.showTie .bshare-custom{margin-top:-30px;}

.newsShow .showTie p{font-size:.75rem;color:#999;}

.showCon{overflow:hidden;margin-bottom:40px;}

.showCon .ce img{min-width:60%;}

.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}

.show-synopsis i{display:inline-block;width:15px;background: url('img/a_l.png') no-repeat;height:15px;margin-right:5px;}

.show-synopsis .r{background: url('img/a_r.png') no-repeat;margin-left:5px;margin-right:0;}



.picShow_r{width:26%;overflow:hidden;}

.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}

.picShow_r .title span{display:inline-block;border-bottom: 1px solid #076598;height:40px;}

.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}

.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}

.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}

.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.picShow_r li h4 a{color:#222;}

.picShow_r li h4 a:hover{color:#076598;}

.picShow_r li:hover img{transform: scale(1.1);}

.picShow_r li:last-child{border-bottom:none;}

.rightNews_w li h4{font-size:18px;padding-top:10px;}

.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}

.showPage a{float:left;width:43%;padding:0 20px;}

.showPage a i{font-style:normal;font-family:"??????";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}

.showPage a:nth-child(2){float:right;text-align:right;}

.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}

.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.showPage a:hover{background:#076598;color:#fff;}

.rightNews,.rightContact{background:#f2f2f2;padding:5%;}

.rightNews_w,.rightContact_w{background:#fff;padding:8%;}

.rightContact{margin-top:30px;}

.rightContact h4{background: url('img/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}

.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}

.rightContact p span{margin-left:-80px;float:left;}

.newsRelative{margin-top:40px;}

.newsRelative .tie{font-size:1.714em;color:#191919;margin-bottom:20px;}

.newsRelative li{float: left;width:48%;height:46px;line-height:46px;border-bottom: 1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('img/ly_li.png') no-repeat left center;padding-left:15px;}

.newsRelative li:nth-child(2n){float:right;}

.newsRelative li span{float:right;opacity:.5;margin-left:15px;}



/* ???????????? */

.downList li{background:#ededed;margin-bottom:10px;}

.downList li a{display:block;padding:2.5% 3%;color:#191919;}

.downList li span{float:right;color:#666;position:relative;padding-left:30px;margin-left:25px;}

.downList li span::after{content:"\e624";position:absolute;font-family:"iconfont";left:0;font-size:1.286rem;top:-5px}

.downList li a:hover{background:#076598;color:#fff;}

.downList li a:hover span{color:#fff;}

.downList .more{text-align:center;font-size:18px;}





/* ???????????? */

.profileL{width:24%; float:left;max-width:260px;}

.profileL .tie{font-size:2.125rem;color:#191919;position:relative;padding-bottom:15px;margin-bottom:60px;}

.profileL .tie span{display:block;font-size:1.294em;font-family:'Geometric','Arial';text-transform: uppercase;line-height:1.2;margin-top:15px;}

.profileL .tie span i{display: block;font-size:14px;font-style:normal;text-transform: none;}

.profileL .tie::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:20px;background:#076598;}

.profileL h4{font-size:1.286em;color:#076598;font-weight:bold;margin-bottom:50px;}

.profileL h4 span{display: block;font-size:12px;font-weight:normal;opacity:.5;line-height:1;margin-top:10px;color:#999;}

.zxBtn{display:block;height:50px;line-height:50px;background:#076598;text-align:center;color:#fff;}

.zxBtn:hover{background:#ed9714;color:#fff;}

.zxBtn i{font-family: "iconfont";font-style:normal;margin-right:10px;}

.profileR{line-height:1.8;width:75%;}

.profileR .tie{font-size:2em;color:#076598;margin-bottom:25px;font-weight:bold;}

.setting{padding-top:40px;overflow:hidden;clear: both;}

.setting .pImg{padding-top:70%;}

.setting li{float: left;width:25%;}

.setting li p,.newsL .pic p{position: absolute;left:0;width:100%;text-align:center;background: rgba(0, 0, 0, .7);color:#fff;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;bottom:-40px;height:40px;line-height:40px;transition:all .5s;}

.setting li:hover p{bottom:0;}

.setting li:hover img{transform: scale(1.1);}



.culture li{float:left;width:25%;height:460px;text-align:center;color:#fff;position:relative;}

.culture li .txt{position: absolute;padding:0 10px;bottom:50px;width:100%;transition:all .4s;}

.culture li i{display:inline-block;width:50px;height:50px;margin-bottom:10px;opacity:0;transition:all .4s;}

.culture li h4{font-size:1.625em;font-weight:700;}

.culture li p{margin-top:20px;opacity:1;transition:all .4s;transition-delay:.15s;top:40px;font-size:1.225em;}

.culture li:hover .txt{bottom:80px;}

.culture li:hover i{opacity:1;}

.culture li:hover p{opacity:1;top:0;}



.history{background:#f6f9fe;padding-top:190px;font-size:1em;}

.history{margin-top:-120px;}

.aboutTie_grop p{float:right;width:42%;padding-top:5px;text-align:right;}

.historyMain{margin-bottom:40px;}

.historyMain li{text-align:center;position:relative;padding:90px 0;z-index:2;}

.historyMain li i{font-size:20em;font-style:normal;font-family:Arial;font-weight:700;opacity:.1;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:-1;}

.historyMain li .txt{background:rgba(255,255,255,.8);display:inline-block;padding:30px;text-align:left;min-width:500px;box-shadow:0 3px 10px #eee;}

.historyMain li .info p{margin-bottom:10px;}

.historyMain li .tie{font-size:2em;color:#111;margin-bottom:15px;}



.historyMenu{position:relative;font-size:1.429em;overflow:hidden;color:#333;padding-top:60px;}

.historyMenu:after{content:"";position:absolute;left:-50%;top:68px;width:200%;height:1px;background:#ddd;}

.historyMenu li{float:left;position:relative;text-align:center;width:12.5%;font-family:Arial;cursor:pointer;padding-top:30px; transition:all .3s;}

.historyMenu li:after{content: "";position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:100%;margin-left:-5px;border:2px solid #ccc;background:#f6f9fe;}

.historyMenu li span{position: relative;top:0;transition:all .5s;}

.historyMenu .on:after{background:#0073c1;box-shadow:0 0 0 2px #fff inset;border:2px solid #0073c1;bottom:-3px}

.historyMenu .on{color:#0073c1;font-size:1.8em;}

.historyMenu .on span{top:-100px;}



.team ul{margin-right:-20px;}

.team li{float:left;width:33.3%;padding-right:20px;margin-bottom:70px;}

.team li a{position: relative;display:block;}

.team li .pImg{padding-top:70%;}

.team li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;min-width:300px;text-align:center;background:#fff;height:70px;line-height:70px;margin-top:-35px;position: absolute;left:50%;transform: translate(-50%);color:#0073c1;transition:all .5s;}

.team li a:hover img{transform:scale(1.1);}

.team li a:hover p{background:#076598;color:#fff;}

.partnerList ul{padding-left:1px;padding-top:1px;}

.partnerList li{float:left;width:16.6%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}

.partnerList li .pImg{padding-top:48%;}

.partnerList li p{background:#076598;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}

.partnerList li:hover{z-index:2;border:1px solid #076598;}

.partnerList li:hover p{bottom:0;}

.partnerList li:hover img{top:-20px;}





/* ???????????? */

.picList ul{margin-right:-30px;}

.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;font-size:1.143em;}

.picList li a{display:block;overflow:hidden;}

.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}

.honorList li .pImg{padding-top:138%;}

.honorList li{width:20%;}

.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}

.picList li a:hover img{transform:scale(1.1);}

.picList li a:hover p{color:#076598;}

.galy{background:#f5f5f5;}

.teamList li{width:33.3%;}

.teamList li .pImg{padding-top:68%;}



/* ??????*/

#dituContent{height:480px;}

.contactBox1 ul{display: flex;overflow: hidden;border-radius:10px;padding: 80px 60px;box-shadow: 2px 2px 20px #ddd;justify-content: space-between;}

.contactBox1 li{position: relative;color:#666;font-size:1.429em;padding-left:60px;}

.contactBox1 span{display:block;color:#076598;font-weight:bold;margin-top: 4px;}

.contactBox1 li:before{content:"";font-family:"iconfont"; position: absolute;left:0;top:0;bottom: 0;margin: auto;height: fit-content;color: #076598;font-size: 40px;}

.contactBox1 li:nth-child(1):before{content: "\e603";}

.contactBox1 li:nth-child(2):before{content: "\e6ee";}

.contactBox1 li:nth-child(3):before{content: "\e63a";}



.contactBox2{margin:20px auto 80px auto;overflow:hidden;background:#fff;border-radius:8px;box-shadow: 2px 2px 20px #ddd;}

.feedback{width:50%;background:url('img/feedabck_bg.jpg') no-repeat center;background-size:cover;padding:3%;color:#fff;}

.feedback .title{font-size:1.750em;margin-bottom: 30px;}

.feedback .title span{display:block;font-size:12px;opacity:.8;}



.feedback p{width:49%;float: right;height: 60px;line-height: 60px;position: relative;margin-bottom: 10px;position: relative;border-bottom: 1px solid #fff;font-size:16px;}

.feedback p:nth-child(2n){float:left;}

.feedback p input{width: 100%;height: 100%;color:#fff;}

.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}

.feedback textarea{width: 100%;height: 100%;color:#fff;}

.feedback .code{clear:both;padding-top:40px;}

.feedback .code input{height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}

.feedback .code .c{width: 20%;padding: 0 15px;}

.feedback .code img{padding:19px;background:#fff;}

.feedback .sub {background: #fff;width: 30%;cursor: pointer;transition: all .3s;color: #fff;display:inline-block;height: 50px;line-height: 50px;margin-top:30px;color:#076598;font-size:18px;border-radius:5px;}

.feedback .sub:hover{background:#076598;color:#fff;}

.feedback input::-webkit-input-placeholder,.feedback textarea::-webkit-input-placeholder{color:#fff;}

.feedback input::-moz-placeholder,.feedback textarea::-moz-placeholder{ color:#fff;}

.feedback input:-moz-placeholder,.feedback textarea:-moz-placeholder{  color:#fff;}

.feedback input:-ms-input-placeholder,.feedback textarea:-ms-input-placeholder{ color:#fff;}

.contactInfo{width:50%;padding:3%;line-height:2;overflow:hidden;}

.contactInfo .txt{margin-bottom:30px;min-height:240px;}

.contactInfo .ewm{float: left;width:130px;text-align:center;font-size:14px;position: relative;margin-right:80px;}

.contactInfo .ewm span{display:block;}

.contactInfo .ewm::after{content:"";position: absolute;right:-40px;border-right: 1px dotted #ccc;top:20px;bottom:40px;}

.contactInfo .zx{display:inline-block;margin-top:40px;background:#076598;color:#fff;font-size:14px;height:40px;line-height:40px;border-radius:20px;width:160px;text-align:center;}

.contactInfo .zx:hover{background:#076598;}


.pro_tag {
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    line-height: 40px;
    margin-top: 20px;
}

.pro_tag span {
  font-size: 14px;
  color: #333;
}
.pro_tag a {
  font-size: 11px;
  color: #666;
  padding-right: 15px;
}
.pro_tag a:hover {
  color: #036aac;
}
.showarea {
    padding: 15px 0;
}
.showarea h3 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #036aac;
  border-bottom: 1px solid #e4e4e4;
  display: block;
}
.showarea h3 span {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
}
.showarea .list {
      overflow: hidden;
    margin-top: 20px;
}
.showarea .list a {
    display: block;
    margin-right: 17px;
    font-size: 14px;
    float: left;
    margin-bottom: 12px;
}
.showarea .list a:hover {
  color: #036aac;
}

.proTie{height:100px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:20px;margin-bottom:25px;}
.proTie span{display:inline-block;;height:100px;margin-right:30px;color:#333;cursor:pointer; margin-top: 40px; font-weight: bold; font-size: 22px;}
.proTie .on{border-bottom:1px solid #f8c400;;color:#f8c400}
.relative_pro ul{margin-right:-15px;}
.relative_pro li{float:left;width:33.3%;padding-right:15px;margin-bottom:30px;}
.relative_pro li a{display:block;border:1px solid #ddd;text-align:center;}
.relative_pro li .pImg{padding-top:65%;}
.relative_pro li p{padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center}
.relative_pro li a:hover img,.proTop .pic:hover img{transform: scale(1.1);}
.relative_pro li a:hover{box-shadow:0 0 10px #ddd;}

.relative_news .list{margin-left: -40px;}
.relative_news .list li{ width: calc(50% - 40px);margin: 0px 0 10px 40px;overflow: hidden;float:left;}
.relative_news .list a{display: flex;justify-content: space-between; align-items: center;}
.relative_news .list h4{flex:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    transition: all 0.4s;}
.relative_news .list .time{color:#888888;font-size:12px;}
.relative_news .list li:hover h4{transform:translateX(5px)}