@charset "utf-8";
/* CSS Document */
@screen-xs-min:320px;
@screen-xs-max:768px;
@screen-sm-min:769px;
@screen-sm-max:1199px;
@screen-md-min:1200px;
@screen-md-max:1260px;
@screen-lg-min:1400px;

@media (min-width: 1920px) { 
 
  
 }

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

@media (max-width:1750px) {
  

  
	}

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

	
@media (max-width:1600px) {


	}	


@media (max-width:1540px) {
   


	}	

@media (max-width:1500px) {
  
  

	}	
	
@media (max-width:1460px) {
    .headbox .box{ width:94%;  }
	.homepart1 .centerbox .centerin{ width:94%; margin:0 auto}
    .homepart1 .list ul li .wordbox{ width:60%}
	
	.homepart2 .centerbox .centerin{ width:94%; margin:0 auto}
	.homepart3 .centerbox .centerin{width:94%; margin:0 auto}
	.homepart4 .centerbox .centerin{width:94%; margin:0 auto}
	.homepart4 .thetit{ font-size:100px}
	.footmenu .centerbox .centerin{ width:94%; margin:0 auto}
	.mainbox .centerbox .centerin{ width:94%; margin:0 auto}
	.aboutbox1 .centerbox .centerin{ width:94%; margin:0 auto}
	
	.erSlide .namebox2 .inbox{ width:94%; height:auto; overflow:hidden; max-width:1440px; margin:0 auto}



	}	


@media (max-width:1380px) {

	.headbox  .menu ul li{ margin:0px 10px; font-size:14px; }
	
	.homeSlide .list ul li .wordbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:40px}
    .homeSlide .list ul li .wordbox .tit3{ width:100%; height:auto; overflow:hidden; font-size:16px; }
   
	}

@media (max-width:1350px) {
   .listnews ul li .box{ padding:20px;}
   .listnews ul li .wordbox .one .title{ font-size:14px;  line-height:25px; }
   .listnews ul li .wordbox .one .word{ font-size:14px; line-height:25px;}
   
   .aboutbox1 .listbox .rightbox ul li{margin-top:-20px;}
	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	

	



	}

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

	
@media (max-width:1180px) {

	 
	}		


@media (max-width:1100px){
 
	}
	
	
