@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)}
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=1551161658638'); /* IE9 */
  src: url('iconfont.eot?t=1551161658638#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=1551161658638') format('woff'),
  url('iconfont.ttf?t=1551161658638') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1551161658638#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-icon:before {
  content: "\e600";
}

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

.icon-arrow:before {
  content: "\e670";
}

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

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

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

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

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

.icon-socialwhatsapp:before {
  content: "\e8cb";
}

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

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

.icon-skype:before {
  content: "\e8ae";
}

.icon-icon_onlineService_whitex:before {
  content: "\e641";
}

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

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

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

.icon-xin:before {
  content: "\e61e";
}

.icon-icservice:before {
  content: "\e656";
}

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

.icon-after-salesservice:before {
  content: "\e738";
}

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

@font-face {
  font-family: 'Conv_impact';
  src: url('../fonts/impact_1.eot');
  src: local('☺'), url('../fonts/impact_1.woff') format('woff'), url('../fonts/impact_1.ttf') format('truetype'), url('../fonts/impact_1.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;}
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; font-family: Arial}

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;}
/*table td{word-wrap:break-word;word-break:break-all;}*/

.warper{max-width:1200px; margin:0 auto;}
.container{width: 100%; padding:0; margin:0;}
.backToTop{width:48px; height:48px; background:#d72820 url(../images/icon_top.png) no-repeat center; background-size:85%; z-index: 3; cursor:pointer; position:fixed; right:10px; text-indent:9999px; bottom:48px; color: #fff; border-radius:3px; transition: all .3s; z-index: 5;}
.backToTop:hover{opacity: .8}

body{padding-top:120px;}
header{ background: #fff; height:120px; position: fixed; top:0; box-shadow: 0 2px 2px 2px rgba(0,0,0,.05); width: 100%; left: 0; z-index: 100; z-index: 2;}
.headtop{position: absolute; right: 0; top: 0}
.logo{ margin:20px 0; position: absolute; left: 30px; top: 0}
.logo a{display: inline-block;}
.logo img{height: 80px}
#nav{text-align: center;}
nav {height: 120px;}
nav li{ display: inline-block; padding:0 22px; position: relative; }
nav li:last-child:after{display: none;}
nav li>a{ display: block; vertical-align: middle; position: relative; font-size:20px; overflow: hidden; line-height:120px; transition:0.5s; text-transform: capitalize;}
nav li>a i.iconfont{display: inline-block; font-size: 26px; vertical-align: middle;}
nav li.on>a,nav li:hover>a{ color: #d72820;}
nav dl{ position: absolute; background: #d72820; display: block; width: 280px; top:120px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; }
nav dl a{ color: #fff; display: block; text-align: left; padding: 13px 15px; border-bottom: 1px dashed rgba(255,255,255,.3);}
nav dl a:hover{ background: #fff; color: #d72820}
nav dl dd{position: relative;}
nav dl dd:nth-child(1)>a{ border-top: 2px solid #d72820;}
nav dl dd div{position: absolute; left: 100%; top: 0; border-top: 2px solid #d72820;background: #fff; width:300px; display: none;}
nav dl div a{color: #333 ;border-bottom: 1px solid #eee; font-size: 15px; line-height: 22px;}
nav dl dd:hover div{display: block;}
nav li:hover dl{ opacity: 1; left: 0;}
.searchbox{float: right; padding-right: 20px;}
.searchbox form{ overflow: hidden; height: 120px; z-index: 2}
.searchbox form i{color: #999; font-size: 30px; }
.searchbox form input{ margin:36px 0 0 0; width: 0; background:none; color: #fff; line-height:45px; opacity: 0; float: left; border-radius: 3px; transition: all .3s; }
.searchbox form button{ width:50px; height:120px; background: none; border: 0; text-align: center; float: right; outline: none; cursor: pointer;  }
.searchbox form input::-webkit-input-placeholder { color: #fff;}
.searchbox form input:-moz-placeholder {  color: #fff;}
.searchbox:hover{background: #222; padding-left: 20px;}
.searchbox:hover i{color: #fff}
.searchbox:hover input{width: 188px; opacity: 1}
.laguagebox{float: right; background:#d72820; padding:0 15px; height: 120px; color: #fff}
.laguagebox select{background:none; color: #fff; width: 180px; font-size: 20px; margin:44px 0 0px 0; appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url(../images/jiantou_w.png) no-repeat scroll right center; background-size:32px; padding-right:29px; }
.laguagebox select option{color: #333}

#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #d72820;color: #fff;position: absolute;right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none; cursor: pointer;}
#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{ overflow: hidden; background:#0b090a; color: #fff; width: 100%;}
.foot_advlanguage{background:#d72820; color: #fff; text-align: center; padding:60px 0; font-style: italic;}
.foot_advlanguage h2{font-size: 48px; line-height: 58px; display: inline; padding-right:45px; position: relative;}
.foot_advlanguage h2:after{content:"”"; position:absolute; right:0; bottom:-40px; }
.foot_advlanguage p{margin-top:20px;}
.foot_advlanguage h2 font,.foot_advlanguage h2:after{font-size: 80px;}
.foot_advlanguage h2 font{margin-right: 18px; display: inline-block; vertical-align: middle;}
.footer .row{ background:url(../images/footbg.jpg) no-repeat center; background-size: cover}
.footer .warper{ overflow: hidden; padding:70px 0; }
.footer h4{font-size:36px; font-weight: 100; font-family: Conv_impact; text-transform: uppercase; margin-bottom: 25px;}
.footer .warper a{color: #fff}
.footer .warper h4 a{color: #fff;}
.footer .warper h4 a:hover{color: #d72820}
.footer .item{float: left; width: 27%;}
.footer .item2{margin:0 4%; width: 25%}
.footer .item3{width: 35%; float: right;}
.footer .item dd{margin-bottom: 10px;}
.footer .item dd i{color: #fff; font-size: 34px; font-weight: 100; margin-left: -8px; vertical-align: middle; display: inline-block; margin-top: -5px;}
.footer .item dd:hover i{color: #d7e8c4;}
.footer .item3 h5{font-size: 16px; font-weight: 100; line-height: 28px;}
.footer input,.footer textarea{width: 100%; border:1px solid #fff;color:#fff; background:none;line-height: 24px; padding:12px 10px; margin-bottom: 8px;}
footer input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder { color: #fff;}
footer input:-moz-placeholder,footer textarea:-moz-placeholder { color: #fff;}
.footer textarea{resize: none;}
.footer button{width: 100%; background: #fff; color: #d72820; border:0; text-transform: uppercase; font-size:20px; height:50px; cursor: pointer; transition: all .3s; margin-top: 15px; font-weight: 600;}
.footer button:hover{background: #d72820; color: #fff;}
.footer ul{margin:20px 0 40px 0;}
.footer li{padding-left:68px; position: relative; line-height: 30px; font-size: 26px; font-weight: 600; margin: 18px 0;}
.footer li strong{font-size: 16px; font-weight: 100;display: block;}
.footer li h6{font-size: 32px; font-weight: 100; position: absolute; left: 0; top:5px; width: 54px; height: 54px; line-height: 54px; color: #fff; border:1px solid #ddd; border-radius: 50%; text-align: center;}
.footer li h6:before{display: block;}
.footer li:hover h6{color: #d72820; border-color: #d72820;}
.footer .media a{font-size:34px; font-weight: 100; display: inline-block; text-align: center; color: #fff; border-radius: 50%; margin-right: 26px;}
.footer .media a.icon-facebook:hover,.pro_rcon .media a.icon-facebook:hover,.pro_menu .media a.icon-facebook:hover{color: #4460a0}
.footer .media a.icon-linkedin:hover,.pro_rcon .media a.icon-linkedin:hover,.pro_menu .media a.icon-linkedin:hover{color: #0084b1}
.footer .media a.icon-twitter:hover,.pro_rcon .media a.icon-twitter:hover,.pro_menu .media a.icon-twitter:hover{color: #2fb0ec}
.footer .media a.icon-youtubeplay:hover,.pro_rcon .media a.icon-youtube:hover,.pro_menu .media a.icon-youtube:hover{color: #dd1829}
.copyright{text-align: center;line-height: 28px; padding:25px 10px; color: #999; overflow: hidden;}
.copyright span{display: inline-block; margin-left: 50px;}
.copyright span a{margin:0 5px;}
.copyright a{color: #999;}
.footer a:hover{color: #d72820;}

.fixnav{position: fixed; left: 0; bottom:35%; z-index: 10;}
.fixnav .item,.fixnav .it{ transition: all .3s;}
.fixnav .item {position: relative; height:38px;}
.fixnav h6{display: block; font-weight: 100; width:38px; z-index: 0; height:38px; font-size:24px; text-align: center; vertical-align: middle; line-height:38px;}
.fixnav .item1,.fixnav .item1 span{background: #f6791e}
.fixnav .item2,.fixnav .item2 span{background: #ffad1d}
.fixnav .item3,.fixnav .item3 span{background: #03c305}
.fixnav .item4,.fixnav .item4 span{background: #00aff0}
.fixnav .item span{font-weight: 600; line-height:38px; transition: all .3s; overflow: hidden; font-size: 16px; padding:0 20px; margin-left:38px;position: absolute; left:0; top:0; z-index: 3; display: none; width: 220px; }
.fixnav .item:hover span{display: block;}
.fixnav .item2:hover span{width: 240px;}
.fixnav a{color: #fff}
.fixnav .it a{width:38px; text-align: center; line-height:38px; font-size: 24px; height:38px; background: #000; display: block;}
.fixnav .it a.icon-facebook{background: #4460a0}
.fixnav .it a.icon-twitter{background: #2fb0ec}
.fixnav .it a.icon-linkedin{background: #0084b1}
.fixnav .it a.icon-youtubeplay{background: #dd1829}
.langu{display:none; padding:0 5px; height: 48px; color: #fff; background: #222; position: fixed; right: 0; bottom: 90px; text-align: center; line-height: 48px; }

.banner{z-index: 0}
.banner img{ width: 100%; display: block; }
.banner .owl-pagination{position: absolute; bottom:40px; margin-top: 0; width: 100%}
.banner .owl-controls{margin-top: 0}
.banner .owl-controls .owl-page span{width:60px;height:4px; background:#fff; margin: 0 3px; opacity:1; border-radius:0;}
.banner .owl-controls .owl-page.active span{background: #d72820; }
.banner .owl-controls .owl-buttons div{background: #fff url(../images/jiantou.png) no-repeat center; background-size: 13px; margin:0; text-indent: 999px; overflow: hidden; position: absolute; left: 40px; width: 50px; height: 50px; top: 50%; margin-top: -25px; border-radius: 0;opacity: 1}
.banner .owl-controls .owl-buttons div.owl-next{left: auto; right: 40px; transform: rotate(180deg);}
.banner .owl-controls .owl-buttons div:hover{background-image: url(../images/jiantou_green.png);}

/*版块标题*/
.row{overflow: hidden;}
.conbox{padding:80px 0;}
.hometit{text-align: center; margin-bottom:65px; }
.hometit h2{ text-transform: uppercase; position: relative;}
.hometit h2,.edit-box h2{font-size: 40px; font-family: Conv_impact; font-weight: 100}
.hometit h2 a:hover{color: #d72820}
.hometit h2:after,.about_main h2:after,.app_lis h2:after{ width: 98px; height: 4px; background: #d72820; content: ""; position: absolute; left: 50%; margin-left: -49px; bottom: -23px; }
.hometit p{ color: #999; margin-top: 10px; }
.more{ color: #d72820; font-style: normal; font-size: 18px; display: inline-block; font-weight: 100}
.more i{display: inline-block; vertical-align: middle; font-size: 36px; font-weight: 100;margin-top: -8px; transition: all .3s;}
.more:hover i{margin-left: 15px; }

.productbox{overflow: hidden;}
.pro_menu{ overflow:hidden; width: 340px; float: left;}
.pro_menu .hometit{text-align: left;}
.pro_menu .hometit h2:after{left: 0; margin-left: 0}
.pro_menu li a{ display: block; padding:10px 0; font-size:18px; font-weight: 600; padding-left: 30px; position: relative; margin-bottom: 10px;}
.pro_lcon ul h3 a:before,
.pro_menu li a:before{ content: ""; border:1px solid #666; transform:rotate(45deg); position: absolute; left: 20px; top: 50%; margin-top: -6px; width: 9px; height:9px;}
.pro_menu li a:before{left:3px;}
.pro_menu li.on a{color: #d72820;}
.pro_menu li.on a:before{background: #d72820; border-color: #d72820}
.pro_menu .media{margin-bottom:45px;}
.pro_menu .media a{ color: #c1c1c1; margin-right:35px;}
.pro_menu .search{background: #222; margin-top: 130px; position: relative; overflow: hidden; width: 340px;padding:15px 0;}
.pro_menu .search input{line-height: 36px; padding:0 15px; width: 280px; float: left;border:0; background:none;}
.pro_menu .search input::-webkit-input-placeholder { color: #fff;}
.pro_menu .search input:-moz-placeholder { color: #fff;}
.pro_menu .search button{ position: absolute; right: 0; top: 0; border:0; height: 100%; background: #222; width:60px; cursor: pointer; }
.pro_menu .search button i{ color: #fff; font-size: 30px;}
.pro_lis{ margin-left: 410px;}
.pro_lis .fon{line-height: 30px; margin-bottom: 50px;}
.pro_lis a{display: block; width: 48.5%; float: left; overflow: hidden; background: #ff4e46; position: relative;}
.pro_lis li a:nth-child(even){margin-left:3%;}
.pro_lis a .con{padding:40px 30px; background:#d72820; margin-bottom: 70px;}
.pro_lis a .pic{overflow: hidden; width: 100%}
.pro_lis a img{width: 100%; display: block; transition: all .3s;}
.pro_lis a:hover{background: #d72820}
.pro_lis a:hover img{transform:scale(1.1);}
.pro_lis .item{ display: none;}
.pro_lis .item.on{display: block;}
.pro_lis .owl-controls{ margin-top: 0 }
.pro_lis .owl-pagination{ width: 18px; position: absolute; right: -50px; top: 50%; margin-top: -46px; }
.pro_lis .owl-controls .owl-page span{width: 15px; height: 15px;border:1px solid #666; opacity: 1; background:none; margin:2px 0;}
.pro_lis .owl-controls .owl-page.active span, .pro_lis .owl-controls.clickable .owl-page:hover span{background:#d72820; border-color: #d72820}

.contactbox{background: url(../images/contactboxbg.jpg) no-repeat center fixed; background-size: cover; text-align: center; color: #fff;}
.contactbox h3{font-size: 40px; font-family:Conv_impact; font-weight: 100;padding:0 15px; max-width: 1100px; margin:0 auto; }
.contactbox a{border-radius: 30px; background:#d72820; color: #fff; font-size: 18px; width: 190px; margin-top:25px; position: relative; overflow: hidden; line-height: 42px; display: inline-block;}
.contactbox a i{ position: absolute; left:40%; top: 5px; opacity: 0}
.contactbox a:hover i{left:60%;opacity: 1 }
.contactbox a:hover{ padding-right: 40px; }

.companybox{overflow: hidden;}
.companybox .warper{position: relative; overflow: hidden;}
.companybox .hometit{text-align: left;}
.companybox .hometit h2:after{left: 0;margin-left: 0}
.companybox .l{width: 30%; float: left;}
.companybox .l .more{width: 210px; background:#d72820; color: #fff; border-radius: 5px; text-align: center; padding:15px 0; margin-top: 40px; position: absolute; left: 0; bottom: 0;}
.companybox .l .more span{display: inline-block; height: 20px; line-height: 20px; margin-top: -5px; overflow: hidden; vertical-align: middle; font-size: 30px;}
.companybox .l .more span:before{display: block; margin-bottom: 100px;}
.companybox .fon{ height:282px; line-height:32px; color: #666; overflow: hidden;}
.companybox .r{overflow: hidden; width: 65%; float: right;}
.companybox .r img{display: block; width: 100%; transition:all .3s;}
.companybox .r:hover img{transform:scale(1.1);}

.casebox{background:#eee;}
.case_lis{ margin:0 -15px;}
.case_lis li{margin:0 15px;}
.case_lis li a{display: block; background: #fff; overflow: hidden; padding-bottom: 50px;}
.case_lis li .pic{overflow: hidden;}
.case_lis li img{display: block; width: 100%; transition:all .3s;}
.case_lis li h3{ line-height: 34px; height:97px; margin:30px; overflow: hidden; font-size:22px; transition: all .3s;}
.case_lis li h6{ margin:0 30px; }
.case_lis li:hover a{background:#d72820;}
.case_lis li:hover h3,.case_lis li:hover h6{color: #fff;}
.case_lis li:hover img{transform: scale(1.1);}
.case_lis .owl-controls{margin-top:50px;}
.case_lis .owl-controls .owl-pagination{margin-top:0;}
.case_lis .owl-controls .owl-page span{background:#333; opacity: 1;width: 15px; height: 15px;}
.case_lis .owl-controls .owl-page.active span, .case_lis .owl-controls.clickable .owl-page:hover span{background:#d72820;}
.case_lis .owl-controls .owl-buttons div{background:url(../images/jiantou_b.png) no-repeat center; transform:rotate(90deg); opacity: 1; width: 40px; height: 40px;text-indent: 9999px; overflow: hidden; float: left;margin:0; }
.case_lis .owl-controls .owl-buttons div.owl-next{float: right; transform: rotate(270deg);}
.case_lis .owl-controls .owl-buttons{ position: absolute; left:50%; margin-left: -110px; bottom: -3px;  width: 220px; }

.newbox,.casebox{overflow: hidden; }
.new_lis{overflow: hidden;}
.new_lis li{ overflow: hidden; transition: all .3s; margin-top: 40px;}
.new_lis li:first-child{margin-top: 0}
.new_lis li:nth-child(odd) .pic{float: right;}
.new_lis li:nth-child(odd) .con{margin-left: 0; margin-right: 650px; padding-left: 125px;}
.new_lis li:nth-child(odd) .time{left: 0;}
.new_lis a,.lis_new a{display: block; overflow:hidden;}
.new_lis .pic,.lis_new .pic{width: 600px; float: left; overflow:hidden; position: relative;}
.new_lis .pic:after,.lis_new .pic:after{content: ""; position: absolute; right: 0; top:30px; background:url(../images/new_jiao.png) no-repeat center; width: 20px; height: 35px;}
.new_lis li:nth-child(odd) .pic:after{right: auto; left: 0; transform:rotate(180deg);}
.new_lis .pic img,.lis_new .pic img{display: block; width: 100%; transition: all .3s;}
.new_lis .time,.lis_new .time{position: absolute; left: 55px; top: 0; color: #cdcdcd; border-right: 1px solid #ddd; width: 90px; transition: all .3s;}
.new_lis .time b,.lis_new .time b{display: block; font-size:50px;}
.new_lis .con,.lis_new .con{margin-left: 600px; padding-left: 180px; position: relative;}
.new_lis h3,.lis_new h3{font-size:20px; line-height: 34px; height: 64px; overflow:hidden; margin-bottom: 22px;}
.new_lis p,.lis_new p{height: 52px; line-height: 28px; overflow: hidden; color: #999; font-weight: 100;}
.new_lis li:hover h3,.lis_new li:hover h3{color: #d72820}
.new_lis li:hover img,.lis_new a:hover img{transform:scale(1.1);}
.new_lis li:hover .time,.lis_new li:hover .time{color: #d72820}
.lis_new a{padding:50px 0;}
.lis_new li{border-bottom: 1px solid #ddd;}
.lis_new li:first-child a{padding-top: 0}
.lis_new li:last-child {border:0;}
.lis_new li:last-child a{padding-bottom: 0}

/*二级页公用*/
.main{padding:80px 0 160px 0; overflow: hidden;}
.sub_banner .img{position: relative;}
.sub_banner img{display: block; width: 100%; transition: all .3s;}
.positionline{ width: 1200px; margin:0 auto; padding:20px 0; border-bottom: 1px solid #ddd; position: relative; }
.positionline a{color: #333}
.positionline a:hover{color: #d72820}
.positionline i{position: absolute; right: 0; top:14px; color: #d72820; font-size:30px;}

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

/*info*/
.infocon p{color: #666; line-height: 28px; margin:12px 0; }
.infocon h1{font-size:24px; font-weight: inherit; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block;max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; color: #999}
.infocon .other{border-top: 1px solid #ddd; margin-top: 50px; padding-top: 20px;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other div{margin:15px 0;}
.infocon .other a:hover{ color: #d72820 }

/*contact*/
.edit-box{ width: 38%; float: left; }
.edit-box h2{ margin-bottom:45px;}
.edit-box ul{overflow: hidden;}
.edit-box li{font-size:36px; overflow: hidden; margin-bottom:35px; font-weight: 600;}
.edit-box ul li:nth-child(2) a{color: #d72820}
.edit-box li:last-child{margin-bottom: 0}
.edit-box li a{ font-weight: 600}
.edit-box li label{font-weight: 100; display: block; margin-bottom:8px; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #333}
.edit-box li:nth-child(1){font-size: 16px; line-height: 24px; color: #666; font-weight: 100}
.edit-box a:hover{color: #d72820}

.contact_form{ width: 55%; float: right; font-size:18px; margin-top:96px; }
.contact_form form ul{overflow: hidden;}
.contact_form li{width: 100%; overflow: hidden; background:#fff; margin-bottom: 10px; line-height: 24px; border:1px solid #666; position: relative;}
.contact_form li:nth-child(1),.contact_form li:nth-child(2){width:49%; float: left;}
.contact_form li:nth-child(2){margin-left:2%;}
.contact_form li font{position: absolute; color: #d72820; left: 7px; top: 15px;}
.contact_form li:last-child{width: 100%; float: none; height: auto}
.contact_form input,.contact_form textarea{width:100%; padding:15px; resize: none;}
.contact_form textarea{line-height: 24px;}
.contact_form button{ border: none; font-size:18px; text-transform: uppercase; font-weight: 600; background: #d72820; transition: all .3s; color: #fff; width: 100%; text-align: center; line-height:60px; margin-top:10px; font-size:18px; border-radius:0; cursor: pointer;}
.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;}
button:hover{opacity: .8}

.map{overflow: hidden; margin-top:80px;}
.map img{display: block; width: 100%;}

/*about*/
.about_main .companybox .fon{height: auto}
.about_main h2{font-size: 30px; font-family:Conv_impact; color: #333; text-transform: capitalize; font-weight: 100; padding-top:80px; margin-bottom:55px; position: relative;}
.about_main h2:after{ margin-left: 0; left: 0 }
.about_main img{max-width: 100%;}
.about_nav{overflow:hidden; border:1px solid #333; border-right: 0;background:#fff;}
.about_nav a{ display: block; width: 33.33%; font-size: 30px; text-align: center; float: left; font-family:Conv_impact; padding:15px 0; border-right: 1px solid #333;  }
.about_nav a:hover,.about_nav a.on{background:#d72820; color: #fff;}
.about_nav.top0{position: fixed; width: 1200px; top: 0; left:50%; margin-left: -600px; z-index: 2}
.about_com{line-height:30px; color: #666;}
.about_com p{margin-bottom:20px;}
.about_service,.about_service li{overflow: hidden;}
.about_service li{margin-bottom: 60px; padding-bottom: 65px; background:url(../images/3line.jpg) repeat-x left bottom;}
.about_service .pic{ width: 600px; float: left; }
.about_service .con{margin-left: 600px; padding-left: 50px; position: relative; overflow:hidden; color: #666; line-height: 28px;}
.about_service .con p{margin-bottom: 12px;}
.about_service h3{font-size: 24px; font-weight: 100; margin:10px 0 30px 60px; color: #333;}
.about_service h6{position: absolute; left:50px; top: 0; font-size: 42px; color: #d72820; font-weight: 100; line-height: 46px;}
.about_service li:nth-child(2) .pic{float: right;}
.about_service li:nth-child(2) .con{ margin-left: 0; margin-right: 600px; padding-right: 50px; padding-left: 0 }
.about_service li:nth-child(2) h6{left: 0}
.about_service li:last-child{margin-bottom: 0;background:none; padding-bottom: 0}

.about_test{margin:0 -18px;}
.about_test li{margin:0 1.5%; width: 30.33%; float: left; margin-bottom:50px;}
.about_test .pic{overflow: hidden;}
.about_test img,.app_lis img{display: block; width: 100%; transition: all .3s;}
.about_test h4{text-align: center; font-weight: 100; font-size:20px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-top:18px;}
.about_test li:hover img{transform: scale(1.1);}

/*list*/
.lis_case{overflow: hidden;}
.lis_case li{overflow: hidden; position: relative;}
.lis_case .pic{width: 50%; float: left; overflow: hidden;}
.lis_case .pic img{width: 100%; display: block; transition: all .3s;}
.lis_case .con{width: 50%; height: 100%; position: absolute; left:50%; top: 0; display: flex; align-items: center; justify-content: center; padding-left: 50px;}
.lis_case h3{font-size: 22px; line-height: 30px; height: 60px; overflow: hidden;}
.lis_case .fon{height:107px; overflow: hidden; color: #999; line-height: 28px; margin:50px 0;}
.lis_case li:nth-child(even) .pic{float: right; margin-right: 0; margin-left: 80px;}
.lis_case li:nth-child(even) .con{ left: 0; padding-left: 0; padding-right: 50px; }
.lis_case li:hover img{transform: scale(1.1);}
.lis_case li:hover h3{color: #d72820}

.pro_lcon{width:400px; float: right;}
.pro_lcon .tit{background: #d72820;color: #fff; font-size: 20px; text-transform: uppercase; font-family:Conv_impact;padding:15px 10px; margin-bottom: 20px; cursor: pointer; display: none; }
.pro_lcon .tit i{float: right; font-style: normal;}
.pro_lcon ul h3{font-size: 20px; font-weight: 100; background:#eee; position: relative;}
.pro_lcon ul h3 a{transition: all 0s; padding:18px 0; display: inline-block; padding-left: 50px; position: relative;}
.pro_lcon ul h3 i{width: 25px; height: 25px; border:1px solid #333; background: url(../images/jiantou_b.png) no-repeat center; background-size: 18px; border-radius:3px; display: block; position: absolute; left: 0; top:0}
.pro_lcon ul li{margin-bottom:5px;}
.pro_lcon dl{display: none; padding:20px 0;}
.pro_lcon dd{font-size: 16px; color: #666; line-height: 30px; line-height: 24px;}
.pro_lcon dd a{ color: #666; display: inline-block; vertical-align: baseline; padding: 8px 0}
.pro_lcon dd:hover,.pro_lcon dd:hover a{color: #d72820}
.pro_lcon ul li.on h3,.pro_lcon ul li:hover h3{font-weight: 600; background:#d72820;}
.pro_lcon ul li.on h3 a,.pro_lcon ul li:hover h3 a{color: #fff}
.pro_lcon ul li.on h3 a:before,.pro_lcon ul li:hover h3 a:before{background:#fff; border-color: #fff}
.pro_lcon ul li.on dl{display: block;}
.pro_lcon .hometit,.pro_rcon .hometit{text-align: left;}
.pro_lcon .hometit{margin-top: 60px; margin-bottom: 58px;}
.pro_lcon .hometit h2,.pro_rcon .hometit h2,.app_lis h2{ font-size: 36px;}
.pro_lcon .hometit h2:after,.pro_rcon .hometit h2:after,.app_lis h2:after{left: 0; margin-left: 0;}

.hotpro .item{background:#171719; overflow: hidden;}
.hotpro .item img{width: 100%; display: block;}
.hotpro .item h3{font-size: 24px; color: #fff; text-align: center; margin:30px;}
.hotpro .owl-buttons{display: none;}
.hotpro .owl-controls{background:#444; padding:25px 0; margin-top: 0}
.hotpro .owl-controls .owl-page span{ width: 15px; height: 15px; border:1px solid #fff; background:none;}
.hotpro .owl-controls .owl-page.active span, .hotpro .owl-controls.clickable .owl-page:hover span{background:#fff; border:1px solid #fff;}
.pro_lcon .contact_form{margin-top: 0; width: 100%; float: none;}
.contact_form li:nth-child(1), .contact_form li:nth-child(2){width: 100%; float:none;}
.contact_form li:nth-child(2){margin-left: 0}

.pro_rcon{margin-right:450px; position: relative;}
.pro_rcon .hometit{display: inline-block;}
.pro_rcon .media{ display: inline-block; vertical-align: middle; margin-left:10px;}
.pro_rcon .media a{ color: #c1c1c1; margin-left:35px;}
.pro_rcon .media a,.pro_menu .media a{font-size:28px;}
.pro_rcon .fon{margin-bottom: 50px; line-height: 30px; color: #666}
.lis_pro{overflow: hidden;}
.lis_pro li{overflow: hidden; background: #d72820; margin-bottom:25px; transition: all .3s; position: relative;}
.lis_pro li a{display: block; width: 100%;}
.lis_pro li:last-child{margin-bottom: 0}
.lis_pro .pic{width: 380px; float: left; overflow: hidden;}
.lis_pro .pic img{display: block; width: 100%; transition: all .3s;}
.lis_pro .con{ padding:40px 25px 0 40px; margin-left:380px;}
.lis_pro .botbg{height: 75px; background:#ff4e46; position: absolute; right: 0; bottom: 0; width: 100%; left: 380px; display: block; transition: all .3s }
.lis_pro h3,.pro_lis a h3{font-size: 24px; color: #fff; line-height: 32px; height: 63px; overflow: hidden;}
.lis_pro p,.pro_lis a p{color: #ffb9b6; margin-top:30px; line-height: 24px; height:23px; overflow: hidden; padding-left: 25px; position: relative;}
.lis_pro p:before,.pro_lis a p:before{ content: ""; border:1px solid #ffb9b6; transform:rotate(45deg); position: absolute; left:3px; top: 50%; margin-top: -6px; width: 9px; height:9px;}
.lis_pro li .icon-xin,.pro_lis a .icon-xin{position: absolute; bottom: 25px; right: 25px; color: #fff; font-size:19px;}
.lis_pro .more,.pro_lis a .more{left: 420px; bottom:18px; position: absolute; color: #fff; text-transform: uppercase;}
.pro_lis a .more{left:30px;}
.lis_pro li:hover .pic img{transform: scale(1.15);}
.lis_pro li:hover{background: #171719}
.lis_pro li:hover .botbg{background:#d72820;}
.lis_pro li:hover p{color: #999}
.lis_pro li:hover p:before{border-color: #999}

/*产品详情*/
.pro_detail{ overflow: hidden; position: relative;}
.pro_detail h1{font-size:32px; line-height:40px; margin-bottom: 20px;}
.pro_detail .fon{line-height:32px; font-size: 20px; color: #333; margin:40px 0 ; overflow: hidden;}
.pro_detail .fon img{max-width: 100%;}
.pro_detail .fon h5{font-size: 30px; color: #d72820; text-align: center;}
.pro_detail .fon p{margin:10px 0; padding-left: 25px; position: relative;}
.pro_detail .fon p:before{content: "";width: 8px; height: 8px; border:2px solid #d72820; position: absolute; left: 0; top:11px; border-radius: 50%;}

.app_lis{margin:0 -15px;}
.app_lis h2{ margin-bottom: 50px; margin-left: 15px; position: relative; text-transform: uppercase; font-family:Conv_impact; font-weight: 100; }
.app_lis h3{font-size: 18px; text-align: center; margin-top: 15px; line-height: 24px;}
.app_lis .pic{overflow: hidden;}
.app_lis li{margin:0 15px;}
.app_lis li:hover img{transform: scale(1.1);}
.app_lis li:hover h3{color: #d72820}
.app_lis .owl-controls{margin-top: 0; position: absolute; right: 15px; top:-85px;}
.app_lis .owl-pagination{ display: none;}
.app_lis .owl-controls .owl-buttons div{ width: 40px; height: 40px; margin:1px; border-radius: 0; text-indent: 999px; overflow: hidden; background:#333 url(../images/right.png) no-repeat center; background-size: 16px; opacity: 1 }
.app_lis .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg); background-color: #d72820}


@media screen and (max-width: 1440px){
  nav{float: right; margin-right: 280px;}
  .logo{left: 10px;}
  .searchbox h6{width: auto; padding:0 20px;}
}

@media screen and (max-width: 1380px){
  nav li{padding:0 15px;}
}

@media screen and (max-width: 1280px){
  nav{margin-right: 230px;}
  .laguagebox select{font-size: 16px; width: 120px; background-size: 28px;}
}

@media screen and (max-width: 1200px){
  .fixnav{display: none;}
	.warper{padding:0 10px;}
  .footer .warper{padding:60px 10px;}  
  .pro_lis .owl-pagination{position: inherit; width: 100%; right: auto; top: auto;margin-top: 15px;}
  .owl-theme .owl-controls .owl-page span{margin:0 5px;}
  .companybox .l .more{left: 10px;}
  .positionline{width: 100%; padding-left: 10px;}
  .positionline i{right: 10px;}
  .about_nav.top0{width: 100%; margin-left: 0; left: 0}
  .about_test{margin:0;}
  .about_test li{margin-left:.5%; margin-right: .5%; width: 32.33%}
  .app_lis{margin:0;}
  .app_lis li{margin:0 5px;}
  .app_lis h2{margin-left: 0}
  .app_lis .owl-controls{right: 0}
}

@media screen and (max-width: 1199px){
  nav li{padding:0 10px;}
  .logo{margin:12px 0;}
  .logo img{height:56px;}
  header{height: 80px;} 
  body{padding-top:80px;}
  nav{margin-right: 215px;}
  nav li>a{line-height: 80px; font-size: 18px;}
  .searchbox form button{height: 80px;}
  .searchbox form{height: 80px;}
  .searchbox form input{margin-top: 17px;}
  .searchbox{padding-right: 10px;}
  .laguagebox{height: 80px;}
  .laguagebox select{margin-top: 30px;}
  .foot_advlanguage h2{font-size: 42px; line-height: 52px;}
  .footer .item3{width: 38%;}
  .copyright span{display: none;}
  .banner .owl-pagination{bottom: 20px;}
  .conbox{padding:55px 0;}
  .companybox .fon{height: 265px; line-height: 30px;}
  .case_lis{margin:0;}
  .case_lis li{margin:0 10px;}
  .case_lis .owl-controls .owl-buttons{bottom:-8px}  
  .positionline i{display: none;}
  .main{padding:50px 0 120px 0;}
  .about_nav a{font-size: 28px;}
  .about_main h2{margin-top: -30px;}
  .edit-box li{font-size: 34px;}
  .lis_pro .pic{width: 320px;}
  .lis_pro .con{margin-left: 320px; padding:30px 25px 0 30px;}
  .lis_pro .botbg{left: 320px;}
  .lis_pro .more{left: 350px}
  .pro_rcon{margin-right: 400px;}
  .pro_lcon{width: 365px;}
  .pro_rcon .media a{margin-left: 20px;} 
}

@media screen and (max-width: 1024px){
	.fixnav{display: none;} 
	.logo{margin:7px 0;}
	.logo img{height:50px;}
  .headtop{right: 60px;}
  .searchbox form button{height: 64px;}
  .searchbox form{height:64px;}
  .searchbox form i{font-size: 26px;}
  .searchbox form input{margin-top: 10px;}
  .searchbox{padding-right: 10px;}
  .laguagebox{height: 64px; background:none;}
  .laguagebox select{margin-top: 24px; color: #333; background:none;-webkit-appearance:menulist; width: auto}
	header{height: 64px;} 
	body{padding-top:64px;}
	nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px; height: 100%; box-shadow: 0 3px 5px #666; z-index: 99; overflow-y: auto;background:#eee;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 15px;}
	nav li.on>a{height: auto; line-height: 45px;}
	nav li dl{opacity: 1; position: inherit; left:0; top:0; }
	nav dl a{width: auto; color: #666; padding:4px 15px;}
	nav dl{background: #fff; padding:10px 0;}
	nav dl dd:nth-child(1)>a{border:0;}  
  nav dl dd a{line-height:28px;}
	#nav .nav-button{ display: block; top:14px; background: #333 }
  .footer h4{font-size: 32px; margin-bottom:15px;}
  .footer li{font-size: 23px; padding-left: 60px;}
  .footer li h6{width: 48px; height: 48px; line-height: 46px; top: 8px; font-size: 28px;}
  .foot_advlanguage{padding:40px 10px;}
  .footer .warper{padding:40px 10px;}
  .banner .owl-controls .owl-buttons div{left: 10px;}
  .banner .owl-controls .owl-buttons div.owl-next{right: 10px;}  
  .pro_menu .search{margin-top: 83px;}
  .pro_lis{margin-left: 370px;}
  .pro_lis .fon{margin-bottom: 30px;}
  .contactbox h3{font-size: 32px;}
  .case_lis li h3{margin:15px; font-size: 20px; line-height: 30px; height: 86px;}
  .case_lis li h6{margin:0 15px;}
  .case_lis li a{padding-bottom: 25px;}
  .new_lis .pic, .lis_new .pic{width: 450px;}
  .new_lis li:nth-child(odd) .con{margin-right: 475px;}
  .new_lis li:nth-child(odd) .con{padding-left: 100px;}
  .new_lis .con, .lis_new .con{margin-left: 450px; padding-left: 130px;}
  .new_lis h3, .lis_new h3{margin-bottom: 15px;}
  .new_lis .time, .lis_new .time{width:70px; font-size: 14px;}
  .new_lis .time b, .lis_new .time b{font-size: 40px;}
  .new_lis .time, .lis_new .time{left: 30px;}
  .about_nav.top0{display: none;}
  .about_main h2{margin-top:50px; padding-top: 0}
  .edit-box li{font-size: 30px;}
  .edit-box{width: 45%;}
  .contact_form{width: 50%;}
  .map{margin-top: 50px;}
  .pro_rcon .fon{margin-bottom: 30px;}
  .pro_rcon .media{display: block; margin-left: 0;}
  .pro_rcon .media a{margin-left: 0; margin-right: 20px;}
  .pro_lcon .hometit{margin-bottom: 40px; margin-top: 50px;}
  .pro_lcon .hometit h2, .pro_rcon .hometit h2, .app_lis h2{font-size: 32px;} 
  .pro_detail .fon h5{font-size:26px;}
}

@media screen and (max-width: 990px){
  .hometit{margin-bottom: 50px;}
  .hometit h2, .edit-box h2{font-size: 36px;}
  .hometit h2:after, .about_main h2:after, .app_lis h2:after{bottom: -15px;}  
  .lis_pro h3, .pro_lis a h3{font-size: 22px; height: 59px;}
  .pro_lis a .con{padding:25px;}
  .companybox .l{width: 40%;}
  .companybox .r{width: 57%}
  .companybox .fon{height: 144px;}
  .new_lis h3, .lis_new h3{font-size: 18px; line-height: 28px; height: 53px;}  
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{width: 40px; height: 40px; line-height: 40px;}
  .digg4 span.disabled{line-height: 34px;}
  .about_main h2,.about_nav a{font-size: 26px;}
  .about_main h2{margin-bottom: 40px;}
  .about_service .pic{width:450px;}
  .about_service .con{margin-left:450px; padding-left: 30px;}
  .about_service h6{left: 30px; font-size: 36px;}
  .about_service h3{font-size: 22px; margin-bottom:20px;}
  .about_service li:nth-child(2) .con{margin-right:450px; padding-right: 30px;}
  .about_service li{padding-bottom:30px; margin-bottom: 40px;}
  .about_test h4{font-size: 18px;}
  .about_test li{ margin-bottom: 30px;}
  .lis_case .fon{margin:30px 0;}
  .lis_pro .pic{width: 260px;}
  .lis_pro .con{margin-left:260px; padding:20px 15px 0 20px;}
  .lis_pro .botbg{left: 260px; height: 56px}
  .lis_pro .more{left: 280px; bottom: 9px;}
  .lis_pro li .icon-xin{ right: 15px; bottom: 15px; }
  .lis_pro p{margin-top: 15px;}
	.pro_detail h1{font-size: 28px;}
  .pro_detail .fon{font-size: 18px; line-height: 28px;}
  .pro_detail .fon p:before{top:8px;}
  .pro_detail .fon p{margin:6px 0;}
  .infocon h1{font-size: 22px; line-height: 28px;}
}

@media screen and (max-width:900px){
  .foot_advlanguage h2{font-size: 38px; line-height: 46px;}
  .conbox{padding:35px 0;}
  .hometit{margin-bottom:40px;}
  .more{font-size: 16px;}
  .more i{font-size: 32px;}
  .case_lis li{margin:0 5px;}
  .case_lis li h3{margin:15px; font-size:18px; line-height:28px; height: 83px;}
  .digg4{margin-top: 20px;}
  .edit-box li{font-size: 26px;}
  .app_lis h3{font-size: 16px; margin-top: 12px;}	
  .pro_detail .fon h5{font-size: 24px;}
}

@media screen and (max-width: 899px){
  .footer .warper{padding:40px 10px;}
  .footer .item{width: 100%; float: none;}
  .footer .item2{margin:30px 0;}
  .footer h4{margin-bottom: 12px;}
  .footer ul{margin:10px 0;}
  .footer .item dd{display: inline-block; width: 49%;}  
  .pro_menu{width: 100%; float: none; margin-bottom: 20px;}
  .pro_menu .hometit{display: inline-block;}
  .pro_menu ul{overflow: hidden;}
  .pro_menu .media{display: inline-block; margin-left:30px; margin-bottom: 0}
  .pro_menu .media a{margin-right: 20px;z}
  .pro_menu .search{margin-top:10px; width: 100%;}
  .pro_menu .search input{width: 90%;}
  .pro_menu .search button{width: 10%;}
  .pro_menu li{display: inline-block; width:50%; float: left; margin-bottom: 0}
  .pro_menu li a{margin-bottom: 0;padding:7px 0 7px 30px;}
  .pro_lis{margin-left: 0}
  .pro_lis .fon{height: 50px; overflow: hidden; line-height: 26px; margin-bottom: 15px;}
  .new_lis .pic, .lis_new .pic{float: none; width: 100%; margin-bottom: 15px;}
  .new_lis .con, .lis_new .con{margin-left: 0; padding-left:90px;}
  .new_lis h3, .lis_new h3{height: auto; margin-bottom: 5px;}
  .new_lis p, .lis_new p{font-size:14px; line-height: 24px; height:46px; }
  .new_lis .time, .lis_new .time{left: 0}
  .new_lis li:nth-child(odd) .pic{float: none;}
  .new_lis li:nth-child(odd) .con{margin-right: 0; padding-left: 90px;}
  .new_lis .pic:after, .lis_new .pic:after{ right: auto; left: 0; transform: rotate(180deg); }
  .about_main h2,.about_nav a{font-size: 24px;}
  .lis_new a{padding:35px 0;}
  .hotpro{display: none;}
  .pro_lcon{width: 100%; float: none;}
  .pro_rcon{margin-right: 0; margin-top: 25px;}
  .pro_rcon .hometit,.pro_rcon .media{display: none;}
  .pro_lcon ul{display: none;}
  .pro_lcon .tit{display: block; margin-bottom: 3px;}
  .pro_lcon ul h3 a{padding-top:12px; padding-bottom: 12px; padding-left: 40px;}
  .pro_lcon ul h3{font-size:17px;}
  .pro_lcon dd a{padding:3px 0; font-size: 14px;}
  .pro_lcon dl{padding:10px 0;}
  .pro_rcon .fon{margin-bottom: 15px;}
  .pro_lcon .contact_form{display: none;}
  .pro_lcon .hometit{display: none;}
  .pro_detail .fon{margin:20px 0 40px;}
  .pro_detail .fon p{margin:2px 0;}
}

@media screen and (max-width: 768px){
  .foot_advlanguage{padding:30px 10px;}
  .foot_advlanguage h2{font-size: 30px; line-height: 38px;}
  .foot_advlanguage h2 font, .foot_advlanguage h2:after{font-size: 55px;}
  .foot_advlanguage h2:after{bottom: -30px;}
  .footer h4{font-size: 26px;}
  .footer li{font-size: 20px;}  
  .banner .owl-controls .owl-buttons div{ width: 40px; height: 40px; }
  .banner .owl-controls .owl-page span{width: 40px;}
  .hometit h2, .edit-box h2{font-size: 30px;}
  .hometit h2:after, .about_main h2:after, .app_lis h2:after{width: 60px; margin-left: -30px;}  
  .lis_pro h3, .pro_lis a h3{font-size: 20px; height: 54px; line-height: 28px;}
  .lis_pro p, .pro_lis a p{margin-top: 20px;}
  .pro_lis a .con{padding:15px; margin-bottom: 50px;}
  .pro_lis a .more{left: 15px; bottom:10px; }
  .lis_pro li .icon-xin, .pro_lis a .icon-xin{right: 15px; bottom:15px; font-size: 17px;}
  .companybox .l{width: 100%; float: none;}
  .companybox .l .more{position: inherit; left: auto; bottom: auto; margin-top: 20px;}
  .companybox .r{width: 100%; float: none; margin-top: 15px;}  
  .case_lis .owl-controls{margin-top: 30px;}
  .main{padding:40px 0 80px 0;}
  .about_main h2,.about_nav a{font-size: 22px;}
  .about_main h2:after{margin-left: 0}
  .about_main h2{margin-top: 30px;}
  .about_service .pic{width: 100%; float: none; margin-bottom: 15px;}
  .about_service .con{margin-left: 0;padding-left: 0}
  .about_service h6{left: 0}
  .about_service .con p{margin-bottom: 0}
  .about_service h3{font-size: 20px; margin-left: 45px; margin-bottom:10px;}
  .about_service h6{font-size: 32px;}
  .about_service li:nth-child(2) .pic{float: none; }
  .about_service li:nth-child(2) .con{margin-right: 0; padding-right: 0}
  .about_test h4{font-size: 16px;}
  .lis_case .fon{margin:15px 0;}
  .lis_case h3{font-size:20px;}
  .lis_case .con{padding-left: 30px;}
  .lis_case li:nth-child(even) .con{padding-right: 30px;}
  .edit-box li{font-size: 24px;}
  .edit-box h2{margin-bottom: 30px;}
  .contact_form{margin-top: 67px;}
  .map{margin-top: 30px;}
  .app_lis h2:after{margin-left: 0}
  .pro_lcon .hometit h2, .pro_rcon .hometit h2, .app_lis h2{font-size: 28px;}
  .pro_detail h1{font-size: 24px; line-height: 36px;}
  .infocon h1{font-size: 20px; line-height: 28px;}	
  .pro_detail .fon h5{font-size: 22px;}
}

@media screen and (max-width: 760px){
  .contactbox h3{font-size: 26px;}
  .contactbox a{margin-top: 15px;}
}

@media screen and (max-width: 640px){
  .case_lis li h3{margin:15px; font-size:16px; line-height:25px; height: 72px;}
  .lis_case h3{font-size: 18px; line-height: 26px; height: 51px;}
  .lis_case .fon{margin-top: 5px; margin-bottom: 0; line-height: 24px; height:72px;}
  .lis_case .more{display: none;}
  .edit-box{width: 100%;}
  .edit-box li{margin-bottom: 20px;}
  .contact_form{width: 100%;}
  .contact_form{margin-top:37px;}
  .edit-box h2{margin-bottom: 20px;}
  .pro_lcon .hometit h2, .pro_rcon .hometit h2, .app_lis h2{font-size: 24px;}
  .app_lis .owl-controls{top: -70px;}
  .app_lis .owl-controls .owl-buttons div{width: 30px; height: 30px;}
  .app_lis h2{margin-bottom: 40px;}	
}

@media screen and (max-width: 639px){
  .headtop{display: none;}
  .langu{display: inline-block;}
  .backToTop{width: 40px; height: 40px; right: 0}
  .langu{line-height: 40px; height: 40px; font-size: 15px; bottom: }
  .footer .item1{display: none;}
  .footer .item2{margin-top: 0}
  .footer .warper{padding:25px 10px;}
  .foot_advlanguage{padding:25px 10px;}
  .foot_advlanguage h2{font-size:24px; line-height: 30px; padding-right: 35px;}
  .foot_advlanguage h2 font, .foot_advlanguage h2:after{font-size: 50px;}
  .foot_advlanguage h2:after{bottom: -24px;}
  .foot_advlanguage p{margin-top: 10px;}
  .footer button{margin-top: 0; font-size: 18px; height: 45px;}
  .footer .media a{font-size: 30px;}
  .footer h4{font-size: 22px;}
  .footer li{ padding-left: 60px; margin:12px 0; line-height: 27px; font-size: 18px;}
  .footer li h6{width: 40px; height: 40px; line-height: 40px; top: 9px; font-size: 24px;}
  .copyright{font-size: 14px; line-height: 24px;}
  .pro_menu li{width: 100%; float: none;}
  .pro_menu li a{font-size: 16px;}
  .pro_menu .search{padding:10px 0;}
  .pro_menu .search input{width: 80%;}
  .pro_menu .search button{width: 20%}
  .positionline{font-size: 14px; padding:15px 10px;}
  .about_main h2, .about_nav a{font-size: 20px;}
  .lis_new a{padding:22px 0;}
  .pro_detail .fon h5{font-size:20px;}
}

@media screen and (max-width:480px){
  .foot_advlanguage h2{font-size:20px; line-height: 28px; padding-right: 30px;}
  .foot_advlanguage h2 font, .foot_advlanguage h2:after{font-size:43px;}
  .foot_advlanguage h2:after{bottom: -20px;}
  .banner .owl-controls .owl-buttons div{width: 30px; height: 30px; background-size: 10px;}
  .banner .owl-pagination{bottom: 10px;}
  .hometit{margin-bottom:30px;}
  .hometit h2, .edit-box h2{font-size:24px;}
  .hometit h2:after, .about_main h2:after, .app_lis h2:after{width: 50px; height: 3px; bottom: -10px; margin-left: -25px;}
  .more{font-size: 15px;}  
  .lis_pro h3, .pro_lis a h3{font-size: 17px; line-height: 26px; height: 50px;}
  .pro_rcon .media a, .pro_menu .media a{font-size: 22px;}
  .pro_menu .media a{margin-right: 10px;}
  .contactbox h3{font-size: 22px;}
  .contactbox a{margin-top: 15px;}
  .contactbox{background-size: 150%; background-attachment:inherit;}
  .case_lis li h3{margin:10px;}
  .case_lis li h6{margin:0 10px;}
  .case_lis li a{padding-bottom: 15px;}
  .new_lis .time b, .lis_new .time b{font-size: 30px;}
  .new_lis h3, .lis_new h3{font-size: 16px; line-height: 24px; height: 46px;}
  .main{padding: 30px 0 60px 0}
  .about_test li{width: 49%; margin-left: 0; margin-right: 0}
  .about_test li:nth-child(even){margin-left: 2%;}
  .about_main h2:after{margin-left: 0;}
  .about_main h2{margin-bottom: 30px;}
  .about_nav{display: none;}
  .about_com h2{margin-top: 0}
  .about_main h2, .about_nav a{font-size: 18px;}
  .about_service li{margin-bottom: 30px;}
  .about_test h4{margin-top: 12px; font-size: 14px;}
  .lis_case h3{font-size: 16px;}
  .lis_case .con{padding-left: 20px;}
  .lis_case .fon{height: 46px;}
  .lis_case li:nth-child(even) .con{padding-right: 20px;}
  .edit-box li{font-size: 20px;}
  .edit-box li label{color: #666}
  .contact_form button{line-height: 50px;}  
  .lis_pro .pic{width: 160px;}
  .lis_pro .con{margin-left:160px; padding:15px 15px 0 12px;}
  .lis_pro .botbg{left:160px; height:40px}
  .lis_pro .more{left: 172px; bottom: 5px;}
  .lis_pro li .icon-xin{bottom: 10px;}
  .lis_pro p{ display: none; }  
  .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{width:32px; height:32px; line-height:32px;}
  .digg4 span.disabled{line-height: 28px;}
  .digg4{font-size: 14px; margin-top:10px}
  .digg4 span.disabled{font-size: 24px;}
  .lis_pro li{margin-bottom: 15px;}
  .app_lis h2:after{margin-left: 0}
  .app_lis h2{margin-bottom: 30px;}
  .app_lis .owl-controls{top: -50px;}
  .pro_lcon .hometit h2, .pro_rcon .hometit h2, .app_lis h2{font-size: 22px;}
  .pro_detail h1{font-size: 20px; line-height: 26px; margin-bottom: 15px;}
  .pro_detail .fon{font-size: 16px;}
  .pro_detail .fon p{padding-left: 20px;}
  .pro_detail .fon p:before{width: 6px; height: 6px; top: 9px;}
  .infocon h1{font-size:18px; line-height: 26px;} 
  .case_lis .owl-controls .owl-buttons div{background-size:26px;} 
}

@media screen and (max-width:412px){
  .about_nav a{font-size: 16px;}  
}

@media screen and (max-width:400px){ 
  .pro_menu .media{margin-left: 12px;} 
}

@media screen and (max-width:359px){ 
  .pro_menu .media{ display: block; margin-left: 0;margin-bottom: 10px;} 
  .lis_pro .pic{width: 120px;}
  .lis_pro .con{margin-left:120px; padding:15px 15px 0 12px;}
  .lis_pro .botbg{display: none;}
  .lis_pro .more{display: none;}
  .lis_pro li .icon-xin{ display: none;} 
}

@media screen and (max-width:320px){  
  .pro_lis .fon{margin-bottom: 0}
  .pro_lis a{width: 100%; float: none; margin-top: 15px;}
  .pro_lis li a:nth-child(even){margin-left: 0;} 
}