/* CSS Document */
/*
 * Site:
 * Author:Created by selina on 2015-11-17
*/
/* CSS Document */
/* cart end */
.modeAd { width:100%; }
.ad-aa { height:670px; margin:0 auto;}
.modeAd .ad { position:relative; width:100%; height:100%; overflow:hidden; z-index:1; }
.modeAd .slider, .modeAd .num { position:absolute; z-index:1;}
.modeAd .slider { width:999999em; height:100%; }
.modeAd .slider li { display:inline; height:100%; float:left; }
.ad-aa .num { width: 100%; bottom: 5%; text-align:center; }
.ad-aa .num li { display:inline; float: left; margin: 0 3px; }
.ad-aa .num li a { display: block; width: 45px; height: 6px; background: #ffffff; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.ad-aa .num li.on_num a { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1;}
/* ad end */
header { position: relative; z-index: 1; width: 100%;}
nav { filter:alpha(opacity=7.5); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; overflow: hidden; }
section { width: 1200px; margin: 0 auto;}
nav h1 { float: left; width: 3%; padding: 20px 0; }
nav h1 img { height: 36px; }
nav .userInfo { float: left; padding: 22px 10px; width: 10%; }
nav .userInfo h3 {line-height: 20px; }
nav .userInfo p {line-height: 16px; }
nav .userInfoBack { float: left; padding: 22px 10px; width: 25%; height: 36px; line-height: 36px;}
nav ul { float: right;}
nav ul li { float: left; height: 80px; line-height: 80px; margin-left: 1px; position: relative; z-index: 1;}
nav ul li a { display: block; color: #999999; padding: 0 30px; position: relative; z-index: 9;}
nav ul li a:hover, nav ul li.active a { color: #ffffff; }
nav ul li s { position: absolute; display:block; width: 100%; height: 100%; left: 100%; top: 0; z-index: 1;
    background: #000000; opacity: 0;
    -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out; }
nav ul li:hover s, nav ul li.active s{ left: 0; opacity: 1;}

.showOem { position: absolute; z-index: 99; bottom: 85px; right: 0; }
.showOemBg { width: 325px; height: 445px; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.showOemMain { position: absolute; z-index: 999; top: 50px; left: 25px; width: 255px; }
.showOemMain span { display: block; margin: 50px 0 10px 0; }
.showOemMain span b { color: #5fc9ff; font-size: 30px; letter-spacing: 5px;}
.modeSkip { float:left; }
.modeSkipBox{ width:100%; position:relative; padding:5px 0;}
.modeSkip .prev, .modeSkip .next { display:block; position:absolute; cursor:pointer; color:#d6d6d6;}
.modeSkip .prev:hover, .modeSkip .next:hover {color:#9e9e9e;}
.modeSkip .prev { left:0; top:25px; }
.modeSkip .next { right:0; top:25px;}
.modeSkipCon ul { float:left; width:9999px; position:relative;}
.modeSkipCon li { display:inline; float:left; }

.modeSkip-aa { width: 100%; }
.modeSkip-aa .modeSkipCon { margin:0 5%; overflow:hidden; width:90%;}
.modeSkip-aa li { width: 268px; position: relative; padding: 1px; cursor: pointer; }
.skipAdCont { background: #ffffff; float: left; }
.skipAdContTr { padding: 20px; }
.skipAdCont strong { display: block; float: left; width: 138px; padding-right: 10px; font-weight: normal; }
.skipAdCont strong span { display: block; line-height: 30px;}
.skipAdCont b { display: block; float: right; width: 80px; height: 80px; }
.skipAdCont b img { width: 100%; height: 100%;}
.skipAdMain { position: absolute; background: #3b8de3;  padding: 20px 10px; color: #ffffff;  height: 80px; top: 122px; width: 248px; }
.skipAdMain h3 { height: 30px;}
.skipAdMain p { line-height: 20px; }

footer { padding-bottom: 50px; background: #eff2f5; float: left; width: 100%; }
footer figure { width: 100%; overflow: hidden; border-bottom: 1px #eeeeee solid; }
footer figure figcaption { float: left; border-right: 1px #eeeeee solid; width:7%; line-height: 30px; }
footer figure a { display: block; float: left; background: url("../../images/partnerslogo.png") no-repeat; width: 11%; margin:0 1%; height: 30px; }
footer figure .partners-a { background-position: -14px -80px;}
footer figure .partners-a:hover { background-position: -14px -29px;}
footer figure .partners-b { background-position: -171px -80px;}
footer figure .partners-b:hover { background-position: -171px -29px;}
footer figure .partners-c { background-position: -321px -80px;}
footer figure .partners-c:hover { background-position: -321px -29px;}
footer figure .partners-d { background-position: -488px -80px;}
footer figure .partners-d:hover { background-position: -488px -29px;}
footer figure .partners-e { background-position: -659px -80px;}
footer figure .partners-e:hover { background-position: -659px -29px;}
footer figure .partners-f { background-position: -787px -80px;}
footer figure .partners-f:hover { background-position: -787px -29px;}
footer figure .partners-g { background-position: -919px -80px;}
footer figure .partners-g:hover { background-position: -919px -29px;}

menu { width: 19%; float: left; border-left: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; }
menu a { color: #999; }
menu .menu-it { width: 100%; }
menu .menu-it h3 { line-height: 50px; cursor: pointer; padding-left: 10%; border-top: 1px #e5e5e5 solid; background: #f7f7f7; }
menu .menu-it h3.active {  background: #85b4ec; color: #ffffff; }
menu .menu-it h3 em { font-family: '宋体'; font-size: 14px; margin-right: 5px; }
menu .menu-it ul { width: 100%; display: none; }
menu .menu-it ul li { width: 100%; line-height: 35px; }
menu .menu-it ul li a { display: block; height: 100%; position: relative; z-index: 1; }
menu .menu-it ul li a em { display:block; position: absolute; width: 0; height: 100%; background: #e9f3ff; z-index: -1; transition: width .25s ease-in-out;}
menu .menu-it ul li a:hover em, menu .menu-it ul li.active a em { width: 100%;}
menu .menu-it ul li a span { padding-left: 10px; }
menu .menu-it ul li a i { margin-left: 15%;}
menu .menu-it ul li.active a { color: #3b8de3; }
.serveCont { width: 76.5%; float: left; padding-left: 3%; border-left: 1px #e5e5e5 solid; min-height: 600px; }
hggroup { line-height: 45px;}
.serveCont ul { width: 100%;}
.serveCont ul li { border-bottom: 1px #ffffff solid;  border-top: 1px #ffffff solid; padding: 0 2%; width: 96%; }
.serveCont ul li:hover { border-bottom: 1px #eeeeee solid;  border-top: 1px #eeeeee solid;  background: #f9f9f9;}
.serveCont ul li a { overflow: hidden; line-height: 45px; display: block; color: #666666; }
.serveCont ul li font { display: block; float: left; width: 4.5% }
.serveCont ul li i { border-radius: 10px; color: #ffffff; font-family: Arial;}
.serveCont ul li i.question { background: #5aa7f8; padding: 0 10px;  }
.serveCont ul li i.answer { background: #9edf64; padding: 0 11px;  }
.serveCont ul li span { display: block; float: left; width: 90%; }
.serveCont ul li s { display: block; float: left; width: 5%; font-size: 30px; font-family: "宋体"; }

.timeLine { width: 100%; padding-bottom: 50px; }
.timeLine h2 strong { display: inline-block; position: relative; width: 112px; }
.timeLine h2 strong sup { position: absolute; top: 0; cursor: pointer; font-size: 12px; }
.timeLine h2 strong sub { position: absolute; bottom: 0; cursor: pointer; font-size: 12px;}
.timeLine h2 input { display: inline-block; }
.timeLine ul { overflow: hidden; }
.timeLine ul li { width: 100%; position: relative; float: left; display: inline; }
.timeLine ul li i.timePoint { position: absolute; left: 129px; top: 20px;}
.timeLine ul li h3 { float: left; width: 10%; height: 40px; padding: 10px 0; }
.timeLine ul li h3 span { display: block; line-height: 20px;}
.timeLine .timeEvent { width: 85%; float: right; border-left: 2px #63cd52 solid; padding: 5px 0 5px 3.5%; }
.timeLine .timeEventList { position: relative; background: #f3f7ff; height: 50px; line-height: 50px; padding-left: 4%; }
.timeLine .timeEventList em { font-size: 60px; position: absolute; left: -18px; color: #f3f7ff; }
.timeLine .timeEventList a.detail { position: absolute; right: 5%; top: 0;}

.howStep { border: 1px #e6e6e6 solid; position: relative; float: left; width: 1198px; }
.howStep .howStepTip { position: absolute; left: -8px; top:30px;}
.howStep .howStepTip .bgIcon-aa { position: absolute; left: 0; top: -7px;}
.howStep .howStepTip span { display: block; height: 39px; line-height: 39px; float: left; background: #ffa320; }
.howStep .howStepItem { float: left; width: 20%; padding: 25px 0; }
.howStep .howStepItem h3 span, .howStep .howStepItem h3 em { font-style: italic;}
.howStep .howStepItem h3, .howStep .howStepItem p { line-height: 25px;}
.howStep button { position: absolute; top: 30px; right: 20px;}
.howStepCont { position: relative; border-left: 1px #eeeeee solid; padding-left: 5%; margin-left: 2%;}
.howStepCont .howStepContIcon {position: absolute; top: 0; left: -15px; display: block; width: 30px; line-height: 30px; text-align: center; line-height: 30px; color: #ffffff; background: #3b8de3; border-radius: 15px; }

.productPt1 { position: relative; }
.productPt1ItemCr { width: 556px; height: 450px; margin: 0 auto; background: url("../../images/productPt1ItemCrBg.png") no-repeat center;}
.productPt1Item { float: left; position: absolute;}
#productPt1Item-a { top: 0; left: 200px; }
#productPt1Item-b { top: 0; right: 160px; }
#productPt1Item-c { top: 180px; left: 0; }
#productPt1Item-d { top: 160px; right: 0; }
#productPt1Item-e { bottom: 0; left: 220px; }
#productPt1Item-f { bottom: 0; right: 180px; }

.productPt2Cn { float: left; width: 33%; }
.productPt2Item { margin: 0 5%; }
.productPt2Item p { padding-left: 14%; line-height: 22px;  }
#productPt2Item-s { width: 297px; height: 297px; margin: 35px auto; background: url("../../images/productPt2ItemCrBg.png") no-repeat center;}
#productPt2Item-a, #productPt2Item-c { padding-bottom: 50px; border-bottom: 1px #e0e0e0 solid; }
#productPt2Item-b, #productPt2Item-d { padding-top: 50px; }

.productPt4Item { display: inline-block; border: 1px #ffffff solid; padding: 20px 41px; height: 130px; vertical-align: top;}

.loginBox { width: 100%; background: url("../../images/loginBg.jpg") no-repeat center top; background-size: 100%; }
.loginCont { position: relative; }
.loginCont .loginPlane { width: 760px; margin: 0 auto; padding: 250px 0 200px 0; }
.loginCont article { position: absolute; right: 160px; top: 210px; background: #2863b4; border-radius: 10px; padding: 30px 30px 50px 30px; box-shadow: 0 2px 2px #666;}
.loginCont article hggroup { border-bottom: 1px #054aa9 solid;}
.loginCont article ul { border-top: 1px #3077d9  solid; width: 260px; }
.loginCont article ul li { width: 100%;}
.loginFooter { text-shadow: 1px 1px 0 #666; padding-bottom: 50px;}

.airNav { position: fixed; top: 50%; right: 25px; z-index: 999;}
.airNav a { display: block; width: 15px; height: 15px; background: #e1e1e1; border-radius: 7.5px; margin: 15px 0;}
.airNav a.active { background: #999;}

#productBox { position: relative; width: 100%; overflow: hidden;}
#productCont { position: absolute; top: 0; width: 100%;}



/***----------------2017-01-03--------------**/
article{display: block;margin: 0;padding: 0;}
.product_item{ margin:15px 20px 5px 0; width:320px; height:auto; float:left;position:relative;}
.product_item p, .product_item span{position:absolute; left:60px; top:26px;line-height:20px;color:#737373;}
.product_item p{font-size:14px; font-family:"微软雅黑";}
.product_item span{font-size:24px; line-height:55px; text-indent:50px;}
.product_item_last{ width:280px; margin-right:0;}
.icon_about{display: block;height: 46px;left: 0;position: absolute;top:10px; width: 48px;}
.product_item_last .icon_about_abc{ top:4px;}
.icon_title_safety{ background-position:0 -148px !important;}
.icon_about_vip{background-position:0 -46px !important;}
.icon_title_vip{ background-position:0 -215px !important}
.icon_about_abc{background-position:0 -96px !important;}
.icon_title_abc{ background-position:0 -283px !important}
.title{height: 30px;    margin-bottom: 2px;    margin-left: 60px;    text-indent: -9999em;    width: 220px;}
.icon_about_safety, .icon_about_vip, .icon_about_abc, .icon_title_safety, .icon_title_vip, .icon_title_abc{ background:url(../../images/ico.png) no-repeat;}
.content_box{width:1000px;margin:0 auto;padding:10px 0 30px 0;overflow:hidden}
.bem{ background:#ededed url(../../images/bgg.gif) top center repeat-x; height:58px; text-align:center; line-height:30px; padding-top:10px;}
.bem a{ margin:0 5px; color:#333;}
.bem img{ margin:0 5px; padding-top:10px;}
.div_ne{ height:110px; margin-top:10px;}


/***----------2017-01-17--------修改------**/
.login-Header { width: 100%; height:60px; background: #474747;}
.login-Header-main { width: 960px; margin: 0 auto;line-height: 60px;}
.login-Header-main ul {height: 60px; line-height: 60px; float:right;}
.div_ne{ height:95px; margin-top:10px;}
.bem{ background:#ededed url(../../Assets/Img/bgg.gif) top center repeat-x; height:58px; text-align:center; line-height:30px;}
.bem img{ margin:0 5px; padding-top:5px;}

.login-cont {background: url(../../Assets/Img/login3Bg.jpg) no-repeat center; height:370px;}
.main { width: 414px;float:right; margin-top:10px;}