@charset "utf-8";
/* CSS Document */

/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#07599f;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}

@media all and (max-width:1800px) {

/*--*/
.list-banner .text {margin-left: -600px;}
	
}

@media all and (max-width:1600px) {
	
/*--*/
.container{padding-left: 15px;padding-right: 15px;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 350px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 120px;height: 120px;top: 120px;}
.business-box dt em img {width: 120px;height: 120px}	
	
}	

@media all and (max-width:1570px) {

/*--*/
.headR{ padding-right:15px;}
/*--*/
.yh-services .box ul li {width: 31.4%;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 330px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 110px;}
.business-box dt em img {width: 100px;height: 100px}
/*--*/
.yh-content .contact1 ul li .zbox{ padding:0 30px 10px 30px;}
.yh-content .contact1 ul li {width: 23.2%;}
	
}

@media all and (max-width:1440px) {

/*--*/
.yh-services .box ul li {width: 31.2%;}
/*--*/
.listTie {font-size: 34px;}
/*--*/
.list-banner .text .cn {font-size: 30px;}
.list-banner .text .des {margin-top: 15px;font-size: 16px;}
/*--*/
.hTitle span {font-size: 30px;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 320px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 100px;}
.business-box dt em img {width: 100px;height: 100px}

}

@media all and (max-width:1300px) {

/*--*/
.yh-services .box ul li {width: 31%;}
/*--*/
.list-banner .text {margin-left: 0;left: 3%;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 310px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}
/*--*/
.yh-content .contact1 ul li {width: 23%;}

}

@media all and (max-width:1200px) {

/*--*/
.nav .m>a {font-size: 16px;}
.nav {padding: 0 240px 0 20%;}
/*--*/
.listTie {font-size: 32px;}
/*--*/
.title-en strong{font-size: 28px; line-height: 28px;}
.title-en b{font-size: 60px}
.brief-box{margin-top: 0}
.about-pic{width: 46.9%}
/*--*/
.yh-services .box ul li {width: 30.8%;}
/*--*/
.foot {display: block;}
/*--*/
.yh-menu{ font-size:14px;}
.yh-menu .list{font-size:1rem;}
.yh-menu .list a{margin:0 20px;}
/*--*/
.hTitle span {font-size: 26px;}
/*--*/
.yh-about .left{padding-top:0;}
.yh-about .tie{font-size:2em;margin-bottom:25px;}
/*--*/
.yh-promise li{height:310px;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 310px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}
/*--*/
.yh-content .contact1 ul li .zbox{ padding:0 10px 10px 10px;}
.yh-content .contact2 .contact2Body{ width:450px;}
/*--*/
.yh-content .contact1 ul li { margin-right:26px;}


}

@media all and (max-width:1140px){

/*--*/
.yh-services .box ul li {width: 30.6%;}	
.yh-services .box ul li ol {height: 300px;}
/*--*/
.list-banner .text .des {font-size: 16px;}
.list-banner .text .cn {font-size: 30px;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 310px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 100px;height: 100px;top: 80px;}
.business-box dt em img {width: 100px;height: 100px}

}


@media all and (max-width:1040px){
	
/*--*/
.list-banner .text .des {font-size: 16px;}
.list-banner .text .cn {font-size: 30px;}
/*--*/
.business-box dl,.newsShow .business-box dl {height: 310px;margin-bottom: 30px;}
.business-box dd h3 a {font-size: 22px; font-weight:bold;}
.business-box dt em {width: 79px;height: 79px;top: 80px;}
.business-box dt em img {width: 79px;height: 79px;}

}

