img{ border:none!important;}
.new-warp{}
.new-warp .inner{width:1280px;  margin:20px auto; }
.new-warp .title{ text-align: center; height: 40px;  font-size: 40px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.new-warp .desc{ font-size: 23px; line-height: 36px; color: #999; text-align: center; padding: 10px 0px 20px 0px; }
.new-warp .content{ margin: 0px ;padding: 0px; }
.new-warp .content ul.core-box{ zoom:1;}
.new-warp .content ul.core-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.new-warp .content ul.core-box li{ display: block; width:296px; height: 204px; overflow: hidden; margin: 20px 9px; padding: 0px; float: left; border:none;    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2); }
.new-warp .content ul.core-box li img{ border:none; }

.two-box{zoom:1; background-color:#f8f9ff!important;}
.two-box .inner{ padding-top: 50px;}
.two-box .content{ background: none;}
.two-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.two-box .left{ float: left; width: 640px; height: 560px;}
.two-box .right{ float: right; width: 580px; padding-top: 55px;}
.two-box .title{ text-align: left; height: 40px;  font-size: 40px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.two-box dt,.two-box dd{ margin: 0px; padding: 0px;}
.two-box .desc{ font-size: 18px; line-height: 28px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0; }
.two-box .info{ font-size: 18px; line-height: 28px; }
.two-box .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.two-box .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.two-box .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.two-box .btn{ color:#fff; background: #2554fe; padding: 8px 15px; border-radius: 3px; margin-top: 30px; display: block; text-decoration: none; }



.two-box1{zoom:1;}
.two-box1 .inner{ padding-top: 50px;}
.two-box1 .content{ background: none;}
.two-box1:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.two-box1 .left{ float: left; width: 640px; height: 540px; padding-top: 30px;}
.two-box1 .right{ float: right; width: 580px; padding-top: 55px;}
.two-box1 .title{ text-align: left; height: 40px;  font-size: 40px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.two-box1 dt,.two-box1 dd{ margin: 0px; padding: 0px;}
.two-box1 .desc{ font-size: 18px; line-height: 28px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0; }
.two-box1 .info{ font-size: 18px; line-height: 28px; }
.two-box1 .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.two-box1 .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.two-box1 .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.two-box1 .btn{ color:#fff; background: #2554fe; padding: 8px 15px; border-radius: 3px; margin-top: 30px; display: block; text-decoration: none; }


.three-box{  }
.three-box .inner{ padding-top: 50px;}
.three-box .title{ }
.three-box .desc{ height: 120px;  }
.three-box .content{ margin: 0px ;padding: 0px; }
.three-box .content ul.ser-box{ zoom:1;}
.three-box .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.three-box .content ul.ser-box li{ border-radius: 20px; display: block; width:360px; height: 461px; overflow: hidden; position: relative;
    margin: 0px 100px 0px 0px; padding: 0px; float: left; border:none;
    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2);
    background: url("/img/index/bg.png") no-repeat bottom center ;
    background-size: 100% auto;
    text-align: center;
}
.three-box .content ul.ser-box li:last-child{ margin-right: 0px;}
.three-box .content ul.ser-box li img{ border:none; margin: 0px auto; }
.three-box .content ul.ser-box li .fixed{ position: absolute!important; top:350px; left:0px; width: 360px;
    height: 100px; text-align: center; color: #fff; font-size: 28px; }


.three-box1{  margin-top: 0px!important;background-color:#f8f9ff!important;}
.three-box1 .inner{ padding-top: 50px; margin-top: 0px!important;}
.three-box1 .title{ }
.three-box1 .desc{ height: 120px;  }
.three-box1 .content{ margin: 0px ;padding: 0px; background-color:#f8f9ff!important;}
.three-box1 .content ul.ser-box{ zoom:1;}
.three-box1 .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.three-box1 .content ul.ser-box li{ border-radius: 20px; display: block; width:360px; height: 380px; overflow: hidden; position: relative;
    margin: 0px 100px 50px 0px; padding: 0px; float: left; border:none;
    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2);
    background: url("/img/index/bg.png") no-repeat bottom center ;
    background-size: 100% auto;
    text-align: center;
    background-color: #fff;
}
.three-box1 .content ul.ser-box li.right{ margin-right: 0px;}
.three-box1 .content ul.ser-box li img{ border:none; margin: 0px auto; }
.three-box1 .content ul.ser-box li .fixed{ position: absolute!important; top:280px; left:0px; width: 360px;
    height: 100px; text-align: center; color: #fff; font-size: 28px; }
.three-box1 .content ul.ser-box li .ico{ font-size: 36px; color: #999; margin-top: 40px;}
.three-box1 .content ul.ser-box li .tit{ font-size: 23px;}
.three-box1 .content ul.ser-box li .desc{ font-size: 18px; padding: 10px;}

.wad-box{ background: url("/img/index/bg2.png") no-repeat top center ; height: 650px;  padding: 50px 0px 100px 0px!important; }
.wad-box{ color: #fff; }
.wad-box h1.title{ color: #fff; text-align: center; font-size: 30px; font-weight: 100;}
.wad-box .desc{ color: #fff; text-align: center; font-size: 18px;}
.wad-box p{ text-align: center;}
.wad-box .btn{ border:1px solid #fff; background: none; font-size: 18px; padding: 10px 40px; border-radius: 10px;}
.wad-box .aform{ width:580px; margin: 0px auto; color: #fff; }
.wad-box .aform label{ font-size: 18px; margin-bottom:10px; display: block; }
.wad-box .aform input{ border:1px solid #ddd; line-height: 35px; border-radius: 8px;width: 100%; }
.wad-box .aform textarea{ border:1px solid #ddd; line-height: 25px; border-radius: 8px; width: 100%; height: 120px;}
.wad-box .aform>div{ margin-bottom: 20px;}
.wad-box .aform>div.btns{ text-align: center;}
.wad-box .aform>div .btn{  margin-right: 20px;}

.foot-info{ color:#aaa!important; background: #20222e}
.foot-info .inner{zoom:1; padding-top: 10px; }
.foot-info .inner:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.foot-info p{color:#aaa!important;}
.foot-info .left{zoom:1; width: 680px; float: left;}
.foot-info .left:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.foot-info .fnav{ width: 150px; float: left; margin-right: 20px;}
.foot-info .fnav dt{color:#aaa!important; font-size:16px; font-weight: bold; padding: 8px 0px;}
.foot-info .fnav dd{color:#aaa!important; height: 25px; line-height: 25px;}
.foot-info .fnav dd a{color:#aaa!important;}
.foot-info .right{  font-weight: 100; margin-top: 15px; line-height: 23px; width: 600px; min-height: 80px; padding-left: 20px; float: right; border-left: 1px solid #888;}
.bto{ height: 40px; line-height: 40px; text-align: center; color: #777;   background: #202020; }

header{ border-bottom: 1px solid #ddd;}
.surface .box{ /*width: 1280px;*/ width: 1100px;}
.menu-box {
    /*
    right: 220px;
    width: 62%
    */
    right: 0px;
    width: 72%;
    position: absolute;
    top: 12px;
}
.log-box{
    right: 0px;
    position: absolute;
    top: 12px;
    width: 200px;
    display: none;
}
.log-box .log-btn{ text-align: center; padding: 8px 15px; border:1px solid #aaa; margin-right: 20px; border-radius: 5px; display: inline-block; text-decoration: none;}
.log-box .log-btn:hover{ border:1px solid #007aff; color:#007aff;  }
.log-box .reg-btn{ text-align: center; padding: 8px 15px; border:1px solid #007aff; color: #fff; background: #007aff; border-radius: 5px; display: inline-block; text-decoration: none; }
.log-box .reg-btn:hover{ border:1px solid #007aee;  background: #007aee;}
.section0{ height:600px!important;}

#site .menu-box .tab1,
#site .menu-box .tab2,
#site .menu-box .tab3,
#site .menu-box .tab4,
#site .menu-box .tab5,
#site .menu-box .tab11,
#site .menu-box .tab12,
#site .menu-box .tab13,
#site .menu-box .tab14,
#site .menu-box .tab15,
#site .menu-box .tab1:hover,
#site .menu-box .tab2:hover,
#site .menu-box .tab3:hover,
#site .menu-box .tab4:hover,
#site .menu-box .tab5:hover,
#site .menu-box .tab11:hover,
#site .menu-box .tab12:hover,
#site .menu-box .tab13:hover,
#site .menu-box .tab14:hover,
#site .menu-box .tab15:hover
{ background-position: 10px center; }
#site .menu-box .menu-show{ margin-left: -10px; height: auto; padding-bottom: 15px;}
#site .menu-box .menu-show .menu-tro{ text-indent: 40px;}
#site .menu-box .menu-show .menu-tro a{ margin: 0px!important; padding: 0px!important; display: inline!important; color: #444; border: none;}
#site .menu-box .menu-show .menu-tro a:hover{ color: #16ad99}


.page-box{ background: #fff; padding-top: 60px;}
.page-box .inner{ min-height: 500px; width: 1000px;}
.page-box .title{ font-size: 25px; background: url("/img/index/bg3.png") no-repeat bottom center; height: 60px; display: block; }
.page-box .content{padding:20px 0px;}
.page-box .content,.page-box .content p,.page-box .content span{ font-size: 14px; line-height: 25px; letter-spacing:2px; }
.page-box .content p {text-indent:2em;  padding:10px 0; line-height: 25px}
.page-box .content img{ max-width:100%; height: auto;}

.safe-box{}
.safe-box .content p {text-indent:0em;  padding:10px 0; line-height: 25px}
.safe-box h3{ font-size: 16px; font-weight: bold;}
.safe-box h4{ font-size: 14px; font-weight: bold;}


.case-box{zoom:1; }
.case-box .inner{ padding-top: 10px;}
.case-box .content{ background: none;}
.case-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.case-box .left{ float: left; width: 640px; height: 560px;}
.case-box .right{ float: right; width: 580px; padding-top: 120px;}
.case-box .title{ text-align: left; height: 40px;  font-size: 35px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.case-box dt,.two-box dd{ margin: 0px; padding: 0px;}
.case-box .desc{ font-size: 18px; line-height: 28px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0; display: none; }
.case-box .info{ font-size: 16px; line-height: 28px; padding-top: 30px; }
.case-box .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.case-box .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.case-box .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.case-box .btn{ color:#fff; background: #2554fe; padding: 8px 15px; border-radius: 3px; margin-top: 30px; display: block; text-decoration: none; }


.case-box1{zoom:1; background-color:#f8f9ff!important; }
.case-box1 .inner{ padding-top: 10px;}
.case-box1 .content{ background: none;}
.case-box1:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.case-box1 .right{ float: right; width: 640px; height: 560px;}
.case-box1 .left{ float: left; width: 580px; padding-top: 120px;}
.case-box1 .title{ text-align: left; height: 40px;  font-size: 35px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.case-box1 dt,.two-box dd{ margin: 0px; padding: 0px;}
.case-box1 .desc{ font-size: 18px; line-height: 28px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0; display: none; }
.case-box1 .info{ font-size: 16px; line-height: 28px; padding-top: 30px; }
.case-box1 .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.case-box1 .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.case-box1 .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.case-box1 .btn{ color:#fff; background: #2554fe; padding: 8px 15px; border-radius: 3px; margin-top: 30px; display: block; text-decoration: none; }


.case-box2{}
.case-box2 .inner{ padding-top: 50px;}
.case-box2 .title{ }
.case-box2 .desc{ height: 120px;  }
.case-box2 .content{ margin: 0px ;padding: 0px; }
.case-box2 .content ul.ser-box{ zoom:1;}
.case-box2 .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.case-box2 .content ul.ser-box li{ border-radius: 20px; display: block; width:360px; height: 341px; overflow: hidden; position: relative;
    margin: 0px 100px 0px 0px; padding: 0px; float: left; border:none;
    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2);
    background-size: 100% auto;
    text-align: center;
}
.case-box2 .content ul.ser-box li:last-child{ margin-right: 0px;}
.case-box2 .content ul.ser-box li img{ border:none; margin: 0px auto; }


.case-box3{zoom:1;}
.case-box3 .inner{ padding-top: 10px;}
.case-box3 .content{ background: none;}
.case-box3:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.case-box3 .right{ float: right; width: 640px; height: 560px;}
.case-box3 .left{ float: left; width: 580px; padding-top: 120px;}
.case-box3 .title{ text-align: left; height: 40px;  font-size: 35px; line-height: 40px;  color: #222; margin: 0px!important; padding:0px!important;}
.case-box3 dt,.two-box dd{ margin: 0px; padding: 0px;}
.case-box3 .desc{ font-size: 18px; line-height: 28px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0;}
.case-box3 .info{ font-size: 16px; line-height: 28px; padding-top: 30px; }
.case-box3 .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.case-box3 .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.case-box3 .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.case-box3 .btn{ color:#fff; background: #2554fe; padding: 8px 15px; border-radius: 3px; margin-top: 30px; display: block; text-decoration: none; }


.case-box4{ background-color:#f8f9ff!important;}
.case-box4 .inner{ padding-top: 60px;}
.case-box4 .title{ }
.case-box4 .desc{ height: 120px;  }
.case-box4 .content{ margin: 0px ;padding: 0px; background: none; }
.case-box4 .content ul.ser-box{ zoom:1;}
.case-box4 .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.case-box4 .content ul.ser-box li{ border-radius: 20px; display: block; width:360px; height: 341px; overflow: hidden; position: relative;
    margin: 0px 100px 0px 0px; padding: 0px; float: left; border:none;
    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2);
    background-size: 100% auto;
    text-align: center;
    background-color: #fff;
}
.case-box4 .content ul.ser-box li:last-child{ margin-right: 0px;}
.case-box4 .content ul.ser-box li img{ border:none; margin: 0px auto; }

.quickmenu{ position: fixed; right: 40px; top: 20%; border:1px solid #ddd; width: 80px; height: 300px; background: #fff;z-index: 99999;}
.quickmenu .quick-item{ display: block; height: 80px; border-bottom: 1px solid #ddd; text-align: center; position: relative;}
.quickmenu .quick-item:last-child{ border-bottom: none;}
.quickmenu .quick-item .ico{ text-align: center; margin: 0px auto; padding-top: 10px; color:#444;}
.quickmenu .quick-item .ico i{ text-align: center; margin: 0px auto; color:#444; font-size: 22px;}
.quickmenu .quick-item:hover .ico i{ color:#007aff}
.quickmenu .quick-item .tit{ line-height: 12px; font-size: 12px; padding-top: 5px; color:#444; }
.quickmenu .quick-item:hover .tit{ color:#007aff}
.quickmenu .quick-item .abs{ display: none; position: absolute;right:98px; border: 1px solid #ddd; text-align: center; padding: 10px; top: 0px;
    min-height: 60px; min-width: 200px; line-height: 60px;background: #fff;z-index: 99999;}
.quickmenu .quick-item:hover .abs{ display: block;}
.quickmenu .quick-item .abs img{ text-align: center; margin: 0px auto;}

.user-box{}
.user-box .inner{}
.user-box .log-form{ width:485px; margin: 0px auto;}
.user-box .log-form .logo{ height: 60px; width: auto; padding-bottom: 60px; text-align: center; margin: 0px auto;}
.user-box .log-form .tit{ font-size: 30px; line-height: 30px; font-weight: bold; margin-bottom: 30px;  text-align: center; }
.user-box .log-form .ipt { margin-bottom: 10px;}
.user-box .log-form .ipt input{ height: 45px; line-height: 45px; border-radius: 8px; border:1px solid #ccc;  display: block; width: 100%; text-indent: 1rem;}
.user-box .log-form .ckbox{ zoom:1; position: relative;}
.user-box .log-form .ckbox:hover{content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.user-box .log-form .ckbox .btns{  margin: 0px; width: 120px;display: inline-block; position: absolute; right:0px; top:0px;}
.user-box .log-form .ckbox .ipt{display: inline-block;}
.user-box .log-form .base{ font-size: 12px; padding-top: 10px; zoom:1;}
.user-box .log-form .base:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.user-box .log-form .fgotpwd{ float: right; text-align: right;}
.user-box .log-form .btns{ color:#fff; background: #2554fe; border:1px solid #2554fe;  border-radius: 8px!important; padding: 12px 0px; font-size: 18px; text-align: center;
    border-radius: 3px; margin-top: 20px; display: block; width: 100%; text-decoration: none; }
.user-box .log-form .more{ text-align: center; padding-top: 30px;}
.user-box .log-form .more p{ line-height: 23px;}

.pick-box{ text-align: center;}

.pro-banner{ background-color: #f9f9f9;}
.pro-banner .inner{ background: url("/img/product/t.png") no-repeat top center; height: 227px; width: 100%; margin-top: 60px;}

.pro-box{ }
.pro-box .inner{  padding-top: 30px }
.pro-box .inner .title{ display:block!important; background: url("/img/product/line.png") no-repeat bottom center;
    color:#feb010;  font-size: 29px; font-weight: bold; height: 60px; line-height: 35px; padding-bottom: 20px;;
}
.pro-box .content{ margin: 0px ;padding: 0px; }
.pro-box .content ul.pro-list{ zoom:1; text-align: center}
.pro-box .content ul.pro-list:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.pro-box .content ul.pro-list li{ border-radius: 20px; display:inline-block; width:235px; height: 350px; overflow: hidden; position: relative;
    margin: 0px 20px 0px 20px; padding: 0px; border:none; text-align: center;
    /*
    box-shadow: 0 0 10px rgba(180,189,221,.08), 0 6px 14px hsla(0,0%,100%,.3), 0 12px 20px rgba(180,189,221,.2);
    background-size: 100% auto;
    text-align: center;
    */
}
.pro-box .content ul.pro-list li img{ border:none; margin: 0px auto; }
.pro-box .content ul.pro-list li .ico{ font-size: 36px; color: #999; margin-top: 40px;}
.pro-box .content ul.pro-list li .tit{ font-size: 23px;}
.pro-box .content ul.pro-list li .desc{ font-size: 13px; line-height: 23px; padding: 10px;}


.service-warp .content{min-height: auto!important}
.pro-box .content ul.service-box{ text-align: center; padding: 70px 0px 50px 0px; ;}
.pro-box .content ul.service-box li{ width: 239px; height: 184px; background: url("/img/product/k.png") no-repeat bottom center;  display:inline-block; overflow: hidden; position: relative;
    margin: 0px 20px 0px 20px; padding: 0px; border:none; text-align: center; }
.pro-box .content ul.service-box li .tit{ font-size: 22px; text-align: center; color: #fff; font-weight: bold; line-height: 50px;}
.pro-box .content ul.service-box li .desc{ font-size:18px; line-height: 23px; padding: 20px 10px 10px  10px; padding-top: 20px;}


.service-warp1 .content{min-height: auto!important}
.service-warp1 .content ul.service-box li{ width: 239px; height: 184px; background: none; border:2px solid #0f67ff!important; border-radius: 5px;  display:inline-block; overflow: hidden; position: relative;
    margin: 0px 20px 0px 20px; padding: 0px; border:none; text-align: center; }
.service-warp1 .content ul.service-box li .tit{ font-size: 22px; text-align: center; color: #222; font-weight: bold; line-height: 50px; padding-top: 10px;}
.service-warp1 .content ul.service-box li .desc{ font-size:18px; line-height: 23px; padding: 20px 10px 10px  10px; padding-top: 20px;}


.price-warp{ margin-top: 60px!important;}
.price-warp .inner{ margin-top: 0px!important;  padding-top: 0px;}
.price-warp .inner .price-row{ zoom:1;}
.price-warp .inner .price-row:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.price-warp .inner .price-field{  float: left; width: 164px; height: 50px; line-height: 50px; text-align: center;
    border-right:1px solid #eaeffb;
    border-bottom:1px solid #eaeffb;
}
.price-warp .inner .price-row>div:first-child{ text-align: left; text-indent: 2rem;}
.price-warp .inner .price-field:last-child{border-right:none;}
.price-warp .inner .price-xfield{ width: 282px;}
.price-warp .inner .price-tryfield{ background-color: #eaeffb; }
.price-warp .inner .mheader1{ height: 98px; font-weight: bold; font-size: 18px; line-height: 30px;}
.price-warp .inner .mheader1 .price-field{ height: 98px; }
.price-warp .inner .mheader1 .price-field p:last-child{ font-size: 13px; font-weight: 100;}
.price-warp .inner .price-fix{ /*position: fixed; top: 60px; left:0px;*/
    box-shadow: 0 0 0px rgba(180,189,221,.08), 0 0px 0px hsla(0,0%,100%,.3), 0 0px 10px rgba(180,189,221,.2);
}
.price-warp .inner .mtit>div:first-child{ display: inline-block; width: 10%; text-indent: 0;}
.price-warp .inner .mtit>div:last-child{ display: inline-block; width: 60%; text-align: left; font-size: 18px; text-indent: 0;}
.price-warp .inner .price-body .price-row>div:first-child{text-indent: 3rem;}
.price-warp .inner .price-body .mtit{text-indent: 0rem!important;}

.price-warp .inner .price-show{color:#007aff; font-weight: bold;}
.price-warp .inner .price-row .fa-close{ color:#FF4222}
.price-warp .inner .price-row .fa-check{ color:#009900}
.price-warp .inner .price-row .fa-question{ color:#007aee}
.price-warp .price-head{ width: 100%; height: 149px; position: relative;}
.price-warp .price-head .price-fix{ position: fixed; background: #fff;}



.case-new-box{ }
.case-new-box .inner{  padding-top: 30px }
.case-new-box .inner .title{ display:block!important; background: url("/img/product/line.png") no-repeat bottom center;
    color:#feb010;  font-size: 29px; font-weight: bold; height: 60px; line-height: 35px; padding-bottom: 20px;;
}
.case-banner{ }
.case-banner .inner{ background: url("/img/case/bg3.png") no-repeat top center; height: 330px; width: 100%; margin-top: 60px; background-color: #bbbfd4;}
.case-banner1 .inner{ background: url("/img/case/bg4.png") no-repeat top center; height: 348px; width: 100%; margin-top: 60px; background-color: #ebedf1;}
.case-banner2 .inner{ background: url("/img/case/bg9.png") no-repeat top center; height: 437px; width: 100%; margin-top: 60px; background-color: #03002f;}
.case-banner3 .inner{ background: url("/img/product/b.png") no-repeat top center; height: 471px; width: 100%; margin-top: 60px; background-color: #fefeff;}
.case-banner4 .inner{ background: url("/img/product/b1.png") no-repeat top center; height: 471px; width: 100%; margin-top: 60px; background-color: #03002f;}
.case-banner5 .inner{ background: url("/img/case/b10.png") no-repeat top center; height: 437px; width: 100%; margin-top: 60px; background-color: #03002f;}


.all-case-box{zoom:1; }
.all-case-box .inner{ padding-top: 20px;}
.all-case-box .content{ background: none; min-height: auto;}
.all-case-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.all-case-box .left{ float: left; width: 618px; height: 414px;}
.all-case-box .right{ float: right; width: 660px;  height: 414px;}
.all-case-box .title{ text-align: left; height: auto;  font-size: 22px; line-height: 40px;  color: #222; font-weight: bold; margin: 0px!important;
    padding:120px 0px 0px 0px!important;}
.all-case-box dt,.all-case-box dd{ margin: 0px; padding: 0px;}
.all-case-box .desc{ font-size: 16px; line-height: 25px; color: #666; text-align: left; padding: 20px 0px 30px 0px; text-indent: 0; }
.all-case-box .info{ font-size: 18px; line-height: 28px; }
.all-case-box .info .dt{ font-weight: 100; color: #222; padding-bottom: 3px;}
.all-case-box .info .dd{ font-size: 16px; line-height: 28px;color: #888; padding-bottom: 18px; }
.all-case-box .info b{ font-size: 18px; line-height: 28px;  color: #222; }
.all-case-box .btns{ text-align:right; padding-right: 90px;}
.all-case-box .btn{ color:#fff; background: #fcac01; border:1px solid #fcac09; padding: 3px 25px; font-size: 16px; border-radius: 15px;
    margin-top: 0px; display: inline-block; text-decoration: none; }

.order-case-box{ padding-top: 75px;}
.order-case-box .title{ font-size: 22px;line-height: 32px; }
.order-case-box .desc{ font-size: 16px; line-height: 25px; color: #666;  padding: 15px 0px 30px 0px; text-indent: 0;  }
.order-case-box .btns{ text-align: center;}
.order-case-box .btn{ color:#fff; background: #fcac01; border:1px solid #fcac09; padding: 3px 25px; font-size: 16px; border-radius: 15px;
    margin-top: 0px; display: inline-block; text-decoration: none; }
.order-case-box .case-bg2{  padding-top: 40px; margin: 0px auto; text-align: center;}
.order-case-box .case-bg2 img{ text-align: center;  margin: 0px auto; }
.order-case-box .content{ width: 1110px; margin: 50px auto 0px auto; padding-bottom: 40px; zoom:1; min-height: auto;}
.order-case-box  .content:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.order-case-box .content .left{ width: 49%; float: left; text-align: center;}
.order-case-box .content .right{width: 49%; float: right; text-align: center;}
.order-case-box .content>div dt{font-size: 22px;line-height: 32px; padding-top: 10px;}
.order-case-box .content>div .mdesc{font-size: 16px; line-height: 25px; color: #666;  padding: 15px 0px 20px 0px; text-indent: 0; }
.order-case-box .content>div .mbtns{}
.order-case-box .content>div .mico{ padding-top: 70px;}
.order-case-box .content>div.left .mico{ padding-top: 80px;}
.order-case-box .content>div img{  text-align: center;  margin: 0px auto;  }

.question-case-box .inner{ width: 1280px; height: 501px; overflow: hidden;}
.question-case-box .inner .content{ position: relative; background: url("/img/case/case8.png") no-repeat top center; }
.question-case-box .inner .content dl{ position: relative; padding-top: 160px; padding-left: 680px;}
.question-case-box .inner .content dt{ position: absolute; top: 100px; left:680px; color:#fcac01; font-size: 28px; }
.question-case-box .inner .content dd.desc{ font-size: 16px; line-height: 25px; text-align: left; color: #222;}

.one-case-box .inner{ width: 1280px; height: 713px; overflow: hidden;}
.one-case-box .inner .content{ background: url("/img/case/case9.png") no-repeat center top;position: relative; }
.one-case-box .inner .content .title{ color:#fcac01; font-size: 28px;position: absolute; top: 56px; left:540px;  }

.pro-case-box{zoom:1; }
.pro-case-box .inner{ padding-top: 60px;}
.pro-case-box .content{ background: none; min-height: auto;}
.pro-case-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.pro-case-box .title{ text-align: center; height: auto;  font-size: 22px; line-height: 40px;  color: #222; font-weight: bold; margin: 0px!important;
    padding:0px 0px 0px 0px!important;}
.pro-case-box dt,.pro-case-box dd{ margin: 0px; padding: 0px;}
.pro-case-box .desc{ font-size: 16px; line-height: 25px; color: #666; text-align: center; padding: 20px 0px 30px 0px; text-indent: 0; }
.pro-case-box .content{ text-align: center;}
.pro-case-box .content img{ text-align: center; margin: 0px auto;}

.proitems-case-box{ padding-top: 40px;}
.proitems-case-box .title{text-align: center; height: auto;  font-size: 22px; line-height: 40px;  color: #222; font-weight: bold; margin: 0px!important;
    padding:0px 0px 0px 0px!important;}
.proitems-case-box .desc{font-size: 16px; line-height: 25px; color: #666; text-align: center; padding: 20px 0px 30px 0px; text-indent: 0; }
.proitems-case-box .btns{ text-align: center;}
.proitems-case-box .btn{ color:#fff; background: #fcac01; border:1px solid #fcac09; padding: 3px 25px; font-size: 16px; border-radius: 15px;
    margin-top: 0px; display: inline-block; text-decoration: none; }
.proitems-case-box .content{ padding-top: 45px; width: 1060px; margin: 0px auto;}
.proitems-case-box .content ul.ser-box{ zoom:1;}
.proitems-case-box .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.proitems-case-box .content ul.ser-box li{ border-radius: 22px; display: block; width:302px; height: 285px; overflow: hidden; position: relative;
    margin: 0px 25px 50px 25px; padding: 0px; float: left; border:none;
    background: url("/img/case/case15.png") no-repeat top center ;
    background-size: 100% auto;
    text-align: center;
}
.proitems-case-box .content ul.ser-box li:last-child{ margin-right: 0px;}
.proitems-case-box .content ul.ser-box li img{ border:none; margin: 0px auto; }
.proitems-case-box .content ul.ser-box li .tit{ font-size: 18px; line-height: 70px; color: #fff;}
.proitems-case-box .content ul.ser-box li .desc{ padding: 10px;}

.corepros-box { background: #f7f7f7;  }
.corepros-box .banner{ background: url("/img/case/bg8.png") no-repeat top center; height: 426px; width: 100%; margin-top: 60px; background-color: #f3fdff;}
.corepros-box .inner {position: relative;height: 280px; width: 1280px; margin: 0px auto; }
.corepros-box .content{ background: none;}
.corepros-box .item{ width: 334px; height: 551px; background: #fff; position: absolute; top:-250px; text-align: center;}
.corepros-box .left{ left: 290px;}
.corepros-box .right{ right: 290px;}
.corepros-box img{ border:none; margin: 0px auto; }
.corepros-box .tit{ font-size: 25px; line-height: 25px; color: #222; padding-top: 30px; padding-bottom: 30px;}
.corepros-box .desc{ padding: 10px; font-size: 16px; padding-bottom: 30px;}
.corepros-box .price{  font-size: 25px; color: #fcac09; text-align: center; margin-top: 10px}
.corepros-box .btn{  background-color: #fcac09; margin-top: 30px; border:1px solid #fcaca1; font-weight: bold; font-size: 18px; padding: 8px 30px; border-radius: 10px; }


.orderitems-case-box{ padding-top: 40px; background: #f7f7f7; padding-bottom: 60px;}
.orderitems-case-box .btn{ color:#fff; border:1px solid #fcac09; padding: 3px 25px; font-size: 16px; border-radius: 15px;
    margin-top: 0px; display: inline-block; text-decoration: none; }
.orderitems-case-box .content{ padding-top: 45px; width: 1060px; margin: 0px auto; background: none;}
.orderitems-case-box .content ul.ser-box{ zoom:1;}
.orderitems-case-box .content ul.ser-box:after{ content: " "; display: block; width: 90%; height: 1px; clear: both; margin: 0px; padding: 0px;}
.orderitems-case-box .content ul.ser-box li{ border-radius: 8px; display: block; width:330px; height: 260px; overflow: hidden; position: relative;
    margin: 0px 10px 50px 10px; padding: 0px; float: left; border:none;
    border:1px solid #feac00;
    background-size: 100% auto;
    text-align: center;
}
.orderitems-case-box .content ul.ser-box li img{ border:none; margin: 0px auto; }
.orderitems-case-box .content ul.ser-box li .tit{ font-size: 25px; line-height: 25px; color: #222; padding-top: 30px;}
.orderitems-case-box .content ul.ser-box li .desc{ padding: 10px; font-size: 16px;}
.orderitems-case-box .content ul.ser-box li .price{  font-size: 25px; color: #fcac09; text-align: center; margin-top: 10px}
.orderitems-case-box .content ul.ser-box li .btn{  background-color: #fcac09; margin-top: 30px; }
.orderitems-case-box .content ul.ser-box li:last-child{  clear: both; margin: 0px auto; width: 100%; border: none; height:350px; }
.orderitems-case-box .content ul.ser-box li:last-child>div{  width: 450px; height: 344px; margin: 0px auto;border:1px solid #feac00; }
.orderitems-case-box .content ul.ser-box li:last-child .tit{ font-size: 32px; line-height: 32px; color: #222; padding-top: 40px;}
.orderitems-case-box .content ul.ser-box li:last-child .desc{ padding: 10px; font-size: 25px;}
.orderitems-case-box .content ul.ser-box li:last-child .price{  font-size: 32px; color: #fcac09; text-align: center; margin-top: 10px}
.orderitems-case-box .content ul.ser-box li:last-child .btn{  background-color: #fcac09; margin-top: 30px; padding: 10px 30px; }

.self-box{margin-top: 60px;}
.self-box .inner{ width: 1280px; margin: 0px auto; position: relative;}
.self-box .content{ width: 1280px; margin: 0px auto; background: url("/img/case/self.jpg") no-repeat center top; height: 1479px; position: relative; }
.self-box .content .form{width: 544px; height: 301px;position: absolute; left: 550px; top: 362px; text-align: left;}
.self-box .content .form table{ margin: 30px auto 0px auto; padding: 20px; width: 96%; border-collapse: collapse;}
.self-box .content .form table td{ margin: 0px; margin: 0px; border-collapse: collapse;}
.self-box .content .form label{ font-size: 16px; font-weight: bold; line-height: 25px;}
.self-box .content .form .input{ width: 200px; height: 35px; line-height:  35px; border:1px solid #ddd; border-radius: 8px; padding: 0px 10px; display: inline-block;}
.self-box .content .form textarea{ width: 98%; height: 160px; margin-top: 20px;margin-left: 5px; padding: 10px;}
.self-box .content .form .btn{ background-color: #fcac09;  border:1px solid #fcaca1; margin:0px auto; text-align: center;}

.self-box .content .kf{  width: 1005px; height: 282px; position: absolute; left: 138px; top: 930px; font-size: 25px; line-height: 282px; text-align: center;}