﻿html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{min-width:1260px;position:relative;background-color:#fff}
body, form, img, ul, ol, li, dl, dt, dd, p/*, tr, td*/, strong, span, pre{margin:0;padding:0;border:0;background-repeat:no-repeat}
h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;font-weight:normal}
h1{font-size:2em}
body, button, input, select, textarea{font-size:14px;line-height:30px;color:#333;font-family:Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif}
img{border-style:none;vertical-align:middle}
ul, li{list-style:none}
a{text-decoration:none;color:#333;outline:0}
a:hover{background-repeat:no-repeat}
a, area{blr:expression(this.onFocus=this.blur())}
input, button, select, textarea{outline:none;border:none;margin:0;padding:0;resize:none;background:none}
table{border-collapse:collapse;border-spacing:0}
label{cursor:pointer}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
placeholder{color:#999}
::-moz-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
button, input{overflow:visible}
button, select{text-transform:none}
input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance:button}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
.web{width:1180px;margin:0 auto;position:relative;z-index:1}
.weblg{max-width:1600px;margin:0 auto;position:relative;z-index:1}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none}
.clearfix{*zoom:1}
.clear{clear:both;line-height:0;height:0;font-size:0}
.show{display:block !important}
.hide{display:none !important}
@media (max-width: 1720px){.weblg{max-width:1400px}
}
@media (max-width: 1600px){.weblg{max-width:1320px}
}
@media (max-width: 1400px){.weblg{max-width:1200px}
}
.w-lg .weblg{max-width:1400px}
.w-md .weblg{max-width:1320px}
.w-sm .weblg{max-width:1200px}
.placeholder{color:#999}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-o-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-o-transform:none;transform:none}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-moz-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-moz-keyframes zoomInUp{0%{opacity:0;-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@-o-keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);-moz-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}
50%{opacity:1}
}
 


.header{position:absolute;left:0;top:0;z-index:100;width:100%;min-width:1260px; padding-top:24px;-webkit-transition:background ease .3s;-o-transition:background ease .3s;-moz-transition:background ease .3s;transition:background ease .3s}
.header .weblg{position:static}
.header .logo{display:block;float:left;margin-top:-2px}
.header .edit-handle{margin:0 0 0 34px;float:right;width:22px;height:44px;background:url("../images/hdedit.png") no-repeat center}
.header .head-search{position:relative;float:right}
.header .search-handle{margin:0 0 0 19px;display:block;width:21px;height:44px;background:url("../images/search-handle.png") no-repeat center}
.header .search-form{display:none;position:absolute;right:-75px;width:247px;height:65px;padding-top:20px;z-index:50;background:url(../images/index_348.png) no-repeat 0 0}
.header .search-form input{display:block;width:100%;font-size:14px;line-height:16px;height:16px;color:#333}
.header .search-form .key{float:left;width:201px;padding:12px 0}
.header .search-form .key input{padding-left:15px}
.header .search-form .search{float:left;width:40px;padding:12px 0;background:url(../images/index_349.png) no-repeat center}
.header .search-form .search input{font-size:0;cursor:pointer}
.unflodheader{background:url("../images/hdbg.png") repeat 0 0}
.fixheader{position:fixed;top:-60px;height:51px;padding-top:8px;padding-bottom:1px;background:url("../images/hdbg.png") repeat 0 0}
.fixheader .logo img{height:46px}
.fixheader .nav .title{padding-bottom:0}
.fixheader .nav .title a{padding-bottom:5px}
.fixheader #case .downmenu{top:60px}
.fixheader .nav .title a{padding-bottom:0}
.fixheader .nav .title.ac a, .fixheader .nav .title.cur a{padding-bottom:6px}
.fixheader .full-dropdown{top:60px}
.scroll-tips{position:absolute;left:50%;bottom:50px;z-index:10;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;border:1px solid #fff;margin-left:-800px;cursor:pointer}
.scroll-tips i{display:block;width:100%;height:48px;background:url("../images/ibandw.png") no-repeat center;-webkit-animation:portraitmove 1.5s ease infinite;-moz-animation:portraitmove 1.5s ease infinite;-o-animation:portraitmove 1.5s ease infinite;animation:portraitmove 1.5s ease infinite}
@-webkit-keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@-moz-keyframes portraitmove{0%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-moz-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-moz-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@-o-keyframes portraitmove{0%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
@keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
35%{-webkit-transform:translate(0, 50%);-moz-transform:translate(0, 50%);-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}
65%{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}
90%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}
}
.nav{float:left; margin-left:100px;}
.nav li{float:left;padding:0 20px 0}
.nav .title a{display:block;font-size:16px;line-height:44px;padding:0 4px 22px;color:#fff}
.nav .title a:hover{color:#15abf4;border-bottom:2px solid #15abf4}
.nav .title.ac a, .nav .title.cur a{color:#15abf4;padding-bottom:20px;border-bottom:2px solid #15abf4}
.nav .downmenu{display:none;position:absolute;top:52px;left:50%;z-index:50;width:150px;margin-left:-75px;padding:10px 0px;border:1px solid #eee;background-color:#fff}
.nav .downmenu a{display:block;padding:5px 0;text-align:center;color:#333}
.nav .downmenu a:hover{color:#15abf4}
.nav .activehook{position:absolute;bottom:0;height:2px}
.nav .activehook i{display:block;height:2px;background-color:#15abf4}
.m-nav-cate{overflow:hidden;zoom:1;font-size:14px;line-height:45px}
.m-nav-cate img{float:left;margin-right:20px}
.m-navlist{float:left}
.m-navlist li{float:none;padding:0}
.m-navlist a{display:block;font-size:14px;line-height:36px;color:#888888}
.m-navlist a:hover{color:#15abf4}
.full-dropdown{display:none;position:absolute;left:0;top:66px;width:100%;z-index:50;background-color:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.2);box-shadow:0 0 3px 1px rgba(0,0,0,0.2);border-bottom:1px solid #d9d9d9 \9}
.full-dropdown .nav-web{width:1200px;margin:0 auto; #}
.full-dropdown .column{position:relative;float:left;width:30%;height:261px;padding-top:24px;background:url("../images/columnbg.png") no-repeat right 0}
.full-dropdown .column .navbg{position:absolute;top:0;right:0;z-index:-1;width:500%;height:100%;background-color:#f2f2f2}
.full-dropdown .column .ico{height:132px;line-height:132px}
.full-dropdown .column .ico img{vertical-align:middle}
.full-dropdown .column .cn{font-size:16px;line-height:36px;font-weight:bold;color:#333}
.full-dropdown .column .en{font-size:30px;line-height:36px;font-weight:bold;color:#ccc}
.full-dropdown .subnav{float:left;width:70%}
.case-nav-wraper .item{float:left;width:43%;padding:25px 0 0 7%}
.case-nav-wraper .item .m-nav-cate{margin-bottom:9px}
.case-nav-wraper .cate-navlist .m-navlist{width:50%}
.solution-nav-wrapper .solution-nav{padding-top:34px}
.solution-nav-wrapper ul{padding-left:60px}
.solution-nav-wrapper li{float:left;width:20%;padding:0}
.solution-nav-wrapper li a{display:block;font-size:14px;line-height:50px;color:#333;padding-left:12px;background:url("../images/colsolline.png") no-repeat 0 center}
.solution-nav-wrapper li a:hover{font-weight:bold;color:#15abf4;background-image:url("../images/colsollineac.png")}
.m-ico-links{float:left;width:45.4%;padding-top:25px;padding-left:4.6%}
.m-ico-links a{display:block;font-size:0;line-height:45px;margin-bottom:16px}
.m-ico-links a:hover{color:#15abf4}
.m-ico-links img{margin-right:20px}
.m-ico-links span{font-size:14px;vertical-align:middle}
.app-nav-wrapper .app-solution{float:left;height:250px;padding-left:72px;padding-top:25px;border-left:1px dashed #d2d2d2}
.app-nav-wrapper .app-solution .m-nav-cate{margin-bottom:9px}
.app-nav-wrapper .m-navlist{float:left;width:160px}
.news-nav-wrapper, .wechat-nav-wrapper{overflow:hidden}
.news-nav-wrapper ul, .wechat-nav-wrapper ul{padding-top:55px;margin-left:46px;margin-right:46px}
.news-nav-wrapper li, .wechat-nav-wrapper li{float:left;width:25%;padding:0;text-align:center;font-size:14px;line-height:60px;font-weight:bold}
.news-nav-wrapper li:hover a, .wechat-nav-wrapper li:hover a{color:#15abf4}
.news-nav-wrapper .ico, .wechat-nav-wrapper .ico{margin-bottom:6px}
.news-nav-wrapper .ico img, .wechat-nav-wrapper .ico img{width:100px;height:100px}
.news-nav-wrapper h3, .wechat-nav-wrapper h3{font-weight:bold;font-size:14px;    line-height: 60px;}
.news-nav-wrapper h3 a, .wechat-nav-wrapper h3 a{color:#333;font-weight:normal; }
.news-nav-wrapper li{width:16.66667%}
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash{width:44.5%;border-left:1px dashed #d2d2d2;height:250px}
.site-nav-wrapper .m-ico-links{width:29.7%;padding-left:3.5%}
.about-nav-wrapper dl{float:left;width:318px;padding:24px 40px 0;height:251px}
.about-nav-wrapper dl dt{margin-bottom:15px;padding-bottom:16px;font-size:16px;line-height:24px;font-weight:bold;border-bottom:1px solid #d9d9d9}
.about-nav-wrapper dl a{display:block;font-size:14px;line-height:36px;color:#666;padding-left:12px;background:url("../images/colsolline.png") no-repeat 0 center}
.about-nav-wrapper dl a:hover{font-weight:bold;color:#15abf4;background-image:url("../images/colsollineac.png")}
.about-nav-wrapper .know{background:url("../images/navknow.png") no-repeat 246px 173px}
.about-nav-wrapper .customer{border-left:1px solid #d9d9d9;background:url("../images/navcus.png") no-repeat 243px 168px}
.contact-nav-wrapper dl{float:left;position:relative;width:305px;height:192px;padding:83px 40px 0 54px;overflow:hidden;zoom:1}
.contact-nav-wrapper dl .ico{float:right;width:100px}
.contact-nav-wrapper dl dt{font-size:14px;line-height:60px;color:#333;font-weight:bold}
.contact-nav-wrapper dl dt a:hover{color:#15abf4}
.contact-nav-wrapper dl dd{font-size:14px;line-height:18px;color:#888}
.contact-nav-wrapper dl dd a{color:#888}
.contact-nav-wrapper dl .ico a{display:block}
.contact-nav-wrapper .hr{border-left:1px dashed #d9d9d9}
 
 


@media (max-width: 640px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-callout:none;cursor:pointer}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}
article, aside, footer, header, nav, section{display:block}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#333;outline:none;cursor:pointer}
.bd_weixin_popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
html, body{height:100%}
html.fixedfixup, body.fixedfixup{overflow:hidden}
body{margin:0 auto;min-width:320px;padding:60px 0 55px;max-width:540px;overflow-y:auto}
.weblg{width:100%;padding:0 15px}
.header{position:fixed !important;background-color:#fff;top:0 !important;height:60px !important;padding-top:8px;background:#333 !important;min-width:0}
.header .logo{height:40px}
.header .logo img{height:40px}
#LXB_CONTAINER{top:auto !important;bottom:170px !important;margin-bottom:60px !important}
#LXB_CLOSE_BTN{top:auto !important;bottom:170px !important;margin-bottom:60px !important}
.sidebar{position:fixed;left:0;bottom:0;width:100%;display:block !important;background:#d30000;padding-left:25%}
.sidebar a, .sidebar span{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.sidebar a{float:left;width:33.33333%;height:20px;margin-bottom:0;padding-top:35px;font-size:10px;line-height:20px}
.sidebar a i{color:#ffa8a8}
.sidebar .hometop{position:fixed;right:10px;bottom:20%;bottom:170px;width:40px;height:40px;background-color:#eaeaea;border:1px solid #eee}
.sidebar .tel{background: url(../images/sidetel.png) no-repeat center 6px;}
.sidebar .sy{ display:block; background:url(../images/syb.png) no-repeat center 6px;}
.sidebar .qq{ display:none;background-position:center 6px}
.sidebar .sy{position:absolute;left:0;width:25%;background-position:center 6px}
.sidebar .edit{background-position:center 8px}
.sidebar .wechat{background-position:center 8px;margin-bottom:0}
.sidebar .wechat .qrcode{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.menu-handle{float:right;display:block;width:40px;height:40px;padding:8px 5px;margin:2px 0 0 20px}
.menu-handle span{display:block;width:100%;height:2px;background-color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.menu-handle span:nth-child(2){margin:9px 0}
.menu-handle.ac span:nth-child(1){-webkit-transform:translate(0, 11px) rotate(45deg);-moz-transform:translate(0, 11px) rotate(45deg);-ms-transform:translate(0, 11px) rotate(45deg);-o-transform:translate(0, 11px) rotate(45deg);transform:translate(0, 11px) rotate(45deg)}
.menu-handle.ac span:nth-child(2){opacity:0}
.menu-handle.ac span:nth-child(3){-webkit-transform:translate(0, -11px) rotate(-45deg);-moz-transform:translate(0, -11px) rotate(-45deg);-ms-transform:translate(0, -11px) rotate(-45deg);-o-transform:translate(0, -11px) rotate(-45deg);transform:translate(0, -11px) rotate(-45deg)}
.nav{display:none;position:fixed;left:0;top:60px;width:100%;height:100%;padding-bottom:60px;background-color:#fff;padding:0 15px 90px;overflow-y:auto}
.nav>ul>li{float:none;width:100%;color:#333;border-bottom:1px solid #ccc;padding:0}
.nav .title a{color:#333;padding-bottom:0;border-bottom:0}
.nav .title a:hover{border:0}
.nav .title.cur a{padding-bottom:0;border-bottom:0}
.hassub{position:relative}
.hassub .mico{position:absolute;right:0;top:0;width:44px;height:44px;background:url("../images/queico.png") no-repeat center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.hassub.roll .mico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.full-dropdown{position:static;-webkit-box-shadow:none;box-shadow:none;padding:0 0 15px}
.full-dropdown .column{display:none}
.full-dropdown .subnav{float:none;width:100%}
.full-dropdown .nav-web{width:100%;height:auto}
.m-ico-links{padding-top:0;float:none}
.m-ico-links a{display:block;margin-bottom:10px}
 
.site-nav-wrapper .m-ico-links, .shop-nav-wrapper .m-ico-links{width:100%;padding-left:0}
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash{border-left:0;height:auto}
.case-nav-wraper .item{float:none;width:100%;padding:0 20px}
.case-nav-wraper .item .m-navlist{display:none;width:100%;float:none;font-size:0}
.case-nav-wraper .item .m-navlist li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:50%}
.case-nav-wraper .item .m-navlist a{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.case-nav-wraper .item .cate-navlist{display:none}
.case-nav-wraper .item .cate-navlist .m-navlist{display:block}
.solution-nav-wrapper .solution-nav{padding-top:0}
.solution-nav-wrapper ul{padding:0 0 0 20px}
.solution-nav-wrapper li{width:50%}
.news-nav-wrapper li, .wechat-nav-wrapper li{float:none;width:100%;text-align:left}
.news-nav-wrapper li .ico, .wechat-nav-wrapper li .ico{display:none}
.news-nav-wrapper li a, .wechat-nav-wrapper li a{display:block}
.news-nav-wrapper li a, .wechat-nav-wrapper li a{padding-left:20px;line-height:44px;font-weight:normal}
.news-nav-wrapper ul, .wechat-nav-wrapper ul{padding-top:0;margin-left:0;margin-right:0;margin:0}
.m-ichl-subnav ul{margin-left:-18px}
.m-ichl-subnav li{padding:0 12px 0 18px}
.m-ichl-subnav li a{font-size:15px}
.m-ichl-subnav .activehook{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.m-ichl-subnav{overflow-x:auto}
.m-ichl-subnav ul{white-space:nowrap;font-size:0}
.m-ichl-subnav li{float:none;vertical-align:top;display:inline-block}
.m-ichl-subnav li a{line-height:34px}
 .nav {
    float:none;
      margin-left: 0;  
} 
}
  
 

