@charset "utf-8";

.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}z-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1588913494219'); /* IE9 */
  src: url('iconfont.eot?t=1588913494219#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1588913494219') format('woff'),
  url('iconfont.ttf?t=1588913494219') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1588913494219#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dizhi:before {
  content: "\e9f8";
}

.icon-Fax:before {
  content: "\e68c";
}

.icon-whatsapp-fill:before {
  content: "\e776";
}

.icon-home:before {
  content: "\e612";
}

.icon-youtube:before {
  content: "\e60c";
}

.icon-youtube1:before {
  content: "\e660";
}

.icon-youxiang:before {
  content: "\e655";
}

.icon-twitter:before {
  content: "\e872";
}

.icon-menu:before {
  content: "\e64e";
}

.icon-linkedin:before {
  content: "\e7d7";
}

.icon-dianhua:before {
  content: "\e600";
}

.icon-facebook:before {
  content: "\e659";
}

.icon-search:before {
  content: "\e602";
}

.icon-fanhui:before {
  content: "\e925";
}

.icon-liaotian:before {
  content: "\e60d";
}

.iconfont:before{ display: block; margin:0 auto; }

@font-face {
  font-family: 'PROXIMANOVA';
  src: url('../fonts/PROXIMANOVA.eot');
  src: local(''), url('../fonts/PROXIMANOVA.woff') format('woff'), url('../fonts/PROXIMANOVA.ttf') format('truetype'), url('../fonts/PROXIMANOVA.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BOLD';
  src: url('../fonts/PROXIMANOVA-BOLD.eot');
  src: local(''), url('../fonts/PROXIMANOVA-BOLD.woff') format('woff'), url('../fonts/PROXIMANOVA-BOLD.ttf') format('truetype'), url('../fonts/PROXIMANOVA-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


#cookie-bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 666
}

#cookie-bar {
    background: #323232;
    font-color: #666;
    height: auto;
    line-height: 24px;
    text-align: center;
    padding: 20px 0;
    box-shadow: 0 -1px 2px #363636;
    opacity: .9;
}

#cookie-bar p {
    margin: 0;
    padding: 0;
    color: #fff;
    margin: 0 auto;
    display: table;
    padding-right: 100px;
    position: relative;
    font-size: 14px;
}

#cookie-bar a {
    color: #fff;
    text-decoration: underline
}

#cookie-bar .cb-enable {
    background: #1863DC;
    border-radius: 5%;
    color: #fff;
    padding: 6px 12px;
    position: absolute;
    right: -72px;
    top: 0;
    font-size: 14px;
    text-decoration: none;
    transition: all .5s ease-out 0s
}

#cookie-bar .cb-disable {
    background: #fff;
    border-radius: 5%;
    color: #000;
    padding: 6px 12px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    text-decoration: none;
    transition: all .5s ease-out 0s
}



