@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) {
   .homepart2 .centerbox .centerin{ width:96%; margin:0 auto;}
  
	}

@media (max-width:1650px) {
   .homepart1 .centerbox .centerin{ width:96%; margin:0 auto;}
   .homepart3 .centerbox .centerin{width:96%; margin:0 auto;}
   .footmenu .centerbox .centerin{ width:96%; margin:0 auto}
   
   .homepart4 { padding:30px 0}
   .homepart4 .centerbox{ width:1260px; height:510px; overflow:hidden; margin:0 auto}
   .homepart4 .centerbox .centerin{ transform:scale(0.78); width:1620px; transform-origin: left top;}
   
	}	

	
@media (max-width:1600px) {

	}	


@media (max-width:1540px) {

	}	

@media (max-width:1500px) {

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


@media (max-width:1380px) {
     .headbox  .menu ul li{ margin:0px 15px; padding:0px ; font-size:16px; }
	 
	.homeSlide .list ul li .wordbox{ position:absolute; left:2%; top:50%; margin-top:-230px; margin-left:0; width:60% }



	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:-50px;} 
	.erSlide .namebox .inbox{ width:96%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:30px; line-height:30px;  }
	.erSlide .namebox .tit2{  font-size:20px;  }
	
	.aboutbox1 .centerbox .centerin{ width:94%; margin:0 auto}
	.aboutbox2 .centerbox .centerin{width:94%; margin:0 auto}
	.aboutbox3 .centerbox .centerin{ width:94%; margin:0 auto}
	.aboutbox4 .centerbox .centerin{width:94%; margin:0 auto}
	.aboutbox5 .centerbox .centerin{ width:94%; margin:0 auto}
	.productbox1 .centerbox .centerin{ width:94%; margin:0 auto}
	.mainbox .centerbox .centerin{width:94%; margin:0 auto}
	.prolistbox .centerbox .centerin{width:94%; margin:0 auto}
	.servicebox1 .centerbox .centerin{ width:94%; margin:0 auto}
	.mainnews .centerbox .centerin{width:94%; margin:0 auto}
	
	.readvideo video{ width:100%; height:500px}
	
	.contactbox .leftbox{ width:94%; margin:0 auto;}
   .contactusbox2 .centerbox .centerin{width:94%; margin:0 auto;}

	}

@media (max-width:1300px) {
   .homepart2 .navlist ul li{ font-size:14px}
   
   
    .homepart4 { padding:30px 0}
   .homepart4 .centerbox{ width:1025px; height:400px; overflow:hidden; margin:0 auto}
   .homepart4 .centerbox .centerin{ transform:scale(0.65); width:1620px; transform-origin: left top;}

	}	


@media (max-width:1260px) {

	.showus{  font-size:14px}
	.showup{ font-size:14px}
	
	.goodlist ul li{ width:50%}
	.goodlist ul li:nth-child(3){ display:none}
	

	}

@media (max-width:1216px) {


	}	

	
@media (max-width:1180px) {

	}		


@media (max-width:1100px){

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

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

	 
	}		
	

