*{margin:0;padding:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
font-family:Arial,'Microsoft YaHei';}
img{vertical-align:top;border:none;max-width:100%;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{border-collapse:collapse;}
button,select,input{font-size:14px;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;}
a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}
a:link,a:active{color:#393939;text-decoration:none;}
a:visited{color:#222323;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.ccolor{color:#BB1600;}
a.red:link,a.red:visited,a.red:active{color:#f47110; }
a.red:hover{color:#e60012; }
a.Purple:link,a.Purple:visited,a.Purple:active{color:#b03ca9; }
a.Purple:hover{color:#f00; }
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"]
,input[type="email"],input[type="url"],textarea{-webkit-appearance:none;border:1px solid;-webkit-border-radius:0;border-radius:0;}
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li{list-style:none;}
html{font-size:10px;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
body{ margin:0 auto;max-width:640px; min-width:320px;  color:#353535;}

@media screen and (max-width:320px) {
	html { font-size: 90px }
	body { font-size: .12rem; }
	h2,h3 { font-size: .16rem; }
}
@media screen and (min-width:320px){
	html { font-size: 90px }
	body { font-size: .12rem; }
	h2,h3 { font-size: .16rem; }
}
@media screen and (min-width:360px){
	html { font-size: 96px }
	body { font-size: .13rem; }
	h2,h3 { font-size: .16rem; }
}
@media screen and (min-width:375px){
	html { font-size: 100px }
	body { font-size: .14rem; }
	h2,h3 { font-size: .16rem; }
}
@media screen and (min-width:384px) {
	html { font-size: 102.4px }
	body { font-size: .14rem; }
	h2,h3 { font-size: .18rem; }
}
@media screen and (min-width:400px){
	html { font-size: 106.67px }
	body { font-size: .15rem; }
	h2,h3 { font-size: .18rem; }
}
@media screen and (min-width:414px) {
	html { font-size: 110.4px }
	body { font-size: .16rem; }
	h2 { font-size: .20rem; }
	h3 { font-size: .18rem; }
}
@media screen and (min-width:640px) {
	html { font-size: 161px }
}


.wrap{ width: 100%; min-width: 320px; border:1px solid #CCCCCC;font-family:"微软雅黑";max-width: 640px; margin: 0 auto; overflow: hidden;}
.top header2{ width: 100%; text-align: center; min-width: 320px; max-width: 640px; margin: 0 auto;}
.top header2 img{ width: 100%;}
.top menu{ width: 100%; min-width: 320px; line-height:5em; height:5em;max-width: 640px;background: url(../img/nav_bg.jpg) repeat-x bottom center; background-size:100% 100%;overflow: hidden;}
.top menu ul{ width: 100%;}
.top menu ul li a{ float: left; text-align: center; font-size:2em;height:96%;width: 19%; border-left: 1px solid #8c2ebc; color: #FFFFFF;}
.banner{ overflow: hidden; max-width: 640px; border-bottom: 2px solid #d9d9d9;}
.banner img{ width: 100%;}
.content{ width: 100%; height: 5em; max-width: 640px; min-width: 320px;}
.content img{ float: left; width: 70%; margin-top: 1em;}
.content a{float: left; display:block; width: 25%; color: #FFFFFF; font-size: 1.75em; line-height: 2.2em; text-align: center; margin:.5em 0 1em .5em;height: 2.2em; background: #8021b1;}

.lead{ width: 100%; overflow: hidden; background: #f8f8f8 url(../img/lead.jpg) no-repeat left center; background-size:15%; margin: 0.8em auto 0.8em; border-top: .5em solid #cccccc;}
.lead article{ width: 75%;height: 1.5em; border-bottom: 1px dashed #3a3a3a; font-size: 1.7em; text-align:center;float: right; margin: 1em 1em 0.3em 1em;}
.lead section{ width: 70%; float: right;color: #424242; line-height:1.65em;margin-right: 2em; font-size: 1.34em;}
.lead a{ width: 52%; line-height: 2em; color: #FFFFFF; text-align: center; font-size: 1.875em;  display: block; text-align:center;background: #e5860b; margin: 0.4em auto 0;}
.title_A .tit1{width: 100%; height:5.2em;background: url(../img/title_A.jpg) no-repeat left; background-size:100%; line-height: 5.6em;}
.title_A .tit1 p{color:#FFFFFF; font-size: 1.8em; height: 5em; text-align: center; padding-left: 1.3em;}
.title_A .kuang1{ width: 94%; overflow:hidden;background: url(../img/title1.jpg) no-repeat; margin: 0.1% auto; background-size:100% 100%; height: 6em;}
.title_A .kuang1 h1{width:85%; height:1.55em; line-height:1.55em; margin-top:3%;font-size: 1.6em;float: right;color: #e5860b;text-align:center;font-weight: normal;}
.title_A .kuang1 p{width:85%; font-size: 1.35em; color: #555555; float: right;text-align:center;letter-spacing: 0.1em;}
.main_bg>div{margin-top: 0.7em; height: 10em;overflow: hidden;margin: 0.7em auto 0;}
.main_bg>div p{ width: 42%; font-size: 1.4em; color: #555555;}
.main_bg .pic1{ width:94%;background: url(../img/bg1.jpg) no-repeat left; background-size:100% 100%;overflow: hidden;}
.main_bg .a p{ float: right;padding-right: 2%;}
.main_bg .a a{ float: right; padding-right: 1.5em;  font-size: 1.6em; color: #ea7f00; text-decoration: underline;}

.main_bg .pic2{ width:94%;background: url(../img/bg2.jpg) no-repeat left; background-size:100% 100%;overflow: hidden;}
.main_bg .b p{ float: left; padding-left: 2%;}
.main_bg .b a{ float: left;padding-left: 3.3em;font-size: 1.6em; color: #ea7f00; text-decoration: underline;}

.main_bg .pic3{ width:94%;background: url(../img/bg3.jpg) no-repeat left; background-size:100% 100%;overflow: hidden;}

.main_bg .pic4{ width:94%;background: url(../img/bg4.jpg) no-repeat left;background-size:100% 100%;overflow: hidden;}

.gray{ width: 94%; margin:.3em auto; background: #e8e8e8; font-size: 1.575em; line-height: 2em; color: #4c4b4b; text-align: center;}
.gray1{ width: 94%; margin:.5em auto; background: #e39795; font-size: 2em; line-height: 2em; color: #FFFFFF; text-align: center;}
.gray2{ width: 94%; margin:.5em auto; background: #adc760; font-size: 2em; line-height: 2em; color: #FFFFFF; text-align: center;}

.contents{ width: 100%; overflow: hidden; padding-left: 1.8em;}
.contents a{ display:block; width:40%;float: left; margin: 1em;}
.contents a img{ width: 100%;}

.title_B .tit1{width: 100%; height:5.2em;background: url(../img/title_B.jpg) no-repeat left; background-size:100%; line-height: 5.6em;}
.title_B .tit1 p{color:#FFFFFF; font-size: 1.7em; height: 5em; text-align: center; padding-left: 3.3em;}
.title_B .kuang1{width: 88%; padding-left:2em; max-width: 640px; min-width: 320px; margin:0 auto;background: url(../img/title2.jpg) no-repeat center; background-size:100% 100%; height: 8em; margin-top:0.5em;}
.title_B .kuang1 h1{width:85%;font-size: 2.25em;height:1.45em; line-height:1.45em; margin-top:5%;color: #e5860b; float: right; text-align:left;font-weight: normal;}
.title_B .kuang1 p{width:85%; font-size: 1.7em; color: #555555; float: right;text-align:center;letter-spacing: 0.2em;}

.women{ width: 93%; border-radius:1em; height: 17em; margin: .8em auto; background: #fffaf9 url(../img/pic1.jpg) no-repeat left; border: 1px dashed #CCCCCC; background-size:55%;}
.women p{ width: 38%; height: 4em; float: right; padding: .8em; line-height: 1.2em; margin-right:.5em;color:#555555;font-size: 1.5em;}

.men{ width: 93%; border-radius:1em; height: 17em; margin: .8em auto; background: #f8fef2 url(../img/pic2.jpg) no-repeat right; border: 1px dashed #CCCCCC; background-size:55%;}
.men p{ width: 40%; float: left;height: 4.5em; padding: .7em;line-height: 1.3em; margin-left:.5em;color:#555555;font-size: 1.5em;}

.title_C .tit1{width: 100%; height:5.2em;background: url(../img/title_C.jpg) no-repeat left; background-size:100%; line-height:5.6em;}
.title_C .tit1 p{color:#FFFFFF; font-size: 1.7em; height: 5em; text-align: center; padding-left: 3em;}
.title_C .kuang1{width: 86%; overflow: hidden; padding-left:3em; max-width: 640px; min-width: 320px; margin:0 auto;background: url(../img/title3.jpg) no-repeat center; background-size:100%; height: 8em; margin-top:0.5em;}
.title_C .kuang1 h1{width:85%;font-size: 1.8em;height:1.45em; line-height:1.45em; margin-top:2.5%; color: #e5860b; float: right; text-align:left;font-weight: normal; padding-top:.8em;}
.title_C .kuang1 p{width:85%; font-size: 1.6em; color: #555555; float: right;text-align:center;letter-spacing: 0em;}
.girl{ width: 94%; margin: 1em auto; background: url(../img/girl.jpg) no-repeat 1em center; background-size: 27%; overflow: hidden;}
.girl p{ width: 55%; font-size: 1.4em; float: right; line-height:1.7em;;color: #424242; padding-right: 1em;}
.girl p span{ color: #8021b1; font-size: 1.45em; font-weight: 600;}

.title_D .img{ width: 94%; margin: 0 auto;}
.title_D .img img{ width: 100%;}
.doc_bg{ width: 94%; margin: 0 auto; overflow: hidden;position:relative; border-bottom: 1px solid #CCCCCC;}
.doc_bg a{ width: 40%; float: left; margin-left: 1em;}
.doc_bg>img{ width: 100%; margin: 0 auto; border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}
.doc_bg a img{ width: 100%;}
.docs{height: 3em; overflow: hidden;position:absolute; bottom:4%; left:2%; width:96%; text-align:center}

.title_E .tit1{width: 100%; height:5.2em; margin:1em auto;background: url(../img/title_D.jpg) no-repeat left; background-size:100%; line-height: 5.6em;}
.title_E .tit1 p{color:#FFFFFF; font-size: 1.8em; height: 5em; text-align: left; padding-left: 4em;}
.title_E .kuang1{width: 88%; padding-left:2em; max-width: 640px; min-width: 320px; margin:0 auto;background: url(../img/title3.jpg) no-repeat center; background-size:100% 100%; height: 8em; margin-top:0.5em;}
.title_E .kuang1 h1{width:85%;font-size: 2.25em;height:1.45em; line-height:1.45em; margin-top:2.2%; color: #e5860b; float: right; text-align:left;font-weight: normal; padding-top:.5em;}
.title_E .kuang1 p{width:85%; font-size: 1.7em; color: #555555; float: right;text-align:center;letter-spacing: 0.2em;}
.title_E .p{ width: 89%; margin: .4em auto; height: 3em; line-height: 2.8em; color: #FFFFFF; background: url(../img/title4.jpg) no-repeat; background-size:100% 100% ; font-size: 2.2em; text-align: center;}
.tu{ width: 94%; margin: .5em auto;}
.tu img{ width: 100%;}
.title_E .p1{ width: 89%; margin:.4em auto; height: 2em; line-height: 2em; color: #FFFFFF; background: url(../img/title5.jpg) no-repeat; background-size:100% 100% ; font-size: 2.1em; text-align: center;}
.tu1{ width: 85%; margin: .5em auto;}
.tu1 img{ width: 100%;}
.tu2{ width: 40%; margin: .7em auto;}
.tu2 img{ width: 100%;}
.four{padding:0 2%; overflow:hidden; }
.four span{ display:block; width:100%;}
.four p{ display:block; width:100%;}/
/*background: url(../img/bg5.jpg) no-repeat; *//* background-size:100%;

.four img{}
/*.four .dl1{ float: left; width: 28%;}*/
/*.four .dl2{ float: right; width: 28%;}
.four dl dt{ font-size: 2.5em;text-align: center;}
.four dl dd{ font-size: 1.625em; text-align: center; margin-top: 6%;}*/
.dls{ padding:0 2%; overflow:hidden;}
.dls span{ display:block; width:100%;}
.dls p{ display:block; width:100%;}
/*.dls dl{width: 50%;padding-top: 1.8em; margin-top: .7em; height:43%;text-align: center;}
.dls .a{background: url(../img/bg6.jpg) no-repeat; background-size:100% 100%; float: left;}
.dls .b{background: url(../img/bg7.jpg) no-repeat; background-size:100% 100%; float: right;}
.dls .c{background: url(../img/bg8.jpg) no-repeat; background-size:100% 100%;float: left;}
.dls .d{background: url(../img/bg9.jpg) no-repeat; background-size:100% 100%;float: right;}
.dls dl dt{ width: 75%; margin: 0.6em auto; color: #FFFFFF; font-size: 1.9em; line-height: 1.3em;}
.dls dl dd{width: 75%;margin:2.5em auto; color: #FFFFFF; font-size: 1.8em;}
.dls .a dd{ color: #e29795;}
.dls .b dd{ color: #9a7dd1;}
.dls .c dd{ color: #83ade2;}
.dls .d dd{ color: #d7a154;}*/
.title_F .tit1{width: 100%; height:5.2em;background: url(../img/tltie_E.jpg) no-repeat left; background-size:100%; line-height:5.6em;}
.title_F .tit1 p{color:#FFFFFF; font-size: 1.8em; height: 5em; text-align: center; padding-left: 1.3em;}
.title_F .kuang1{ width: 94%;background: url(../img/title6.jpg) no-repeat center; margin: 0 auto; background-size:100% 100%; height: 8em; margin-top:0.5em;}
.title_F .kuang1 h1{width:85%;height:1.45em; line-height:1.45em; margin-top:2%; font-size: 2em; color: #e5860b; float: right; text-align:center;font-weight: normal; padding-top:.7em;}
.title_F .kuang1 p{width:85%; font-size: 1.6em; color: #555555; float: right;text-align:center;letter-spacing: 0.1em;}

.dl3{ width: 94%; margin: 0 auto; overflow: hidden; margin-bottom: 0; padding-bottom: 0;}
.dl3 dl{width: 100%; height: 8.2em; margin-top: 2.5%;}
.dl3 dl.a{background: url(../img/bg_a.jpg) no-repeat; background-size:100% 100%;}
.dl3 dl.b{background: url(../img/bg_b.jpg) no-repeat; background-size:100% 100%;}
.dl3 dl.c{background: url(../img/bg_c.jpg) no-repeat; background-size:100% 100%;}
.dl3 dl dt{ float: left;line-height: 1.3em; width: 25%; font-size: 1.8em; text-align: center; padding-left: .4em; padding-top: .8em;}
.dl3 dl dd{ float: right; width: 70%; font-size: 1.5em; padding-top:.5em; color: #FFFFFF;}


.last .titles{ width: 100%; background: url(../img/purple.jpg) no-repeat bottom; background-size:100% 100%;font-size: 2.2em;text-align:center; color: #FFFFFF; line-height: 2em; height: 2.6em;}
.last .qq{ width: 90%; margin: 0 auto; overflow: hidden;}
.qq dl{ overflow: hidden;}
.qq dl.a dt{ float: left; width: 18%; margin-top: 1em;}
.qq dl.a dt img{border: 1px solid #dedede; padding: 0.1em; width: 100%;}
.qq dl.a dd{ float: right; width: 62%; color:#424242;border-radius:5px; border: 1px solid #dedede; font-size:1.3em;background: #f5f5f5; padding-left: 1em; line-height:2.5em;margin-top: 1.5em;}

.qq dl.b dt{ float: right; width: 18%; margin-top: 1em; padding-right: .5em;}
.qq dl.b dt img{border: 1px solid #dedede; padding: 0.1em;width: 100%;}
.qq dl.b dd{ float: left; color: #FFFFFF; width: 51%; border-radius:5px;font-size:1.3em; line-height:1.5em;background: #9a7dd1; padding:.5em;margin-top: .8em;}

footer{ width: 100%; margin: 0em auto; margin-top: 1em; border-top: .6em solid #CCCCCC;}
footer .fot1{ width: 94%; text-align: center; padding-top: .7em; font-size: 1.5em;}
footer .fot1 img{ width: 100%;}
footer .fot1 p{padding-top: .7em; color: #636363;}
footer .fot2{ width: 93%; background: #f8f8f8; margin: 1em auto; padding: .5em; border: 1px dashed #d8d8d8;}
footer .fot2 p{ line-height: 1.5em; text-align: center;}
footer .fot2 .p1{ font-size: 1.6em; color: #424242;}
footer .fot2 .p2{ font-size: 1.5em; color: #7b7b7b;}
footer .fot2 .p3{ font-size: 1.8em; color: #ca0404;}
footer .fot3{ display: block; width: 60%; margin: .6em auto; line-height: 1.7em; border-radius:5px; background: #e5860b; text-align: center; font-size: 1.7em; color: #FFFFFF;}
footer .fot4{ width: 94%; margin: .5em auto; overflow: hidden; padding-left: 3em;}
footer .fot4 li{ width:30%;float: left; color: #646464; background: url(../img/gt.jpg) no-repeat left; background-size: 17% 100%; font-size: 1.5em; text-align: center;}
.fot_nav{ width: 100%; margin-top:1em;background: #883fae; overflow: hidden; padding-left: 1.5em;}
.fot_nav li{ float: left; font-size: 1.5em;color: #FFFFFF; width: 23%; line-height:2.2em; height: 2.2em; text-align: center;}
.fot_nav li a{color: #FFFFFF; padding-right: .5em;}
.fot{ background: #f2f2f2; width: 100%; overflow: hidden; text-align: center; font-size: 1.4em; color: #666666; line-height: 4em; }
.fot span{ color: #bd0000;}




@media screen and (max-width: 321px) {
	.main_bg .a p{ padding-top: .5em; line-height: 1.3em;}
	.main_bg .b p{ padding-top: .5em; line-height: 1.3em;}
	.women .wos{ padding-top: 2%;}
	.men .mes{padding-top: 2%;}
	/*.four #dl1{ height: 40%; padding-top: 8%;}
	.four #dl3{ height: 40%; padding-top: 8%;}
	.four #dl2{ height: 40%; padding-top: 8%;}
	.four #dl4{ height: 40%; padding-top: 8%;}*/
	/*.dls{ height: 35em;}*/
	/*.four{ height: 23em;}*/
	.doc_bg{ padding-bottom: 0;}
	.dl3{ height: 23em;}
	.dl3 dl{ height: 7em;}

}
@media (min-width: 321px) and (max-width: 400px) { 
	/*.four #dl1{ height: 38%; padding-top: 6%;}
	.four #dl3{ height: 38%; padding-top: 3.5%;}
	.four #dl2{height: 38%; padding-top: 6%;}
	.four #dl4{height: 38%; padding-top: 3.5%;}*/
	/*.dls{ height: 36em;}*/
/*	.four{ height: 25em;}*/
	.women .wos{ padding-top: 2%;}
   	.men .mes{padding-top: 2%;}
    .dl3{ height: 24em;}
	.dl3 dl{ height: 7em;}
}
@media (min-width: 400px) and (max-width: 450px) { 
	/*.four #dl1{ height: 40%; padding-top: 8%;}
	.four #dl3{ height: 40%; padding-top: 4.5%;}
	.four #dl2{ height: 40%; padding-top: 8%;}
	.four #dl4{ height: 40%; padding-top:4.5%;}*/
	/*.dls{ height: 37em;}*/
	/*.four{ height: 27em;}*/
	.women .wos{ padding-top: 3%;}
   	.men .mes{padding-top: 2%;}

}
@media (min-width: 450px) and (max-width: 500px) { 
	/*.four #dl1{ height: 42%; padding-top: 8%;}
	.four #dl3{ height: 42%; padding-top: 8%;}
	.four #dl2{ height: 42%; padding-top: 8%;}
	.four #dl4{ height: 42%; padding-top: 8%;}*/
	/*.dls{ height: 38em;}*/
	/*.four{ height: 29em;}*/
	.women .wos{ padding-top: 3%;}
   	.men .mes{padding-top: 2%;}

}
@media (min-width: 500px) and (max-width: 560px) { 
	/*.four #dl1{ height: 45%; padding-top: 9%;}
	.four #dl3{ height: 45%; padding-top: .5%;}
	.four #dl2{ height: 45%; padding-top: 9%;}
	.four #dl4{ height: 45%; padding-top: .5%;}*/
	/*.dls{ height: 39em;}*/
	/*.four{ height: 31em;}*/
	.women .wos{ padding-top: 3%;}
   	.men .mes{padding-top: 1.5%;}
	
}
@media (min-width: 560px) and (max-width: 640px) { 
	/*.four #dl1{ height: 48%; padding-top: 9%;}
	.four #dl3{ height: 48%;}
	.four #dl2{ height: 48%; padding-top: 8.5%;}
	.four #dl4{ height: 48%;}*/
	/*.dls{ height: 40em;}*/
	/*.four{ height: 33em;}*/
	
   	
}
@media screen and (min-width: 640px){ 
	/*.four #dl1{ height: 50%; padding-top: 9%;}
	.four #dl3{ height: 50%;}
	.four #dl2{ height: 50%; padding-top: 9%;}
	.four #dl4{ height: 50%;}*/
	/*.dls{ height: 37em;}*/
	/*.four{ height: 24em;}*/
	.women p{ width: 38%;}
   	.men p{width: 40%;}
}
@media (min-width: 321px) and (max-width: 640px) { 
	.main_bg .a p{ padding-top: .5em;line-height: 1.3em;}
	.main_bg .b p{ padding-top: .5em;line-height: 1.3em;}
	
   
}

@media screen and (min-width: 640px) {
	.main_bg .a p{ padding-top: .4em; line-height: 1.2em;}
	.main_bg .b p{ padding-top: .4em; line-height: 1.2em;}
	.women .wos{ padding-top: 1.5%;}
	.men .mes{padding-top: 1%;}
	.four .dl1{ height: 50%;}
	/*.doc_bg{ height: 34em;}*/
}
@media screen and (max-width:320px){body,input,select{font-size:9px}}
@media screen and (min-width:320px){body,input,select{font-size:9.25px}}
@media screen and (min-width:400px){body,input,select{font-size:10.25px}}
@media screen and (min-width:480px){body,input,select{font-size:12.5px}}
@media screen and (min-width:560px){body,input,select{font-size:14.25px}}
@media screen and (min-width:600px){body,input,select{font-size:16.5px}}
@media screen and (min-width:640px){body,input,select{font-size:18.25px}}