.header-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 72px;
}
.header {
    background-color: transparent;
}
.online-input{width: 380px;height: 40px;line-height: 40px;padding: 0 5px;padding-right: 5px;padding-left: 5px;padding-left: 10px;padding-right: 40px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;background-repeat: no-repeat;background-position: 340px center;font-size: 14px;box-sizing: border-box !important;}
/*头部banner样式*/
.info-banner {
    position: relative;
    width: 100%;
    height: 468px;
    background: url("img/financial_banner.jpg") no-repeat center;
}
.ecomm_banner {
    background: url("img/ecomm_banner.jpg") no-repeat center;
}
.mobile_banner {
    background: url("img/mobile_banner.jpg") no-repeat center;
}
.game_banner {
    background: url("img/game_banner.jpg") no-repeat center;
}
.website_banner {
    background: url("img/web_banner.jpg") no-repeat center;
}
.web-banner {
    padding: 170px 0px 0px 0;
}
.web-name {
    font-size: 44px;
    color: #fff;
}
.web-info {
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 18px;
    color: #fff;
}
.web-banner .advisory {
    display: inline-block;
    padding: 6px 39px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}
.issue-icon {
    background: url(img/f-issue-sprite.png) no-repeat;
}
.mobile-issue-icon {
    background: url(img/m-issue-sprite.png) no-repeat;
}
.game-issue-icon {
    background: url(img/g-issue-sprite.png) no-repeat;
}
.web-issue-icon {
    background: url(img/w-issue-sprite.png) no-repeat;
}
/*网站部署面临的问题*/
.issue-title {
    padding-top: 80px;
    padding-bottom: 60px;
    font-size: 36px;
    color: #555;
    text-align: center;
}
.issue-title-ico {
    margin: 20px 0px 60px 0px;
    width: 100%;
    height: 29px;
    background: url("img/issue_title_ico.png") no-repeat center;
}
.web-issue-list {
    padding-bottom: 60px;
}
.web-issue-list li {
    width: 23%;
    height: 380px;
    padding-top: 35px;
    margin: 0px 1%;
    float: left;
}
.game-list li {
    width: 31%;
}
.web-issue-list li:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}
.web-issue-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.web-issue-list li span {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.issue_type_01 {
    background-position: 0 0;
}
.issue_type_02 {
    background-position: 0 -100px;
}
.issue_type_03 {
    background-position: 0 -200px;
}
.issue_type_04 {
    background-position: 0 -300px;
}
.web-issue-list li a:hover .issue_type_01 {
    background-position: -100px 0;
}
.web-issue-list li a:hover .issue_type_02 {
    background-position: -100px -100px;
}
.web-issue-list li a:hover .issue_type_03 {
    background-position: -100px -200px;
}
.web-issue-list li a:hover .issue_type_04 {
    background-position: -100px -300px;
}
.web-issue-list li a:hover p {
    color: #059fff;
}
.web-issue-list li p {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: 20px 0px 15px 0px;
}
.web-issue-list li .issue-introduce {
    margin: 0px 20px;
    font-size: 12px;
    color: #999;
    line-height: 24px;
}
/*解决方案构架部署 开始*/
.web-deploy {
    background-color: #f5f6f7;
}
.deploy-box {
    padding-bottom: 60px;
}

.deploy-box .deploy-info {
    padding: 25px;
    width: 30%;
    float: right;
    line-height: 32px;
    font-size: 14px;
    color: #666;
    text-indent: 2em;
    background-color: #fff;
}
.deploy-info h4 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #333;
    text-indent: 0;
    text-align: center;
}
.deploy-info a {
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin-top: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-indent: 0;
    border-radius: 4px;
    background-color: #059fff;
}
.financial-deploy {
    min-height: 560px;
    background: url("img/financial-deploy.png") no-repeat left top;
}
.financial-deploy .deploy-info {
    width: 35%;
}
.game-deploy {
    min-height: 480px;
    background: url("img/game-deploy.png") no-repeat left top;
}
.mobile-deploy {
    min-height: 310px;
    background: url("img/mobile-deploy.png") no-repeat 100px top;
}
.mobile-deploy .deploy-info {
    width: 50%;
}
.website-deploy {
    min-height: 492px;
    background: url("img/web-deploy.png") no-repeat left top;
}
.ecommerce-deploy {
    min-height: 370px;
    background: url("img/ecommerce-deploy.png") no-repeat left top;
}
/*网站服务优势*/
.superiority-list li {
    float: left;
    width: 23.5%;
    height: 400px;
    margin-left: 2%;
    margin-bottom: 60px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}
.web-list li {
    height: 450px;
}
.superiority-list li:first-child {
    margin-left: 0;
}
.issue-form {
    height: 160px;
    padding-top: 25px;
    background-color: #e9f0f7;
}
.issue-form span {
    display: block;
    width: 180px;
    height: 111px;
    margin: 0 auto;
}
.issue-back {
    padding: 30px 20px;
    line-height: 2;
    font-size: 12px;
    color: #999;
}
.issue-back .issue-back-title {
    margin-bottom: 18px;
    font-size: 18px;
    color: #333;
    text-align: center;
}
.superiority-list li:hover .issue-back-title {
    color: #059fff;
}
.issue-form .span_bg1 {
    background: url(img/fyoushi_img1.png) no-repeat 0 0;
}
.issue-form .span_bg2 {
    background: url(img/fyoushi_img2.png) no-repeat 0 0;
}
.issue-form .span_bg3 {
    background: url(img/fyoushi_img3.png) no-repeat 0 0;
}
.issue-form .span_bg4 {
    background: url(img/fyoushi_img4.png) no-repeat 0 0;
}
.issue-form .span_bg5 {
    background: url(img/eyoushi_img1.png) no-repeat 0 0;
}
.issue-form .span_bg6 {
    background: url(img/eyoushi_img2.png) no-repeat 0 0;
}
.issue-form .span_bg7 {
    background: url(img/eyoushi_img3.png) no-repeat 0 0;
}
.issue-form .span_bg8 {
    width: 190px;
    background: url(img/eyoushi_img4.png) no-repeat 0 0;
}
.issue-form .span_bg9 {
    background: url(img/eyoushi_img5.png) no-repeat 0 0;
}
.issue-form .span_bg10 {
    background: url(img/gyoushi_img1.png) no-repeat 0 0;
}
.issue-form .span_bg11 {
    background: url(img/gyoushi_img2.png) no-repeat 0 0;
}
.issue-form .span_bg12 {
    background: url(img/wyoushi_img1.png) no-repeat 0 0;
}
.issue-form .span_bg13 {
    background: url(img/gyoushi_img2.png) no-repeat 0 0;
}
.issue-form .span_bg14 {
    background: url(img/wyoushi_img2.png) no-repeat 0 0;
}
/*更多解决方案*/
.web-more {
    background-color: #f5f6f7;
}
.more-title {
    font-size: 36px;
    color: #333;
    text-align: center;
    padding: 80px 0px 60px;
}
.more-list li {
    float: left;
    width: 25%;
    height: 180px;
    margin-bottom: 80px;
}
.more-list li a {
    display: block;
    height: 100%;
}
.more-list li i {
    display: block;
    width: 60px;
    height: 60px;
    margin: 30px auto 20px;
    background: url(img/fangan-sprite.png) no-repeat;
}
.more-list li p {
    font-size: 16px;
    color: #666;
    text-align: center;
}
.more-list li:hover {
    background-color: #fff;
    -webkit-box-shadow: 8px 10px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 8px 10px 16px rgba(0, 0, 0, .12);
    box-shadow: 8px 10px 16px rgba(0, 0, 0, .12);
}
.more-list li:hover p {
    color: #059fff;
}
.more-list li i.more-list-1 {
    background-position: 0 0;
}
.more-list li:hover i.more-list-1 {
    background-position: -60px 0;
}
.more-list li i.more-list-2 {
    background-position: 0 -120px;
}
.more-list li:hover i.more-list-2 {
    background-position: -60px -120px;
}
.more-list li i.more-list-3 {
    background-position: 0 -180px;
}
.more-list li:hover i.more-list-3 {
    background-position: -60px -180px;
}
.more-list li i.more-list-4 {
    background-position: 0 -240px;
}
.more-list li:hover i.more-list-4 {
    background-position: -60px -240px;
}

.more-list li i.more-list-5 {
    background-position: 0 -60px;
}
.more-list li:hover i.more-list-5 {
    background-position: -60px -60px;
}



.ecommerce-box {
    position: relative;
    height: 440px;
    margin-bottom: 60px;
    background: url(img/ecomm-issue-icon.png) no-repeat 200px center;
}
.ecommerce-text {
    position: absolute;
    top: 80px;
    right: 0;
    width: 500px;
}
.ecommerce-text h4 {
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 24px;
    color: #666;
    border-bottom: 2px solid #059fff;
}
.ecommerce-text p {
    line-height: 2;
    font-size: 14px;
    color: #999;
}
@media screen and (max-width: 1200px) {
    .mobile-deploy .deploy-info {
        width: 40%;
    }
}
@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;
    /*禁用Webkit内核浏览器的文字大小调整功能*/
    -webkit-text-size-adjust:none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight:rgba(0,0,0,0);
    /*设置字体的抗锯齿或者说光滑度*/
    -webkit-font-smoothing: antialiased;
}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.dl,.ul li,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #0097fb;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
    font-size: 0px;}
.clearfix { zoom: 1;}
*,*:after,*:before{ box-sizing: border-box; }
/***百度样式***/
#bdshare_weixin_qrcode_dialog,
#bdshare_weixin_qrcode_dialog *{ box-sizing: content-box; }


a{ text-decoration: none; cursor: default; }
a[href]{ cursor: pointer; }
.clearfix:after{ content: ''; display: block; clear: both; }
.left{ float: left; display: inline-block; }
.right{ float: right; display: inline-block; }
.x-half{ transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); }
.xy-half{ transform: translate(-50%,-50%); }
.x-half1{ transform: translateX(50%); }
.y-half1{ transform: translateY(50%); }
.xy-half2{ transform: translate(-50%,50%); }
.xy-half3{ transform: translate(50%,-50%); }
img{ max-width: 100%; vertical-align: middle; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.t-center{ text-align: center; }
.css3_t2{ transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; }
.css3_t3{ transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; }
.css3_t5{ transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }
.css3_t10{ transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; }
.css3_t30{ transition: all 3s; -webkit-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; -moz-transition: all 3s; }
.dot{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dots{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.autoscroll::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.autoscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(201,185,158,0.2);
    background: #adadad;
}
.autoscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(201,185,158,0.2);
    border-radius: 4px;
    background: #f1f1f1;
}
.autoscroll2::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.autoscroll2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(225,225,225,0.57);
    background: rgba(225,225,225,0.57);
}
.autoscroll2::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(225,225,225,0.1);
    border-radius: 4px;
    background: rgba(225,225,225,0.1);
}

body.MenuShow{ overflow: hidden; }
body.Ohidden{ overflow: hidden; }
.w1760{ width: 1790px; padding:0 15px; max-width: 100%; margin: 0 auto;}
.w1400{ width: 1430px; padding:0 15px; max-width: 100%; margin: 0 auto;}
.w1200{ width: 1230px; padding:0 15px; max-width: 100%; margin: 0 auto;}
/*全局样式*/

/**头部**/
#header{}
#header .Top{ display: block; position: relative; z-index: 2; }
#header .logo{ position: absolute; left: 0; top: 0; height: 100%; z-index: 2; }
#header .logo a{ display: table-cell; height: 68px; vertical-align: middle; }
#header .logo a img{ display: block; max-height: 98%; }
#header .HeadMenu{ display: block; margin-left: 16.66%; }
#header .HeadMenu .ul{}
#header .HeadMenu .ul li{ display: inline-block; margin:0 22px; }
#header .HeadMenu .ul li>a{ display: block; line-height: 68px; position: relative; font-size: 16px; color:#333333; transition: all 0.3s; }
#header .HeadMenu .ul li>a:hover{ color:#0097fb; }
#header .HeadMenu .ul li>a:after{ content:""; display: block; position: absolute; left: 0; bottom:0; width:100%; height: 2px; background: #fff; transition: all 0.3s; }
#header .HeadMenu .ul li:hover>a:after{ background: #0096ff; }
#header .HeadMenu .ul li.onav>a{ color:#0097fb; }
#header .HeadMenu .ul li.onav>a:after{ background: #0096ff; }
#header .HeadMenu .ul li:hover .XlBox{ height: auto; padding-top:18px; padding-bottom:18px; }
#header .HeadMenu .ul .XlBox{ position: absolute; height: 0; top:100%; width:100%; left: 0; background: rgba(255,255,255,0.7); padding-left: 16.66%; overflow: hidden; }
#header .HeadMenu .ul .XlBox a{ font-size: 14px; line-height: 20px; color:#666666; margin:2px 22px; display: inline-block; }
#header .HeadMenu .ul .XlBox a:hover{ color:#0097fb; }
#header .MemberBox{ position: absolute; top:50%; right: 0;height: 100%;
    line-height: 68px; }
#header .MemberBox .Login{display: inline-block;vertical-align: top;}
#header .MemberBox .Logined{ display: inline-block; display: none; }
#header .MemberBox,
#header .MemberBox a{ color:#13227a; }
#header .MemberBox a:hover{ color:#001884; }
#header .MemberBox .shopbbtn{display:inline-block;margin-right: 5px; vertical-align: top;display:none;}


