﻿@charset "utf-8";/* Basic CSS starts*/
*{font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;white-space: normal;padding:0px;margin:0px;color:#1A1A1A;}
body{font-size:14px;}
body.body_bg{background:url('../../images/htmlImg/body_bg.png');background-position: center center;/*background-attachment: fixed;*/}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
ul, li{list-style: none;}
p{margin:0;padding:0;}
a,a:hover,a:active,a:focus{text-decoration:none;}
a:hover{}
a:hover,a:active,a:focus{outline: 0;}
hr{margin: 0;border-top: 1px solid #fff;border-bottom: 1px solid #dbd8d8;}
:focus{outline:none;}
::-moz-focus-inner{border:0;}
.clearfix{_zoom: 1;clear: both;}
.clearfix::after {content: ".";display: block;visibility: hidden;height: 0px;clear: both;}
.tip{color:red;font-size:12px;padding:0px 5px 0px 0px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.center{text-align:center;}
.font-weight{font-weight:bold;}
.no_weight{font-weight:500;}
.colorred{color:#E50014;}
.color000{color:#000000;}
.color333{color:#333333;}
.color666{color:#666666;}
.color999{color:#999999;}
.P0{padding:0px;}
.PT0{padding-top:0px;}
.PB0{padding-bottom:0px;}
.P1{padding:1px;}
.P2{padding:2px;}
.P5{padding:5px;}
.P10{padding:10px;}
.P15{padding:15px;}
.PT5{padding-top:5px;}
.PT10{padding-top:10px;}
.PT15{padding-top:15px;}
.PT20{padding-top:20px;}
.PT30{padding-top:30px;}
.PB5{padding-bottom:5px;}
.PB10{padding-bottom:10px;}
.PB15{padding-bottom:15px;}
.PB20{padding-bottom:20px;}
.PTB5{padding:5px 0px;}
.PTB10{padding:10px 0px;}
.PTB15{padding:15px 0px;}
.PTB20{padding:20px 0px;}
.PTB25{padding:25px 0px;}
.PTB30{padding:30px 0px;}
.PTB35{padding:35px 0px;}
.PTB40{padding:40px 0px;}
.MT30{margin-top:30px;}
.MB10{margin-bottom:10px;}
.MB15{margin-bottom:15px;}
.MB20{margin-bottom:20px;}
.MB30{margin-bottom:30px;}
.btn{display: inline-block;height: 35px;padding: 0 20px;line-height: 35px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
.btn.btn-solid{background: #07A6DD;color: #ffffff;min-width:130px;}
.btn.btn-solid:hover{background: #0891C1;}
.fl {float: left;}
.fr {float: right;}
/***********************************header************************************/
.header{width: 100%;background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , rgb(249, 248, 248), rgb(241, 241, 241)) repeat scroll 0% 0%;background:url(../../images/htmlImg/NO1/img_title.png) no-repeat;background-size: 100% 100%;position:relative;}/*background-size: cover;*/
.wrap{margin: 0px auto;background:#fff;margin-top:0px;}
.header .logo{margin-top: 20px;margin-bottom: 20px;}
.header .logo a{display: block;}

.company_name{margin-left: 10px;padding-left: 50px;}
.company_name_title{font-size:35px;font-family:AliHYAiHei;font-style:italic;color:rgba(255,255,255,1);font-weight:bold;letter-spacing:3px;}
.company_name_ps, .top_number_ps{font-size:14px;color:rgba(255,255,255,1);font-weight:bold;}
.header .btn_into a{background:#FF5E3D;width: 120px;height: 45px;display: block;border-radius: 50px;text-align: center;color:#fff;line-height: 42px;font-weight: bold;font-size: 18px;margin-top: 12px;}
.header .nav{height: 55px;line-height: 55px;background: white;width: 100%;position: relative;}
.header .menu .menu1{width: 100%;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.header .menu .menu1 li{height: 55px;line-height: 55px;display: inline-block;position:relative;}
.header .menu .menu1 li a{color: #ffffff;height: 29px;line-height: 29px;font-size: 18px;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);}
.header .menu .menu1 li a{display: inline-block;height: 55px;line-height: 55px;margin: 0px 20px;color:#333333;font-weight: bold;z-index:10;position: relative;}
   .header .menu .menu1 li:hover .menu2 {
       display:block;
    }

    .header .menu .menu1 li.cur::after {
        content:'';
        display:none;
        position:absolute;
        right: 24px;
        bottom: 13px;
        width: 18px;
        height: 18px;
        background: #81ECFF;
        border-radius: 9px;
        z-index:1;
    }

.header .menu .menu1 li:hover a,.header .menu .menu1 li.cur a{color:#53C4D7}
.header .menu .menu1 li .menu2{position:absolute;top:44px;left:0px;z-index:999; text-align:center;background:#0891C1;display:none;}
.header .menu .menu1 li.on .menu2{display:block;}
.header .menu .menu1 li .menu2 li a{display:block;width:100%;}
.header .menu .menu1 li .menu2 li:hover a,.header .menu .menu1 li .menu2 li.cur a{background:#07A6DD;}
/***********************************footer************************************/
.footer{width: 100%;margin-top:25px;border-top:1px solid #ddd;}
.footer_com{max-width: 1200px;width: 100%;margin: auto;padding: 20px 0px;}
.footer_com p{padding-bottom:10px;}
.footer_com p.bold{font-size: 14px;color:#000000;font-weight:bold;}
.footer-bg {
        background: #ededed;
}

.userLogin {
    position:absolute;
    right:calc((100% - 1140px)/2);
    bottom:10px;
    z-index:5;
}
/*.userLogin .userBtn {
    display:inline-block;
    vertical-align:middle;
    height: 55px;
    line-height: 55px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    cursor:pointer;
}*/
 .userBtn {
    display:inline-block;
    vertical-align:middle;
    color:white;
    background:#53C4D7;
    width:100px;
    height: 35px;
    line-height: 35px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    cursor:pointer;
    text-align:center;
}


.a_link {
    text-decoration: underline;
    color: #53C4D7;
    cursor: pointer;
}
.a_link:hover {
     color: #53C4D7;
}
.a_link_visable {
    display:none;
}
@media (max-width: 1080px) {
    .userLogin {
        display:block;
        position:relative;
        top:0;
        right:0;
        text-align:center;
         background:white;
    }
        .userLogin .userBtn {
            color:white;
            background:#53C4D7;
            width:100px;
            height: 35px;
            line-height: 35px;
            margin-right:10px;
            margin-top:20px;
        }
        #btnUserJoin::after {
             background:white;
             display:none;
        }
         #btnUserInfo::after {
             background:white;
             display:none;
        }
  
}