@charset "utf-8";body{margin:0;padding:0;font-size:12px;font-family:Arial,"微软雅黑";color:#666;overflow-x:hidden}
a{color:#666;text-decoration:none;outline:0}
a:active{star:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle}
a:link{text-decoration:none;outline:0}
a:visited{text-decoration:none;outline:0}
a:hover{text-decoration:none;color:#fff;outline:0}
p,ul{padding:0;margin:0}
li{list-style-position:outside;list-style-type:none}
.fl{float:left}
.clear_f{clear:both;height:0;padding:0;margin:0;display:block}
em{font-style:normal}
@font-face{font-family:medium;src:url(../fonts/72e216f853074676a0ca630d74ac3fc5.woff)}
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
[imgsalc] img,[transition="5s"]{transition:.5s ease-in-out 0s;-webkit-transition:.5s ease-in-out 0s;-moz-transition:.5s ease-in-out 0s}
[imgsalc]{overflow:hidden}
@media (max-width:1024px){.pagenav{display:block}
}

.wal2{width:100%; height: auto;}

.pageBanner{position:relative; margin-top: 82px;}
.pageBanner .imgDiv{/*height:6.3rem;line-height:6.3rem;*/background:#019fe9}
.pageBanner .imgDiv img{width:100%}
.pageBanner .botDiv{position:absolute;bottom:0;width:82%;height:.7rem;margin:0 9%}
.pageBanner .botDiv:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.03rem}
.pageNav{height:.7rem;padding-left:.5rem}
.pageNav li{float:left;margin-right:.42rem;font-size:.14rem;font-weight:700}
.pageNav li a{display:block;height:.7rem;line-height:.7rem;color:#fff;position:relative}
.pageNav li em{position:absolute;left:0;bottom:0;width:100%;height:.03rem;background:#fff;display:none;z-index:2}
.pageNav li .aNow em,.pageNav li a:hover em{display:block}
.pageBanner .rightDiv{position:absolute;right:0;top:0;width:4rem;height:.7rem}
.pageBanner .rightDiv:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.03rem;z-index:2}
.pageBanner .layer{position:absolute;left:0;top:2rem;width:100%;z-index:2;text-align:center}
.pageBanner .layer .name{margin:0 auto;width:3rem;height:1.5rem;background:url(../img/nimg210bg.png) center no-repeat;background-size:2.8rem;font-size:.23rem;color:#fff;line-height:1.5rem}
.pageBanner .layer .nameImg{height:.76rem;padding-top:.32rem;position:relative;font-size:.5rem;font-weight:700;color:#fff}
.pageBanner .layer .nameImg p{text-transform:uppercase}
.pageBanner .layer .nameImg img{height:.47rem}
.pageBanner .layer .nameImg:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-.23rem;width:.46rem;height:.04rem;background:#fff}
.pageNow{padding-left:.34rem;line-height:.7rem}
.pageNow a{color:#fff;background:url(../img/nimg5_1.png) left center no-repeat;background-size:.05rem;padding:0 .12rem 0 .19rem}
.pageNow a:hover{color:#fff}
.pageNow em{background:url(../img/nimg5_1.png) left center no-repeat;background-size:.05rem;padding-left:.13rem;color:#666}
.pageNow img{padding-right:.12rem;position:relative;top:-.02rem}
.pageBannerTel{display:none;position:relative}
.pageBannerTel .imgDiv{height:5.3rem;line-height:5.3rem;background:#019fe9}
.pageBannerTel .imgDiv img{width: 105%;height: 105%;object-fit: cover;}
.pageBannerTel .txt{text-align:center;position:absolute;left:50%;margin-left:-1.05rem;top:50%;margin-top:-.64rem;width:3rem;height:1.5rem;background:url(../img/nimg210bg.png) center no-repeat;background-size:2.8rem;font-size:.23rem;color:#fff;line-height:1.5rem}
.pageBox{position:relative;}
.pageBox .treflip .about .aboutLeft img{width:100%;}
.grayBg{position:absolute;left:0;top:0;width:100%;height:4.2rem;z-index:1}
.treflip{width:82%;background:#fff;padding:.54rem 0 .7rem;margin:0 auto;position:relative;z-index:2}
.treflip2{padding:.84rem 0 0}
.treflip3{padding:0}

.pageTitle{ padding-bottom: 0.3rem; }
.pageTitle .title1{ font-size: 0.36rem; color: #019fe9; font-family: medium; text-transform: uppercase; }
.pageTitle .title2{ font-size: 0.22rem; color: #3f3f3f; font-weight: bold; margin-top: .2rem; }

.pageTitleTel{height:.98rem;background:#019fe9;position:relative;display:none;border-top:1px #fff solid}
.sideTitleTel{width:100%;height:.98rem;position:absolute;left:0;top:0}
.sideTitleTel .con{font-size:.3rem;height:.98rem;line-height:.98rem;position:relative;padding-right:10px}
.sideTitleTel .con a{color:#fff;display:block;height:.98rem;padding-left:.2rem;background:url(../img/limg65_1.png) right center no-repeat;background-size:.65rem}
.sideTitleNav{position:absolute;top:.98rem;z-index:10;width:100%;background:#fff;display:none;box-shadow:0 1px 5px rgba(35,25,25,.2);-moz-box-shadow:0 1px 5px rgba(35,25,25,.2);-webkit-box-shadow:0 1px 5px rgba(35,25,25,.2)}
.sideTitleNav li{font-size:.26rem;height:.82rem;border-bottom:#d7d7d7 solid 1px}
.sideTitleNav li a{display:block;height:.82rem;line-height:.82rem;padding-left:.4rem;color:#666}
.sideTitleTel .con em{display:block;color:#fff;padding-left:.4rem}
#Layer1{position:absolute;position:fixed;width:100%;z-index:111;top:0;left:0;background-color:#000;display:none}
@-webkit-keyframes detailsNavList{0%{opacity:0;-webkit-transform:translateX(70px);transform:translateX(70px);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-moz-keyframes detailsNavList{0%{opacity:0;-moz-transform:translateX(70px);transform:translateX(70px);-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-moz-transform:translateX(0);transform:translateX(0);-moz-backface-visibility:hidden;backface-visibility:hidden;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-o-keyframes detailsNavList{0%{opacity:0;-o-transform:translateX(70px);transform:translateX(70px);backface-visibility:hidden;transform-style:preserve-3d}
100%{opacity:1;-o-transform:translateX(0);transform:translateX(0);backface-visibility:hidden;transform-style:preserve-3d}
}
@keyframes detailsNavList{0%{opacity:0;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
}
@-webkit-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@-moz-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@-o-keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
@keyframes shieldingEnter{0%{height:0}
100%{height:183px}
}
.pageBox10{padding:140px 0 130px;background:url(../img/bg4_2.jpg) center top repeat-y;position:relative}
.about{position:relative;overflow:hidden}
.aboutLeft{background:url(../img/nimg970bg.png) 1rem -.4rem no-repeat;background-size:6.21rem;width:100%;position:relative}
.aboutLeft .name{font-size:.22rem;line-height:.22rem;color:#3f3f3f;font-weight:700;padding-bottom:.1rem}
.aboutLeft .year p{font-size:.6rem;line-height:.6rem;color:#019fe9;text-transform:uppercase;font-family:medium}
.aboutLeft p{font-size:.14rem;line-height:.3rem;color:#828282;padding-top:.2rem}
.aboutLeft img{width:100%}
.box1{background:linear-gradient(#eae9e9,#ccc);font-family:'Merriweather Sans',sans-serif;border-radius:7px;position:relative;overflow:hidden;border:1px solid #ccc}
.box1 img{width:100%;height:auto;transition:all .5s ease;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.box1:hover img{opacity:.5;-webkit-clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%);clip-path:polygon(50% 0,99% 50%,50% 99%,0 50%)}
.box1 .title{font-size:25px;font-weight:700;text-transform:uppercase;text-shadow:0 0 5px #000;margin:0 0 3px 0}
@media screen and (max-width:1440px){.pageNav li{margin-right:.36rem}
.pageBanner .botDiv{width:96%;margin:0 2%}
.pageBanner .rightDiv{width:4.5rem}
.treflip{width:92%}
}
@media screen and (max-width:1004px){.grayBg,.pageBanner{display:none}
.pageBannerTel,.pageTitleTel{display:block; margin-top: 57px;}
.sideTitleTel .con a{padding-left:.4rem}
.treflip{width:94%}
.treflip3{padding:0 .2rem}
.rightDiv{width:100%;float:none}
.aboutLeft{background:0 0;padding-top:0;width:auto;padding-left:0;height:auto;float:none}
.aboutLeft .name{font-size:.36rem;line-height:.36rem}
.aboutLeft .year p{font-size:.76rem;line-height:.66rem}
.aboutLeft p{font-size:.24rem;line-height:.48rem;padding-bottom:.1rem}
}
@media screen and (max-width:700px){.pageBannerTel .txt{left:30%}
.pageBannerTel .imgDiv{height:2.5rem;line-height:2.5rem}
}


/*企业文化*/




.ico_h{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent}
.ico_h:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.ico_h:active,.ico_h:focus,.ico_h:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.ico_h:active:before,.ico_h:focus:before,.ico_h:hover:before{opacity:.4;-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}


.culturePart3{width: 70%; float: left; height: auto;}
.culturePart3 .mxfDiv p{text-align:left;line-height:.32rem;color:#828282;font-size:.16rem}
.culturePart3 .mxfDiv .layer img{width: 80%; margin-bottom: .4rem;}
.rightDiv2{width: 20%; float: right; background: #ccc; height: auto;}
.rightDiv2 img{width:100%}



.pnjDiv{width:100%;position:relative}
.pnjDiv .imgDiv img{width:100%}
.pnjDiv .layer{position:absolute;left:.38rem;top:.74rem}
.pnjDiv .txt{font-size:.24rem;color:#7d7d7d;padding-bottom:.2rem}
.pnjDiv .year{font-size:.48rem;color:#ff9b00;font-family:pingfang}
.pnjDiv .wen1{color:#3daad7;font-size:.14rem;line-height:.24rem}
.pnjDiv .wen2{color:#3daad7;font-size:12px;line-height:.2rem;font-weight:700}
.pnjDiv .btnDiv{padding-top:.38rem}
.pnjDiv .btnDiv a{display:block;width:1.1rem;height:.38rem;background:#ff9b00;color:#fff;font-size:.14rem;text-align:center;line-height:.38rem}
.culturePart2{background:#fcfcfc;padding:.8rem 0 1.15rem}
.culturePart2 .bigBox{padding:0 8.23rem 0 .68rem;position:relative;height:4.58rem;background:#0075cf url(../img/nimg450Bg.jpg) left bottom no-repeat;background-size:4.5rem}
.culturePart2 .imgDiv{position:absolute;right:0;top:0}
.culturePart2 .imgDiv img{width:7.5rem}
.culturePart2 .txtDiv{padding:.85rem 0 .2rem;border-bottom:#ff9b00 solid 2px}
.culturePart2 .txt1{font-size:.36rem;color:#fff;font-family:medium}
.culturePart2 .txt2{font-size:.22rem;color:#fff;font-weight:700; margin-top: 0.2rem}
.culturePart2 .content{padding-top:.5rem;}
.culturePart2 .content p{padding-top:.12rem;font-size:.16rem;line-height:.3rem;color:#fff}
.culturePart2 .btnDiv{padding-top:.4rem}
.culturePart2 .btnDiv a{position:relative;font-weight:700;display:block;width:1.62rem;height:.44rem;background:#fff;line-height:.44rem;font-size:12px;color:#019fe9;text-indent:.24rem}
.culturePart2 .btnDiv a:after{content:'';position:absolute;right:.25rem;top:.14rem;width:.4rem;height:.09rem;background:url(../img/nimg40_9.png) no-repeat;background-size:.4rem}
.activity{padding-bottom:.47rem}
.wal1200{width:1200px;margin:0 auto;position:relative;z-index:2;padding:60px 0}
@media screen and (max-width:1004px){.wal,.wal2,.wal3,.wal4{width:100%}
.grayBg{display:none}
.wal1160{width:100%;margin:auto}
.treflip{width: 90%;margin-top: 0.2rem;}
.treflip3{padding:0 .2rem}
.culturePart3{width:100%}
.culturePart3 .mxfDiv p{font-size:.25rem;line-height:.5rem;text-indent: 2em; }
.pageTitle{padding-bottom:.5rem}
.pageTitle .title1{font-size:.48rem}
.pageTitle .title2{font-size:.34rem}
.rightDiv2{display:none}
.culturePart2 .bigBox{padding:0 0 .7rem 0;height:auto;background-size:100%}
.culturePart2 .imgDiv{position:relative}
.culturePart2 .imgDiv img{width:100%}
.culturePart2 .txtDiv{padding:.65rem 0 .2rem;margin:0 .4rem;border-bottom:#ff9b00 solid 2px}
.culturePart2 .txt1{font-size:.48rem}
.culturePart2 .txt2{font-size:.34rem}
.culturePart2 .content{font-size:.24rem;line-height:.48rem;padding-left:.4rem;padding-right:.4rem}
.culturePart2 .content p{font-size: .26rem;line-height: .5rem;}
.culturePart2 .btnDiv{padding-left:.4rem}
.culturePart2 .btnDiv a{text-indent:.24rem;width:2.62rem;height:.78rem;line-height:.78rem}
.culturePart2 .btnDiv a:after{top:.34rem}
.wal1200{width:auto;padding:.8rem .3rem}
}


/*发展历史*/
.culturePart3 .mxfDiv .paragraph p{font-size: .2rem; line-height: .5rem; color: #828282;}
.culturePart3 .mxfDiv .paragraph p span{ padding-right: .2rem;}


/*优势与资质*/
.culturePart4{width: 100%;}
.youshi{width:25%; float: left; padding: 0 2%; margin-bottom: .5rem; min-height: 2.5rem;}
.culturePart4 .youshi img{width: 20%; margin-left: 40%;}
.culturePart4 .youshi p{font-size: .16rem;line-height: .32rem; color: #828282; text-align: center;}
.culturePart4 .youshi .jiacu{ font-weight:600;margin:.1rem 0;font-size: .2rem;}

.youshi3{width:25%; float: left; padding: 0 2%; margin-bottom: .5rem; }
.culturePart4 .youshi3 img{width: 100%;}
.culturePart4 .youshi3 p{font-size: .16rem;line-height: .32rem; color: #828282; text-align: center;}
.culturePart4 .youshi3 .jiacu{ font-weight:600;margin:.1rem 0;font-size: .2rem;}



.culturePart5{width: 100%; background: #f1f1f1; clear: both; margin-bottom: .5rem; padding: .3rem 0; height: auto;}
.youshi2{width:82%; margin: 0 auto;}
.culturePart5 .biaoti1{text-align: center; font-size: .3rem; color: #019fe9; margin: .2rem 0;}
.culturePart5 .biaoti2{text-align: center; font-size: .22rem; color: #000; margin-bottom: .15rem;}
.culturePart5 .biaoti3{font-size: .16rem; color: #828282; line-height: 0.32rem;text-indent: 2em;}
.culturePart5 .biaoti4{text-align: right; font-size: .16rem; color: #828282; line-height: 0.32rem;}

.culturePart5 .tu12{width:33%; float: left; margin: 0.2rem 0; text-align: center;}
.culturePart5 .tu12 p{font-size: 0.18rem; line-height: .5rem;}


/*联系我们*/
.pageBox .treflip .about .aboutLeft .lianxi2{width: 100%; margin: .5rem 0 .3rem;}
.pageBox .treflip .about .aboutLeft .lianxi2_top{width: 20%; float: left;border-right: 1px #d1d1d1 solid;}

.pageBox .treflip .about .aboutLeft .lianxi2_top p{font-size: .18rem; line-height: .4rem; padding: 0; text-align: center; }
.pageBox .treflip .about .aboutLeft .lianxi2_top img{ margin: 0 35%; width: 30%;}

.pageBox .treflip .about .aboutLeft .lianxi3{width:100%;}
.pageBox .treflip .about .aboutLeft .lianxi3 img{width: 100%; margin-top: .3rem;}


.liuyan{width: 100%; margin: .3rem 0;}
.liuyan_left{width: 50%;float: left;}
.liuyan_left img{width: 100%;}
.liuyan_right{width: 50%;float: left; padding: 0 .2rem;}
.liuyan_right p{padding-bottom: .1rem; padding-top: 0;}
.liuyan_right .form_l li{ height: 0.57rem; position: relative; padding-left: 1.32rem; }
.liuyan_right .form_l li .txt{ position: absolute; left: 0px; top: 0px; width: 1.3rem; text-align:left; font-size: 0.14rem; line-height: 0.4rem; color: #5b5b5b; }
.liuyan_right .form_l li .txt em{ color: #ff0000; }
.liuyan_right .form_l li .txt img{ position: absolute; left: 0px; top: 50%; margin-top: -0.08rem; width: 0.17rem; }
.liuyan_right .form_l li .input1{ width: 80%; height: 0.4rem; background: #fff; line-height: 0.4rem; border-radius: 0.04rem; font-size: 0.14rem; text-indent: 0.1rem;border: #d1d1d1 1px solid; }
.liuyan_right .form_r .btnGroup button{ display: block; width: 0.96rem; height: 0.4rem; text-align: center; line-height: 0.4rem; border: #598db5 solid 1px; color: #598db5; font-size: 0.14rem; border-radius: 0.24rem; background: #fff;margin: 0 auto; }
.liuyan_right .form_r .btnGroup button:hover{ border: #598db5 solid 1px; background: #598db5; color: #fff; }



@media screen and (min-width:768px){
	.pageBox .treflip .about .aboutLeft .lianxi2_top:nth-child(5) {border-right: none;}
	.sjimg{display:none}
}


@media screen and (max-width:1440px){
	.youshi2{width:90%;}
	.culturePart5 .tu12 img{width:90%;}
	.culturePart4 .youshi img{width: 40%; margin-left: 30%;}
	.culturePart4 .youshi p{font-size: .24rem;line-height: .5rem;}
	.culturePart4 .youshi .jiacu{ margin:.2rem 0;font-size: .3rem;}
	.culturePart5 .biaoti1{font-size: .45rem;}
	.culturePart5 .biaoti2{font-size: .3rem; margin-bottom: .2rem;}
	.culturePart5 .biaoti3{font-size: .24rem; line-height: 0.5rem;}
	.culturePart5 .biaoti4{font-size: .24rem; line-height: 0.5rem;}
	.culturePart5 .tu12 p{font-size: 0.24rem; line-height: .7rem;}
}

@media screen and (max-width:1200px){
	.liuyan_right .form_l li .txt{width: 18rem;}
	.liuyan_right .form_l li{padding-left: 1.82rem;}
	.liuyan_right .form_r .btnGroup button{width: 1.5rem; height: .45rem;}
	
}

@media screen and (max-width:1004px){
	.youshi{width:50%;min-height: 3rem;}
	.youshi3{width:33%;}
	.culturePart4 .youshi img{width: 30%; margin-left: 35%;}
	.culturePart4 .youshi p{font-size: .14rem;line-height: .3rem;}
	.culturePart4 .youshi .jiacu{margin:.15rem 0;font-size: .18rem;}
	.culturePart5 .tu12 p{font-size: .2rem;line-height: .6rem;}
	.liuyan_left{display:none}
	.liuyan_right{width: 100%;}

	
}
	
@media screen and (max-width:768px){
	.pageBox .treflip .about .aboutLeft .lianxi2_top{width: 50%; margin-top: .3rem;}
	.pageBox .treflip .about .aboutLeft .lianxi2_top:nth-child(2n) {border-right: none;}
	.pcimg{display:none}
	}