/**底部**/
#footer{ background:#ebebeb; padding-top:40px; }
#footer .l-Box{ width: 85.83%; }
#footer,#footer a{ font-size: 14px; color:#333333; line-height: 22px; }
#footer a:hover{ color:#0097fb; }
#footer .l-Box .Box1{}
#footer .l-Box .logo{ width:12%; }
#footer .l-Box .logo a{ display: table-cell; height: 60px; opacity: 0;}
#footer .l-Box .f-swiperBox{ float: right; display: inline-block; position: relative; width: 87.37%; }
#footer .l-Box .f-swiperBox .title{ position: absolute; left: 0; top: 50%; margin-top:-12px; line-height: 24px; font-size: 16px; color:rgba(51,51,51,0.68); }
#footer .l-Box .f-swiperBox .swiperBox{ margin-left: 80px; display: block; position: relative; }
#footer .l-Box .f-swiper{ overflow: hidden; margin:0 30px; }
#footer .l-Box .f-swiper a{ display: block; margin:0 15%; position: relative; }
#footer .l-Box .f-swiper a img{ display: block; }
#footer .l-Box .f-swiper a img:first-child{ opacity: 0; }
#footer .l-Box .f-swiper a img:nth-child(2){ opacity: 1; position: absolute; left: 0; top: 0; }
#footer .l-Box .f-swiper a:hover img:first-child{ opacity: 1; }
#footer .l-Box .f-swiper a:hover img:nth-child(2){ opacity: 0; }
#footer .l-Box .pnBox{}
#footer .l-Box .pnBox span{ display: block; position: absolute; height: 100%; top: 0; width: 20px; cursor: pointer; opacity: 1; }
#footer .l-Box .pnBox span:hover{ opacity: 0.6; }
#footer .l-Box .pnBox .prev{ background: url(../images/icon_left1.png) no-repeat center; left:0; }
#footer .l-Box .pnBox .next{ background: url(../images/icon_right1.png) no-repeat center; right: 0; }
#footer .l-Box .Box2{ margin-left: -50px; padding-left: 50px; padding-top:15px; padding-bottom:15px; border-top:1px solid #cccccc; }
#footer .r-Box{ text-align: center; }
#footer .r-Box p{ margin:5px 0; }
#footer .r-Box .imgBox{ max-width: 120px; }
#footer{}