.backToTop{width:50px; height:50px; right:10px; bottom:50px; background:#0097de url(../images/icon_top.png) no-repeat center; background-size: 50%; z-index: 3; cursor:pointer; position:fixed; text-indent:9999px; border-radius:2px; transition: all .3s}
.backToTop:hover{opacity: .8}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:Arial, Helvetica, sans-serif; font-size: 16px; overflow-x: hidden; color: #333; font-family: PROXIMANOVA}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 16px;border:none;margin: 0;padding: 0; outline: none; border-radius: 0;font-family:PROXIMANOVA}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}

header{ height:100px; position: fixed; top: 0; width: 100%; left: 0; z-index: 9;background:#fff; box-shadow:0 2px 2px 2px rgba(0,0,0,0.05);}
.logo{ margin:13px 0; float: left; margin-left: 66px;}
.logo a{display: block;}
.logo img{display: block; height: 74px}
#nav{ height: 100px; float: left; margin-left: 120px;}
nav li{ display: inline-block; position: relative; margin-left:40px; float: left;}
nav li>a{ display: block; text-transform: capitalize; font-size:20px; overflow: hidden; line-height:100px; transition:0.5s; position: relative; }
nav li.on>a,nav li:hover>a{color: #0097de}
nav dl{ position: absolute; background: #0097de; text-align: left; display: block; top:100px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 260px; }
nav dl dd{border-bottom: 1px solid rgba(255,255,255,.1); position: relative;}
nav dl dd h3{font-weight: 100; font-size: 18px;}
nav dl a{ color: #fff; display: block; line-height: 28px; padding: 10px}
nav dl a:hover{ background:rgba(255,255,255,.05);}
nav dl div{position: absolute; left: 100%; background: #0097de; width: 230px; top: 0; display: none;}
nav dl div a{padding:10px;border-bottom: 1px solid rgba(255,255,255,.1); }
nav dl dd:hover div{display: block;}
/*nav dl dd:last-child{background: #005e5e; font-size: 18px; text-transform: uppercase;}*/
nav li:hover dl{ opacity: 1; left: 0;}
nav .promenu{ position: fixed; background: #0097de; text-align: left; display: block; top:120px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 100%;  padding:45px 0; line-height: 32px;}
nav .promenu a{color: #fff;}
nav .promenu span{display: block; color: #fff; margin-bottom:20}
nav .promenu h3{font-size: 20px; margin-bottom: 15px;}
nav .promenu .item{width:33.333%; float: left;}
nav .promenu .item>a{display: block; overflow: hidden; margin-bottom:20px;}
nav .promenu .item>a img{display: block; width: 100%}
nav li:hover .promenu{ opacity: 1; left: 0;}

.searchbox{position: relative; float: left; width: 44px; height: 44px;}
.searchbox form{ height: 44px; overflow: hidden; position: absolute; right: 0; top: 0 }
.searchbox form i{ font-size:23px; color: #fff }
.searchbox input{ width: 0; height:44px; background:none; color: #fff; float: left; transition: all .3s;}
.searchbox button{ width:44px; background:#0097de; float: right; line-height: 38px; height:44px; border:0; }
.searchbox input::-webkit-input-placeholder { color: #fff;}
.searchbox input:-moz-placeholder {  color: #fff;}
.searchbox:hover input{width: 190px; padding-left: 15px;}
.searchbox:hover form{background:#0097de; width: 234px;}

.languagebox{ position: relative; float: left; height: 44px; margin: 0 5px; width: 112px; line-height:42px; display: block;}
.languagebox ul{ padding-right:15px; width: 112px; height:44px; display: inline-block; vertical-align: middle; overflow: hidden; transition: all .3s; background:#eee url(../images/arrow_down2.png) no-repeat 90% 17px; background-size: 10px; position: absolute; left: 0; top:0;}
.languagebox ul li{padding:0 15px; line-height: 44px;}
.languagebox a{ line-height:44px; color: #333;}
.languagebox:hover ul{height:auto;}

.toprightNavbar{ position: absolute; right: 80px; top:29px; font-size: 16px; z-index: 1;}
.toprightNavbar .media{float: left;position: relative;}
.toprightNavbar .media a{ display: none; line-height: 44px; color: #aaa; font-size: 24px; margin-right: 4px;text-align: center;width:34px; }
.toprightNavbar .media a.icon-facebook:hover{color: #4460a0}
.toprightNavbar .media a.icon-linkedin:hover{color: #0084b1}
.toprightNavbar .media a.icon-twitter:hover{color: #2fb0ec}
.toprightNavbar .media a.icon-youtube1:hover{color: #dd1829}
.toprightNavbar .media a.icon-whatsapp-fill:hover{color: #0db208}
.toprightNavbar .media span{position: absolute;top:11px;font-size:21px; display: inline-block; right: 8px;color:#333; width: 180px;}

#nav .nav-button{width: 35px; height: 35px; border-radius: 3px; background: #333; color: #fff; position: absolute; right: 10px; top: 19px; line-height: 35px;text-align: center; font-size: 20px; display: none;}
#nav .nav-button i{font-size: 22px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
.position{position: fixed;left: 0;right: 0;background: #fff; top: 0; z-index: 99; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07)}

.footer{background:#333 url(../images/footbg.png) no-repeat center; color: #fff; overflow: hidden;}
.footer .warper{ padding: 55px 0; overflow: hidden;}
.footer h2{font-size: 26px; font-style: italic; margin-bottom: 25px; color: #fff}
.footer .item{width: 30%; float: left;}
.footer .item2{margin: 0 5%;}
.footer .item1 img{max-width: 100%;}
.footer a{color: #fff;}
.footer ul{margin-top:30px;}
.footer li{padding:12px 0; overflow: hidden; display: block; padding-left: 100px; position: relative; color: #fff; font-size:18px; border-bottom: 1px solid rgba(255,255,255,.2); line-height:27px;}
.footer li h6{ font-family:BOLD; color: #fff; width:100px; position: absolute; left: 0; height: 100%; opacity: .6; text-transform: uppercase; font-size: 19px; display: flex; text-align: left; }
.footer li:last-child h6{ padding-top: 12px; }
.footer h4{font-size: 24px; font-family:BOLD; opacity: .6; text-transform: uppercase; margin-bottom:20px;}
.footer form{display: block; overflow: hidden; margin: 0 auto;}
.footer form li{ padding:0; }
.footer form li img{ position: absolute; right: 8px; top: 11px; }
.footer input,.footer textarea{background: rgba(255,255,255,.3); width: 100%; padding:10px; font-size: 18px; margin-bottom: 10px; line-height:30px; resize: none; color: #fff;}
.footer input{height:42px;}
.footer input::-webkit-input-placeholder,.footer textarea::-webkit-input-placeholder { color: #fff;}
.footer input:-moz-placeholder ,.footer textarea:-moz-placeholder {  color: #fff;}
.footer button{width: 100%; height: 50px; border:0; color:#fff; background: #0097de; cursor: pointer; transition: all .3s; font-size:18px; font-family:BOLD}
.footer button:hover{background: #028dcf}
.footer dl dd{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.2); background: url(../images/foot_arrow.png) no-repeat right center; background-size:9px; font-size:18px; font-family:BOLD }
.footer dl{ border-top: 1px solid rgba(255,255,255,.2);}
.footer .copy{background: rgba(0,0,0,.4); line-height: 26px; text-align: center; padding:20px 0; font-size: 17px; overflow: hidden; color: #666;}
.footer .copy a{color: #666;}
.footer .media{ margin-top: 40px; }
.footer .media a{float: left; background:rgba(255,255,255,.5); border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin-right:12px; font-size: 25px; color: #222;}
.footer .media a:before{ opacity: .7}
.footer a:hover{color: #0097de}

.fixnav{position: fixed; left: 0; bottom:30%; z-index: 10;}
.fixnav .item,.fixnav .it{ transition: all .3s;}
.fixnav .item {position: relative; height:38px;}
.fixnav h6{display: block; font-weight: 100; width:35px; z-index: 0; height:35px; font-size:22px;text-align: center;vertical-align: middle;line-height:35px;}
.fixnav h6.icon_whatsapp{background:url(../images/whatsapp.png) no-repeat center; background-size: 24px;}
.fixnav .item1,.fixnav .item1 span{background: #ff7f01}
.fixnav .item2,.fixnav .item2 span{background: #f9ae02}
.fixnav .item3,.fixnav .item3 span{background: #03c305}
.fixnav .item4,.fixnav .item4 span{background: #00aff0}
.fixnav .item span{font-weight: 600; line-height:35px; transition: all .3s; overflow: hidden; font-size: 16px; padding:0 20px; margin-left:35px;position: absolute; left:0; top:0; z-index: 3; display: none; width:180px; }
.fixnav .item:hover span{display: block;}
.fixnav .item1:hover span{width:230px;}
.fixnav a{color: #fff}
.fixnav .it a{width:35px; text-align: center; line-height:35px; font-size: 22px; height:35px; background: #000; display: block;}
.fixnav .it a.icon-facebook{background: #4460a0}
.fixnav .it a.icon-twitter{background: #2fb0ec}
.fixnav .it a.icon-googleplus{background: #d74837}
.fixnav .it a.icon-linkedin{background: #0084b1}
.fixnav .it a.icon-youtube{background: #dd1829}
.fixnav .it a.icon-whatsapp-fill{background: #01dc0e}

#banner img{display: block; width: 100%;}
#banner .owl-controls{margin-top: 0}
#banner .owl-pagination{ display: none }
#banner .owl-controls .owl-buttons{position: absolute; right: 50%; margin-right: -200px; bottom:7%}
#banner .owl-controls .owl-buttons div{width:44px; height:44px; border-radius: 3px; text-indent: 9999px; overflow: hidden; background: url(../images/right.png) no-repeat center; border:1px solid #fff; opacity: 1; background-size: 16px}
#banner .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg); background-color: #0097de; border-color: #0097de}

body{padding-top: 100px;}
.warper{max-width: 1440px; margin: 0 auto;} 
.conbox{padding: 70px 0}
.hometit{margin-bottom:20px; text-align: center;}
.hometit h2{font-size: 42px; font-family: BOLD; text-transform: uppercase; font-weight: 100}
.hometit h2 a:hover{ color: #0097de }

.productbox{overflow: hidden;}
.productbox .warper{position: relative;}
.pro_lis{margin: 0 -15px;}
.pro_lis li{ text-align: center; display: block; padding: 0 15px;}
.pro_lis img,.news_lis img{display: block; width: 100%; transition: all .3s;}
.pro_lis .pic{position: relative; overflow: hidden; margin-bottom: 15px;}
.pro_lis h3{font-size: 22px; text-transform: capitalize; line-height: 26px; font-weight: 100;}
.pro_lis li:hover img{transform: scale(1.1);}
.pro_lis li:hover h3{color: #0097de}
.pro_lis .owl-controls,.honorbox .owl-controls{margin-top:50px}
.pro_lis .owl-pagination,.honorbox .owl-pagination{ position: relative; }
.pro_lis .owl-pagination:before,.honorbox .owl-pagination:before{width: 45%; height: 1px; background: #ddd; position: absolute; left: 0; top: 10px; content: ""}
.pro_lis .owl-pagination:after,.honorbox .owl-pagination:after{width: 45%; height: 1px; background: #ddd; position: absolute; right: 0; top: 10px; content: ""}
.pro_lis .owl-controls.clickable .owl-page span,.honorbox .owl-controls.clickable .owl-page span{margin: 0 3px; width:18px; height: 18px; opacity: 1; background: #dcdcdc}
.pro_lis .owl-controls .owl-page.active span, .pro_lis .owl-controls.clickable .owl-page:hover span{background: #0097de;}
.honorbox .owl-controls.clickable .owl-page span{background:#fff;}
.honorbox .owl-controls .owl-page.active span, .honorbox .owl-controls.clickable .owl-page:hover span{background: #0097de}
.honorbox .owl-pagination:before,.honorbox .owl-pagination:after{background: #fff}

.casebox{ overflow: hidden;}
.case_lis{overflow: hidden; border:1px solid #ddd;}
.case_lis .pic{width: 50%; float: left; overflow: hidden; transform: all .3s; background: #001c31}
.case_lis .pic img{display: inline-block; transition: all .3s;}
.case_lis li{position: relative; width: 50%; float: left; background: #fff; overflow: hidden;}
.case_lis .con{ width: 50%; height: 100%; position: absolute; right: 0; left: 50%; display: flex; align-items: center; padding: 0 30px; justify-content: center;}
.case_lis h3{font-size: 22px; font-weight: 100; line-height:36px; max-height: 70px; overflow: hidden; }
.case_lis .fon{line-height: 28px; color: #999; height:56px; overflow: hidden;  margin: 15px 0  }
.case_lis em,.news_lis em,.lis_news em{margin-top:10px; font-size: 18px; display: inline-block; font-style: normal; color: #0097de;}
.case_lis li:nth-child(1) .pic,.case_lis li:nth-child(2) .pic{ float: right; }
.case_lis li:nth-child(1) .con,.case_lis li:nth-child(2) .con{left: 0 }
.case_lis li:hover .pic{ width: 100%; }
.case_lis li:hover .pic img{opacity: .5 }
.case_lis li:hover .con{ width: 100%; color: #fff; left: 0; text-align: center;}
.case_lis li:hover .con .fon{color: #fff}
.case_lis li:hover em{border-radius: 3px; border:1px solid #fff; color: #fff; padding: 10px 30px;}
.case_lis li:hover h3{font-family: BOLD; font-size: 26px;}

.newsbox,.news_lis{overflow: hidden;}
.news_lis li{width:32%; float: left; overflow:hidden;}
.news_lis li:nth-child(2){margin:0 2%;}
.news_lis .pic{ overflow: hidden; margin-bottom: 20px; position: relative;}
.news_lis .pic span{ display: inline-block; background: rgba(0,151,222,.8); position: absolute; left: 0; bottom: 0; color: #fff; padding: 10px; font-size: 18px; }
.news_lis h3{font-size: 24px; font-weight: 100; line-height:30px; height:60px; overflow: hidden; }
.news_lis p{line-height: 28px; font-size: 18px; color: #999; height:84px; overflow: hidden; margin:12px 0 15px 0 }
.news_lis em{margin-top: 15px;}
.news_lis li:hover img,.lis_news li:hover img,.lis_case li:hover img{transform: scale(1.1);}
.news_lis li:hover h3{color: #0097de}
.news_lis li:hover em{text-decoration: underline;}

.numbox{overflow: hidden;}
.numbox .warper{border-top: 1px solid #ddd; }
.numbox li{width: 25%; padding:40px 20px; float: left; text-align: center; color: #999; font-size: 18px;}
.numbox li div{color: #0097de;font-size: 44px; color: #0097de; font-family:BOLD;}
.numbox li h6{font-size: 34px; color: #0097de; font-family:BOLD; display: inline-block; vertical-align: middle; }
.numbox li p{line-height: 26px; margin-top: 10px;}
.numbox li:hover p{color: #0097de}
/*二级页公用*/
.main{padding:0 0 120px 0; overflow: hidden;}
.bgcolor{background: #f0f0f0}
#sub_banner{ position: relative; overflow: hidden;}
#sub_banner img{display: block; width: 100%;}
.postionline{ font-size: 18px; text-transform: capitalize; position: relative; margin-bottom: 70px;}
.postionline .warper{padding:20px 0 15px 0; border-bottom: 1px solid #ddd;}
.postionline a{color: #666; }
.postionline h2{font-size: 32px; text-transform: uppercase; margin-bottom: 10px;}
.postionline a.iconfont{display: inline-block; font-size: 26px; color: #0097de; vertical-align: middle; margin-right: 10px; margin-top: -6px;}
a.back{ position: absolute; right:50%; margin-right: -720px; top: 17px;}
a.back i{display: inline-block; vertical-align: middle; color: #0097de; font-size: 28px; margin-left: 15px;} 
.row{overflow: hidden;}
a.back:hover,.postionline a:hover{color: #0097de}

.digg4  { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif; margin-top:20px; font-size: 18px;}
.digg4  a,.digg4 span.miy,.digg4  span.current,.digg4  span.disabled{ width:42px; height: 42px; display: inline-block; vertical-align: middle; border-radius: 50%; background:#fff; line-height:38px; margin:0 4px; color:#aaa; text-decoration:none; border:1px solid #ddd;}
.digg4  span.current { background:#0097de; color:#fff; border-color: #0097de; text-decoration:none;}
.digg4  span.disabled { line-height:36px; color:#fff; background:#ccc; font-size:26px; border:0;}
.digg4 .disabledfy { font-family: Tahoma, Verdana;}

.sub_nav{ margin: 0 auto; margin-bottom:35px; overflow: hidden; text-align: center; width: 600px}
.sub_nav a{ font-size: 28px; width:300px; background: #fff; float: left; text-transform: capitalize; text-align: center; padding: 18px 5px; display: inline-block;}
.sub_nav a.on,.sub_nav a:hover{background:url(../images/navbg.png) no-repeat center bottom; border-color: #0097de; color: #fff;}

/*详情*/
.infocon{font-size: 17px; }
.infocon h1{font-size:26px; font-weight: inherit; line-height: 32px; text-align: center; margin-bottom: 30px;}
.infocon img{ display: inline-block; max-width: 100%; }
.infocon .time{ text-align: center; margin-bottom:20px; padding-bottom: 20px; color: #999}
.infocon .time i{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; margin-top: -5px;}
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 28px;}
.infocon .other{ color: #333; }
.infocon .other a{color: #333}
.infocon .other a:hover{ color: #0097de }
.infocon .other div{margin:5px 0;}
.infocon p{line-height:34px; margin: 12px 0;}

/*contact us*/
.contactmain{padding: 0 0 90px 0; overflow: hidden;}
.editbox{overflow: hidden; width: 45%; float: right;}
.contact_form h2{font-size: 36px; font-weight: 100; margin-bottom: 20px;}
.editbox h2{margin-bottom: 50px;}
.editbox h2 img{max-width: 100%}
.editbox li{ position: relative; line-height: 28px; font-size: 18px; margin-bottom: 22px; position: relative; padding-left: 35px;}
.editbox li:nth-child(1) label{ color: #999 }
.editbox li:nth-child(1) a{color:#0097de; font-size: 30px; margin-top: 5px; display: block; margin-left: -35px;}
.editbox li:hover, .editbox li:hover a,.editbox li:hover h6{color: #0097de}
.editbox h6{font-size: 26px; color: #999; vertical-align: middle; display:inline-block; position: absolute; left: 0; top: 1px; margin-right: 10px; margin-top: -3px; font-weight: 100}
.editbox li:nth-child(1) a:hover{text-decoration: underline;}
.editbox .media{margin-top:50px;}
.editbox .media a{float: left; border-radius: 50%; width: 50px; height: 50px; background: #0097de; color: #fff; font-size: 28px; text-align: center; line-height: 50px; margin-right:10px;}
.editbox .media a.icon-facebook:hover,.footer .media a.icon-facebook:hover{background: #4460a0}
.editbox .media a.icon-linkedin:hover,.footer .media a.icon-linkedin:hover{background: #0084b1}
.editbox .media a.icon-twitter:hover,.footer .media a.icon-twitter:hover{background: #2fb0ec}
.editbox .media a.icon-youtube:hover,.footer .media a.icon-youtube:hover{background: #dd1829}
.footer .media a:hover:before{opacity: 1; }
.footer .media a:hover{color: #fff}
.map img{display: block; width: 100%;}

.contact_form{ overflow: hidden; width: 45%; float: left}
.contact_form p{color: #999; margin-bottom:15px; line-height: 30px; font-size: 18px;}
.contact_form li{ border-bottom: 1px solid #bbb;  margin-bottom: 10px; position: relative; }
.contact_form li img{ position: absolute; right: 8px; top: 11px; }
.contact_form input,.contact_form textarea{width: 100%; background: none; border:0; font-size: 18px; padding: 15px 10px;}
.contact_form button{margin-top: 25px; background: #0097de; cursor: pointer; transition: all .3s; color: #fff; border:0; width: 260px; height:55px; font-size:20px;}
.contact_form button:hover{background: #028dcf}
/*news*/

.l{width:280px; float: right; overflow: hidden;}
.l h2{margin-bottom:15px; font-weight: 100; margin-top: 50px; font-size: 32px; text-transform: capitalize;}
.productmain .l{float: left;}
.productmain .r{padding-right:0 ; padding-left: 50px; margin-right: 0; margin-left: 280px;}
.pronav_tit i{display: none;}
.toppost a{color: #999}
.toppost dd{ margin-bottom: 13px; line-height:25px; font-size: 17px;}
.toppost dd a{display: block; padding-left: 20px; position: relative;}
.toppost dd a:before{width:10px; height:10px; background: #0097de; content: ""; display: inline-block; position: absolute; left: 0; top: 8px;}
.toppost dd:hover a{color: #0097de}
.pronav dd{margin-bottom: 28px;}
.pronav dd h3{background: #0097de url(../images/arrow_down.png) no-repeat 95% center; background-size:17px; font-size: 20px; padding: 10px; }
.pronav dd h3 a{color: #fff; padding:5px; display: inline-block; }
.pronav dd div a{ display: block; color: #666; line-height:28px; font-size: 17px; padding-left: 36px; margin-top: 12px; position: relative;}
.pronav dd div a:before{ background: url(../images/xuarrow.png) no-repeat; display: block; width: 8px; height: 12px; content: ""; position: absolute; left:16px; top: 8px;}
.pronav dd div a:hover{color: #0097de; }
.pronav dd div a:hover:before{background: url(../images/xuarrowon.png) no-repeat;}

.l li img{width: 100%; display: block; transition: all .3s;}
.l li{margin-bottom:20px; text-align: center;}
.l li .pic{overflow: hidden;}
.l li:hover img{transform: scale(1.1);}
.l li:hover h3{color: #0097de}
.l .pic{margin-bottom: 10px;}
.l h3{ color: #666; font-weight: 100; font-size: 17px; }
.l .media a{width: 44px; float: left; height: 44px; line-height: 46px; text-align: center; font-size: 24px; border-radius: 3px; display: inline-block; margin-right: 10px; color: #fff;}
.l .media a.icon-facebook{background: #4460a0}
.l .media a.icon-linkedin{background: #0084b1}
.l .media a.icon-twitter{background: #2fb0ec}
.l .media a.icon-youtube{background: #dd1829}
.l form{overflow: hidden; background: #0097de; color: #fff; padding: 10px; position: relative;}
.l form input{height: 45px; background: none; font-size: 17px; width: 100%; padding-left: 45px; color: #fff;}
.l form input::-webkit-input-placeholder { color: #fff;}
.l form input:-moz-placeholder {  color: #fff;}
.l form button{position: absolute; left: 16px; top: 18px; opacity: 0; width: 30px; height: 30px; cursor: pointer;}
.l form i{position: absolute; left: 16px; top:18px; color: #fff; font-size: 26px;}
.r{overflow: hidden; margin-right: 280px; padding-right:50px; }

.lis_news{overflow: hidden;}
.lis_news li{background: #fff; display: block; transition: all .3s; overflow: hidden; margin-bottom: 40px;}
.lis_news .pic{width: 400px; float: left; overflow: hidden; position: relative; }
.lis_news .con{margin-left: 400px; overflow: hidden; padding: 30px 40px;}
.lis_news img,.lis_case img,.lis_pro img{display: block; width: 100%; transition: all .3s;}
.lis_news .pic span{ display: inline-block; background: rgba(0,151,222,.8); position: absolute; top:30px;left: 0; color: #fff; padding: 10px; font-size: 18px; }
.lis_news h3{font-size: 24px; line-height: 36px; max-height: 72px; overflow: hidden; font-weight: 100;}
.lis_news p{margin: 15px 0 25px 0; color: #999; line-height: 27px; height: 81px; overflow: hidden;}
.lis_news li:hover,.lis_case li:hover{background:#0097de;}
.lis_news li:hover .con,.lis_news li:hover p,.lis_news li:hover em{color: #fff;}
.lis_case{overflow: hidden;}
.lis_case li{width: 48.5%; float: left; background: #fff; transition: all .3s; margin-bottom: 20px; } 
.lis_case li:nth-child(even){margin-left:3%;}
.lis_case .pic{ overflow: hidden;}
.lis_case h3{font-size: 22px; line-height: 30px; font-weight: 100; max-height: 60px; overflow: hidden;}
.lis_case p{color: #999; line-height: 28px; height: 56px; overflow: hidden; margin:5px 0 20px 0;}
.lis_case em,.lis_pro em{font-size: 18px; color: #0097de; font-style: normal;}
.lis_case .con{padding:25px 0 35px 0;}
.lis_case li:hover .con{padding:25px 20px 35px 20px;}
.lis_case li:hover em,.lis_case li:hover h3,.lis_case li:hover p,.lis_pro li:hover h3,.lis_pro li:hover p,.lis_pro li:hover em{color: #fff;}

.lis_pro{overflow: hidden;}
.lis_pro li{background: #fff; display: block; transition: all .3s; overflow: hidden; margin-bottom:30px;}
.lis_pro .pic{width: 350px; float: left; overflow: hidden; }
.lis_pro .con{margin-left: 350px; overflow: hidden; padding: 30px 25px 0 40px;}
.lis_pro h3{font-size: 24px; font-weight: 100; line-height: 30px;}
.lis_pro p{margin: 15px 0 25px 0; color: #999; line-height: 27px; height: 81px; overflow: hidden;}
.lis_pro li:hover{background: #0097de}
.lis_pro li:hover img{transform: scale(1.1);}
.proclasstit{overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom:50px;}
.proclasstit h2{font-size: 32px; font-weight: 100; float: left;}
.proclasstit a{ float: right; font-size:20px; }
.proclasstit a i{display: inline-block; vertical-align: middle; color: #0097de; font-size: 34px; margin-right: 12px;}
.proclasstit a:hover{color: #0097de}
/*about*/
.aboutmain .numbox{ padding: 0; margin: 0 ;}
.aboutmain .numbox .warper{ border:0;}
.aboutmain .numbox .con{font-size: 17px; line-height: 30px;}
.aboutmain .numbox li{padding-bottom: 0}
.companybox{background: url(../images/companybg.jpg) no-repeat center bottom;}
.companybox p{ line-height: 28px; font-size: 17px; }
.imgshow{margin: 15px 0 0 0; overflow: hidden;}
.imgshow li{width: 24%; overflow: hidden; float: left; margin-left:1.5%; margin-bottom:20px;}
.imgshow li:nth-child(1){width: 48%; margin-left: 0; margin-bottom: 0}
.imgshow li img{display: block; width: 100%; transition: all .3s}
.imgshow li:hover img{transform: scale(1.1);}
.honorbox{padding-bottom:70px; margin: 0 -15px; margin-bottom:40px; margin-top: 30px;}
.honorbox img {display: block; width: 100%; transition: all .3s;}
.honorbox li{ text-align: center; margin:10px 15px;}
.honorbox li:hover{box-shadow: 0px 2px 10px 2px rgba(0,0,0,.5)}

.historymain{background: url(../images/historybg.jpg) no-repeat center top;}
.historylis{overflow: hidden; padding:80px 0 120px 0; position: relative;}
.historylis:after{width:2px; height: 100%; top: 0; left: 50%; margin-left: -1px; position: absolute; content: ""; background: #0097de}
.historylis:before{width: 260px; height: 60px; line-height: 65px; color: #fff; position: absolute; left: 50%; margin-left: -130px; bottom: 0; content: "To be continued"; background: #0097de; text-align: center; z-index: 1; font-size: 24px; text-transform: uppercase; font-family:BOLD }
.historylis li{overflow: hidden; position: relative;}
.historylis li:nth-child(1){width: 20px; height: 20px; content: ""; position: absolute; left:50%; margin-left: -10px; top: 0; background: #0097de; border-radius: 50%;}
.historylis li .item{width: 50%; float: left; text-align: right; padding-right: 60px; padding-left: 200px; position: relative;}
.historylis li .item:before{width: 15px; height: 15px; content: ""; position: absolute; right:-7px; top: 0; background: #0097de; border-radius: 50%;}
.historylis li .item:nth-child(even){ text-align: left; margin-top: 100px; float: right; padding-right:200px; padding-left:60px; }
.historylis li .item:nth-child(even):before{ right: auto; left: -7px; }
.historylis li em{color: #0097de; text-transform: uppercase; font-style: normal;}
.historylis li h5{font-size: 56px; font-family:BOLD; margin-bottom: 10px; margin-top: 5px; font-style: italic; color: #0097de }
.historylis li .con{line-height: 28px; transition: all .3s; font-size: 18px;}
.historylis li .item:hover .con{ color: #0097de }

/*product*/

.pro_detail{position: relative; overflow: hidden; padding: 65px 0; background: url(../images/pro_detail_bg.jpg) no-repeat center; }
.pro_detail img,.pro_infomain img{max-width: 100%;}
.flashpic{float: left; width: 710px; position: relative; }
.mod18Box { width: 100%;  }
.mod18{ width:710px; height:695px; position: relative; }
.mod18 .btn{position:absolute;width:32px; height:150px; top:545px; cursor:pointer;z-index:2;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/right.png) no-repeat #333 center; background-size: 10px; transform: rotate(180deg);}
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px; opacity: 0;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/right.png) no-repeat #333 center; background-size: 10px;}
.mod18 li{float:left;}
/*.mod18 .cf { padding-left: 40px}*/
.mod18 .cf li{position:relative;color:#fff; }
.mod18 .picBox{height:533px; position:relative;overflow:hidden;}
.mod18 .picBox ul{ position:absolute;}
.mod18 .picBox li{width:710px;}
.mod18 .picBox li img{ width: 100%; height: 100%; object-fit: cover; }
.mod18 .listBox{ width: 700px; height: 162px; margin: 0 auto; position: relative; padding:12px 0 0px; padding-left:33px; overflow: hidden; }
.mod18 .listBox ul{ position:absolute;}
.mod18 .listBox li{width:200px;height:150px;margin: 0 6px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;}
.mod18 .listBox li img{width:100%;}
.mod18 .listBox .on i{display:block;}
.prodel-swiper .rcon{ margin-left: 812px; padding-left: 30px; }

.pro_detail .rcon{margin-left: 710px; padding-left:55px; padding-top: 50px; overflow: hidden;}
.pro_detail h1{font-size:36px; font-weight: 100; margin-bottom:20px;}
.pro_detail .fon{color: #666; font-size: 19px; line-height: 32px; overflow: hidden;}
.pro_detail .fon p{position: relative;}
.pro_detail .rcon ul{padding: 25px 0; border-top: 1px dashed #333; border-bottom: 1px dashed #333; margin: 40px 0; overflow: hidden;}
.pro_detail .rcon ul li{ float: left; position: relative; overflow: hidden;}
.pro_detail .rcon ul li:nth-child(2){float: right;}
.pro_detail .rcon ul label{display: block; font-size: 15px; text-transform: uppercase; line-height: 30px;}
.pro_detail .rcon ul a{font-size:28px;}
.pro_detail .links{overflow: hidden;}
.pro_detail .links a{display: block; width: 47%; float: left; border-radius:5px; color: #fff; height: 60px; line-height:65px; background: #0097de; text-align: center; font-size:22px;}
.pro_detail .links a i{display: inline-block;vertical-align: middle; font-size: 32px; margin-right:12px;}
.pro_detail .links a:last-child{ margin-left: 4%;}
.addthis_inline_share_toolbox{ margin-top: 40px; }

.proinfomenu{text-align: center; background:#0097de; overflow: hidden; display: none;}
.proinfomenu a{ width:25%; font-size:22px; display: block; color: #fff; float: left; padding:18px 0}
.proinfomenu a.on,.proinfomenu a:hover{background:rgba(255,255,255,.2);}
.proinfomenu.top0{position: fixed; top: 0; left:0; width: 100%; display: block; height: auto; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2); z-index: 3;}

.info_tit{font-size: 22px; color: #222; text-transform: capitalize; margin-bottom: 15px; padding-top: 70px;}
.info_tit h2{display: inline-block; vertical-align: middle; font-weight: 100; font-size: 32px; margin-top: -3px; margin-right: 10px;}
.pro_infomain{color: #333; padding-bottom: 120px; overflow: hidden;}
.pro_infomain p{line-height: 30px; color: #666; font-size: 19px;}
.pro_infomain h4{margin:30px 0 25px 0; font-size: 24px; font-weight: 100}
.pro_infomain p.dui{padding-left: 32px; position: relative; margin-bottom: 10px;}
.pro_infomain p.dui:before{width:17px; height:14px; content: ""; position: absolute; left: 0; top:7px; border-radius: 50%; background:url(../images/dui.png) no-repeat center; color: #fff}
.pro_infomain .row .item{width: 48%; float: left;}
.pro_infomain .row .item:nth-child(even){margin-left: 4%;}
.infoproimg{overflow: hidden; margin:0 -5px; margin-top: 20px;}
.infoproimg li{width: 19.4%; margin: 0 .3%; float: left; overflow: hidden;}
.infoproimg li img{width: 100%; transition: all .3s}
.infoproimg li:hover img{transform: scale(1.1);}

.tabbox{ overflow-x: auto; } 
.tabbox table{border-left: 1px solid #aaa;border-top: 1px solid #aaa}
.tabbox table tr{transition: all .3s;}
.tabbox table td{border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;color: #555;line-height: 28px;padding:8px 10px;font-size: 15px;text-align: center;}
.tabbox table tr:nth-child(1) td{font-size: 15px;color: #fff;background:#0097de;}

.pro_infomain .contact_form{margin-top: 0; width: 100%; float: none}
.pro_infomain .contact_form h2{text-align: left; text-transform: capitalize; margin-bottom: 10px;}
.pro_infomain .contact_form li{width: 49.5%; float: left; border:1px solid #666; overflow: hidden;}
.pro_infomain .contact_form li:nth-child(even){margin-left: 1%;}
.pro_infomain .contact_form li:nth-child(5){width: 100%; float: none;}
.pro_infomain .contact_form li:last-child{width: 100%; float: none;margin-left: 0;}
.pro_infomain .contact_form button{border-radius: 5px; font-family:BOLD }

.rel_pro{margin: 0 -15px;}
.rel_pro .info_tit{margin-left: 15px;}
.rel_pro .pro_lis{overflow: inherit; margin: 0}
.rel_pro .owl-controls{margin-top: 0}
.rel_pro .owl-pagination{position: absolute; right: 10px; top: -40px;}
.rel_pro .owl-pagination:before,.rel_pro .owl-pagination:after{display: none;}
.rel_pro .owl-controls.clickable .owl-page span{margin: 0 3px; opacity: 1; background: #dcdcdc}
.rel_pro .owl-controls .owl-page.active span, .rel_pro .owl-controls.clickable .owl-page:hover span{background: #0097de;}

.footmenu{ position: fixed; bottom: 0; left:0; width: 100%; z-index: 5; max-width:1024px;display:none; }
.footmenu img{ display: block; }
.footmenu div.bgcolor{height: 50px;clear: both;background: #0097de;}
.footmenu div.con{ position: absolute; bottom: 0; left: 0; width: 100%;}
.footmenu a{color: #fff; font-size: 1rem; height: 50px; display: block; width:25%; text-align: center; float: left; }
.footmenu a i{font-size: 20px; text-align: center; margin-top: 5px; display: block;}




@media screen and (max-width: 1850px) {
  .toprightNavbar .media{display: none;}

}

@media screen and (max-width: 1680px) {
  #nav{ margin-left:80px }
  .toprightNavbar{right: 50px}

}

@media screen and (max-width: 1600px) {
  #nav{margin-left: 50px}
  .logo{margin-left:30px;}
  .toprightNavbar{right: 30px}
  nav li{margin-left: 35px;}

}

@media screen and (max-width: 1480px) {
  .logo{margin-left:10px;}
  .toprightNavbar{right:10px}
  nav li{margin-left:25px;}
  .warper{padding: 0 40px;}
  .footer .warper{padding: 60px 40px}
  .postionline .warper{padding: 20px 40px 15px 40px}
  a.back{margin-right: -680px;}
  #banner .owl-controls .owl-buttons{margin-right: -180px}

}

@media screen and (max-width: 1440px) {
  a.back{margin-right: 0;right:10px;}
 

}

@media screen and (max-width: 1400px) {
  .pro_detail .rcon ul a{font-size: 26px}
  #banner .owl-controls .owl-buttons{bottom: 5%}
 
}

@media screen and (max-width: 1366px) {
  #nav{margin-left:20px}
  nav li>a{font-size: 18px;}
  nav dl dd h3{font-size: 16px;}
  .pro_detail .rcon{padding-top:25px;}
  .pro_detail .rcon ul{padding: 15px 0; margin: 20px 0}
  .pro_detail .rcon ul li{width: 100%; margin: 5px 0}
  .addthis_inline_share_toolbox{margin-top: 20px; }
    
}

@media screen and (max-width: 1279px) {
  .logo img{ height:82px; }
  .logo{margin:9px 0; margin-left: 10px;}
  header{height: 100px;}
  nav li>a{line-height: 100px;}
  body{padding-top: 100px}
  .toprightNavbar{top: 27px;}
  nav dl{top: 100px;}
  .contact_form h2{font-size: 34px;}
  .postionline{margin-bottom: 60px;}
  .lis_news h3{font-size: 22px; line-height: 32px; max-height: 64px;}
  .lis_news .con{padding:25px 30px;}
  .main{padding-bottom: 100px;}
  .proclasstit h2{font-size: 30px;}
  .hometit h2{font-size: 46px;}
  .conbox{padding: 60px 0}
  .case_lis .pic img{height: 300px}
  .pro_detail h1{font-size: 32px;}
  .pro_detail .links a{font-size: 20px; height: 55px; line-height: 57px;}
  .pro_detail .links a i{font-size: 26px; margin-right: 8px;}
  .pro_infomain{padding-bottom: 100px;}
  .sub_nav a{font-size: 26px;}
  .historylis li h5{font-size: 52px;}
  .l h2{font-size: 30px;}
  #banner .owl-controls .owl-buttons{margin-right: -160px}
 
}

@media screen and (max-width: 1199px) {
  .searchbox{display: none;}
  .languagebox{margin: 0}
  .languagebox ul li{padding: 0 10px;}
  .languagebox,.languagebox ul{width: 102px;}
  nav li>a{font-size: 17px;}
  #nav{margin-left:0px}
  .logo img{ height:70px; }
  .logo{margin:15px 0; margin-left: 10px;}
  .fixnav{display: none;}
  .warper{padding: 0 10px;}
  .footer dl dd,.footer li{font-size: 18px;}
  .footer li{padding-left: 85px}
  .footer li h6{font-size: 19px;}
  .footer .media a{width: 50px; height: 50px; line-height: 52px; font-size: 28px;}
  .footer .warper{padding: 50px 10px}
  a.back{display: none;}
  .lis_news .pic{width: 320px;}
  .lis_news .con{margin-left: 320px; padding:15px 25px }
  .lis_news h3{font-size: 20px;}
  .lis_news p{margin: 10px 0}
  .lis_news li{margin-bottom: 25px;}
  .main{padding-bottom: 80px;}
  .case_lis h3{font-size: 20px; line-height: 30px; max-height: 60px;}
  .case_lis li:hover h3{font-size: 24px; line-height: 32px;}
  .numbox li div,.numbox li h6{font-size: 42px;}
  .flashpic{float: none;}
  .pro_detail .rcon{margin-left: 0; padding-left: 0}
  .pro_detail{background-size: cover;}
  .info_tit h2{font-size: 30px;}
  .rel_pro .owl-pagination{top: -35px;}
  .honorbox{padding-bottom: 50px; margin-bottom:15px}
  .historylis li .item{padding-left: 0}
  .historylis li .item:nth-child(even){padding-right: 0}
  .historylis li h5{font-size: 48px;}
  #banner .owl-controls .owl-buttons div{width:40px; height: 40px;}
  #banner .owl-controls .owl-buttons{margin-right: -140px}
}



@media screen and (max-width: 1024px) {
  .backToTop{width: 40px; height: 40px; right: 0; background-size: 25px;}
  .toprightNavbar{ top: 10px; right: 60px;}
  .languagebox ul{position: initial; padding-right: 0; background: none}
  .languagebox, .languagebox ul{width: auto}
  .languagebox ul li{float: left; font-size: 14px; padding:0; margin-left: 10px}
  .logo{margin:10px 0; margin-left: 10px;}
  .logo img{height:44px; }  
  header{height: 64px;} 
  body{padding-top:64px;}
  nav{position: fixed;left: 0;top: 0;bottom: 0;width: 280px; height: 100%; box-shadow: 0 3px 5px #666; z-index: 99; overflow-y: auto;background:#0097de;transform: translateX(-300px);transition: 0.3s; margin-left: 0}
  nav li{ display: block; width: 100%; margin:0; padding:0;}
  nav li>a{ line-height:50px; text-align: left; display: block; height: auto ;padding:0 10px; color: #fff; margin-left: 0}
  nav li.on>a,nav li:hover>a{height: auto; line-height:50px; color: #fff; font-weight: 600}
  nav dl{opacity: 1; left: 0; top: auto; position:initial; background:rgba(255,255,255,.2);}
  nav dl a{padding: 10px 10px; }
  #nav{height: auto; padding-left: 0; margin-top: 0}
  #nav .nav-button{ display: block; top:14px; background: #0097de }
  
  .footer .warper{padding: 40px 10px}
  .footer .item{width: 100%; float: none;}
  .footer .item2{margin: 30px 0}
  .footer li:last-child h6{padding-top: 0}
  .footer .media{margin-top: 20px}
  .contact_form h2{font-size: 32px;}
  .postionline{margin-bottom: 40px; font-size: 16px;}
  .postionline a.iconfont{font-size: 22px; margin-top: -3px;}
  .postionline .warper{padding: 10px 0}
  .infocon h1{font-size: 24px;}
  .infocon .time{padding-bottom: 0}
  .infocon .other{margin-top: 30px;}
  .pro_lis{margin: 0}
  .pro_lis .owl-controls, .honorbox .owl-controls{margin-top: 30px;}
  .pro_lis h3{font-size: 20px;}
  .hometit h2{font-size: 42px}
  .conbox{padding: 40px 0}
  .pro_lis li{padding: 0 5px;}
  .pro_lis .owl-controls.clickable .owl-page span, .honorbox .owl-controls.clickable .owl-page span{width: 14px; height: 14px;}
  .pro_lis .owl-pagination:before, .honorbox .owl-pagination:before,.pro_lis .owl-pagination:after, .honorbox .owl-pagination:after{width: 40%; top: 7px;}
  .case_lis .pic img{height: 230px;  }
  .case_lis li em{font-size: 16px;}
  .case_lis .fon{margin: 10px 0 ; line-height: 24px; height: 48px;}
  .case_lis li:hover h3{font-size: 22px;  }
  .case_lis li:hover em{padding: 8px 20px;  }
  .news_lis h3{font-size: 22px;  }
  .numbox li div,.numbox li h6{font-size: 40px; }
  .footer .item1 img{width: 320px;  }
  .pro_detail h1{font-size: 30px; margin-bottom: 15px;  }
  .proinfomenu{display: none; }
  .pro_detail{padding: 45px 0  }
  .info_tit{padding-top: 40px; margin-bottom: 15px; }
  .info_tit h2{font-size: 28px  }
  .rel_pro{margin: 0  }
  .rel_pro .info_tit{margin-left: 0 }
  .pro_infomain{padding-bottom: 80px; }
  .rel_pro .owl-pagination{right: 0  }
  .sub_nav{width: 520px;}
  .sub_nav a{font-size: 24px; width: 260px;}
  .honorbox{margin-left: 0; margin-right: 0; }
  .honorbox li{margin:5px;  }
  .historylis:before{font-size: 22px;  }
  .l h2{font-size: 28px; }
  #banner .owl-controls .owl-buttons div{width:30px; height: 30px;}
  #banner .owl-controls .owl-buttons{margin-right: -120px}
  .pro_detail .rcon ul a{font-size: 24px}
   
}

@media screen and (max-width: 990px) {
  .contactmain{padding-bottom: 80px}
  .r{margin-right: 0; padding-right: 0}
  .lis_news .con{padding-right:20px}
  .lis_case h3{font-size: 20px;}
  .lis_case .con{padding: 15px 0}
  .lis_case li:hover .con{padding: 15px;}
  .lis_case em{font-size: 16px;}
  .productmain .r{margin-left: 0; padding-left: 0}
  .proclasstit{margin-bottom: 20px;}
  .lis_pro li{margin-bottom: 20px;}
  .proclasstit h2{font-size: 28px;}
  .numbox li{padding: 40px 10px;}
  .sub_nav{margin-bottom: 20px;}
  .historylis li h5{font-size: 45px;}
  .l h2{display: none;}
  .toppost{display: none;}
  .l ul{display: none;}
  .l .media{display: none;}
  .l,.productmain .l{width: 100%; float: none; margin-bottom: 20px;}
  .l h2.pronav_tit{display: block; background: #0097de ;padding: 15px; color: #fff; position: relative; margin:10px 0}
  .pronav_tit i{font-style: normal; position: absolute ; display: block; right: 15px; top: 16px; cursor: pointer;}
  .pronav{display: none;}
  .pronav dd h3{font-size: 18px; padding: 7px 10px;}
  .pronav dd{margin-bottom: 15px;}
  .pronav dd div a{margin-top: 5px; font-size: 16px;}
  
}

@media screen and (max-width:900px) {
  .contact_form,.editbox{width: 100%; float: none;}
  .editbox{ margin-top: 40px }
  .editbox h2{margin-bottom: 20px}
  .editbox .media{margin-top: 20px}
  .contact_form button{margin-top:10px}
  .contact_form p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
  .editbox li:nth-child(1) a{font-size: 26px;}
  .contact_form h2{margin-bottom: 10px; font-size: 30px}
  .lis_pro h3{font-size: 22px;}
  .hometit h2{font-size: 38px;}
  .hometit{margin-bottom: 10px;}
  .case_lis .pic img{height: 200px;}
  .numbox li div,.numbox li h6{font-size: 36px;}
  .pro_detail h1{font-size: 28px;}
  .info_tit h2{font-size: 25px;}
  .pro_infomain .row .item{width: 100%; float: none;}
  .pro_infomain .row .item:nth-child(even){margin-left: 0}
  .pro_infomain p.dui{margin-bottom: 5px;}
  .infoproimg{margin: 0}
  .pro_infomain h4{font-size: 20px; margin-bottom: 15px;}
  .infoproimg li{width: 32.333%; margin: 0 .5%; margin-top: 6px;}
  .tabbox table tr td{padding: 5px;}
  .tabbox table td,.tabbox table td p{font-size: 15px;}
  .tabbox table tr:nth-child(1) td,.tabbox table tr:nth-child(1) td p{font-size: 16px;}
  .info_tit{font-size:18px;}
  .sub_nav a{font-size: 22px}
  .l h2{font-size: 26px;}
  #banner .owl-controls .owl-buttons{margin-right: -110px}
 
}

@media screen and (max-width:899px) {
  .numbox li{font-size: 16px;}


 
}

@media screen and (max-width:780px) {
  .footer .warper{padding: 30px 10px;}
  .footer h4{font-size: 22px; margin-bottom: 10px}
  .footer dl dd{padding: 15px 0}
  .footer li{padding: 10px 0 10px 85px;}
  .footer ul{margin-top: 20px;}
  .footer .media a{width: 42px; height: 42px; line-height: 42px; font-size: 24px;}
  .footer .copy{padding: 20px 10px; font-size: 16px;}
  .postionline{margin-bottom: 30px}
  .conbox{padding: 30px 0}
  .pro_lis h3{font-size: 18px; line-height: 24px;}
  .case_lis li{width: 100%; float: none;}
  .case_lis .pic img{height: 362px;}
  .case_lis li:nth-child(2) .pic{float: left;}
  .case_lis li:nth-child(2) .con{left: 50%;}
  .case_lis li:nth-child(2):hover .con{left: 0}
  .case_lis li:nth-child(3) .pic{float: right;}
  .case_lis li:nth-child(3) .con{left: 0;}
  .case_lis li:nth-child(3):hover .con{left: 0}
  .news_lis h3{font-size: 20px;}
  .news_lis p{font-size: 16px; line-height: 26px; height: 78px;}
  .news_lis em{margin-top: 0}
  .news_lis .pic{margin-bottom: 10px;}
  .news_lis .pic span{font-size: 16px; padding:7px;}
  .numbox li div,.numbox li h6{font-size: 32px;}
  .pro_detail h1{font-size: 26px;}
  .pro_detail{padding: 30px 0}
  .info_tit{padding-top: 30px;}
  .info_tit h2{font-size: 24px;}
  .pro_infomain{padding-bottom: 60px;}
  .historylis li h5{font-size: 40px;}
  .historylis li .con{font-size: 16px;}
  .historylis:before{font-size: 20px; height: 50px; line-height: 55px;}
  #banner .owl-controls .owl-buttons{margin-right: -90px}
  #banner .owl-controls .owl-buttons div{width: 26px; height: 26px; background-size: 12px; margin: 0 2px;}
  .pro_infomain p,.pro_detail .fon{font-size: 16px; line-height: 27px;}
 
}

@media screen and (max-width:768px) {
  .contact_form h2{font-size: 28px;}
  .lis_news .pic{width: 260px;}
  .lis_news .con{padding:15px 5px 0 20px; margin-left: 260px;}
  .lis_news h3{line-height: 28px; max-height: 56px; font-size: 18px;}
  .case_lis em, .news_lis em, .lis_news em{font-size: 16px;}
  .lis_news li{margin-bottom: 15px;}
  .lis_news p{height: 54px;}
  .lis_news .pic span{font-size: 15px; padding:7px; top: 10px}
  .main{padding-bottom: 60px;}
  .infocon h1{font-size: 22px;}
  .infocon{font-size: 16px;}
  .infocon p{line-height: 30px;}
  .proclasstit h2{font-size: 26px;}
  .proclasstit a i{font-size: 30px;}
  .proclasstit{padding-bottom: 5px;}
  .lis_pro .pic{width: 300px;}
  .lis_pro .con{margin-left: 300px; padding: 15px 0 0 20px}
  .lis_pro h3{font-size: 20px}
  .hometit h2{font-size: 35px;}
  .pro_lis .owl-controls, .honorbox .owl-controls{margin-top:15px;}
  .case_lis .pic img{height: 354px;}
  .numbox li div,.numbox li h6{font-size: 28px;}
  .numbox li p{ line-height: 22px; }
  .case_lis li:hover h3{font-size: 20px; line-height: 26px; max-height: 52px;}
  .case_lis h3{font-size: 18px; line-height: 26px; max-height: 52px;}
  .contact_form h2{font-size: 24px;}
  .sub_nav{width: 400px;}
  .sub_nav a{font-size: 20px; padding: 14px 0; width: 200px;}
  .sub_nav a.on{ background-size:auto 100%;}
  .companybox p{font-size: 16px; line-height: 26px;}
  .imgshow li{width: 48.5%; margin-left: 0}
  .imgshow li:nth-child(odd){margin-left: 3%}
  .imgshow li:nth-child(1){width: 100%; float: none; margin-left: 0; margin-bottom: 10px;}
  .l h2{font-size: 24px;}

}

@media screen and (max-width:760px) {
  .flashpic,.mod18,.mod18 .picBox li{width: 520px;}
  .mod18 .listBox{width: 480px; padding-left: 15px;height: 120px;}
  .mod18 .picBox{height: 390px;}
  .mod18 .btn{top: 402px}
  .mod18{height: 522px;}
  .mod18 .listBox li{margin: 0 3px; height: 108px; width: 144px;}
  .mod18 .btn{height: 108px;}
  .l form{padding: 5px 10px;}
  .l form i{font-size: 23px; top: 14px; left: 12px;}

}

@media screen and (max-width:640px) {
  .contact_form button{height: 45px; font-size: 18px;}
  .contact_form input, .contact_form textarea{padding: 10px ; font-size: 16px;}
  .editbox li:nth-child(1) a{font-size: 22px; margin-top: 0}
  .editbox li{font-size: 16px; margin-bottom: 15px;}
  .editbox h6{font-size: 22px;}
  .editbox{margin-top: 25px;}
  .contactmain{padding-bottom: 60px}
  .digg4{margin-top: 10px;}
  .digg4 a, .digg4 span.miy, .digg4 span.current, .digg4 span.disabled{width: 32px; height: 32px; line-height:30px; font-size: 14px; margin: 0 2px;}
  .lis_case li{width: 100%; float: none;}
  .lis_case li:nth-child(even){margin-left: 0}
  .lis_case h3{font-size: 18px; line-height: 26px; max-height: 52px;}
  .proclasstit h2{font-size: 24px;}
  .lis_pro .pic{width:220px;}
  .lis_pro .con{margin-left: 220px; padding:8px 0 0 20px}
  .lis_pro p{height:48px; line-height: 24px; margin: 5px 0 15px 0}
  .proclasstit a i{font-size: 24px;}
  .proclasstit a{font-size: 16px;}
  .proclasstit{padding-bottom: 10px;}
  .lis_pro em{font-size: 16px;}
  .hometit h2{font-size: 32px;}
  .pro_lis h3{font-size: 17px;}
  .pro_lis .owl-pagination:before, .honorbox .owl-pagination:before, .pro_lis .owl-pagination:after, .honorbox .owl-pagination:after{width: 30%;}
  .case_lis .pic img{height:296px;}
  .news_lis h3{font-size: 18px; line-height: 26px; height:52px;}
  .news_lis li{margin-bottom: 0; width: 48.5%;}
  .news_lis li:nth-child(even){margin-left: 3%;}
  .news_lis li:nth-child(2){margin-right: 0}
  .news_lis li:nth-child(3){display: none;}
  .pro_detail h1{font-size: 24px;}
  .pro_infomain .contact_form li{width: 100%; float: none;}
  .pro_infomain .contact_form li:nth-child(even){margin-left: 0}
  .sub_nav{width: 320px;}
  .sub_nav a{font-size: 18px; width: 160px;}
  .historylis li h5{font-size: 36px;}
  .historylis li .item{padding-right: 40px;}
  .historylis li .item:nth-child(even){padding-left: 40px;}
  .historylis{padding: 50px 0 100px 0}
  #banner .owl-controls .owl-buttons{margin-right: -70px;}

}

@media screen and (max-width:520px) {
  .lis_pro h3{font-size: 20px;}
  .case_lis .pic img{height:234px;}
  .numbox li{width: 50%; padding:25px 10px 0 10px}
  .numbox{padding-bottom:30px;}
  .flashpic,.mod18,.mod18 .picBox li{width: 440px;}
  .mod18 .listBox{width: 400px; height: 100px; padding-left: 15px;}
  .mod18 .picBox{height: 330px;}
  .mod18 .btn{top: 342px; height:88px;}
  .mod18{height: 430px;}
  .mod18 .listBox li{width: 118px; height: 89px;}
  .honorbox{padding-bottom: 40px; margin-bottom: 0}
  .historylis li h5{font-size: 32px; margin-bottom: 0;}
  #banner .owl-controls .owl-buttons{bottom: 3%}
.footmenu {display: block;}
}


@media screen and (max-width:480px) {
  .footer .warper{padding-top: 15px}
  .footer dl dd, .footer li{font-size: 16px;}
  .footer .media a{width: 36px; height:36px; line-height:36px; font-size: 21px;}
  .footer input{height: 40px}
  .footer button{height: 45px; font-size: 18px;}
  .contact_form h2{font-size: 26px;}
  .editbox .media a{width: 36px; height: 36px; line-height: 36px; font-size: 20px}
  .lis_news .pic{width: 180px;}
  .lis_news .con{margin-left: 180px; padding-top: 10px; padding-left: 15px;}
  .lis_news p{line-height: 24px; height: 48px; margin-bottom: 0}
  .lis_news em{display: none;}
  .lis_news h3{font-size: 17px; line-height: 26px; max-height: 52px}
  .infocon h1{font-size: 20px; line-height: 29px; margin-bottom: 20px;}
  .lis_case p{margin-bottom: 10px; line-height: 26px; height: 52px;}
  .lis_case .con{padding: 10px 0}
  .lis_case li:hover .con{padding: 10px;}
  .proclasstit h2{font-size: 22px;}
  .lis_pro .pic{width:180px;}
  .lis_pro .con{margin-left: 180px; padding:10px 10px 10px 20px}
  .lis_pro h3{font-size:18px; line-height: 26px; max-height: 52px; overflow: hidden;}
  .hometit h2{font-size: 28px;}
  .case_lis .pic img{height:214px;}
  .news_lis .pic span{font-size: 14px;}
  .news_lis p{margin-top: 6px; line-height: 24px; height: 70px;}
  .numbox li div, .numbox li h6{font-size: 26px;}
  .footer .item1 img{width: 240px;}
  .case_lis li:hover h3{font-size: 18px;}
  .pro_detail h1{font-size: 22px;}
  .info_tit h2{font-size: 21px;}
  .info_tit{font-size: 16px;}
  .pro_infomain h4{font-size: 18px;}
  .pro_detail .links a{font-size: 18px; height: 45px; line-height: 47px;}
  .rel_pro .owl-pagination{top: -30px;}
  .contact_form h2{font-size: 21px;}
  .pro_infomain{padding-bottom: 40px;}
  .historylis li h5{font-size: 28px;}
  .historylis li .item{padding-right: 25px;}
  .historylis li .item:nth-child(even){padding-left: 25px;}
  .historylis:before{font-size: 18px}
  .l h2{font-size: 22px;}
  #banner .owl-controls .owl-buttons{margin-right: 0; right: 0; width: 100%; text-align: center; }
  #banner .owl-controls .owl-buttons div{background-color: #666; border-color: #666}
 
}

@media screen and (max-width:414px) {
  .footer h4{font-size: 20px;}
  .contact_form h2{font-size: 22px;}
  .contact_form button{width: 100%;}
  .contactmain{padding-bottom: 40px}
  .infocon h1{font-size: 18px; line-height: 26px;}
  .infocon p{line-height: 27px;}
  .infocon .other{padding-top: 5px; margin-top: 20px;}
  .lis_case h3{font-size: 16px;}
  .proclasstit h2{font-size: 20px;}
  .proclasstit a i{margin-right: 5px;}
  .lis_pro .pic{width:160px;}
  .lis_pro .con{margin-left: 160px; padding:5px 5px 5px 15px}
  .lis_pro em{display: none;}
  .lis_pro p{margin-bottom: 0}
  .lis_pro li{margin-bottom: 15px;}
  .lis_pro h3{font-size: 17px;}
  .hometit h2{font-size: 25px;}
  .numbox li div, .numbox li h6{font-size: 24px;}
  .case_lis .pic img{height: 180px;}
  .case_lis li em{display: none;}
  .case_lis .fon{margin-bottom: 0}
  .flashpic,.mod18,.mod18 .picBox li{width:375px;}
  .mod18 .listBox{width: 360px; height: 89px; padding-left: 20px;}
  .mod18 .picBox{height:281px;}
  .mod18 .btn{top: 292px; height:77px; width: 25px;}
  .mod18{height:370px;}
  .mod18 .listBox li{width:101px; height: 77px;}

  .pro_detail .rcon{padding-top: 20px;}
  .pro_detail .fon{font-size: 16px; line-height: 26px;}
  .historylis li h5{font-size: 24px;}
  .l h2{font-size: 20px;}

}

@media screen and (max-width:400px) {
  .toprightNavbar{top: 8px;}
  .languagebox ul{height: auto}
  .languagebox ul li{display: block;float: none; line-height:26px;}
  .languagebox a{line-height: 26px;} 

}
@media screen and (max-width:375px) {
  .flashpic,.mod18,.mod18 .picBox li{width:335px;}
  .mod18 .listBox{width: 320px; height: 77px; padding-left: 20px;}
  .mod18 .picBox{height:251px;}
  .mod18 .btn{top: 263px; height: 65px;}
  .mod18{height:328px;}
  .mod18 .listBox li{width: 87px; height: 65px;}

}

@media screen and (max-width:360px) {
  .lis_news .pic{width: 100%; float: none;}
  .lis_news .con{margin-left: 0; padding: 10px;}
  .lis_news p{margin-top: 5px;}
  .proclasstit a{display: none;}
  .proclasstit{padding-bottom: 10px;}
  .lis_pro .pic{ width: 140px;  }
  .lis_pro .con{margin-left: 140px;}
  .pro_detail .links a{width: 100%;}
  .pro_detail .links a:last-child{margin-left: 0; margin-top: 6px;}
  .pro_detail h1{font-size: 20px;}
  .flashpic,.mod18,.mod18 .picBox li{width:320px;}
  .mod18 .listBox{width: 300px; height: 74px; padding-left: 15px;}
  .mod18 .picBox{height:240px;}
  .mod18 .btn{top: 252px; height: 62px;}
  .mod18{height:314px;}
  .mod18 .listBox li{width: 83px; height: 62px;}
  .logo{width: 44px; overflow: hidden;}
  .pro_lis li{padding: 0}
  .languagebox ul li{display: inline-block;}
  .sub_nav{width: 280px;}
  .sub_nav a{font-size: 16px; width: 140px;}
 
}

@media screen and (max-width:320px) {
  .flashpic,.mod18,.mod18 .picBox li{width:285px;}
  .mod18 .listBox{width: 270px; height: 65px; padding-left:18px;}
  .mod18 .picBox{height:214px;}
  .mod18 .btn{top: 226px; height: 54px;}
  .mod18{height:280px;}
  .mod18 .listBox li{width: 71px; height:53px;}

}