body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; }
body{font-size:14px;font-family: "微软雅黑";background-color: #f5f5f5;}
td,th,caption{font-size:14px; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal; font-weight:normal;}
a{text-decoration:none !important;}a:hover {text-decoration:none !important;}img{ border:none; }ol,ul,li{list-style:none;}
input, textarea, select, button{font:14px "微软雅黑"; }table{border-collapse:collapse;}
.cursor{cursor: pointer;}.none{display: none;}
.left{float:left;}.right{float:right;}.clear {clear: both;}
.text-left{text-align: left !important;}
.mar-top20{margin-top: 20px;}
.red{color: red;}
.text-red{color: #c1392b;}
/*btn*/
.btn{padding: 10px 25px;cursor: pointer;}
.red-btn{background-color: sandybrown;color: #FFFFFF;}
.btn-center{margin: 0 auto;width: 120px;display: block;}
.green{color: #28ad5e;}
.orange{color: #e67d22;}
.blue{color: #2881b9;}
h1{font-size: 18px;color: #4b4b4b;}

label {margin-bottom: 0px;font-weight: 100;}
/*top*/
@media only screen and (max-width: 1366px) { 
.top{background: url(../images/banner.jpg) no-repeat;/*height: 285px;*/background-size:100%;width: 100%;}
.content{width: 1000px;margin: 0 auto;}
.top-text{width: 1000px;height: 170px;background: url(../images/top-text-01.png) no-repeat;}
}
@media screen and (min-width:1367px) { 
.top{background: url(../images/top-bg-01.jpg) no-repeat;/*height: 440px;*/margin-bottom: 50px;background-size:100%;width: 100%;}
.content{margin: 0 auto;}
.top-text{width: 1200px;height: 150px;background: url(../images/top-text-02.png) no-repeat;}
}
.login{height: 45px;color: #FFFFFF;font-size: 16px;padding: 10px;}
.login a{height: 45px;color: #FFFFFF;font-size: 16px;margin: 0 10px;margin-top: 20px;}
.top-nav{height: 68px;background-color: #FFFFFF;color: #3b556e;line-height: 34px;}
.top-nav span{margin-left: 20px;}
.top-nav a{color: #3b556e;}
.nav-ul{position: relative;}
.nav-ul li{position: relative;display: inline-block;line-height: 66px;letter-spacing: 3px;}
.nav-ul a{padding: 0 20px;height: 62px;display: inline-block;font-size: 18px;}
.top-nav .on{border-bottom: 3px solid #c1392b;height: 68px;color: #c1392b;}
.nav-ul #slider{position: absolute;top: 0;left: 0;border-bottom: 3px solid #c1392b;height: 68px;color: #c1392b;}

/*main*/
.main .con-ad{padding: 50px;margin: 0 auto;display: block;width: 100%;}
@media only screen and (max-width: 1366px) { 
.main .con-ad li{width: 200px;margin: 0 50px; height: 200px;float: left; display: inline-block;}
.main .con-ad li p.title{text-align: center;margin: 10px;}
}
@media screen and (min-width:1367px) {
.main .con-ad li{width: 200px;margin: 0 83px;height: 200px;float: left; display: inline-block;}
.main .con-ad li p.title{text-align: center;margin: 15px;}
}
.main .con-ad li img{margin: 0 auto;display: block;}
.main .con-ad li p.text{color: #4b4b4b;}
/*bottom*/
.bottom{font-size: 16px;width: 100%;background-color: #55606b;height: 70px;color: #FFFFFF;text-align: center;padding: 20px;}
/**/
.login-page{display: none;width: 480px;height: 330px;position: absolute;top: 80%;margin-top: -165px; left:50%;margin-left:-240px; background-color: #FFFFFF;box-shadow: 0 0 10px #55606b;}
.login-page p.title{background-color: sandybrown;color: #fff;height: 50px;line-height: 50px;padding: 0 10px;font-size: 18px;}
.login-page p span{float: right;font-size: 11px;color: #fff}
.login-page table{margin: 25px auto 0;width: 80%;}
.login-page table td{padding: 10px 0;}
.login-page table .btn{width: 100%;color: #FFFFFF;font-size: 18px;}
/*media*/
.media-img{width: 1000px;margin: 0 auto;}
/*inf*/
.infor-text{margin-left: 30px;}
.infor-text h1{margin-bottom: 20px;}
@media only screen and (max-width: 1366px) {
.infor{margin: 40px auto;} 
.infor-text p{width: 475px;margin-top: 10px;}
}
@media screen and (min-width:1367px) {
.infor{margin: 40px auto;margin-bottom: 81px;}
.infor-text p{width: 675px;margin-top: 10px;}
}
.infor-text a{color: #4b4b4b;}
.infor-text span{float: right;}
/*infor-ite*/
.infor-ite{margin-top: 40px;}
@media only screen and (max-width: 1366px) {
.infor-ite .left{width: 80%;height: 370px; border: 1px solid #E8E8E8;}
.infor-ite .right{width: 20%;height: 370px;border: 1px solid #E8E8E8;border-left: none;}
}
@media screen and (min-width:1367px) {
.infor-ite .left{width: 80%;height: 650px; border: 1px solid #c6c9cd;}
.infor-ite .right{width: 20%;height: 650px;border: 1px solid #c6c9cd;border-left: none;}
}
.infor-ite .title{width: 100%;height: 50px;line-height: 50px;padding-left: 20px; margin-bottom: 20px; background-color: #c1392b;color: #FFFFFF;}
.infor-ite .title a{color: #FFFFFF;}
.infor-ite .text{padding: 20px;}
.infor-ite ul{}
.infor-ite li{text-align: center;padding: 15px;border-bottom: 1px solid #b5b9be;cursor: pointer;}
.infor-ite li.on{color: #FFFFFF;background-color: #c8cdd3;}
/*adv*/
@media screen and (min-width:1367px) {
.adv{margin-bottom: 19px;}
}
/*about*/
@media only screen and (max-width: 1366px) {
.about .right{width: 480px;}
.about .linkus{font-weight: bold;margin: 40px;margin-left: 173px;}
}
@media screen and (min-width:1367px) {
.about .right{width: 680px;}
.about .linkus{font-weight: bold;margin-top: 40px;margin-left:16px;margin-bottom: 75px;}
}
.about h1{margin-bottom: 20px;margin-top: 40px;}
.about .right img{margin: 40px 0;}
/*success*/
@media only screen and (max-width: 1366px) {
.success .box{width: 420px;height: 420px;margin: 35px auto;padding: 30px; background-color: #FFFFFF;background-color: #FFFFFF;box-shadow: 0 0 10px #55606b;}
}
@media screen and (min-width:1367px) {
.success .box{width: 470px;height: 450px;margin: 170px auto;padding: 40px; background-color: #FFFFFF;background-color: #FFFFFF;box-shadow: 0 0 10px #55606b;}
}
.success .box p{text-align: center;margin: 16px;}
.success .box .img{margin: 20px auto;width: 223px;}
/*register*/
@media only screen and (max-width: 1366px) {
.register{margin-top: 30px;padding: 0px;font-family: "微软雅黑" !important;}
}
@media screen and (min-width:1367px) {
.register{margin-top: 100px;padding: 0px;font-family: "微软雅黑" !important;}

}
.register p.h3{text-align: center;}
.register table{margin: 0 auto;margin-top: 20px;}
.register table td{height: 60px;}
.register table td:nth-child(odd){text-align: right;}
.register .form-control{display: inline-block;width: 302px;height: 40px;}
.register input[type=submit], .register input[type=button] {background-color: #c1392b;color: #FFFFFF;}
.register span.red{margin-left: 10px;font-size: 20px;}
/*registerPwd*/
.registerPwd p.h3{text-align: left;font-size: 15px;background-color: #eaeaea;height: 30px;line-height: 30px;padding-left: 20px;margin-top: 0 !important;}
.registerPwd {margin-top: 70px;}
.registerPwd table{margin: 0 auto;}
.registerPwd table td{height: 60px;}
.registerPwd table td p{margin: 20px 0;}
.registerPwd .form-control{display: inline-block;width: 350px;height: 40px;}
#J_codetext{width: 250px;float: left;}
.registerPwd input[type=submit]{background-color: #c1392b;color: #FFFFFF;}
.J_codeimg{float: left; background-color: #c1392b;width: 80px;padding-left: 20px;margin-left: 10px; height: 40px;font-size: 14px;text-align: center;line-height: 40px;color: #FFFFFF !important;}
canvas,#myCanvas{color: #FFFFFF;}
.ver_btn{background-color: #FFFFFF;color: #333333; border: none;float: left;height: 40px;margin-left: 10px;}
.registerPwd .rptitle{background-color: #ffffff;width: 600px;height: 48px;line-height: 48px;margin: 40px auto;}
.registerPwd .rptitle li{display: inline-block;font-size: 18px;float: left;padding: 0 20px;}
.registerPwd .rptitle li.rptitle1{background-color: #c1392b;color: #FFFFFF;padding-right: 40px;}
.triangle_border_right{display: inline-block;float: left; width: 0;height: 0;border-style: solid;border-width: 24px;border-color: transparent transparent transparent #c1392b;}
.triangle_border_right_none{display: inline-block;float: left; width: 0;height: 0;border-style: solid;border-width: 24px;border-color: transparent transparent transparent #ffffff;}
.registerPwd .num{display: inline-block;width: 28px;height: 28px;line-height: 28px;font-size: 20px;text-align: center;border-radius: 14px;}
.registerPwd .num1{background-color: #FFFFFF;color: #c1392b;}
.registerPwd .num2{background-color: #bbbbbb;color: #FFFFFF;}
.registerPwd input[type=button]{width: 100px;background-color: #c1392b;color: #FFFFFF;}
.space-border{
	float:left;
	width: 250px;
	margin-top:20px;
	margin-right: 20px;
	padding-top: 20px;
}
.container{text-align: center;}
.space-border h3{margin-top: 20px;}
.wrapper-f2{width: 100%;
         height: 700px;
         padding-bottom:10%;
         background-color: #FFFFFF;}