/*头部*/
.header{height: 106px;  width: 100%; position: absolute; background-image: url(../img/header_bg.png); z-index: 999999;}
.header .logo{width: 120px;height: 63px;display: block; margin: 18px 0;}
.header .nva-but{display: block; float: right;}
.header .header_top_r{width: 1200px;}
.header .header_top_r ul{white-space:nowrap;width: 1200px; float: left} 
.header .header_top_r ul li{float: left; height: 106px; font-size: 16px; text-align: center; position: relative; width: 150px;transition: all 0.3s; display: flex;align-items: center; justify-content: center;} 
.header .header_top_r ul li::before{content: '';width: 0%; height: 2px; position: absolute; bottom: 0;left: 50%; background: #234fa1;transition: all 0.3s; }
.header .header_top_r ul li.on,.header .header_top_r ul li:hover{color: #234fa1; position: relative;}
.header .header_top_r ul li.on::before{width: 100%;left: 0%;}
.header .header_top_r ul li:hover::before{width: 100%; left: 0%;}


.header .nva-but{width: 102px;height:104px; cursor: pointer; text-align: center;position: relative; display: block;}
.header .nva-but span {width: 32px;height: 3px;right:20px;  background-color: #696969;position: absolute;transition: ease .6s;-ms-transition: ease .6s; -moz-transition: ease .6s; -webkit-transition: ease .6s;-o-transition: ease .6s;}
.header .nva-but span:nth-child(1){top:35px;transform-origin:left; width: 26px;}
.header .nva-but span:nth-child(2){top:47px}
.header .nva-but span:nth-child(3){top:59px;transform-origin:right;width: 20px;}
.header .nva-but span:nth-child(4){top:47px;}

.header .nva-but.on span:nth-child(1){transform:scaleX(0)}
.header .nva-but.on span:nth-child(2){transform:rotate(45deg)}
.header .nva-but.on span:nth-child(3){transform:scaleX(0)}
.header .nva-but.on span:nth-child(4){transform:rotate(-45deg)}

/*第二菜单*/
.header .navBox{position:fixed;right:0;top: 106px;z-index:28;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:ease .6s;visibility:hidden;}
.header .navBox .navUl{position:absolute;right:0;height:100%;background:#fff;width:260px; opacity:0;transition:ease .6s;z-index:5}
.navBox .bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.header .navBox ul{position:absolute;right:0;width:200px;top:100px; }
.header .navBox li.active h2 span{color:#0951b7}
.header .navBox li.active h2 a{color:#0951b7}

.header .navBox li+li{margin-top:15px}
.header .navBox li h2{font-size:22px;line-height:34px;font-weight:inherit}
.header .navBox li h2 span{width:17%;font-size:30px;display:inline-block;color:#e3e3e3;position:relative;top:4px;line-height:34px;transition:color .3s;}
.header .navBox li h2 a{display:inline-block;color:#333;transition:color .3s}
.header .navBox li h2 cite{width: 50px;height: 34px;background: url(../img/nav_jia.png) no-repeat center center;float: right;background-size: 25%;}
.header .navBox li h2 cite.on{background: url(../img/nav_jian.png) no-repeat center center;background-size: 25%;}

.header .navBox li p{display: none; padding-left:23px;font-size:14px;line-height:24px}
.header .navBox li p a{font-size: 16px; display:inline-block;color:#666;transition:color .3s}
.header .navBox li p.active a{color:#0951b7}
.header .navBox.menuActive{opacity:1;visibility:inherit}
.header .navBox.menuActive .navUl{transform: translateX(0%);opacity:1;transition:ease .6s .3s;}

.header-line {display: none;}

.footer{height: 220px; background: url(../img/footer-bg.jpg);color: #d3d3d3; }
.footer .list{height: 220px;display: block; margin: 0 auto; padding: 60px 0;}
.footer .list .address{width: 660px; display: block;}
.footer .list .address span{ display: block; font-size: 16px;}
.footer .list .address span i{ font-size: 28px;  }
.footer .list .address ul { padding: 0;display: inline-block;}
.footer .list .address ul li{float: left; padding-right:20px; border-right: 0px solid #d3d3d3; height: 18px;line-height: 18px;}
.footer .list .address ul li:nth-child(1){padding-right:0px;}
.footer .list .address ul li:last-child{border-right: 0;}
.footer .list .weixin{width: 140px; text-align: center; }
.footer .list .weixin h3{font-size: 16px; color: #fff; height: 50px; line-height: 50px; }
.footer .list .weixin img{width: 90px; }
.footer .list .link{margin-right: 5%;padding:27px 0;}
.footer .list .link select{width: 300px;height: 50px;padding-left: 20px;}

/*banner*/
.banner{position: relative;}
.banner ul li{width: 100%;height: 840px; display: block; background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner ul li div{width: 400px;height: 200px;position: absolute;left: 10%;bottom: 36%;}
.banner ul li div h3{font-size: 98px; font-family: efont; color: #fff;  opacity: 0.5;position: relative;}
.banner ul li div h3::after{content: ''; position: absolute;right: -63px; top: -38px; width:136px ; height: 124px; display: block; background: url(../img/banner-bg.png) no-repeat center; background-size: contain;  }
.banner ul li div h5{font-size: 40px;  color: #fff; position: absolute;left: 130px;top: 112px;}
.banner ul li div span{font-size: 18px;  color: #fff; position: absolute;left: 130px;bottom: 13px; }
/*新闻中心*/
.banner.news ul li div h3::after{right: 10px;}
.banner.news ul li div h5{left: 10px;}
.banner.news ul li div span{left: 10px;}
/*企业荣誉*/
.banner.honor ul li div h3::after{right: -93px;}
/*联系我们*/
.banner.contact ul li div { width: 525px;}
/*加入我们*/
.banner.join ul li div {width: 293px;}
/*南治公司 */
.banner.nanzhi ul li div span{width: 620px;white-space: initial; margin: 0 auto;}

.banner.work ul li div{width: 100%;left: 0%;bottom: 40%;right: 0;}
.banner.work ul li div h5{position: initial;left: initial;top: initial; text-align: center; display: block;line-height: 80px;}
.banner.work ul li div span{ position: initial;left: initial;bottom: initial; text-align: center;display:  block;}

/*公用标题样式*/
.index_title .title{height: 236px;display: block;padding-top: 100px;}
.index_title .title .tit{font-size: 30px; text-align: center;display: block;margin: 0 auto;}
.index_title .title .english{text-align: center; font-size: 16px; line-height: 30px;display: block;margin: 0 auto;}

.index_title.white .title .tit{color: #fff;}
.index_title.white .title .english{color: #fff;}


/*二级导航*/
.about_nav{background-color: #fff;text-align: center;height: 85px;margin-top: -85px; }
/*此处给父级设置font-size:0，然后再在子元素中设置字体大小，可以去掉元素间的间距。*/
.about_nav ul{height: 85px;font-size: 0; white-space:nowrap ;overflow-x: auto;}
.about_nav ul li{cursor: pointer;  height: 85px;line-height: 85px; padding: 0 50px; display: inline-block; font-size: 18px;text-align: center;}
.about_nav ul li.on,.about_nav ul li:hover{background-color: #234fa1; color: #fff;}

/*返回页头*/
.csdn-side-toolbar {position: fixed; right: 8px; bottom: 30px; width: 44px; z-index: 1999;display: none;}
.csdn-side-toolbar a.option-box {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%;background: #000;-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);background-color: #fff;text-align: center;height: 44px;cursor: pointer;margin-top: 8px;}
.csdn-side-toolbar a.option-box img {display: block;width: 24px;}
.csdn-side-toolbar a.option-box .show-txt {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 12px;line-height: 14px;color: #999aaa;background-color: #fff;text-align: center;opacity: 0;-webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;}
.csdn-side-toolbar a.option-box.active img, .csdn-side-toolbar a.option-box:hover img { display: none;}
.csdn-side-toolbar a.option-box.active .show-txt, .csdn-side-toolbar a.option-box:hover .show-txt { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1;}

.videos {display: none;width: 100%;height: 100%; z-index: 2;}

/*内容页开始*/
.index_content{background: #fafafa;}
.index_content .content {padding-top: 60px;overflow: hidden;padding: 35px;padding-bottom: 50px;min-height: 500px; }
.index_content .content h2 {text-align: center;padding: 50px 26px 26px 26px;line-height: 40px;font-weight: bold;font-size: 24px;}
.index_content .content h3 {color: #a5a5a5;text-align: center;padding-bottom: 20px;font-size: 16px;}
.index_content .content h5 {font-size: 14px; padding-left: 30px; background: url(../img/fhsyj.png) no-repeat 10px center;background-size: 14px;}

.index_content .content .info{font-size: 16px; height: 150px;}
.index_content .content .info ul li{width: 30%; float: left;margin-left: 10%;margin-right: 10%;}
.index_content .content .info ul li i{width: 70px;display: inline-block; text-align-last: justify; text-align: justify;}

.index_content .content .nav_content_li {font-size: 18px;min-height: 680px;width: 1100px;margin: 0 auto;}
.index_content .content .nav_content_li img {width: 680px;height: auto;padding-top: 5px;padding-bottom: 10px; display:block ; margin: 0 auto;}
.index_content .content .nav_content_li p{text-indent: 36px;line-height: 2;}
/*.index_content .content .nav_content_li h6{font-size: 18px;text-align: center;margin-bottom: initial;}*/

.index_content .content .nav_content_span {display: flex;justify-content: space-between;}
.index_content .content .nav_content_span .textover_spa {color: #75787b;padding-top: 30px;font-size: 16px;}
.index_content .content .nav_content_span .textover_sp {color: #75787b;padding-top: 30px;font-size: 16px;}

/* ss */
.erji-title{padding-bottom: 1%;}
.erji-title h1{font-size: 28px;padding-top: 20px;}
.search_title {margin-bottom: 25px;font-size:16px;} 
.search_list li{background-color: #f5f5f5; padding: 2%;margin-bottom: 2%;transition: ease .3s;}
.search_list li:nth-child(2n){background-color: #fff;}
.search_list li h4{padding-bottom: 1%;font-size: 16px;}
.search_list li .more-time{color: #7d7d7d;padding-top: 1%;font-size: 13px;}
.search_list li p{font-size: 15px;}
.search_list li:hover{margin-left: 1%;}



/*其它页面的banner*/
@media (max-width: 1680px) {
	
	.header{height: 96px;  }
	.header .logo{height: 63px;margin: 13px 0;}
	.header .header_top_r{width: 1120px;}
	.header .header_top_r ul{white-space:nowrap;width: 1120px; float: left} 
	.header .header_top_r ul li{height: 96px;width: 140px;} 

	
	.header .nva-but{height:96px; }
	.header .nva-but span:nth-child(1){top:32px;}
	.header .nva-but span:nth-child(2){top:44px}
	.header .nva-but span:nth-child(3){top:57px;}
	.header .nva-but span:nth-child(4){top:44px;}
	.header .navBox{top: 96px;}
	
	.banner ul li{height:735px ;}
	
	.about_nav{height: 82px;margin-top: -82px; }
	.about_nav ul{height: 82px;}
	.about_nav ul li{height: 82px;line-height: 82px; padding: 0 45px; }
}

@media (max-width: 1440px) {
	
	.header{height: 90px;  }
	.header .logo{height: 63px;margin: 10px 0;}
	.header .header_top_r{width: 960px;}
	.header .header_top_r ul{width: 960px;} 
	.header .header_top_r ul li{height: 90px; width: 120px} 
	
	.header .nva-but{height:90px; }
	.header .nva-but span:nth-child(1){top:30px;}
	.header .nva-but span:nth-child(2){top:42px}
	.header .nva-but span:nth-child(3){top:55px;}
	.header .nva-but span:nth-child(4){top:42px;}
	
	.header .navBox{top: 90px;}
	.banner ul li{height:630px ;}
	
	.about_nav{height: 78px;margin-top: -78px; }
	.about_nav ul{height: 78px;}
	.about_nav ul li{height: 78px;line-height: 78px; padding: 0 33px; }

}

@media (max-width: 1366px) {
	.header{height: 80px;  }
	.header .logo{height: 63px;margin: 8px 0;}
	.header .header_top_r{width: 920px;}
	.header .header_top_r ul{width: 920px;} 
	.header .header_top_r ul li{ height: 80px;width: 115px;} 
	
	.header .nva-but{height:80px; }
	.header .nva-but span:nth-child(1){top:26px;}
	.header .nva-but span:nth-child(2){top:38px}
	.header .nva-but span:nth-child(3){top:51px;}
	.header .nva-but span:nth-child(4){top:38px;}
	.header .navBox{top: 80px;}
	
	.banner ul li{height:598px ;}

	.about_nav{height: 75px;margin-top: -75px; }
	.about_nav ul{height: 75px;}
	.about_nav ul li{height: 75px;line-height: 75px; padding: 0 30px; }
}
/*@media (max-width: 1099.98px) { 　background: url(../img/icon-wap-nav.png) no-repeat center;background-size: 0.5rem; */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.header{height:1rem; width: 7.5rem; min-width: 7.5rem;background-color: #fff;position: fixed;left: 0; top: 0; right: 0;}
	.header .logo{width: 4rem;height: 1rem;display: block; padding: 0.15rem 0 0.1rem 0.2rem;margin: 0;}
	
	/*手机导航动画*/
	.header .nva-but{display: block;width: 1rem;height: 1rem;position: absolute;right: 0;top: 0; }
	.header .nva-but span{width: 0.5rem;height: 0.06rem; right: 0.25rem; background-color: #234fa1;position: absolute;transition:ease .6s}
	.header .nva-but span:nth-child(1){top:0.30rem;transform-origin:left;width: 0.4rem;}
	.header .nva-but span:nth-child(2){top:0.5rem}
	.header .nva-but span:nth-child(3){top:0.7rem;transform-origin:right;width: 0.3rem;}
	.header .nva-but span:nth-child(4){top:0.5rem;}
	
	.header .nva-but.on span:nth-child(1){transform:scaleX(0)}
	.header .nva-but.on span:nth-child(2){transform:rotate(45deg);}
	.header .nva-but.on span:nth-child(3){transform:scaleX(0)}
	.header .nva-but.on span:nth-child(4){transform:rotate(-45deg);}

	
	
	
	.header .header_top_r{margin: inherit;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: fixed;top: 0; right: -100%; transition: all .3s;}
	.header .header_top_r ul{width:60%;padding-top: 1rem;background: #fff;height:100%;position:absolute;right:0;top:0;z-index:100} 
	.header .header_top_r ul li{display: block;padding: 0.2rem;font-size:0.32rem;width:100%;height: 1.1rem;line-height: 0.7rem;border-bottom:1px dashed #999;position: relative;} 
	.header .header_top_r ul li i{text-transform:Uppercase; font-size: 0.26rem;}
	.header .header_top_r .search{display: none;}
	.header .header_top_r .language{display: none;}
	
	.header-line {display: block; height: 1rem;width: 100%;}
	

	.header .navBox{top:1rem ;}
	.header .navBox .navUl{width:3.60rem ;}
	.header .navBox ul{width:2.80rem ;top:1.00rem ;}
	.header .navBox li+li{margin-top:0.15rem ;}
	.header .navBox li h2{font-size:0.32rem ;line-height:0.6rem ;}
	.header .navBox li h2 span{font-size:0.42rem ;top:0.04rem ;line-height:0.34rem ;}
	.header .navBox li h2 cite{width:0.50rem ;height:0.50rem ;    background-size: 50%;}
	.header .navBox li h2 cite.on{background-size: 50%;}
	.header .navBox li p{padding-left:0.3rem ;font-size:0.26rem ;line-height:0.5rem ;}
	.header .navBox li p a{font-size:0.26rem ;}

	.footer{height: 3rem;font-size: 0.28rem; }
	.footer .list{height: 1.6rem;width: 100%;padding: 0.2rem 0;}
	.footer .list .address{width: 100%;padding: 0.2rem;}

	.footer .list .address span{font-size: 0.24rem;}
	.footer .list .address span i{ font-size: 0.26rem;  }
	.footer .list .address ul{display: none;}
	.footer .list .weixin{display: none;}
	
	/*其它页面的 banner*/
	.banner {height: 4rem !important;}
	.banner ul li{height: 4rem !important;;}
	.banner ul li div{width:4.00rem ;height:2.20rem ;bottom: 0.8rem;}
	.banner ul li div h3{font-size:1rem ;}
	.banner ul li div h3::after{right: -0.7rem; top: -0.4rem; width:1.36rem ; height: 1.36rem;  }
	.banner ul li div h5{font-size:0.36rem ;left:1.4rem ;top:1.1rem ;}
	.banner ul li div span{font-size:0.24rem ;left:1.4rem ;bottom:0.3rem ;}

	.banner.work ul li div{bottom: 0.8rem;}

	.banner.news ul li div h3::after{right: 0.1rem;}
	.banner.news ul li div h5{left: 0.1rem;}
	.banner.news ul li div span{left: 0.1rem;}

	.index_title .title{height:2.36rem ;padding-top:1.00rem ;}
	.index_title .title .tit{font-size:0.42rem ;}
	.index_title .title .english{font-size:0.28rem ;line-height:0.30rem ;}

		
	/*二级导航*/
	.about_nav{height: 0.8rem;margin-top: 0rem;width: 100% !important;}
	/*此处给父级设置font-size:0，然后再在子元素中设置字体大小，可以去掉元素间的间距。*/
	.about_nav ul{height: 0.8rem;}
	.about_nav ul li{cursor: pointer; width: auto; height: 0.8rem;line-height: 0.8rem; padding: 0 0.2rem;  font-size: 0.28rem;}
	
	.csdn-side-toolbar {right: 0.1rem; bottom: 0.3rem; width: 0.6rem; }
	.csdn-side-toolbar a.option-box {height: 0.6rem;margin-top: 0.1rem;}
	.csdn-side-toolbar a.option-box img {width: 0.4rem;display: block;}
	.csdn-side-toolbar a.option-box .show-txt {display: none;}
	.csdn-side-toolbar a.option-box.active img, .csdn-side-toolbar a.option-box:hover img { display: block;}
	.csdn-side-toolbar a.option-box.active .show-txt, .csdn-side-toolbar a.option-box:hover .show-txt { display: none;}
	
	
	/*内容页开始*/
	.index_content .content {padding: 0.5rem 0;min-height: 8rem; background: #fff;}
	.index_content .content h2 {padding: 0.8rem 0 0.3rem 0;line-height: 1.5;font-weight: bold;font-size: 0.4rem;}
	.index_content .content h3 {padding-bottom: 0.4rem;font-size: 0.28rem;}
	.index_content .content h5 {font-size: 0.28rem; padding-left: 0;}
	
	.index_content .content .info{font-size:0.3rem; height: 2rem;}
	.index_content .content .info ul li{width: 100%; margin-left: 0; margin-right: 0;}
	.index_content .content .info ul li i{width: 1.2rem;}
	
	.index_content .content .nav_content_li {font-size:0.32rem; min-height: 6rem;width: 100%;}
	.index_content .content .nav_content_li p{text-indent: 0.64rem;}
	.index_content .content .nav_content_li img {width: 100%;height: auto;padding-top: 0.2rem;padding-bottom: 0.2rem;}
	.index_content .content .nav_content_span {display: block;}
	.index_content .content .nav_content_span .textover_spa {width: 100%; display: block;padding-top: 0.2rem;font-size: 0.28rem;}
	.index_content .content .nav_content_span .textover_sp {width: 100%;display: block;padding-top: 0.2rem;font-size: 0.28rem;}
	/*内容页结束*/
	
	/* ss */
	.erji-title {padding-bottom: 0.3rem;}
	.erji-title h1{font-size: 0.38rem;padding-top: 0.3rem;}
	.search_title {margin-bottom: 0.3rem;font-size:0.28rem;} 
	.search_list li {padding: 0.2rem;}
	.search_list li h4{font-size: 0.32rem; line-height: 0.4rem;}
	.search_list li .more-time{ font-size: 0.24rem;}
	.search_list li p{font-size: 0.26rem;}
}