@charset "utf-8";
/* CSS Document */
@media (min-width: 1400px) {
  
}
@media (max-width: 1730px) {

}
@media (max-width: 1420px) {
 
}
@media (max-width: 1300px) {
  
}
@media (max-width: 1290px) {

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


}
@media (max-width: 930px) {
  
}
@media (max-width: 850px) {
  
}
@media (max-width: 800px) {
  
}
@media (max-width: 768px) {
	.pcshow{ display:none}
    .mbshow{ display:block}
	
	.back{ right:10px;}


	#indexpage .pic{ display:none}
	#indexpage .word{ display:none}
	
	#indexpage .pic2{ display:block}
	#indexpage .word2{ display:block}
	
	#indexpage .arrlist{ width:156px; position:absolute; left:50%; margin-left:-78px; bottom:69px; z-index:100}
	img{ width:auto; height:auto}
	.intro1box .wordbox img{ width:auto; height:auto}
	
	.releasebox .listbox .list ul li{ width:50%}
	.releasebox .listbox .list ul li:nth-child(3){ display:none}
	
	
	.intro1box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro1bgmb.jpg) top center no-repeat; background-size:cover; padding:380px 0 35px 0}
	.intro1box .centerbox{ padding:10px; border-radius:20px;}
    .intro1box .centerbox .centerin{ width:96%; margin:0 auto; height:auto; overflow:hidden;}
	
	.intro1box .videbox{ padding:10px;}
    .intro1box .videbox video{ width:100%; height:300px; }
	
	.releasebox .listbox .title{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:700; color:#ffffff}
	.releasebox .listbox .list ul li .pic{ width:100%; height:130px; overflow:hidden;}
	.releasebox .listbox .list ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:14px; font-weight:700; color:#ffffff; box-sizing:border-box; padding:0 10px;}
	.releasebox .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:12px; line-height:25px; color:#a6a6a6; box-sizing:border-box; padding:10px;}
	.releasebox .listbox .list ul li .more{ width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; background:#00adb0; font-size:12px; color:#ffffff}
	
	.intro2box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro2boxbgm.jpg) top center no-repeat; background-size:cover; padding:0 0 35px 0}
	.intro2box .topword{ width:92%; height:auto; overflow:hidden; max-width:1200px; margin:70px auto 90px auto;}
	.intro2box .topword .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#00adb0}
	.intro2box .topword .tit2{width:100%; height:50px; line-height:50px; overflow:hidden; font-size:30px; color:#ffffff; margin-top:0px;}	
	.intro2box .centerbox{  padding:10px; border-radius:20px;}
	.intro2box .centerbox .centerin{ width:96%; margin:0 auto; height:auto; overflow:hidden;}
	
	.intro2box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:10px; font-size:16px; font-weight:700; color:#ffffff}
	.intro2box .thelist ul li{ width:100%}
	.intro2box .thelist ul li .wordbox{ padding:0 0 0 20px;}
	.intro2box .thelist ul li:nth-child(2) .pic{ float:right}
	.intro2box .thelist ul li:nth-child(2) .wordbox{ float:right;padding:0 20px 0 0px;}
	
	
	.intro3box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro3boxbgm.jpg) top center no-repeat; background-size:cover; }
	.intro3box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:100px auto 100px auto;}
	.intro3box .topword .inbox{ width:40%; float:right}
	.intro3box .topword .tit{ width:100%; float:right; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#00adb0; font-weight:700}
	.intro3box .topword .tit2{width:100%; float:right; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#ffffff; font-weight:700;margin-top:0;}	
	.intro3box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:10px; border-radius:20px;}
	.intro3box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
	
	.intro3box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:16px; font-weight:700; color:#ffffff; margin:15px 0}

	.intro3box .showbox{ width:100%; height:auto; overflow:hidden; color:#FFF; line-height:200%; margin:20px 0}
    .intro3box .showbox td{ line-height:200%; font-size:12px}
	
	
	.intro4box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro4boxbgm.jpg) top center no-repeat; background-size:cover; padding:0}
	.intro4box .topword{ width:90%;  height:auto; overflow:hidden; max-width:1200px; margin:107px auto 100px auto;}
	.intro4box .topword .tit{ width:100%;  height:auto; overflow:hidden;}
	.intro4box .topword .tit img{ height:90px;}
	.intro4box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:10px; border-radius:20px;}
	.intro4box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
	
	.intro4box .thelist ul li{ width:100%}
	.intro4box .thelist ul li .box{ width:100%; margin:0 auto; height:auto; overflow:hidden; background:#22272c}
	.intro4box .thelist ul li .pic{ width:45%; height:320px; overflow:hidden; float:left; border:1px solid #02a4a7; box-sizing:border-box; padding:4px;}
	.intro4box .thelist ul li .pic .img{ width:100%; height:100%; overflow:hidden;}
	.intro4box .thelist ul li .wordbox{ width:55%; float:right; overflow:hidden; box-sizing:border-box; padding:10px;}
	.intro4box .thelist ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; font-size:12px; color:#00adb0}
	.intro4box .thelist ul li .wordbox .tit2{ width:100%; height:20px; line-height:20px; font-size:14px; color:#ffffff; font-weight:700; margin:10px 0}
	.intro4box .thelist ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; line-height:25px; font-size:12px; color:#a9abac}
	
	
	.intro5box{ width:100%; height:auto; overflow:hidden; background: url(../images/intro5boxbgm.jpg) top center no-repeat; background-size:cover; padding:0}
	.intro5box .topword{ width:100%;  height:auto; overflow:hidden; max-width:1200px; margin:80px auto 30px auto;}
	.intro5box .topword .tit{ width:100%;  height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:700; color:#00adb0}
	.intro5box .topword .tit2{ width:100%;  height:40px; line-height:40px; overflow:hidden; font-size:30px; font-weight:700; color:#ffffff; margin-top:5px;}
	.intro5box .centerbox{ width:100%; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; background:url(../images/cover1.png) repeat; padding:10px; border-radius:20px;}
	.intro5box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
	
	.intro5box .titlebox{ width:100%; height:auto; overflow:hidden; background:#1f262b; box-sizing:border-box; padding:19px 27px; font-size:16px; font-weight:700; color:#ffffff; margin:15px 0}
	.intro5box .showbox{ width:100%; height:auto; overflow:hidden; color:#a6a6a6; line-height:200%; margin:20px 0}
	.intro5box .showbox td{ line-height:200%; font-size:14px; box-sizing:border-box; padding:10px; color:#a6a6a6}
	.intro5box .showbox img{ max-width:100%; height:auto}
	.intro5box .line{ width:100%; height:1px; background:#22272c; margin-bottom:20px}
    
	.intro5box hr{ border:0; background:none; height:1px; border-bottom:1px dashed #282728} 
	
	
	.intro6box{ background: url(../images/intro6boxbgm.jpg) top center no-repeat;}
	.intro6box .topword{ width:92%; margin:0 auto; height:auto;  margin:100px auto 89px auto;}
	.intro6box .topword .tit{ width:100%;  height:auto;  overflow:hidden;}
	.intro6box .topword .tit img{ height:70px;}
	.intro6box .centerbox{padding:10px; border-radius:20px;}
	.intro6box .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
	
	.intro6box .leftbox{ width:100%; height:auto; float:none; overflow:hidden; border-top:4px solid #00adb0;}
	.intro6box .leftbox .title{ width:100%; height:68px; background:url(../images/arr1.png) 17px 27px no-repeat #333f48; line-height:68px; font-size:16px; font-weight:700; color:#ffffff; text-indent:40px;}
	.intro6box .leftbox .nav{ width:100%; height:auto; overflow:hidden; background:#17191b}
	.intro6box .leftbox .nav ul{ margin:0px; padding:0px; list-style:none}
	.intro6box .leftbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:50%;height:56px; line-height:56px; overflow:hidden; background:url(../images/arr2.png) 19px 26px no-repeat; font-size:14px; color:#ffffff; box-sizing:border-box; padding:0 0 0 40px; float:left}
	.intro6box .leftbox .nav ul li.onfocus{ background:url(../images/arr3.png) 19px  26px no-repeat #00a9ae;}
	.intro6box .leftbox .nav ul li a{ color:#FFF}
	
	
	.intro6box .rightbox{ width:100%; height:auto; float:none; margin-bottom:30px; overflow:hidden;}
    #formbox ul li{ width:100%}
	

	

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

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


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

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

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

}