.header{width: 100%; background:none; position: fixed; left:0; top:0; z-index: 99; -webkit-transition:all .5s ease; transition:all .5s ease}
.header.blue{background-color: #113348;}
.header .logo{width:75px; height: 75px; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;}
.header .logo2{width:75px; height: 75px; background:url(../images/logoa.png) no-repeat left center; background-size: 100%; display: block;}
.header .wrapper{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 95px; position: relative; z-index: 5; width:100%; padding:0 3%;}
.header-rt{}
.header-nav{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav li{display: block; margin:0 1.6666vw; position: relative;}
.header-nav li.product-nav{position: static;}
.nav-a{display: block;font-size: 16px; font-weight: bold; color: #fff;line-height: 95px;position: relative; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.nav-a:after{content: '';width: 0%;height: 2px;background: #ae8f42;position: absolute;left: 0;bottom: 30px;transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover{color: #113348; text-decoration:none; transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover:after{width: 100%; transition: all .5s;-webkit-transition: all .5s;}
.nav-a.active{color:#ae8f42}
.header-sub{width: 210px; height: auto; position: absolute; z-index: 99; transform: translateX(-20px); top: 95px; background: rgba(255,255,255,1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15); display: none; text-align: center;}
.header-nav li.product-nav .header-sub{width: 100%; left: 0; transform: translateX(0);}
.header-sub.on{display: block;}
.header-sub{padding:10px 0; text-align: left;}
.header-sub a{display:block; font-size: 14px; padding:7px 0 7px 20px; color: #333; line-height: 20px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub a:hover{background: #113348; color:#fff;}

.mob-btn{width: 26px; overflow: hidden; display: none; cursor: pointer; position:fixed; top:16px; right:3%;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 3px;margin-bottom: 5px;background: #ae8f42;}
.mob-btn2{}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); position: relative; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.header .header-right{position: relative;line-height: 95px;}
.header .header-right .iconfont{font-size:18px; margin-right:8px; color: #ae8f42;}
.header .head-lang-top {display: flex; align-items: center; cursor: pointer; color:#fff; font-size:16px;}
.head-lang-btm {margin-top:-1px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; width: 100px; padding:0; display: none; z-index: 999;}
.head-lang-btm{background: #eee;}
.head-lang-btm a { padding: 8px 10px; line-height: 1.5; display: block; color: #333; text-align: center;}
.head-lang-btm a:hover{background: #113348; color:#fff;}
.head-lang-top.act .head-lang-icon .iconfont {transform: rotate(180deg);}

.header.sticky{ transform: translateY(-95px); -webkit-transform: translateY(-95px); -moz-transform: translateY(-95px); -ms-transform: translateY(-95px); -o-transform: translateY(-95px); }
.header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .15); transition: all .5s; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.header:hover .header-right .iconfont{color: #ae8f42;}
.header.scroll .header-right .iconfont,.header.blue .header-right .iconfont{color: #113348;}
.header.scroll,.header:hover .nav-a,.header.scroll .nav-a,.header.scroll .header-right .head-lang-top,.header:hover .head-lang-top,.header.blue .nav-a,.header.blue .head-lang-top{ color: #333;}
.header.scroll::after,.header:hover::after,.header.blue::after{ background-color: #fff; height: 100%; box-shadow: 6px 6px 15px rgba(0, 94, 158, 0.1);}
.header.scroll .nav-a::after,.header:hover .nav-a::after,.header.blue .nav-a::after{ background-color: #113348;}
.header:hover .nav-a:hover,.header.scroll .nav-a:hover,.header.blue .nav-a:hover{ color:#113348;}
.header:hover .logo,.header.scroll .logo,.header.blue .logo{width:75px; height: 75px; background:url(../images/logo2.png) no-repeat left center; background-size: 100%; display: block;}
.header:hover .logo2,.header.scroll .logo2,.header.blue .logo2{width:75px; height: 75px; background:url(../images/logoa2.png) no-repeat left center; background-size: 100%; display: block;}
.topblank{height: 0;}
.problank{height: 95px;}
.anchor{position: relative; top: -90px; visibility: hidden;}
/**内容**/
.PC_ban{display: block; position: relative;}
.Mob_ban{display: none; position: relative;}
.banner{width: 100%;position: relative;}
.banner .banfont{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); text-align: center; width:65%;}
.banner .banfont h2{font-weight: bold; color:#fff; animation: bannertexttop 1s ease both 400ms;}
.banner .banfont .font24{color:#fff; margin-top: 10px; animation: bannertextdow 1s ease both 800ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(40px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannertextdowbig {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannertexttop {0% {transform: translateY(-40px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes aniWidth {
	0% {width: 0%}
	100% {width: 100%}
}

@media all and (max-width:1100px){
.banner .banfont{width:90%;}
.banner .banfont h2{font-size:18px;}
.banner  .banfont .font24{font-size:16px; margin-top:10px; line-height: 1.6;}
}

.bgblue {background: #f6f7fb;}
.xingdong {display: flex;justify-content: space-between;flex-wrap: wrap;border-radius: 8px;overflow: hidden;background-image: -webkit-linear-gradient( 0deg, #c5af79 43%, #ae8f42 100%);align-items: center;}
.xingdong a{color:#fff;}
.xingdong .xingdong-lt {width: 50%;overflow: hidden; position: relative;}
.xingdong img{display: block; transition: all .5s ease; width: 100%;}
.xingdong a:hover img{transform: scale(1.1);}
.xingdong .xingdong-lt::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.xingdong .xingdong-lt .xingdongfont {position: absolute; bottom: 20px; left: 20px; z-index: 2;}
.xingdong a:hover {text-decoration: underline; font-weight: bold;}

.xingdong .xingdong-lt img {width: 100%;height: auto;}
.xingdong .xingdong-rt {width: 50%;position: relative; color: #fff;padding: 0 4%;}
.xingdong .xingdong-rt h3{margin-bottom: 10px;}
.feedback{width:100%; padding-top:20px;}
.feedback .row-input{margin-top:20px;}
.feedback .row-input input {background: #fff;width: 100%;height:48px;border: none; padding-left: 15px; border-radius: 4px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .row-right{margin-top:30px;}
.feedback .row-right .sitebtn{background: #002d4b;width: 100%;border: none; text-align: center; font-size: 16px; line-height:48px; height:48px; border-radius: 4px; color: #fff;cursor: pointer;}
.feedback .codebox{position: relative; width:100%;}
.feedback .codebox .captcha-img{position: absolute; right: 0; top: 4px; width: 100px; height:40px; display: block;}
.product{overflow: hidden;}
.product ul{display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.product li { border-radius: 8px; overflow: hidden; background-color: #fff;}
.product .pic{overflow:hidden;}
.product .pic img{width:100%; display: block;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.product .pic:hover img{transform: scale(1.1);}
.product .titles {text-align: left; width:100%; padding: 15px 20px 10px;}
.product .fydesc{color:#777; padding: 0 20px 20px}
.product .fydesc em{margin-left:10px; display: inline-block;}
.product .fydesc i{margin-right:5px;}
/* 底部 */
.footer{width: 100%; background-color:#323439; color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 2; position: relative; z-index: 1;}
.footer .foot{padding:50px 0;}
.footer .footlogo{width:420px}
.footer .footlogo img{display: block; width:80px; margin-bottom: 15px;}
.footer .footlogo img + img{margin-left:20px;}
.footer .foot ul{width:calc(100% - 700px)}
.footer .foot li{padding:0;}
.footer h2{margin-bottom: 10px; text-transform: uppercase; position: relative;}
.footer h2::before{position: absolute; left:0; top:50%; width:1px; height: 20px; margin-top: -8px; background-color: #ae8f42; content: '';}
.footer h2 a{color:#fff; font-size:16px; padding-left:10px;}
.footer-copyright{padding:25px 0; border-top:1px solid rgba(255, 255, 255, 0.15)}
.footer a{color: rgba(255, 255, 255, 0.6);}
.footer a:hover{color: rgba(255, 255, 255, 1);}
.footer .por {position: relative;}
.footer .poa {position: absolute;}
.footer .footicon,.footer .icon {display:-webkit-flex; display: -ms-flexbox; display: flex;}
.footer .icon a,.footer .iconwx {width: 36px; height: 36px; line-height: 36px; margin-left: 10px; background:#000; border-radius: 55px; transition: all .5s ease; cursor: pointer;display: flex; justify-content: center; align-items: center;}
.footer .icon a:hover {opacity: 1;}
.footer .icon .iconfont{display: block; font-size:20px;}
.footer .iconwx .wximg {width: 120px; height: 120px; bottom: 45px; left: 0; transform: translate(0, -10px); opacity: 0; visibility: hidden; transition: all .4s;}
.footer .iconwx:hover .wximg {opacity: 1; visibility: visible; transform: translate(0, 0);}
/* 侧边栏 */
.sideNav{position:fixed;right:5px;top:55%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:888;background-color:#f2f2f2; line-height: 1.6;}
.sideNav .stem{display:block;height:auto;width:70px; padding:10px 0; text-align:center;color:#333;cursor:pointer;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.sideNav .stem::after{background-color: #ccc; height:1px; width:100%; position: absolute; left:0; bottom:0; content:''; display: block;}
.sideNav .stem a{color:#fff;}
.sideNav .stem:last-child::after{display: none;}
.sideNav .tel:hover{background-color:#113348;color:#fff}
.sideNav .stem .stem-z5{position: relative; z-index: 10;}
.sideNav .tel:hover .stem .stem-z5{background-color:#113348;}
.sideNav .tel:hover .iconfont{color:#fff;}
.sideNav .tel:hover .telbox{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.telbox{opacity:0; display: flex; align-items: center; -webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:absolute;right:100%;top:0;height:100%;width:150px;padding-left:15px;color:#fff;background-color:#113348; text-align:left; font-size:16px;}
.sideNav .iconfont{display: block; font-size: 20px; color:#113348}
.sideNav .stem.ewm:hover .ewmPic{pointer-events:all;opacity:1}
.ewmPic{position:absolute;right:calc(100% + 10px);bottom:0;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none}
.ewmPic .con{width:110px;height:110px;text-align:center;line-height:110px;background-color:#fff;overflow:hidden;}
.ewmPic .con img{display:inline-block;vertical-align:middle}

.txtcenter{text-align: center;}
.white{color:#fff;}
.indextitle h2{font-weight: bold; line-height: 1.2; margin-bottom: 5px; color:#113348;}
.indextitle .line{width:2.8125vw; background-color: #ae8f42; height:3px; display: block; margin:8px auto 8px;}
.indextitle span{font-size:16px; line-height: 1.8; color:#888;}

.morebtn{display:flex;width:max-content;padding:0 28px 0 33px;height:40px;border:2px solid #fff;border-radius:25px;position:relative;overflow:hidden;text-align:center}
.morebtn:after{content:'';width:0;height:100%;background-color:#113348;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.morebtn:hover{border-color:#113348}
.morebtn:hover:after{width:100%}
.morebtn .iconfont{position: relative; z-index: 2; font-size:18px; margin-left:10px; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.morebtn em{font-size:16px;color:#fff;position:relative;z-index:2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.morebtn.whitebtn{border:1px solid #113348; color:#113348;}
.morebtn.whitebtn em{color:#113348;}
.morebtn:hover.whitebtn em{color:#fff;}
.morebtn:hover.whitebtn .iconfont{color:#fff;}
.morebtn:hover .iconfont{color:#fff;}
.morebtn.newsbtn{border:1px solid #113348;}
.morebtn.newsbtn em{color:#113348;}
.morebtn:hover.newsbtn em{color:#fff;}

.baike p{padding-top:5px;}
.baike-item{width:32.5%;position: relative; overflow: hidden; border-radius: 8px;}
.baike-item::before{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5) 100%); content: ''; width:100%; height:100%; display: block; position:absolute; left:0; bottom:0; z-index: 2;}
.baike-item h2{color:#fff; position:absolute; left:20px; bottom:3%; z-index: 2;}
/* .baike-item .play{width:55px; height: 55px; border-radius: 50px; background-color: rgba(0, 0, 0, .5); position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 2;}
.baike-item .play::after{position: absolute;left:50%; top:50%; margin-left:-6px; margin-top:-8px; z-index: 3; content:''; display: block;border-top: 10px solid transparent; border-left: 14px solid #fff; border-bottom: 10px solid transparent;}
.baike-item:hover img{transform: scale(1.05);} */

.homeabout{background: no-repeat center/cover;}
.homeaboutdesc{padding:30px 0; max-width: 80%; margin: 0px auto; line-height: 1.8;}
.homeservice{padding:30px 0 0;}
.homeservice ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.homeservice li{width:25%; padding:10px 0; text-align: center;}
.homeservice img{display: block; margin:0 auto 15px; width:60px;}
.homeservice .servicetitle{color:#113348;}
.homeservice .servicedesc{padding:10px 40px; line-height: 1.8;}

.hzhb{overflow:hidden; position: relative;}
.hzhb h3{text-align: center; font-size: 14px; padding:10px 0;}
.hzhb .swiper-slide{margin-top:0!important}
.hzhb .swiper-slide img{width:90%; display: block;}
.hzhb .swiper-pagination-bullet{opacity:1;background-color:#ddd;vertical-align:middle;}
.hzhb .swiper-pagination-bullet-active{width:8px;height:8px;background-color:#ea0017;position:relative;}
.hzhb .swiper-pagination-bullet-active:after{content:'';width:16px;height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ea0017;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.homenews-item { width:32.5%; display: block; background-color: #f8f8f8; position: relative;}
.homenews-item .homenewstitle{background-color: #ae8f42; color:#fff; position: absolute; left:0; top:0; padding:8px 20px; z-index: 2; font-size:16px;}
/* .homenews-item+.homenews-item { margin-left: 30px;} */
.news-img { width: 100%; overflow: hidden;}
.homenews-item:hover img {transform: scale3D(1.1, 1.1, 1.1);}
.homenews-item .homenews-box{padding:60px 25px 25px;}
.homenews-item .homenews-box h3{font-weight: bold; line-height: 1.6; min-height: 3.2; overflow: hidden;}
.homenews-item span{color:#888; margin-top: 10px; display: block;}
.homenews-item .homenews-box a{padding:17px 0; display: block;}
.homenews-item .item-box{padding:25px 25px;}
.news-more { font-size: 14px; color: #666; padding-bottom: 30px;}
/*内页*/
.qianblue{ background-color: #ebedf1;}
.nynav {text-align: center; padding:40px 0 0;}
.nynav ul{font-size:0;}
.nynav ul li {display: inline-block;position: relative;margin: 0 10px; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(15, 41, 77, .1); color: #333;transition: all .5s}
.nynav ul li:before {content: "";display: block;position: absolute;width: 100%;z-index: 0;height:0;background: #ae8f42;bottom: 0;left: 0;transition: all .5s}
.nynav ul li.on:before,.nynav ul li:hover:before {height: 100%; z-index: 0;}
.nynav ul li.on,.nynav ul li.on a,.nynav ul li:hover,.nynav ul li a:hover {color: #ae8f42; color:#fff; font-weight: bold;}
.nynav ul li a {display: block; position: relative; z-index: 2; line-height: 40px; padding:0 40px; font-size:16px;}
.aboutcontent{text-align: left; line-height: 2;}
.qywh{}
.qywh li{width:32%; border-radius: 6px; overflow: hidden;}
.qywh .qywhtit{padding:15px 0;}
.qywh .qywhtit i{display: inline-block; width: 60px; height: 2px; background: #ddd; margin-left: 10px; vertical-align: middle;}

.fyitem{padding:0 0 50px;}
.fyitem.nobottom{padding:40px 0 0;}
.fyitem ul{display:grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.fyitem li{ background-color: #fff; transition: all .5s ease; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, .07); overflow: hidden;}
.fyitem .fyimg{overflow: hidden;}
.fyitem .fyimg img{transition: all .5s ease; width: 100%; display: block;}
.fyitem li:hover .fyimg img{transform: scale(1.05);}
.fyitem li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.fyitem .fytext{padding:20px;}
.fyitem .fytext h3{margin-bottom: 10px;}
.fyitem .fytext .fydesc{color:#777;}
.fyitem .fytext .fydesc em{margin-left:10px; display: inline-block;}
.fyitem .fytext .fydesc i{margin-right:5px;}
.fyview{background-color: #fff; border-radius: 10px; overflow: hidden;}
.fyview + .fyview{margin-top: 20px;}
.fyview .fyview-rt{width:39%; padding:30px; box-sizing: border-box;}
.fyview .fyview-rt .fytitle{margin-bottom: 25px; font-weight: bold;}
.fyview .fyview-rt .fytitle-a{color:#777; font-weight: normal; padding:5px 0 0;}
.fyview .fyview-rt .fyviewdesc{ line-height: 2.2; padding:0 0 30px;}
.fyview .fyview-rt .fyviewdesc p{background-size: 18px; padding-left: 30px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(1){background: url(../images/iconcs.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(7){background: url(../images/iconjy.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(2){background: url(../images/iconmj.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(3){background: url(../images/iconlc.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(4){background: url(../images/iconwf.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(5){background: url(../images/iconkt.png) no-repeat left center; background-size: 18px;}
.fyview .fyview-rt .fyviewdesc p:nth-child(6){background: url(../images/iconys.png) no-repeat left center; background-size: 18px;}
.allcases {width:60%; position: relative;}
.allcases .swiper-container {width: 100%;}
.allcases .swiper-container .swiper-wrapper .swiper-slide{cursor: pointer;}
.allcases .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; display: block;}
.allcases .prev,.allcases .next{position: absolute; border-radius: 2px; background: rgba(50,50,50,0.8); top:47%; z-index: 10; display: flex;justify-content: center; align-items: center; width: 50px; height: 50px; line-height: 50px; cursor: pointer; transition: ease all .3s;}
.allcases .prev i,.allcases .next i{font-size: 18px; display: block; color:#fff; padding-left: 5px;}
.allcases .next i{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.allcases .prev {left:1%;}
.allcases .next {right:1%;}
.allcases .prev:hover,.allcases .next:hover{background:#af7b4c;}
.allcases .prev:hover i,.allcases .next:hover i{color: #fff;}

.product-tab {overflow: hidden; padding-left:30px; display: flex; position: relative;}
.product-tab::after {content: ""; display: block; width: 100%; height: 1px; background: #ddd; position: absolute; bottom: 0; left: 0;}
.product-tab a {line-height: 65px; color: #333; display: block; transition: all .5s ease; margin-right:30px; position: relative;}
.product-tab a.cur, .product-tab a:hover {font-weight: bold; color: #113348;}
.product-tab a:after {content: ""; position: absolute; bottom: 0; height: 4px; border-radius: 2px; width: 100%; background: #113348; display:none;}
.product-tab a.cur::after,.product-tab a:hover::after{display: block;}
.productxxcs img{display: block; margin:10px auto;}
.productxxcs {overflow: hidden;padding: 25px 30px; min-height: 200px;}
.productxxcs .deatils-box {display: none; line-height: 1.8;}
.productxxcs .deatils-box strong{color:#113348;}

.location{padding:10px 0 25px; color:#777;}
.location a{display: inline-block; color:#666;}
.location a:hover{color:#113348;}

.teamlist li{padding:30px 0;}
.teamlist li .team-lt{width:227px;}
.teamlist li .team-rt{width:calc(100% - 267px)}
.team-name{color:#333;}
.team-name strong{display: block; margin-bottom: 5px;}
.team-des{padding:15px 0 0; line-height: 2;}

.Contact-team{display: flex;border-radius:20px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);margin-top: -5%; margin-bottom: 80px; background-color: #fff; overflow: hidden; position: relative; z-index: 2;}
.Contact-team-left{width:40%;padding:4% 4%;background-color:#e9edf2;box-sizing: border-box;}
.Contact-team .text{margin-bottom: 40px; color:#222;}
.Contact-team-left .wrap{border-bottom: 1px solid #bbb; padding-bottom: 40px;}
.Contact-team-left .wrap .wrap-item{display: flex; padding-bottom:30px;align-items: center;}
.Contact-team-left .wrap .wrap-item:last-child{padding-bottom:0;}
.Contact-team-left .wrap .wrap-item .icon-1{position: relative;width: 54px;height: 54px; border-radius: 100%;margin-right: 20px;background-color: #2c3368;flex-shrink: 0; display: flex;align-items: center;justify-content: center;}
.Contact-team-left .wrap .wrap-item .icon-1 i{color:#fff; font-size:24px;}

.Contact-team-left .wrap .wrap-item .text-2 .title-1{font-size: 14px;color: #666;}
.Contact-team-left .wrap .wrap-item .text-2 .txt-2{font-size: 16px;color: #000; padding-top: 4px;}
.Contact-team-left .cont{margin-top: 30px;}
.Contact-team-left .cont .text{margin-bottom: 20px;}
/* .Contact-team-left .cont .icon-2{display: flex;}
.Contact-team-left .cont .icon-2 a{position: relative;width: 54px;height: 54px; border-radius: 100%;margin-right:3%;background-color: #2c3368;display: flex;align-items: center;justify-content: center; flex-shrink: 0;}
.Contact-team-left .cont .icon-2 a i{color:#fff; font-size:24px;}
.Contact-team-left .cont .icon-2 a:last-child{margin-right:0;}
.Contact-team-left .cont .icon-2 a:hover{background-color: #ae8f42;} */

.Contact-team-left .por {position: relative;}
.Contact-team-left .poa {position: absolute;}
.Contact-team-left .footicon,.Contact-team-left .icon {display:-webkit-flex; display: -ms-flexbox; display: flex;}
.Contact-team-left .icon a,.Contact-team-left .iconwx {position: relative;width: 54px;height: 54px; border-radius: 100%;margin-right:3%;background-color: #2c3368;display: flex;align-items: center;justify-content: center; flex-shrink: 0;}
.Contact-team-left .footicon a i,.Contact-team-left .footicon i{color:#fff; font-size:24px;}
.Contact-team-left .icon a:hover {opacity: 1;}
.Contact-team-left .icon .iconfont{display: block; font-size:20px;}
.Contact-team-left .iconwx .wximg {width: 120px; height: 120px; bottom: 60px; left: 0; transform: translate(0, -10px); opacity: 0; visibility: hidden; transition: all .4s;}
.Contact-team-left .iconwx:hover .wximg {opacity: 1; visibility: visible; transform: translate(0, 0);}
.Contact-team-left .footicon a:hover{background-color: #ae8f42;}

.Contact-team-right{width:60%;padding: 4%;box-sizing: border-box; overflow: hidden;}
.content-form {overflow: hidden;}
.content-form li{margin:0 0 25px;}
.content-form li .input1 {border: 1px solid #ddd;background: #fafafc; padding: 10px 15px; width:100%; height:60px; font-size: 14px; border-radius: 4px; font-weight: normal; box-sizing: border-box;}
.content-form li:nth-child(1) .input1{width:48.5%}
.content-form li .textarea1 {width:100%; height:130px; font-size: 14px; border: 1px solid #ddd; background: #f5f5f7; padding: 20px 20px; box-sizing: border-box;}
.content-form li .submit {background: #ae8f42; color: #fff; font-size: 14px; width: 100%; height:58px; cursor: pointer; border-radius: 4px;}
.content-form li .submit:hover {background: #ae8f42;}
.content-form li.codebox{position: relative; width:100%;}
.content-form li.codebox .captcha-img{position: absolute; right: 10px; top: 10px; width: 100px; height:40px; display: block;}
/*内页*/
.nybanner{height:clamp(30rem, 31.25vw ,37.5rem); background: no-repeat center center/cover;}
/*新闻*/
.news-list{overflow:hidden}
.news-list .con{padding:40px 0; border-bottom:1px solid #e5e5e5; display:flex; justify-content: space-between; flex-direction: row-reverse;}
.news-list .pic{width:350px;overflow:hidden}
.news-list .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.news-list .inner{width:calc(100% - 420px); overflow:hidden;}
.news-list .inner h3{margin:0 0 15px;font-weight:bold;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.news-list .inner .txt{color:#666;line-height:1.8;max-height:3.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden; margin-bottom: 20px;}
.news-list .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.news-list .con:hover .inner h3{color:#113348}
.newsview{ overflow:hidden; max-width: 1260px; margin: 0px auto;}
.newsview .newshead{padding-bottom:10px;border-bottom:1px solid #ddd; line-height: 1;}
.newsview h1{text-align:center; margin-bottom:15px;}
.newsview .content{padding:25px 0; color:#666; line-height: 1.8;}
.newsview .content img{display:block;margin: 0 auto;}
.newsview .back{margin-top: 40px; text-align: center;}
.newsview .back>a{display: inline-block; font-size: 18px; color: #0086c2;}
.newsview .back>a::before{content: '\e67a'; font-family: 'iconfont'; display: block; font-size: 24px;}
.newsview .back>a:hover{color: #113348;}

/*FAQ*/
.problem {overflow: hidden;}
.problem ul {border-top: 1px solid #EBEBEB;}
.problem ul li h3 { border-bottom: 1px solid #EBEBEB; position: relative; font-weight: bold; padding: 18px 40px 18px 20px; cursor: pointer;}
.problem ul li h3:after { position: absolute; content: ""; display: block; width: 12px; height: 12px; top: 50%; right: 20px; margin-top: -7px; border-left: 2px solid #BFBFBF; border-top: 2px solid #BFBFBF; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transition: all 0.5s ease;}
.problemcoment { background: #fff; color:#666; line-height: 2; display: none; padding:0 40px 15px 20px; border-bottom: 1px solid #EBEBEB;}
.problem ul li.cur h3 { color: #113348; border-bottom: 0px solid #EBEBEB;}
.problem ul li.cur h3:after { border-color: #113348; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
@media (max-width:1100px){
.anchor{top: -60px;}
.header .logo{width:45px; height: 45px; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;}
.header .logo2{width:45px; height: 45px; background:url(../images/logoa.png) no-repeat left center; background-size: 100%; display: block;}
.header .wrapper{height: 55px; position: static; padding:0 3%;}
.header.blue{background-color: #f6f7fb;}
.header{background:#fff;}
.header .header-right{position: fixed;line-height: 55px; right:calc(3% + 40px)}
.header .head-lang-top {color:#333;}
.head-lang-btm a { padding: 5px 5px;}
.header .header-right .iconfont{color: #113348;}
.header:hover .header-right .iconfont{color: #113348;}
.header:hover .logo,.header.scroll .logo{width:45px; height: 45px; background:url(../images/logo2.png) no-repeat; background-size: 100%; display: block;}
.header.sticky{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.header::after{display: none;}
.topblank{height: 55px;}
.problank{height: 0;}
.PC_ban{display: none;}
.Mob_ban{display: block;}
.header-nav{width: 100%;height: calc(100% - 55px);position: fixed;top: 55px;left: 0;background: rgba(240, 240, 240, 1);padding:10px 3%;box-sizing: border-box; box-sizing: -webkit-border-box;display: none;}
.header-nav li{width: 100%;	margin: 0; position: relative;}
.mob-btn{display: block;}
.nav-cover{width: 30%;height: 48px; z-index: 10; position: absolute;top: 0;right: 0; cursor:pointer}
.nav-a{width: 100%;border-bottom: 1px solid #bbb; color:#333; line-height: 48px;padding:0 5px;box-sizing: border-box; box-sizing: -webkit-border-box;position: relative;}
.nav-a:hover{color:#eb3e02}
.nav-a:after{display: none;}
.nav-a:before{content: ""; position: absolute; top: 20px; right: 13px; width: 8px; height: 8px; border-right: 2px solid #7c8287; border-top: 2px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.arrow.nav-a:before{display: none; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.header-nav li.on .nav-a:before{top: 23px; transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.header-sub{/*display: block;*/width:100%; position: relative;top: initial;left: inherit;background: initial;transform: translateX(0);padding:5px 0;border-bottom: 1px solid #bbb; background:none;}
.head-lang-btm{background: #ddd;}
.header-sub{box-shadow: none;}
.header-sub a{color: #555; font-size:14px;padding: 4px 10px;text-align: left; display: block;}
.header-sub a:hover{background:none; color:#222;}
/*首页*/
.indextitle h2{font-weight: bold; line-height: 1.2; margin-bottom: 5px; color:#113348;}
.indextitle .line{width:3.8125vw; height:2px; display: block; margin:5px auto 5px;}
.indextitle span{font-size:12px;}

.baike p{padding-top:5px;}
.baike-item{width:100%; border-radius: 6px;}
.baike-item + .baike-item{margin-top: 15px;}
.baike-item h2{color:#fff; position:absolute; left:4%; bottom:3%; z-index: 2;}

.homeabout{background: no-repeat center/cover;}
.homeaboutdesc{padding:15px 0; max-width: 100%;}

.homeservice{padding:15px 0 0;}
.homeservice li{width:50%; padding:10px 0; text-align: center;}
.homeservice img{display: block; margin:0 auto 10px; width:60px;}
.homeservice .servicetitle{color:#113348; font-weight: bold;}
.homeservice .servicedesc{padding:10px 3%; line-height: 1.6; color:#666;}

.hzhb .swiper-wrapper{padding-bottom:20px;}
.hzhb .swiper-slide img{width:80%; display: block;}

.news-more { font-size: 14px; color: #666; padding-bottom: 30px;}
.xingdong{border-radius: 6px;}
.xingdong .xingdong-lt {width: 100%;overflow: hidden; position: relative;}
.xingdong img{width: 100%;}
.xingdong .xingdong-lt .xingdongfont {position: absolute; bottom: 3%; left: 4%; z-index: 2;}
.xingdong .xingdong-rt {width: 100%;padding: 4%;}
.xingdong .xingdong-rt h3{margin-bottom: 10px;}
.feedback{width:100%; padding-top:0;}
.feedback .row-input{margin-top:12px;}
.feedback .row-input input {background: #fff;width: 100%;height:40px;}
.feedback .row-right{margin-top:15px;}
.feedback .row-right .sitebtn{font-size: 14px; line-height:40px; height:40px;}
.feedback .codebox .captcha-img{right: 5px; top: 0;}

.product{overflow: hidden;}
.product ul{display:grid; grid-template-columns: 1fr; grid-gap: 20px;}
.product li {width:100%; border-radius: 6px;}
.product .titles {text-align: left; width:100%; padding: 15px 4% 10px;}
.product .fydesc{color:#777; padding: 0 4% 15px}

.homenews-item .homenewstitle{padding:5px 12px; font-size:14px;}
.homenews{padding:10px 0;}
.homenews img{width:100%; display: block;}
.homenews-item { width: 100%; border-bottom: 0px solid #ddd;}
.homenews-item .homenews-box{padding:35px 3% 10px;}
.homenews-item .homenews-box a{padding:10px 0;}
.homenews-item::after{display: none;}
.homenews-item +.homenews-item { margin-left: 0; margin-top:15px;}
.homenews h3 { margin: 0; min-height:auto; line-height: 1.8;}
.news-more { font-size: 12px; color: #999; padding-bottom: 0;}
.homenews-item .item-box{padding:3% 3%;}
/* 底部 */
.footer{width: 100%; font-size: 14px;}
.footer .foot{padding:20px 0 10px; overflow: hidden;}
.footer .footlogo{padding:0; text-align: center; width:100%; font-size:13px;}
.footer .footlogo img{width:50px;}
.footer .foot .flex-index{position: absolute; left:-9999px;}
.footer .footicon {justify-content: center; padding:10px 0 0;}

.footer .icon {width: 32px; height: 32px; line-height: 32px; margin-right: 10px;}
.footer .icon .iconfont{display: block; font-size:18px;}
.footer .icon .wximg {width: 110px; height: 110px; bottom: 37px;}

.footer-copyright{padding:0 0 15px; border-top:0px solid rgba(255, 255, 255, 0.15); text-align: center; line-height: 1.6;}
.footer-copyright .copyright-l{width:100%; text-align: center;}
.footer-copyright .pc{width:100%; text-align: center;}
.footlogo .flex{justify-content: center;}
.nybanner{height:180px;}
.maintitle{margin-bottom: 15px;}
/*新闻*/
.news-list{overflow:hidden}
.news-list .con{padding:20px 0; flex-direction: column;}
.news-list li:nth-child(1) .con{padding:0 0 20px;}
.news-list .pic{width:350px;overflow:hidden; display: none;}
.news-list .inner{width:100%; overflow:hidden;}
.news-list .inner h3{margin:0 0 10px;}
.news-list .inner .txt{margin-bottom: 10px;}
.newsview{ overflow:hidden; max-width: 100%; margin: 0px auto;}
.newsview .newshead{padding-bottom:0;border-bottom:1px solid #ddd; line-height: 1;}
.newsview h1{text-align:center; margin-bottom:10px;}
.newsview .content{padding:15px 0;}
.newsview .back{margin-top: 10px; text-align: center;}
.newsview .back>a{display: inline-block; font-size: 14px; color: #0086c2;}
.newsview .back>a::before{font-size: 18px;}

.morebtn{padding:0 9px 0 15px;height:28px;border:1px solid #fff;}
.morebtn .iconfont{font-size:14px; margin-left:5px;}
.morebtn em{font-size:12px;}

/*联系我们*/
.nynav {text-align: center; padding:20px 0 0;}
.nynav ul{display: flex; justify-content: center; flex: wrap; flex-direction: row;}
.nynav ul li {margin: 0; width:50%; border-radius: 0;}
.nynav ul li a {display: block; position: relative; z-index: 2; line-height: 34px; padding:0; font-size:14px;}

.aboutcontent{text-align: left; line-height: 1.8;}
.qywh img{width:100%; display: block;}
.qywh li{width:100%; border-radius: 6px; overflow: hidden;}
.qywh li + li{margin-top:20px;}
.qywh .qywhtit{padding:10px 0; font-weight: bold; font-size:16px;}
.qywh .qywhtit i{display: inline-block; width: 50px; height: 2px;}

.fyitem{padding:0 0 50px;}
.fyitem.nobottom{padding:40px 0 0;}
.fyitem ul{display:grid; grid-template-columns:1fr; grid-gap: 20px;}
.fyitem li{width:100%; margin-right:0;border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, .07);}
.fyitem .fytext{padding:15px;}
.fyview{background-color: #fff; border-radius: 6px; overflow: hidden;}
.fyview + .fyview{margin-top: 15px;}
.fyview .fyview-rt{width:100%; padding:4% 4%;}
.fyview .fyview-rt .fytitle{margin-bottom: 15px;}
.fyview .fyview-rt .fytitle-a{color:#777; font-weight: normal; padding:5px 0 0;}
.fyview .fyview-rt .fyviewdesc{ line-height: 2; padding:0 0 15px;}
.allcases {width:100%; position: relative;}
.allcases .prev,.allcases .next{width: 35px; height: 35px; line-height: 30px;}
.allcases .prev i,.allcases .next i{font-size: 16px; padding-left: 5px;}

.product-tab {padding-left:3%;}
.product-tab a {line-height: 45px; margin-right:15px;}
.product-tab a:last-child{margin-right:0;}
.productxxcs img{display: block; margin:10px auto;}
.productxxcs {overflow: hidden;padding: 15px 3%; min-height: auto;}
.location{padding:0 0 15px; color:#777;}

.teamlist li{padding:10px 0;}
.teamlist li .team-lt{width:100%;}
.teamlist li .team-rt{width:100%; padding-top:15px;}
.team-name{color:#333;}
.team-name strong{display: block; margin-bottom: 5px;}
.team-des{padding:10px 0 0; line-height: 1.8;}

.Contact-team{display: flex; flex-direction: column; border-radius:0;box-shadow: none;margin-top:2%; margin-bottom: 20px;}
.Contact-team-left{width:100%;padding:10px 0 0;background-color:#fff;box-sizing: border-box;}
.Contact-team .text{margin-bottom: 20px; color:#222;}
.Contact-team-left .wrap{border-bottom: 1px solid #bbb; padding-bottom: 20px;}
.Contact-team-left .wrap .wrap-item{display: flex; padding-bottom:20px;align-items: center;}
.Contact-team-left .wrap .wrap-item:last-child{padding-bottom:0;}
.Contact-team-left .wrap .wrap-item .icon-1{width: 45px;height: 45px; margin-right: 10px;}
.Contact-team-left .wrap .wrap-item .icon-1 i{color:#fff; font-size:18px;}

.Contact-team-left .wrap .wrap-item .text-2 .title-1{font-size: 12px;color: #666;}
.Contact-team-left .wrap .wrap-item .text-2 .txt-2{font-size: 15px;color: #000; padding-top: 2px;}
.Contact-team-left .cont{margin-top: 20px;}
.Contact-team-left .cont .icon-2 a{position: relative;width: 45px;height: 45px; border-radius: 100%;margin-right:3%;}
.Contact-team-left .cont .icon-2 a i{color:#fff; font-size:18px;}
.Contact-team-right{width:100%;padding: 30px 0 0;}
.Contact-team-right .padding-top{padding:0;}
.content-form li{margin:12px 0;}
.content-form li:nth-child(1){margin:0 0 12px;}
.content-form li .input1 {padding: 5px 10px; height:50px; font-size: 14px;}
.content-form li:nth-child(1) .input1{width:100%}
.content-form li:nth-child(1) .input1 + .input1{margin-top:12px;}
.content-form li .textarea1 {width:100%; height:130px; font-size: 14px; border: 1px solid #ddd; background: #f5f5f7; padding: 20px 20px; box-sizing: border-box;}
.content-form li .submit { height:50px;}
.content-form li.codebox{position: relative; width:100%;}
.content-form li.codebox .captcha-img{position: absolute; right: 10px; top: 10px; width: 100px; height:40px; display: block;}

/*FAQ*/
.problem {background: #fff; overflow: hidden;}
.problem ul { padding:0;}
.problem ul li h3 {padding: 15px 40px 15px 0;}
.problem ul li h3:after { width: 8px; height: 8px; right: 5px; margin-top: -4px;}
.problemcoment { padding:0;}
.sideNav{display: none;}
}