html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

html *{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{font-family:\5FAE\8F6F\96C5\9ED1,Arial,sans-serif}
a{ color:#333}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
table table{ border-style: hidden}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
ins,a{text-decoration:none}
input[type=password] {-webkit-text-security: disc}
.fl{ float: left}
.rg{ float: right}
.clear{ clear: both}

header{ width:1200px; margin:auto}
.logo{ width:700px; float: left; margin: 15px 0;}
.nav{ width:500px; float:left; padding-top: 20px;}
.nav ul li{ padding:20px; float: left; color:#333; cursor: pointer}
.nav ul li:hover a{ color:#2d6ce2}
.nav ul li.nav-selected{ border-bottom: 2px solid #2d6ce2; color:#2d6ce2}
.nav ul li.nav-selected a{color:#2d6ce2}
.nav .nav-btn{ display: inline-block; cursor: pointer; padding:2px 10px; border:1px solid #2d6ce2; border-radius: 10px; color:#2d6ce2; font-size: 12px; margin:20px 5px 0 5px;}
.banner{ width:100%; position: relative; height:635px; overflow: hidden}
.banner img{ width:1920px; position: absolute; left:50%; margin-left: -960px;}
.nav-btn a{ color:#2d6ce2}

.main{ width:1200px; margin:auto;}

.content>p{text-align:center}
.core-box{margin-bottom:30px;margin-top:50px}
.core-sub-title{margin:20px auto 50px;position:relative;width:50px;height:0px;border-bottom:2px solid #1954d0;text-align:right;}
.core-box .core-title{margin-bottom:30px;text-align:center}
.core-box .core-title .p2{font-size:26px;color:#333333;font-weight: 400;}
.core-box  .p1{width:200px;height:28px;background-color:white;position:absolute;left:50px;top:-15px;z-index:999;text-align:center;font-size:20px;color:#888888}
.core-box .core-title .p3{ line-height:30px;font-size:14px;color:#777777;margin:0 auto;width:1114px;}

.w-product-details .pd-part .pd-item {
    width: 100%;
    padding:50px 0;
    background: #fff;
    min-width: 1100px
}

.w-product-details .pd-part .pd-item .col-md-6 {
    display: table;
    height: 100%
}

.w-product-details .pd-part .pd-item .col-md-6 .img img {
    max-width: 500px;
    height: auto
}

.w-product-details .pd-part .pd-item .col-md-6 .img,
.w-product-details .pd-part .pd-item .col-md-6 .text {
    vertical-align: middle;
    display: table-cell
}

.w-product-details .pd-part .pd-item .col-md-6 .text .title {
    font-size: 26px;
    color: #333;
    line-height: 42px;
    margin-bottom: 40px
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li {
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    margin-bottom: 24px;
    position: relative;
    padding-left: 13px;
    margin-left: -13px
}

.w-product-details .pd-part .pd-item .col-md-6 .text ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 8px
}

.w-product-details .pd-part .pd-item .col-md-6 .text .view-open {
    font-size: 16px;
    color: #f07e5f
}

.w-product-details .pd-part .pd-item .col-md-6 .text .view-open:hover {
    color: #ed6d49
}

[class*=col-]{ display: inline-block; float: left;}
.col-md-6{ width:50%;}

.problem{background:#f2f2f2;width:100%;height:660px;}
.problem .problem-title{text-align:center;padding-top:80px}
.problem .problem-title h1{font-size:26px;color:#333333;font-weight: 400;}
.problem  .problem-content ul{height:430px;margin:30px auto 0px;text-align:center;}
.problem .problem-content ul li{width:371px; height:426px;float:left;margin-right:0px;position:relative}
.problem .problem-content ul li .float{width:360px;height:416px;position:absolute;top:10px}
.problem .problem-content ul li img{padding-top:30px}
.problem .problem-content ul li p{padding-top:15px;font-weight:400;color:#777777;font-size:16px;}

.feature{background:#fff;width:100%;padding-bottom:30px;height: 520px;}
.feature .feature-title{text-align:center;color:black;padding-top:50px}
.feature .feature-title h1{ font-size:26px;color:#333333;font-weight: 400;}
.feature .feature-title .p1{ color:#666666;font-size:16px;padding-top:20px}
.feature .feature-title img{padding-top:10px}
.feature .feature-title p{padding-top:5px}
.feature .feature-content{margin:50px auto 50px;text-align:center;}
.feature .feature-content ul li{background:white;width:23%;float:left;margin-left:2%;padding-bottom:30px}
.feature .feature-content ul li img {padding-top:30px}
.feature .feature-content ul li p {padding-top:20px;line-height:26px;font-size:14px;color:#777777}
.feature .feature-content ul li .p1 {font-size:20px;font-weight:500;color:#666666}
.content1{
    width:1114px;margin:0px auto;
}

footer{ background: #0f0f14; color:#fff}
footer .copyright_info{text-align: center; line-height: 36px; border-top:1px solid #e7e7e7; padding: 15px 0;font-size: 12px; }
footer .copyright_info a{ color:#fff}

.tab1 p{text-indent:2em;font-size:14px;color:#555555;line-height:30px;padding-top:20px;padding-bottom:50px;}

.login_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999;}


.ie .ie_shade{ background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); }
.login_dialog{ width:400px; position: fixed; left:50%; margin-left: -240px; top:65px; z-index: 99; background: #fff; padding:30px 40px}
.login_dialog .login_dialog_title{ color:#1b57d1; font-size: 28px; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd}
.login_title_eng{ color:#bfbfbf; font-size: 16px; margin-left: 20px}

.login_dialog_content{ width:400px;}
.tel{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/images/phone.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.password{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.login_link{ width:100%; display: block}
.login_reset{ font-size: 16px; color:#949494; cursor: pointer; display: inline-block}
.login_reg{ font-size: 16px; color:#949494; float: right; cursor: pointer}
.submit{ width:100%; padding:12px 0; background: #1b57d1; font-size: 22px; color:#fff; margin-top: 20px; border:0}
.close{ width:30px; position: fixed; top:65px; left:50%; margin-top: 20px; margin-left: 180px; cursor: pointer}

.reg_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999; }
.reset_dialog_shade{ display: none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.3); width:100%; height:100%; z-index: 999; }

.name{
    width:350px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/images/name.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
}
.pic_captcha{
    width:240px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
    box-sizing: border-box;
}
.captcha{
    width:240px;
    margin:10px auto;
    border:1px solid #cdcdcd;
    background-image: url("/public/images/password.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding:15px 0 15px 50px;
    box-sizing: border-box;
}

.login_dialog_content img{ vertical-align: middle}
.captcha_img{ width:100px; margin:0 10px 0 2px;}
.captcha_refresh{ width: 30px; cursor: pointer}
.send_captcha{ width:150px; margin-top: 2px; cursor: pointer; background: #fff; margin-left: 10px; display: inline-block; text-align: center; box-sizing: border-box; padding:15px; border:1px solid #cdcdcd; color:#1b57d1}
#reg_tel{ margin-bottom: 20px}
#reset_tel{ margin-bottom: 20px}
.red{ color:#f00!important;}

.login li a{ color:#fff}


.about-content-box{padding-top:50px}
.about-content-box .top-box .border-image{width:40%;height:330px;float:left;padding:10px 0px;position:relative;border:2px solid #f2f2f2}
.about-content-box .top-box .border-image .image{position:absolute;width:100%;top:-15px;left:-26px}
.about-content-box .top-box .introduce{width:50%;float:right}
.about-content-box .top-box .introduce .intro-title{font-size:26px;text-align:left;padding-bottom:20px;color:#2ebcea;font-weight:400;}
.about-content-box .top-box .introduce .intro-content{text-indent:2em;font-size:14px;text-align:left;color:#777777;line-height:28px}
.about-content-box .bot-box{clear:both;overflow: hidden;padding-top:50px;height:426px}
.about-content-box .bot-box .creed{width:50%;float:left;padding-left:50px}
.about-content-box .bot-box .creed .creed-title{font-size:26px;text-align:left;padding-bottom:20px;color:#2ebcea;font-weight:400;}
.about-content-box .bot-box .creed .creed-content{font-size:16px;text-align:left;color:#777777;line-height:28px}
.about-content-box .bot-box .creed .creed-content ul {clear:both}
.about-content-box .bot-box .creed .creed-content ul li {padding-top:17px}
.about-content-box .bot-box .creed .creed-content .wrap li{float:left;}
.about-content-box .bot-box .creed .creed-content .wrap li img{width:80%;padding-top:20px}
.about-content-box .bot-box .creed .creed-content .wrap  .ppp{width:80%;float:left;padding-left:20px}
.about-content-box .bot-box .creed .creed-content .wrap  .ppp .p1{font-size:16px;text-align:left;color:#555555;font-weight:600}
.about-content-box .bot-box .creed .creed-content .wrap  .ppp .p2{font-size:14px;text-align:left;line-height:24px}
.about-content-box .bot-box .creed .creed-content .wrap  .ppp .p3{font-size:14px;text-align:left;line-height:24px}
.about-content-box .bot-box .border-image{width:40%;height:330px;float:left;padding:10px 0px;position:relative;border:2px solid #f2f2f2}

.about-content-box .bot-box .border-image .image{position:absolute;top:22px;left:30px}
.about-content-box .bot-box .border-image:last-child{float:left}
.about-content-box .bot-box .border-image:last-child .image{top:28px;width:100%}
.top-tab .tab1 p{text-indent:2em;font-size:14px;color:#555555;line-height:30px;padding-top:20px;padding-bottom:50px;}

.advantage{margin:50px auto 30px ;width:100%;height:500px;/*padding-top:50px;*/overflow:hidden;clear:both}
/*.advantage .list{margin-top:30px;margin-bottom:50px;margin-left:50px}*/
.advantage .list{margin:0 auto;padding-top:30px;padding-bottom: 50px}
.advantage  h2{text-align:center;color:#333333;font-size:26px;font-weight:400;}
.advantage .list ul li{padding-right:3%;border-right:1px red solid;float:left;width:28%;height:180px;margin-left:20px}
.advantage .list ul li img {padding-left:110px;padding-top:20px}
.advantage .list ul li .p1{font-size:20px;color:#666666;margin-top:80px;text-align:center}
.advantage .list ul li .p2{font-size:14px;color:#777777;line-height:24px;padding-top:20px;text-align:left;padding-left:35px}

.buy_title{ font-size: 18px; color:#333; margin-bottom:20px}
.buy_content{ padding:20px; background: #f2f2f2}
.buy_content p{ margin:10px 0; color:#999}
.buy_confirm{ padding:20px 0;}
.buy_confirm_money{ color:#e64c16; font-size:24px;}

.buy_btn{ background: #1094f1; padding:10px 30px; border-radius: 5px; color:#fff; border:0; margin-bottom: 30px;}

.member_title{ width:100%; padding:10px 20px; background: #48a3f0; color:#fff}
.member_content{ width: 100%; padding:20px; }
.member_info{ width:250px; text-align: center; float: left;}
.member_info p{ margin:10px 0}
.member_code{ width:900px; margin-left: 50px; float: left}
.member_code_title{ padding:20px 0; font-size: 20px;}
.member_code_title_list{ width:10px; display: inline-block; background: #48a3f0; height:1em; vertical-align: middle; margin-right: 10px;}
.member_code_content table tr td{ text-align: center; padding:10px 0; border-bottom: 1px solid #e0e0e0}
.member_code_content table{ width: 100%;}
.member_code_content table thead tr td{ background: #e5e5e5}

.member_buy_btn{ display: inline-block; background: #48a3f0; width:120px; padding:10px 0; margin:20px auto; border-radius: 10px; color:#fff}
.member_recharge_btn{ display: inline-block; background: #e60039; width:80px; padding:5px 0; border-radius: 10px; color:#fff}
.member_recharge_btn a{ color:#fff}