@media all and (max-width:1024px) {

/*--*/
body{padding-top:60px;font-size:.875rem;}
.pd50,.pd60,.listWrap{padding-top:20px;padding-bottom:20px;overflow: hidden;}
.header{height:60px;line-height:60px;position:absolute;width:100%;top:0;left:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
.header .logo img{height:40px;}
.headTie{padding-top:22px;}
.nav_on{opacity:1;transform: translateX(0);}
.navTrigger,.wapTel,.footMenu_wap{display:block;}
.nav,.headTel,.footR,.footMenu em,.gr_kefu,.firendlink,.breadCrumb,.headR,.yh-menu::after,.yh-menu p {display:none;}
.job-box .bgImg, .job-box .font,.yh-about .right,.yh-about .left,.yh-promise .main,.yh-promise .bgImg,.zr-menu .list{float: none;width: 100%;}
.banner .swiper-pagination{bottom:5px;}
.banner .swiper-pagination{bottom:5px;}
.flex-between {flex-wrap: wrap;}
/*--*/
.listTie {font-size: 24px;margin-bottom: 25px;}
/*--*/
.zbgg_left,.zbgg_right {width: 100%;}
.zbtt_lb li {width: 25%;}
/*--*/
.yh-services .box ul li {width: 50%;padding: 0 5px;margin-bottom: 10px;float: left; margin-right:0;}
.yh-services .box ul li ol h3 {font-size: 20px;}
/*--*/
.yh-brief{padding: 51px 0}
.brief-box .title-en{text-align: center; margin-bottom: 30px}
.title-en strong{right: 0; margin: auto}
.brief-box,.about-pic{float: none;}
.brief-box{width: 100%}
.brief-box p{margin-bottom: 30px}
.about-pic,.about-pic img{width: auto; margin: 0 auto}
.brief-box .index-more a{ margin: 0 auto 30px}
/*--*/
.yh-info {padding: 30px 0 30px;}
.info-box .list ul li {width: 100%; margin-bottom:30px;}
.index-more a{width: 150px;font-size: 15px;line-height: 45px;}
.yh-info .index-more a {margin: 6px auto 0;}
/*--*/
.list-banner {height: 200px;}
.list-banner .picture img{height: 200px;}
/*--*/
.yh-menu {padding:0;height:auto;line-height:100%;text-align:center;} 
.yh-menu .list{display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;float: none;}
.yh-menu .list a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
.yh-menu .list .cur{background:#2853bc;color:#fff;}
/*--*/
.yh-four li {width: 50%;padding: 0 0 10px 10px;}
/*--*/
.hTitle span {font-size: 20px;}
/*--*/
.yh-about .left{padding-top:20px;}
.yh-about .font,.yh-about .left{height:auto;}
.yh-about .tel{position: relative;margin-top:15px;}
/*--*/
.yh-environment li {width: 50%;}
/*--*/
.business-box {padding: 30px 0;}
.business-box dl,.newsShow .business-box dl {width: 100%;height: 360px; margin-bottom:20px;}
.business-box dt em {width: 79px;height: 79px;top: 180px;right: 20px;}
.business-box dt em img {width: 79px;height: 79px;}
.business-box dd h3 a {font-size: 20px; font-weight:bold;}
.business-box dd {padding: 25px 15px 0 15px;}
.business-box dd p {line-height: 25px;}
/*--*/
.yh-news li {width: 50%;padding-right: 20px;}
/*--*/
.newsShow .left .title .tit {font-size: 22px;}
.newsShow .left .title p {font-size: 14px;}
/*--*/
.jobList li{padding:0 20px;}
/*--*/
.yh-content .contact1{ margin:0 -10px;}
.yh-content .contact1 ul li {width: 25%;margin-right:0;}
.yh-content .contact1 ul{ margin-top:80px;}
.yh-content .contact1 ul li{ padding:0 10px;}
.yh-content .contact1 ul li .zbox{ padding:0 10px 10px 10px; height:180px;}
.yh-content .contact1 ul li .zbox .ico{ width:80px; height:80px; margin-top:-40px;}
.yh-content .contact1 ul li .zbox h5{ margin-top:15px; line-height:20px; font-size:16px;letter-spacing:1px;}
.yh-content .contact1 ul li .zbox h6{ letter-spacing:0px;}
.yh-content .contact1 ul li .zbox .jj{ margin-top:12px; line-height:22px; font-size:12px; letter-spacing:0px;}
.yh-content .contact1 ul li .zbox .btn{ width:100%; height:70px; line-height:70px;}
.yh-content .contact1 ul li .zbox .btn > img{ width:20px;}
.yh-content .contact1 ul li .zbox .btn .ewm{ width:70px; height:70px; margin-left:-35px;}
.yh-content .contact2{  margin:20px 0 40px 0;}

}

@media all and (max-width:920px) {

/*--*/	
.business-box dt em {top: 170px;}
  	
}

@media all and (max-width:880px) {

/*--*/	
.business-box dt em {top: 160px;}
  	
}

@media all and (max-width:768px) {

/*--*/
.yh-services{ padding:40px 0 40px;}
.yh-services .box ul li ol {height: 250px;padding: 20px 10px;}
/*--*/
.listTiel {font-size: 28px;margin-bottom: 0;}
/*--*/
.footer a { font-size: 12px; }
.footer .fta .aleft dl dt { font-size: 16px; }
.footer .fta .aleft dl dd p.spt { font-size: 28px; padding: 0; line-height: 1; margin-bottom: 10px; }
.footer .fta .aleft dl dd p { padding: 4px 0; font-size: 12px; }
.footer .ftb .aright { font-size: 12px; }
.footer .ftb .aleft { font-size: 12px;display: none; }
.footer .fta .aleft dl { display: none; }
.footer .fta .aleft dl:last-child { display: block; margin-bottom: 0; margin-top: 0;}
.footer .fta .aright img { max-width: 100%; }
.footer .fta .aright { width: 80px; font-size: 12px; }
.footer .fta .aright p { margin-top: 5px; text-align: center; font-size: 10px; }
.footer .fta .aleft { flex: 1; padding-right: 20px; }
.footer .fta .aleft dl dt { display: none; }
.footer .fta {padding: 45px 0 25px 0;}
.footer .ftb {padding-bottom: 55px;padding-top: 15px;}
/*--*/
.list-banner {height: auto;}
.list-banner .picture img { left:0;max-width: -webkit-fill-available;margin-left: 0;height: auto;}
.list-banner .text .cn {font-size: 18px;}
.list-banner .text .des {font-size: 14px;margin-top: 10px;}
/*--*/
.yh-about .right,.yh-promise .bgImg{height:400px;}
.yh-promise ul{margin-right:-10px;}
.yh-promise li{padding-right:10px;height:260px;}
/*--*/	
.business-box dl,.newsShow .business-box dl {height: 310px;}
.business-box dt em {top: 120px;}
/*--*/
.yh-news li {width: 100%;padding-right: 20px;}
/*--*/
.jobList .top{padding-right:0;}
.jobList .top a{margin-right:0;width:100%;margin-top:10px;}
.jobList .top span{width:50%;}
.jobList .top .tie{width:100%;}
.jobList .font .txt{float:none;width:100%;margin-bottom:15px;}
/*--*/
.yh-content .contact1{ margin:0 0;}
.yh-content .contact1 ul{ margin-top:20px;}
.yh-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.yh-content .contact2{  margin:10px 0 20px 0;}
.yh-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
/*--*/
.yh-content .contact1{ margin:0 0;}
.yh-content .contact1 ul{ margin-top:20px;}
.yh-content .contact1 ul li{ padding:0 10px; margin-top:50px; width:50%;}
.yh-content .contact2{  margin:10px 0 20px 0;}
.yh-content .contact1 ul li .zbox .ico {width: 60px;height: 60px;margin-top: -20px;}
.yh-feedback {padding-top: 40px;padding-bottom: 40px;margin-top: 40px;}
.yh-feedback .form-one { margin-top: 0; } 
  
}

@media all and (max-width:640px) {

/*--*/
.yh-menu .list a{padding:0 10px;line-height:42px;height:42px;}	
/*--*/	
.yh-about .right,.yh-promise .bgImg{height:320px;}
.yh-about .tie{font-size:1.8em;}
.yh-promise .txt{margin-bottom:10px;}
/*--*/	
.business-box dl,.newsShow .business-box dl {height: 280px;}
.business-box dt em {top: 70px;}
/*--*/
.form-foot .inp { width: 100%; height: 50px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-foot .inp:nth-child(3) { width: 100%; }
.form-foot .sub { width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.form-one input { width: 100%; height: 40px; font-size: 14px; padding: 0 15px; margin-bottom: 10px; }
.form-one textarea { width: 100%; height: 100px; margin-top: 0; padding: 15px 15px; }
.form-one .sub { width: 160px; height: 42px; line-height: 42px; font-size: 14px; margin: 35px auto 0; }

}

@media all and (max-width:480px) {

/*--*/	
.yh-about .right{height:220px;}
.yh-about .tel span{margin-left:10px;}
/*--*/	
.business-box dl,.newsShow .business-box dl {height: 260px;}
.business-box dt em {top: 60px;}
  	
}

@media all and (max-width:380px) {

/*--*/	
.business-box dl,.newsShow .business-box dl {height: 260px;}
.business-box dt em {top: 50px;}
  	
}