/* CSS Document */

html{font-size:62.5%;background:#fff;font-family:Arial, 'microsoft yahei', Helvetica, sans-serif;}

*{margin:0px;padding:0px;border:0px;list-style:none;border-style:solid;}

body{color:#666;font-size:1.8rem;line-height:1.5; text-transform:capitalize;}

input[type=number]{padding:0 5px;}

input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}

ul,li,dl,dd,dt{ list-style:none;}

input{ border:none;}

.clear{ clear:both;}

a{ text-decoration:none; color:#666;}

img{ width:100%; vertical-align: middle;}

i,em{ font-style:normal;}

em{ color:#f7941d;}

.red{ color:#ffb500;}

.lt{ float:left;}

.rt{ float:right;}

.mb{ margin-bottom:2% !important;}

table{border-collapse:collapse;}



.maxBox{max-width:640px; margin:0 auto;box-shadow: 0px 0px 20px #5D5C61; background:#f5f5f5;}



.header-logo{width:100%; height:auto;position:relative;} 

.header-logo a{position: absolute;display: block;}

.header-logo a:nth-child(1){left:0; top:0; width:58%;height: 74%;}

.header-logo a:nth-child(2){right:0; top:0; width:42%;height: 74%;}



.nav{ width:100%; height:auto; overflow:hidden; background:#fff;}

.nav a{ width:24.6%;background:#65bad4; text-align:center; float:left; display:block; color:#fff; font-size:1.8rem; margin-right:1px; padding:2% 0;margin-bottom:1px;}

.nav a:nth-child(4n+0){ margin-right:0; width:25.7%;}



.banner{ height:auto; overflow:hidden; position:relative;}

.banner .hd{ display:block; width:100%; text-align:center; position:absolute; bottom:10px;}

.banner .hd li{ display:inline-block; background:#bebebe; width:12px; height:12px; margin:0 1%; border-radius:50%; font-size:0; cursor:pointer;}

.banner .hd li.on{ background:#D70A50;}



.yygh{ width:auto; height:auto; overflow:hidden; background:#fff; padding-bottom:3%;}

.yygh-t{ width:auto; height:auto; overflow:hidden; text-align:center; padding:3% 0;}

.yygh-t dt{ font-size:2.4rem; color:#333; line-height:150%;}

.yygh-t dd{ font-size:1.6rem; line-height:150%; color:#ffb500;}

.yygh-b{ width:90%; margin:0 auto; overflow:hidden;}

.yygh-b li{ font-size:1.8rem; line-height:28px; color:#666; margin-bottom:3%;}

.yygh-b li em{ color:#ffb500;}

.yygh-b li input{ width:60%; border:solid 1px #e6e6e6;display: inline-block; background:#f5f5f5; font-size:14px;height:28px; line-height:28px; color:#aeaeae; padding:0 5px}

.yygh-b li textarea{ width:68%; border:solid 1px #e6e6e6; background:#f5f5f5; font-size:14px; line-height:22px; color:#aeaeae; padding:5px;vertical-align: middle; font-family:'microsoft yahei';}

.yygh-b .tjtel{ width:auto; height:auto; overflow:hidden; text-align:center; padding-bottom:3%;}

.yygh-b .tjtel a{display: inline-block;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;font-size: 2rem;line-height: 220%;padding: 0 5%;padding-left: 12%;color: #fff;margin: 0 2.5%;background: url(/images/ico13.png) no-repeat #adcf71 14% 50%;background-size: 20%;}



.yygh-b .tjtel .coolbg{display: inline-block;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;font-size: 2rem;line-height: 220%;padding: 0 5%;padding-left: 12%;color: #fff;margin: 0 2.5%;background: url(/images/ico12.png) no-repeat #ffb500 14% 50%;background-size: 20%;}



.yygh-sm{ width:93.75%; margin:0 auto; height:auto; overflow:hidden;}

.yygh-sm dt{ font-size:2rem; color:#65bad4; padding-bottom:5px;}

.yygh-sm dd{ font-size:1.8rem; line-height:150%; color:#999;}



.footer{ width:auto; height: auto; overflow:hidden; padding-top:3%; padding-bottom:15%;}

.footer ul{ width:93.75%; height:auto; overflow:hidden; margin:0 auto 5px;}

.footer ul li{ font-size:1.8rem; line-height:150%; color:#666; padding-bottom:5px;}

.footer ul li img{ width:20px; margin-right:8px;}

.footer ul li a{ color:#4faecb;}

.footer p{ border-top:solid 1px #cecece; text-align:center; padding:0 5%; padding-top:10px; color:#999; line-height:180%;}



@media (min-width:320px) and (max-width:639px){

html{font-size:43.8%;}

.nav a:nth-child(4n+0){ margin-right:0; width:25.2%;}



}



@media screen and (max-width: 375px){



}



@media screen and (max-width: 360px){



}



@media screen and (max-width: 320px){



}