@charset "UTF-8";

@font-face{font-family:DIN;src:url(../fonts/DIN-BOLD.otf);font-display: swap;}

@font-face{font-family:DIN-Medium;src:url(../fonts/DIN-Medium.ttf);font-display: swap;}

* { padding: 0;margin: 0;border: 0;outline: none;}

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 625%;}

body {padding-top:100px;color: #211613;overflow-x: hidden;font-family:"microsoft Yahei", "Arial","Raleway,Helvetica Neue, Helvetica, sans-serif";font-size:.14rem;letter-spacing:.5px;}

a:focus{outline:none;}

a { color: #333;}

input,select,button,textarea {vertical-align:middle;font-family: "microsoft Yahei","Arial","Raleway,Helvetica Neue, Helvetica,sans-serif"; outline: none;border:0;}

ul li { list-style:none;}

ol, ul{ padding:0;}

a,.trans3 { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}

.trans10 { -webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}

.wrap,.wrap2 { margin-top:.7rem;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #757575; opacity:1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */color: #757575;opacity:1;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #757575;opacity:1;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #757575;opacity:1;}

.cust_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #757575; opacity:1; }

.cust_form::-moz-placeholder { /* Mozilla Firefox 19+ */color: #757575;opacity:1;}

.cust_form input:-ms-input-placeholder{color: #757575;opacity:1;}

.cust_form input::-webkit-input-placeholder{color: #757575;opacity:1;}

.tc { text-align: center;}

.text img { max-width:100%;}

.color { background: linear-gradient(to left, #faab5d, #f64e27);-webkit-background-clip: text;color: transparent;}

.ell,.am-ellipsis { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.clear { clear: both;}

.fl { float:left;}

.fr { float:right;}





/* top */

.logo img { display: block;}

.admin-header { position: fixed;left:0;top:0;width:100%;background:#fff;z-index:9;box-shadow: 0 3px 8px rgb(1 27 106 / 5%);height:100px;}

.logo a { display: block;margin-top:32px;}

.nav_box { z-index:99;}

.nav{ position:relative;z-index:9999;margin:0 5vw;}

.nav li{ float:left;position:relative;display:inline;height:100px;line-height:100px;margin:0 2.5vw;}

.nav li a { padding:0;color:#000;display:block;font-size:.2rem;}

.nav li.on a,.nav li a:hover{color:#011b6a;}

.nav li a:before {content:"";display:block;position:absolute;left:50%;right:50%;bottom:0;height:2px;opacity:0;background:#011b6a;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}

.nav li.on a:before,.nav li a:hover:before{left:1%;right:1%;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}



.lange-icon { display: block;cursor: pointer;position: relative;overflow: hidden;color:#666;line-height:100px;padding-right:18px;}

.lange-icon:before { content: "";width:13px;height:7px;position:absolute;right:0px;top:48px;background:url(../images/arr.png) no-repeat center;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

.language { position: relative;transition: all .4s ease;height:100px;}

.lange-a { position: absolute;top:87px;display:none;z-index:9;left:-15%;width:130%;background:#fff;box-shadow:0 0 25px rgb(1 27 106 / 5%);border-radius:5px;}

.lange-bg { padding:5px 0;text-align:center;}

.lange-a a { display: block;line-height: 26px;font-size:13px;color:#666;padding:0 30px;}

.language:hover:hover .lange-icon:before { transform:rotate(180deg);}

.lange-bg a:hover { color:#011b6a;}



.lange-bg a {display:block;padding:.03rem .15rem;line-height:.26rem;font-size:.14rem;color:#666;}

.lange-bg a:hover { color:#011b6a;}

.language-down.ontrue .lange-bg {display: block;animation: fadeInUpdown .6s ease-in-out;-webkit-animation: fadeInUpdown .6s ease-in-out;}

@keyframes fadeInUpdown {0% {transform: translateY(-20px);-webkit-transform: translateY(-20px);opacity: 0;}100% {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}}

.lange-icon img { display:inline-block;vertical-align:middle;}

.lange-icon i { font-style:normal;vertical-align:middle;margin-left:8px;}









/* 手机导航 */

.sp_header{height:60px;overflow:hidden;position:fixed;z-index:9999;width:100%;top:0;left:0;box-shadow:0 3px 8px rgb(1 27 106 / 5%);background:#fff;}

.sp_header.bgr,.sp_header.bgr2,.sp_nav_se { background:#fff;border-bottom:none;box-shadow:0 0 10px #eee;}

.sp_logo a{ padding:8px 10px;float:left;display:block;}

.sp_logo img{margin:auto;max-height:25px;margin-top:7px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:100%;}

.sp_nav span{display:block;background:#666;width:22px;height:2px;position:absolute;left:14px;transition:all ease 0.35s}

.sp_header.bgr .sp_nav span,.sp_header.bgr2 .sp_nav span,.sp_nav_se span { background:#333;}

.sp_nav span:nth-of-type(1){top:20px}

.sp_nav span:nth-of-type(2){top:28px}

.sp_nav span:nth-of-type(3){top:36px}

.sp_nav_se span:nth-of-type(1){top:28px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:28px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999;background: #fff;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s;transition: all 0.5s ease;}

.nav_show{ opacity:1;top:0px;padding-top:60px;}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:0px;right:0px;height:50px;width: 50px;text-align: right;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #e5e5e5 solid;text-indent:.15rem;position:relative;line-height:.7rem;font-size:.2rem}

.sjj_nav>ul >li:last-child{border-bottom:1px #e5e5e5 solid;}

.sjj_nav ul li ul{display:none;margin: 0;}

.sjj_nav ul li ul li:first-child { padding-top:8px;border-top:1px solid #e5e5e5;}

.sjj_nav ul li ul li:last-child { padding-bottom:8px;}

.sjj_nav ul li a{color:#434343;width:100%;display: block;}

.sjj_nav ul li.on>a { color:#011b6a;}

/*.sjj_nav>ul>li>a { text-transform: uppercase;}*/

.sjj_nav ul li ul li { border:none;line-height: 32px;font-size: 14px;}

.sjj_nav ul li ul li a{ color:#434343;display:block;text-align:left;}

.sjj_nav ul li i:before { width:100%;height:46px;display: block;position: absolute;right:0;}

.sjj_nav ul li i.sp_nav_xjb:before{ content: "";background: url(../images/arr11.png) center no-repeat;background-size: 12px 7px;}

.sjj_nav ul li i.sjj_nav_i_se:before{content: "";background: url(../images/arr12.png) center no-repeat;background-size: 12px 7px}

.sjj_nav ul li ul li>ul{margin-left:10px}

.lange-en { position: absolute;right:50px;top:0;height:60px;display:block;font-size:16px;line-height:60px;text-align:right;}

.lange-en a { display: block;padding:0 3px 0 20px;height:60px;}



.wrap-top{padding:1.3rem 0;}

.exhibition-tit{font-size:.54rem;color:#111;padding-bottom:.55rem;}

.exhibition-nav{font-size:0;}

.exhibition-nav li{display:inline-block;margin-bottom:.1rem;}

.exhibition-nav li a{font-size:.2rem;color:#111;border:1px solid #cccccc;border-radius:.5rem;height:.45rem;line-height:.4rem;padding:0 4vw;display:block;margin:0 .5vw;}

.exhibition-nav li.on a,.exhibition-nav li a:hover{background:#011b6a;color:#fff;border:1px solid #011b6a;}

.bg1{background:#f9fafc;padding:1rem 0 1.2rem;}

.cont-tit{font-size:.48rem;color:#111;padding-bottom:.45rem;}

.prod-li,.case-li{margin:-.25rem -.15rem 0;}

.prod-li li,.case-li li{padding:.25rem .15rem;}

.prod-li li a,.case-li li a{background:#fff;display:block;}
.prod-li{display:flex;flex-wrap:wrap;}
.prod-li li a{height:100%;}
.prod-img,.case-img{overflow:hidden;}

.prod-img img,.case-img img{width:100%;display:block;}

.prod-text{padding:.4rem 8% .6rem;}

.prod-b{font-size:.23rem;color:#111;line-height:1.5;}

.prod-p{font-size:.16rem;color:#666;line-height:1.85;margin-top:.18rem;}

.prod-more{font-size:0;border:1px solid #ccc;padding:.1rem .35rem;display:inline-block;border-radius:.5rem;margin-top:.4rem;}

.prod-more i{width:.16rem;height:.08rem;background:url(../images/more1.png) no-repeat center;display:inline-block;vertical-align:middle;margin-left:.15rem;}

.prod-more span{ vertical-align:middle;font-size:.16rem;color:#262626;}

.prod-li li a:hover .prod-more i,.video-more:hover i{background:url(../images/more2.png) no-repeat center;}

.prod-li li a:hover .prod-more,.video-more:hover{border:1px solid #011b6a;background:#011b6a;}

.prod-li li a:hover .prod-more span,.video-more:hover span{color:#fff;}

.prod-li li a:hover{box-shadow:0 0 25px rgb(1 27 106 / 5%);}

.wrap{margin-top:1rem;}

.video-b{font-size:.3rem;}

.video-p{margin-top:.25rem;}

.video-more{margin-top:.4rem;}

.video{position:relative;}

.video-img{width:100%;display:block;}

.video iframe{position:absolute;left:0;top:0;right:0;bottom:0;}

.video-li{display:flex;align-items:center;flex-wrap:wrap;}

.video-text{padding:.25rem 0 .25rem .6rem;}

.video-box .video-li{padding:.6rem 0;border-bottom:1px solid #e5e5e5;}

.video-box .video-li:first-child{padding-top:0;}

.video-box .video-li:last-child{border-bottom:none;padding-bottom:0;}

.case-img{position:relative;}

.case-img p{font-size:.22rem;color:#fff;padding:.2rem .25rem;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;right:0;}

.case-li li a.case-more{display:inline-block;background:none;margin:.1rem  .1rem 0 0;}
.case-link{display: flex;flex-wrap: wrap;margin-top: .3rem;}
.case-li li a.case-more:hover{border:1px solid #011b6a;background:#011b6a;}

.cpjz-box{max-width:80%;margin:0 auto;}

.cpjz-img img {width:100%;display:block;}


.cpjz-li li{background:#e5e5e5;padding:.18rem .25rem;margin-bottom:1px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.down-a{display: flex;flex-wrap: wrap;}

.cpjz-li li a{display:block;margin-left: .1rem;}

.cpjz-li li span{font-size:.2rem;color:#000;line-height:.32rem;}

.cpjz-li li a b{font-weight:normal;font-size:.15rem;border:1px solid #a0a0a0;padding:.05rem .15rem;border-radius:.5rem;display:inline-block;}

.cpjz-li li a b i{width:.13rem;height:.14rem;background:url(../images/down1.png) no-repeat;display:inline-block;position:relative;top:.01rem;margin-right:.05rem;}

.cpjz-li li a:hover b{border:1px solid #011b6a;background:#011b6a;color:#fff;}

.cpjz-li li a:hover b i{background:url(../images/down2.png) no-repeat;}

.footer{background:#282933;padding:1.2rem 0 1rem;line-height:1.8;}

.footer-p{color:rgba(255,255,255,.45);font-size:.17rem;}



.exhibition-img { width:100%;display:block;}

.exhibition-box{background:#85c7e2;position:relative;}

.ex-num{position:absolute;width:16.829%;}

.ex-num1{left:6.87%;top:34.47%;}

.ex-num2{left:12.86%;top:60.65%;}

.ex-num3{left:25%;top:22.39%;}

.ex-num4{left:32.29%;top:60.65%;}

.ex-num5{left:41.71%;top:34.47%;}

.ex-num6{left:50.93%;top:60.65%;}

.ex-num7{left:58.49%;top:22.39%;}

.ex-num8{left:70.26%;top:60.65%;}

.ex-num9{left:75.1%;top:34.47%;}

.ex-pro2{position:absolute;top:0;white-space: nowrap;width:20vw;z-index: auto;}

.ex-pro11{left:10%;}

.ex-pro12{left:6%;}

.ex-pro13{left:6%;}

.ex-pro14{left:6%;}

.ex-pro15{left:6%;}

.ex-pro16{left:-8%;}

.ex-pro17{left:7%;}

.ex-pro18{left:6%;}

.ex-pro19{left:6%;}

.ex-tit2{font-weight:bold;background:#282933;color:#fff;border-radius:.5rem;padding:.4vw;display:inline-block;cursor: pointer;z-index:2;}

.ex-tit3{position:relative;display: flex;justify-content: center;}

.ex-tit span {width:1.7vw;height:1.7vw;line-height:1.7vw;background:#fff;border-radius:50%;color:#282933;font-size:.84vw;display:inline-block;}

.ex-tit i {font-style:normal;font-size:1.06vw;padding:0 .75vw 0 .55vw;}

.ex-ul2{position:absolute; z-index: 9999;bottom:100%;left:0%;display: flex;justify-content: center;padding-bottom:.8vw;display:none;z-index: 9999;}

.ex-ul2 ul{z-index: inherit;background:rgba(255,255,255,.85);padding:0 .5vw;border-radius:10px;z-index:99;position:relative;}

.ex-ul2:before{content:"";position: absolute;bottom:.33vw;left: 50%;width: 0;height: 0;margin-left: -.5vw;border-left: .5vw solid transparent;border-right: .5vw solid transparent;border-top: .5vw solid rgba(255,255,255,.85);}

.ex-ul2 ul li{padding:0 .5vw;display:inline-block;}

.ex-ul2 ul li a{display:block;text-align:center;padding:1.6vw 0;}

.ex-ul2 ul li a:hover .ex-ico{background:#aacd06}

.ex-ul2 ul li a .ex-ico{width:2.5vw;height:2.5vw;background:#011b6a;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 auto;}

.ex-ul2 ul li a .ex-ico img{width:1vw;}

.ex-ul2 ul li a .ex-p{font-size:.84vw;color:#000;margin-top:.08rem;font-weight:normal;}

.ex-box{position:relative;}

.ex-bg{position:absolute;left:0;top:0;}

.footer-link-icon{position:relative;cursor:pointer;}

.footer-link-icon img,.ex-img{display:block;}

.ex-img{width:100%;}

.footer-link-icon img.foot-img{opacity:.3;}

.footer-ewm{position:absolute;left:-.4rem;bottom:.2rem;padding-bottom:.2rem;display:none;}

.footer-ewm img { width:1.2rem;}

.footer-link{font-size:0;text-align:center;padding-bottom:.25rem;}

.footer-link li{display:inline-block;margin:0 .15rem;}

.foot-img{width:.33rem;}

.footer-link li:hover .footer-link-icon img.foot-img{opacity:.45;}



.footer-link-icon2{position:relative;cursor:pointer;}

.footer-link-icon2 img,.ex-img{display:block;}

.footer-link-icon2 img.foot-img{opacity:.3;}

.footer-link2{font-size:0;text-align:center;padding-bottom:.25rem;}

.footer-link2 li{display:inline-block;margin:0 .1rem;}

.foot-img{width:.33rem;}

.footer-link2 li:hover .footer-link-icon2 img.foot-img{opacity:.45;}



.wap-ex{display:none;padding:.5rem 0 .35rem;}

.wap-ex-box .wap-ex-li{display:flex;margin-bottom:.2rem;box-shadow:0 0 20px rgb(1 27 106 / 12%);}

.wap-ex-f{display:flex;align-items:center;}

.ex-ul3 ul li a .ex-p{font-size:.2rem;}

.ex-ul3 {border-left:none;height:100%;padding:3.6vw 2.5vw;display:flex;align-items:center;}

.wap-ex-fr{width:100%;}

.ex-ul3 ul li{padding:.04rem 0;}

.ex-ul3 ul li a{padding:.1rem .15rem;display:block;border:1px solid #e5e5e5;border-radius:5px;}

.ex-ul3 ul li a .ex-ico{margin-right:.1rem;}

.ex-ul3 ul li a .ex-ico img{width:.2rem;display:block; opacity:.8;}

.ex-ul3 ul li a .ex-p{font-size:.18rem;color:#000;font-weight:normal;}

.wap-ex-img a,.wap-ex-img img{display:block;}

.wap-ex-img{background:#325c97 url(../images/exhibition2.jpg) no-repeat center left;background-size:100% 100%;padding:.1rem;height: 100%;display: flex;align-items: center;}

.wap-ex-img img{width:100%;}

.wap-ex-tit{font-weight:bold;padding-bottom:.15rem;display: flex;align-items: center;}

.wap-ex-tit i{font-style:normal;color:#011b6a;font-size:.22rem;}

.wap-ex-tit span{width:.3rem;height:.3rem;color:#fff;background:#011b6a;font-size:.13rem;border-radius:50%;display:inline-block;line-height:.3rem;margin-right:.06rem;}

@media (min-width:1198px) {

    .prod-li li a:hover .prod-img img,.case-li li a:hover .case-img img,.ex-num .ex-box2:hover img.ex-img { -webkit-transform:scale(1.05);transform:scale(1.05);}







}



@media (max-width: 1400px){

    .am-container { max-width:1300px;}

	.cpjz-box{max-width:90%;}

	.ex-tit i{font-size:1.2vw;}

	.ex-tit span{font-size:.92vw;}

	.ex-ul2 ul li a .ex-p{font-size:1.15vw;}

	.ex-tit i{font-size:1.2vw;}

	.ex-tit2{padding:.6vw;}

	.ex-pro2{width:24vw;}



	



	



}







@media (max-width: 1198px){

	html{font-size: 575%;}

	body { padding-top:60px;}

    .am-container,.cont-container,.case-container { padding: 0 .15rem;}

	img.banner-pc2 { display:none;}

	img.banner-wap2 { display:block;}

	.swiper-container2,.swiper-container2 .swiper-wrapper { height:5rem;}

	.lange-en img { display:inline-block;vertical-align:middle;margin-right:6px;width:.26rem;}

	.lange-en i { font-style:normal;vertical-align:middle;}

	.cpjz-box{max-width:100%;}

	.prod-li,.case-li{margin:0 -.1rem;}

	.prod-li li,.case-li li{padding:0 .1rem;}

	

	

	

    



}



@media (max-width: 1080px) {

	.wrap { margin-top:.8rem;}

	.bg1{padding:.8rem 0 .9rem;}

	.exhibition-box{display:none;}

	.wap-ex{display:block;}





	

	



}



@media (max-width: 767px) {

	html{font-size: 525%;}

	.video-text{padding:.3rem 0 0 0;}

	.video-box .video-li{padding:.45rem 0;}

	.video-box .video-li:first-child{padding-top:0;}

	.video-box .video-li:last-child,.case-li li:last-child,.prod-li li:last-child{padding-bottom:0;}

	.case-li,.prod-li{margin:0;}

	.prod-li li { padding:0 0 .25rem;}

	.case-li li { padding:0 0 .4rem;}

	.cont-tit{font-size:.42rem;padding-bottom:.35rem;}

	.cpjz-li li{padding:.15rem .18rem;}


	.prod-more{margin-top:.3rem;padding:.1rem .28rem;}

	.prod-text{padding:.3rem 2% .5rem;}

	.wrap-top{padding:.8rem 0;}

	.exhibition-tit{font-size:.48rem;padding-bottom:.4rem;}

	.footer{padding:.75rem 0;}
	.cpjz-li li a{margin-left:0;margin-right:.1rem;}
	.down-a{margin-top: .1rem;}

	

	

	

	



}



@media (max-width: 640px) {

	.wrap { margin-top:.7rem;}





	

	

	

	



}

@media (max-width: 374px) {

	.wrap { margin-top:.65rem;}





	

}





html,body{  min-height:101%;}

html{ overflow:-moz-scrollbars-vertical;}