@charset "utf-8";
/* CSS Document */
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary,input{outline:0;}/*hideFocus对超链接外虚线框的设置*/
ul,dl,li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{ font-weight:normal;}
pre,code,kbd,samp{font-family:inherit;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}/*default默认光标（通常是一个箭头）*/
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,a,a:hover{text-decoration:none;}
body,textarea,input,button,select{font:14px/1.14 arial,"Microsoft YaHei","微软雅黑";color:#333;outline:0;}
body{ background-color: #f1f1f7;}
*{ padding: 0px; margin: 0px;}
img{ display:block;}

.top{ width: 98%; height: 50px; background-color: #fff; padding-left: 2%; position: relative; }
.top>*{ float: left; }
.return{ width: 25px; margin-top: 12.5px; }
.return img{width: 25px; }
.top h3{ line-height: 50px; margin-left: 5px; font-size: 18px; font-weight: normal; }
.kefu{ width: 50px; height: 50px;  border-left: #ccc 1px solid;position: absolute; right: 2%; top: 0;}
.kefu img{ width: 25px; margin: 0 auto; margin-top: 12.5px; }
.banner{ width: 100%; position: relative; }
.banner img{ width: 100%; }
.banner a{ display: block; width: 38%; height: 4%; position: absolute; }
.banner .mgsp{ left: 10%; top:35%; }
.banner .mgyy{ left: 50%; top:46%; }
.banner .mgyd{ left: 10%; top:57%; }
.banner .mgdm{ left: 50%; top:69%; }
.banner .mgyx{ left: 10%; top:80%; }
.banner .mmsc{ left: 50%; top:91%; }
.tuisong{ width: 100%; }
.tuisong img{ width: 100%; }
.advertisement{ width: 100%;position: relative; }
.advertisement img{ width: 100%; }
.top-1{ width: 100%; }
.top-1 img{ width: 100%; }
.nav{ width: 96%; padding:15px 2%;background-color: #fff; border-bottom: #e7e7e7 1px solid;  }
.nav table{ width: 100%; }
.nav table tr td{ width: 16.6%; line-height:20px; text-align:center; border-right: #e7e7e7 1px solid;}
.nav table tr td:last-child{border:none;}
.nav table tr td a{ color: #009df6; font-size: 16px;}
@media only screen and (max-width: 320px) {
	.nav table tr td a{ font-size: 12px;}
	
}
.nav table tr td a.yangshi{border:#e40077 1px solid; color:#e40077; padding: 3px 10px; border-radius: 20px }
.nav table tr td a.yangshi1{border:#ad4cf1 1px solid; color:#ad4cf1; padding: 3px 10px; border-radius: 20px }
.nav table tr td a.yangshi2{border:#ff5920 1px solid; color:#ff5920; padding: 3px 10px; border-radius: 20px }
.nav table tr td a.yangshi3{border:#e40077 1px solid; color:#e40077; padding: 3px 10px; border-radius: 20px }
.nav table tr td a.yangshi4{border:#6fba2b 1px solid; color:#6fba2b; padding: 3px 10px; border-radius: 20px }
.nav table tr td a.yangshi5{border:#067abf 1px solid; color:#067abf; padding: 3px 10px; border-radius: 20px }
.app-xz{ width: 90%; margin: 10px auto; padding: 8px 2%; background-color: #fff; border-radius: 10px;}
.app-xz dd,.app-xz dt{ float: left; }
.app-xz dd{ width: 85%; }
.app-xz dd h3{ color: #ed0281; line-height: 30px; }
.app-xz dt{ width: 15%; }
.app-xz dt img{ width: 100%; }
.con{ width: 94%; background-color: #fff; padding: 10px 3%; }
.con p{ line-height: 20px; color: #666;margin-bottom: 15px; }
.con table{ width: 100%; }
.con table tr td{ width:33.3%; }
.con table tr td img{ width: 96%; }
.con table tr td:nth-child(2) img{ margin: 0 auto; }
.con table tr td:nth-child(3) img{ margin-left:4%; }
.con a{ display: block; width: 65%; line-height: 40px; margin:15px auto; text-align: center; background-color: #009df6; line-height: 40px; color: #fff; border-radius: 10px; font-size: 16px;  }
.jctj{ width: 100%;  background-color: #fff; margin-top: 10px; position: relative; padding-bottom: 5px;} 
.jt-title{ width: 94%; padding: 10px 3%; border-bottom:#f1f1f7 1px solid; }
.jt-title p{ font-size: 20px; font-weight: bold; color: #999999; line-height: 22px; }
.jt-title p img{ float: left; width: 22px; padding-right: 8px; }
.jt-title a{ display: block;width: 65px; line-height: 25px; position: absolute; right: 3%; top:9px; color: #ccc; background:url(../images/more.jpg) right no-repeat;  background-size: 20px 20px; }
.jt-con{ width: 96%; margin: 0 auto; }
.jt-con table{ width: 100%; }
.jt-con table tr td{ width:25%;  }
.jt-con table tr td img{ width: 90%; margin: 15px auto 5px; }
.jt-con table tr td span{ display: block;width: 80%; margin: 0 auto; text-align: center;  }
.xzq{ width: 20px; margin:20px auto 5px;  }
.xzq ul li{ display: inline-block;color: #ccc; border-radius: 10px; text-align: center; font-size: 12px; }
.xzq ul li.yanse{ color: #009df6; }
.hytq{ width: 100%;  background-color: #fff; margin-top: 10px; position: relative; padding-bottom: 5px;} 
.ht-title{ width: 94%; padding: 8px 3%; border-bottom:#f1f1f7 1px solid; }
.ht-title p{ font-size: 20px; font-weight: bold; color: #999999; line-height: 25px; }
.ht-title p img{ float: left; width: 25px; padding-right: 6px; }
.ht-title a{ display: block;width: 65px; line-height: 25px; position: absolute; right: 3%; top:9px; color: #ccc; background:url(../images/more.jpg) right no-repeat;  background-size: 20px 20px; }
.ht-con{ width: 94%; padding: 15px 3%; border-bottom:#f1f1f7 1px solid;}
.ht-con h3{ line-height: 20px; padding-bottom: 5px; }
.ht-con p{ line-height: 20px; color: #666666; }
.ht-con p span{ color: #ff3300; }
.ht-con a{ display: block;height: 35px; line-height: 35px; width: 40%; text-align: center; margin: 15px auto 0; font-size: 16px;   background-color: #009df6; color: #fff; border-radius: 7px;}
.r-top{ width: 50px;margin: 15px auto; }
.r-top img{ width: 100%; }

 


.popbox{ width: 100%;z}
.cszPopbox{ width: 90%;background-color: #FFFFFF; border-radius: 5px; position: fixed;  z-index: 300; border: 0px solid #E1E1E1; top:25%; left: 50%; margin-left: -45%;}
.csz-person{ position: relative;}
.csz-person img{ width: 92px; height: 92px;  position: absolute; top: -50px;  left: 50%; margin-left: -48px;}
.cszBtnclose{ display: block; background-image: url(../images/cha.png);  width: 25px; height: 25px;background-size: 100% 100%; position: absolute; right: -5px; top: -5px; }
.csz-Box{ width: 90%; margin: 50px auto 20px;}
.blackbg{ background-color: #000; width:100%; height: 100%;  position: fixed; z-index:300; opacity: 0.5;}
.textcolor2{ margin-top: 10px; line-height: 22px;}
.textcolor2 span{ color:#fdcc05;}
.btn-dhuan{ width: 100%; }
.btn-dhuan a{  display:block; width:45%;height:40px; text-align:center; line-height:40px; border-radius:5px; color:#FFF; background-color:#009df6;border: 1px #009df6 solid;  margin: 0 auto;margin-top:20px;  font-size: 16px;}
 
/*进度圈*/
.tanchuk{position: fixed; z-index: 300; width: 100%; height:100%; top:0px;left:0px;}
.balck-g{ background-color: #000; opacity: 0.6; position: fixed; width: 100%; height: 100%;  z-index: 12;top:0px;;left:0px;}
.innerbox{ padding-left: 5%; padding-right: 5%; padding-top: 65px; position: relative; z-index: 99; }
.cirl{ width: 60%; max-width: 270px; margin: 0 auto; margin-top: 50%;}
.cirl p{ text-align:center; color:#FFF;}
.cirl p img{ width: 15%; margin:0 auto; padding-bottom:10px;}