@charset "utf-8";
html{}
body{font-size:14px; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; color:#333; background:#ffffff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,thead,tbody,tfoot,th,td{margin:0;padding:0;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul,li,form,th,div,table,td,form,p,ol,dl,dt,dd{border:none; list-style:none; margin:0; padding:0}
img{border:0;}
a,input,button{ outline:none; }     


body select{ font-size:14px;}

.f12{font-size:12px;}    .f12b{font-size:12px;font-weight:bold;}
.f14{font-size:14px;}    .f14b{font-size:14px;font-weight:bold;}
.f16{font-size:16px;}    .f16b{font-size:16px;font-weight:bold;}
.f18{font-size:18px;}    .f18b{font-size:18px;font-weight:bold;}

.clear{clear: both;} 
.fl{float:left;}         .fr{float:right;}
.dn{display:none;}		 .db{display:block;}    .di{display:inline;}
.ac{text-align:center;}  .al{text-align:left;}  .ar{text-align:right;}

.hand{cursor:pointer;}
.fwb{font-weight:bold;}
.clear{ clear:both}

.w100{ width:100%}
.w1198{ width:1198px}
/*-----------------------link start--------------------------------*/
a {color: #333;text-decoration: none;}
a:hover {color: #666;text-decoration: none;}
/*-----------------------hint start--------------------------------*/
.hint{ width: 870px; height: 380px; margin: 200px auto 0 auto;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);}
.hint ul{ width: 50%; display: inline-block; float: left;}
.hint_qs img{width: 300px; height: 280px; margin: 60px 0 0 60px}
.hint_logo{ margin: 80px 0 30px 0 }
.hint_title{ font-size: 32px; color: red;font-weight: bold; }
.hint_tips{line-height: 30px; color: #676767; margin-bottom: 12px}
.hint_hover{ background: red; color: #fff; height: 36px; width: 100px; line-height: 36px; text-align: center; border-radius: 2px}
.hint_hover a{ color: #fff }



/*-----------------------header start--------------------------------*/
.header_top{ z-index: 9999;height: 62px; position: fixed;top: 0;left: 0; width: 100%}
.logo{ width:144px; margin-top:16px; margin-left: 40px}


.menu{ float: left; height: 60px; width: 860px; margin-left: 60px}
.menu li{ display: inline-block; width: 70px; line-height: 60px; text-align: center; font-size: 16px; margin: 0 20px}
.menu a{}
.menu a:hover{ border-bottom: 2px solid red;line-height: 60px; height: 60px; display: inline-block; color: red}
.menu_link{ border-bottom: 2px solid red;line-height: 60px; height: 60px; display: inline-block; color: red}


.header_tip{ width: 1160px; margin:140px auto 0 auto; display: block;}
.header_tip h2{ font-size: 42px; font-weight: 600; }
.header_tip h3{ font-size: 14px; line-height: 24px; margin-top: 10px; width: 600px}


/*-----------------------foot start--------------------------------*/
.foot{ width:100%; height:245px; background:#343645}
.foot img{ width: 150px }
.foot ul{ width:1150px; margin:0 auto; }
.foot li{ width:190px; height:160px; float:left; padding-top:40px; color:#fff;color:#fff;line-height:36px; font-size: 12px;}
.foot h3{ font-size:16px;line-height:32px}

.foot a{ color:#A4A4A4; line-height:36px}
.foot a:hover{ color:#E8E8E8}

.index_link{ height: 35px; line-height: 35px; font-size: 12px; background:#343645; overflow: hidden;color:#A4A4A4; clear: both; }
.index_link ul{width: 923px;margin: 0 auto; padding-left: 160px}
.index_link li{ display: inline-block; margin-right: 10px}
.index_link a{ color:#A4A4A4; line-height:36px}
.index_link a:hover{ color:#E8E8E8}

.banquan{width:100%; height:36px; background:#26262E}
.banquan ul{width:1150px; margin:0 auto; text-align:center; color:#929292; font-size:12px; line-height:36px}

.banquan a{ color:#929292; line-height:36px}
.banquan a:hover{ color:#E8E8E8}





/*-----------------------kefu start--------------------------------*/
.kefu{ position: fixed;right: 20px;top: 400px; }
.kefu_qq img{ width: 44px;height: 44px;border-radius: 50%; margin: 4px 0 0 4px }
.kefu_qq{ width: 52px; height: 146px; background: linear-gradient(180deg, #ff3b3b 0%, #ffa45a 100%); border-radius: 26px;padding: 2px 2px calc(12px * var(--qcloud-float-ratio));box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);}
.kefu_qq a{ color: #fff }
.kefu_qq a:hover{}

.kefu_qq span{width: 16px; display: block;color: #fff; margin:0 auto}
.kefu_bd{width:52px;height:86px;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);border: 2px solid #fff;border-radius: 52px; margin-top: 10px}
.kefu_bd img{ width: 22px; height: 22px; margin:15px 0 0 15px}
.kefu_bd  span { font-size: 12px; color: #676767; display: block; width: 26px; margin: 0 0 0 15px}

.kefu_tx{ display: none; width:140px;height:140px;background: #fff;box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);border: 2px solid #fff;border-radius: 10px; margin-top: 10px; position: absolute;top: 100px; right: 70px}
.kefu_tx img{ width: 120px; height: 120px; margin:10px 0 0 10px;border-radius: 5%;}

.kefu_bd a{ color: #676767; }
.kefu_bd:hover ~ .kefu_tx{ display: block;}

.kefu_hhr img{ width: 52px; margin-bottom: 20px}






/*login*/

.login{ width:420px; height:520px; box-shadow:0px 0px 6px #ccc; padding:40px;  position: absolute;display:none; z-index:100; background:#fff}
.login h3{ text-align:center; font-size:24px; line-height:32px; font-weight:bold; margin-top:20px;text-align:center;}
.login_tip{ font-size:12px; color:#8E8E8E; line-height:32px;text-align:center;}
.login_closed{ position:absolute; top:28px; right:18px; width:24px; height:24px; }
.login_closed img{ width:24px;}
.login b{ line-height: 46px; }
.login input{ width: 400px;height: 42px; line-height: 42px; border:1px solid #BEBEBE; padding:0 6px; border-radius: 2px}
.zhuyi{ color: #717171; line-height: 25px; margin-top: 20px; font-size:12px;}
.sq_title{ margin-top: 20px }
.ljsq{ background: red; color: #fff; padding: 10px 25px; border:0px; position: absolute; bottom: 30px;right: 30px;cursor: pointer}

#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:99;}