* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}
ul li{
    list-style:none;
}
img {
    border:none;
}
body {
    color:#3D464D;
    font-size:14px;
    font-family:PingFangSC-Regular,"微软雅黑",Arial,"Times New Roman",Georgia,Serif;
    overflow-x:hidden;
    min-width:1000px;
    background:#F8FAFC;
}
a {
    text-decoration:none;
}
.container {
    width:1000px;
    margin:0 auto;
}
/*公共顶部内容*/
.topheader{
    height:30px;
    background:rgba(47,50,53,1);
}
.topheader_content{
    width:1200px;
    margin:0 auto;
}
.topheader_content .qm_logo{
    float:left;
    margin:5px 0 0 28px;
}
.topheader_content .qm_logo img{
    width:66px;
}
.topheader_content ul{
    float:left;
    margin-left:65px;
}
.topheader_content ul li{
    float:left;
    margin-right:30px;
    position: relative;
}
.topheader_content ul li span{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size:12px;
    color:rgba(255,255,255,1);
}
.topheader_content ul li:hover span{
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
}
.topheader_content ul li .common{
    position: absolute;
    top:30px;
    left:-68px;
    width:184px;
    z-index: 9999;
}
.topheader_content ul li .common .jiantou{
    height:9px;
    width:18px;
    margin:0 auto;
}
.topheader_content ul li .common .jiantou img{
    display: block;
    height:9px;
    width:18px;
}
.topheader_content ul li .common .article{
    width:184px;
    background:rgba(47,50,53,1);
    border-radius:4px;
    padding-left:24px;
    padding-top:24px;
}
.topheader_content ul li .common .article div{
    padding-bottom:24px;
}
.topheader_content ul li .common .article div h1{
    display: inline-block;
    font-size:16px;
    color:rgba(255,255,255,1);
}
.topheader_content ul li .common .article div .tuiguang_a{
    display: inline-block;
    width:40px;
    height:20px;
    line-height: 20px;
    background:rgba(50,135,255,1);
    border-radius:2px;
    font-size:14px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
}
.topheader_content ul li .common .article div .bainxian_a{
    display: inline-block;
    width:40px;
    height:20px;
    line-height: 20px;
    background:rgba(255,228,172,1);
    border-radius:2px;
    font-size:14px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(118,62,13,1);
    text-align: center;
}
.topheader_content ul li .common .article div p{
    font-size:12px;
    color:rgba(255,255,255,0.7);
    margin-top:4px;
}
.topheader_content ul li .common .article div:hover{
    cursor: pointer;
}
.topheader_content ul li .common .article div:hover h1,.topheader_content ul li .common .article div:hover p{
    color:#3287FF;
}
.topheaderwhite{
    background:rgba(245,245,245,1);
}
.topheaderwhite .topheader_content ul li span{
    color:rgba(51,51,51,1);
}
.topheaderwhite .topheader_content ul li:hover span{
    color:rgba(50,135,255,1);
}
.topheaderwhite .topheader_content ul li .common .article{
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 20px 0px rgba(125,125,125,0.2);
}
.topheaderwhite .topheader_content ul li .common .article div:hover{
    cursor: pointer;
}
.topheaderwhite .topheader_content ul li .common .article div:hover h1,.topheaderwhite .topheader_content ul li .common .article div:hover p{
    color:#3287FF;
}
.topheaderwhite .topheader_content ul li .common .article div h1{
    color:rgba(51,51,51,1);
}
.topheaderwhite .topheader_content ul li .common .article div p{
    color:rgba(51,51,51,0.7);
}
/*公共头部导航*/
header{
    height:80px;
    background:linear-gradient(90deg,rgba(152,94,241,1) 0%,rgba(50,135,255,1) 100%);
}
header:hover{
    background:#FFFFFF;
}
header .header{
    height:80px;
    width:1200px;
    margin:0 auto;
    border-bottom:1px solid rgba(255,255,255,0.2);
}
header:hover .header{
    border-bottom:none;
}
header .header .logo{
    height:30px;
    width:128px;
    float:left;
    margin-top:25px;
}
header .header .logo img{
    height:100%;
    width:100%;
}
header .header .nav{
    float:left;
    margin-left:100px;
}
header .header .nav li{
    float:left;
    padding:0 20px;
}
header .header .nav li>a{
    display: block;
    height:80px;
    line-height: 80px;
    font-size:16px;
    font-weight:400;
    color:rgba(255,255,255,1);
    opacity: 0.8;
}
header:hover .header .nav li>a{
    color:rgba(133,142,149,1);
}
header .header .nav li>a.active{
    font-weight:600;
    font-family:PingFangSC-Semibold;
    border-bottom:3px solid #FFFFFF;
    opacity: 1;
}
header:hover .header .nav li>a:hover{
    color:rgba(61,70,77,1);
    font-weight:600;
    font-family:PingFangSC-Semibold;
    border-bottom:3px solid #00ABFF;
    opacity: 1;
}
header:hover .header .nav li>a.active{
    color:rgba(61,70,77,1);
    opacity: 1;
    border-bottom:3px solid #00ABFF;
}
header:hover .header .nav li>a.special{
    font-weight:400;
    font-family:PingFangSC-Regular
}
header .header .operate{
    float:right;
    height:80px;
    line-height: 80px;
}
header .header .operate .register{
    display:inline-block;
    width:70px;
    height:30px;
    line-height: 30px;
    text-align: center;
    border-radius:2px;
    margin-right: 24px;
    border:1px solid rgba(255,255,255,1);
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
}
header:hover .header .operate .register{
    border:1px solid rgba(61,70,77,1);
    color:rgba(61,70,77,1);
}
header:hover .header .operate .register:hover{
    border:1px solid rgba(41,50,57,1);
}
header .header .operate .login{
    display:inline-block;
    width:70px;
    height:30px;
    line-height: 30px;
    text-align: center;
    border-radius:2px;
    background:rgba(255,255,255,1);
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
}
header:hover .header .operate .login{
    background:rgba(50,135,255,1);
    color:rgba(255,255,255,1);
}
header:hover .header .operate .login:hover{
    background:rgba(30,115,235,1);
}
header .alreadyLogin{
    float:right;
    height:80px;
}
header .alreadyLogin .enterControl{
    display:block;
    float:left;
    font-size:16px;
    color:#3287FF;
    height:80px;
    line-height: 80px;
}
header:hover .alreadyLogin .enterControl{
    color:rgba(61,70,77,1);
}
header .alreadyLogin .user{
    float:left;
    position: relative;
}
header .alreadyLogin .user .username{
    height:80px;
    line-height: 80px;
    font-size:16px;
    color:rgba(255,255,255,1);
    margin-left:32px;
    cursor: pointer;
}
header:hover .alreadyLogin .user .username{
    color:rgba(61,70,77,1);
}
header .alreadyLogin .user .username i{
    font-size:12px;
    margin-left:-3px;
    display: inline-block;
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -moz-transform: scale(0.5);
}
header .alreadyLogin .user .userinfo{
    position: absolute;
    top:80px;
    right:0;
    width:210px;
    height:189px;
    z-index: 1000;
    background:rgba(255,255,255,1)!important;
    box-shadow:0px 10px 20px 0px rgba(125,125,125,0.1);
    background:rgba(61,70,77,1);
}
header .alreadyLogin .user .userinfo .userbaseinfo{
    width:210px;
    height:69px;
    background:#fff;
    border-bottom:1px solid #E8E8E8;
}
header .alreadyLogin .user .userinfo .userbaseinfo .userimg{
    height:40px;
    width:40px;
    float:left;
    border-radius: 20px;
    margin:16px 8px 0 16px;
}
header .alreadyLogin .user .userinfo .userbaseinfo .userimg img{
    height:40px;
    width:40px;
}
header .alreadyLogin .user .userinfo .userbaseinfo .user_name{
    float:left;
    margin-top:16px
}
header .alreadyLogin .user .userinfo .userbaseinfo .user_name p{
    font-size:16px;
    color:rgba(61,70,77,1);
}
header .alreadyLogin .user .userinfo .userbaseinfo .user_name span{
    font-size:12px;
    color:rgba(61,70,77,1);
}
header .alreadyLogin .user .userinfo .yue{
    height:60px;
    line-height: 60px;
    color:rgba(61,70,77,1);
    padding-left:16px;
    font-size:16px;
    border-bottom:1px solid #E8E8E8;
}
header .alreadyLogin .user .userinfo .yue span{
    float:right;
    font-size:18px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
    margin-right:16px;
}
header .alreadyLogin .user .userinfo .login_out{
    display: block;
    height:60px;
    line-height: 60px;
    color:rgba(61,70,77,1);
    padding-left:16px;
    font-size:16px;
}
header .alreadyLogin .user .userinfo .login_out:hover{
    cursor: pointer;
    background:rgba(232,241,255,1);
}
header .header ul li.adservice{
    position: relative;
}
header .header ul li .ad{
    position:absolute;
    top:80px;
    left:20px;
    z-index: 100;
    height:210px;
    width:146px;
    background:rgba(61,70,77,1);
    opacity: 1;
}
header .header ul li .ad div{
    height:70px;
    line-height: 70px;
    padding-left:24px;
}
header .header ul li .ad div a{
    font-size:16px;
    color:rgba(255,255,255,1);
}
header .header ul li .ad div a:hover{
    color:rgba(50,135,255,1);
}
header .header ul li .ad div a.sel{
    color:rgba(50,135,255,1);
}
/*公共留下您的联系方式*/
.contact{
    height:752px;
    background:rgba(247,248,250,1);
    padding-top:89px;
}
.contact h1{
    width:816px;
    margin:0 auto;
    padding-top:11px;
    background: url(/website/img/index/contact_bg.png) no-repeat center top;
    height:67px;
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: center;
    margin-bottom:10px;
}
.contact .sign_picture{
    display:block;
    margin:0 auto 56px;
}
.contact .contact_box{
    width:520px;
    margin: 0 auto;
}
.contact .contact_box .checkbox{
    height:26px;
    margin-bottom:20px;
}
.contact .contact_box .checkbox img{
    display: block;
    height:26px;
    width:26px;
    float:left;
    margin-right:10px;
}
.contact .contact_box .checkbox .txt{
    height:26px;
    line-height: 26px;
    float:left;
}
.contact .contact_box .inputbox{
    position: relative;
    width:520px;
    height:56px;
    margin-bottom:24px;
}
.contact .contact_box .inputbox:nth-child(1){
    margin-bottom:20px;
}
.contact .contact_box .inputbox input{
    display: block;
    width:520px;
    height:56px;
    border-radius:4px;
    border:1px solid rgba(218,218,218,1);
    outline: none;
    font-size:16px;
    color:rgba(51,51,51,1);
    padding-left:58px;

}
.contact .contact_box .inputbox input[name="enterprise"]{
    background: #fff url(/website/img/index/contact_input1.png) no-repeat 16px 15px;
}
.contact .contact_box .inputbox input[name="personname"]{
    background: #fff url(/website/img/index/contact_input2.png) no-repeat 20px 18px;
}
.contact .contact_box .inputbox input[name="telphone"]{
    background: #fff url(/website/img/index/contact_input3.png) no-repeat 22px 16px;
}
.contact .contact_box .inputbox input[name="email"]{
    background: #fff url(/website/img/index/contact_input4.png) no-repeat 18px 20px;
}
.contact .contact_box .inputbox .error{
    position: absolute;
    left:0px;
    top:56px;
    color:#f00;
    font-size:12px;
}
.contact .contact_box button{
    width:520px;
    height:56px;
    background:linear-gradient(270deg,rgba(97,188,255,1) 0%,rgba(50,135,255,1) 100%);
    border-radius:4px;
    outline: none;
    border: none;
    cursor: pointer;
    font-size:18px;
    color:rgba(255,255,255,1);
    margin-top:20px;
}
.contact .contact_box button:hover{
    background:linear-gradient(270deg,rgba(77,168,235,1) 0%,rgba(30,115,235,1) 100%);
}
#toast{
    max-width:400px;
    min-width:200px;
    padding:20px;
    position: fixed;
    text-align: center;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    background:#666;
    z-index: 99999;
    color:#fff;
    border-radius: 5px;
}
/*公共底部*/
footer{
    background:#3D464D;
}
footer .content{
    clear: both;
    overflow: hidden;
    margin:0 auto;
    width:910px;
    padding:55px 0 39px;
}
footer .content h2{
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-bottom:20px;
}
footer .content h3{
    font-size:20px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-bottom:12px;
}
footer .content .left{
    float:left;
    width:240px;
}

footer .content .left img,footer .content .center img{
    height:118px;
    width:118px;
}
footer .content .center{
    float:left;
    width:240px;
}
footer .content .left p,footer .content .center p{
    color:rgba(255,255,255,0.6);
    margin-bottom:12px;
}
footer .content .right{
    float:right;
    width:386px;
}
footer .content .right p{
    color:rgba(255,255,255,0.6);
    line-height:20px;
}
footer .footer_bottom{
    border-top:1px solid rgba(255,255,255,0.2);
    padding:30px 0;
}
footer .footer_bottom p{
    font-size:12px;
    color:rgba(255,255,255,1);
    margin-bottom:5px;
    text-align: center;
}
/*iconfont图标*/
@font-face {
    font-family: 'iconfont';  /* project id 1120240 */
    src: url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.eot');
    src: url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.woff') format('woff'),
    url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1120240_zf0n2488bpd.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}