@charset "utf-8";
*{ margin: 0; padding: 0;}
html{font-size:62.5%; /* 10÷16=62.5% */} 
body{font-family:"微软雅黑";font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */ max-width: 640px; min-width: 320px; margin:0 auto;}
ol, ul ,li{list-style:none;} 
img {border: 0; vertical-align:middle;} 
a{ text-decoration: none;}
.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.re{ position: relative;}
.ab{ position: absolute;}

.zx{ display:block;}
.zx img{ width:100%;}


.cent{ width: 93%; margin: 0 auto;}

/*
.top{ background: #ed3f3e; width: 100%; position: fixed; top: 0; z-index: 999;max-width: 640px; min-width: 320px;}
.top .logo{ width: 34%; float: left; margin-left: 3%;}
.top .topFr{ width: 54%; float: right;}
.top .topFr a{ color: #fff; margin-left: 2%;}
.top .topFr a:hover{ text-decoration: underline;}
*/

.banner{ width: 100%;}
.banner img{ width: 100%;}
.banner a{ width:24%;display:block; top:65.3%; left:23.4%}

.part1{ width: 100%;}
.part1 .Txt{ width: 59.8%; left: 0; top: 17.8%; text-align: right;}
.part1 .Txt p{ color: #595959; font-size: 1.8rem; line-height: 180%;}
.part1 .Txt p span{ color: #ed3f3e; font-weight: bold;}
.part1 .Txt .p1 span{ font-size: 2.7rem;}
.part1 .Txt .p2 span{ font-size: 1.9rem;}
.part1 .Txt .p3{ font-size: 2.2rem; font-weight: bold;}
.part1 .Txt .p6{ font-weight: bold; color: #ED3F3E; font-size: 3.1rem;}
.part1 .Txt .p7{ font-weight: bold;}

.title{ width: 100%; text-align: center; color: #ed3f3e; font-size: 2.4rem; top: 4%;}

.part3 .title{ top: 2%;}
.part3 p{ width: 87%; left: 8%; top: 64.1%; font-size: 2rem; text-indent: 2em; color: #333333; line-height: 160%;}

.part4{ width: 92.5%; margin: 0 auto;}
.pt4-1 h5,.pt4-2 h5,.pt4-3 h5,.pt4-4 h5{ width: 18.2%; margin: 0 auto;}
.part4 p{ font-size: 2rem; color: #333333; line-height: 160%;}
.pt4-4 p{ text-align: center;}

.part5{ width: 92.5%; margin: 0 auto;}
.part5 b{ display: block; text-align: center; color: #333333; font-size: 2rem;line-height: 200%;}
.part5 p{ font-size: 2rem; line-height: 160%; color:#333333; }

.ry .title{ font-size: 2rem; line-height: 400%;}



.picScroll{ width:100%; }
.picScroll .bd{ width:100%;margin:0 auto;}
.picScroll .bd ul{ width:100%; float:left;}
.picScroll .bd ul li{ width:100%; float:left; }
.picScroll .bd ul li img{ width:100%;}
.picScroll .hd ul{ position: absolute; z-index: 2; text-align: center; width: 100%;bottom:2%;}
.picScroll .title{ top: 6%; z-index: 2; color: #333333;}
.picScroll .hd ul li{ display: inline-block; border-radius: 100%; -webkit-border-radius: 100%;-moz-border-radius: 100%; background: #fff; margin-left: 1%; text-indent: -9999px;}
.picScroll .hd ul li.on{ background: #2e0f40;}
.picScroll .hd ul li{ width: 16px; height: 16px;}

.part7 .title{ top: 6%; color: #333333;}
.part7 a{ display: block; width: 24%; bottom: 2.4%; left: 37.5%;}
.part7 a img{ width: 100%;}

.part8 .title{ color: #333333;}
.part8 a{ display: block; width: 24%; margin:0 auto;}
.part8 a img{ width: 100%;}




@media all and (orientation : portrait){
/*
.top{ height: 30px;}
.top .logo img{ width: 115px; height: 30px;}
.top .topFr{ line-height: 30px; font-size: 12px;}	
.banner{ margin-top: 30px;}
*/

.pt4-1 h5,.pt4-2 h5,.pt4-3 h5,.pt4-4 h5{ margin-top: 10px; margin-bottom: 10px;}
.part4 p{ margin-bottom: 15px;}

.part5 p{ margin-top: 10px; margin-bottom: 10px;}

.picScroll{ margin-top: 20px; margin-bottom: 15px;}

.part8 .title{ margin-top: 14px; margin-bottom: 20px;}

.part8 a{ margin-top: 22px; margin-bottom: 22px;}
}



@media screen and (orientation:landscape){
/*
.top{ height: 60px;}
.top .logo img{ width: 230px; height: 60px;}
.top .topFr{ line-height: 60px; font-size: 26px;}	
.banner{ margin-top: 60px;}	
*/

.pt4-1 h5,.pt4-2 h5,.pt4-3 h5,.pt4-4 h5{ margin-top: 20px; margin-bottom: 20px;}
.part4 p{ margin-bottom: 30px;}

.part5 p{ margin-top: 20px; margin-bottom: 20px;}

.picScroll{ margin-top: 40px; margin-bottom: 30px;}

.part8 .title{ margin-top: 28px; margin-bottom: 40px;}

.part8 a{ margin-top: 44px; margin-bottom: 44px;}
}





@media screen and (min-width:320px) and (max-width:359px){
		/*  0.5    */
		html {font-size:31.25%;}
}
@media screen and (min-width:360px) and (max-width:409px){
		/*   0.56    */
		html {font-size:35%;}
}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
	html {font-size:40%;}
}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		html {font-size:47%;}
}