#head{height: 920px; background: url(../img/banner.jpg);}

#nav{height: 97px; display: flex; justify-content: space-between; position: fixed; width: 100%; z-index: 2; transition: all 0.3s; background:rgba(0,0,0,0.2)}
#nav.on{background: rgba(0,0,0,0.6);}
#nav .logo{float: left; padding-top: 10px; padding-left: 60px;}
.sjmenu{float: right; padding-top: 15px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px;  top: 20px; right: -5px; z-index: 999; position: fixed;transition:all .3s cubic-bezier(.4, 0, .2, 1)}
.mdui-drawer-body-right .sjmenu{background: rgba(0,0,0,0.6); right: 240px;}
.menu{padding-top: 29px;}
.menu ul{display: flex; color: #fff; font-size: 16px;}
.menu ul li{margin: 0 47px; height: 48px; line-height: 48px; position: relative; padding-bottom:20px;}
.menu ul li.on{color: #ff8400; font-weight: bold;}
.menu ul li.on::after{width: 40px; height: 3px; content: ''; display: block; background: #bf762b; border-radius: 2px; position: absolute; bottom: 20px;left: 50%; margin-left: -20px;}
.menu ul li ul{position: fixed; background: #202125; width: 100vw; height: 0px; top:92px; left: 0; display: flex; justify-content: center; overflow: hidden; }
.menu ul li ul li{font-size: 14px; margin: 0 22px; line-height: 80px; }
.menu ul li:hover ul{height: 80px;}
.banner ul li{display: flex; justify-content: center; color: #fff;}
.banner .bd{padding-top: 227px; height: 520px;}
.banner_tit{    display: flex;
    flex-direction: column;
    justify-content: center; padding-right: 100px; max-width:500px;}
.banner_tit h3{font-size: 35px; font-weight: bold; line-height: 35px;}
.banner_tit span{font-size: 16px;}
.banner_tit p{font-size: 26px; line-height: 46px; padding-top: 20px;  }
.banner_tit a{width: 108px; height: 34px; display: block; border: 2px solid #fff; text-align: center; line-height: 34px; margin-top: 55px; }
.banner .hd{padding-left: 140px; padding-right: 140px; overflow: hidden; position: relative;}
.banner .hd ul{display: flex; height: 125px; align-items: center; overflow: hidden;}
.banner .hd ul li{width: 160px; height: 89px;  float: left; margin: 0 9px; position: relative; z-index: 1; align-content: center;
    justify-content: center;  transform: scale(1);}
.banner .hd ul li.on{  transform: scale(1.2); transition: all 0.3s; }
.banner .hd ul li img{max-width: 100%; max-height: 100%;}
.banner .hd ul li .img{width: 160px; height: 89px;background: url(../img/bannerhd.jpg); background-size: cover;     display: flex;
    align-content: center;
    justify-content: center;}
.banner .hd ul li.on .img{ z-index: 2; transition: all 0.3s;}

.banner .hd ul li.on img{}
.banner .hd .prev1,
.banner .hd .next1{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:90px;  z-index:1000; width:40px; height:60px; background:url(../img/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5;  }
.banner .hd .next1{ left:auto; right:90px; background-position:-6px -137px; }
.index_m{padding-left: 22px; padding-right: 22px; padding-bottom: 30px;}
.index_m .m{margin-top: 20px;}
.index_m .m img{display: block; width: 100%;}
.index_gsjs{height: 720px; background: url(../img/m.jpg) center;}
.index_gsjs_con{width: 41.6%; padding-left: 152px;}
.index_gsjs_t{color: #fff;padding-top: 120px;}
.index_gsjs_t>h3{font-size: 36px; font-weight: bold; line-height: 36px;}
.index_gsjs_t>span{font-size: 14px; font-family: 'Arial'}
.index_gsjs_t_con{margin-top: 20px; position: relative;}
.index_gsjs_t_con h3{font-size: 30px; font-weight: bold; display: block; }
.index_gsjs_t_con h3 span{color: #ff7521;}
.index_gsjs_t_con::after{content:''; height: 2px; width: calc(100% - 360px); background: #fff; display: block; position: absolute; top: 30px; right: 0; }
.gsjs_p{color: #fff; font-size: 16px; line-height: 34px; padding-top: 20px;}
.gsjs_p a{width: 108px; height: 34px; display: block; border: 2px solid #fff; font-size: 16px; text-align: center; line-height: 34px; margin-top: 60px;}


#foot{height: 465px; background: #353535;}
.foot1{height: 397px; padding-left: 58px; display: flex; justify-content: space-evenly;}

.foot1_l{width: 242px; float: left; padding-top: 96px;}
.foot1_m {padding-top: 70px;    }
.foot1_m ul{display: flex;}
.foot1_m>ul>li{color: #fff; font-size: 18px; font-weight: bold; margin-left: 40px;}
.foot1_m ul li ul{display: flex;flex-direction: column;}
.foot1_m ul li ul li{font-size: 13px; line-height: 31px; font-weight: normal; }
.foot1_r{
	color: #fff;
	padding-top: 25px;
}
.foot1_r li{display: flex; line-height: 48px; margin-top: 37px;}
.foot1_r li img{display: inline-block; float: left; margin-left: 20px; cursor: pointer;}
.foot1_r p{padding-left: 20px; font-size: 24px; line-height: 44px;}
.foot2{height: 67px; border-top: 1px solid #727272; text-align: center; line-height: 67px; font-size: 14px; color: #fff;}

/* 关于我们 */
#Abbanner{height: 700px; background: url(../img/zybanner.jpg) center no-repeat; background-size: cover; display: flex; color: #fff;justify-content: center;
    align-items: center;
    flex-direction: column; }
	#Abbanner h3{font-size: 35px; font-weight: bold;line-height: 30px; padding-top: 80px;}
	#Abbanner span{font-size: 16px; font-weight: normal; line-height: 30px;text-transform: uppercase;}
	
#Abm1{height: 785px;}	
.zyt1{height: 195px; text-align: center;}
.zyt1 h3{font-size: 30px; font-weight: normal; line-height: 30px; padding-top: 85px;}	
.zyt1 span{font-size: 12px; line-height: 30px;}	
.Abm1con{height: 460px; padding: 20px; background: #f2f4f5;}
.Abm1conImg{width: 650px; height: 460px; float: left;}
.Abm1conr{width: 580px; float: right; padding-right: 74px; padding-top: 60px; font-size: 16px; line-height: 34px; }	
#Abm2{height: 1515px; background: #f5f5f5; min-width: 1400px;}	
.abm2img{width: 1352px; height: 846px; margin: auto; position: relative; z-index: 2;}
.abm2ul{height: 320px; padding-top: 130px; width: calc(100% - 44px); margin: auto; background: #fff; position: relative; top: -56px; position: relative;}
.abm2ullun{width: 90%; margin: auto;}
.abm2ul .bd{width: 100%; margin: auto;}
.abm2ul li{float: left; width: 25%; height: 230px; display: flex; justify-content: center;}
.abm2ul li img{width: 350px; height: 230px; object-fit: cover; }
.abm2ul .next{width: 51px; height: 51px; background: url(../img/icon4.png); position: absolute; right: 24px; top: 200px;}
.abm2ul .prev{width: 51px; height: 51px; background: url(../img/icon3.png); position: absolute; left: 24px; top: 200px;}
#Abm3{height: 995px;  background: #fff; padding-left: 20px; padding-right: 20px;}
.abm3con{background: url(../img/ab4.jpg) top no-repeat; margin-top: 65px; height: 830px; padding-top: 20px; }
.zyt2{height: 195px; text-align: center; color: #fff;}
.zyt2 h3{font-size: 30px; font-weight: normal; line-height: 30px; padding-top: 85px;}	
.zyt2 span{font-size: 12px; line-height: 30px;}	
.abm3conbd{height: 555px; padding-top: 45px; background: #fff; border: 2px solid #f2f4f5; padding-left: 40px; margin-top: 30px; }
.abm3conbd ul{height: 470px;}
.abm3conbd ul li{width: 420px; float: left; margin-right: 25px; }
.abm3conbd ul li img{width: 420px; height: 300px; object-fit: cover; }
.abm3conbd ul li span{font-size: 15px; color: #909090;}
.abm3conbd ul li h3{font-size: 18px; font-weight: normal;}
.abm3conbd .more{width: 130px;height: 35px; border-radius: 17px; border:1px solid #000; line-height: 35px; text-align: center; font-size: 15px; margin: auto;}
#abm4{height: 540px; background: #f5f5f5;}
.abm4con ul{display: flex; justify-content: space-between;}
.abm4con ul li{width: 240px; height: 233px; position: relative;}
.abm4kuang{width: 240px; height: 190px; background: #fff; position: absolute; z-index: 1; bottom: 0; border-radius: 43px;}
.abm4p{position: relative; z-index: 2; text-align: center; }
.abm4p .icon{height: 48px;padding-top: 19px;}
.abm4p h3{font-weight: normal; font-size: 18px; padding-top: 15px; padding-bottom: 10px;}
.abm4p p{font-size: 22px; line-height: 35px; font-weight: bold; font-style: italic;}
.abm4p img{display: block; margin: auto;}
.abm4p span{font-size: 18px; line-height: 50px;}

.cp_t{font-size: 24px; font-weight: 700; padding-top: 60px; }
.cp_t a{float: right;}
.cp_con{height: 330px;}

.spxwul2{margin-left: -30px; margin-top: 30px;}
	.spxwul2 li{width: calc(25% - 50px); padding: 10px; height: auto; text-align: center; box-shadow: 0px 5px 10px #cfcfcf; float: left; margin-bottom: 42px; margin-left: 30px; padding-bottom: 10px;}
	.spxwul2 li img{height: 245px; object-fit: contain;}
	.spxwul2 li a{width: 100%;}
	
	.spxwul2 li .h3{font-size: 18px; color: #333333; font-weight: bold; display: block; line-height: 30px; padding-top: 5px;}
	.spxwul2 li .sj{color: #999999; font-size: 12px;}


#cphead{height: 97px; background: #000;}
#cpbanner  ul li{}
/* 本例子css */
	#cpbanner{ width:100%;  position:relative;  height:700px; background:#000;  }
	#cpbanner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	#cpbanner .bd ul{ width:100% !important;  }
	#cpbanner .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  }
	#cpbanner .bd li a{ display:block; height:700px; }
#cpbanner .bd li img{width: 100%; height: 700px; object-fit: cover;}
	#cpbanner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
	#cpbanner .hd ul{ text-align:center;  padding-top:5px;  }
	#cpbanner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
	#cpbanner .hd ul .on{ background-position:0 0; }

#newbanner{height: 300px; background: url(../img/zybanner.jpg) center; display: flex; color: #fff;justify-content: center;
    align-items: center;
    flex-direction: column; }
	#newbanner h3{font-size: 35px; font-weight: bold;line-height: 30px; padding-top: 80px;}
	#newbanner span{font-size: 16px; font-weight: normal; line-height: 30px;text-transform: uppercase;}	
@media (max-width:1800px){
	.banner .hd ul li{width: 140px; height: 89px;  float: left; margin: 0 9px; position: relative; z-index: 1; align-content: center;
	    justify-content: center;  transform: scale(1);}
	.banner .hd ul li .img{width: 140px; height: 89px;background: url(../img/bannerhd.jpg); background-size: cover;     display: flex;
	    align-content: center;
	    justify-content: center;}
		.abm2ul li img{width: 300px; height: 200px; object-fit: cover; }
}

@media (max-width:1600px){
	.foot1_m{display: none;}
	.banner .hd ul li{width: 120px; height: 89px;  float: left; margin: 0 9px; position: relative; z-index: 1; align-content: center;
	    justify-content: center;  transform: scale(1);}
	.banner .hd ul li .img{width: 120px; height: 89px;background: url(../img/bannerhd.jpg); background-size: cover;     display: flex;
	    align-content: center;
	    justify-content: center;}
}

@media (max-width:1200px){
	.menu{display: none;}
	.banner .hd{display: none;}
	.index_gsjs{height: auto; padding-bottom: 30px; background: url(../img/m.jpg) left;}
	.index_gsjs_con{width: 80%;padding-left: 0; margin: auto; }
	.banner ul li{flex-direction: column-reverse;align-items: center;}
	.banner ul li img{width: 400px;}
	.banner_tit h3{font-size: 30px; font-weight: bold; line-height: 35px;}
	.banner_tit span{font-size: 14px;}
	.banner_tit p{font-size: 18px; line-height: 26px; padding-top: 20px;  }
	#foot{height: auto;}
	.foot1{display: none;}
}

@media (max-width:768px){
#head{height: 820px; background: url(../img/banner.jpg);}
.banner ul li{display: flex; justify-content: center; color: #fff;}
.banner .bd{padding-top: 127px; height: 520px;}
    .banner_tit{    display: flex;
    flex-direction: column;
    justify-content: center; padding-right: 15px; padding-left:15px; max-width:500px;}
    	.banner ul li{flex-direction: column-reverse;align-items: center;}
	.banner ul li img{width: 300px; height:300px; object-fit:contain; }
	.banner_tit h3{font-size: 30px; font-weight: bold; line-height: 35px;}
	.banner_tit span{font-size: 14px;}
	.banner_tit p{font-size: 18px; line-height: 26px; padding-top: 20px;  }
  .index_m{padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}  
    
    
    
	#Abbanner{height: 300px; background: url(../img/zybanner.jpg) top center; display: flex; color: #fff;justify-content: center;
	    align-items: center;
	    flex-direction: column; }
	#Abbanner h3{font-size: 35px; font-weight: bold;line-height: 30px; padding-top: 30px;}
	#Abm1{height: auto;}
	#Abm1 .container{padding: 0; width: 100%; min-width: auto; max-width: none;}
	.Abm1con{height: auto; padding: 20px; background: #f2f4f5;}
	.Abm1conImg{width: 100%; height: auto; float: none;}
	.Abm1conr{width: 100%; float: none; padding-right: 0px; padding-top: 30px; font-size: 16px; line-height: 34px; }	
	.zyt1{height: 115px; text-align: center;}
	.zyt1 h3{font-size: 30px; font-weight: normal; line-height: 30px; padding-top: 35px;}	
	.zyt1 span{font-size: 12px; line-height: 30px;}	
	#Abm2{height: auto; background: #f5f5f5; min-width: auto;}	
	.abm2img{width: 100%; height: auto; margin: auto; position: relative; z-index: 2;}
	.abm2ul{height: 320px; padding-top: 70px; width: calc(100% - 44px); margin: auto; background: #fff; position: relative; top: -56px; position: relative;}
	.abm2ul li{float: left; width: 100%; height: 230px; display: flex; justify-content: center;}
	.abm2ul li img{width: 100%; height: 230px; object-fit: cover; }
	.abm3conbd{padding-left: 0; height: 450px;}
	.abm3conbd ul{height: 330px;}
	.abm3conbd ul li{width: 220px; float: left; margin-right: 25px; }
	.abm3conbd ul li{width: 100%; float: left; margin-right: 0px; }
	.abm3conbd ul li img{width: 100%; height: 200px; object-fit: cover; }
	.zyt2{height: 95px; text-align: center; color: #fff;}
	.zyt2 h3{font-size: 30px; font-weight: normal; line-height: 30px; padding-top: 30px;}	
	#Abm3{height: 675px;  background: #fff; padding-left: 20px; padding-right: 20px;}
	
	#abm4{height: auto; background: #f5f5f5;}
	.abm4con ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
	.abm4con ul li{width:calc(50% - 10px); height: 233px; position: relative; margin-bottom: 30px;}
	.abm4kuang{width: 100%; height: 190px; background: #fff; position: absolute; z-index: 1; bottom: 0; border-radius: 43px;}
	.foot2{height: auto; border-top: 1px solid #727272; text-align: center; line-height: 30px; padding-top: 15px; padding-bottom: 15px; font-size: 14px; color: #fff;}
}