/***视频弹框***/
.TankVideo{ display: none; position: fixed; width:100%; height:100%; left: 0; top: 0; background: rgba(0, 0, 0, .6); z-index: 999999; }
.TankVideo video{ display:block; width:100%; height:auto; }
.TankVideo .video{ position: absolute; top: 50%; left: 50%; background: #000; }
.TankVideo span{ position: absolute; top: 15px; right: 15px; color: #999; cursor: pointer; width: 18px; height: 18px; background: url(../images/close.png) no-repeat 0 0 /100% 100%; z-index: 99; transform:rotate(0deg); }
.TankVideo span:hover{ transform: rotate(45deg); }
@media only screen and (min-width:0px) and (max-width:1200px) {
    .TankVideo .video{ width:100%; }
}


/***************************动画**************************/
@keyframes animates1{
    0%{
        background-position: center 0;
        opacity: 1;
    }
    100%{
        background-position: center 100%;
        opacity: 0.2;
    }
}
@-webkit-keyframes animates1{
    0%{
        background-position: center 0;
        opacity: 1;
    }
    100%{
        background-position: center 100%;
        opacity: 0.2;
    }
}
@-moz-keyframes animates1{
    0%{
        background-position: center 0;
        opacity: 1;
    }
    100%{
        background-position: center 100%;
        opacity: 0.2;
    }
}
@-o-keyframes animates1{
    0%{
        background-position: center 0;
        opacity: 1;
    }
    100%{
        background-position: center 100%;
        opacity: 0.2;
    }
}

/***************************首页**************************/
/**Banner**/
#Banner{}
#Banner .w1200{ position: relative; }
#Banner .Swiper{ overflow: hidden; }
#Banner .swiper-slide{ position: relative; }
#Banner video{ display: block; position: absolute; left: 0; top:0; height: 100%; width: 100%; }
#Banner .pations{ position: absolute; left: 0; bottom:20px; width: 100%; text-align: center; z-index: 10; }
#Banner .pations span{ cursor: pointer; display: inline-block; border-radius: 50%; transition: all 0.3s; background:rgba(255,255,255,0.5); margin:0 5px; height: 12px; width:12px; }
#Banner .pations span.swiper-active-switch{ background: rgba(255,255,255,1); }
/**IndexLinks**/
#IndexLinks{ padding:45px 0; }
#IndexLinks .Box{}
#IndexLinks .Box img{ display: none; }
#IndexLinks .ul{ height: 200px; }
#IndexLinks .ul li{ float: left; display: inline-block; width:25%; height: 100%; overflow: hidden; }
#IndexLinks .ul li a{ display: block; position: relative; height: 100%; }
#IndexLinks .ul li .imgBox{ width:100%; height: 100%; background-position: center; float: left; display: inline-block; }
#IndexLinks .ul li .img{ width:0%; height: 100%; background-position: center; float: left; display: inline-block; }
#IndexLinks .ul li.onav{ width:50%; }
#IndexLinks .ul li.onav .imgBox{ width:40%; }
#IndexLinks .ul li.onav .img{ width:60%; }
@media (min-width: 1024px){
    #Banner .Swiper{ max-height:460px;}
}
/*************************内页*******************************/
/**内页Banner**/
#AutoBanner{}
#AutoBanner .imgBox{ display: block; position: relative; }
#AutoBanner img{ display: block; }
#AutoBanner .content{ position: absolute; top:50%; right: 5.83%; text-align: right; }
#AutoBanner .cn{ font-size: 30px; line-height: 34px; color:#fff; }
#AutoBanner .en{ font-size: 18px; line-height: 24px; color:rgba(255,255,255,0.86); }
#AutoBanner2{}
#AutoBanner2 .imgBox{ display: block; position: relative; }
#AutoBanner2 img{ display: block; }
/**二级菜单**/
#SecondMenu{ margin-bottom:35px; }
#SecondMenu .Box{ border-bottom:1px solid #efefef; }
#SecondMenu .LeftList{}
#SecondMenu .LeftList li{ border-right:1px solid #efefef; }
#SecondMenu .LeftList li a{ display: block; font-size: 16px; line-height: 22px; color:#3c3c3c; border-bottom:3px solid transparent; padding:16px 28px; }
#SecondMenu .LeftList li.onav a{ color:#102689; border-color: #0097fb; }
#SecondMenu .LeftList li a:hover{ color:#0097fb; }
#SecondMenu .loaction{ font-size: 12px; line-height: 24px; padding:16px 0; color:#828282; }
#SecondMenu .loaction .home{ display: inline-block; padding-left: 17px; background:url(../images/icons_home.png) no-repeat left center; margin-right: 10px; }
#SecondMenu .loaction a{ display: inline-block; padding-right:15px; background:url(../images/icons_location.png) no-repeat right center; margin-right: 10px; }
#SecondMenu .loaction a.last{padding-right: 0; background: none;}
/**三级菜单**/
#ThirdMenu{ margin-bottom:35px; }
#ThirdMenu .Box{ }
#ThirdMenu .Box li{ border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#ThirdMenu .Box li a{
    background: #f4f4f4;
    display: block;
    font-size: 16px;
    line-height: 60px;
    color: #3c3c3c;
    border-bottom: 3px solid transparent;
    width: 237px;
    text-align: center;
}
#ThirdMenu .Box li a:hover{ color:#0097fb; }
#ThirdMenu .Box li.onav a{ color:#fff; background-color: #0097fb; }
/***分页***/
#PagesBox{ text-align: center; padding:65px 0; }
#PagesBox span,
#PagesBox a{ display: inline-block; vertical-align: middle; font-size: 16px; line-height: 50px; width: 50px; color:#888888; overflow: hidden; transition: all 0.3s; }
#PagesBox a:hover{ color:#0097fb; }
#PagesBox .a_cur{ color:#fff; background:#0097fb; }
#PagesBox .Prev{ background:url(../images/icons_14.png) no-repeat center; color:transparent; text-indent: 999px; }
#PagesBox .Next{ background:url(../images/icons_15.png) no-repeat center; color:transparent; text-indent: 999px; }
#PagesBox .Prev:hover,
#PagesBox .Next:hover{ background-color: #0097fb; }

/**关于我们-公司介绍**/
#About{}
#About .Descrition{ padding-bottom: 5.83%; }
#About .Descrition p{margin:0;line-height: 1.8;}
#About .Descrition .logo{ margin-bottom: 25px; }
#About .Descrition .title{ font-size: 24px; line-height: 28px; color:#001884; padding-bottom:24px; margin-bottom:24px; position: relative; }
#About .Descrition .title:after{ content:""; display: block; position: absolute; left: 0; bottom:0; border-bottom:2px solid #b4b4b4; width:1.8em; }
#About .Descrition .article{ font-size: 14px; line-height: 22px; color:#737373; }
#About .Descrition .l-cont{ width: 62.91%; }
#About .Descrition .r-cont{ width:34.16%; }
/**关于我们-发展历程**/
#About .History{ padding-bottom: 35px; }
#About .History p{ margin:0; }
#About .History .imgBox{ position: relative; }
#About .History .imgBox img{ display: block; }
#About .History .ul{}
#About .History .ul li{ position: absolute; }
#About .History .ul .title{ font-size: 15px; line-height: 20px; color:#283c97; display: inline-block; position: relative; cursor: pointer; }
#About .History .ul .title:after{ content: ""; position: absolute; top:0; height: 100%; width: 15px; display: block; cursor: pointer; }
#About .History .ul .title:hover+.word{ display: block; }
/*#About .History .ul li:nth-child(odd) .title{ padding-right: 20px; }
#About .History .ul li:nth-child(even) .title{ padding-left: 20px; }*/
#About .History .ul li:nth-child(odd) .title:after{ right:-20px; }
#About .History .ul li:nth-child(even) .title:after{ left:-20px; }
#About .History .ul .word{ position: absolute; font-size: 15px; line-height: 26px; color:#050101; border:1px solid #e5e5e5; background:#fff; border-radius: 5px; padding:15px; width:270px; display: none; z-index: 5; }
#About .History .ul .icons{ position: absolute; display: block; height: 19px; width: 22px; background: url(../images/icons_3.png) no-repeat center; }
#About .History .ul .li1{ left: 6%; bottom:12%; }
#About .History .ul .li1 .word{ bottom: 40px; }
#About .History .ul .li1 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li2{ left: 13%; bottom:21.5%; }
#About .History .ul .li2 .word{ bottom: 40px; }
#About .History .ul .li2 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li3{ left: 11.2%; bottom:30.3%; }
#About .History .ul .li3 .word{ bottom: 40px; }
#About .History .ul .li3 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li4{ left: 19.9%; bottom:39.6%; }
#About .History .ul .li4 .word{ bottom: 40px; }
#About .History .ul .li4 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li5{ left: 21.5%; bottom:51.5%; }
#About .History .ul .li5 .word{ bottom: 40px; }
#About .History .ul .li5 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li6{ left: 31.4%; bottom:59.7%; }
#About .History .ul .li6 .word{ bottom: 40px; right: 0; }
#About .History .ul .li6 .icons{ bottom: -19px; right: 15px; }
#About .History .ul .li7{ left: 34%; top:27.9%; }
#About .History .ul .li7 .word{ bottom: 40px; right: 0; }
#About .History .ul .li7 .icons{ bottom: -19px; right: 15px; }
#About .History .ul .li8{ left: 44.3%; top:22.6%; }
#About .History .ul .li8 .word{ bottom: 40px; }
#About .History .ul .li8 .icons{ bottom: -19px; left: 15px; }
#About .History .ul .li9{ left: 46.7%; top:17.2%; }
#About .History .ul .li9 .word{ top: 40px; }
#About .History .ul .li9 .icons{ top: -19px; left: 15px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
#About .History .ul .li10{ left: 57.9%; top:13.3%; }
#About .History .ul .li10 .word{ top: 40px; }
#About .History .ul .li10 .icons{ top: -19px; left: 15px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
#About .History .ul .li11{ left: 62%; top:8.9%; }
#About .History .ul .li11 .word{ top: 40px; right: 0; }
#About .History .ul .li11 .icons{ top: -19px; right: 15px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
/**关于我们-荣誉资质**/
#About .Honor{ padding:5.8% 0; }
#About .Honor .list a{ display: block; }
#About .Honor .list1{ margin:0 -4.16%; }
#About .Honor .list2{ margin:0 8.33%; }
#About .Honor ol{ /*background:url(../images/honor_list.png) no-repeat bottom center; background-size: 100% auto;*/ background:url(../images/honor-libg.png) repeat-x left bottom; padding:0 8.33%; margin:0 50px; position: relative; }
#About .Honor ol li{ float:left;width:33.3333333333%; text-align:center; }
#About .Honor ol p{ height:75px; margin:0; line-height:25px; padding-top:25px;  overflow:hidden; font-family:"Microsoft YaHei"; color:#555;}
#About .Honor ol li a:hover p{ color:#c90915;}
#About .Honor ol li dl{ display:table; width:100%; height:185px;}
#About .Honor ol li dl dt{ display:table-cell; vertical-align:bottom;}
#About .Honor ol li img{ max-width:100%; max-height:190px;}
#About .Honor ol li aside{ display:inline-block;max-width:90%; position:relative;}
#About .Honor ol li aside::after{ background:url(../images/honor-ying.png) no-repeat right top; position:absolute; right:-24px; bottom:0; height:97%; content:''; width:24px;}
#About .Honor ol::before,
#About .Honor ol::after{ position:absolute; content:''; width:50px; height:75px; bottom:0;background:url(../images/honor_ul_l.png) no-repeat left top;}
#About .Honor ol::before{ left:-50px; }
#About .Honor ol::after{ right:-50px; background-image:url(../images/honor_ul_r.png); }
#About .Honor ul{ margin-bottom: 2.5%; }
#About .Honor ul li{ margin-top:16px; float:left; width:33.3333333333%; line-height:30px; }
#About .Honor ul li a{ color:#231815; max-width: 80%; margin:0 auto; }
#About .Honor ul li a:hover{ color:#c90915;}
#About .Honor ul li a::before{ display:inline-block; content:''; vertical-align:middle; width:30px; height:30px; background:url(../images/honor-icon.png) no-repeat center center #fff; margin-right:10px; border-radius:50%;}
/**产品介绍**/
#Product{}
#Product .ProductList{ padding:2% 0 15%; }
#Product .ProductList p{ margin:0; }
#Product .ProductList .ul{}
#Product .ProductList img{ display: block; margin:0 auto; }
#Product .ProductList li{ float: left; display: inline-block; width:25%; overflow: hidden; z-index: 5; position: relative;  cursor:pointer;}
/*#Product .ProductList li.li1 .content1{ background-color: #5fccff; }
#Product .ProductList li.li2 .content1{ background-color: #22b3f7; }
#Product .ProductList li.li3 .content1{ background-color: #4e87cd; }
#Product .ProductList li.li4 .content1{ background-color: #3247a3; }
#Product .ProductList li.li5 .content1{ background-color: #102586; }*/
#Product .ProductList .imgBox{ position: relative; }
#Product .ProductList .content1{ position: absolute; left: 0; top: 0; width:100%; height: 100%; overflow-y: auto; }
#Product .ProductList .table{ display: table; position: absolute; left: 0; top: 0; height: 100%; width: 100%; table-layout: fixed; }
#Product .ProductList .table-cell{ display: table-cell; vertical-align: middle; padding:25px 15px; }
#Product .ProductList .links{ height: 0; overflow: hidden; padding:0; margin-bottom: 5px; z-index: -1; }
#Product .ProductList .links p{ padding:2px 0; }
#Product .ProductList .links a{ display: inline-block; color:#fff; font-size: 14px; line-height: 22px; padding-left:12px; border-bottom: 1px solid rgba(255,255,255,0.6); background: url(../images/icons_5.png) no-repeat left center; max-width: 100%; }
#Product .ProductList .links a:hover{ color:#0097fb; }
#Product .ProductList .icon{ display: block; margin-bottom: 14.5%; }
#Product .ProductList .title{ text-align: center; color:#fff; }
#Product .ProductList .cn{ font-size: 20px; line-height: 24px; }
#Product .ProductList .en{ font-size: 14px; line-height: 20px; }
#Product .ProductList li.onav .table-cell{ vertical-align: bottom; }
#Product .ProductList li.onav .content1{ background:transparent!important; }
#Product .ProductList li.onav .icon{ height: 0; overflow: hidden; }
#Product .ProductList li.onav .links{ height: auto; padding:5px; position: relative; z-index: 1; }
#Product .ProductList li.onav .cn{ display: inline-block; white-space:normal; }
#Product .ProductList li.onav .en{ display: inline-block; line-height: 24px; font-size: 20px; }
/***产品介绍详细页***/
#Product .ProductInfo{ font-size: 14px; line-height: 22px; color:#777777; }
#Product .ProductInfo .title{ font-size: 22px; line-height: 42px; color:#4a4a4a; font-weight: bold; margin-bottom: 15px; padding-left: 50px; background-repeat: no-repeat; }
#Product .ProductInfo .Block1{ margin-bottom: 65px; }
#Product .ProductInfo .Block1 .title{ background:url(../images/icons_7.png) no-repeat left center;float:left; }
#Product .Block1 .BuyNow{  float: right;padding:0 3%; line-height: 42px;font-size: 16px;background: #0097fb;text-align: center;color: #fff}
#Product .Block1 .title_parents{ overflow: hidden; width: 100%; padding: 20px 0; }
#Product .ProductInfo .Block1 .videoBox{ position: relative; z-index: 1; }
#Product .ProductInfo .Block1 .videoBox .play{ display: block; position: absolute; left: 0; top: 0; height: 100%; width:100%; cursor: pointer; background:url(../images/icons_6.png) no-repeat center /46px; transform: rotate(0deg); }
#Product .ProductInfo .Block1 .videoBox .play:hover{ background-size: 40px; transform: rotate(5deg); }
#Product .ProductInfo .Block1 .article{ background:#f4f4f4; margin-bottom: 3.33%; text-align: center; }
#Product .ProductInfo .Block1 .word{ /*width: 50%;*/ line-height: 30px; padding: 0 3.33% 0; text-align: left; overflow: hidden; }
#Product .ProductInfo .Block1 .ul{ width: 50%; padding-right: 3%; }
#Product .ProductInfo .Block1 .ul li{ display: block; padding-left: 30px; font-size: 16px; line-height: 22px; }
#Product .ProductInfo .Block1 .ul li+li{ margin-top:10px; }
#Product .ProductInfo .Block1 .ul span{ font-size: 14px; }
#Product .ProductInfo .Block1 .li1{ background:url(../images/icons_10.png) no-repeat left 2px; padding-left: 30px; }
#Product .ProductInfo .Block1 .li2{ background:url(../images/icons_11.png) no-repeat left 2px; padding-left: 30px;}
#Product .ProductInfo .Block1 .li3{ background:url(../images/icons_13.png) no-repeat left 2px; padding-left: 30px;}
#Product .ProductInfo .Block1 .li4{ background:url(../images/icons_13.png) no-repeat left 2px; padding-left: 30px;}
#Product .ProductInfo .Block1 .imgBox{ /*width: 50%;*/ display: inline-block; padding-bottom: 20px;}
#Product .ProductInfo .Block1 .message{ padding:0 3.33%; }
#Product .ProductInfo .Block2{ background-color: #f4f4f4; padding:60px 0; }
#Product .ProductInfo .Block2 .title{ background:url(../images/icons_8.png) no-repeat left center; }
#Product .ProductInfo .Block2 .article{ padding:0 3.33%; }
#Product .ProductInfo .Block3{padding: 30px 0;background-color: #fff;  }
#Product .ProductInfo .Block3 .title{ background:url(../images/icons_9.png) no-repeat left center; }
#Product .ProductInfo .Block3 .article{ padding:0 3.33%; }
#Product .ProductInfo .Block3 ul{ margin:0; }
#Product .ProductInfo .Block3 .ul1{ width:20%; padding-right: 4%; }
#Product .ProductInfo .Block3 .ul2{ width:55%; padding:0 8%; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
#Product .ProductInfo .Block3 .ul3{ width:21.66%; }
#Product .ProductInfo .Block3 dt{ font-size: 16px; line-height: 18px; color:#4a4a4a; border-left: 4px solid #53afee; padding-left: 6px; margin-bottom: 20px; }
#Product .ProductInfo .Block3 li+li{ margin-top:10px; }
#Product .ProductInfo .Block4 .title{ background:url(../images/icons_9.png) no-repeat left center; }
.proinmenu{display: none;}
.proinmenu.main-fixed{padding-bottom:97px;}
.proinmenu.main-fixed ul{position: fixed;top: 0;    width: 100%;background: #fff;z-index: 99;}
.proinmenu{padding:10px 0; text-align:center; overflow:hidden;}
.proinmenu ul li{display: inline-block;}
.proinmenu a{font-size:16px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px; }
.proinmenu .lilast a{margin-left: 0 !important}
.proinmenu a.aon,.proinmenu a:hover{ color:#fff; background-color:#3c89d9;}
.proinmenu li.current a,.proinmenu li a:hover{ color:#fff; background-color:#3c89d9;}
@media(min-width:768px){
    .proinmenu ul{padding:25px 0 10px;}
    .proinmenu ul li{display: inline-block;}
    .proinmenu a{ display:inline-block; line-height:30px;  padding:0 15px; min-width:115px; border-radius:30px; overflow:hidden; margin:0 7px 1px;}
}
@media(min-width:1024px){
    .proinmenu ul{padding:35px 0 20px;}
    .proinmenu a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px; border-radius:36px;}

}

@media screen and (max-width: 769px){
    #Product .ProductInfo .Block1 .message .ke-zeroborder > div{float: none !important;width: 100% !important;}
    #Product .ProductInfo .Block1 .videoBox img{width:auto !important; height:auto !important;}
}

#Product .ProductInfo .divpBox{position: relative;}
#Product .ProductInfo .divpBox .divhidebox{position: absolute; top:-100px;}

/***解决方案***/
#Solution{}
#Solution .SolutionList{}
#Solution .SolutionList li{ padding:2.08%; border:1px solid #eeeeee; }
#Solution .SolutionList li+li{ margin-top:2.5%; }
#Solution .SolutionList li .Box{ display: block; position: relative; }
#Solution .SolutionList li .imgBox{ position: absolute; left: 0; top: 0; display: block; overflow: hidden; }
#Solution .SolutionList li .imgBox img{ display: block; width: 235px; height: 150px; transform: scale(1); }
#Solution .SolutionList li .Content{ margin-left: 235px; padding:0 2.91%; height: 150px; }
#Solution .SolutionList li .title{ font-size: 16px; line-height: 42px; color:#484848; border-bottom: 1px dashed #c0c0c0; margin-bottom: 15px; }
#Solution .SolutionList li .article{ font-size: 14px; line-height: 22px; height: 44px; color:#8a8a8a; margin-bottom: 15px; }
#Solution .SolutionList li .more{ display: inline-block; font-size: 14px; color:#0097fb; }
#Solution .SolutionList li:hover{ background:rgba(0,151,251,0.03); }
#Solution .SolutionList li:hover .Box img{ transform: scale(1.06); }
#Solution .SolutionList li:hover .Box .title{ color:#0097fb; }

/**新闻中心**/
#News{}
#News .NewsList{}
#News .NewsList li{ padding:2.08% 0 1.66%; border:1px solid #eeeeee; }
#News .NewsList li+li{ margin-top:2.5%; }
#News .NewsList li .Box{ display: block; position: relative; padding-left:2.91%; }
#News .NewsList li .time{ position: absolute; top: 0; display: block; text-align: center; color:#8d8d8d; border-right:1px solid #e8e8e8; padding-right: 2.91%; }
#News .NewsList li .date{ font-size: 40px; line-height: 40px; border-bottom: 1px solid #c3c3c3; padding-bottom:4px; }
#News .NewsList li .year{ font-size: 14px; line-height: 26px; }
#News .NewsList li .Content{ margin-left: 53px; padding:0 8.5% 0 5.82%; position: relative; }
#News .NewsList li .title{ font-size: 20px; line-height: 24px; color:#404040; margin-bottom: 5px; }
#News .NewsList li .article{ font-size: 16px; line-height: 24px; height: 48px; color:#999999; }
#News .NewsList li .more{ display: block; position: absolute; right: 2.5%; width: 20px; height: 100%; top:0; background:url(../images/icons_16.png) no-repeat center; cursor: pointer; text-indent: 999px; overflow: hidden; transform: translateX(0); }
#News .NewsList li:hover{ background:rgba(0,151,251,0.03); }
#News .NewsList li:hover .Box .title{ color:#0097fb; }
#News .NewsList li:hover .Box .more{  transform: translateX(8px); }

#News .NewsList2{ overflow: hidden; }
#News .NewsList2 ul{ margin:0 -20px; }
#News .NewsList2 li{ float: left; display: inline-block; width:25%; padding:20px; }
#News .NewsList2 li:nth-child(4n+1){ clear: both; }
#News .NewsList2 li.clear{ clear: both!important; float: none; display: block; padding:0; }
#News .NewsList2 li .Box{ display: block; position: relative; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.2); }
#News .NewsList2 li .imgBox{ position: relative; overflow: hidden; }
#News .NewsList2 li .imgBox img{ display: block; width: 100%; transform: scale(1); }
#News .NewsList2 li .time{ position: absolute; top: 10%; left: 10%; display: block; text-align: center; color:#fff; background:#0097fb; width: 65px; text-align: center; z-index: 2; }
#News .NewsList2 li .date{ font-size: 40px; line-height: 50px; }
#News .NewsList2 li .year{ font-size: 14px; line-height: 26px; border-top: 1px solid #f1f1f1; display: inline-block; width: 92%; }
#News .NewsList2 li .Content{ padding:6.7%; position: relative; }
#News .NewsList2 li .title{ font-size: 16px; line-height: 28px; max-height: 56px; color:#404040; margin-bottom: 5px; }
#News .NewsList2 li .article{ font-size: 14px; line-height: 24px; height: 48px; color:#999999; }
#News .NewsList2 li .more{ display: block; position: absolute; right: 2.5%; width: 20px; height: 100%; top:0; background:url(../images/icons_16.png) no-repeat center; cursor: pointer; text-indent: 999px; overflow: hidden; transform: translateX(0); display: none; }
#News .NewsList2 li .Box:hover{  box-shadow: 0 0 50px rgba(0,0,0,0.5); }
#News .NewsList2 li .Box:hover img{ transform: scale(1.06); }
#News .NewsList2 li .Box:hover .Content{ background: #0097fb; }
#News .NewsList2 li .Box:hover .title{ color:#fff; }
#News .NewsList2 li .Box:hover .article{ color:#fff; }

/**招贤纳士**/
#Job{}
#Job .JobList{ font-size: 14px; line-height: 22px; color:#666666; }
#Job .JobList li+li{ border-bottom:1px solid #eeeeee; }
#Job .JobList .Tit{ border-radius: 5px; background-color: #0097fb; color:#fff; }
#Job .JobList .Tit .table{ height: 40px; }
#Job .JobList .table{ display: table; text-align: center; width: 100%; table-layout: fixed; height: 50px; }
#Job .JobList .table>span{ display: table-cell; vertical-align: middle; }
#Job .JobList .wid1{ width:19%; padding:0 1%; text-align: left; }
#Job .JobList .wid2{ width:11%; }
#Job .JobList .wid3{ width:21%; }
#Job .JobList .wid4{ width:21%; }
#Job .JobList .wid5{ width:21%; }
#Job .JobList .wid6{ width:9%; }
#Job .JobList .name{ display: inline-block; padding-left: 18px; background:url(../images/icons_17.png) no-repeat left 4px; }
#Job .JobList .more{ cursor: pointer; display: inline-block; height: 20px; width: 20px; border-radius: 50%; border:1px solid #b1b1b1; position: relative; }
#Job .JobList .more:before{ display: block; content:""; position: absolute; left: 15%; width: 70%; height: 1px; background: #b1b1b1; top: 50%; }
#Job .JobList .more:after{ display: block; content:""; position: absolute; left: 50%; width: 1px; height: 70%; background: #b1b1b1; top: 15%; }
#Job .JobList .onav .more:after{ display: none; }
#Job .JobList .more:hover{ border-color:#3db0fb; }
#Job .JobList .more:hover:before,
#Job .JobList .more:hover:after{ background-color: #3db0fb; }
#Job .JobList .bot{ padding:4.16% 0; display: none; }
#Job .JobList .Message{ line-height: 24px; margin-left: 3%; }
#Job .JobList .Message p{ margin:0; }
#Job .JobList .BtnBox{ padding-top: 4.16% }
#Job .JobList .BtnBox .Btn{ font-size: 18px; line-height: 48px; width: 150px; color:#fff; background-color: #0097fb; border-radius: 5px; display: inline-block; cursor: pointer; }
#Job .JobList .BtnBox .Btn:hover{ background-color: #3db0fb; }

/**在线下单**/
#Online{}
#Online .Block1{ padding-bottom:8.3%; }
#Online .Block1 .checks{ width: 50%; }
#Online .Block1 .checks dl{ position: relative; min-height: 1em; padding-left: 110px; line-height: 36px; min-height:38px; }
#Online .Block1 .checks dl.wid2{ padding-left: 140px; }
#Online .Block1 .checks dl.wid3{ padding-left: 120px; }
#Online .Block1 .checks dl+dl{ margin-top:12px; }
#Online .Block1 .checks dl dt{ background-position: left 8px; background-repeat: no-repeat; position: absolute; left: 0; top:0; padding-left: 30px; padding-top: 8px; padding-bottom: 8px; font-size: 16px; line-height: 22px; color:#404040; }
/**#Online .Block1 .checks .dl1 dt{ background:url(../images/icons_18.png) no-repeat left 8px; }
#Online .Block1 .checks .dl2 dt{ background:url(../images/icons_19.png) no-repeat left 8px; }
#Online .Block1 .checks .dl3 dt{ background:url(../images/icons_20.png) no-repeat left 8px; }
#Online .Block1 .checks .dl4 dt{ background:url(../images/icons_21.png) no-repeat left 8px; }
#Online .Block1 .checks .dl5 dt{ background:url(../images/icons_22.png) no-repeat left 8px; }**/
#Online .Block1 .checks dl dd{ vertical-align: middle; display: inline-block; min-width:23%; margin-right:1%; margin-bottom: 5px; }
#Online .Block1 .checks dl dd a{ border:1px solid #eeeeee; border-radius: 19px; text-align: center; color:#4a4a4a; font-size: 14px; display: block; padding:0 5px; }
#Online .Block1 .checks dl dd a:hover{ color:#53afee; border-color:#53afee; }
#Online .Block1 .checks dl dd.onav a{ background-color: #53afee; color:#fff; }
#Online .Block1 .checks .CheckBoxBtn{ text-align: right; padding-top:15px; }
#Online .Block1 .checks .CheckBoxBtn span{ display: inline-block; color:#fff; background: #53afee; font-size: 14px; line-height: 28px; padding:0 20px; cursor: pointer; border:2px solid #53afee; }
#Online .Block1 .checks .CheckBoxBtn span+span{ margin-left:15px; }
#Online .Block1 .checks .CheckBoxBtn span:hover{ color:#53afee; background: #fff; }
#Online .Block1 .Money{ width: 42.5%; }
#Online .Block1 .Border{ border:1px solid #e5e5e5; }
#Online .Block1 .Border .ul{}
#Online .Block1 .Border .ul li+li{ border-top:1px solid #e5e5e5; }
#Online .Block1 .Border .ul span{ display: inline-block; vertical-align: middle; }
#Online .Block1 .Border .ul .p-l{ padding-left: 40px; }
#Online .Block1 .Border .li1{ background-color: #ececec;  }
#Online .Block1 .Border .li{position: relative; padding-left: 120px;}
#Online .Block1 .Border .li .litit{position: absolute;left: 0; width: 118px;}
#Online .Block1 .Border .li1 .title{ font-size: 16px; line-height: 34px; color:#fff; background-color: #53afee; width: 150px; margin-left: 170px;}
#Online .Block1 .Border .li{ line-height: 32px; font-size: 14px; }
#Online .Block1 .Border .li .litit{ color:rgba(64,64,64,0.8); }

#Online .Block1 .Border .li .sond{ color:#404040; padding-left: 45px; }
#Online .Block1 .Border .price{ padding:15px 0; }
#Online .Block1 .Border .price .tit{ font-size: 16px; line-height: 32px; color:#404040; }
#Online .Block1 .Border .price .num{ font-size: 30px; color:#53afee; line-height: 32px; margin-left: 15px; }
#Online .Block1 .Border .price .num #total{ font-style: normal; line-height: 32px; display: inline-block; }
#Online .Block1 .Border .price .Btns{ margin-right:210px; }
#Online .Block1 .Border .price .Btns a,
#Online .Block1 .Border .price .Btns span{ display: inline-block; line-height: 30px; border:2px solid #53afee; text-align: center; width: 105px; border-radius: 5px; color:#fff; background-color: #53afee; cursor: pointer; }
#Online .Block1 .Border .price .Btns a:hover,
#Online .Block1 .Border .price .Btns span:hover{ color:#53afee; background-color: #fff; }
#Online .Block1 .Border .price .Btns{}
#Online .Block1 .Border{}
.BuyNow-button{
    display: inline-block;
    line-height: 30px;
    border: 2px solid #53afee;
    text-align: center;
    width: 105px;
    border-radius: 5px;
    color: #fff;
    background-color: #53afee;
    cursor: pointer;
}
.BuyNow-button:hover
{
    color:#53afee; background-color: #fff;
}

/**限时活动**/
#Activity{}
#Activity i{ font-style: normal; }
#Activity .List{}
#Activity .ul1{ margin-left: -10px; padding:2.5% 0; }
#Activity .ul1 li{ float: left; display: inline-block; padding-left: 10px; width: 25%; overflow: hidden; }
#Activity .ul1 .Box{ display: table; background: #03439c; color:#fff; width: 100%; margin-bottom: 10px; }
#Activity .ul1 .stit{ width: 55px; border-right: 1px dashed #fff; display: table-cell; vertical-align: middle; text-align: center; font-size: 18px; background: #0553a7 url(../images/icons_25.png) repeat-y -4px; position: relative; }
#Activity .ul1 .stit:before{ position: absolute; display: block; content: ""; height: 12px; width:12px; border-radius: 50px; background: #fff; right: -6px; top: -7px; }
#Activity .ul1 .stit:after{ position: absolute; display: block; content: ""; height: 12px; width:12px; border-radius: 50px; background: #fff; right: -6px; bottom: -7px; }
#Activity .ul1 .stit i{ display: block; }
#Activity .ul1 .content{ display: table-cell; vertical-align: middle; text-align: center; padding:12px; }
#Activity .ul1 .content .border{ border:1px solid #fff; padding:12px 0; }
#Activity .ul1 .content .Big{ font-size: 72px; font-weight: bold; position: relative; display: inline-block; line-height: 60px; }
#Activity .ul1 .content .Big .i{ font-size: 20px; position: absolute; left: -15px; top: 0; line-height: 24px; }
#Activity .ul1 .content .word{ font-size: 20px; line-height: 24px; }
#Activity .ul1 li:nth-child(4n+2) .Box{ background: #088ee7; }
#Activity .ul1 li:nth-child(4n+2) .stit{ background-color: #0d9aea; }
#Activity .ul1 li:nth-child(4n+3) .Box{ background: #4f32cc; }
#Activity .ul1 li:nth-child(4n+3) .stit{ background-color: #5f42d2; }
#Activity .ul1 li:nth-child(4n) .Box{ background: #ea9b11; }
#Activity .ul1 li:nth-child(4n) .stit{ background-color: #eda61b; }
#Activity .dl1{}
#Activity .dl1 dd{ margin-left:0; margin-bottom: 2.08%; border:1px solid #efefef; }
#Activity .dl1 .imgBox{ width: 50%; }
#Activity .dl1 .content{ width: 50%; padding:2.08% 2.91% 0; }
#Activity .dl1 .title{ font-size: 24px; line-height: 26px; }
#Activity .dl1 .ul{ padding:5.6% 0; border-bottom:1px solid #efefef; margin-bottom: 5.6%; }
#Activity .dl1 .ul li{ padding-left: 15px; font-size: 15px; line-height: 30px; color:#4c4c4c; position: relative; }
#Activity .dl1 .ul li:before{ content: ""; display: block; position: absolute; top:50%; left: 0; border-radius: 50%; background: #0298f7; height: 6px; width:6px; margin-top:-3px; }
#Activity .dl1 .price{ font-size: 14px; line-height: 20px; color:#000000; }
#Activity .dl1 .price .num{ font-size: 36px; line-height: 42px; color:#ff3333; position: relative; margin-left: 3px; }
#Activity .dl1 .price .i{ display: inline; line-height: 28px; /*position: absolute; top:0; left: -15px;*/ color:#fd342c; font-size: 20px; vertical-align: bottom; }
#Activity .dl1 .more{ font-size: 16px; line-height: 42px; color:#fff; background: #2a9bf2; width: 123px; text-align: center; }
#Activity .dl1 .more:hover{ background: #4ea9ef; }
#TankArticleBlock1{ position: fixed; left: 0; top: 0; width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: none; }
#TankArticleBlock1 i{ font-style: normal; }
#TankArticleBlock1 .Backcolor{ position: absolute; display: block; left: 50%; top: 50%; max-width: 90%; max-height: 96%; background: #fff; border-radius: 8px; }
#TankArticleBlock1 .exit{ position: absolute; display: block; right: -21px; top:-21px; width:42px; height: 42px; background: #fff url(../images/exit.png) no-repeat center; border-radius: 50%; cursor: pointer; transform: rotate(0deg); }
#TankArticleBlock1 .exit:hover{ transform: rotate(45deg); background-color: #2a9bf2; }
#TankArticleBlock1 .table{ display: table; height: 340px; width: 520px; max-width: 100%; }
#TankArticleBlock1 .table-cell{ padding:15px; vertical-align: middle; text-align: center; display: table-cell; }
#TankArticleBlock1 .title{ display: inline-block; position: relative; font-size: 72px; line-height: 60px; color:#0097fb; padding-left:50px; }
#TankArticleBlock1 .title .icons{ display: block; position: absolute; left: 0; bottom:0; font-size: 48px; line-height: 40px; }
#TankArticleBlock1 .word{ font-size: 30px; line-height: 34px; color:#555555; margin-top: 35px; }
#TankArticleBlock1 .word .icons{ display: inline-block; padding-left: 40px; background:url(../images/icons_26.png) no-repeat left center; }


/**登录页面**/
#LoginBlock{}
#LoginBlock .imgBox{ position: relative; }
#LoginBlock .imgBox img{ min-height:480px; }
#LoginBlock .LoginDiv{ position: absolute; left: 50%; top: 20%; max-width: 96%; width: 312px; border:1px solid #ced3d5; background-color: #fcfeff; border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow: hidden; }
#LoginBlock .LoginDiv .top{}
#LoginBlock .LoginDiv .top .title{ line-height: 46px; color:#4e575c; font-size: 16px; text-align: center; width:50%; }
#LoginBlock .LoginDiv .top .color{ width: 50%; background: url(../images/login1.png) repeat-x center; height: 46px; border-left: 1px solid #ced3d5; border-bottom: 1px solid #ced3d5; }
#LoginBlock .LoginDiv .top .titleon {background-image:url(../images/blueslide.png); color:#fff;}
#LoginBlock .LoginDiv .form{ margin:0 11%; }
#LoginBlock .LoginDiv form{ display: block; padding: 40px 0; }
#LoginBlock .LoginDiv .lable{position:relative; display: block; border:1px solid #cecece; border-radius: 3px; margin-bottom: 20px; padding-left:40px; background-position: 10px center; background-repeat: no-repeat; }
#LoginBlock .LoginDiv .lable:hover{ border-color:#0097fb; }
#LoginBlock .LoginDiv .l-name{ background-image: url(../images/login4.png); }
#LoginBlock .LoginDiv .l-code { background-image: url(../images/login5.png); padding-right:90px;}
#LoginBlock .LoginDiv .syzm {cursor:pointer;position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-weight:bold; color:#4d9aeb;}
#LoginBlock .LoginDiv .syzm:before {content:''; display:block; width:1px; height:20px; position:absolute; left:0; top:50%; margin-top:-10px; background-color:#cecece;}
#LoginBlock .LoginDiv .l-password{ background-image: url(../images/login5.png); }
#LoginBlock .LoginDiv .lable .input{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color:#666; }
#LoginBlock .LoginDiv .SubBox{ text-align: center; line-height: 34px; font-size: 14px; margin-bottom: 30px; }
#LoginBlock .LoginDiv .SubBox .login{ display: inline-block;width:45%; border:1px solid #cecece; border-radius: 3px; color:#fff; background:url(../images/login2.png) repeat-x center/auto 100%; cursor: pointer; }
#LoginBlock .LoginDiv .SubBox .registered{ width:45%; border:1px solid #cecece; border-radius: 3px; color:#6d798c; background:url(../images/login1.png) repeat-x center/auto 100%; }
#LoginBlock .LoginDiv .fotget{}
#LoginBlock .LoginDiv .fotget .link{ display: inline-block; line-height: 18px; border-bottom:1px solid #a5d8ff; color:#0097fb; font-size: 12px; padding-left: 15px; background:url(../images/login3.png) no-repeat left center; }
/**注册页面**/
#LoginBlock{}
#LoginBlock .Box1 img{ min-height:530px; }
#LoginBlock .RegistDiv{ position: absolute; left: 50%; top: 50%; max-width: 96%; width: 570px; border:1px solid #ced3d5; background-color: #fcfeff; border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow: hidden; }
#LoginBlock .RegistDiv .top{ line-height: 46px; color:#4e575c; font-size: 16px; text-align: center;; background: url(../images/login1.png) repeat-x center; }
#LoginBlock .RegistDiv .form{ margin:0 auto; width:385px; max-width: 90%; }
#LoginBlock .RegistDiv form{ display: block; padding: 40px 0; }
#LoginBlock .RegistDiv .lable{ display: block; margin-bottom: 20px; background:0; padding-left:100px; background-position: 10px center; background-repeat: no-repeat; position: relative; }
#LoginBlock .RegistDiv .type {height:40px;}
#LoginBlock .RegistDiv .type input {margin-top:13.5px;}
#LoginBlock .RegistDiv .lable .tit{ font-size: 16px; line-height: 40px; color:#6c6c6c; position: absolute; left: 0; width: 90px; text-align: right; }
#LoginBlock .RegistDiv .lable .input:hover{ border-color:#0097fb; }
#LoginBlock .RegistDiv .lable .input{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color:#666; border:1px solid #cecece; border-radius: 3px; padding:0 10px; }
#LoginBlock .RegistDiv .l-code{ padding-right:165px; }
#LoginBlock .RegistDiv .lable .code{ font-size: 14px; line-height: 40px; color:#6d798c; position: absolute; top:0; right: 0; width: 150px; text-align: center; border:1px solid #cecece; border-radius: 3px; color:#6d798c; background:url(../images/login1.png) repeat-x center/auto 100%; cursor: pointer; }
#LoginBlock .RegistDiv .SubBox{ line-height: 34px; font-size: 14px; padding-left: 100px; }
#LoginBlock .RegistDiv .SubBox .login{ display: inline-block; width:30%; border:1px solid #cecece; border-radius: 3px; color:#fff; background:url(../images/login2.png) repeat-x center/auto 100%; cursor: pointer; margin-right: 5%; vertical-align: middle; text-align: center; }
#LoginBlock .RegistDiv .SubBox .reset{ display: inline-block; width:30%; line-height: 34px; height: 36px; border:1px solid #cecece; border-radius: 3px; color:#6d798c; background:url(../images/login6.png) repeat-x center/auto 100%; vertical-align: middle; text-align: center; cursor: pointer; }

/******************会员**************************/
#Member{}
#Member .MemberBlock{ position: relative; margin-top:10px; border-top:1px solid #dddddd; }
#Member .MemberMenu{ position: absolute; left: 0; top: 0; width:200px; height: 100%; text-align: center; border-right:1px solid #dddddd; }
#Member .MemberMenu .Top{ font-size: 12px; line-height: 20px; color:rgba(255,255,255,0.35); padding:5px 15px; background:#005bc3; position: relative; }
#Member .MemberMenu .Top:after{ display: block; content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom:0; background:radial-gradient(circle, rgba(255,255,255,0.3), rgba(255,255,255,0)); }
#Member .MemberMenu .Message{ background:#001884; color:#fff; padding:30px 15px; }
#Member .MemberMenu .Message .name{ font-size: 18px; line-height: 22px; display: block; margin-bottom: 10px; }
#Member .MemberMenu .Message .exit{ font-size: 12px; line-height: 22px; padding:0 15px; border-radius: 11px; display: inline-block; background: #0097fb; cursor: pointer; }
#Member .MemberMenu .Message .exit:hover{ background:#3bacf7; }
#Member .MemberMenu .links{ padding:25px 15px; }
#Member .MemberMenu .links+.links{ border-top:1px solid #dddddd; }
#Member .MemberMenu .links .a{ padding:5px 0; }
#Member .MemberMenu .links .a:hover a{ color:#079cff; }
#Member .MemberMenu .links .onav a{ color:#079cff; font-weight: bold; }
#Member .MemberMenu .links a{ font-size: 16px; line-height: 22px; color:#040000; padding-right: 22px; display: inline-block; position: relative; }
#Member .MemberMenu .links a .i{ display: block; height: 22px; top: 0; right: 0; position: absolute; font-family: "宋体"; font-style: normal; font-size: 12px; }
#Member .MemberContent{ margin-left:230px; min-height: 400px; }
#Member .MemberContent .title-auto{ font-size: 22px; line-height: 72px; color:#040000; border-bottom:1px solid #efefef; }
#Member .labels{ display: block; position: absolute; left: 0; top: 50%; margin-top:-10px; cursor: pointer; }
#Member .labels .border{ display: block; height: 20px; width: 20px; border:1px solid #bfbfbf; }
#Member .labels .border:after{ content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width:12px; height: 12px; background: #67bef7; opacity: 0; }
#Member .labels input:checked+.border:after{ opacity: 1; }
#Member .labels input{ position: absolute; height: 100%; width: 100%; display: block; opacity: 0; cursor: pointer; z-index: 9; }
/**基本设置**/
#Member .MemberInfo{}
#Member .MemberInfo .tips{ color:#ff0000; margin-right: 3px; display: none; }
#Member .MemberInfo .red .tips{ display: inline; }
#Member .MemberInfo .form{  }
#Member .MemberInfo .line{ border-top:1px solid #efefef; margin:2.25% 0; }
#Member .MemberInfo form{ display: block; padding-top:4px; padding-bottom: 10%; }
#Member .MemberInfo .label{ margin-left: 6.66%; position: relative; padding-left: 100px; font-size: 16px; line-height: 36px; color:#3e3e3e; padding-top:6px; padding-bottom:6px; }
#Member .MemberInfo .label .tit{ position: absolute; left: 0; display: block; width:90px; }
#Member .MemberInfo .label .input{ display: block; border:1px solid #ebebeb; line-height: 34px; height: 36px; padding:0 10px; font-size: 14px; color:#666; width: 255px; max-width: 100%; }
#Member .MemberInfo .label .input:hover,
#Member .MemberInfo .label .input:focus{ border-color: #40b3fb; box-shadow: 0 0 5px rgba(34,179,247,0.4); }
#Member .MemberInfo .sub{ margin-top: 35px; }
#Member .MemberInfo .subBtn{display:block; line-height: 38px; color:#fff; background: #009bfd; width: 125px; text-align: center; cursor: pointer; }
#Member .MemberInfo .subBtn:hover{ background: #40b3fb; }
/**密码修改**/
#Member .MemberPassword{}
#Member .MemberPassword form{ padding: 4.5% 0; }
#Member .MemberPassword .label{ padding-left: 110px; }
#Member .MemberPassword .label .tit{ width:110px; }
/***提交成功***/
#Member .SubFormSuccess{ padding:14% 0; }
#Member .SubFormSuccess .Box{ display: inline-block; padding-left: 130px; text-align: left; position: relative; }
#Member .SubFormSuccess .Box .icons{ position: absolute; left: 0; top:0; height: 100%; width: 95px; background:url(../images/icons_23.jpg) no-repeat center; }
#Member .SubFormSuccess .title{ font-size: 30px; line-height: 36px; color:#001884; margin-bottom: 10px; }
#Member .SubFormSuccess .message{ font-size: 16px; line-height: 24px; color:#737373; margin-bottom: 15px; }
#Member .SubFormSuccess .message .p{ padding:3px 0; }
#Member .SubFormSuccess .message .color1{ color:#0097fb; }
#Member .SubFormSuccess .Other{ font-size: 16px; line-height: 22px; color:#bfbfbf; }
#Member .SubFormSuccess .Other a{ color:#f6a360; display: inline-block; margin-right: 15px; margin-left:5px; }
/**购物清单**/
#Member .ShopList{ padding-top:10px; padding-bottom: 7%; }
#Member .ShopList li{ border-bottom:1px solid #e2e2e2; padding:2.5% 3.5% 2.5% 2%; position: relative; }
#Member .ShopList li .Box{ padding-left: 2.5%; display: table; table-layout: fixed; width: 100%; }
#Member .ShopList .imgBox{ display: table-cell; vertical-align: middle; width: 130px; }
#Member .ShopList .imgBox .img{ display: block; overflow: hidden; }
#Member .ShopList .imgBox img{ transform: scale(1); transition: all 0.3s; }
#Member .ShopList .imgBox .img:hover img{ transform: scale(1.1); }
#Member .ShopList .content{ display: table-cell; vertical-align: middle; padding:0 3.8%; }
#Member .ShopList .content .title{ font-size: 18px; line-height: 24px; color:#3e3e3e; }
#Member .ShopList .content .title:hover{ color:#079cff; }
#Member .ShopList .content .lngtitle{ font-size: 16px; line-height: 24px; color:#c2c2c2; margin-bottom: 10px; }
#Member .ShopList .content .Money{ font-size: 24px; line-height: 26px; color:#f51818; }
#Member .ShopList .numBox{ display: table-cell; vertical-align: middle; width:100px; text-align: center; }
#Member .ShopList .numBox .word{ font-size: 14px; line-height: 22px; color:#7c7c7c; margin-bottom: 5px; display: block; }
#Member .ShopList .numBox .NumCheck{ border:1px solid #bfbfbf; color:#bfbfbf; text-align: center; line-height: 30px; }
#Member .ShopList .numBox .add{ float: left; display: inline-block; width: 30px; position: relative; overflow: hidden; text-indent: 999px; cursor: pointer; }
#Member .ShopList .numBox .add:before{ position: absolute; content: ""; display: block; left: 25%; top: 50%; margin-top:-1px; width: 50%; height: 2px; background: #bfbfbf; }
#Member .ShopList .numBox .add:after{ position: absolute; content: ""; display: block; left: 50%; top: 25%; margin-left:-1px; height: 50%; width: 2px; background: #bfbfbf; }
#Member .ShopList .numBox input{ color:#464646; font-size: 14px; float: left; display: inline-block; width: 38px; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; line-height: 30px; text-align: center; }
#Member .ShopList .numBox .minus{ float: left; display: inline-block; width: 30px; position: relative; overflow: hidden; text-indent: 999px; cursor: pointer; }
#Member .ShopList .numBox .minus:before{ position: absolute; content: ""; display: block; left: 25%; top: 50%; margin-top:-1px; width: 50%; height: 2px; background: #bfbfbf; cursor: pointer; }
#Member .ShopList .numBox .add:hover:before,
#Member .ShopList .numBox .add:hover:after,
#Member .ShopList .numBox .minus:hover:before{ background: #079cff; }
#Member .ShopList .last{ border:0 none; padding-left: 0; line-height: 38px; font-size: 14px; }
#Member .ShopList .last i{ font-style: normal; }
#Member .ShopList .last .clickAll{ position: relative; padding-left: 30px; color:#7a7a7a; }
#Member .ShopList .last .clickAll span{}
#Member .ShopList .last .tips{ font-size: 14px; color:#bcbcbc; margin-left:15px; }
#Member .ShopList .last .total{}
#Member .ShopList .last .total .hj{}
#Member .ShopList .last .total .totalnum{ color:#ff1a1a; margin-left: 10px; }
#Member .ShopList .last .total .totalval{ font-style: normal; }
#Member .ShopList .last .total .js{ font-size: 16px; color:#fff; background: #009bfd; width: 127px; text-align: center; display: inline-block; margin-left: 15px; }
#Member .ShopList .last .total .js:hover{ background: #40b3fb; }
/**购买记录**/
#Member .ShopRecord{ padding-top:10px; padding-bottom: 7%; }
#Member .ShopRecord li{ border-bottom:1px solid #e2e2e2; padding:2.5% 3.5% 2.5% 2%; position: relative; }
#Member .ShopRecord li .Box{ padding-left: 2.5%; display: table; table-layout: fixed; width: 100%; }
#Member .ShopRecord .imgBox{ display: table-cell; vertical-align: middle; width: 130px; }
#Member .ShopRecord .imgBox .img{ display: block; overflow: hidden; }
#Member .ShopRecord .imgBox img{ transform: scale(1); transition: all 0.3s; }
#Member .ShopRecord .imgBox .img:hover img{ transform: scale(1.1); }
#Member .ShopRecord .content{ display: table-cell; vertical-align: middle; padding:0 3.8%; }
#Member .ShopRecord .content .title{ font-size: 18px; line-height: 24px; color:#3e3e3e; }
#Member .ShopRecord .content .title:hover{ color:#079cff; }
#Member .ShopRecord .content .lngtitle{ font-size: 16px; line-height: 24px; color:#c2c2c2; margin-bottom: 10px; }
#Member .ShopRecord .content .Money{ font-size: 24px; line-height: 26px; color:#f51818; }
#Member .ShopRecord .numBox{ display: table-cell; vertical-align: middle; width:100px; text-align: center; }
#Member .ShopRecord .numBox .word{ font-size: 14px; line-height: 22px; color:#7c7c7c; margin-bottom: 5px; display: block; }
#Member .ShopRecord .payStatus{  display: table-cell; vertical-align: middle; width: 130px; }
#Member .ShopRecord .payStatus .price{ line-height: 42px; display: block; padding: 0 3%; background-color:#079cff; font-size:16px; text-align:center; color: #fff; }
#Member .ShopRecord .list_link { border-bottom: 1px solid #efefef;}
#Member .ShopRecord .list_link a { cursor:pointer; margin-right: 30px; font-size: 18px; line-height: 54px; display: inline-block; vertical-align: middle; border-bottom: 1px solid #fff;}
#Member .ShopRecord .list_link a.onav { color: #079cff; border-color: #079cff;}
/**结算页面**/
#Member .ShopTotal{ padding-bottom: 7%; }
#Member .ShopTotal i{ font-style: normal; }
#Member .ShopTotal .Block1{ line-height: 24px; padding-left:3.5%; padding-top: 2.5%; padding-bottom: 1%; border-bottom: 1px dashed #9e9e9e; }
#Member .ShopTotal .Block1 .name{ font-size: 18px; color:#001884; }
#Member .ShopTotal .Block1 .phone{ font-size: 14px; color:#5b5b5b; margin-left: 3.5%; }
#Member .ShopTotal .Block2{ position: relative; font-size: 14px; line-height: 24px; color:#606060; padding-left: 35px; padding-top:15px; padding-bottom:15px; border-bottom: 1px solid #efefef; }
#Member .ShopTotal .Block2 .icons{ display: block; position: absolute; width:30px; height: 24px; left: 0; background: url(../images/icons_24.png) no-repeat center; }
#Member .ShopTotal .Block3{ font-size: 15px; line-height: 26px; color:#606060; position: relative; padding-left: 28px; padding-top:10px; padding-bottom:10px; }
#Member .ShopTotal .Block3 .labels .border{ border-radius: 3px; }
#Member .ShopTotal .Block4{}
#Member .ShopTotal .Block4 li{ border-bottom:1px solid #e2e2e2; padding:2.5% 0; position: relative; }
#Member .ShopTotal .Block4 li .Box{ display: table; table-layout: fixed; width: 100%; }
#Member .ShopTotal .Block4 .imgBox{ display: table-cell; vertical-align: middle; width: 130px; }
#Member .ShopTotal .Block4 .imgBox .img{ display: block; overflow: hidden; }
#Member .ShopTotal .Block4 .imgBox img{ transform: scale(1); transition: all 0.3s; }
#Member .ShopTotal .Block4 .imgBox .img:hover img{ transform: scale(1.1); }
#Member .ShopTotal .Block4 .content{ display: table-cell; vertical-align: middle; padding:0 3.8%; }
#Member .ShopTotal .Block4 .content .title{ font-size: 18px; line-height: 24px; color:#3e3e3e; }
#Member .ShopTotal .Block4 .content .title:hover{ color:#079cff; }
#Member .ShopTotal .Block4 .content .lngtitle{ font-size: 16px; line-height: 24px; color:#c2c2c2; margin-bottom: 10px; }
#Member .ShopTotal .Block4 .content .Money{ font-size: 24px; line-height: 26px; color:#f51818; }
#Member .ShopTotal .Block5{ font-size: 16px; color:#7c7c7c; line-height: 24px; }
#Member .ShopTotal .Block5 .title{ padding:10px 0; }
#Member .ShopTotal .Block5 .label{ display: block; position: relative; padding-left: 90px; }
#Member .ShopTotal .Block5 .label .tit{ position: absolute; left: 0; width:90px;  }
#Member .ShopTotal .Block5 .label .input{ font-size: 14px; line-height: 20px; height: 82px; padding:5px 10px; color:#666; width:100%; border:1px solid #e2e2e2; resize: vertical; }
#Member .ShopTotal .Block5 .total{ font-size: 14px; padding-top:15px; }
#Member .ShopTotal .Block5 .total .color2{ color:#ff1a1a; margin-left: 10px; }
#Member .ShopTotal .Block5 .subBox{ padding: 15px 0; }
#Member .ShopTotal .Block5 .subBox .sub{ font-size: 16px; color:#fff; background: #009bfd; width: 127px; text-align: center; display: inline-block; line-height: 38px; cursor: pointer; }
#Member .ShopTotal .Block5 .subBox .sub:hover{ background: #40b3fb; display: inline-block; }

#Member .ShopTotal .Block5 .clauseBox{}
#Member .ShopTotal .Block5 .clauseBox #clauseCheck{width: 16px;height: 16px;display: inline-block;vertical-align: middle;}
#Member .ShopTotal .Block5 .clauseBox label{display: inline-block;vertical-align: middle;margin-left: 5px;}
#Member .ShopTotal .Block5 .clauseBox a{display: inline-block;vertical-align: middle;}
/* 弹窗 */
#Member .ShopTotal .Block5 .clauseWin{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 999999;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);transform: scale(0);transition: all .4s;}
#Member .ShopTotal .Block5 .clauseWin .clauseCnt{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 25%;height: 50%;background: #fff;margin: auto;}
#Member .ShopTotal .Block5 .clauseWin .clauseCnt > h2.clauseTitle{position: relative;height: 32px;line-height: 32px;background-color: #0097fb;text-align: center;margin: 0;font-size: 18px;color: #fff;}
#Member .ShopTotal .Block5 .clauseWin .clauseCnt > h2.clauseTitle span{position: absolute;top: 0;right: 0;width: 32px;height: 32px;background: url("../images/exit.png") no-repeat center;}


@media (max-width: 1650px){
    /**头部**/
    #header{}
    /********************************************首页************************************************/
}
@media (max-width: 1450px){
    /********************************************首页************************************************/
}
@media (max-width: 1366px){
    /**关于我们-荣誉资质**/
    #About .Honor .list1{ margin:0; }

    #Product .ProductInfo .Block1 .message .ke-zeroborder{width: 100%!important;}
}
@media (max-width: 1200px){
    /***头部***/
    #header .HeadMenu .ul li{ margin:0 15px; }
    /********************************************首页************************************************/
    /**Banner**/
    #Banner .pations{ bottom: 10px; }
    /**产品介绍**/
    #Product .ProductList .cn{ font-size: 18px; line-height: 20px; }
    #Product .ProductList .en{ font-size: 12px; line-height: 18px; }
    #Product .ProductList .links{ display: none; }
    #Product .ProductList li.onav .en{ line-height: 24px; font-size: 16px; }
    #Product .ProductList li.onav .links{ display: block; }
    /**招贤纳士**/
    #Job{}
    #Job .JobList .wid1{ width:14%; padding:0; text-align: center; }
    #Job .JobList .wid2{ width:18%; }
    #Job .JobList .wid3{ width:18%; }
    #Job .JobList .wid4{ width:18%; }
    #Job .JobList .wid5{ width:18%; }
    #Job .JobList .wid6{ width:14%; }
    /**注册页面**/
    #LoginBlock .RegistDiv form{ padding:20px 0; }
    #LoginBlock .RegistDiv .lable{ margin-bottom: 10px; }
    #LoginBlock .RegistDiv .lable .tit{ height: 34px; line-height: 34px; font-size: 14px; }
    #LoginBlock .RegistDiv .lable .input{ height: 34px; line-height: 34px; }
    #LoginBlock .RegistDiv .lable .code{ height: 34px; line-height: 34px; }
    /**限时活动**/
    #Activity{}
    #Activity .ul1 .stit{ font-size: 16px; }
    #Activity .ul1 .content .Big{ font-size: 60px; line-height: 50px; }
    #Activity .ul1 .content .Big .i{ font-size: 16px; }
    #Activity .ul1 .content .word{ font-size: 18px; }
    #Activity .dl1{}
    #Activity .dl1 dd{ margin-left:0; margin-bottom: 2.08%; border:1px solid #efefef; }
    #Activity .dl1 .title{ font-size: 22px; line-height: 24px; }
    #Activity .dl1 .ul{ padding:4% 0; margin-bottom: 4%; }
    #Activity .dl1 .ul li{ font-size: 14px; line-height: 24px; }
    #Activity .dl1 .price .num{ font-size: 30px; line-height: 36px; }
    #Activity .dl1 .price .i{ font-size: 18px; line-height: 18px; }
    #Activity .dl1 .more{ font-size: 14px; line-height: 36px; width: 90px; }

    #Product .ProductInfo .Block3 .article .ke-zeroborder{width: 100%!important;height: auto!important;}
}
@media (max-width: 1024px){
    /**关于我们-发展历程**/
    #About .History .ul{ margin-top: 25px; }
    #About .History .content .ul li{ position: relative; left: 0; right: 0; top: 0; bottom:0; margin-left:25px; }
    #About .History .content .ul li:after{ content:""; position: absolute; left: -20px; top:7px; height: 100%; border-left: 1px solid #efefef; }
    #About .History .content .ul li+li{ padding-top: 20px; }
    #About .History .content .ul li .title{ margin-bottom: 8px; z-index: 5 }
    #About .History .content .ul li .title:after{ left: -25px; border-radius: 50%; border:1px solid #0097fb; background:#fff; height: 10px; width:10px; top:5px; }
    #About .History .content .ul li .word{ display: block; position: static; width:100%; }
    #About .History .content .ul li .icons{ display: none; }
    /**产品介绍**/
    #Product .ProductList li{ width:25%; }
    /***产品介绍详细页***/
    #Product .ProductInfo .Block1 .word{ padding:1% 3.33%; }
    /**新闻中心**/
    #News .NewsList2{}
    #News .NewsList2 ul{ margin:0 -10px; }
    #News .NewsList2 li{ width:33.33%; padding:10px; }
    #News .NewsList2 li:nth-child(4n+1){ clear: none; }
    #News .NewsList2 li:nth-child(3n+1){ clear: both; }
    #News .NewsList2 li .Box{ box-shadow: 0 0 30px rgba(0,0,0,0.2); }
    #News .NewsList2 li .time{ width: 55px; }
    #News .NewsList2 li .date{ font-size: 30px; line-height: 40px; }
    #News .NewsList2 li .year{ font-size: 12px; line-height: 26px; }
    #News .NewsList2 li .title{ font-size: 16px; line-height: 22px; max-height: 44px; }
    #News .NewsList2 li .article{ font-size: 12px; line-height: 20px; height: 40px; }
}
@media (max-width: 996px){
    /***头部***/
    #header{}
    #header .Top{ z-index: 99999; }
    #header .logo{ position: static; float: left; display: inline-block; }
    #header .logo a{ height: 48px; }
    #header .logo a img{ width:80px; }
    #header .HeadMenu{ position: fixed; width:60%; height: 100vh; right: -60%; top: 0; background:#0097fb; margin-left: 0; padding-bottom: 15px; padding-top: 48px; }
    #header .HeadMenu .ul li{ display: block; }
    #header .HeadMenu .ul li>a{ color:#fff; line-height: 24px; padding:10px 0; font-size: 14px; }
    #header .HeadMenu .ul li>a:hover{ color:#fff; }
    #header .HeadMenu .ul li:hover .XlBox{ padding:1px 0; }
    #header .HeadMenu .ul li:hover>a:after{ background:#fff; }
    #header .HeadMenu .ul li.onav>a{ color:#fff; }
    #header .HeadMenu .ul li.onav>a:after{ background:#fff; }
    #header .HeadMenu .ul .XlBox{ position: static; height: auto; padding:1px 0; background: rgba(255,255,255,0.2); transition: all 0s; display: none; }
    #header .HeadMenu .ul .XlBox a{ font-size: 12px; line-height: 20px; color:#fff; display: block; margin:5px 12px; }
    #header .MemberBox{ right: 60px; }
    #header #PhoneBtn{ float: right; display: inline-block; width:48px; padding-top: 14px; position: relative; z-index: 9999; }
    #header #PhoneBtn .Btn{ width:70%; margin:0 auto; display: block; }
    #header #PhoneBtn .Btn i{ display: block; height: 3px; background:#0097fb; opacity: 1; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); }
    #header #PhoneBtn .Btn i.i2{ margin:5px 0; }
    .MenuShow #header .HeadMenu{ right: 0; z-index: 999; overflow-y: auto; }
    .MenuShow #header #PhoneBtn .Btn i{ background:#fff;}
    .MenuShow #header #PhoneBtn .Btn i.i1{ transform:rotate(45deg) translate(6px,5px); -webkit-transform:rotate(45deg) translate(6px,5px); -moz-transform:rotate(45deg) translate(6px,5px); -ms-transform:rotate(45deg) translate(6px,5px); -o-transform:rotate(45deg) translate(6px,5px); }
    .MenuShow #header #PhoneBtn .Btn i.i2{ opacity: 0; }
    .MenuShow #header #PhoneBtn .Btn i.i3{ transform:rotate(-45deg) translate(6px,-5px); -webkit-transform:rotate(-45deg) translate(6px,-5px); -moz-transform:rotate(-45deg) translate(6px,-5px); -ms-transform:rotate(-45deg) translate(6px,-5px); -o-transform:rotate(-45deg) translate(6px,-5px); }
    /**底部**/
    #footer{ padding-top:25px; }
    #footer .r-Box{ float: none; display: block; text-align:center; }
    #footer .r-Box .imgBox{ display: inline-block; }
    #footer .l-Box .Box1{ padding:10px 0 15px 0; }
    #footer .l-Box .logo{ display: none; }
    #footer .l-Box .f-swiperBox{ width:100%; }
    #footer .l-Box{ width: 100%; }
    /**二级菜单**/
    #SecondMenu .loaction{ display: none; }
    /**产品介绍**/
    #Product .ProductList li{ width:33.33%; }
    /**登录页面**/
    #LoginBlock{}
    #LoginBlock .LoginDiv{ top: 15%; }
    /***提交成功***/
    #Member .SubFormSuccess{}
    #Member .SubFormSuccess .Box{}
    #Member .SubFormSuccess .Box .icons{}
    #Member .SubFormSuccess .title{ font-size: 22px; }
    #Member .SubFormSuccess .message{ font-size: 14px; }
    #Member .SubFormSuccess .message .p{ padding:0; }
    #Member .SubFormSuccess .Other{ font-size: 14px; }
    /**限时活动**/
    #Activity{}
    #Activity .ul1 .stit{ font-size: 14px; }
    #Activity .ul1 li{ width: 33.33%; }
    #Activity .ul1 .content .Big{ font-size: 50px; line-height: 40px; }
    #Activity .ul1 .content .Big .i{ font-size: 14px; }
    #Activity .ul1 .content .word{ font-size: 16px; }
    #Activity .dl1{}
    #Activity .dl1 dd{ margin-left:0; margin-bottom: 2.08%; border:1px solid #efefef; }
    #Activity .dl1 .title{ font-size: 20px; line-height: 24px; }
    #Activity .dl1 .ul{ padding:3% 0; margin-bottom: 3%; }
    #Activity .dl1 .ul li{ font-size: 14px; line-height: 24px; }
    #Activity .dl1 .price .num{ font-size: 24px; line-height: 24px; }
    #Activity .dl1 .price .i{ font-size: 16px; top:-5px; }
    #Activity .dl1 .more{ font-size: 14px; line-height: 36px; width: 80px; }
}
@media (max-width: 768px){
    /********************************************首页************************************************/
    /**Banner**/
    #Banner .w1200{ padding:0; }
    #Banner .pations{ bottom: 5px; }
    #Banner .pations span{ height: 9px; width: 9px; margin:0 3px; }
    #IndexLinks{ padding:10px 0; }
    #IndexLinks .ul{ height: auto; }
    #IndexLinks .ul img{ display: block; width:100%; }
    #IndexLinks .ul li{ width:100%; float: none; display: block; height: auto; padding:8px 0; }
    #IndexLinks .ul li:nth-child(odd) .imgBox{ float: right; }
    #IndexLinks .ul li:nth-child(odd) .img{ float: left; }
    #IndexLinks .ul li.onav{ width:100%; }
    #IndexLinks .ul li.onav .imgBox,
    #IndexLinks .ul li .imgBox{ width:45%; }
    #IndexLinks .ul li.onav .img,
    #IndexLinks .ul li .img{ width:55%; }
    /**底部**/
    #footer{ padding-top:15px; }
    #footer .r-Box .imgBox img{ max-width: 60px; }
    #footer .l-Box .f-swiperBox .title{ font-size: 14px; }
    #footer .l-Box .f-swiperBox .swiperBox{ margin-left: 65px; }
    #footer .l-Box .f-swiper a{ margin:0 5%; }
    #footer .l-Box .Box2 .left,
    #footer .l-Box .Box2 .right{ display: block; float: none; }
    /**内页Banner**/
    #AutoBanner{}
    #AutoBanner .imgBox{ height: 70px; background-size: auto 70px; }
    #AutoBanner img{ display: none; }
    #AutoBanner .content{ width: 90%; right: 5%; text-align: center; }
    #AutoBanner .cn{ font-size: 20px; line-height: 24px; }
    #AutoBanner .en{ font-size: 16px; line-height: 20px; }
    /**二级菜单**/
    #SecondMenu{ text-align: center; margin-bottom: 20px; }
    #SecondMenu .Box{ border-bottom: 0 none; }
    #SecondMenu .LeftList{ float: none; display: block; border-left: 1px solid #efefef; }
    #SecondMenu .LeftList li{ border-bottom: 1px solid #efefef; min-width: 25%; }
    #SecondMenu .LeftList li a{ padding:12px 10px; }
    /**三级菜单**/
    #ThirdMenu{ text-align: center; margin-bottom: 20px; }
    #ThirdMenu .Box{ float: none; display: block; }
    #ThirdMenu .Box li{ min-width: 25%; }
    #ThirdMenu .Box li a{ padding:12px 10px; font-size: 14px; }
    /***分页***/
    #PagesBox{ text-align: center; padding:35px 0; }
    #PagesBox span,
    #PagesBox a{ font-size: 16px; line-height: 36px; min-width: 36px; width: auto; max-width: 50px; }
    /**关于我们-公司介绍**/
    #About .Descrition{ padding-bottom: 25px; }
    #About .Descrition .logo{ margin-bottom: 20px; }
    #About .Descrition .title{ font-size: 20px; line-height: 24px; margin-bottom: 15px; padding-bottom: 15px; }
    #About .Descrition .l-cont{ float: none; display: block; width:100%; margin-bottom: 25px; }
    #About .Descrition .r-cont{ float: none; display: block; width:100%; }


    /**关于我们-荣誉资质**/
    #About .Honor .list1{ margin:0; }
    #About .Honor .list2{ margin:0; }
    #About .Honor ol{ padding:0; background:none; margin:0 15px; }
    #About .Honor ol::before,
    #About .Honor ol::after{ display: none; }
    #About .Honor ol li{ float: none; display: block; width: 100%; position: relative; padding:0 50px; }
    #About .Honor ol li::before,
    #About .Honor ol li::after{ position: absolute; content: ''; width: 50px; height: 75px; bottom: 0; background: url(../images/honor_ul_l.png) no-repeat left top; }
    #About .Honor ol li::before{ left: 0; }
    #About .Honor ol li::after{ right: 0; background-image: url(../images/honor_ul_r.png); }
    #About .Honor ol li p{ background: url(../images/honor-libg.png) repeat-x left top; }
    #About .Honor ul{ margin-bottom: 35px; }
    #About .Honor ul li{ float: none; display: block; width:100%; }
    #About .Honor ul li a{ max-width: 90%; }
    /**产品介绍**/
    #Product .ProductList li{ width:50%; }
    /***产品介绍详细页***/
    #Product .ProductInfo .title{ font-size: 16px; background-size:30px!important; padding-left: 40px; background-repeat: no-repeat; }
    #Product .ProductInfo .Block1{ margin-bottom: 35px; }
    #Product .ProductInfo .Block1 .word{ float: none; display: block; width: 100%; padding:15px 15px; }
    #Product .ProductInfo .Block1 .imgBox{ float: none; display: block; width: 100%; }
    #Product .ProductInfo .Block1 .ul{ float: none; display: block; width: 100%; padding:15px 0; }
    #Product .ProductInfo .Block1 .ul li{ font-size: 14px; }
    #Product .ProductInfo .Block2{ padding:35px 0; }
    #Product .ProductInfo .Block3{ padding:35px 0; }
    #Product .ProductInfo .Block3 .ul1,
    #Product .ProductInfo .Block3 .ul2,
    #Product .ProductInfo .Block3 .ul3{ float: none; display: block; width: 100%; padding:15px 0; border:0; }
    #Product .ProductInfo .Block3 dt{ font-size: 14px; }

    /**新闻中心**/
    #News{}
    #News .NewsList{}
    #News .NewsList li .time{}
    #News .NewsList li .date{ font-size: 30px; line-height: 40px; }
    #News .NewsList li .year{ font-size: 14px; line-height: 26px; }
    #News .NewsList li .Content{ padding-right: 15px; }
    #News .NewsList li .title{ font-size: 18px; line-height: 22px; }
    #News .NewsList li .article{ font-size: 14px; line-height: 20px; height: 40px; }
    #News .NewsList li .more{ display: none; }
    #News .NewsList2{}
    #News .NewsList2 ul{ margin:0 -8px; }
    #News .NewsList2 li{ width:50%; padding:8px; }
    #News .NewsList2 li:nth-child(3n+1){ clear: none; }
    #News .NewsList2 li:nth-child(2n+1){ clear: both; }
    #News .NewsList2 li .Box{ box-shadow: 0 0 20px rgba(0,0,0,0.2); }
    #News .NewsList2 li .time{ display: none; }
    #News .NewsList2 li .title{ font-size: 12px; line-height: 18px; max-height: 36px; }
    #News .NewsList2 li .article{ display: none; }
    #Job .JobList .BtnBox .Btn{ width: 40%; font-size: 14px; line-height: 30px; }
    /**在线下单**/
    #Online .Block1 .checks{ display: block; float: none; width:100%; margin-bottom: 15px; }
    #Online .Block1 .checks dl.wid1{ padding-left: 95px; }
    #Online .Block1 .checks dl.wid2{ padding-left: 130px; }
    #Online .Block1 .checks dl.wid3{ padding-left: 115px; }
    #Online .Block1 .checks dl{ padding-left: 92px; }
    #Online .Block1 .checks dl+dl{ margin-top:8px; }
    #Online .Block1 .checks .dl dt{ padding-top:2px; padding-bottom:2px; background-position: left 2px; top:6px; }
    #Online .Block1 .checks dl dd{ margin-bottom: 0px; }
    #Online .Block1 .checks dl dd a{ line-height: 24px; border-radius: 17px; }
    #Online .Block1 .Money{ display: block; float: none; width:100%; }
    #Online .Block1 .Border .price .left{ float: none; display: block; }
    #Online .Block1 .Border .price .Btns{ float: none; display: block; padding-left:32px; padding-top: 5px; }
    /******************会员**************************/
    #Member{ padding-bottom: 25px; }
    #Member .MemberBlock{ border-top:0 none; }
    #Member .MemberMenu{ position: static; width:100%; height: auto; border:1px solid #dddddd; }
    #Member .MemberMenu .Message{ padding:15px; }
    #Member .MemberMenu .links{ padding:15px; }
    #Member .MemberMenu .links a{ font-size: 14px; }
    #Member .MemberContent{ margin-left:0; min-height: 0; }
    #Member .MemberContent .title-auto{ font-size: 20px; }
    #Member .labels{ margin-top: 0; }
    #Member .labels .border{ height: 12px; width: 12px; margin-top:-6px; margin-left: -6px; }
    #Member .labels .border:after{ height: 6px; width: 6px; }
    /**基本设置**/
    #Member .MemberInfo{}
    /***提交成功***/
    #Member .SubFormSuccess{}
    #Member .SubFormSuccess .Box{ padding-left: 0; }
    #Member .SubFormSuccess .Box .icons{ position: static; height: 85px; display: block; margin:0 auto; background-size: contain; }
    #Member .SubFormSuccess .title{ font-size: 22px; }
    #Member .SubFormSuccess .message{ font-size: 14px; }
    #Member .SubFormSuccess .message .p{ padding:0; }
    #Member .SubFormSuccess .Other{ font-size: 14px; }
    /**购物清单**/
    #Member .ShopList li{ padding-left: 16px; padding-right:0; }
    #Member .ShopList li .Box{ padding-left: 0; }
    #Member .ShopList .imgBox{ width: 100px; }
    #Member .ShopList .content .title{ font-size: 14px; }
    #Member .ShopList .content .lngtitle{ display: none; }
    #Member .ShopList .content .Money{ font-size: 14px; }
    /**购买记录**/
    #Member .ShopRecord li .Box{ padding-left: 0; }
    #Member .ShopRecord .imgBox{ width: 100px; }
    #Member .ShopRecord .content .title{ font-size: 14px; }
    #Member .ShopRecord .content .lngtitle{ display: none; }
    #Member .ShopRecord .content .Money{ font-size: 14px; }
    #Member .ShopRecord .list_link a { margin-right: 5px; font-size: 16px; line-height: 42px;}
    /**结算页面**/
    #Member .ShopTotal .Block4 .imgBox{ width: 100px; }
    #Member .ShopTotal .Block4 .content .title{ font-size: 14px; }
    #Member .ShopTotal .content .lngtitle{ display: none; }
    #Member .ShopTotal .Block4 .content .Money{ font-size: 14px; }
    /**限时活动**/
    #Activity{}
    #Activity .ul1 li{ width: 50%; }
    #Activity .dl1 .imgBox{ width:100%; }
    #Activity .dl1 .content{ width:100%; padding-bottom: 10px; }
    #TankArticleBlock1{}
    #TankArticleBlock1 .Backcolor{}
    #TankArticleBlock1 .exit{ }
    #TankArticleBlock1 .table{ height: 200px; width: 250px;}
    #TankArticleBlock1 .table-cell{}
    #TankArticleBlock1 .title{ font-size: 50px; padding-left: 25px; }
    #TankArticleBlock1 .title .icons{ font-size: 25px; line-height: 30px; bottom:10px; }
    #TankArticleBlock1 .word{ font-size: 20px; line-height: 24px; margin-top: 5px; }
    #TankArticleBlock1 .word .icons{ padding-left: 30px; background-size: 20px; }
}
@media (max-width: 640px){
    /***内页Banner***/
    #AutoBanner .Box .titleBig{ font-size: 20px; line-height: 24px; margin-bottom:0; }
    #AutoBanner .Box .titleSmall{ font-size: 14px; line-height: 20px; }
    /***解决方案***/
    #Solution{}
    #Solution .SolutionList li .imgBox img{ width: 150px; height: 96px; }
    #Solution .SolutionList li .Content{ margin-left: 150px; padding:0 2.91%; height: 96px; }
    #Solution .SolutionList li .title{ font-size: 16px; line-height: 30px; margin-bottom: 8px; }
    #Solution .SolutionList li .article{ font-size: 14px; line-height: 20px; height: 40px; margin-bottom: 0; }
    #Solution .SolutionList li .more{ display: none; }
    /**招贤纳士**/
    #Job{}
    #Job .JobList .wid1{ width:20%; }
    #Job .JobList .table .wid2{ display: none; }
    #Job .JobList .wid3{ width:20%; }
    #Job .JobList .wid4{ width:20%; }
    #Job .JobList .wid5{ width:20%; }
    #Job .JobList .wid6{ width:20%; }

    #About .Descrition .ke-zeroborder{width: 100%!important;display: block!important;height: auto!important;}
    #About .Descrition .ke-zeroborder tbody,
    #About .Descrition .ke-zeroborder tr,
    #About .Descrition .ke-zeroborder td{display: block!important;width: 100%!important;text-align: center;}

    #Product .ProductInfo .Block1 .article .ke-zeroborder{display: block!important;height: auto!important;}
    #Product .ProductInfo .Block1 .article .ke-zeroborder tr,
    #Product .ProductInfo .Block1 .article .ke-zeroborder td{display: block!important;width: 100%!important;}

    #Product .ProductInfo .Block1 .message .ke-zeroborder{height: auto!important;}
    #Product .ProductInfo .Block1 .message .ke-zeroborder tr,
    #Product .ProductInfo .Block1 .message .ke-zeroborder td{display: block!important;width: 100%!important;}

    #Product .ProductInfo .Block2 .article .imgchanGe{height: auto!important;}
}
@media (max-width: 500px){
    /**二级菜单**/
    #SecondMenu .LeftList li a{ padding:10px 7px; font-size: 14px; }
    /**三级菜单**/
    #SecondMenu .Box li a{ padding:10px 7px; font-size: 12px; }
    /***分页***/
    #PagesBox{ text-align: center; padding:25px 0; }
    #PagesBox span,
    #PagesBox a{ font-size: 16px; line-height: 30px; min-width: 30px; width: auto; max-width: 50px; }
    /**产品介绍**/
    #Product .ProductList li img{ width: 100%; }
    #Product .ProductList li .icon img{ width: auto; }
    #Product .ProductList li.onav .table-cell{ vertical-align: middle; }
    /**新闻中心**/
    #News{}
    #News .NewsList{}
    #News .NewsList li .time{}
    #News .NewsList li .date{ font-size: 24px; line-height: 30px; }
    #News .NewsList li .year{ font-size: 14px; line-height: 26px; }
    #News .NewsList li .Content{ padding-right: 15px; }
    #News .NewsList li .title{ font-size: 16px; line-height: 22px; }
    #News .NewsList li .article{ font-size: 14px; line-height: 20px; height: 40px; }
    #News .NewsList li .more{ display: none; }
    /**在线下单**/
    #Online .Block1 .checks dl dd{ min-width: 31%; }
    /**会员**/
    #Member .MemberContent .title-auto{ font-size: 18px; }
    /**注册页面**/
    #LoginBlock .Box1 img{ min-height: 680px; }
    #LoginBlock .RegistDiv .lable{ padding-left: 0; }
    #LoginBlock .RegistDiv .lable .tit{ height: 24px; line-height: 24px; position: static; }
    #LoginBlock .RegistDiv .lable .code{ top:24px; }
    #LoginBlock .RegistDiv .SubBox{ padding-left: 0; text-align: center; }
    #LoginBlock .RegistDiv .SubBox .login{ width: 40%; }
    #LoginBlock .RegistDiv .SubBox .reset{ width: 40%; }
    /**基本设置**/
    #Member .MemberInfo{}
    #Member .MemberInfo .line{ display: none; }
    #Member .MemberInfo .label{ padding-left: 0; margin-left: 0; }
    #Member .MemberInfo .label .tit{ position: static; display: block; text-align: left; width: 100%; }
    #Member .MemberInfo .label .input{ width: 100%; }
    #Member .MemberInfo .sub{  margin-top:15px; }
}
@media (max-width: 400px){
    /***解决方案***/
    #Solution{}
    #Solution .SolutionList li .imgBox img{ width: 120px; height: 77px; }
    #Solution .SolutionList li .Content{ margin-left: 120px; padding:0 2.91%; height: 77px; }
    #Solution .SolutionList li .title{ font-size: 14px; line-height: 28px; color:#484848; margin-bottom: 5px; }
    #Solution .SolutionList li .article{ font-size: 12px; }
    /**招贤纳士**/
    #Job{}
    #Job .JobList .wid1{ width:25%; }
    #Job .JobList .table .wid2{}
    #Job .JobList .table .wid3{ width:25%; }
    #Job .JobList .wid4{ width:25%; }
    #Job .JobList .table .wid5{ display: none; }
    #Job .JobList .wid6{ width:25%; }
    /**限时活动**/
    #Activity{}
    #Activity .ul1 li{ width: 100%; }
}


.mark{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.Form002330{ padding:20px 10px;width: 500px;margin: 0 auto;position: relative;
    top: 20px;left:0 ;background: #FCF8F9;}
.close{display: block;width:28px;height: 28px;position: absolute;top: 10px;right: 10px;font-size: 15px;}
.Form002330 .row{ padding-bottom: 15px;}
.Form002330 .rowbox{ padding-bottom: 0;}
.Form002330 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;}
.Form002330 .row-inner{ max-width: 445px; margin: 0 auto; position: relative; padding-left: 75px; color: #666; font-size: 14px; line-height: 34px;}
.Form002330 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 14px; font-weight: normal;}
.Form002330 .row-inner .span1{font-weight: bold;}
.Form002330 .row-inner .username{ display: block;}
.Form002330 .row-inner .text{border: 1px solid #dadada; color: #adadad; line-height: 32px; width: 90%; padding: 0 10px; display: inline-block;}
.Form002330 .row-inner .text1{border: none;line-height: 23px;width: 100%;}
.Form002330 .row-inner .span2{line-height: 32px;}
.Form002330 .row-inner em{ color: #E24220;font-style: normal;line-height: 32px;display: inline-block}
.Form002330 .row-inner textarea{border: 1px solid #dadada; color: #adadad; line-height: 32px; width: 100%; padding: 0 10px; display: inline-block;}
.Form002330 .row-inner .text.focus{border-color: #d70c18; color: #666; box-shadow:0 0 5px rgba(215,12,24,.5) inset; -webkit-box-shadow:0 0 5px rgba(215,12,24,.5) inset; -moz-box-shadow:0 0 5px rgba(215,12,24,.5) inset; -o-box-shadow:0 0 5px rgba(215,12,24,.5) inset;}
.Form002330 .btn{  border-radius: 5px; background-color: #0097fb; line-height: 38px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 35px auto 20px; display: block;}

@media screen and (max-width: 500px){
    .Form002330{width: 95%;top: 40px;}
    .Form002330 .row{padding-bottom: 5px;}
    .placeholder{padding-top: 10px !important;}
    .Form002330 .btn{margin: 5px auto 5px;}
}

.message ul span {
    font-family: 微软雅黑;
    font-family: Microsoft YaHei !important;
    color: #777777;
    font-weight: normal;
}
.message td h3 {
    font-weight: normal;
    margin-block-start: 0.5em;
    margin-block-end: 0em;
}
.message td p{
    margin-block-start: 0.5em;
    margin-block-end: 0em;
}
.message td>p{ color:#4a4a4a; font-size: 16px; }
.message span{font-weight: 100; font-family: Microsoft YaHei !important;}
.message  li{ color: #777777 !important; font-size: 14px; }
.word p{margin-block-start: 0em;margin-block-end: 0em;}
.word p span {
    color: #777 !important;
}
/*#Product .ProductInfo .Block2{display:none;}*/

.qqke{position: fixed;left: 0;float: left;bottom: 0;display: none;}
.qqke img{width: 41px;}

/* 产品表格 */
.zjtableBox{max-width: 850px; overflow-x: auto;}
.zjtableBox .zjtable{width: 100%;}
.zjtableBox .zjtable,.zjtableBox .zjtable th,.zjtableBox .zjtable td{border:1px solid #fff;border-collapse:collapse; font-size: 14px;font-weight: normal; text-align: left;}
.zjtableBox .zjtable th{ background: #51B8F1; height:30px; color: #fff; }
.zjtableBox .zjtable th,.zjtableBox .zjtable td{padding: 8px 15px; }
.zjtableBox .zjtable tr td{background:#E6E6E6; width: 33.33%; }
.zjtableBox .zjtable .odd td {background: #D2D2D2;}
/* 产品表格 */

/* 产品优势 */
.zjProAdvantage{ max-width: 1125px;margin: 0 auto; }
.zjProAdvantage .img{ display: none; }
.zjProAdvantage ul li{margin-bottom: 15px;}
.zjProAdvantage ul li .h3{ font-size: 16px;font-weight: normal; color: #4a4a4a; margin-bottom: 8px; }
.zjProAdvantage ul li dd{position: relative; padding-left: 10px;}
.zjProAdvantage ul li dd .idd{display: block; width: 4px;height: 4px; border-radius: 4px;background: #777777; position: absolute; left: 0; top: 8px;}

@media screen and (min-width:1200px) {
    .zjProAdvantage{position: relative; padding-bottom: 80px;}
    .zjProAdvantage ul li{position: absolute; width: 200px; margin-bottom: 0;}
    .zjProAdvantage ul li.li1{left: 0; top: 30px;}
    .zjProAdvantage ul li.li2{right: 0; top: 30px;}
    .zjProAdvantage ul li.li3{left: 0; top:320px;}
    .zjProAdvantage ul li.li4{right: 0;top:320px;}
    .zjProAdvantage .img{display: block; text-align: center}
    .zjProAdvantage ul li .h3{font-size: 18px;}
    .zjProAdvantage ul li dd{margin-top: 15px;}
}
/* 产品优势 */



/*弹出层样式*/

.MaskCar{position: fixed; display: none; background:rgba(0,0,0,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);left: 0; top: 0; z-index: 9999;}
.MaskCar .MaskBox{z-index: 999; max-width: 630px;margin:0px auto;position: relative; background: #fff;}

.MaskCar .MaskBox a.MaskClore{ display: block;width: 40px; height: 40px;
    background: url('../images/exit.png') no-repeat center; font-size: 0;
    position: absolute;right: 0;top:0px; line-height: 40px;text-align: center;}



.MaskCar .MaskBox .Border .ul{}
.MaskCar .MaskBox .Border .ul li+li{ border-top:1px solid #e5e5e5; }
.MaskCar .MaskBox .Border .ul span{ display: inline-block; vertical-align: middle; }
.MaskCar .MaskBox .Border .ul .p-l{ padding-left: 32px; }
.MaskCar .MaskBox .Border .li1{ background-color: #ececec;  }
.MaskCar .MaskBox .Border .li{position: relative; padding-left: 120px;}
.MaskCar .MaskBox .Border .li .litit{position: absolute;left: 0; width: 118px;}
.MaskCar .MaskBox .Border .li1 .title{ font-size: 16px; line-height: 34px; color:#fff; background-color: #53afee; width: 150px; }
.MaskCar .MaskBox .Border .li{ line-height: 32px; font-size: 14px; }
.MaskCar .MaskBox .Border .li .litit{ color:rgba(64,64,64,0.8); }

.MaskCar .MaskBox .Border .li .sond{ color:#404040; padding-left: 45px; }
.MaskCar .MaskBox .Border .price{ padding:15px 0; }
.MaskCar .MaskBox .Border .price .tit{ font-size: 16px; line-height: 32px; color:#404040; }
.MaskCar .MaskBox .Border .price .num{ font-size: 30px; color:#53afee; line-height: 32px; margin-left: 15px; }
.MaskCar .MaskBox .Border .price .num #total{ font-style: normal; line-height: 32px; display: inline-block; }
/*弹出层样式*/




/* table样式 */

.tablezJBox .table-wrapper  *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tablezJBox .table-wrapper *:before,.table-wrapper *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tablezJBox .table-wrapper table th,.table-wrapper table td{width: 33.33%;padding: 10px;}
.wechat .left .info{ display: none; }
@media (min-width: 768px) {

    .wechat .left .info{color: #333!important;text-align: center!important;padding-left: 0!important;display: block;}
    .wechat .left .info:last-of-type{display: none;}
    .tablezJBox .fl-table thead {float: left; display: block; width: 25%;}
    .tablezJBox .fl-table thead  tr{width: 100%;display: block;}
    .tablezJBox .fl-table thead th{display: block; width: 100%;}
    .tablezJBox .fl-table tbody {float: left; display: block; width: 75%}
    .tablezJBox .fl-table tbody td{display: table-cell;}
    .tablezJBox .fl-table thead .tb{display: table; width: 100%;}
    .tablezJBox .fl-table thead .tb .tbc{display: table-cell;vertical-align: middle;}

    .tablezJBox .fl-table tbody tr{display: block; float: left; width: 33.33%}
    .tablezJBox .fl-table tbody tr td{display: block; width: 100%;}
    .tablezJBox .table-wrapper table th,.table-wrapper table td{}
}



.MaskAlertBox{ display: none; position:fixed; width:100%;left: 0; top: 0;  z-index: 999;}
.MaskAlertBox .Maskbox{width:95%;max-width: 430px;box-shadow: 0 0 10px rgba(0, 0, 0, .2); margin: 0 auto;background:#fff; position: relative;}
.MaskAlertBox .Maskbox .title{height: 40px;line-height: 40px;padding: 0 15px; background:#53afee;color: #fff; font-size: 14px;}
.MaskAlertBox .Maskbox .close{display: block; width: 30px;height: 30px; position: absolute; right:5px; top:5px; border-radius: 30px;background:url('../images/close_quer.png') no-repeat center;}

.MaskAlertBox .Maskbox .txtBox{padding:30px; }
.MaskAlertBox .Maskbox .txtWarp{ position: relative;}
.MaskAlertBox .Maskbox .txtBox .txt{padding-top: 8px; font-size: 14px;}
.MaskAlertBox .Maskbox .telnum{padding-top: 10px;}
.MaskAlertBox .Maskbox .telnum .tip span{display: inline-block; background: #5AB656; padding: 0 5px; border-radius: 3px; line-height: 20px; font-size: 12px; color: #fff;  }
.MaskAlertBox .Maskbox .telnum .tel{margin-top: 2px;border:1px solid #ddd; padding:10px;}
.MaskAlertBox .Maskbox .telnum .tel input{display: block; width: 100%; line-height: 22px;height: 22px; color:#333; font-size:14px;}
.MaskAlertBox .Maskbox .telnum .dxinput{margin-top: 10px;position: relative; padding-right: 90px;}
.MaskAlertBox .Maskbox .telnum .dxinput .ban_dx{display: block; width: 120px;position: absolute; top: 0;height: 100%;vertical-align: middle;line-height: 44px;
    right: 0;text-align: center;border-left:1px solid #ddd;font-size:12px;}

.MaskAlertBox .Maskbox .btns{background:#f2f2f2; padding:10px 15px; overflow: hidden; text-align: right;}
.MaskAlertBox .Maskbox .btns .btna{display: block;width:100%;background:#53afee; text-align: center; border-radius: 5px; line-height: 30px; color:#fff; font-size: 14px;}

@media (min-width:768px){
    .MaskAlertBox .Maskbox .title{font-size: 16px;height: 50px;line-height: 50px;}
    .MaskAlertBox .Maskbox .txtBox .txt{font-size: 16px;padding-top: 10px;}
    .MaskAlertBox .Maskbox .close{right:10px; top:10px; }

    .MaskAlertBox .Maskbox .txtWarp{}
    .MaskAlertBox .Maskbox .btns .btna{font-size: 16px; line-height: 36px;}
}

.MemberBox .img{max-width: 20px;}
.MemberBox .lang{display: inline-block;}
.MemberBox .lang a{display: inline-block;margin-right: 5px;}

@media(max-width: 768px){
    .wechat .left .info:last-of-type{display: block; color: #333;
        width: 100%;
        padding: 0;
        text-align: center;}
}
/* #Online .Block1 .Border .price .Btns a.JoinCars,#Online .Block1 .Border .price .Btns a:nth-of-type(2){ display:none;} */
.language-box ul{ position: absolute;
    top: 68px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    margin: 0; padding: 0;

} /*.language-box{ display: none; }*/
.language-box { display:block; position: relative;     float: right; margin: 0 10px;}
.language-box span{ display: none; color: #13227a;}
.language-box ul {  display: none;}
.language-box ul li { padding: 0;
    list-style: none;
    line-height: 1.8;
    margin-right: 0;  padding: 5px 20px;
    white-space: nowrap;}
#header .MemberBox  .language-box ul li a{color: #666666;transition: all .3s;}
#header .MemberBox  .language-box ul li a:hover{color: #13227a}
/*      #header .MemberBox  .language-box  img{padding-left: 15px;
    padding-right: 5px;}*/
#header .MemberBox  .language-box  i,#header .MemberBox  .language-box >a{display: block;float:left; }   #header .MemberBox  .language-box img{max-width: 20px;  }
.aBox a
{

    text-align:center;
}

.front-page .row { overflow: hidden;}
.front-page .col-sm-6 {
    width: 49%;
    border: 1px solid #ccc;
    padding: 30px;
    min-height: 200px;
}
.front-page {margin-bottom: 45px;}
.front-page .col-sm-6 .description {font-size: 14px;line-height: 22px;}
.front-page .col-sm-6 .left {float: left;}17:00 2020/7/13
.front-page .col-sm-6 .right {float: right;}
.front-page .col-sm-6 h2,
.front-page .col-sm-6 ul,
.front-page .col-sm-6 p {margin: 0;}
.front-page .col-sm-6 p {-webkit-line-clamp: 4;}
.front-page .col-sm-6 h2 {font-size: 22px;color: #102689;font-weight: 500;margin-bottom: 10px;}
.front-page .col-sm-6 ul {padding-left: 18px;line-height: 30px;}
@media(max-width: 768px) {
    .front-page .col-sm-6 {width: 100%;float: none !important;margin-bottom: 20px;padding: 25px 15px;min-height: auto;}
}
.send-code{
position: absolute;
top: 0;
left: 280px;
width: 145px;
height: 40px;
cursor: pointer;
color: #333 !important;
font-size: 14px;
background: #eee;
display: inline-block;
border: 1px solid #ddd;
cursor: pointer;
}
.MaskByXZ{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.2)}
.MaskByXZ .MaskView{background-color:#fff;padding:20px 50px 50px 50px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}