body{overflow-x:hidden;width:100%}
@media (min-width:1200px){.line-big{margin-right:-15px;margin-left:-15px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;padding-right:15px;padding-left:15px;min-height:1px}
}
.main,header,img.res,nav{background-color:#fff}
header .globe{padding:0 18px 0 9pt}
footer .search,header .search{display:inline-block;width:82px;height:49px;background-color:#ef011c;color:#fff;line-height:49px;cursor:pointer}
@media (min-width:760px){header .search{width:82px;height:40px;line-height:40px}
}
.logo img{float:left}
@media (max-width:759px){.logo img{width:56px;margin-top:15px}
.logo img.img2{width:130px;margin-top:22px}
.logo img.img3{width:119px;margin-top:22px}
.msite{display:block!important}
}
@media (min-width:760px){.logo img{margin-top:-7px}
.logo img.img2,.logo img.img3{margin-top:0}
}
nav .icon-navicon{margin-top:20px}
#top-nav li .fadein-left,#top-nav li .fadein-right{-webkit-animation:.5s ease-out backwards;animation:.5s ease-out backwards}
#top-nav li .fadein-left{-webkit-animation-name:navfadeinl;animation-name:navfadeinl}
#top-nav li .fadein-right{-webkit-animation-name:navfadeinr;animation-name:navfadeinr}
@media (min-width:760px){#top-nav li .drop-menu{background-color:hsla(0,0%,100%,.9)}
nav .nav-inline.nav-menu ul{top:46px;padding:0;min-width:inherit;border-radius:0;border-bottom:3px solid #d40000}
nav .nav-inline.nav-menu ul li{height:40px}
nav .nav-inline.nav-menu ul a{padding:10px 20px;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:transparent}
nav .nav-inline.nav-menu ul a:hover{color:#fff;background-color:#d40000}
nav .nav-inline.nav-menu .head-nav-ico{position:absolute;top:-10px;right:-16px}
}
nav .menu-product{position:absolute;left:0;width:100%;background-color:hsla(0,0%,100%,.9);z-index:10000;display:none;overflow-y:hidden}
nav .menu-product .container{padding:28px 0 0}
nav .menu-product .container li{padding-bottom:33px}
nav .menu-product .container h3{padding-bottom:1pc}
nav .menu-product .container h3 a{font-size:18px;line-height:24px;font-weight:100;color:#d40000;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease}
nav .menu-product .container h3 a:hover{color:#ef011c;font-size:20px}
nav .menu-product .container img{max-width:100%;margin:0 auto}
nav .menu-product .container h5,nav .menu-product .container img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
nav .menu-product .container h5{font-size:1pc;color:#656565;font-weight:100;padding:4px 0 1pc}
nav .menu-product .container a:hover img{-webkit-transform:scale(1,1);transform:scale(1,1)}
nav .menu-product .container a:hover h5{color:#ef011c}
nav .menu-product a.menu-more{font-size:1pc}
.about,.area,.news,.product,.service,.solution{font-weight:bolder}
#about .about,#area .area,#news .news,#product .product,#service .service,#solution .solution{color:#ef011c}
@media (max-width:326px){.logo .img2{display:none}
}
@media (max-width:490px){.logo .img3{display:none}
}
@media (max-width:759px){nav .nav-inline li{float:left;width:50%;text-align:center}
nav .nav-inline.nav-menu .head-nav-ico{display:none}
}
@media (max-width:999px) and (min-width:760px){.logo .img3{display:none}
}
@media (min-width:760px){nav .nav-inline{margin:26px -10px 0;text-align:right}
nav .nav-inline li a{padding:5px 7px}
}
@media (min-width:1000px){nav .nav-inline{margin:23px -13px 0;font-size:1pc}
nav .nav-inline li a{padding:5px 13px}
}
@media (min-width:1200px){nav .nav-inline{margin:23px -21px 0;font-size:18px}
nav .nav-inline li a{padding:5px 20px}
nav .nav-inline.nav-menu .head-nav-ico{right:-10px}
}
.banner{background-color:#fff}
.banner .pager-next,.banner .pager-prev{border-radius:0;width:45px;height:76px;line-height:76px;border:0;background-color:hsla(0,0%,100%,.45);color:#fff;margin-top:-38px;font-size:3pc}
.pager-next:hover,.pager-prev:hover{background-color:rgba(0,0,0,.45)}
.pointer li{border-radius:0;width:20px;height:4px;background-color:hsla(0,0%,100%,.45);border:0;margin:0}
.pointer li.active{background-color:#fff;width:20px;height:4px}
.msite{display:none}
footer{font-size:14px}
footer .fast-menu{background-color:#db1000}
footer .fast-menu a{color:#fff;line-height:66px}
footer .fast-menu .float-left a,footer .fast-menu .float-left a i{margin-right:5px}
footer .fast-menu .float-right{position:relative}
footer .fast-menu .float-right .fast-search{position:relative;display:block;width:270px;height:66px;background-color:#f4502d;text-align:center;font-size:18px}
footer .fast-menu .float-right .fast-search i{position:absolute;right:38px}
footer .fast-menu .float-right{padding-left:52px;background-color:#da251d}
footer .bottom-nav{background-color:#27343c;color:#a9b3b3}
footer .bottom-nav .container{padding:25px 0;}
footer .bottom-nav a{color:#a9b3b3}
footer .bottom-nav h3{padding:25px 0 9pt;border-bottom:1px dashed #a9b3b3;font-weight:700;font-size:18px}
.foot-product li a{display:block;padding:8px 0;border-bottom:1px dashed #a9b3b3}
.foot-addr p{margin:0;line-height:28px}
.foot-addr h3,.foot-tel h3{margin-bottom:17px}
.foot-social{padding:50px 0 22px}
.foot-social img{padding-bottom:6px}
.foot-tel li{padding-bottom:22px}
footer .copycright{background-color:#171f23}
footer .copycright p{margin:0;color:#a9b3b3;line-height:45px}
footer .copycright a{padding-left:5px;color:#a9b3b3}
footer .copycright a:hover{color:#fff}
footer .flink{display:inline-block;float:left}
@media (min-width:760px){footer .fast-menu .float-left a{margin-right:34px;font-size:1pc}
}
@media (min-width:1000px){footer .fast-menu .float-left a{margin-right:4pc}
}
@media (min-width:1200px){.foot{position:fixed;bottom:0;left:0;z-index:-1;width:100%}
footer .fast-menu{margin-bottom:22pc;height:66px}
footer .copycright{height:45px}
footer .flink{float:right}
}
.bshare-custom .bshare-share-count{color:#333!important}
.foot-social .bshare-custom .bshare-share-count{width:38px!important}
.bshare-custom a{float:left}
.text-red{color:#d40000}
.img-scale{overflow:hidden;width:100%;height:100%}
.img-scale img,.img-scale:hover img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s}
.img-scale:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
nav .nav-menu .drop-menu{z-index:10000}
footer .search_res{position:fixed;z-index:11;top:15px;width:100%;left:0;display:none;z-index:10002}
footer .search{border:0;padding:0}
footer .dialog-mask{display:none;z-index:10001}
footer .search_res .input-group .addbtn{background-color:#fff}
footer .search_res .input-group .input{height:49px;line-height:30px;background: #fff no-repeat 99% center}
footer .search_res .form-group{position:relative}
footer .search_res .badge{position:absolute;right:20px;top:65px;cursor:pointer;z-index:10003}
footer .search_res .badge:hover .rotate-hover{-webkit-animation-name:a-rotate;animation-name:a-rotate}
footer .search_res .res ul{background-color:#fff;padding:15px}
footer .search_res .res ul li{padding-bottom:10px}
footer .search_res .res ul h3{color:#1024ee;text-decoration:underline;cursor:pointer;font-weight:400;font-size:1pc;padding-bottom:5px}
footer .search_res .res ul em{color:#c00}
footer .search_res .res ul span{color:#666;font-size:.8em}
footer .search_res .res ul img{max-width:100%}
.jiathis_style>div{width:20pc!important}
.jiathis_style .jiadiv_02 .jiatitle{width:94px!important}
@media (min-width:760px){footer .search_res .res .xs9.xm10.xb11{margin-top:15px}
}
.search_res .res::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}
.search_res .res::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,.3)}
.fast-search{z-index:10}
.fast-search-list{z-index:9999;position:absolute;background-color:hsla(0,0%,100%,.8);width:270px;padding:5px 4px;bottom:0;display:none}
.fast-search-list ul li a{display:block;color:#333;font-size:1pc!important;padding:0 2pc;line-height:40px}
.fast-search-list ul li a:hover{background-color:#f4502d;color:#fff}
.fast-search .icon-caret-right:before{position:relative;top:0;left:2px}
.icon-d{-webkit-animation:icon-d .3s ease-in-out both;animation:icon-d .3s ease-in-out both}
@-webkit-keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotatez(-90deg);transform:rotatez(-90deg)}
}
@keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotatez(-90deg);transform:rotatez(-90deg)}
}
.icon-u{-webkit-animation:icon-u .3s ease-in-out both;animation:icon-u .3s ease-in-out both}
@-webkit-keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
to{-webkit-transform:rotatez(0);transform:rotatez(0)}
}
@keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
to{-webkit-transform:rotatez(0);transform:rotatez(0)}
}
@-webkit-keyframes list-down{0%{opacity:1;display:block;bottom:66px}
to{opacity:0;bottom:20px;z-index:-1}
}
@keyframes list-down{0%{opacity:1;display:block;bottom:66px}
to{opacity:0;bottom:20px;z-index:-1}
}
.list-down{-webkit-animation:list-down .3s ease-in-out both;animation:list-down .3s ease-in-out both}
@-webkit-keyframes navfadeinl{0%{opacity:0;-webkit-transform:translatex(-20px)}
to{opacity:1;-webkit-transform:translatex(0)}
}
@keyframes navfadeinl{0%{opacity:0;transform:translatex(-20px)}
to{opacity:1;transform:translatex(0)}
}
@-webkit-keyframes navfadeinr{0%{opacity:0;-webkit-transform:translatex(20px)}
to{opacity:1;-webkit-transform:translatex(0)}
}
@keyframes navfadeinr{0%{opacity:0;transform:translatex(20px)}
to{opacity:1;transform:translatex(0)}
}
#lrfloater1,#lrfloater1 a,#lrfloater1 p,#lrfloater1 table,#lrfloater1 tbody,#lrfloater1 td,#lrfloater1 tr{box-sizing:inherit!important;vertical-align:middle}
.lxb-container{top:inherit!important;bottom:5%;overflow:hidden}
@media(min-width:760px){.lxb-cb-tip-info{top:-46px!important;left:-422px!important}
}
@media(max-width:759px){.lxb-cb-tip-info{top:-46px!important;left:-321px!important;width:218px!important}
.lxb-cb-tip-arrow{left:214px!important}
}
@media(min-width:1000px) and (max-width:1199px){.form-x .form-group .field{width:84%}
.form-x .form-group .label{width:16%}
.form-x .form-button{margin-left:16%}
}
.carousel img{margin:0 auto}
.select_pro{height:23px;display:block;line-height:23px;cursor:pointer;text-align:right}
.select_pro span{font-size:12px;color:#7a7a7a}
.select_pro .son_ul{position:absolute;width:110px;bottom:23px;right:15px;text-align:center;z-index:100;background:#fff;display:none}
.select_pro .son_ul li{line-height:25px;padding-left:10px}
.select_pro .son_ul a{color:#000}
.select_pro:hover .son_ul{display:block}
.footer{background:#30303d;padding-top:20px;padding-bottom:20px;text-align:center;color:#fff;margin-top:50px}
.footer a{color:#fff}
.buzzbutton:last-child{display:none!important}
#bsbox,#bsbox *,#bswxbox,#bswxbox *{box-sizing:content-box!important}
@media (max-width:550px){#bsbox,#bsbox *{max-width:98.6%}
#bsbox{margin-left:0!important;left:0!important}
#searchbox{width:110px}
}
@media(min-width:1920px){.banner-res img,.banner_index img{margin:0 auto}
}
@media(min-width:1200px) and (max-width:1440px){.banner-res,.banner_index{max-width:100%;overflow-x:hidden}
.banner-res .img-res,.banner_index .img-res{width:auto;max-width:1920px!important;position:relative;left:50%;transform:-webkit-transform: translatex(-50%);transform:translatex(-50%)}
}
@media(min-width:1920px){.banner-res .img-res,.banner_index .img-res{width:auto;max-width:1920px!important;position:relative}
}
.banner-posint{background-color:#fff;background-position:center center;background-size:cover;background-repeat:no-repeat;height:420px;position:relative;overflow:hidden}
.banner-posint.banner-posint-lnner{height:360px}
.banner-posint .banner-posint-img{position:relative;}
.banner-posint-relat{position:absolute;top:0;left:0;width:100%;height:100%}
.banner-posint .banner-posint-text{text-align:right;color:#31384a;text-shadow:-1px 1px 2px #fff;padding-top:140px}
.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:120px}
.banner-posint .banner-posint-text.banner-posint-center{text-align:center;max-width:470px;margin:0 auto}
.banner-border-hidder{overflow:hidden;padding-top:32px}
.banner-posint-border{padding:10px;border:5px solid #255087;border-top:none}
.banner-posint-border h3{margin-top:-32px}
.banner-posint-border h3 span{position:relative;display:inline-block;padding:0 20px}
.banner-posint-border h3 span:after,.banner-posint-border h3 span:before{position:absolute;display:block;content:'';width:225px;height:5px;top:50%;margin-top:-2px;background-color:#255087}
.banner-posint-border h3 span:before{left:100%}
.banner-posint-border h3 span:after{right:100%}
.banner-posint-white .banner-posint-border{padding:10px;border:5px solid #fff;border-top:none}
.banner-posint-white .banner-posint-border h3 span:after,.banner-posint-white .banner-posint-border h3 span:before{background-color:#fff}
.banner-posint .banner-posint-text.banner-posint-white{color:#fff;text-shadow:-1px 1px 2px #31384a}
.banner-posint .banner-posint-text h3{font-size:32px;line-height:48px;font-weight:700;margin-bottom:5px}
.banner-posint .banner-posint-text p{font-size:20px;line-height:32px}
@media (min-width:1201px){
.banner-posint .banner-posint-img{left:50%;margin-left:-960px;}
}
@media (max-width:1200px){.banner-posint{height:auto}
.banner-posint.banner-posint-lnner{height:auto}
.banner-posint .banner-posint-img{width:100%;height:auto}
.banner-posint .banner-posint-text{padding-top:11%}
.banner-posint .banner-posint-text.banner-posint-center{padding-top:8%}
.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:9%}
}
@media (max-width:760px){.banner-posint .banner-posint-text{padding-top:8%}
.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:7%}
.banner-posint .banner-posint-text.banner-posint-center{padding-top:6%}
}
@media (max-width:540px){.banner-posint .banner-posint-text{padding-top:10%}
.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:9%}
.banner-posint.banner-posint-lnner .banner-posint-text{padding-top:8%}
.banner-posint-border{border:none}
.banner-posint-text p{display:none}
}
@media (max-width:480px){.banner-posint .banner-posint-text h3{font-size:24px}
}