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; margin-left: -5px;} } 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:before{ content: " "; position:absolute;left:0;top: 0; width:100%; height: 1px; box-shadow: 0px 0px 5px rgba(0,0,0,.7);} nav .menu-product-hr{ position: absolute; width: 10px; overflow: hidden; display: none; top: 50px; bottom:30px; left: 50%;} nav .menu-product-hr:before{ content: " "; position:absolute;left:0;top: 0; width:1px; height: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,.7);} .menu-product .fadein-top{ animation-duration:0.5s;} .menu-product-short{text-align: left; font-size: 20px; line-height: 30px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px !important;} .menu-product-link{ padding-top: 0px; overflow: hidden;} .menu-product-link a{font-size: 18px; line-height: 48px;} .menu-product-link p a::before{ content: "\f105"; display: inline-block; vertical-align: top; width: 16px; height: 48px; font-size: 18px; line-height: 48px;display: inline-block; font-family: "FontAwesome";} .menu-product-simple{ padding-top: 5px; } nav .menu-product.menu-columns .menu-product-simple a{ display: block; position: relative; overflow: hidden; color: #fff; } nav .menu-product.menu-columns .menu-product-simple a span{ position: absolute; bottom: 0; left: 0; right: 0; height: 62px; line-height: 48px; font-size: 18px; text-align: center; padding-top: 12px; background: -moz-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,.0)), color-stop(100%, rgba(0,0,0,.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(0,0,0,.0)', endColorstr=' rgba(0,0,0,.8)',GradientType=0 );} nav .menu-product.menu-columns .menu-product-simple img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1);transform:scale(1)} nav .menu-product.menu-columns .menu-product-simple a:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)} nav .menu-product .container{padding-top:50px} nav .menu-product .container li{padding-bottom:50px} nav .menu-product .container h3{padding-bottom:1pc; height:42px;} 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 0px 0 -20px;text-align:right} nav .nav-inline li a{padding:5px 3px} } @media (min-width:1000px){nav .nav-inline{margin:23px 0px 0; padding-right: 15px; font-size:1pc} nav .nav-inline li a{padding:5px 9px} } @media (min-width:1200px){nav .nav-inline{margin:23px 0px 0;font-size:18px} nav .nav-inline li a{padding:5px 15px} 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-top:25px} 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-product li a:hover{color: #fff;} .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{padding-top:15px} .foot-tel li{padding-bottom:22px} .foot-media{border-bottom: 1px dashed #a9b3b3; padding-bottom: 15px; margin-bottom: 15px;} .foot-media-list li{ width: 33%; padding: 5px; float: left; text-align: center;} .foot-media-list .foot-media-ico{ margin-bottom: 5px;} .foot-media-list .foot-media-ico img{ margin: 0 auto;} .foot-media-list .foot-media-name{ font-size: 14px; line-height: 36px;} .foot-tel .foot-tel-list{ display: flex; justify-content:space-between;} .foot-tel .foot-tel-list li{ padding: 0;} .foot-tel-list .foot-tel-br{display: none;} .foot-tel .foot-tel-list-til{font-size: 16px; font-weight: bold; color: #ccc;} @media (min-width:760px) and (max-width:999px) {.foot-media-list li{ width: 25%;}} @media (max-width:440px) {.foot-tel .foot-tel-list{flex-wrap: wrap;}} @media (max-width:620px) {.foot-tel-list .foot-tel-br{display: block;}} @media (min-width:1000px) and (max-width:1199px) {.foot-tel-list .foot-tel-br{display: block;}} 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: 0; display: block; float: left; padding: 0 2pc}footer .fast-menu .float-left a:hover{background: #b40000;} } @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:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAZCAYAAACb1MhvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNThEQzlBMUUwQTcxMUU3QTZFQ0ZBRjFGNzkxOTdGMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNThEQzlBMkUwQTcxMUU3QTZFQ0ZBRjFGNzkxOTdGMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OERDOTlGRTBBNzExRTdBNkVDRkFGMUY3OTE5N0YyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1OERDOUEwRTBBNzExRTdBNkVDRkFGMUY3OTE5N0YyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CiJxUQAACDpJREFUeNrcWVlsXdUV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) #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} .banner-posint .banner-posint-text span{ color: #c00;} @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} }