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

@media (max-width:1850px) {
   
	}

@media (max-width:1750px) {
    .homeSlide .list ul li .wordbox{ top:30%; margin-top:-100px;  }

  
	}

@media (max-width:1650px) {
 
 
	}	

	
@media (max-width:1600px) {


	}	


@media (max-width:1580px) {
   


	}	

@media (max-width:1500px) {
   .topbox .inbox{width:96%; margin:0 auto}
   .headbox .box{ width:96%; margin:0 auto}
   .homepart1 .centerbox{ width:96%; margin:0 auto}
   .homeSlide .list ul li .wordbox{ position:absolute;  left:2%;  margin-left:0;  max-width:1480px; margin-top:-100px; }
   
   .homepart3 .listbox{ width:76.19%; height:auto; overflow:hidden; background:#FFF; margin-left:15.93%; }
   
   .homepart4 .centerbox .centerin{ width:96%; margin:0 auto}
   .homepart4 .leftbox{ width:30%}
   
   .homepart4 .rightbox{ width:70%; height:auto; float:right; overflow:hidden;}
   
   .homepart5 .centerbox .centerin{ width:96%; margin:0 auto; }
   .homepart7 .centerbox .centerin{width:96%; margin:0 auto;}
   
   .aboutbox3 .listbox{ width:92%; margin:0 auto}
   .aboutbox4 .listbox{ width:92%; margin:0 auto}
   .aboutbox4 .listbox2{ width:92%; margin:0 auto}
	}	
	
@media (max-width:1450px) {
   .mainbox .toptitle3{ width:96%; margin:0 auto}
   .projectlist2 .list ul li .pic{ box-sizing:border-box; padding:0 20px 0 0}

	}	


@media (max-width:1380px) {

	.footmenu .centerbox .centerin{width:96%; margin:0 auto}
	
	.erSlide .namebox{ position:absolute; width:96%; left:2%; margin-left:0;top:50%; margin-top:-50px;} 
	.ertop .centerbox .centerin{ width:92%; margin:0 auto; font-size:12px}
	
	
	.erSlide .namebox{ position:absolute; width:92%; left:4%; margin-left:0; box-sizing:border-box; padding:0;  margin-top:-30px} 
	.erSlide .namebox .tit{ font-size:24px; line-height:30px; font-weight:700;  text-transform:uppercase}
	.erSlide .namebox .tit2{   font-size:14px; margin-top:10px; text-align:left; line-height:60px;  padding-bottom:10px;}
	
	.prolistbox .centerbox .centerin{ width:96%; margin:0 auto}
	
	.mainbox .centerbox .centerin{ width:96%; margin:0 auto}
	.mainbox .toptitle2{ margin-bottom:10px; font-size:20px; line-height:40px;  }
	
	.aboutbox1{ width:92%; margin:0 auto}
	.aboutbox2 .centerbox .centerin{ width:92%; margin:0 auto}
	
	.aboutbox3 .centerbox .centerin{ width:92%; margin:0 auto}
	.aboutbox4 .centerbox .centerin{ width:92%; margin:0 auto}
	.aboutbox5 .centerbox .centerin{ width:92%; margin:0 auto}


	
	}

@media (max-width:1350px) {
   .headbox .box .logo img{ max-height:50%}
   .headbox  .menu ul li{padding:0 20px ; font-size:14px; }
   
   .homeSlide .list ul li .wordbox .tit2{  font-size:30px;  line-height:40px; font-weight:700 }
   
   .homepart4 .leftbox .title2{ width:100%; height:150px; line-height:75px; font-size:40px}
   
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.homepart3 .listbox{ width:90%; height:auto; overflow:hidden; background:#FFF; margin:0 auto; }
	
    .aboutbox1{ padding:25px 0}
	.aboutbox1  .titbox{font-size:16px; }
	.aboutbox1  .titbox2{ width:100%;font-size:24px;  line-height:40px;  }
	


	}

@media (max-width:1216px) {
    
    
	
   
	}	

	
@media (max-width:1180px) {

	 
	}		


@media (max-width:1100px){
    .headbox  .telbox{ display:none}
	.headbox .box .searchbtn{ right:35px; }
	.headbox  .menubtn{ right:0 }
	.headbox  .menu{ right:60px  }
	}
	
	
@media (max-width:1050px){

	}	
@media (max-width:1015px){
  
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.topbox{ display:none}
	
	.headbox{ height:60px;  }
    .headbox .box{  height:60px; }
	.headbox  .menu{ display:none}  
	.headbox .box .logo{ position:absolute; left:0px; top:0; height:60px; line-height:60px;}
    .headbox .box .logo img{ max-height:50%}
	.headbox .tel{ display:none}
	.headbox .box .language{ position:absolute; right:80px; top:0px; height:60px; line-height:60px; font-size:14px;}
	.headbox  .menubtn{ display:block; right:0;height:60px; line-height:60px; }
	
	.headbox .box .searchbtn{ display:block;height:60px; line-height:60px; }
	
	.gotop{ display:none}
	
	
	.homeSlide .list ul li .wordbox{ left:2%; top:50%; margin-top:-150px;}
	.homeSlide .list ul li .wordbox .tit{  font-size:20px; line-height:40px; width:100%}
	.homeSlide .list ul li .wordbox .tit2{font-size:30px;  line-height:40px; width:100%;margin:10px 0; font-weight:700}
	.homeSlide .list ul li .wordbox .tit3{font-size:12px;line-height:30px;width:100%}
	
	.homeSlide .list ul li .morebox{ margin-top:20px;}
	.homeSlide .list ul li .more{ width:150px; height:40px; line-height:40px; font-size:14px;}

	.homeSlide .list ul li .playb{  height:40px; line-height:40px; font-size:14px;}
    .homeSlide .list ul li .playb img{ max-height:90%}
	
	.homeSlide  .leftarr{ display:none}
    .homeSlide  .rightarr{  display:none }
	
	.indexpage {position: absolute;left: 0;text-align: center;bottom:15px;width: 100%;}
	
	.homepart1{ padding:25px 0}
	.homepart1 .centerbox{ width:100%; margin:0 auto}
	.homepart1 .sbox{ width:96%; margin:0 auto}
	.homepart1 .sbox .titbox{ width:100%; height:auto; font-size:16px; font-weight:700; color:#0b9643; text-indent:20px; background:url(../Images/tline.png) left center no-repeat; text-transform:uppercase; margin-top:0px }
    .homepart1  .sbox .titbox2{ width:100%; height:auto; font-size:24px; font-weight:700; color:#1f242c; line-height:30px; margin:10px 0 }

    .homepart1  .sbox .wordbox{ width:100%; height:auto; font-size:16px; color:#1f242c; line-height:30px; margin:10px 0 }
   
    .homepart1 .morebox{ margin-top:0px;}
	.homepart1 .morebox .more{ width:105px; height:35px; line-height:35px; font-size:12px; }

	.homepart1 .morebox .intro{ float:left; height:60px; line-height:20px; overflow:hidden; margin-left:20px; font-size:12px;}


	.homepart1 .picbox{ display:none}
	.homepart1 .picbox2{ display:block}
	
	.homepart1 .more1{ display:block}
    .homepart1 .more2{ display:none}
	
	
	
	.homepart1 .list{ width:100%; height:118px; overflow:hidden; margin-top:23px;box-shadow: 0px 0px 10px 5px #f4f4f4; border:1px solid #e9e9ea; background:#FFF}
	.homepart1 .list ul li .box{ width:80%; height:118px; overflow:hidden; position:relative; margin:0 auto;}
	.homepart1 .list ul li .num{ width:100%; height:40px; margin-top:15px; font-size:20px;}
	.homepart1 .list ul li .num span{ font-size:20px;}
	.homepart1 .list ul li .tit{ height:50px; line-height:25px; font-size:14px;  }
	
	.homepart1 .list1{ display:none}
    .homepart1 .list2{ display:block; width:96%; margin:0 auto; margin-top:-80px; background:#FFF; position:relative; z-index:100}		
					
	
	.homepart2{padding:20px 0 20px 0 }
	.homepart2 .titbox{font-size:14px;line-height:30px; }
	.homepart2 .titbox2{font-size:20px; margin:0; line-height:40px;}
	.homepart2 .wordbox2{ width:80%; font-size:14px; margin:0 auto; line-height:20px; width:90%; }
    
	.homepart2 .list{ width:100%; height:650px; overflow:hidden; margin-left:-0% }
	
	.homepart2 .swiper-scrollbar2 {width: 92%;height:8px; overflow:hidden;background:#f1f1f1; float:none; margin:0 auto; margin-top:35px}
	
	.homepart3{ background:url(../Images/h3mb.png) center center no-repeat; background-size:cover;}
	
	.homepart4{ padding:25px 0}
	.homepart4 .leftbox{ width:100%; height:auto; float:none; }
	.homepart4 .leftbox .navone{ display:none}
	.homepart4 .rightbox{ width:100%; height:auto; float:none; margin-top:20px }
	
	.homepart4 .rightbox .list ul li .box{ width:96%; margin:0 auto; float:none }
	
	.homepart7{ padding:25px 0 25px 0; }

	.homepart7 .titbox{ height:25px; line-height:25px; font-size:14px; }
	.homepart7 .titbox2{ line-height:40px;font-size:24px; margin:0 } 
	.homepart7 .wordbox{ line-height:25px;  font-size:14px; margin-bottom:10px}  
	
	.homepart7 .listone{ width:100%; float:none; }

	.homepart7 .listone ul li{padding:5px 10px;  }


	
	.homepart7 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; float:none}
	
	.footmenu .part1{ display:none}
	.footmenu .part3{ width:100%; float:none; }
	
	.prolistbox{ padding:25px 0}
	.prolistbox .leftbox{ width:100%; float:none}
	.prolistbox .leftbox .titbox{ display:block}
	.prolistbox .leftbox .navlist{ display:none}
	.prolistbox .leftbox .picbox{ display:none}
	.prolistbox .rightbox{ width:100%; float:none}
	
	.ertop2 .navbox .list ul li{ padding:0; width:33.33%; font-size:14px; height:50px; line-height:50px; overflow:hidden;}
     
	.listnews2 ul li{ width:50%}
	.listnews2 ul li .box{ margin:0 auto}
	.listnews2 ul li:nth-child(3n) .box{ float:none; margin:0 auto} 
	
	.mainbox .toptitle3{ font-size:20px;}
	
	.aboutbox1 .wordbox{ font-size:14px; line-height:28px;  }
	
	
	.aboutbox2{padding:30px 0; background:url(../Images/ab2bg2.jpg) center center no-repeat; background-size:cover; }

	.aboutbox2 .titbox{ font-size:14px;  }
	.aboutbox2 .titbox2{  line-height:30px;font-size:20px; margin:0  }
	.aboutbox2 .wordbox{  margin-top:0px; font-size:14px; line-height:25px; min-height:20px}
	
	.aboutbox3 .listbox{ height:550px;   font-size:17px;margin-top:29px; }

	.aboutbox3 .listbox .list{  height:492px;}
	.aboutbox3 .listbox .list ul li .box{padding:15px;} 
	.aboutbox3 .listbox .list ul li .box .pic{  height:392px; overflow:hidden;} 
	.aboutbox3 .listbox .list ul li .box .tit{ height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:17px; color:#1f242c; margin-top:15px}

	
	.aboutbox3 .listbox .leftarr{ display:none}
    .aboutbox3 .listbox .rightarr{display:none}
	.aboutbox3  .pripage{ display:block}
	
	.aboutbox4 .listbox{ margin-top:20px;}
	.aboutbox4 .listbox .leftarr{ display:none}
	.aboutbox4 .listbox .rightarr{ display:none}
	.aboutbox4 .listbox2{ margin-top:20px}
	.aboutbox4 .listbox2 .leftarr{ display:none}
	.aboutbox4 .listbox2 .rightarr{ display:none}
	
	.aboutbox5  .titbox{  font-size:14px; line-height:25px; }
	.aboutbox5  .titbox2{ font-size:20px; line-height:40px; margin:10px 0;  }
	.aboutbox5 .listbox .list ul li{ width:50%;}
	.aboutbox5 .listbox .list ul li:nth-child(1) .box{ float:left}
	.aboutbox5 .listbox .list ul li:nth-child(1) .box .word{ font-size:24px;}
	.aboutbox5 .listbox .list ul li:nth-child(2) .box{ float:right}
	.aboutbox5 .listbox .list ul li:nth-child(2) .box .word{ font-size:24px;}
	.aboutbox5 .listbox .list ul li:nth-child(3){ width:100%}
	.aboutbox5 .listbox .list ul li:nth-child(3) .box{ width:100%}	
    
	
	.aboutbox3  .pripage .swiper-pagination-switch { background: #b5dfc6;}
	.aboutbox4  .teampage .swiper-pagination-switch {background: #b5dfc6;}
		  
	}
	
@media (max-width:960px){
	.homepart3{ padding:125px 0 25px 0}
	.homepart3 .listbox{ width:94%; margin:0 auto}

	.homepart3 .list ul li{  width:100%; height:auto; float:none; overflow:hidden; box-sizing:border-box; padding:15px 15px;border-bottom:1px solid #dfdfdf; } 
	.homepart3 .list ul li:nth-child(2){ border-left:0; border-bottom:1px solid #dfdfdf;}
	.homepart3 .list ul li:nth-child(3){ border-right:0; border-top:0;}
	
	.homepart3 .list ul li .box{ width:100%; height:auto;overflow:hidden;  position:relative}
	
	.homepart3 .list ul li .pic{ width:30%; height:103px;  overflow:hidden; float:left }
	.homepart3 .list ul li .pic img{ max-width:90%}
	.homepart3 .list ul li .wordbox{ width:70%; height:auto; float:left}
	.homepart3 .list ul li .tit{ width:100%; height:auto; line-height:25px;  font-size:20px; color:#1f242c; }
	.homepart3 .list ul li .word{ width:100%; height:50px; line-height:25px;  font-size:14px; }
	.homepart3 .list ul li .more{ width:100%; height:25px; line-height:25px;  font-size:14px; margin-top:10px }
    
	.protop .leftarea{ width:100%; float:none}
	.protop .rightarea{ width:100%; float:none; margin-top:15px;}
	.protop .rightarea .btnlist{ width:100%}
	
	#fixmenu .boxmenu{ width:100%;}
	#fixmenu .searchone{ right:40px; background-size:auto 20px}
	#fixmenu .toplogo .logo img{ height:25px;}

	}	


@media (max-width:850px) {

   }

@media (max-width:800px) {
   .productlist ul li{ width:50%}
   .relspro .productlist ul li:nth-child(3){ display:none}
   }   

@media (max-width: 768px) {
	.pcshow{ display:none}
	.mbshow{ display:block}

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/

	.gotop{  width:50px; height:auto;}
	.gotop ul li{width:50px; height:50px; position:relative; overflow: visible}
	.gotop ul li p{ width:50px; height:50px; padding:10px 0 0 0}
	.gotop ul li:hover p{ background:#728ca3}
	.gotop ul li p span{ display:none}
	

	.showus video{ width:100%; height:350px} 

	.theTit{ width:100%; height:auto; line-height:30px; font-size:18px; margin:0}
    .theauthor{ font-size:12px; margin:0}
	.theauthor .t1{ width:100%; display:block}
	.theauthor .t2{ width:100%; display:block}
	


    .fixbottomkong{ display:block}
	.fixbottom{ display:block}
	

	.homepart4 .leftbox .thebox{ height:auto; padding:25px;}
	.homepart4 .leftbox .title{height:30px; line-height:30px; font-size:14px; }
	.homepart4 .leftbox .title2{ width:100%; height:auto; line-height:30px; font-size:20px; margin-top:10px; }
	.homepart4 .leftbox .word{ width:100%; height:auto; line-height:25px; font-size:12px; margin-top:10px}
	
	.homepart4 .rightbox .list ul li{ width:50%; margin:5px 0}
	.homepart4 .rightbox .list ul li .box{ float:left; width:98%}
	.homepart4 .rightbox .list ul li:nth-child(2n) .box{ float:right}
	.homepart4 .rightbox .list ul li:nth-child(4) ~li{ display:none}	
	
	.homepart4 .rightbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 22px 26px 22px;  }
	.homepart4 .rightbox .list ul li .wordbox .tit{ width:100%; height:75px; line-height:25px; font-size:14px; overflow:hidden;}
	.homepart4 .rightbox .list ul li .wordbox .more{ width:100%; height:38px; line-height:38px; font-size:12px;  margin-top:10px; text-align:center}
	
	.homepart4 .rightbox .list ul li .picbox{ width:100%; height:200px; overflow:hidden; line-height:200px; position:relative; text-align:center}
    .homepart4 .rightbox .list ul li .picbox img{ max-width:90%; max-height:150px;transition: all 0.5s ease; position:relative; z-index:0; margin-top:30px;}
	
	
	.homepart5{ background:url(../Images/h5bg2.jpg) bottom center no-repeat #0b9643; background-size:100% auto; padding:20px 0 50px 0; min-height:170px}
	.homepart5 .titbox{ width:95px; height:27px; line-height:27px; font-size:14px;}
	.homepart5 .titbox2{ width:100%; height:auto; line-height:50px;  font-size:20px; font-weight:700; color:#fff; margin:5px 0} 
	.homepart5 .wordbox{ width:60%; height:auto; line-height:25px;  font-size:14px;color:#fff; opacity:0.9; margin:0}  

    .footmenu .centerbox{ padding:25px 0 0 0 }
	.footmenu .part3 .tit{ border-bottom:1px solid #363a42}
	.footmenu .part3 .list{ margin:0}
	.footmenu .part3 .list ul li{ height:auto; padding-top:10px;padding-bottom:10px;border-bottom:1px solid #363a42; font-size:14px}
	.footmenu .part3 .list ul li:nth-child(1){ width:50%; float:left;}
	.footmenu .part3 .list ul li:nth-child(2){ width:50%; float:left;}
	
	.footmenu .part3 .list ul li.t1{background:url(../Images/last1.png) left 0 top 13px no-repeat;}
	.footmenu .part3 .list ul li.t2{background:url(../Images/last2.png) left 0 top 15px no-repeat;}
	.footmenu .part3 .list ul li.t3{background:url(../Images/last3.png) left 0 top 13px no-repeat;}
	.footmenu .fbox{ border:0; padding:0 0 15px 0}
	.footmenu .fbox .box{ font-size:12px; line-height:200%; text-align:left; width:92%}	
	.footmenu .codelist{ margin:0}
	
	
	.homepart4 .rightbox .list ul li .picbox .icon{background-size:38px auto;}
	
	.productlist ul li{ margin:0 0 10px 0; padding:5px;} 
	.productlist ul li .box{ width:96%; height:auto; overflow:hidden; position:relative;  background:#ffffff;box-shadow: 0px 0px 10px 0px #e9e9ea; }
	.productlist ul li .picbox{ width:100%; height:200px;  line-height:200px; position:relative; text-align:center}
	.productlist ul li .picbox img{ max-width:80%; max-height:150px; margin-top:30px}
	.productlist ul li .picbox .icon{left:15px; top:15px; width:57px; height:25px;  background-size:38px auto; z-index:1} 

	.productlist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 15px 15px 15px;  }
	.productlist ul li .wordbox .tit{ width:100%; height:75px; line-height:25px; font-size:14px;  color:#1f242c;overflow:hidden;}
	.productlist ul li .wordbox .more{ width:100%; height:35px; line-height:35px; font-size:12px;  margin-top:20px; text-align:center}
	
	
	.listnews2 ul li{ width:100%; box-sizing:border-box; padding:5px; margin:10px 0}
	.listnews2 ul li .box{ width:100%; background:#ffffff;box-shadow: 0px 0px 10px 0px #c9c9c9; box-sizing:border-box; padding:15px}
	
	.listnews2 ul li .pic{ width:30%; overflow:hidden; height:200px;float:right} 
	.listnews2 ul li .wordbox{ width:68%; height:auto; overflow:hidden; background:#fff; box-sizing:border-box; padding:0; float:left}

     

	.aboutbox1 .cplist .list ul li{ padding:0 0 10px 0px; }

	
	.aboutbox1 .cplist .list ul li .box{ width:80%; height:auto; margin:0 auto;  margin:0 auto; position:relative }
	.aboutbox1 .cplist .list ul li .box .tit{ width:100%; height:50px; line-height:50px;  font-size:14px; font-weight:700 ; color:#0b9643; overflow:hidden}
	.aboutbox1 .cplist .list ul li .box .tit span{ font-size:20px;}
	.aboutbox1 .cplist .list ul li .box .tit2{ width:100%; height:75px; line-height:25px;font-size:12px;   color:#1f242c;  margin-top:5px;}
	
	.aboutbox4 .listbox2 .list ul li .box{ width:100%}
		
	}	
	
@media (max-width:640px){


	.footmenu .part1  .list ul li{ padding:10px 0; line-height:25px; height:auto; overflow:hidden; color:#dee3ea; font-size:12px; box-sizing:border-box; padding: 0 0 0 26px;}
	.footmenu .part1  .list ul li.f1{ background: url(../Images/s1.png) left 0 top 5px no-repeat}
	.footmenu .part1  .list ul li.f2{background: url(../Images/s2.png) left 0 top 5px no-repeat}
	.footmenu .part1  .list ul li.f3{background: url(../Images/s3.png) left 0 top 5px no-repeat}
	
	.homepart2 .list{ height:500px}
	.homepart2 .list ul li .picbox{height:350px; line-height:350px}
	.homepart2 .list ul li .picbox .icon{ position:absolute; left:20px; top:20px; width:76px; height:19px; background:url(../Images/mlogo.png) no-repeat; background-size:50px auto} 
	.homepart2 .list ul li .picbox .img{ width:100%; height:300px; margin-top:50px;transition: all 0.5s ease;}
	.homepart2 .list ul li .picbox img{ margin-top:50px}
	.homepart2 .list ul li .wordbox{ padding:0 15px 10px 15px;  }
	.homepart2 .list ul li .wordbox .tit{ width:100%; height:60px; line-height:20px; font-size:12px; margin-top:20px; }
	.homepart2 .list ul li .wordbox .more{ width:100%; height:40px; line-height:40px; font-size:12px;  margin-top:10px; text-align:center}
	
	
	.aboutbox4 .listbox2{ width:92%; margin:0 auto; height:auto; }
	.aboutbox4 .listbox2 .list{ width:100%; height:200px}
	.aboutbox4 .listbox2 .list ul li .box{ width:100%; height:200px} 
     .aboutbox4  .teampage { position:static; margin-top:15px;}
	 
	 
	.aboutbox5 .listbox .list ul li .box{ margin-bottom:10px; padding:10px;} 
	.aboutbox5 .listbox .list ul li .box .name{  font-size:16px; color:#0b9643; }
	
	.aboutbox5 .listbox .list ul li .box .pic{ width:100%; height:80px; overflow:hidden; text-align:center} 
	.aboutbox5 .listbox .list ul li .box .pic img{ max-width:80%; max-height:70%}
	.aboutbox5 .listbox .list ul li .box .word{ width:100%; height:auto; line-height:25px; text-align:center; overflow:hidden; font-size:14px;margin-top:0px; text-align:center}
	.aboutbox5 .listbox .list ul li:nth-child(1) .box .word{ font-size:14px;}
	.aboutbox5 .listbox .list ul li:nth-child(2) .box .word{ font-size:14px;}
    
	.aboutbox5 .listbox .list ul li:nth-child(3) .pic{ width:25%; float:left; text-align:left}
	.aboutbox5 .listbox .list ul li:nth-child(3) .word{ width:75%; float:left; text-align:left}
	
	}	


@media (max-width:550px){
	.homeSlide .list ul li .wordbox{ left:2%; top:50px; margin-top:0;}
	.homeSlide .list ul li .wordbox .tit{  font-size:14px; line-height:30px;}
	.homeSlide .list ul li .wordbox .tit2{font-size:18px;  line-height:30px; margin:10px 0; font-weight:700}
	.homeSlide .list ul li .wordbox .tit3{font-size:12px;line-height:20px;}


	
	.homeSlide .list ul li .morebox{ margin-top:20px;}
	.homeSlide .list ul li .more{ width:100px; height:40px; line-height:40px; font-size:12px;}

	.homeSlide .list ul li .playb{  height:40px; line-height:40px; font-size:12px;}
    .homeSlide .list ul li .playb img{ max-height:90%}
	
     .homepart1 .picbox2{height:200px; padding:25px 0 }
     .homepart1 .pic2{ width:100%; height:150px; overflow:hidden; }

    .homepart5{  padding:20px 0 50px 0}
	.homepart5 .titbox{ width:95px; height:20px; line-height:20px; font-size:14px;}
	.homepart5 .titbox2{ width:100%; height:auto; line-height:25px;  font-size:16px; font-weight:700; color:#fff; margin:5px 0} 
	.homepart5 .wordbox{ width:60%; height:auto; line-height:20px;  font-size:12px;color:#fff; opacity:0.9; margin:0}  
	
	.homepart7 .listone ul li{ padding:5px 6px}
	.homepart7 .listone ul li .box{ margin:0; padding:15px}
	.homepart7 .listone ul li .pic{  height:200px; }
	.homepart7 .listone ul li .wordin{ padding:10px 0; text-align:left}
	.homepart7 .listone ul li .time{ width:100%; height:30px; line-height:30px; font-size:14px; }
	
	.homepart7 .listone ul li .tit{ width:100%; height:60px; line-height:30px; font-size:18px;  color:#1f242c;overflow:hidden; margin-top:10px}
	.homepart7 .listone ul li .word{ width:100%; height:60px; line-height:20px; font-size:12px; color:#222222; overflow:hidden; margin-top:10px;}

    

	.homepart7 .listbox  .list ul li{ float:none; height:auto; padding:5px }
	.homepart7 .listbox  .list ul li .box{padding:15px;box-shadow: 0px 0px 10px 0px #c3c3c3; background:#FFF }
	.homepart7 .listbox  .list ul li .pic{ width:31%; height:105px; float:left; overflow:hidden;}
	.homepart7 .listbox  .list ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
	.homepart7 .listbox  .list ul li .wordin{ width:66%; height:auto; overflow:hidden; float:right; text-align:left}
	.homepart7 .listbox  .list ul li .time{ width:100%; height:25px; line-height:25px; font-size:14px; }
	
	.homepart7 .listbox  .list ul li .tit{ width:100%; height:40px; line-height:20px; font-size:14px; margin-top:8px; font-weight:700}
	
	.homepart7 .listbox  .list ul li .more{ width:100px; height:30px; line-height:30px; font-size:12px;  margin-top:5px;}


    .protop .leftarea .list{ height:250px; }
	.protop .leftarea .list ul li{ height:250px; }
	.protop .leftarea .list ul li .pic{ height:250px; line-height:250px;}
	
	.protop .rightarea .tit{ font-size:16px; line-height:30px; padding-bottom:20px; margin-bottom:20px;}
	.protop .rightarea .word{font-size:14px; line-height:25px;}
	
	.protop .rightarea .other{ margin-top:20px; font-size:14px;  line-height:25px;}

	.prodetail{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#FFF; box-sizing:border-box; padding:16px;}
	.prodetail .titbox{ width:100%; height:59px; line-height:59px; background:#f1f6fb; text-indent:20px; font-size:16px; font-weight:700; color:#333333}
	.prodetail .wordbox{  font-size:14px; color:#333333}
     
	.relspro .titbox{ width:100%; height:50px; line-height:50px; background:#fff; box-sizing:border-box; padding:0 20px; margin-bottom:20px; }
	.relspro .titbox .tit{ float:left;font-size:14px; font-weight:700}
	.relspro .titbox .more{ float:right;font-size:12px; color:#0b9643} 
	
	
	.listnews2 ul li .pic{ height:125px} 
	.listnews2 ul li .wordbox .time{ height:28px; line-height:28px; font-size:12px;text-indent:25px; }
	
	.listnews2 ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; font-size:14px; margin-top:10px; font-weight:700 }
	.listnews2 ul li .wordbox .more{ width:105px; height:35px; line-height:35px;  font-size:12px; margin-top:10px;}
    
	.aboutbox3{ padding:25px 0}
	.aboutbox3  .titbox{ font-size:14px; }
	.aboutbox3  .titbox2{font-size:20px;  line-height:40px; margin:0px 0;  }
    .aboutbox3 .wordbox{  margin-top:10px; color:#1f242c; font-size:14px; line-height:28px;}
	
	.aboutbox3 .listbox{ height:350px;   font-size:17px;margin-top:29px; }
	.aboutbox3 .listbox .list{  height:300px;}
	.aboutbox3 .listbox .list ul li .box{padding:15px;} 
	.aboutbox3 .listbox .list ul li .box .pic{  height:200px; overflow:hidden;} 
	.aboutbox3 .listbox .list ul li .box .tit{ height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:12px; color:#1f242c; margin-top:10px}

	
	.aboutbox4{ padding:25px 0}
	.aboutbox4  .titbox{ font-size:14px; }
	.aboutbox4  .titbox2{font-size:20px;  line-height:40px; margin:0px 0;  }
    .aboutbox4 .wordbox{  margin-top:10px; color:#1f242c; font-size:14px; line-height:28px;}
	
		 
	}	
	
@media (max-width:450px){

    .homepart2 .list{ height:400px}
	.homepart2 .list ul li .picbox{height:250px; line-height:250px}
	.homepart2 .list ul li .picbox .icon{ background-size:40px auto} 
	.homepart2 .list ul li .picbox img{ margin-top:50px}
	.homepart2 .list ul li .wordbox{ padding:0 15px 10px 15px;  }
	.homepart2 .list ul li .wordbox .tit{ width:100%; height:60px; line-height:20px; font-size:14px; margin-top:20px; }
	.homepart2 .list ul li .wordbox .more{ width:100%; height:40px; line-height:40px; font-size:12px;  margin-top:10px; text-align:center}

	  
	}		 

@media (max-width:400px){
     .ertop2 .navbox .list ul li{ font-size:12px}
	 
	 
	.listnews2 ul li .pic{ height:95px; width:40%}
	.listnews2 ul li .wordbox{ width:58%} 
	.listnews2 ul li .wordbox .time{ height:28px; line-height:28px; font-size:12px;text-indent:25px; }
	
	.listnews2 ul li .wordbox .tit{ height:40px; line-height:20px; font-size:12px; margin-top:5px }
	.listnews2 ul li .wordbox .more{ width:105px; height:30px; line-height:30px;  font-size:12px; margin-top:5px;}
	
	
	.aboutbox3 .listbox{ height:300px;   font-size:17px;margin-top:29px; }
	.aboutbox3 .listbox .list{  height:250px;}
	.aboutbox3 .listbox .list ul li .box{padding:15px;} 
	.aboutbox3 .listbox .list ul li .box .pic{  height:150px; overflow:hidden;} 
	.aboutbox3 .listbox .list ul li .box .tit{ height:40px; line-height:20px; text-align:center; overflow:hidden; font-size:12px; color:#1f242c; margin-top:10px}

	}		


@media (max-width:380px){
  
	 
	 
	 
	}	
	
@media (max-width:330px){

	}