@charset "utf-8";
/*默认样式*/
*{ margin: 0; padding: 0; }
@font-face{
    font-family: 'alibabapuhui';
    src : url('../font/AlibabaPuHuiTi-3-65-Medium');
}
html,body{ font-family: 'alibabapuhui'; font-size: 14px; line-height: 24px; color: #333; background: #fff;}
ul,li{ list-style-type: none; }
img{ border: none; }
a{ text-decoration: none; color: #333; }
a:hover{ text-decoration: none; color: #038bf2; }
input{ outline: none;}
textarea{ outline: none;}
.clear{ width: 0; height: 0; overflow: hidden; clear: both; line-height: 0;}




/*banner*/
.banner_box{ width: 100%; height: 100vh; overflow: hidden;}

/*banner*/
.banner{ width: 100%; height: 100%; overflow: hidden; z-index: 100;}
.banner ul{ }
.banner ul li{ float: left; background: #d2d2d2;}
.banner ul li img{ width: 100%; height: auto; filter: blur(6px);}

/*banner_dian*/
.banner_dian{ width: 100%; height: 20px; position: absolute; z-index: 200; text-align: right; display: none;}
.banner_dian ul{ width: auto; height: 20px; text-align: center; display: inline-table; padding: 0 80px 0 0; box-sizing: border-box;}
.banner_dian ul li{ width: 100px; height: 5px; color: #fff; border-radius: 2px; background: rgba(255,255,255,1); display: inline-block; margin: 0 10px; cursor: pointer;}
.banner_dian ul li.active{ width: 100px; height: 5px; color: #fff; border-radius: 2px; background: rgba(44,145,250,1); display: inline-block; margin: 0 10px; cursor: pointer;}

/*banner_jt*/
.banner_jt{ width: 100%; height: 46px; position: absolute; z-index: 200; display: none;}
.banner_jt_l img{ width: 9px; height: 16px; margin: 15px 0 0 18px;}
.banner_jt_r img{ width: 9px; height: 16px; margin: 15px 0 0 19px;}

.banner_jt_l{ width: 46px; height: 46px; background: rgba(0,0,0,0.4); opacity: 0.4; border-radius: 50%; float: left; margin: 0 0 0 40px; cursor: pointer;}
.banner_jt_r{ width: 46px; height: 46px; background: rgba(0,0,0,0.4); opacity: 0.4; border-radius: 50%; float: right; margin: 0 40px 0 0; cursor: pointer;}
.banner_jt_l:hover{ width: 46px; height: 46px; background: rgba(0,0,0,0.6); opacity: 0.6; border-radius: 50%; float: left; margin: 0 0 0 40px; cursor: pointer;}
.banner_jt_r:hover{ width: 46px; height: 46px; background: rgba(0,0,0,0.6); opacity: 0.6; border-radius: 50%; float: right; margin: 0 40px 0 0; cursor: pointer;}


/* 登录 */
.denglu{ width: 100%; height: 100%; background:rgba(110,190,250,0.7); position: fixed; top: 0; left: 0; z-index: 900;}
.denglu_c{ width: 480px; height: 380px; background: rgba(255,255,255,0.4); border: #fff 2px solid; box-sizing: border-box; border-radius: 30px; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -240px; clear: both;}

.denglu_logo{ width: 300px; height: auto; margin: 50px auto 0 auto;}
.denglu_logo img{ width: 300px; height: auto; display: block;}

.denglu_mm{ width: 360px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mm label{ position: absolute; width: 50px; height: 44px; line-height: 44px; padding: 0 0 0 16px; font-family: "微软雅黑"; color: #666; font-size: 15px;}
.denglu_mm input{ width: 360px; height: 42px; line-height: 42px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 14px; color: #666; text-indent: 66px;}
.denglu_mmen{ width: 360px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mmen label{ position: absolute; width: 80px; height: 44px; line-height: 44px; padding: 0 0 0 16px; font-family: "微软雅黑"; color: #666; font-size: 15px;}
.denglu_mmen input{ width: 360px; height: 42px; line-height: 42px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 14px; color: #666; text-indent: 106px;}
.denglu_dl{ width: 360px; margin: 24px auto 0 auto; clear: both;}
.denglu_dl input{ width: 360px; height: 44px; background: url("../images/denglu_bg.jpg") right no-repeat; background-size: cover; border: none; border-radius: 10px; font-family: "微软雅黑"; font-size: 17px; color: #fff; cursor: pointer;}

/*denglu_footer*/
.denglu_foot{ width: 100%; height: auto; position: absolute; z-index: 300; bottom: 30px; color: #666; font-size: 12px; line-height: 24px; text-align: left; text-indent: 30px;}
.denglu_foot a{ color: #666;}
.denglu_foot a:hover{ color: #666;}


/*电脑端  当宽度小于1200时*/
@media(max-width: 1220px){

/* 登录 */
.denglu{ width: 100%; height: 100%; background:rgba(110,190,250,0.7); position: fixed; top: 0; left: 0; z-index: 900;}
.denglu_c{ width: 400px; height: 330px; background: rgba(255,255,255,0.4); border: #fff 2px solid; box-sizing: border-box; border-radius: 30px; position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -200px; clear: both;}

.denglu_logo{ width: 240px; height: auto; margin: 40px auto 0 auto;}
.denglu_logo img{ width: 240px; height: auto; display: block;}

.denglu_mm{ width: 280px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mm label{ position: absolute; width: 50px; height: 40px; line-height: 40px; padding: 0 0 0 14px; font-family: "微软雅黑"; color: #666; font-size: 14px;}
.denglu_mm input{ width: 280px; height: 38px; line-height: 40px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 14px; color: #666; text-indent: 56px;}
.denglu_mmen{ width: 280px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mmen label{ position: absolute; width: 80px; height: 40px; line-height: 40px; padding: 0 0 0 14px; font-family: "微软雅黑"; color: #666; font-size: 14px;}
.denglu_mmen input{ width: 280px; height: 38px; line-height: 40px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 14px; color: #666; text-indent: 100px;}
.denglu_dl{ width: 280px; margin: 20px auto 0 auto; clear: both;}
.denglu_dl input{ width: 280px; height: 40px; background: url("../images/denglu_bg.jpg") right no-repeat; background-size: cover; border: none; border-radius: 10px; font-family: "微软雅黑"; font-size: 15px; color: #fff; cursor: pointer;}

/*denglu_footer*/
.denglu_foot{ width: 100%; height: auto; position: absolute; z-index: 300; bottom: 30px; color: #666; font-size: 12px; line-height: 24px; text-align: left; text-indent: 30px;}
.denglu_foot a{ color: #666;}
.denglu_foot a:hover{ color: #666;}

}



/*电脑端  当宽度小于960时*/
@media(max-width: 980px){

/* 登录 */
.denglu{ width: 100%; height: 100%; background:rgba(110,190,250,0.7); position: fixed; top: 0; left: 0; z-index: 900;}
.denglu_c{ width: 300px; height: 270px; background: rgba(255,255,255,0.4); border: #fff 2px solid; box-sizing: border-box; border-radius: 30px; position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -150px; clear: both;}

.denglu_logo{ width: 190px; height: auto; margin: 40px auto 0 auto;}
.denglu_logo img{ width: 190px; height: auto; display: block;}

.denglu_mm{ width: 240px; margin: 40px auto 0 auto; clear: both; position: relative;}
.denglu_mm label{ position: absolute; width: 40px; height: 36px; line-height: 36px; padding: 0 0 0 12px; font-family: "微软雅黑"; color: #666; font-size: 12px;}
.denglu_mm input{ width: 240px; height: 34px; line-height: 36px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 12px; color: #666; text-indent: 56px;}
.denglu_mmen{ width: 240px; margin: 40px auto 0 auto; clear: both; position: relative;}
.denglu_mmen label{ position: absolute; width: 68px; height: 36px; line-height: 36px; padding: 0 0 0 12px; font-family: "微软雅黑"; color: #666; font-size: 12px;}
.denglu_mmen input{ width: 240px; height: 34px; line-height: 36px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 12px; color: #666; text-indent: 86px;}
.denglu_dl{ width: 240px; margin: 16px auto 0 auto; clear: both;}
.denglu_dl input{ width: 240px; height: 36px; background: url("../images/denglu_bg.jpg") right no-repeat; background-size: cover; border: none; border-radius: 10px; font-family: "微软雅黑"; font-size: 14px; color: #fff; cursor: pointer;}

/*denglu_footer*/
.denglu_foot{ width: 100%; height: auto; position: absolute; z-index: 300; bottom: 30px; color: #666; font-size: 12px; line-height: 24px; text-align: left; text-indent: 20px;}
.denglu_foot a{ color: #666;}
.denglu_foot a:hover{ color: #666;}

}



/*手机端*/
@media(max-width: 770px){

/* 登录 */
.denglu{ width: 100%; height: 100%; background:rgba(110,190,250,0.7); position: fixed; top: 0; left: 0; z-index: 900;}
.denglu_c{ width: 300px; height: 250px; background: rgba(255,255,255,0); border: #fff 0px solid; box-sizing: border-box; border-radius: 30px; position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -150px; clear: both;}

.denglu_logo{ width: 220px; height: auto; margin: 0 auto;}
.denglu_logo img{ width: 220px; height: auto; display: block;}

.denglu_mm{ width: 240px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mm label{ position: absolute; width: 40px; height: 36px; line-height: 36px; padding: 0 0 0 12px; font-family: "微软雅黑"; color: #666; font-size: 12px;}
.denglu_mm input{ width: 240px; height: 34px; line-height: 36px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 12px; color: #666; text-indent:  52px;}
.denglu_mmen{ width: 240px; margin: 60px auto 0 auto; clear: both; position: relative;}
.denglu_mmen label{ position: absolute; width: 68px; height: 36px; line-height: 36px; padding: 0 0 0 12px; font-family: "微软雅黑"; color: #666; font-size: 12px;}
.denglu_mmen input{ width: 240px; height: 34px; line-height: 36px; background: #e6f8ff; border: #fff 1px solid; border-radius: 10px; font-size: 12px; color: #666; text-indent:  82px;}
.denglu_dl{ width: 240px; margin: 16px auto 0 auto; clear: both;}
.denglu_dl input{ width: 240px; height: 36px; background: url("../images/denglu_bg.jpg") right no-repeat; background-size: cover; border: none; border-radius: 10px; font-family: "微软雅黑"; font-size: 13px; color: #fff; cursor: pointer;}

/*denglu_footer*/
.denglu_foot{ width: 100%; height: auto; position: absolute; z-index: 300; bottom: 30px; color: #666; font-size: 12px; line-height: 24px; text-align: center; text-indent: 0;}
.denglu_foot a{ color: #666;}
.denglu_foot a:hover{ color: #666;}

}