/* ---------- common ---------- */
@media only screen and (max-width: 310px) and (min-width: 300px) {html {font-size: 9px}}
@media only screen and (max-width: 320px) and (min-width: 310px) {html {font-size: 9px} }
@media only screen and (max-width: 360px) and (min-width: 320px) {html {font-size: 9px}.filter-menu-list ul li i{margin-top:-.1rem;} .filter-menu-list ul li em{margin-top:-.4rem;}}
@media only screen and (max-width: 360px) and (min-width: 350px) {html {font-size: 10px} }
@media only screen and (max-width: 480px) and (min-width: 360px) {html {font-size: 10px}.filter-menu-list ul li i{margin-top:-.1rem;} .filter-menu-list ul li em{margin-top:0rem;}}
@media only screen and (max-width: 480px) and (min-width: 470px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 560px) and (min-width: 480px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 570px) and (min-width: 560px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 570px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 630px) {html {font-size: 17.77778px}}
@media only screen and (max-width: 710px) and (min-width: 640px) {html {font-size: 17.77778px} }


/*过渡时间*/
.ts-1{-webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
.ts-2{-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.ts-3{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.ts-5{-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.onelist-hidden{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.twolist-hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
html {color: #333; background: #fff }
.ftxf{color:#fff;}
.ftxb2{color:#b2b2b2;}
.ftx6{color:#666666;}
.ftx9{color:#999999;}
.ftx0{color:#000000;}
.b-f{background:#fff;}
.bold {font-weight: 700!important }
.hide,
.hidden {display: none!important }
.show {display: block!important }
.fixed{ position: fixed; }
.relative{ position: relative!important; }
.absolute{ position: absolute!important; }
.fl{ float: left;}
.fr{ float: right; }
.oh{overflow: hidden}
.ta-c{ text-align: center!important;}
.ta-l{ text-align: left!important; }
.ta-r{ text-align: right!important; }
.bg-f3{background:#f3f3f3;}
a.ftx01:hover{ color:#ec5051;}
/*超链接模块*/
a,a:hover{ text-decoration: none; color:#333;}

/*数值型*/
.f12 {font-size: .6rem }
.f14 {font-size: 1.2rem }
.f16 {font-size: 1.2rem }
.f18 {font-size: 1.3rem }
.f20 {font-size: .8rem }
.f28 {font-size: 1.5rem }
.f32 {font-size: 2.4rem }
.mr60{margin:1.8rem 0!important;}
.pauto-10{padding: 0 10px;}
.pauto-80{padding: 2rem 0 2rem 0}
.pauto-105{padding: 105px 0}
.pauto-160{padding: 0}
.mt20{ margin-top: 1rem!important; }
.mt30{ margin-top: 1rem!important; }
.mb80{ margin-bottom: 80px!important; }
.mb75{ margin-bottom: .9rem!important; }
.mb70{ margin-bottom: 70px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb40{ margin-bottom: 1.7rem!important; }
.pt6{ padding-top: 6px!important; }
.pt10{ padding-top: .2rem!important; }
.pt20{ padding-top: .4rem!important; }
.pt30{ padding-top: .6rem!important; }
.pt40{ padding-top: .7rem!important; }
.pt50{ padding-top: 1.2rem!important; }
.pt80{ padding-top: 80px!important; }
.pt100{ padding-top: 100px!important; }

.w100{width:100%;display: block;}
.bannerCase,.banner-wrap,.banner-wrap-1{margin-top: 4.1rem;}
.introduction-box,.product-demo,.buy-wrap{margin-bottom: 4rem}
.xieyi{margin-top: 6rem}
/*悬浮链接*/
.bg-com {width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_pc{ display:none;width:100%;    top: 0px;left: 0px;height: 100%;opacity: 1;position: absolute;object-fit: cover;visibility: inherit;background-size: cover;}
.index_mobile{ display:block;width:100%;   z-index:9; top: 18px;left: 0px;height: 100%;opacity: 1;position: absolute;object-fit: cover;visibility: inherit;background-size: cover;}
/*数字滚动*/
.index-num{width: 14px; height: 22px; display: inline-block; background: url(../images/number-min.png) no-repeat; margin-top: 38px; opacity: 1; filter: alpha(opacity=100); }
.index-num-0{background-position:1px 1px}
.index-num-1{background-position:1px -21px}
.index-num-2{background-position:1px -43px}
.index-num-3{background-position:1px -64px}
.index-num-4{background-position:1px -86px}
.index-num-5{background-position:0px -108px;}
.index-num-6{background-position:1px -130px}
.index-num-7{background-position:1px -151px}
.index-num-8{background-position:1px -174px}
.index-num-9{background-position: 0px -196px;}
.an-tr-2-5{-moz-transition: 2.5s ease; -o-transition: 2.5s ease; -webkit-transition: 2.5s ease;}
/*菜单弹框*/
.page-overlay  ul li .cont-min{display: none}
.page-overlay  ul li.active .cont-min{display: block; border-top: 1px solid #444;}
.page-overlay  ul li .cont-min .li{width:50%;float: left;padding: .9rem 0; box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.page-overlay  ul li .icon-nav-jiantou{background: url(../images/suspension-bg.png) no-repeat;background-position: -29px -20px; width: 20px; height: 20px;position:absolute;right:0;top:1rem; display: inline-block; opacity: 1; filter: alpha(opacity=100);
-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);}
.page-overlay  ul li.active .icon-nav-jiantou{-moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}

.ect-nav .page-overlay li:first-child{border-top: 1px solid #444;}
.ect-nav .page-overlay li{margin:0 1rem;border-bottom: 1px solid #444;}
.ect-nav .page-overlay li .list{color:#fff;text-decoration:none;padding:.9rem 0;font-size: 1.5rem;display: block;}
.ect-nav .page-overlay li .list.active{color:#28b2e9;}
.ect-nav .page-overlay li .cont-min a{color:#fff;}
.ect-nav .page-overlay li a.list:hover{background:none!important;}

.top-banner{ height: 120px; background: url(../images/top-banner.jpg) no-repeat center top; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
/*header-nav*/
.ect-nav .menu_bt .btn{background: url(../images/nav.png) no-repeat;width:40px;height:28px; display: inline-block;background-position: 0 6px;margin-top: 5px;
background-size: 27px;}
.ect-nav .menu_bt .btn.active{background-position: 0 -21px;margin-top: 15px;}
.ect-nav .menu_bt{position: absolute;right: 0;top: 50%;margin-top: -21px;    z-index: 4999;}    
.ect-nav .cont{margin-left:40px;display: none}

/*.ect-nav {width:100%;top:120px;z-index: 4999;padding: 0 1rem;       height: 50px; background: #fff;    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);box-sizing: border-box;}
.ect-nav .logo .icon{background: url(../images/logo.png) no-repeat;width: 120px;height: 40px;display: inline-block;background-position: 0 -25px;background-size: 90px;}
.ect-nav .logo{position:absolute;left:1rem;top:0;z-index:5000;}
.ect-nav .logo.active .icon{background-position: 0px 7px;position: absolute;top:.6rem;left:0;z-index:5000;}*/

.ect-nav {width:100%;top:0;z-index: 4999;padding: 0 1rem; height: 50px; background: #fff;    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);box-sizing: border-box;}
.ect-nav .user{line-height: 80px;width: 70px;display: none}
.ect-nav .page-overlay{display: block;position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 0; z-index: 999; width: 100%; overflow: hidden; padding-top: 40px; background: rgba(0,0,0,0.9); transition: all .2s ease-in-out; color: #fff; opacity: 0;padding-top: 5rem;}
.ect-nav .page-overlay.active{opacity: 1;height: 100%; }
.ect-nav .hd_extra{ float: right;height: 81px;display: flex;justify-content: center;align-items: center;}
.ect-nav .hd_extra .btn{ min-width: 60px; padding: 0 20px; color: #fff; border-radius: 2px; height: 36px; line-height: 36px; text-align: center; border:1px solid rgba(255,255,255,.5); display: inline-block; margin-right: 10px; font-size: 14px;}
.ect-nav .hd_extra .btn:last-child{ margin-right: 0; }
.ect-nav .hd_extra .btn-down{ background: #fff;  color: #333;}

.ect-nav.active .hd_extra .btn{ border: 1px solid rgba(46,101,251,.5); color: #2E65FB; }
.ect-nav.active .hd_extra .btn-down{ background-color: #2E65FB; color: #fff; }

.ect-nav .demo{ float: left; margin-left: 15px; position: relative;}
.ect-nav .demo-sub{ display: none; position: absolute;  top: 40px; right: 0; padding-top: 10px;}
.ect-nav .demo:hover .demo-sub{ display: block; }
.ect-nav .demo-sub .arrow{ position: absolute; right: 59px; top: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #3067FB;}
.ect-nav .demo-sub .inner{ width: 300px;  border: 3px solid #3067FB; text-align: center; background: #fff; padding: 30px 0 20px}
.ect-nav .demo-sub .title{ font-size: 32px; margin-bottom: 15px; margin-top: 20px;}
.ect-nav .demo-sub .subtitle{ font-size: 20px; margin-bottom: 30px;}
.ect-nav .demo-sub .subtitle.red{ color: #ED3C3F; }
.ect-nav .demo-sub .subtitle.blue{ color: #3DBAF7; }
.ect-nav .demo-sub .demo-table-wp{ padding: 0 30px; }
.ect-nav .demo-sub .demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.ect-nav .demo-sub .demo-table tr{ border: 1px solid #ddd; }
.ect-nav .demo-sub .demo-table th,
.ect-nav .demo-sub .demo-table td{ padding: 6px 14px; }
.ect-nav .demo-sub .demo-table td a{ color:#666;}
.ect-nav .demo-sub .demo-table td a:hover{ color:#ec5051;}
.ect-nav .demo-sub .qrcode-list{ padding: 0 30px; overflow: hidden; }
.ect-nav .demo-sub .qrcode-list li{ float: left; width: 50%; text-align: center; font-size: 14px;}
.ect-nav .demo-sub .qrcode-list li img{ width:98px; height:98px;}


/*footer-nav*/
.footer{display: none}
.mobile-footer{display: block;position: fixed;left:0;right:0;bottom:0;z-index: 888;}
.mobile-footer .li{width:50%;float:left;padding:1.3rem 0;color:#fff;    font-size: 1.3rem;}
.mobile-footer .li .btn-cont{background: url(../images/icon-btn.png) no-repeat;width: 2.5rem; height: 2.5rem; display: inline-block;  opacity: 1; filter: alpha(opacity=100);position: absolute;top: 50%;margin-top: -.8rem;left: 50%;background-size: 4.8rem;}
.mobile-footer .li .btn-cont.icon1{background-position: 0 -.1rem; margin-left: -5.5rem;}
.mobile-footer .li .btn-cont.icon2{background-position: -2.5rem -.1rem;margin-left: -6.3rem;}
.mobile_back{ position:fixed; bottom:5.5rem; right:.5rem;z-index: 99;display: block}
.mobile_back div{ width:3.5rem; height:3.5rem; border-radius:50%; background-color:#000; opacity:.5; text-align:center; margin-bottom:.5rem;}
.mobile_back div img{ width:50%; margin-top:.8rem;}
.mobile_back .zx_top,
.mobile_back .tel_top{ display: none}
.download-banner{display: none}

/*suspension*/
.suspension {position: fixed; z-index: 100; right: 0; bottom: 50%; margin-bottom: -200px; width: 94px; height: 405px; }
.suspension-box {position: relative; float: right; }
.suspension .a {display: block; overflow: hidden; width: 64px; height: 64px; background:rgba(73,76,95,1) linear-gradient(90deg,rgba(73,76,95,1),rgba(97,101,121,1)); margin-bottom: 4px; cursor: pointer;outline:none; }
.suspension .a.active,
.suspension .a:hover{ background:linear-gradient(-45deg,rgba(44,167,254,1),rgba(46,101,251,1)); }
.suspension .a .i{ display: block; width: 22px; height: 22px; background-position: center; background-repeat: no-repeat; margin: 11px auto 6px;}
.suspension .a-service .i { background-image: url(../images/side_icon1.png); }
.suspension .a-service-online .i { background-image: url(../images/side_icon2.png); }
.suspension .a-service-phone .i { background-image: url(../images/side_icon3.png); }
.suspension .a-daili .i { background-image: url(../images/side_icon4.png); }
.suspension .a-qrcode .i { background-image: url(../images/side_icon5.png); }
.suspension .a-top .i { background-image: url(../images/side_icon6.png); }
.suspension .a p{ color: #fff; text-align: center; font-size: 12px; }
.suspension .a-top{ background: #fff; box-shadow:0px 2px 5px 0px rgba(32,33,39,0.1); display: none;}
.suspension .a-top p{ color: #5F6276; }
.suspension .a-top:hover i{ background-image: url(../images/side_icon6_hover.png); }
.suspension .a-top:hover p{ color: rgba(255,255,255,0.9); }
.suspension .d{ display: none; width: 223px; background: #fff; position: absolute; right: 84px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{ position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 135px;}
.suspension .d-qrcode{ top: 87px; }
.suspension .d-qrcode .arrow{ top: 211px; }
.suspension .d .inner-box{ padding: 8px 22px 12px; }
.suspension .d-service-item{ border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item{ border-bottom:none; }
.suspension .d-service-item .circle{ width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left;}
.suspension .d-service-item .i-qq{ width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden;}
.suspension .d-service-item:hover .i-qq{ background-position: center 3px; }
.suspension .d-service-item .i-tel{ width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block;}
.suspension .d-service-item h3{ float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text{ float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number{font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{ padding-top: 10px; }
.suspension .d-service-intro p{ float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888;}
.suspension .d-service-intro i{ background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode{ text-align: center; }
.suspension .d-qrcode .inner-box{ padding: 20px 0; }
.suspension .d-qrcode .qrcode-img{ width: 180px; height: 180px; background: url(../images/side_ewm-3.jpg) no-repeat center; margin: 0 auto 5px; }
.suspension .d-qrcode p{ font-size: 16px; color: #93959c; }
.suspension .d-cart-empty{ text-align: center; padding: 40px 0; }
.suspension .d-cart-empty p{ font-size: 12px; color: #888; margin-top: 10px;}
.suspension .d-cart-wrap{ padding: 16px; }
.suspension .d-cart .cart-list{ overflow: hidden; }
.suspension .d-cart .cart-list .item{overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.suspension .d-cart .cart-list .img{ float: left; width: 60px; }
.suspension .d-cart .cart-list .info{ float: left; width: 111px; margin-left: 10px; padding-top: 3px;}
.suspension .d-cart .cart-list .name{ line-height: 20px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px;}
.suspension .d-cart .cart-list .price{ text-align: right; font-size: 16px; color: #f25052; }
.suspension .d-cart .total{ line-height: 25px; position: relative; height: 25px; font-size: 14px; margin-bottom: 10px;}
.suspension .d-cart .total .number{ position: absolute; right: 0; top: 0; font-size: 18px; color: #f25052}
.suspension .d-cart .total .red{ font-weight: 700; margin-right: 3px; }
.suspension .d-cart .go-cart{ width: 100%; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #F05352; display: block; }
.suspension .d-cart .go-cart:hover{ color: #fff; }
.suspension .d-daili{ border: 0 none; top: 0; width: 320px; border-radius: 5px 5px 0px 0px;}
.suspension .d-daili .arrow{ top: 231px; right: -7px;}
.suspension .d-daili .inner-box{ padding: 0; }
.suspension .d-daili .daili-title{ height: 95px; background: url(../images/bg_input.jpg) no-repeat center top; border-radius: 5px 5px 0px 0px; }
.suspension .d-daili .daili-form{ padding: 20px; border: 1px solid #E0E1E5;}
.suspension .d-daili .daili-form .input-row{ position: relative; }
.suspension .d-daili .daili-form .input-icon{ position: absolute; left: 7px; top: 9px; width: 24px; height: 24px; background: url(../images/icon_input.png) no-repeat; }
.suspension .d-daili .daili-form .input-icon.icon-company{ background-position: 0 0; }
.suspension .d-daili .daili-form .input-icon.icon-man{ background-position: -48px 0; }
.suspension .d-daili .daili-form .input-icon.icon-tel{ background-position: -72px 0; }
.suspension .d-daili .daili-form .input{ margin-bottom: 10px; width:100%; height:44px; border:1px solid rgba(238,238,238,1); border-radius:2px;     padding-left: 36px; box-sizing: border-box; font-size: 14px;}
.suspension .d-daili .daili-form .btn-row{ text-align: center; font-size: 16px; padding-top: 7px;}
.suspension-face{ display: none; position: absolute; right: 30px; top: 0; width: 176px; height: 206px; background: url(../images/bg.png) no-repeat;}
.suspension-face .f-qq{ width: 144px; height: 144px; background: url(../images/icon-01.png) no-repeat center; position: absolute; top: -43px; left: 16px; transition: all .2s;}
.suspension-face .f-qq:hover{ transform: scale(1.1)}
.suspension-face .f-text{ position: relative; margin-top: 60px; z-index: 3; color: #fff; text-align: center; font-size: 16px;}
.suspension-face .f-text .title i{display: inline-block; width: 19px; height: 19px; background: url(../images/icon-03.png) no-repeat; margin-right: 5px; vertical-align: -4px;}
.suspension-face .f-text .tel{ font-size: 21px; margin-top: 5px;}
.suspension-face .f-text .handler{ display: block; margin: 10px 26px 0; height: 40px; line-height: 40px; font-size: 20px; color: #FA2D2A; background: #fff; transition: all .2s;}
.suspension-face .f-text .handler:hover{ background: #fff3f3;}
.suspension-face .face-close{ z-index: 4; width: 20px; height: 20px; background: url(../images/icon-02.png) no-repeat center; position: absolute; right: 13px; top: -21px; cursor: pointer; opacity: .5;}
.suspension-face .face-close:hover{ opacity: 1;}
.suspension.s-sleep .suspension-box{ display: none;}
.suspension.s-sleep .suspension-face{ display: block;}

@media (min-width: 1024px){
.common-top{margin-top:75px;}
.download-banner{background-image: url(../images/xiazai.jpg); height:425px;display: block}	
.bannerCase,.banner-wrap,.banner-wrap-1,.xieyi{margin-top: 0;}
.index_pc{ display:block;}
.index_mobile{ display:none;}
.container-index {max-width: 1210px;margin: 0 auto;padding:0!important;}
.container-max {max-width: 1210px;margin: 0 auto;}	
/*数值型*/
.f12 {font-size: 12px }
.f14 {font-size: 14px }
.f16 {font-size: 16px }
.f18 {font-size: 18px }
.f20 {font-size: 20px }
.f28 {font-size: 28px }
.f32 {font-size: 32px }
.mr60{margin:60px 0!important;}
.pauto-10{padding:10px;}
.pauto-80{padding: 80px 0 100px 0}
.pauto-105{padding: 105px 0}
.pauto-160{padding: 160px 0}
.mt30{ margin-top: 30px!important; }
.mb80{ margin-bottom: 80px!important; }
.mb75{ margin-bottom: 75px!important; }
.mb70{ margin-bottom: 70px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb40{ margin-bottom: 40px!important; }
.pt6{ padding-top: 6px!important; }
.pt10{ padding-top: 10px!important; }
.pt20{ padding-top: 20px!important; }
.pt30{ padding-top: 30px!important; }
.pt40{ padding-top: 40px!important; }
.pt50{ padding-top: 50px!important; }
.pt80{ padding-top: 80px!important; }
.pt100{ padding-top: 100px!important; }
.index-num{width: 40px; height: 54px; margin-top: 10px; background-size: auto;background: url(../images/number-min.png) no-repeat; dispaly: none; margin-top: 28px; opacity: 1; filter: alpha(opacity=100); }
.index-num.active {
    width: 40px;
    height: 54px;
    display: inline-block;
    background: url(../images/number-min.png) no-repeat;
    background-position: 2px 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
}
.index-num-0{background-position:2px 0}
.index-num-1{background-position:2px -66px}
.index-num-2{background-position:2px -133px}
.index-num-3{background-position:2px -198px}
.index-num-4{background-position:2px -265px}
.index-num-5{background-position:2px -332px}
.index-num-6{background-position:2px -399px}
.index-num-7{background-position:2px -466px}
.index-num-8{background-position:2px -533px}
.index-num-9{background-position:2px -600px}	
.mobile-footer{display: none}	

@keyframes heartBeat {
    0% { transform: scale(1) }
    2% { transform: scale(1.1) }
    4% { transform: scale(1) }
    6% { transform: scale(1.1) }
    10% { transform: scale(1) }
}
.heartBeat { -webkit-animation-duration: 6s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 6s; animation-name: heartBeat; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }

	/*头部导航模块*/
.ect-nav .icon-logo{background: url(../images/user.png) no-repeat;width:23px;height:27px;left: 5px; position: absolute;top: 50%;margin-top: -13px;background-position:0 -26px}
.ect-nav.active .icon-logo{background-position:0 0}
.header-xl-con{padding: 2rem 0;margin-left:0px;overflow:hidden;}
.caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.submnu{position: absolute; z-index: 6; background-color: rgba(0,0,0,0.7); display: none; left: 0; right: 0; height:200px;}
.nav-zcd-1{width: 25%; margin-top: 0px; float: left; border-right: 1px solid rgba(255,255,255,0.1); box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.nav-zcd-1:last-child{border-right:none;}
.nav-zcd-1 h3{font-size: 20px;color: #fff;}
.nav-zcd-1 p{margin-top: 18px; margin-bottom: 18px; font-size: 15px; color: #fff;}

.ect-nav {padding: 0; background: none;box-shadow: none;height: auto;border-bottom: 1px solid rgba(255,255,255,.3);}
.ect-nav .user,.ect-nav .cont{display: block}
.ect-nav .menu_bt{display: none}
.ect-nav .logo .icon{background: url(../images/logo1.png) no-repeat;width:250px;height:48px; display: inline-block;}
.ect-nav.active .logo .icon{background: url(../images/logo2.png) no-repeat;width:250px;height:48px; display: inline-block;}
.ect-nav.active{background:#fff;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.ect-nav.active .cont a{color:#000 !important;}
.ect-nav .logo{width:230px;position:static;left:0;top:0;z-index:5000; font-size: 0; padding-top: 16px;}
.ect-nav .cont ul li{float: left}
.ect-nav .cont ul li a{padding: 28px 10px;margin:0 25px;display: block;color:#fff;font-size:16px; position: relative;}
.ect-nav .cont ul li a.active:after{content: "";position: absolute;bottom: -2px;left: 0;right: 0;height: 1px; background: #fff;}
.ect-nav.active ul li a.active{border-bottom:1px solid #0089fb;color:#0089fb!important;}
.ect-nav .user img{top:50%;margin-top:-12px;left:10px;}
.ect-nav .user text{margin-left:40px;color:#fff;font-size:14px;}
.ect-nav.active .user text{color:#777;}
.ect-nav .page-overlay{display: none}
.ect-nav .cont .dropdown .arrow{ background:url(../images/up.png) no-repeat; width: 12px; height: 6px; display: inline-block; position: absolute; top: 36px; margin-left: 8px;}
.ect-nav .cont li:hover .arrow{background:url(../images/down.png) no-repeat;}

.ect-nav .cont li{ position: relative; }
.ect-nav .cont .sub-imenu{ position: absolute; background-color: #fff; left: -10px; right: -10px; top: 82px; display: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transition-timing-function: cubic-bezier(1,0,0,1); -moz-transition-timing-function: cubic-bezier(1,0,0,1); transition-timing-function: cubic-bezier(1,0,0,1);}
.ect-nav .cont .sub-imenu dd{ border-top: 1px solid #eee; }
.ect-nav .cont .sub-imenu a{ padding: 15px 0; color: #333; text-align: center; font-size: 16px;}
.ect-nav .cont li:hover .sub-imenu{ box-shadow: 0 2px 10px rgba(0,0,0,.1); display:block; -webkit-transition: margin-top 0.5s ease;-moz-transition: margin-top ease 0.5s;transition: margin-top 0.5s ease;}
/*尾部*/
.mobile_back{display: none}
.footer{background:#111111;display: block}
.footer .section-one{padding:40px 0 30px 0;border-bottom:1px solid #292929;}
.footer .section-one li{width:33.3%;height:60px;}
.footer .section-one li .icon{background: url(../images/footer-icon.png) no-repeat;width: 53px; height: 53px; display: inline-block;position: absolute;left: 120px;top: 12px; }
.footer .section-one li .icon-1{background-position: 0 0; }
.footer .section-one li .icon-2{background-position: -53px 0; }
.footer .section-one li .icon-3{background-position: -106px 3px; }
.footer .section-one li p{padding:25px 0 0  65px;}
.footer .section-two li{width:33%;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.footer .section-two li.left{width:380px;padding-left:25px;}
.footer .section-two li.left .icon-logo{background: url(../images/logo.png) no-repeat;width:175px;height:57px; display: inline-block;margin-top: 20px;}
.footer .section-two li .icon{background: url(../images/footer-icon.png) no-repeat;width: 24px; height: 24px; display: inline-block;}
.footer .section-two li .icon-1{background-position: -156px -1px;position: absolute;top: 29px;}
.footer .section-two li .icon-2{background-position: -187px 3px;position: absolute;top: 64px;}
.footer .section-two li .code{position:absolute;right:25px;top:0;}
.footer .section-two{padding:50px 0;border-bottom:1px solid #292929;}
.footer .section-two li  .cont  p em{padding-left:35px;}
.footer .section-stree{padding:40px 0 ;}
.footer .section-stree .left{width:40%;}
.footer .section-stree .right{width:60%;padding-right: 25px;box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */ }
.footer .section-stree .left a{padding: 0 20px;border-right:1px solid #666;}
.footer .section-stree .left a:hover{color:#0091fd !important;}
.footer .section-stree .left a:last-child{border-right:none;}
}


@media (min-width: 1344px){
.container-max {max-width: 1340px;margin: 0 auto;}	
.index-section-f5 ul li.left-img ,.index-section-f5 ul li.cont-two {width:440px;    }
.index-section-f5 ul li.cont-two .list{width:440px; height:260px;padding: 38px 44px;}
.index-section-f5 ul li.cont-stree .list{width:440px;height:170px;padding:38px 44px;}
.index-section-f5 ul li .cont{width:440px;height:530px;overflow: hidden;}

/*banner*/
.index-banner .btn a span {width: 200px;height: 60px;line-height: 60px;}
.index-banner .btn a span img {left: 38px}
.index-banner .btn a span em {padding-left: 78px;}
.index-banner .cont-box .img {width: 918px;｝｝