@media (max-width:1050px){

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

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	.headbox  .menu{ display:none}
	.headbox  .menubtn{ display:block}
	.headbox .telbox{ background:none; right:60px}
	
	.homepart1 .list ul li{ margin:20px 0; }
	.homepart1 .list ul li .box{ width:100%; height:auto; }
	
	.homepart1 .list ul li .picbox{ width:100%; height:350px; position: static;}

	.homepart1 .list ul li .wordbox{ width:100%; height:auto; position: static; overflow:hidden; z-index:10; right:0; top:50%; margin-top:0; background:#FFF; box-sizing:border-box; padding:20px;}

	.homepart1 .list ul li .wordbox .tit{ width:100%; height:auto; line-height:40px;  font-size:20px;}
	.homepart1 .list ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:30px;}
	.homepart1 .list ul li .wordbox .more{ width:121px; height:46px; overflow:hidden; line-height:46px; overflow:hidden; background:#006feb; color:#FFF; border-radius:30px; float:right; margin-top:15px; font-size:15px; text-align:center;transition:all 0.5s ease;}

    .homepart2 .list1 ul{ display:block}
	.homepart2 .list1 ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
    .homepart2 .list1 ul li .box{ width:96%}
	.homepart2 .list1 ul li:nth-child(2n) .box{ float:right}
	
	
	.homepart3 { padding:50px 0}
	.homepart3 .leftbox{ width:100%; height:auto; overflow:hidden; float:none}
	.homepart3 .leftbox .icon{ width:100%; height:auto; overflow:hidden;}
	.homepart3 .leftbox .tit{  height:auto; line-height:50px;  font-size:20px; }
	.homepart3 .leftbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#ffffff;  line-height:30px; margin-top:20px;}
	.homepart3 .leftbox .more{ width:135px; height:46px; overflow:hidden; line-height:46px; overflow:hidden; background:#ffffff; color:#006feb; border-radius:30px; margin-top:30px; font-size:15px; text-align:center;transition:all 0.5s ease;}

	
	.homepart3 .rightbox{ width:100%; height:auto; overflow:hidden; float:none; margin-top:20px;}
	.homepart3 .rightbox .list{ width:100%; height:auto; overflow:hidden;}
	.homepart3 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
	.homepart3 .rightbox .list ul li{ margin:10px 0 10px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;} 
	.homepart3 .rightbox .list ul li .box{ width:96%; height:265px; overflow:hidden; float:right; padding:20px;}
	.homepart3 .rightbox .list ul li .icon{ width:100%; height:70px; overflow:hidden;}
	.homepart3 .rightbox .list ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:700; color:#1c1d21}
	.homepart3 .rightbox .list ul li .word{ width:100%; height:75px; overflow:hidden; font-size:14px; color:#545454;  line-height:25px; margin-top:10px;}
	.homepart3 .rightbox .list ul li:nth-child(2n) .box{ margin-top:0;}
	.homepart3 .rightbox .list ul li:nth-child(2n-1) .box{ float:left}
	
	.homepart4 .thetit{ font-size:80px; color:#dbe3e9; font-family:Arial, Helvetica, sans-serif; font-weight:700; position:absolute; left:3%; top:80px; text-transform:uppercase; z-index:1}
    
	
	.homepart4 .listbox{ padding-bottom:50px;}
	.homepart4 .listbox .leftbox{ width:100%; height:auto; float:none; overflow:hidden; background:url(../Images/dp3.png) right bottom no-repeat}
	.homepart4 .listbox .leftbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; margin-top:111px; font-size:36px; font-weight:700; color:#1c1d21}
	.homepart4 .listbox .leftbox .word{ width:100%; height:auto; overflow:hidden; margin-top:20px; line-height:30px; font-size:16px; color:#545454}

	.homepart4 .listbox .rightbox{ width:100%; height:auto; float:none; overflow:hidden; margin-top:20px;}
	.homepart4 .listbox .rightbox img{ width:100%; height:auto; overflow:hidden;}
	
	.footmenu .centerbox .centerin{ background:none}
	
	.footmenu .part1{ color:#41484d; font-size:14px; line-height:30px; overflow:hidden; text-align:center}
	.footmenu .part2{   font-size:14px; color:#a8a8a8; line-height:30px; overflow:hidden; text-align:center; margin-top:20px;}
	
	
	.mainbox { padding:25px 0}
	.mainbox .thetop{ width:100%; height:96px; overflow:hidden; background:url(../Images/bline.jpg) bottom center no-repeat; text-align:center}
	.mainbox .thetop .tit{ width:100%; height:75px; line-height:75px; text-align:center; font-size:30px; font-weight:700; color:#e1e7ec; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:0}
	.mainbox .thetop .tit2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:700; color:#1c1d21; margin-top:-40px; z-index:1; position:relative}

     
	 
	.listnews2 ul li .pic{ width:100%;  height:512px;float:none} 
	.listnews2 ul li .wordbox{ width:100%;  float:none}
	.listnews2 ul li .wordbox .icon{ width:100%; height:50px; line-height:50px; margin-top:20px; }
	.listnews2 ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:20px; margin-top:20px; }
	.listnews2 ul li .wordbox .word{ width:100%; height:auto; line-height:25px;font-size:14px;}
	.erSlide .namebox{ margin-top:-50px; } 
	.erSlide .namebox .tit{  font-size:20px;  color:#ffffff; line-height:50px; margin:0px 0;text-align:center}
    .erSlide .namebox .tit2{  font-size:12px; line-height:25px;text-align:center; margin-top:5px;}

	.protitle{ width:100%; height:50px; line-height:50px; font-size:20px;}
	.probox .list1 ul li{  width:50%}		
	
	
	.listnews ul li .box{padding:10px; }
	.listnews ul li .pic{ width:100%; height:350px; float:none; overflow:hidden;} 

	.listnews ul li .wordbox{ width:100%; float:none; height:auto; overflow:hidden;}
	.listnews ul li .wordbox .icon{ width:100%; height:auto; line-height:50px;overflow:hidden; margin-top:20px;}

	.listnews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:16px; font-weight:700; color:#1c1d21; overflow:hidden; margin-top:10px; }
	.listnews ul li .wordbox .tit2{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#1c1d21; overflow:hidden; margin-top:10px;}
	.listnews ul li .wordbox .tit3{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:14px; margin-top:10px;color:#1c1d21; }

	.listnews ul li .wordbox .one .title{ font-size:12px; font-weight:700; line-height:25px; padding-right:10px;}
	.listnews ul li .wordbox .one .word{ font-size:12px; line-height:25px;}

	.aboutbox1{ padding:25px 0}
	.aboutbox1  .titbox{  font-size:20px; line-height:40px;padding-bottom:25px;  }
	.aboutbox1 .wordshow{ font-size:14px; line-height:30px; }
	
	.aboutbox1 .list ul li{ margin:20px 0 20px 0; } 
	.aboutbox1 .list ul li .box .pic{ width:100%; height:390px; float:none; overflow:hidden}
	.aboutbox1 .list ul li .box .wordbox{ width:100%; height:auto; float:none; overflow:hidden; margin-top:20px}
	.aboutbox1 .list ul li .box .tit{  font-size:16px;line-height:30px;}
	.aboutbox1 .list ul li .box .intro{ line-height:40px; font-size:14px;margin-top:10px; }
	.aboutbox1 .list ul li .box .intro p{ width:50%; height:40px; line-height:40px; overflow:hidden; float:left;background:url(../Images/dot6.jpg) left 0 top 16px no-repeat; box-sizing: border-box; padding:0 0 0 20px;}
	.aboutbox1 .list ul li .box .word{ width:100%; height:auto; overflow:hidden; line-height:32px; font-size:14px; color:#545454; margin-top:15px;}
	
    
	.erSlide .namebox2{ margin-top:-25px}
	.erSlide .namebox2 .tit{ font-size:24px;   line-height:50px; margin:0px 0;text-align:left}
	.erSlide .namebox2 .tit2{  font-size:14px; line-height:50px; padding:0 0 0 50px}
    
	
	.aboutbox1 .listbox{  padding-top:20px;}
	.aboutbox1 .listbox .leftbox{ width:100%; height:auto; overflow:hidden; float:none}
	.aboutbox1 .listbox .leftbox .tit{  font-size:20px; line-height:40px; margin-top:20px;}
	.aboutbox1 .listbox .leftbox .word{ margin-top:20px; font-size:14px;  line-height:30px; }
	.aboutbox1 .listbox .rightbox{ width:100%;float:none}
	.aboutbox1 .listbox .rightbox ul{padding-top:30px;}
	.aboutbox1 .listbox .rightbox ul li{  margin-top:-20px}

    .footmenu{ padding:25px 0}
	.footmenu .centerbox .centerin .flogo{ display:none}
			  
	}
	
@media (max-width:960px){
	
	.formbox2{margin-top:25px;  }
	.formbox2 ul li{ margin:10px 0px;;}
	.formbox2 ul li .input3{ width:100%; height:50px; font-size:14px; }
	.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#232323; display:none}
	.formbox2 ul li .input1{ w height:50px; font-size:14px;}
	.formbox2 ul li textarea{ width:100%; height:100px;  padding:10px; font-size:14px; }
	.formbox2 ul li .input2{ width:170px; height:50px; font-size:14px; background:#fff}
	.formbox2 ul li .btnme{ width:100%; height:60px; line-height:60px; overflow:hidden;font-size:14px;   border:0px; display:block;  border-radius:0px;  background:#00a2ff; color:#FFF;border:1px solid #00a2ff; border-radius:5px; margin:0 auto; }
	.formbox2 ul li .btnme:hover{ background:#00a2ff; color:#FFF;}
	

	 
	}	


@media (max-width:850px) {

   }

@media (max-width:800px) {
    .headbox{ width:100%; height:80px}
	.headbox .box{ width:94%;   height:80px; }
	.headbox .box .logo{height:80px; line-height:80px; }
	.headbox .box .logo img{height:40px}
    .headbox .telbox{ display:none} 
   }   

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

	 /*
	.fixbottomkong{ display:block}
	.fixbottom{ display:block}
	*/
	
   .headbox .box .logo .pic{  height:80px; line-height:80px; }
    .headbox .box .logo .tit{ height:80px; line-height:80px; font-size:16px;} 
	 
	.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}
	
	.homepart4 .thetit{ font-size:50px;  top:3%; }
	.homepart4 .listbox .leftbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; margin-top:30px; font-size:20px; font-weight:700; color:#1c1d21}
	.homepart4 .listbox .leftbox .word{ line-height:30px; font-size:14px; color:#545454}

	.homepart4 .listbox2{padding:0px 0;}
	.homepart4 .listbox2 ul li{ margin:10px 0;width:50%; height:auto; float:left; overflow:hidden;}
	.homepart4 .listbox2 ul li .icon{ width:100%; height:50px; line-height:50px; overflow:hidden;}
	.homepart4 .listbox2 ul li .icon img{ max-height:100%;}
	.homepart4 .listbox2 ul li .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; font-weight:700; color:#1c1d21; margin-top:20px;}
	.homepart4 .listbox2 ul li .word{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#545454; line-height:35px;}
	.homepart4 .listbox2 ul li:nth-child(1){ width:100%}
	
	.probox .list2 ul li{ margin:10px 0; width:100%; float:none}
	.probox .list2 ul li .box{ width:97%; margin:0 auto; height:auto; overflow:hidden; background:#ffffff; position:relative; z-index:0}
	.probox .list2 ul li .pic{ width:100%; height:402px; overflow:hidden; position:relative; z-index:0}
	.probox .list2 ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:700; color:#ffffff; margin-top:-50px; position:relative; z-index:1 }


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


    .homeSlide .list ul li .wordbox{ margin-top:-50px; margin-left:-0; width:100%;  }
	.homeSlide .list ul li .wordbox .tit2{font-size:20px; line-height:25px; margin:10px 0;}
	.homeSlide .list ul li .wordbox .tit3{ font-size:12px; line-height:20px;}

	
	.indexpage {position: absolute;text-align: center;bottom:25px;}
	.indexpage .swiper-pagination-switch {width:20px; height:20px;background: url(../Images/sdot1.png) center center no-repeat; margin: 0 3px;cursor: pointer; border-radius:10px;}
	.indexpage .swiper-active-switch { background: url(../Images/sdot2.png) center center no-repeat; background-size:100% auto}

    
	.homepart1{ padding:25px 0}
	.homepart1 .thetop{ width:100%; height:96px; overflow:hidden; background:url(../Images/bline.jpg) bottom center no-repeat; text-align:center}
	.homepart1 .thetop .tit{ width:100%; height:75px; line-height:75px; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#adb2b6; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:0}
	.homepart1 .thetop .tit2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:700; color:#1c1d21; margin-top:-40px; z-index:1; position:relative}

	.homepart1 .list ul li .picbox{ width:100%; height:200px}
	.homepart1 .list ul li .box{ border:1px solid #e1e7ec}
	.homepart1 .listbox{ margin-bottom:0px; }
	
	
	.homepart2 .list2 ul{ display: block;}
	.homepart2 .list2 ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; float:left}

	.homepart2 .list2 ul li .pic{ width:100%; height:250px;}
	.homepart2 .list2 ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; margin-top:-50px;}
    
	.listnews2 ul li .pic{ width:100%;  height:250px} 
		
	}	


@media (max-width:550px){
    .homepart2{ padding:20px 0}
	.homepart2 .thetit{ height:30px; line-height:30px; text-align:center; font-size:20px; font-weight:700; color:#1c1d21}
	.homepart2 .list1 ul li .pic{ height:150px;}

	.homepart2 .list1 ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:700; color:#1c1d21; }

	.probox .list1 ul li .pic{ width:100%; height:200px}
	.probox .list1 ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:12px; margin-top:-50px; }
	
	.probox .list2 ul li .pic{ width:100%; height:200px}
	
	.listnews ul li .pic{ width:100%; height:200px; float:none; overflow:hidden;} 
    
	.listnews ul li .wordbox{ width:100%; float:none; height:auto; overflow:hidden;}
	.listnews ul li .wordbox .icon{ width:100%; height:auto; line-height:50px;overflow:hidden; margin-top:20px;}
    .listnews ul li .wordbox .icon img{ height:35px; width:auto}

	.aboutbox1 .list ul li .box .pic{ width:100%; height:200px; float:none; overflow:hidden}
	.aboutbox1 .list ul li .box .intro p{ width:100%; }


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


	  
	}		 

@media (max-width:400px){
    .listnews2 ul li .pic{ width:100%;  height:200px} 
	}		


@media (max-width:380px){

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

	}