body { font-family:"微软雅黑","Microsoft YaHei","Arial"; -webkit-user-select: none; background:#fff; }
body, h1, h2, h3, h4, h5, table, tr, td, th, ul, li, dl, dt, dd, div, span, p { padding: 0; margin: 0; }
ul { table-layout: fixed; }
li { list-style-type: none; white-space: nowrap; text-overflow: ellipsis; }
img { border: none; }
a { color: #595757; text-decoration: none; cursor:pointer; }
.clear { clear: both; }

.head_bg{ height: 710px; background: url(images/banner.jpg) top center no-repeat;}
.main{ width: 1200px; margin: 0 auto; padding-bottom: 160px;}
.header{ height: 110px; overflow: hidden;}
.logo{ float: left; padding: 60px 0 0 55px;}
.logo img{ height: 48px;}
.safety, .tel{ float: right;}
.safety{ width: 49px; height: 71px; background: url(images/icon_safety.png) no-repeat; margin: 38px 0 0 0;}
.tel{ font: normal 18px/37px "微软雅黑","Microsoft YaHei"; padding: 60px 20px 0 0;}
.part1{ padding: 72px; text-align: center; color: #433a33;}
.part1 h3{ font: normal 32px/59px "微软雅黑","Microsoft YaHei";}
.part1 h2{ font: normal 48px/89px "微软雅黑","Microsoft YaHei";}
.part1 p{ font: normal 16px/32px "微软雅黑","Microsoft YaHei";}
.download{ width: 690px; margin: 0 auto; padding: 80px 0 0 0;}
.download a{ display: block; float: left; width: 190px; height: 42px; margin:0 20px;}
.download a.win32{ background: url(images/button_win32.png) center no-repeat;}
.download a.win64{ background: url(images/button_win64.png) center no-repeat;}
.download a.mac{ background: url(images/button_mac.png) center no-repeat;}
/*.download a.api{ background: url(images/button_api.png) center no-repeat;}*/

/* 2024年11月7日新增Linux下载 ------ start ------ */
.download div.linux {
    text-align: center;
    line-height: 42px;
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 190px;
    height: 42px;
    margin: 0 20px;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 21px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.download div.linux span.linux-download {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.download div.linux img {
    width: 20px;
    vertical-align: text-bottom;
}

.download div.linux:hover div.linux-popup {
    display: block;
}

.download div.linux div.linux-popup {
    display: none;
    cursor: default;
    position: absolute;
    top: 40px;
    left: -62px;
    z-index: 1000;
    padding-top: 10px;
}

.download div.linux div.linux-popup ul {
    box-sizing: border-box;
    min-width: 210px;
    min-height: 202px;
    padding: 8px 20px 20px;
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 2px 2px 4px #ccc;
}

.download div.linux div.linux-popup li {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
/*.download div.linux div.linux-popup li >p.title-main>:nth-child(2) {
    margin: 0 10px;
}*/
.download div.linux div.linux-popup li >p.title-main .version {
    display: inline-block;   
    text-align: right;
}
.download div.linux div.linux-popup li > p.title-main .version a{
    margin-left:20px;
}
.download div.linux div.linux-popup li >p.tips {
    font-size: 14px;
    color: #999;
    line-height: 18px;
}
.download div.linux div.linux-popup li .item-title {
    display: inline-block;
    color: #000;
    font-size: 16px;

}
.download div.linux div.linux-popup li .type {
    display: inline-block;
    color: rgba(77, 145, 254, 1);
    font-size: 16px;
}

.download div.linux div.linux-popup ul li.last {
    border-bottom: none;
    margin-bottom: 0;
    text-align: left;
    padding-bottom: 0;
    border-bottom:0;
    line-height: 24px;
}
.download div.linux div.linux-popup ul li a.type {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 20px;
}
.download div.linux div.linux-popup ul li a.type:hover {
    text-decoration: underline;
}

.download div.linux div.linux-popup ul li.last a.type {
    margin-top: -5px;
    border-bottom: 1px solid rgba(77, 145, 254, 1);
    font-size: 14px;
}
.download div.linux div.linux-popup ul li.last a.type:hover {
    text-decoration: none;
}
.download div.linux div.linux-popup::before {
    content: '';
    position: absolute;
    right: 40px;
    top: -5px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
}

/* 2024年11月7日新增Linux下载 ------ end ------ */

.download strong{ display: block; padding: 45px 0 0 0; font: normal 14px/40px "微软雅黑","Microsoft YaHei"; ;color: #413831; clear: both;}
.download span{ display: block; font: normal 12px/33px "微软雅黑","Microsoft YaHei"; color: #6b6057;}
.part2{}
.title{ font: normal 40px/115px "微软雅黑","Microsoft YaHei"; background: url(images/title_bg.jpg) bottom center no-repeat; text-align: center; padding: 60px 0 0 0; color: #403b37;}
.show{ position: relative; height: 500px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 5px;}
.show i{ display: block; position: absolute; bottom:-5px; width: 9px; height: 9px; background: #e5e5e5; border-radius: 5px;}
.show li{ padding: 115px 0 0 0;}
.show li h4{ font: normal 32px/64px "微软雅黑","Microsoft YaHei"; color: #403b37;}
.show li span{ display: block;  font: normal 12px/42px "Arial"; color: #bababa;}
.show li strong{ font: normal 24px/60px "微软雅黑","Microsoft YaHei"; color: #666;}
.show li p{ padding: 32px 0 0 0; font: normal 16px/31px "微软雅黑","Microsoft YaHei"; color: #000;}
.pic1{ background: url(images/pic1.jpg) center right no-repeat;}
.pic1 i, .pic3 i{ left: 0;}
.pic2{ background: url(images/pic2.jpg) center left no-repeat; text-align: right;}
.pic2 li{ background: url(images/pic_bg.jpg) 765px -1px no-repeat;}
.pic2 i, .pic4 i{ right: 0;}
.pic3{ background: url(images/pic3.jpg) center right no-repeat; }
.pic4{ background: url(images/pic4.jpg) center left no-repeat; text-align: right;}


.carousel{ position: relative; width: 805px; height:660px; margin: 0 auto;}
.carousel_img{ height:595px;}
.carousel_img ul li{ position: absolute; display: none; opacity: 0; text-align: center;}
.carousel_img ul li strong{ display: block; font: normal 26px/55px "微软雅黑","Microsoft YaHei"; color: #000; padding: 40px 0 0 0;}
.carousel_img ul li p{ padding: 20px 0; font: normal 14px/24px "微软雅黑","Microsoft YaHei"; color: #666;}
.carousel_img ul li:nth-child(1){opacity: 1; display: block;}
.carousel_img ul li img{ width: 100%; }
.carousel_img li a{ display: block; position: absolute; left:32px; top:188px; z-index: 999999; width: 110px; height: 27px; line-height: 27px; background: #3d65c3; border: 1px #3e95d8 solid; border-radius: 15px; text-align: center; color: #fff;}
.jumpbtn{ position: absolute; bottom:35px; left:385px; height: 8px;}
.jumpbtn li{float: left;  width: 8px; height: 8px; border: 1px #8897d3 solid; border-radius: 5px; margin-right: 10px;}
.jumpbtn li.hover{ width: 9px; height: 9px; border: none; background: #8897d3;}

.login{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; width: 90%; height: 160px; background: #fbfbfb; border-top: 1px #d5d5d5 solid; padding:24px 5% 0 5%;}
    .login ul {
        width: 100%;
        list-style-type: none;
        padding: 0;
        margin: 0;
        text-align: center;
        line-height: 40px;
    }
.login li{ width: 21%; min-width: 210px; height: 40px; margin: 0 2%; background: #e5e5e5; border-radius: 20px; display: inline-block; vertical-align: middle;}
.login li span{ display: block; width: 80%; padding: 0 7% 0 13%;}
.login li input{ width: 100%; height: 38px; line-height: 38px; background: #e5e5e5; font-size: 14px; color: #666; vertical-align: bottom;}
.login li .input_text{ border: none; outline: none;}
.login li span.name{ background: url(images/icon1.png) 10px 11px no-repeat;}
.login li span.tel{ background: url(images/icon4.jpg) 11px 11px no-repeat;}
.login li span.password{ background: url(images/icon3.jpg) 10px 11px no-repeat;}
.login li span.code{ background: url(images/icon1.png) 10px 11px no-repeat;}
.login li p{ display:none; position: absolute; top: 0; left: 13%; z-index: 9; height: 40px; line-height: 40px; color: #fd3122;}
.input_code{ width: 60% !important; border: none; outline: none;}
.button_code{ width: 39% !important; border: 0; border-left:1px #d5d5d5 solid;}
.agreement{ width: auto; height: 40px; font: normal 14px/40px "微软雅黑","Microsoft YaHei"; padding:5px 0; margin: 0 auto; clear: both;text-align:center}
.agreement h3{ float: left; font: normal 14px/40px "微软雅黑","Microsoft YaHei"; color:#fd3122; text-align: center;}
    .agreement span {
        display: inline-block;
        vertical-align: middle; 
    }
.input_checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left:10px;
    width: 12px;
    height: 12px;
    color: #3984f7;
    background: #fff;
    border: 1px #3984f7 solid;
}
.input_checkbox:hover, .input_checkbox.hover{width: 14px; height: 14px; border: none; background: url( images/icon_checkbox.jpg) no-repeat;}
.login_button{ text-align: center;}
.button_submit, .button_ex{ width: 200px; height: 40px; margin: 0 20px; border: 0; border-radius: 20px; color: #fff; outline: none;}
.button_submit{ background: #4b92ff;}
.button_submit:hover, .button_ex:hover{opacity:0.8;}
.button_ex{background: #fe824c;}

.coverage{ display: block; position: fixed; left:0; top: 0; z-index: 999; width: 100%; height: 100%; background: #000; opacity:0.5; filter:Alpha(opacity=50);}
.pop_download{ display: block; position: fixed; top: 50%; left: 50%; z-index: 9999; width: 960px; height: 330px; background: #fff; margin: -165px 0 0 -480px; border-radius: 5px; text-align: center; }
.pop_download strong{ display: block; background: url(images/icon_win1.jpg) top center no-repeat; padding: 40px 0 0 0; text-align: center; font: normal 22px/40px  "微软雅黑","Microsoft YaHei"; color: #3984f7;}
.button_down{ width: 250px; padding: 15px 0; height: 40px; margin: 0 auto;}
.button_down a{ display: block; float: left; width: 154px; height: 40px; line-height: 40px; padding-right: 34px; margin: 0 25px; background: #3984f7 url(images/icon_down.jpg) center right no-repeat; border-radius:20px;color: #fff; font-size: 16px;}
.pop_download p{ position:relative; font: normal 16px/40px  "微软雅黑","Microsoft YaHei"; color: #000;}
.pop_download p span{display:block; position:absolute; top:40px;right:120px; z-index:9999; font: normal 12px/20px  "微软雅黑","Microsoft YaHei"; color: #000; }
.close{ display: block; font: normal 16px/40px  "微软雅黑","Microsoft YaHei"; color: #3a7dd0; text-decoration: underline; padding-top: 10px;}
.pop_hint {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 580px;
    height: 220px;
    background: #fff;
    margin: -110px 0 0 -310px;
    border-radius: 5px;
    text-align: center;
    padding: 0px 20px;
    box-shadow: rgba(0,0,0,0.2) 5px 5px
}
.pop_hint p{ padding-top: 55px; font: normal 16px/30px  "微软雅黑","Microsoft YaHei"; color: #000;}
    .pop_hint p span {
        font-size: 22px;
        line-height: 1.8em;
    }
.win_pop {width: 50%; border-right: 1px #e5e5e5 solid; float:left;}
.mac_pop{ width:49%; float:right;}
.win_pop, .mac_pop{ margin-top:60px;}
.mac_pop strong{ background:url(images/icon_mac.jpg) top center no-repeat!important;}
.mac_button{ width:233px !important;}
.change::-webkit-input-placeholder { /* WebKit browsers */color: red;}
.change:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: red;}
.change::-moz-placeholder { /* Mozilla Firefox 19+ */color: red;}
.change:-ms-input-placeholder { /* Internet Explorer 10+ */color: red !important;}