@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(../images/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)}
100%{opacity:1;-moz-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=1563414289531'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') 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-youtube1:before {
  content: "\e660";
}

.icon-shengchan:before {
  content: "\e615";
}

.icon-youtubeplay:before {
  content: "\ebc6";
}

.icon-liuyan:before {
  content: "\e61d";
}

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

.icon-yonghu:before {
  content: "\e741";
}

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

.icon-tel1:before {
  content: "\e6e8";
}

.icon-mail:before {
  content: "\e609";
}

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

.icon-huanjing:before {
  content: "\e608";
}

.icon-tel:before {
  content: "\e83e";
}

.icon-CompanyName:before {
  content: "\e61c";
}

.icon-jishu:before {
  content: "\e603";
}

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

.icon-gongsijianjie:before {
  content: "\e6ac";
}

.icon-dianhuazhengzaibohao:before {
  content: "\e76e";
}

.icon-zhuanli:before {
  content: "\e6b2";
}

.icon-yuangong:before {
  content: "\e8a5";
}

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

.icon-search3:before {
  content: "\e601";
}

.icon-renzheng:before {
  content: "\e611";
}

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

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

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

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

@font-face {
  font-family: 'REGULAR';
  src: url('../fonts/playfairdisplay-regular-7.eot');
  src: local('☺'), url('../fonts/playfairdisplay-regular-7.woff') format('woff'), url('../fonts/playfairdisplay-regular-7.ttf') format('truetype'), url('../fonts/playfairdisplay-regular-7.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BOLD';
  src: url('../fonts/playfairdisplay-bold-4.eot');
  src: local('☺'), url('../fonts/playfairdisplay-bold-4.woff') format('woff'), url('../fonts/playfairdisplay-bold-4.ttf') format('truetype'), url('../fonts/playfairdisplay-bold-4.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{-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:Candara }
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{ border:none;margin: 0;padding: 0; outline: none; font-size: 18px; font-family:Candara}
button{font-family: Candarab; font-size: 16px;}
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;}

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

#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: 190px;
    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: 0px;
    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: 90px;
    top: 0;
    font-size: 14px;
    text-decoration: none;
    transition: all .5s ease-out 0s
}

.gt_switcher-popup span{display:none;}
.fanyi{display: inline-block;position: relative;vertical-align: middle;}
header{ height:110px;position: fixed; top: 0; width: 100%; left: 0; z-index: 9;}
.logo{ position: fixed; left:50%; margin:27px 0; margin-left: -768px; top:0; }
.logo a{display: block; }
.logo img{display: block;}
.logo a img:last-child{display: none;}
#nav{ margin:0 auto; text-align: center;}
nav{display: inline-block;}
nav li{ display: inline-block; float: left; position: relative;}
nav li>a{ display: block; padding:0 25px; font-size: 20px; overflow: hidden; text-transform: uppercase; color: #fff; line-height:110px; transition:0.5s; position: relative; }
nav li.on>a,nav li:hover>a{ font-family:Candarab; color: #ff5a00;}
nav dl{ position: absolute; background: #ff5a00; text-align: left; display: block; top:110px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 260px;height:750px;overflow:auto; }
nav dl dd{border-bottom: 1px solid rgba(255,255,255,.1);}
nav dl dd:last-child{border:0;}
nav dl a{ color: #fff; display: block; font-weight: 600; padding: 15px 20px; white-space: nowrap;}
nav dl a:hover{ background:rgba(255,255,255,.1);}
nav li:hover dl{ opacity: 1; left: 0;}

.head_rcon{ position: absolute; right:80px; top:33px ;}
.searchbox{ display: inline-block; position: relative; vertical-align: middle;}
.searchbox form{ background:#ff5a00; height:40px; overflow: hidden; border-radius: 5px; }
.searchbox input{ width: 0; line-height:40px; background:#ff5a00; color: #fff; border-radius: 5px 0 0 5px; float: left; transition: all .3s;}
.searchbox button{ width:40px; height: 40px; background:#ff5a00; color: #fff; line-height:38px; font-weight: 100; text-align: center; border:0; border-radius:5px  }
.searchbox button i{font-size: 24px;}
.searchbox input::-webkit-input-placeholder { color: #fff;}
.searchbox input:-moz-placeholder {  color: #fff;}
.searchbox:hover input{width: 190px; padding-left: 25px;}
.searchbox:hover form{background:#e63931;}
.searchbox button:hover{opacity: 1; }
.searchbox:hover button{ border-radius:0 5px 5px 0}
.languagebox{position: relative; width:100px; height: 40px; display: inline-block; vertical-align: middle;}
.languagebox ul{ padding-right:30px; height:40px; display: inline-block; vertical-align: middle; overflow: hidden; transition: all .3s; background:#fff url(../images/selectbg.png) no-repeat 90% 18px; position: absolute; left: 0; top:0; border-radius: 5px;}
.languagebox ul li{padding:5px 5px 5px 10px; line-height: 30px;}
.languagebox a{ line-height: 30px; font-family: Candarab }
.languagebox:hover ul{height:auto;}
 
#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;}.edit-box
#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)}
.position nav li>a{color: #333}
.position nav li.on>a,.position nav li:hover>a{ font-family:Candarab; color: #ff5a00;}
.position .languagebox{border:1px solid #ddd; height: 42px}
.position .logo a img{display: none;}
.position .logo a img:last-child{display: block;}

.footer{overflow: hidden;background: url(../images/homefootercontactbg.jpg) no-repeat center 0; background-size: cover;}
.foot_contact{ padding:80px 0 ;overflow: hidden;}
.foot_contact ul{max-width: 1200px; margin: 0 auto;}
.foot_contact li{ color: #fff; width: 20%; float: left; line-height: 26px; font-size: 18px; padding-left:80px; position: relative; margin-left: 3%;}
.foot_contact li a{color: #fff;}
.foot_contact li:last-child{padding-left: 0 ;width: 200px; padding-top:7px;}
.getmail{background:#ef5a09; text-transform: uppercase; font-size:18px; padding: 10px 22px 9px 22px; font-weight: 600; border-radius: 5px; display: inline-block;}
.getmail i{display: inline-block; font-size: 30px; font-weight: 100; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
.foot_contact li:nth-child(1){margin-left: 0; width: 33%;}

.copyright{ padding:25px 15px; text-align: center; line-height: 25px; background: #16191b; color: #bbb; overflow: hidden;}
.copyright a{color: #999}
.copyright .media{margin-top:20px;}
.copyright .media a{display: inline-block; width:36px; height:36px; line-height:36px; text-align: center; font-size:24px; background:#666; color: #0b0d0e; border-radius: 50%; margin:0 2px;}
.copyright .media a:hover{color: #fff;}
.copyright .media a.icon-facebook:hover{background: #4460a0}
.copyright .media a.icon-twitter:hover{background: #2fb0ec}
.copyright .media a.icon-linkedin:hover{background: #0084b1}
.copyright .media a.icon-youtube1:hover{background: #dd1829}
/*.copyright .media a.whatapp{background: #2daf1b url(../images/telimg.png) no-repeat center;}*/
.copyright a:hover{ color: #ff5a00 }

.home_contact{background: url(../images/homefootercontactbg.jpg) no-repeat center; background-size: cover; color: #fff;}
.home_contact b{color: #ff5a00; font-style: italic; font-family:REGULAR ; font-size: 15px; font-weight: 100}
.home_contact h4{font-size: 40px; font-weight: 100;margin-bottom: 15px;}
.home_contact .lcon{ width: 46%; float: left; }
.home_contact .lcon p{margin-bottom:45px; line-height: 26px;}
.home_contact input,.home_contact textarea{width: 100%; border:1px solid rgba(255,255,255,.8); background: none; color: #ddd; resize: none; padding:12px ; margin-bottom:8px; line-height: 26px; border-radius: 3px; overflow: hidden;}
.home_contact textarea{ height: 100px; }
.home_contact input{width: 49.5%; float:left;}
.home_contact span:nth-child(even) input{margin-left: 1%;}
.home_contact input::-webkit-input-placeholder,.home_contact textarea::-webkit-input-placeholder { color: #fff;}
.home_contact input:-moz-placeholder,.home_contact textarea:-moz-placeholder { color: #fff;}
.home_contact button{background:#ff5a00; text-transform: uppercase; border-radius: 30px; color: #fff; width:220px; height: 52px; font-size: 18px; margin-top: 15px; border:0;}
button{cursor: pointer;}
.home_contact ul{width: 46%; float: right; font-size: 18px;}
.home_contact ul strong,.foot_contact li strong{display: block; text-transform: uppercase; font-weight: 100; font-family:Candarab ;margin-top:4px;}
.home_contact ul a{color: #fff;}
.home_contact ul li{position: relative; padding-left: 90px; min-height: 60px; overflow: hidden; margin-bottom:40px; line-height:27px; transition: all .3s}
.home_contact ul h6,.foot_contact li h6{position: absolute; left: 0; top: 0; border:1px solid #fff; border-radius:50%; line-height: 60px; width: 60px; height: 60px; text-align: center; font-weight: 100; font-size: 32px; transition: all .3s}
.home_contact ul li:hover h6,.foot_contact li:hover h6{background: #ff5a00; border-color: #ff5a00; color: #fff;}
.home_contact ul li:hover,.home_contact ul li:hover a,.foot_contact li:hover,.foot_contact li:hover a{color: #ff5a00}
.foot_contact li:last-child:hover a{color: #fff}
.home_parnter{background: url(../images/homefooterbg.jpg) no-repeat center; text-align: center; background-size: cover; color: #999; padding: 80px 0 40px 0}
.home_parnter .comlogo{display: inline-block; margin-bottom: 20px;}
.home_parnter .copyright{background: none}
.home_parnter p{text-align: center; line-height: 26px; margin: 0 50px}
.home_parnter ul{background: #0f1012 ;overflow: hidden; margin: 25px 0}
.home_parnter ul li{width: 20%; height: 175px; display: flex;align-items: center; justify-content: center; float: left; border-right: 2px solid #1b1c20;border-bottom: 2px solid #1b1c20}
.home_parnter ul li img{max-width: 94%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.home_parnter ul li a{display: block;}
.home_parnter ul li:hover img{-webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}
.home_parnter ul li:nth-child(5),.home_parnter ul li:nth-child(10){border-right: 0}
.home_parnter ul li:nth-child(6),.home_parnter ul li:nth-child(7),.home_parnter ul li:nth-child(8),.home_parnter ul li:nth-child(9),.home_parnter ul li:nth-child(10){border-bottom: 0}

.fixnav{position: fixed; left: 0; bottom:15%; z-index: 10;}
.fixnav li a{display: block; font-size: 21px; text-align: center;width:38px;line-height:38px; height:38px; display: block; }
.fixnav li a.icon-facebook{background: #4460a0}
.fixnav li a.icon-twitter{background: #2fb0ec}
.fixnav li a.icon-googleplus{background: #d74837}
.fixnav li a.icon-linkedin{background: #0084b1}
.fixnav li a.icon-youtubeplay{background: #dd1829}
.fixnav li a.whatapp{background: #2daf1b url(../images/telimg.png) no-repeat center;}
.fixnav li{ transition: all .3s; margin-bottom: 2px;position: relative; height:38px;}
.fixnav li h6{display: block; font-weight: 100; width:38px; z-index: 0; height:38px; font-size:22px;text-align: center;vertical-align: middle;line-height:38px;}
.fixnav li.item1,.fixnav li.item1 span{background: #ff5a00}
.fixnav li.item2,.fixnav li.item2 span{background: #f9ae02}
.fixnav li.item3,.fixnav li.item3 span{background: #03c305}
.fixnav li.item4,.fixnav li.item4 span{background: #00aff0}
.fixnav li span{ line-height:38px; transition: all .3s; text-align: left; overflow: hidden; font-size: 18px; padding:0 20px; margin-left:38px; position: absolute; left:0; top:0; z-index: 3; display: none; width:180px; }
.fixnav li.item2:hover span{width: 200px;}
.fixnav li:hover span{display: block;}
.fixnav li:hover span{width:230px;}
.fixnav a{color: #fff}

#banner{position: relative;}
#banner img{ width: 100%; display: block; }
#banner .fon img{width: auto; margin:0 auto; margin-top:8%; max-width:80%;}
#banner .fon{position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center;}
#banner .owl-controls{margin-top: 0}
#banner .owl-controls .owl-buttons{}
#banner .owl-pagination{position: absolute; left: 0; bottom: 30px; text-align: center; width: 100%; display: none;}
#banner .owl-controls .owl-page span{border:2px solid #fff; background:none; opacity: 1; width: 14px; height: 14px;}
#banner .owl-controls .owl-page.active span{ background:#fff;}

/*版块标题*/
.warper{max-width:1200px; margin:0 auto;}
.container{width: 100%; padding:0; margin:0;}
.row{overflow: hidden;}
.conbox{padding:75px 0 80px 0;}
.hometit{margin-bottom:40px; text-align: center;}
.hometit h2{font-size:60px; font-weight: 100; font-family:BOLD; padding-bottom:15px; text-transform: uppercase; position: relative; }
.hometit h2:after{height: 4px; width: 120px; background: #ff5a00; position: absolute;left: 50%; margin-left: -60px; bottom: 0; content: ""}
.hometit:hover h2 a{color: #ff5a00}

.productbox{overflow: hidden; background: url(../images/productboxbg.jpg) no-repeat center top; background-size: 100%; padding:30px 0 80px 0;}
.productbox .hometit h2,.productbox .hometit h2 a{ color: #fff; }
.productbox .hometit h2:after{ background: #fff; }
.productbox .box{margin: 0 260px;}
.pro_lis li{ overflow: hidden; background: #fff; margin:10px; text-align: center; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.3) }
.pro_lis li a{display: block; overflow: hidden;}
.pro_lis .pic{overflow: hidden;}
.pro_lis .con{padding: 20px 20px 40px 20px; position: relative;}
.pro_lis .con:after{height: 3px; width: 50px; background: #ff5a00; position: absolute; left: 50%; margin-left: -25px; top:95px; content: ""}
.pro_lis h3{ line-height: 30px; font-family: Candarab; font-size: 24px; height: 60px; margin-bottom:38px; font-weight: 100; transition: all .3s; overflow: hidden; transition: all .3s;}
.pro_lis p{ line-height: 24px; height: 72px; overflow: hidden; }
.pro_lis li:hover img{transform: scale(1.1);}
.pro_lis li:hover h3{color: #ff5a00}
.pro_lis .owl-controls{margin-top: 0}
.pro_lis .owl-pagination{display: none;}
#banner .owl-controls .owl-buttons div{width: 67px; height: 67px; border-radius: 50%; text-indent: 999px; overflow: hidden;background: url(../images/right.png) no-repeat center; background-size: 30px; position: absolute;top: 50%; margin-top: -33px;}
.pro_lis .owl-controls .owl-buttons div{width: 67px; height: 67px; border-radius: 50%; text-indent: 999px; overflow: hidden;background:#fff url(../images/right_red.png) no-repeat center; background-size: 20px; position: absolute;top: 50%; margin-top: -33px;}
.pro_lis .owl-controls .owl-buttons div.owl-prev,#banner .owl-controls .owl-buttons div.owl-prev{ transform: rotate(180deg);}
.pro_lis .owl-controls .owl-buttons div{ right: -120px; opacity: .8; }
.pro_lis .owl-controls .owl-buttons div.owl-prev{left: -120px;}
#banner .owl-controls .owl-buttons div{ right:20px; background-color: }
#banner .owl-controls .owl-buttons div.owl-prev{left:20px;}

.aboutbox{overflow: hidden;}
.aboutbox .fon{ font-size: 20px; color: #666; line-height: 32px; text-align: center; }
.aboutbox .fon p{line-height: 32px; height:126px; overflow: hidden; }
.adv_lis{overflow: hidden; margin: 50px 0}
.adv_lis li{ overflow: hidden; width: 30%; float: left; text-align: center; transition: all .3s;}
.adv_lis li:nth-child(2){margin:0 5%}
.adv_lis li h4{font-size:18px; font-family: BOLD; font-weight: 100; margin-top:20px; margin-bottom: 10px; transition: all .3s;}
.adv_lis li h6{ font-size:40px; width:163px; height: 155px; line-height: 152px; margin: 0 auto; text-align: center; color: #391400; font-weight: 100; transition: all .3s; position: relative;}
.adv_lis li h6:after{content: ""; position: absolute; left: 0; top: 0; width: 163px; height: 155px; background: url(../images/quanquanbg.jpg) no-repeat center; z-index: 0; transition: all .3s;}
.adv_lis li h6:before{z-index: 2; position: absolute; width: 163px; height: 155px;}
.adv_lis li p{color: #666; line-height:28px; height: 84px; overflow: hidden;}
.adv_lis li:hover h4,.adv_lis li:hover h6{color: #ff5a00}
.adv_lis li:hover h6:after{ transform: rotate(20deg);}
.about_link{overflow: hidden;}
.about_link li{width: 25%; float: left; transition: all .3s; overflow: hidden; position: relative; background: #000}
.about_link img{opacity: .66}
.about_link h6{width: 78px; height: 78px; border:2px solid #fff; border-radius: 50%; text-align: center; position: absolute; left: 50%; margin-left: -39px; bottom:54%; line-height: 78px; transition: all .3s; color: #fff; font-size: 36px; font-weight: 100}
.about_link h3{height:56px; line-height: 28px; font-size: 20px; text-transform: uppercase; font-family:BOLD; position: absolute; left: 0; width: 100%; top:54%; transition: all .3s; text-align: center; font-weight: 100; padding: 0 10px; }
.about_link h3 a{ color: #fff;}
.about_link li:hover{background:#ff5a00;}
.about_link li:hover img{opacity: .1}

.newsbox,.aboutbox{padding-top: 75px;}
.newtop{width: 585px; float: left; position: relative; overflow: hidden;}
.newtop .con{background: rgba(255,90,0,.9); padding: 40px; font-family:REGULAR; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;}
.newtop h3{font-size: 20px; font-weight: 100; margin-left:108px; line-height: 32px;}
.newtop .time{text-align: center; display: inline-block; position: absolute; left:40px; top: 15px;}
.newtop .time b{display: block; font-size: 50px; font-family:BOLD; }
.news_lis{ overflow: hidden; margin-left: 620px;}
.news_lis ul{ overflow: hidden;}
.news_lis li{ transition: all .3s; position: relative; overflow: hidden; margin-bottom: 28px; }
.news_lis li:last-child{margin-bottom: 0}
.news_lis .pic{width: 180px; overflow: hidden; float: left;}
.news_lis .con{margin-left: 180px; padding-left: 30px; padding-top: 18px;}
.news_lis h3{line-height:28px; font-size:18px; font-family: REGULAR; font-weight: 100; overflow: hidden; height: 54px; transition: all .3s; margin:15px 0 10px 0; }
.news_lis p{color: #666; line-height:26px;height:52px; overflow: hidden;}
.news_lis .time{ color: #ff5a00; font-family:REGULAR; font-size: 16px; transition: all .3s;}
.news_lis li:hover h3{color: #ff5a00}
.news_lis li:hover img,.newtop a:hover img{transform: scale(1.1);}

.casebox,.newsbox{overflow: hidden;}
.case_lis{ margin-bottom: 40px;}
.case_lis li{margin: 0 1px; background:#ff5a00; position: relative;}
.case_lis .pic{overflow: hidden;}
.case_lis a{display: block; position: relative; overflow: hidden;}
.case_lis h3{font-size: 20px; font-weight: 100; font-family:BOLD; line-height: 28px; height: 55px; overflow: hidden; text-align: center; color: #fff; position: absolute; left: 0; top: 0; width: 100%; display: flex; align-items: center; justify-content: center; top: -100%; margin-top: -27px; transition: all .3s;}
.case_lis img,.newtop img,.news_lis img,.about_link img,.pro_lis img,.lis_news .pic img{display: block; width: 100%; transition: all .3s;}
.case_lis li:hover h3{ top: 50%; }
.case_lis li:hover img{transform: scale(1.1); opacity: .1}
.case_lis .owl-controls{margin-top:25px}
.case_lis .owl-controls .owl-page span{background: #000; width: 15px; height: 15px; opacity: 1; margin: 0 2px;}
.case_lis .owl-controls .owl-page.active span{background: #ff5a00}


/*二级页公用*/
.main{padding:60px 0 120px 0;}
.sub_banner{ width: 100%; overflow: hidden;position: relative; }
.sub_banner img{display: block;width: 100%;}
.sub_banner .con{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.sub_banner h2{display: inline-block; background: #fff; padding:0 25px; position: relative; color: #ff5a00; text-transform: uppercase; font-family: BOLD; font-size: 60px; position:}
.sub_banner h2:before,.sub_banner h2:after{width: 100%; height: 1px; position: absolute; top: -3px; background: #fff; content: ""; left: 0}
.sub_banner h2:after{top: auto; bottom: -3px;}

.digg4{ text-align:center; font-size: 18px; line-height: 40px; padding:40px 0 20px 0;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:55px; display: inline-block; vertical-align: middle; border:1px solid #ccc; height:55px; line-height: 55px; color:#888; border-radius: 50%; text-decoration:none; margin:0 5px; font-family: Arial}
.digg4 span.current { color:#e63931; background:#fff; border-color: #ff5a00; font-weight: 600;}
.digg4 span.disabled { font-size: 30px; line-height:50px; background:#ff5a00; color: #fff; border-color: #ff5a00}

/*详情*/
.infocon{color: #555; font-size: 17px;}
.infocon h1{font-size:24px; font-weight: inherit; text-align: center; color: #222; font-family:BOLD;}
.infocon img{ display: inline-block; max-width: 100%; }
.infocon .time{ text-align: center; margin:20px 0; color: #999}
.infocon .time i{display: inline-block; font-size: 20px; margin-right: 10px;}
.infocon .other{border-top: 1px solid #ddd; padding: 15px 0 0px 0; color: #ff5a00; margin:50px 0 0 0; line-height: 26px;}
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #ff5a00 }
.infocon .other div{margin:5px 0;}
.infocon p{line-height:32px; margin: 22px 0;}

/*联系我们*/
.map{overflow: hidden; margin-top: 70px;}
.map img{ width: 100%;}

.edit-box{ font-size: 16px; overflow: hidden; width:40%; float: right; }
.edit-box h2,.contact_form h2{font-size:40px; margin-bottom:15px; font-weight: 100; }
.edit-box h4{font-size: 22px; font-weight: 100;}
.edit-box ul{margin:40px 0 50px 0}
.edit-box li h6,.r_contact li h6{font-weight: 100; color: #fff; width: 60px; height: 60px; background: #ff5a00; text-align: center; line-height: 60px; border-radius: 50%; font-size: 30px; position: absolute; left: 0; top: 0; transition: all .3s;}
.r_contact li h6{background: #fff; color: #ff5a00}
.edit-box li,.r_contact li{ line-height:27px; font-size:18px; margin-bottom:32px; position: relative; overflow: hidden; padding-left:80px; min-height: 60px;}
.edit-box li:last-child{margin-bottom: 0}
.edit-box strong,.r_contact strong{display: block;text-transform: uppercase; font-family:Candarab ;margin-top:3px;}
.edit-box li:hover a,.edit-box li:hover label,.edit-box li:hover{color: #ff5a00}
.edit-box .media{margin-top:20px;}
.edit-box .media a{display: inline-block; width:50px; height:50px; line-height:50px; text-align: center; font-size:24px; background:#666; color: #fff; border-radius: 50%; margin-right:7px;}
.edit-box .media a.icon-facebook{background: #4460a0}
.edit-box .media a.icon-twitter{background: #2fb0ec}
.edit-box .media a.icon-linkedin{background: #0084b1}
.edit-box .media a.icon-youtubeplay{background: #dd1829}
.edit-box .media a.whatapp{background: #2daf1b url(../images/telimg.png) no-repeat center;}
.edit-box .media a:hover{transform: rotate(360deg);}


.contact_form p{line-height: 26px; margin-bottom: 20px;}
.contact_form{ overflow: hidden; width:50%; float: left;}
.contact_form form li{position: relative; overflow: hidden; margin-bottom:12px; width: 49%; float: left; border:1px solid #333; border-radius:3px; }
.contact_form form li:nth-child(even){ margin-left: 2%; }
.contact_form form li:last-child{width: 100%;}
.contact_form form li font{position: absolute; left:6px; top:14px; color: #ff5a00; font-size: 16px;}
.contact_form input,.contact_form textarea{ width: 100%; color: #333; font-size: 16px; background:#fff; resize: none; line-height: 26px; padding:10px 15px;}
.contact_form textarea{ height: 120px; }
.contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #333;}
.contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #333;}
.contact_form button{ border: none; font-size:18px; background:#ff5a00; transition: all .3s; border-radius:30px; color: #fff; text-transform: uppercase; height: 50px; width: 230px; cursor: pointer; margin-top: 20px;}
button:hover{opacity: .8}

/*list*/
.lis_news{}
.lis_news li{width: 100%; padding:30px; border:4px solid #eee; margin-bottom:40px; overflow: hidden; transition: all .3s;}
.lis_news .pic{width: 220px; float: left; overflow: hidden;}
.lis_news .con{margin-left: 220px; padding-left: 40px; padding-top: 10px;}
.lis_news .time{ font-size: 18px; font-family:REGULAR; color: #e63931 }
.lis_news p{line-height:24px; height:72px; overflow:hidden; margin:15px 0 25px 0; color: #666}
.lis_news h3{font-size: 20px; font-family:REGULAR; font-weight: 100; margin:15px 0 0 0 }
.lis_news em{font-family:Candarab; font-style: normal; color: #ff5a00; text-transform: uppercase; }
.lis_news li:hover{border-color: #ff5a00; background: #ff5a00;}
.lis_news li:hover .time,.lis_news li:hover h3,.lis_news li:hover p,.lis_news li:hover em{color: #fff;}
.lis_news li:hover img{transform: scale(1.1);}

.sub_nav{margin-bottom: 40px; text-align: center; overflow: hidden; position: relative;}
.sub_nav a{ padding: 0 10px; line-height: 30px; padding-bottom: 15px; position: relative; display: inline-block; margin: 0 25px; font-size: 20px; font-family:BOLD }
.sub_nav a:after{width: 100%; height: 3px; background: #ff5a00; content: ""; left: 0; bottom: 0; z-index: 1; position: absolute; display: none;}
.sub_nav:after{width: 100%; height:1px; background: #ccc; content: ""; left: 0; bottom: 1px; position: absolute;}
.sub_nav a:hover,.sub_nav a.on{color: #ff5a00}
.sub_nav a:hover:after,.sub_nav a.on:after{display: block;}
.lis_video{overflow: hidden; margin: 0 -12px;}
.lis_video li{margin: 0 1%; width: 48%; float: left; margin-bottom: 30px; transition: all .3s;}
.lis_video img,.lis_case img{display: block; width: 100%; transition: all .3s}
.lis_video li:hover{box-shadow: 0px 2px 10px 2px rgba(0,0,0,.5)}

.lis_case{overflow: hidden; margin-bottom: 30px;}
.lis_case li{ overflow: hidden;margin-bottom: 2px; position: relative;}
.lis_case .pic{width: 50%; float: left; overflow:hidden;}
.lis_case .con{position: absolute; right: 0; width: 50%; height: 100%; top: 0; display: flex;  padding:40px 50px 0 50px;}
.lis_case .con:after{width: 80px; height: 3px; background: #ff5a00; content: ""; left:50px; top:85px; z-index: 1; position: absolute; }
.lis_case h3{ margin-bottom:40px; font-size: 26px; }
.lis_case p{line-height: 30px; color: #666; font-size: 18px; height: 180px; overflow: hidden;}
.lis_case em{margin-top: 35px; border-radius: 30px; background: #ff5a00; font-style: normal; color: #fff; text-transform: uppercase; font-size: 18px; font-family:Candarab; line-height: 45px; padding: 0 30px; display: inline-block; transition: all .3s }
.lis_case li:nth-child(even) .pic{float: right;}
.lis_case li:nth-child(even) .con{right: auto; left: 0}
.lis_case li:hover .pic img{transform: scale(1.1);}
.lis_case li:hover h3{color: #ff5a00}
.lis_case li:hover em{opacity: .8}

.product_p{overflow: hidden;}
.search{background: #ff5a00; overflow: hidden; margin-bottom: 40px; height: 55px;}
.search input{width: 80%; float: left; line-height: 35px; padding:10px 15px; color: #fff; background: none; border:0;}
.search input::-webkit-input-placeholder { color: #fff;}
.search input:-moz-placeholder {  color: #fff;}
.search button{width: 20%; float: right; background: none ; border:0; line-height:55px;}
.search button i{font-size: 26px; color: #fff;}
.p_lcon{width: 330px; float: right;}
.p_rcon{margin-right: 330px; padding-right: 50px;}
.p_lcon .tit{font-size: 32px; font-weight: 600; position: relative; font-family: BOLD; margin-bottom:20px;}
.p_lcon .tit{ text-transform: uppercase; position: relative;}
.p_lcon .tit i{ position: absolute; right: 0; top: 0; font-style: normal; font-weight: 600; display: none;}
.proclasstit{display: none;}
.pro_nav{overflow: hidden; margin-bottom:50px; font-family:REGULAR; }
.pro_nav li>a{ font-weight: 600; display: block; font-size: 22px; font-family: BOLD}
.pro_nav li{margin-bottom: 12px;}
.pro_nav dl i{ display: inline-block; font-size: 30px; color: #999; vertical-align: middle; margin-left: -7px; margin-top: -3px;}
.pro_nav dl a{ line-height: 26px;}
.pro_nav dl dd{margin-bottom: 12px}
.pro_nav dl{padding:15px 0 10px 0; }
.pro_nav li.on>a,.pro_nav a:hover{color: #ff5a00;}
.hot_pro{padding:10px 10px 30px 10px; border:4px solid #eee;}
.hot_pro a{ overflow: hidden;}
.hot_pro .pic{overflow: hidden;}
.hot_pro img{transition: all .3s; width:100%; display: block;}
.hot_pro b{text-align: center; margin: 16px 0; font-size: 20px; font-family:Candarab; display: block; font-weight: 100;}
.hot_pro .owl-controls{}
.hot_pro .owl-controls .owl-page span,.rel_pro .pro_lis .owl-controls .owl-page span{background:none; border:2px solid #ccc; opacity: 1; width: 18px; height: 18px; margin: 0 4px;}
.hot_pro .owl-controls .owl-page.active span,.rel_pro .pro_lis .owl-controls .owl-page.active span{background: #ff5a00; border-color:#ff5a00 }
.r_contact{background: url(../images/productboxbg.jpg) no-repeat center top; background-size:cover; padding:30px 20px;}
.r_contact li{margin-bottom: 20px; color: #fff;}
.r_contact li a{color: #fff;}
.r_contact .tit{color: #fff;}
.r_contact li:hover a{text-decoration: underline;}
.r_contact li:hover h6{transform: rotate(360deg);}

.lis_pro{overflow: hidden;}
.lis_pro li{ margin-bottom:30px; padding: 20px; border:4px solid #eee; transition:all .3s; overflow: hidden; position: relative;} 
.lis_pro .pic{ width:330px; float: left; overflow: hidden;}
.lis_pro img{display: block; width: 100%; transition: all .3s;}
.lis_pro .con{margin-left:330px; padding-left: 50px;}
.lis_pro h3:after{width:50px; height: 3px; background: #ff5a00; content: ""; left:0; bottom:-17px; z-index: 1; position: absolute; }
.lis_pro h3{ font-weight: 100; font-size: 24px; font-family:Candarab; margin: 25px 0 45px 0; position: relative;}
.lis_pro p{line-height:24px; height:72px; overflow: hidden;}
.lis_pro li:hover img,.hot_pro a:hover img{transform: scale(1.1);}
.lis_pro li:hover h3{color: #ff5a00;}
.lis_pro li:hover {border-color: #ff5a00}
/*产品详情*/
.pro_detail{ overflow: hidden;}
.videobox{  margin-top: 80px;}
.videobox img{display: block; width: 100%;}
.propicflash{ width: 600px; float: right; }
.propicflash img{display: block; width: 100%;}
.propicflash .owl-controls{margin-top: 0}
.propicflash .owl-pagination{display: none;}
.propicflash .owl-controls .owl-buttons div{width:40px; height:40px; border-radius: 50%; text-indent: 999px; overflow: hidden;background:#fff url(../images/right_black.png) no-repeat center; background-size: 20px; position: absolute;top: 50%; margin-top: -20px; right: -60px; opacity: .8;}
.propicflash .owl-controls .owl-buttons div.owl-prev{ transform: rotate(180deg);left: -60px;}
.pro_detail .rcon{margin-right:750px; overflow: hidden;}
.pro_detail h1{ font-size:36px; font-family: BOLD; margin-bottom:20px;}
.pro_detail .fon{ margin:30px 0; color: #666; font-size: 18px; line-height: 30px; overflow: hidden;}
.pro_detail .fon p{padding-left: 18px; overflow: hidden; position: relative; margin-bottom: 5px;}
.pro_detail .fon p:before{width: 5px; height: 5px; background: #aaa; content: ""; position: absolute;left: 0; top: 14px; border-radius: 50%;}
.pro_detail .links{ overflow: hidden;}
.pro_detail .links i{display: inline-block; margin-right: 8px; font-weight: 100; font-size:30px;vertical-align: middle; margin-top:-5px;}
.pro_detail .links a{ background: #fe8f0d; font-family:Candarab; color: #fff; display: block; float: left; line-height:54px; text-align: center; font-size:20px; width:49%; margin-top: 5px; border-radius: 3px; margin-bottom: 5px;}
.pro_detail .links a:nth-child(1){margin-right:2%; background: #e63931;}
.pro_detail .links a:last-child{width: 100%; background: #fd611c;}
.pro_detail .links a:hover{opacity: .8}

.proinfomenu{background:#ff5a00; text-align: center; display: none; overflow: hidden; width: 100%;}
.proinfomenu .warper{ overflow: hidden;}
.proinfomenu a{width:25%; position: relative; font-size:22px; color: #fff; float: left; display: block; text-transform: capitalize; line-height:65px; }
.proinfomenu a.on,.proinfomenu a:hover{background:#fff; color: #ff5a00; }
.proinfomenu a.on:after,.proinfomenu a:hover:after{display: none;}
.proinfomenu.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; box-shadow:0px 2px 10px 2px rgba(0,0,0,.1); display: block;}

.proinfo_main{ font-size: 18px;}
.proinfo_main p{ line-height:30px; font-size: 18px; color: #666;}
.proinfo_main strong{ color: #333; font-size: 22px; display: inline-block; margin: 30px 0 ;}

.proinfo_main img{max-width: 100%; display: inline-block;}
.proinfo_main .row div{position: relative; padding-left: 80px; overflow: hidden; margin-bottom:30px; min-height: 70px;}
.proinfo_main .row div:last-child{margin-bottom: 0}
.proinfo_main .row div h4{font-size: 24px; font-weight: 100; margin-top:18px; margin-bottom: 6px; line-height:36px;}
.proinfo_main .row div p{margin: 0}
.proinfo_main .row div i{display: block; position: absolute; left: 0; top: 0; color: #fff; background:url(../images/duobian.png) no-repeat center; width: 60px; height: 70px; line-height:70px; text-align: center; font-size:32px; font-style: normal;}

.tabbox{ overflow-x:auto; }
.tabbox table{border-top: 1px solid #444; border-left: 1px solid #444;}
.tabbox td{border-right: 1px solid #444; border-bottom: 1px solid #444; padding:10px 30px; text-align: center;}
.tabbox table tr{transition: all .3s;}
.tabbox table tr:nth-child(odd){background:#f4f4f4;}
.tabbox table tr:nth-child(1) td{font-weight: 600; background: #ff5a00; color: #fff; }
.tabbox table tr:hover{background:#ff5a00; color: #fff;}
.infotit{color: #333; font-size:30px; font-weight: 600; margin:0 0 18px 0; padding-top: 80px; position: relative;}
.proinfo_main .contact_form{width: 100%; float: none;}
.proinfo_main .contact_form li{width: 49.5%}
.proinfo_main .contact_form form li:nth-child(even){margin-left: 1%}

.rel_pro{margin: 0 -10px;}
.rel_pro .pro_lis li{box-shadow: none; margin: 0 10px; border:3px solid #eee;}
.rel_pro .pro_lis h3{font-size: 20px;}
.rel_pro .pro_lis p{line-height: 24px; font-size: 16px;}
.rel_pro .pro_lis .owl-controls .owl-buttons{display:none;}
.rel_pro .pro_lis .owl-pagination{display: block; position: absolute; right:8px; top: -45px;}


/*about*/
.about_main img{ max-width: 100%; }
.about_nav{ height: 0;overflow: hidden;}
.about_nav a{ color: #666; display: inline-block; padding: 18px 0; width: 16.66%; font-size:22px;}
.about_nav a:hover,.about_nav a.on{color: #ff5a00; background:#fff;}
.about_nav.top0{position: fixed; left: 0; top: 0; background: #ff5a00; width: 100%; color: #fff; text-align: center;z-index: 3; margin-top: 0; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2); height: auto;}
.about_nav.top0 a{ color: #fff;}
.about_nav.top0 a:hover,.about_nav.top0 a.on{color: #e63931}

.about_main h2.tit{font-size: 40px; text-transform: uppercase; position: relative; font-family: BOLD; margin-bottom:20px; padding-bottom:13px; padding-top: 60px;}
.about_main h2.tit:before{width:120px; height:4px; content: ""; position: absolute; left: 0; background: #ff5a00; bottom: 0;}

.about_com h2.tit:nth-child(1){margin-top: -50px;}
.about_com .lcon,.about_com .rcon{ width: 46%; float: left; }
.about_com .rcon{float: right;}
.about_com p{font-size: 20px; line-height: 32px; margin-bottom: 25px;}
.about_com .img{overflow: hidden; margin: 0 -10px;}
.about_com .img li{width: 31.333%; margin:10px 1%; overflow: hidden; box-shadow: 0px 2px 15px 2px rgba(0,0,0,.3); float: left; margin-bottom: 25px; border: 4px solid #fff; }
.about_com .adv_lis{margin: 0; margin-top: -50px; margin-right: 35px; margin-bottom: 30px; overflow: initial;}
.about_com .adv_lis p{margin-bottom: 0; font-size: 16px; line-height: 24px; height: 71px;}
.about_com .adv_lis li{width:100%; text-align: left; min-height: 100%; float: none; margin: 0;}
.about_com .adv_lis li{ padding-left: 180px; position: relative; margin-bottom:15px; min-height: 155px; overflow: hidden;}
.about_com .adv_lis li h4{margin-top:25px;}
.about_com .adv_lis li h6{position: absolute; left: 0; top: 0}
.about_com .adv_lis li:hover h6{color: #391400}
.about_com .adv_lis li:hover h6:after{ transform: rotate(0deg); }
.about_com .adv_lis li div:hover h6:after{ transform: rotate(20deg); }
.about_com .adv_lis li div:hover h6{ color: #ff5a00 }
.scrollbox{ margin: 0 auto; position: relative;}
#scrollDiv{height:340px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:90px;}
#scrollDiv li div{ height:36px; color:#416A7F; line-height:18px; overflow:hidden}
.scroltit{width: 32px; position: absolute; right:-35px; top:50%; margin-top: -32px;}
.scroltit .updown{ width:32px; height:22px;}
#but_up{ background:url(../images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../images/down.gif) no-repeat 0 0; text-indent:-9999px}

.lis_honor{overflow:hidden; margin: 0 -10px;}
.lis_honor li{box-shadow: 0px 2px 15px 2px rgba(0,0,0,.3); margin:25px 1%; display: inline-block; float: left; width: 31.333%}
.lis_honor li img{display: block; width: 100%;}
.lis_honor li:last-child{width: 56%;}
.lis_honor li:hover{box-shadow: 0px 2px 15px 2px rgba(0,0,0,.5);}
.partner_lis{background: ; border-left:1px solid #ddd; border-top: 1px solid #ddd; overflow: hidden; margin: 25px 0}
.partner_lis li{width: 20%; height: 150px; display: flex;align-items: center; justify-content: center; float: left; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}
.partner_lis li img{max-width: 94%; max-height: 94%}
.partner_lis li a{display: block;}
.partner_lis li:hover img{}
.lis_adv{overflow: hidden;}
.lis_adv li{overflow: hidden;}
.lis_adv .pic{width: 50%; float: left; overflow: hidden;}
.lis_adv .con{width: 50%; float: right; padding: 40px 40px 0 40px; font-size: 18px; line-height: 30px;}
.lis_adv h4{font-size: 26px; color: #ff5a00; margin-bottom: 10px;}
.lis_adv li:nth-child(even) .pic{float: right;}
.lis_adv li:nth-child(even) .con{float: left;}
.team_lis{ overflow: hidden; padding: 10px}
.team_lis li{box-shadow: 0px 2px 15px 2px rgba(0,0,0,.3); overflow: hidden; margin-bottom: 30px; width: 48.5%; float: left; border: 4px solid #fff; display: inline-block;}
.team_lis li:nth-child(even){margin-left:3%;}
.team_lis img,.about_com .img li img,.lis_adv .pic img{width:100%; display: block;transition: all .3s; }
a.view{width: 100%; display: block; line-height:60px; text-align: center; background: #ff5a00; font-size: 20px; text-transform: uppercase; color: #fff; font-family:BOLD }
.about_com .img li:hover img,.team_lis li:hover img,.lis_adv li:hover .pic img{ transform: scale(1.1); }

/*404*/
.no_fun{ text-align: center;margin-bottom: 60px;}
.no_fun h5{ font-size: 36px; margin-bottom: 30px; }
.no_fun p{ color: #888; line-height:30px; }
.no_fun a{ display: inline-block; margin-top: 34px; font-size: 20px; border-radius: 40px; padding: 16px 64px; background: #c81f21; color: #fff; text-transform: uppercase; }
.no_fun a:hover{ transform: translateY(5px); }
.areatextClass::-webkit-input-placeholder { color: red!important;}
.aligncenter { display: block !important;margin: 0 auto!important; }

@media screen and (max-width: 1680px){
  .productbox .box{margin: 0 150px;}
}

@media screen and (max-width: 1580px){
  .logo{left: 10px; margin-left: 0}
  .sub_banner h2{margin-top: 40px;}
  .head_rcon{ right:20px; }
}

@media screen and (max-width: 1440px){
  .head_rcon{right: 10px}
  .sub_banner h2{font-size: 52px;}
  .about_nav a{font-size: 20px;}
  nav li>a{ padding:0 10px; }
}

@media screen and (max-width: 1280px){
  .fixnav li{height: 32px;}
  .fixnav li h6,.fixnav li a{width: 32px; line-height: 32px; height: 32px;}
  .fixnav li span{margin-left: 32px; line-height: 32px; font-size: 16px;}
  .backToTop{ width: 40px; height: 40px; right: 0 }
  .propicflash .owl-controls .owl-buttons div{right: 0}
  .propicflash .owl-controls .owl-buttons div.owl-prev{left: 0}
  .productbox .box{margin: 0 30px;}
  .pro_lis .owl-controls .owl-buttons div{right:-30px; background-color: #ddd}
  .pro_lis .owl-controls .owl-buttons div.owl-prev{left:-30px;}

}

@media screen and (max-width: 1279px){
  #nav{padding-left: 50px;}

}

@media screen and (max-width: 1200px){
  .warper{padding:0 10px;} 
  .sub_banner h2{font-size: 44px;}  
  .pro_detail .rcon{margin-right: 650px;}
  .about_com .img,.lis_honor,.lis_video{margin: 0}
}

@media screen and (max-width: 1199px){
  .fixnav{display: none;}
  .backToTop{width: 32px; height: 32px; right: 0}
  .searchbox{display: none;}
  #nav{padding-left: 70px;}
  nav li>a{padding: 0 13px;}
  .foot_contact{padding: 50px 10px}
  .foot_contact li{width: 50%; margin-left: 0; min-height:82px; margin: 15px 0; padding-right: 20px;}
  .foot_contact li:nth-child(1){width: 50%;}
  .foot_contact li:last-child{width: 50%;}
  .sub_nav a{ margin: 0 10px; padding: 0 5px; padding-bottom: 15px; }
  .lis_case .con{padding: 25px 30px 0 30px}
  .lis_case em{margin-top: 20px;}
  .lis_case .con:after{left: 30px; top: 70px;}
  .lis_pro .pic{width: 280px;}
  .lis_pro .con{margin-left: 280px;}
  .lis_pro h3{margin-top: 10px;}
  .videobox{margin-top: 60px;}
  .newtop{width: 500px;}
  .newtop .time{top: 20px;}
  .newtop .con{padding: 30px;}
  .news_lis{margin-left: 530px;}
  .news_lis li{margin-bottom: 15px;}
  .news_lis .pic{width: 158px;}
  .news_lis .con{margin-left: 158px; padding-left: 25px;}
  .hometit h2{font-size: 54px;}
  .lis_adv .con{padding:20px 30px 20px 30px}
  .about_nav a{font-size: 18px;}
}

@media screen and (max-width: 1024px){
	.logo img{height:34px;}
  .logo{ margin: 10px 0 }
	header{height: 52px; background: rgba(0,0,0,.8);}
  .head_rcon{right: 58px; top: 9px;}
  .languagebox ul{position: initial; height: auto; font-size: 14px; padding-right: 0; top: auto; background: none}
  .languagebox{height: auto; width: auto; border:0; padding:0; }
  .languagebox ul li{display: inline-block;}
  .languagebox ul li a:hover{color: #e63931}
  .languagebox a{color: #fff}
  .position .languagebox a{color: #333}
	nav{position: fixed;left: 0;top: 0;bottom: 0;width:260px; box-shadow: 0 3px 5px #666;z-index: 99; overflow: auto; background:#fff; transform: translateX(-300px);transition: 0.3s; margin-left: 0}
	nav li{ display: block; width: 100%; margin:0; }
	nav li>a{ line-height: 55px; text-align: left; color: #333; display: block; height: auto ;padding:0 15px;}
  nav li.on>a:before,nav li:hover>a:before{display: none;}
	nav li.on>a{height: auto; line-height: 55px;}
	nav li b{position: inherit; bottom: auto;}
	nav li dl{left:0; top:0; background:#f9f9f9; position: inherit; opacity: 1; min-width: 100%; width: 100%;}
  nav dl dd{border-bottom: 1px solid rgba(200,160,99,.2);}
  nav dl a{padding:12px 15px; word-break: break-all; white-space: normal; color: #333; font-weight: 100; line-height: 30px;}
  nav li:hover dl{position: inherit;}
	nav ul>li:nth-child(1){display: block;}
	#nav .nav-button{ display: block; top:9px; background: #ff5a00} 

  .about_nav.top0{display: none;}  
  .main{padding:40px 0 90px 0}
  .sub_banner h2{font-size: 38px;}
  .edit-box h2, .contact_form h2,.home_contact h4{font-size: 37px;}
  .lis_news li{margin-bottom: 20px;}
  .lis_case h3{font-size: 24px;}
  .lis_pro h3{font-size: 22px;}
  .pro_nav li>a{font-size: 20px;}
  .p_lcon{width: 300px;}
  .p_rcon{margin-right: 300px;}
  .p_lcon .tit{font-size: 30px;}
  .infocon h1{font-size: 22px;}
  .pro_detail h1{font-size: 32px;}
  .proinfomenu.top0{display: none;}
  .proinfomenu{display: none;}
  .pro_detail .fon{margin: 15px 0; display: none;}
  .pro_detail .links{margin-top: 20px;}
  .pro_detail .links a{width: 100%}
  .pro_detail .links a:nth-child(1){margin-right: 0;}
  .videobox{margin-top: 40px;}
  .infotit{padding-top: 40px; font-size: 28px;}
  .proinfo_main .row div h4{font-size: 22px; line-height: 32px;}
  .proinfo_main .row div{margin-bottom: 15px;}
  .hometit h2{font-size: 50px;}
  .hometit{margin-bottom: 25px;}
  .newsbox, .aboutbox{padding-top:50px;}
  .conbox{padding: 50px 0}
  .home_parnter{padding: 50px 0 20px 0}
  .about_link h3{font-size: 18px;}
  .productbox{padding: 30px 0 50px 0}
  .about_main h2.tit{font-size: 36px;}
  .lis_adv .con{padding-top: 0}
  .lis_adv h4{font-size: 24px;}
  .partner_lis li{width: 25%}
  .about_main h2.tit{padding-top: 50px;}
  .about_com h2.tit:nth-child(1){margin-top: 0; padding-top: 0}
}

@media screen and (max-width: 990px){
  .foot_contact{padding: 30px 10px}
  .edit-box{margin-bottom: 40px;}
  .edit-box ul{margin:25px 0 30px 0}
  .edit-box li, .r_contact li{margin-bottom: 20px;}
  .edit-box,.contact_form{width: 100%; float: none;}
  .map{margin-top: 45px;}
  .sub_nav a{font-size: 18px;}
  .lis_case em{display: none;}
  .p_rcon{ margin-right: 0; padding-right: 0; margin-top: 25px;}
  .p_lcon{width: 100%; float: none;}
  .hot_pro{display: none;}
  .r_contact{display: none;}
  .p_lcon .tit{display: none;}
  .search{display: none;}
  .pro_nav{margin-bottom: 0; display: none;}
  .search{margin-bottom: 0;}
  .p_lcon .proclasstit{display: block; background: #ff5a00; color: #fff; padding: 10px; margin-top: 0;}
  .p_lcon .tit i{display: block; right: 10px; top: 14px; font-size: 30px; font-family: Arial}
  .pro_nav{padding: 0 15px}
  .pro_nav dl{padding-bottom:5px;}
  .pro_nav dl dd{margin-bottom: 8px;}
  .lis_pro li{margin-bottom: 20px;}
  .pro_lis h3{font-size: 22px;}
  .pro_detail .rcon{margin-right: 620px;}
}

@media screen and (max-width:900px){
  .copyright{text-align: left;}
  .foot_contact li:nth-child(1),.foot_contact li,.foot_contact li:last-child{width: 100%; min-height: 60px; margin:8px 0; padding-right: 0}
  .foot_contact li:last-child{padding-top: 0; min-height:100%;}
  .sub_banner h2{font-size: 32px; padding: 0 15px;}
  .lis_news li{padding: 15px;}
  .pro_detail h1{font-size: 28px;}
  .hometit h2{font-size: 44px;}
  .newtop{display: none;}
  .news_lis{margin-left: 0}
  .home_parnter ul{display: none;}
  .home_parnter{padding: 0}
  .home_parnter .copyright{padding: 25px 0}
  .home_parnter .comlogo,.home_parnter p{display: none;}
  .home_contact .lcon{ width: 100%; float: none; }
  .home_contact ul{ width: 100%; float: none; margin-top: 25px; }
  .home_contact ul li{margin-bottom: 15px;}
  .about_link h6{width: 60px; height: 60px; margin-left: -30px; line-height: 60px; font-size: 30px;}
  .about_com .lcon, .about_com .rcon{width: 100%; float: none;}
  .about_com .adv_lis{margin-top: 0}
  .about_com p{margin-bottom: 15px; font-size: 18px;}
  .about_main h2.tit{font-size: 32px;}
  .lis_honor li{margin:15px 0 15px 0; width: 48%;}
  .lis_honor li:nth-child(even){margin-left: 4%;}
  .lis_honor li:last-child{margin-left: 0;}
}

@media screen and (max-width:899px){
  .sub_nav a{margin: 0 5px}
  .sub_nav a:nth-child(1){display: none;}
  .lis_case .con{padding-top: 15px;}
  .lis_case .con:after{top: 60px;}
  .lis_case p{height: 147px;}
  .about_main h2.tit{padding-top:35px;}
  .propicflash{float: none; margin: 0 auto 20px auto}
  .pro_detail .rcon{margin-right: 0; text-align: center;}
  .pro_detail h1{text-align: center;}
  .addthis_inline_share_toolbox{ margin: 0 auto; display: inline-block; }
  .pro_detail .links a:nth-child(1){margin-right: 2%}
  .pro_detail .links a{width: 49%;}

}

@media screen and (max-width: 780px){
  .sub_banner{height: 165px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
  .sub_banner img{height: 165px; width: auto;}
  .edit-box h2, .contact_form h2,.home_contact h4{font-size: 33px;}
  .edit-box h4{font-size: 20px;}
  .lis_news h3{font-weight: 600}
  .lis_video li{width: 100%; margin-left: 0; margin-right: 0;}
  .sub_nav a{width: 50%; margin: 0; float: left; background: #ff5a00; color: #fff; padding: 10px 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .sub_nav a:hover,.sub_nav a.on{color: #ff5a00;background: #fff;}
  .sub_nav a:hover:after,.sub_nav a.on:after{display: none;}
  .sub_nav{ border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom: 20px;}
  .lis_case h3{font-size: 22px; margin-bottom: 35px;}
  .lis_case .con:after{width: 60px; top:55px;}
  .lis_case .con{padding: }
  .lis_case p{font-size: 16px; line-height: 26px; height: 128px;}
  .p_lcon .tit{font-size: 27px;}
  .pro_nav li>a{font-size: 18px;}  
  .infocon h1{font-size: 20px;}
  .proinfo_main .row div{font-size: 26px;}
  .tabbox td{padding: 10px}
  .pro_lis li,.rel_pro .pro_lis li{margin: 0 5px;}
  .pro_lis .con{padding:15px 10px 20px 10px}
  .pro_lis .con:after{top: 84px; margin-bottom: }
  .rel_pro .pro_lis h3{margin-bottom: 25px;}
  .rel_pro{margin: 0}
  .infotit{font-size: 26px; margin-bottom: 12px;}
  .rel_pro .pro_lis .owl-pagination{top: -34px;}
  .infotit{padding-top: 30px;}
  .videobox{margin-top:20px;}
  .newsbox, .aboutbox{padding-top: 30px;}
  .conbox{padding: 30px 0}
  .hometit h2{padding-bottom: 10px;}
  .aboutbox .fon{font-size: 18px;}
  .aboutbox .fon p{line-height: 28px; height:110px;}
  .adv_lis{margin: 30px 0}
  .productbox{padding: 30px 0}
}

@media screen and (max-width: 768px){
  .pro_detail h1{font-size: 26px;}
  .hometit h2{font-size: 38px;}
  .hometit h2:after{ width: 80px; margin-left: -40px; }
  .about_link li{width: 50%;}
  .pro_lis h3{font-size: 20px; line-height: 26px; height: 52px;}
  .pro_lis .con:after{top: 75px;}
  .about_main h2.tit{font-size: 28px;}
  .lis_adv h4{font-size: 22px;}
  .about_com .img li{width: 47%;}
  .about_com .img li:nth-child(even){margin-left:3%;}
  .partner_lis li{width: 33.333%}
  .about_main h2.tit:before{width: 90px; height: 3px;}

}

@media screen and (max-width: 640px){
  .sub_banner h2{font-size: 28px;}
  .edit-box h2, .contact_form h2,.home_contact h4{font-size: 30px; margin-bottom: 10px;}
  .lis_news .con{padding-left: 25px; padding-top: 0}
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{width: 42px; height: 42px; line-height: 42px;}
  .digg4 span.disabled{line-height: 36px;}
  .digg4{padding-top: 20px;}
  .lis_case .pic{width: 100%; float: none;}
  .lis_case .con{position: relative; width: 100%; padding: 15px 0 30px 0}
  .lis_case .con:after{left: 0; top: 52px;}
  .lis_case h3{margin-bottom: 30px;}
  .pro_detail h1{font-size: 24px;}
  .propicflash{width: 100%;}
  .hometit{margin-bottom: 15px;}
  .pro_lis .owl-controls .owl-buttons div, #banner .owl-controls .owl-buttons div{width: 46px; height: 46px; margin-top: -23px;}
  .lis_adv .pic{width: 100%; float: none;}
  .lis_adv .con{padding: 20px 0; margin-left: 0; float: none; width: 100%;}
  .about_main h2.tit{font-size: 26px;}
  .lis_adv li:last-child .con{padding-bottom: 0}
  #banner .owl-controls .owl-buttons div{ right: 0; background-size: 20px; }
  #banner .owl-controls .owl-buttons div.owl-prev{left: 0;}
  body{padding-top: 52px;}
  .lis_honor li:last-child{width: 47%; margin-left: 4%}
  .sub_banner h2{margin-top: 0}
  .sub_nav a{font-size: 16px; padding:10px }
}

@media screen and (max-width: 639px){ 
  .contact_form form li{width: 100%;}
  .contact_form form li:nth-child(even){margin-left: 0}
  .contact_form button{margin-top: 0}
  .lis_news .pic{width: 160px;}
  .lis_news .con{margin-left: 160px;}
  .lis_news em{display: none;}
  .lis_news h3{font-size: 18px; line-height: 28px; margin: 8px 0; height: 56px; overflow: hidden;}
  .lis_news p{margin: 0; }
  .p_lcon .tit{font-size: 24px;}
  .pro_nav li>a{font-size: 17px;}
  .p_lcon .tit i{top: 11px;}
  .lis_pro .pic{width: 100%; float: none; overflow: hidden;}
  .lis_pro .con{margin-left: 0; padding-left: 0; overflow: hidden;}
  .lis_pro h3:after{display: none;}
  .lis_pro h3{ margin-bottom:8px;}
  .infotit{font-size: 24px;}
  .proinfo_main p{font-size: 16px; line-height: 28px;}
  .proinfo_main .row div h4{font-size: 20px; margin-top: 10px;}
  .proinfo_main .row div i{font-size: 26px; width: 45px; height: 50px; background-size: 100%; line-height: 50px;}
  .proinfo_main .row div{padding-left: 55px;}
  .hometit h2{font-size: 32px;}
  .adv_lis li{width: 100%;}
  .adv_lis li p{height: auto}
  .adv_lis li h4{margin: 10px 0}
  .adv_lis li h6{width: 140px; background-size: 100%; height: 134px;}
  .adv_lis li h6:before{width: 100%; line-height: 130px;}
  .adv_lis li h6:after{width: 100%; height: 100%; background-size: 100%;}
  .adv_lis li:nth-child(2){margin:20px 0;}
  .about_com .adv_lis li{min-height: 134px; margin: 0 0 15px 0; padding-left: 160px;}
  .about_com .adv_lis li h4{margin-top: 15px;}
  #scrollDiv{height: 287px;}
  .proinfo_main .contact_form li{width: 100%;}
  .proinfo_main .contact_form form li:nth-child(even){margin-left: 0}
}

@media screen and (max-width:480px){
  .getmail{font-size: 18px;}
  .getmail i{font-size: 27px;}
  .foot_contact li{padding-left: 60px; font-size: 16px;}
  .home_contact ul h6, .foot_contact li h6,.edit-box li h6, .r_contact li h6{width: 46px; height: 46px; line-height: 46px;  font-size: 26px;}
  .sub_banner h2{font-size: 25px; margin-top: -22px;}
  .edit-box h2, .contact_form h2,.home_contact h4{font-size: 27px;}
  .edit-box li, .r_contact li{padding-left: 60px; margin-bottom: 14px;}
  .home_contact ul li{padding-left: 60px;}
  .edit-box ul{margin: 20px 0}
  .map{margin-top: 30px;}
  .main{padding: 30px 0 70px 0}
  .lis_news .con{padding-left: 15px;}
  .lis_news h3{font-size: 16px;}
  .lis_news .time{font-size: 15px;}
  .lis_news li{padding: 10px; border-width: 2px;}
  .lis_video li{margin-bottom: 20px;}
  .lis_case h3{font-size: 20px; margin-bottom: 10px;}
  .lis_case .con:after{width: 50px; top: 50px; display: none;}
  .lis_case p{height: 76px;}
  .p_lcon .tit{font-size: 22px;}
  .p_lcon .tit i{top:9px;}
  .lis_pro li{padding: 10px;}
  .lis_pro h3{font-size: 20px;}  
  .infocon h1{font-size: 18px; line-height: 30px;}
  .infocon .time{margin: 15px 0}
  .infocon p{line-height: 30px; margin: 15px 0}
  .pro_detail h1{font-size: 22px; margin-bottom: 12px;}
  .pro_detail .links a i{font-size: 26px;}
  .pro_detail .links a{font-size: 18px;}
  .pro_detail .fon p{margin-bottom: 0}
  .proinfo_main .row div h4{font-size: 18px; line-height: 28px;}
  .hot_pro .owl-controls .owl-page span, .rel_pro .pro_lis .owl-controls .owl-page span{width: 15px; height: 15px; margin: 0 2px}
  .hometit h2{font-size: 28px;}
  .hometit h2:after{width: 60px; margin-left: -30px; height: 3px}
  .news_lis .con{padding: 7px 0 0 20px}
  .home_contact input{ width: 100%; }
  .home_contact input:nth-child(even){margin-left: 0}
  .about_link h6{width:45px; height:45px; margin-left: -22px; line-height: 45px; font-size: 24px;}
  .about_link h3{font-size: 16px; line-height: 24px;}
  .aboutbox .fon{font-size: 16px;}
  .aboutbox .fon p{line-height: 24px; height:95px;}
  .pro_lis p,.pro_lis .con:after{display: none;}
  .pro_lis h3{margin-bottom:0; font-size: 18px; line-height: 24px; height: 48px;}
  .case_lis{margin-bottom:10px;}
  .case_lis li{margin: 0}
  .case_lis .owl-controls{margin-top: 20px;}
  .case_lis h3{font-size: 18px;}
  .about_main h2.tit{font-size: 24px;}
  .about_com .adv_lis{ margin-bottom: 20px;}
  .about_com .img li,.team_lis li{margin-bottom: 15px;}
  a.view{ font-size: 17px; line-height: 50px; }
  .lis_honor li{margin-top: 10px; margin-bottom: 10px;}
  .partner_lis{margin-bottom: 0}
  .partner_lis li{padding: 0 8px; height: 100px;}
  .about_main h2.tit{padding-top:20px; margin-bottom: 10px; padding-bottom: 10px;}
  .about_com p{font-size: 17px; line-height: 28px; margin-bottom: 8px;}
  .lis_adv .con{font-size: 17px; line-height: 28px;}
  .partner_lis{margin-top: 15px;}
  .infotit{margin-bottom: 8px;}
  .rel_pro .pro_lis .owl-pagination{top: -30px;}
  .proinfo_main .contact_form p{line-height: 24px; margin-bottom: 12px;}
  .sub_nav a{ padding:5px 5px; height:58px; line-height: 24px; align-items: center; justify-content: center; display: flex;}
  .pro_detail .links a{margin-top: 2px;}
  #scrollDiv li{height: auto;}
  .about_com .adv_lis p{height: auto}
  #scrollDiv{height: 350px;}
  #cookie-bar p {padding-bottom: 50px; padding-right:0;}
  #cookie-bar .cb-disable,#cookie-bar .cb-enable  {top: 74%;}
}

@media screen and (max-width:414px){
  .edit-box h2, .contact_form h2,.home_contact h4{font-size: 24px;}
  .infotit{font-size: 22px;}
  .hometit h2{font-size: 25px;}
  .about_main h2.tit{font-size: 22px;}
  .about_main h2.tit:before{width:80px;}
  #scrollDiv li{padding-left: 0; margin-bottom: 25px; text-align: center;}
  #scrollDiv li h6{ position: relative; }
  #scrollDiv li h6:after{width: 140px;}
  #scrollDiv{height:280px;}
}

@media screen and (max-width:359px){
  .hometit h2{font-size: 22px}
  .sub_banner h2{font-size: 22px;}
  .lis_news .pic{width: 100%; float: none;}
  .lis_news .con{margin-left: 0; padding-left: 0; padding: 12px 0 10px 0}
  .pro_detail .links a{width: 100%;}
  .news_lis .pic{width: 100%; float: none;}
  .news_lis .con{margin-left: 0; padding-left: 0; padding-top: 12px;}
  .news_lis h3{margin-top: 10px 0}  
  .sub_nav a{font-size: 15px;}
}