@media (max-width:1000px){
	.headboxkong{ height:80px; }
	.headfolat{ height:80px;}
	
	.thoundshow{ display:none}
	
	.headbox{ width:100%; height:70px;}
	.headbox .box{ width:96%;   height:70px;}
	.headbox .box .logo{left:0; top:0; height:70px; line-height:70px; overflow:hidden; }
    .headbox .box .logo img{ height:50px}
    .headbox .menu{ display:none} 
	.headbox .tel{ display:none}
	.headbox .menubtn{ display:block}
	
	.headbox .box .language{ right:35px; top:20px; width:80px; height:30px; border-radius:30px; line-height:30px;font-size:12px;}

	.headbox .box .searchbtn{right:115px; top:0; width:36px; height:70px; line-height:70px; font-size:20px; font-weight:normal }
    
	
	.homeSlide .list ul li .wordbox{left:2%; top:50%; margin-top:0;transform: translate(0%, -50%); margin-left:0;width:96%; }
	.homeSlide .list ul li .wordbox .tit{ font-size:20px; line-height:30px; }
	.homeSlide .list ul li .wordbox .tit2{ font-size:14px; line-height:25px; }
	.homeSlide .list ul li .wordbox .tit3{ font-size:14px; line-height:25px; margin-top:15px; padding:10px;}
	.homeSlide .list ul li .wordbox .tit3 p{ width:50%; height:30px; line-height:30px; font-size:12px; }
	.homeSlide .list ul li .wordbox .tit3 p:nth-child(3n-1){ width:50%; }
		
	.homeSlide .list ul li .more{ width:125px; height:35px;line-height:35px; font-size:12px; margin-top:20px;border-radius:30px}
	.indexpage {position: absolute; left:0% !important; width:100% !important; bottom:20px !important; z-index:100; text-align:center}
	.homeSlide  .morebox{ display:none}
	
	
	.homepart1{ padding:30px 0 30px 0 }	
	.homepart1 .titbox{height:40px;font-size:20px}
	.homepart1 .titbox2{ font-size:14px; margin-top:10px; line-height:26px;}
	
	.homepart1 .navlist{margin-top:40px; overflow-x: auto; scrollbar-width: thin; }
	.homepart1 .navlist ul{ text-align: left;  white-space: nowrap;  display: flex;  padding: 0 10px;}
	.homepart1 .navlist ul li{ margin:0px  20px; height:50px; font-size:14px; flex-shrink: 0;}
	.homepart1 .navlist ul li img{ height:20px; margin-right:6px}

	.homepart1 .listbox{  margin-top:20px;  padding:20px;}
	.homepart1 .listbox .leftbox{ width:100%;  float:none; }
	.homepart1 .listbox .leftbox .tit{height:30px; line-height:30px; font-size:16px;}
	.homepart1 .listbox .leftbox .tit2{line-height:26px; font-size:14px; }
	.homepart1 .listbox .leftbox .word{ margin-top:10px;padding-top:10px;}
	.homepart1 .listbox .leftbox .word p{ padding:0 0 0 25px; font-size:14px; margin:10px 0 0 0; background-size:15px auto; line-height:26px; background-position: 0 3px}
	
	.homepart1 .listbox .rightbox{ width:100%;float:none; margin-top:20px;}

	 
	.homepart2{  padding:40px 0; background-size:100% auto}
	.homepart2 .titbox{  font-size:20px;}
	
	.homepart2 .navlist{  margin-top:20px; display:block  }
	.homepart2 .navlist ul{ margin:0; padding:0 10px;}
	.homepart2 .navlist ul li{ margin:0px  10px; padding:0px; height:37px; font-size:12px; flex-shrink: 0 }



	.homepart3{ padding:30px 0;}
	.homepart3 .titbox{  font-size:20px;}
	
	.homepart3 .navlist ul li{ padding:0px 20px; height:40px;font-size:20px;background:none}
	.homepart3 .navlist ul li:last-child{ background:none}
	.homepart3 .navlist ul li p{ height:40px; line-height:40px;}
	.homepart3 .navlist ul li.onfocus p:after{height:3px;}
	
	.homepart3 .list1{margin-top:20px;}
	.homepart3 .list1 ul li .box{ width:97%; height:150px; }
	.homepart3 .list1 ul li .pic{ width:100%; height:150px; overflow:hidden}
	.homepart3 .list1 ul li .play{ width:36px; height:36px; }

	.homepart3 .listbox{margin-top:20px;  }

	.homepart3 .list{ width:100%; height:auto; overflow:hidden;}
	.homepart3 .list ul li{ margin:10px 0;  width:100%;float:none; } 
	.homepart3 .list ul li .box{ width:100%;padding:10px; }
	.homepart3 .list ul li .time{ font-size:12px; }
	.homepart3 .list ul li .tit{ width:100%; height:auto; line-height:26px; font-size:14px; margin-top:10px; font-weight:700}
	
	.homepart3 .list ul li .wordbox{ width:100%; height:auto; margin-top:15px; }
	.homepart3 .list ul li .wordin{ width:100%; height:auto; overflow:hidden; float:left}
	.homepart3 .list ul li .wordin .word{ width:100%; height:50px; line-height:25px; font-size:14px; color:#333333; opacity:0.8; overflow:hidden;}
	.homepart3 .list ul li .wordin .more{ width:100%; height:30px; line-height:30px; font-size:15px; color:#24ad3a; margin-top:15px; display:none}

	
	.homepart3  .getmore{ width:125px; height:40px;line-height:40px; font-size:12px;border-radius:40px; margin-top:20px;}
	

    .homepart4{ display:none}
	.homepart5{ display:block}

	.footmenu{ padding:30px 0 0 0; }
	.footmenu .part1{ width:100%; float:none;}
	.footmenu .part1  .flogo{ display:none}
	.footmenu .part1 .word{margin-top:10px;}
	.footmenu .part1  p{line-height:30px; padding:0 0 0 30px; font-size:14px;}
	.footmenu .part1  p span{ color:#8298c7;}
	.footmenu .part1  p.t1{ background:url(../Images/icon1.png) 0 9px no-repeat;}
	.footmenu .part1  p.t2{ background:url(../Images/icon2.png) 0 9px no-repeat;}
	.footmenu .part1  p.t3{ background:url(../Images/icon3.png) 0 9px no-repeat;}
	
	.footmenu .part2{ display:none}
	.footmenu .fbox .copyright{ line-height:25px; float:none; margin-top:0px; text-align:center; font-size:14px}
	
	.aboutbox1{  padding:100px 0 80px 0;}
	.aboutbox1 .titbox{ height:auto; line-height:40px; font-size:20px; }
	.aboutbox1 .wordbox{ font-size:14px;line-height:28px; margin-top:20px;}
	
    
	.ertop{margin-top:0; border:0; background:#ffffff;}	
	.ertop  .list{  height:52px; scrollbar-width: thin; }
    .ertop  .list ul{ height:52px;  }
	.ertop  .list ul li{ width:auto; height:50px; line-height:50px; font-size:14px; color:#333333; padding:0 20px;}
	.ertop  .list ul li.onfocus{background:#22ac38;}
	.ertop  .list ul li a{ color:#333333}
    .ertop  .list ul li.onfocus a{ color:#FFF}
	
	
	.aboutbox2{  padding:30px 0 30px 0;}
	.aboutbox2 .titbox{  height:40px; line-height:40px; font-size:20px}
	.aboutbox2 .titbox2{ font-size:14px; line-height:30px;}
	.aboutbox2 .wordbox{ font-size:14px;line-height:28px;margin-top:20px;}
	
	.aboutbox2 .listbox{margin-top:20px;}
	.aboutbox2 .listbox ul li{width:100%; float:none; margin:10px 0}
	.aboutbox2 .listbox ul li .box{ width:100%; height:420px;}

	.aboutbox2 .listbox ul li .tit{ font-size:14px; }
	
	.aboutbox2 .listbox ul li .tit2{ font-size:14px;}
	.aboutbox2 .listbox ul li .word{ font-size:14px;  display:block}
	.aboutbox2 .listbox ul li .pic{ opacity:1}
	.aboutbox2 .listbox ul li .tit{ background:#21ad37;}
	.aboutbox2 .listbox ul li .tit2{ display:none}
	.aboutbox2 .listbox ul li .word{  display:block}
	 
	 
	.aboutbox3{ padding:30px 0 ;}
	.aboutbox3 .titbox{ height:40px; line-height:40px; font-size:20px;}
	.aboutbox3 .wordbox{ font-size:14px; line-height:28px;}
	
	.aboutbox3 .listbox .one{margin:10px 0}
	
	.aboutbox3 .listbox .tit{  height:40px;line-height:40px; font-size:20px;}

	.aboutbox3 .listbox .list ul li{ margin:10px 0 0 0px; padding:10px 10px 10px 25px; background:url(../Images/dot3.png) 10px 18px no-repeat #f2f4f9; font-size:14px; }
	.aboutbox3 .listbox .one:nth-child(3n-1) .list ul li{background:url(../Images/dot4.png) 10px 18px no-repeat #ecf1ed; width:100%; margin-right: 0}
	.aboutbox3 .listbox .one:nth-child(3n) .list ul li{background:url(../Images/dot5.png) 10px 18px no-repeat #f7f2ec; width:100%; margin-right:0}
	
	.aboutbox4{ padding:30px 0 30px 0; }

	.aboutbox4 .titbox{ height:auto; line-height:30px;}
	.aboutbox4 .titbox .tit{ float:none; width:100%; font-size:20px; line-height:40px;}
	.aboutbox4 .titbox .other{ width:100%; float:none; margin-top:20px;}
	.aboutbox4 .titbox .other span{font-size:20px;}
	
	.aboutbox4 .listbox{margin-top:20px;}
	.aboutbox4 .listbox .leftbox{ width:100%;  float:none}
	.aboutbox4 .listbox .leftbox ul li .tit{height:50px; line-height:50px; font-size:14px;}
	.aboutbox4 .listbox .leftbox ul li .word{ font-size:14px;line-height:28px;}
	.aboutbox4 .listbox .leftbox ul li .pic{display:block; margin-top:10px}

	.aboutbox4 .listbox .rightbox{ display:none}

	.aboutbox4 .line{ width:100%; height:1px; background:#d8dfee; margin:10px 0}
	
	.aboutbox4 .numlist ul li{ width:50%;font-size:14px; height:80px; line-height:80px; }
	.aboutbox4 .numlist ul li span{ font-size:30px;}

	 
	 /*合作伙伴*/
	.aboutbox5{ padding:30px 0 30px 0;}
	.aboutbox5 .titbox{font-size:20px;}
	.aboutbox5 .wordbox{ font-size:14px; line-height:28px;}
	.aboutbox5 .listone{ width:100%; margin-top:20px; }
	.aboutbox5 .listone  ul li{ width:33.33%; }
	

    .aboutbox5 .listone ul li .box{ width:100%; height:225px; box-shadow: 0px 0px 10px 0px #f3f5f6; clip-path:none; background: #f3f5f7;padding: 2px; }
    .aboutbox5 .listone ul li .pic{clip-path:none;}
	.aboutbox5 .listone ul li:nth-child(6) ~ li{ margin-top:0}
	.aboutbox5 .listone ul li:nth-child(7){ margin-left:0}
	.aboutbox5 .listone ul li:nth-child(12){ margin-left:0}
	

	.productbox1 .one{padding:25px 0}	
	.productbox1 .titbox{font-size:20px}
	.productbox1 .list{margin-top:20px}
	.productbox1 .list ul li{ width:50%; }
	.productbox1 .list ul li:nth-child(3){ display:none}
	.productbox1 .list ul li .box{ width:96%; padding:10px;}
	.productbox1 .list ul li .pic{ height:310px;}

	.productbox1 .list ul li .tit{ height:40px; line-height:40px; font-size:12px; }

	.productbox1  .getmore{ width:125px; height:45px;line-height:45px; font-size:12px;border-radius:40px;margin-top:20px;}
	
	
	
	.mainbox{padding:20px 0;}
	.mainbox .toptitle{ font-size:20px; line-height:40px; } 
	
	.productlist{margin-top:20px}
	.productlist ul li{ width:50%; }
	.productlist ul li:nth-child(3){ display:none}
	.productlist ul li .box{ width:96%; padding:10px;}
	.productlist ul li .pic{ height:310px;}

	.productlist ul li .tit{ height:40px; line-height:40px; font-size:12px; }
	
	.prolistbox{ padding:20px 0}
	.protop{ padding:15px; }
	.protop .title{ font-size:16px; }
	.protop .leftarea{ width:100%;float:none;background:none}
	.protop .leftarea .list{height:auto; }
	.protop .leftarea .list ul li{height:auto;}
	.protop .leftarea .list ul li .pic{ height:auto;  line-height: inherit; padding:10px 0}
    .protop .leftarea .list ul li .pic img{ max-width:100%; height:auto}

	.protop .rightarea{ width:100%;  float:none;}
	.protop .rightarea .tit2{ font-size:14px; line-height:30px;}
	.protop .rightarea .tit{ font-size:20px;  line-height:30px; padding-bottom:10px; margin-bottom:10px;}
	.protop .rightarea .tit3{ font-size:14px;line-height:40px;}

	.protop .rightarea .word{  font-size:14px;}
	.protop .rightarea .word ul li{ line-height:28px; font-size:14px; background:url(../Images/dot6.png) 0 10px no-repeat}
	
	
	/*相关产品*/
	.relspro{ padding:20px 0; }
	.relspro .centerbox .centerin{ width:94%; margin:0 auto}
	.relspro .titbox{ height:40px; line-height:40px;  font-size:20px;}
	
	/*拓展功能*/
	.relspro .extendlist{ margin:20px 0}
	.relspro .extendlist ul li{width:100%;  float:none; padding:5px;}
	.relspro .extendlist ul li .box{ width:100%;line-height:35px; font-size:14px;}
	
	
	.servicebox1{  padding:30px 0; }
	.servicebox1  .titbox{ font-size:20px; line-height:40px;}

	.servicebox1 .list{ margin:0}
	.servicebox1 .list ul li{ margin:10px 0 0 0;width:33.33%; overflow: hidden; }
	.servicebox1 .list ul li:nth-child(4){ margin-left:16.66%;}
	.servicebox1 .list ul li:not(:last-child):after{ display:none}
	.servicebox1 .list ul li .box{ width:90%; height:auto; position:relative; overflow:hidden; margin:0 auto}
	.servicebox1 .list ul li .pic{ width:100%; height:125px; overflow:hidden; display:flex;align-items:center;justify-content:center}
	
	.servicebox1 .list ul li .tit{font-size:14px; line-height:30px; height:30px; text-align:center}


	.download ul li{ margin:10px 0 0 0;width:100%; height:auto; float:none; }
	.download ul li .box{ width:100%;height:auto; position:relative; border:0; border-bottom:1px solid #e9ecf4}
	.download ul li p{ display:block; height:auto; line-height:40px; overflow:hidden; position: static; width:100%; line-height:35px;}
	.download ul li p.t1{  width:100%; overflow:hidden; font-size:14px;}
	.download ul li p.t2{  font-size:14px; color:#05318f; text-align:right}

	
	.mainnews{ display:none}	
	

	.bignews ul li{ margin:10px 0 10px 0px;padding:5px}
	.bignews ul li .box{ padding:10px 10px; box-shadow: 0px 0px 10px 0px #f2f4f9;}
	
	.bignews ul li  .timebox{ display:none}

	.bignews ul li .wordbox{ width:60%; padding:0 20px 0 0; }
	
	.bignews ul li .wordbox .tit{ font-size:16px;margin-top:10px; }
	.bignews ul li .wordbox .word{ height:60px; line-height:30px;font-size:14px; margin-top:20px;}
	.bignews ul li .wordbox .time{display:block}
	.bignews ul li .wordbox .more{ display:none }
	
	.bignews ul li .picbox{ width:40%; height:189px;}
	.bignews ul li.nopic .wordbox{ width:100%; padding:0} 
	
	
	.contactbox{padding:30px 0 0 0}
	.contactbox .leftbox .titbox{ font-size:20px;line-height:40px; }
	
	.contactbox .leftbox .conbox{margin-top:20px;}
	.contactbox .leftbox .conbox ul li{width:50%;background:none; height:200px;}
	.contactbox .leftbox .conbox ul li .box{ width:100%;padding:10px 0; }
	.contactbox .leftbox .conbox ul li .icon{ width:100%; height:68px;; height:auto; text-align:center}
	.contactbox .leftbox .conbox ul li .icon img{ max-width:80%;}
	.contactbox .leftbox .conbox ul li .pic{ width:100%; height:auto; overflow:hidden;}
	.contactbox .leftbox .conbox ul li .pic img{ max-width:80%; height:auto}
	
	.contactbox .leftbox .conbox ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:700; color:#22ac38; margin-top:10px; }
	.contactbox .leftbox .conbox ul li .word{width:100%; height:auto; line-height:30px; text-align:center; font-size:12px; margin-top:10px; color:#0d0d0d; word-break: break-all;}
	
	.contactusbox2{padding:30px 0;}
	.contactusbox2 .titbox{ font-size:20px; line-height:40px;}

					 
	}
	
@media (max-width:960px){
    .downnav ul li{ width:23%; margin:5px 1%;font-size:12px;}
	.downnav2 ul li{ width:23%; margin:5px 1%; font-size:12px;}
	.downnav3 ul li{ width:23%; margin:5px 1%; font-size:12px;}

	}	


@media (max-width:850px) {

	

   }

@media (max-width:800px) {

	
   }   

@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}
	

	#ertopslide{ height:420px}
	
	.erSlide .namebox{ position:absolute; width:100%; left:0; margin-left:0;top:50%; margin-top:10px;} 
	.erSlide .namebox .inbox{ width:92%; height:auto; overflow:hidden; margin:0 auto}
	.erSlide .namebox .tit{ font-size:20px; line-height:30px;  }
	.erSlide .namebox .tit2{ margin:0; font-size:12px; line-height:25px }
	/*
	.erSlide .about .tit,.erSlide .about .tit2{ color:#FFF}
	*/
	
	.homepart2 { padding:25px 0 0 0}
	.homepart2 .listbox{ margin-top:40px;  }
	.homepart2 .listbox .one{ width:100%; height:290px; }

	
	.homepart2 .listbox  .leftarr{ width:35px; height:35px;position:absolute; left:0px; top:100px;  z-index:10 }
	.homepart2 .listbox  .rightarr{width:35px; height:35px;  position:absolute; right:0px; top:100px; z-index:10 }
	
	.homepart2 .listbox  .leftarr:hover{width:35px; height:35px; background-size:100% 100% }
	.homepart2 .listbox  .rightarr:hover{width:35px; height:35px;background-size:100% 100% }
	
	.homepart2 .list{ width:90%; height:290px;  }
	.homepart2 .list ul li{height:290px;background:none; } 
	.homepart2 .list ul li .box{ width:90%; height:290px;}
	.homepart2 .list ul li .pic{ height:200px; line-height:200px;}
	.homepart2 .list ul li .pic img{ max-width:80%; max-height:90%;}
	.homepart2 .list ul li .title{ margin-top:0px; }
	.homepart2 .list ul li .title .tit{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#05318f;}
	.homepart2 .list ul li .title .tit2{ width:100%; height:37px; line-height:37px; overflow:hidden; font-size:14px; color:#0d0d0d;}

	.homepart2 .list ul li:hover  .title{margin-top:0px; padding-top:0;}
	.homepart2 .list ul li:hover  .title:after{ display:none}

    .aboutbox2 .listbox ul li .box{height:250px;}

    .aboutbox5 .listone ul li .box{ width:100%; height:125px;}
	
	.productbox1 .list ul li .pic{ width:100%; height:125px}	
	.productlist ul li .pic{ width:100%; height:125px}	
	
	


	.bignews ul li .wordbox{ width:60%; padding:0 20px 0 0; }
	
	.bignews ul li .wordbox .tit{ font-size:14px;margin-top:0px; line-height:25px; height:auto; }
	.bignews ul li .wordbox .word{ display:none}
	.bignews ul li .wordbox .time{display:block; margin:0; font-size:12px}
	.bignews ul li .wordbox .more{ display:none }
	
	.bignews ul li .picbox{ width:40%; height:100px;}
	
	
	.videolist ul li{width:100%;float:none}
	.videolist ul li .box{ width:100%; height:200px;}
	.videolist ul li .pic{ width:100%; height:200px; }
	.videolist ul li .play{ width:35px; height:35px; }
	.videolist ul li .tit{ font-size:14px; font-weight:700; bottom:5px }
	
	.readvideo video{ width:100%; height:250px}
	
	.formbox2 ul li{width:100%; float:none}
	.formbox2 ul li .input3{ width:100%; height:40px; font-size:14px;}
	.formbox2 ul li textarea{height:125px; font-size:14px;}
	.formbox2 ul li .btnme{ width:150px; height:40px; line-height:40px; font-size:14px; border-radius:30px; text-indent:20px; margin-top:20px }
	.formbox2 ul li .input2{ width:150px; height:40px;  font-size:14px; }


		
}

@media (max-width:702px){

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

	}	


@media (max-width:550px){

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


	}		 

@media (max-width:400px){

	}		


@media (max-width:380px){

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