/* 选择所有标签，但是排除 <i> 标签 */
* {
    font-family: Arial, Helvetica, sans-serif;
}
/* 如果你只想针对 p 标签、a 标签替换 font-family，可以这样写 */
a, p {
    font-family: Arial, Helvetica, sans-serif !important;
}
/* 排除 <i> 标签 */
i {
    font-family: FontAwesome !important;
}
@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'NOTOSANS_b';
  src: url('fonts/NOTOSANS_b.eot');
  src: local('☺'), url('fonts/NOTOSANS_b.woff') format('woff'), url('fonts/NOTOSANS_b.ttf') format('truetype'), url('fonts/NOTOSANS_b.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'NOTOSANS_r';
  src: url('fonts/NOTOSANS_r.eot');
  src: local('☺'), url('fonts/NOTOSANS_r.woff') format('woff'), url('fonts/NOTOSANS_r.ttf') format('truetype'), url('fonts/NOTOSANS_r.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
body{font-family:Arial, Helvetica, sans-serif; font-size: 18px;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: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #030303;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#e45618;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style:none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ 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);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.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);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.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;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(css/AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ 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);}
/* mouse grab icon */
/*.grabbing { cursor:url(grabbing.png) 8 8, move;}*/

/* fix */
.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);}

/* CSS3 Transitions */

.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;}
/* fade */
.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;}
/* backSlide */
.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;}
/* goDown */
.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;}
/* scaleUp */
.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;}
/* Keyframes */
/*empty*/
@-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('css/iconfont.eot?t=1587637852801'); /* IE9 */
  src: url('css/iconfont.eot?t=1587637852801') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('css/iconfont.woff?t=1587637852801') format('woff'),
  url('css/iconfont.ttf?t=1587637852801') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('css/iconfont.svg?t=1587637852801') 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-youxiang1:before {
  content: "\e6cd";
}

.icon-message-zm:before {
  content: "\e67b";
}

.icon-youxiang1-copy:before {
  content: "\e8d9";
}

.icon-riqi:before {
  content: "\e76d";
}

.icon-icon--:before {
  content: "\e781";
}

.icon-xiazai:before {
  content: "\e62f";
}

.icon-lianxiren:before {
  content: "\e612";
  display: block;
}

.icon-tel:before {
  content: "\e641";
  display: block;
}

.icon-gongchang:before {
  content: "\e76e";
  display: block;
}

.icon-dianhua1:before {
  content: "\e610";
  display: block;
}

.icon-address:before {
  content: "\e601";
  display: block;
}

.icon-dianhua1-copy:before {
  content: "\e8da";
}

.icon-666666:before {
  content: "\e62a";
}

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

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

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

.icon-ji:before {
  content: "\e693";
}

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

.icon-yangzhijixie:before {
  content: "\e7d5";
}

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

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

.icon-jiantou7-copy:before {
  content: "\e66a";
}

.icon-mean_list:before {
  content: "\e653";
}

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

.icon-in:before {
  content: "\e6f1";
}

.icon-jiantou7-copy-copy:before {
  content: "\e8d8";
}

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

.icon-yangzhijixie-copy:before {
  content: "\e8db";
  display: block;
}

.icon-egg-copy:before {
  content: "\e8dc";
  display: block;

}

.icon-ji-copy:before {
  content: "\e8dd";
  display: block;
  
}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ width:100%; margin:0 auto; position: relative;}
.backToTop{width:60px; height:60px; border-radius: 60px; background:#e45618 url(images/icon_top.png) no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:50px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

#boxDiv { width: 100%; height: 100%; position: relative;}
#boxDiv:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
#boxDiv video{ width: auto; height: auto; min-height: 100%; min-width: 100%; z-index: -9999; position: fixed; right: 0; bottom: 0; }


.header{ width: 100%; height: 90px; background: transparent; z-index: 999; position: fixed;  top: 30px;  left: 0;  }
.header_box{ background: #fff; border-radius: 10px; position: relative; }
.logo{ position: absolute;left: 28px; top: 8px; z-index: 55; }
.logo img{ transition: all 0.3s; }



h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}

.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;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #e45618 ; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

#nav{ position: relative; }
nav{ float: right; margin-right: 246px;}
nav li{ float: left; position: relative; padding: 36px 23px; }
nav li>a{ color: #030303; text-transform: uppercase; font-weight: bold; position: relative; display: block; text-align: center; transition:0.5s; font-size:16px; }
nav li.on a,nav li:hover a{ color: #e45618; cursor: pointer;  }
nav li:nth-of-type(4) a,nav li:nth-of-type(6) a{ position: relative; padding-right: 24px; }
nav li:nth-of-type(4) a:after,nav li:nth-of-type(6) a:after{ content: ''; position: absolute; top: 50%; margin-top: -2px; right: 0; background: url(images/nav_arrow.png) no-repeat; width: 8px; height: 5px;}
nav li:nth-of-type(4) a:hover:after, nav li:nth-of-type(6) a:hover:after{ background: url(images/nav_arrow2.png) no-repeat; }
nav dl{ opacity: 0; border-top: 1px solid #e45618; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: 135px; top: 90px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 10px 18px; text-align: center; white-space: nowrap;font-size:16px;}
nav li dl dd a:after{ display: none; }
nav li dl dd a:hover{ background: #e45618 !important; border-radius: 0 !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }
nav li:nth-of-type(4):hover dl{ display: none; }
.subnav{ position: absolute; display: none; border-top: 1px solid #e45618; left: 0; width: 100%; background: rgba(255,255,255,0.95); top: 90px; border-radius: 10px; padding: 20px;  }
.subnav ul{ width: 100%; overflow: hidden; }
.subnav ul li{ float: left; padding: 0 50px; position: relative; }
.subnav u li:firstl-child{ padding-left: 0; }
.subnav ul li p{ font-size: 18px; color: #e45618; font-weight: bold; }
.subnav ul li span{ font-size: 16px; font-weight: bold; color: #666; margin-top: 5px; display: inline-block;}
.subnav ul li a i{ font-size: 32px; }
.subnav ul li a{ font-size: 20px; padding-top: 5px; display: inline-block; }
.subnav ul li *{ vertical-align: middle; }
.subnav ul li:after{ content: ''; width: 1px; height: 55px; background: #d3d6d7; position: absolute; right: 0; top: 0; }

.page_nav{ width: 100%; height: 90px; background: #fff; z-index: 999; position: fixed;  top: 0;  left: 0;  }
.page_nav .subnav{ border-radius: 0; }
.page_nav .logo{ left: 0; }
.position{box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3); height: 80px; }
.position nav li{ padding: 31px 23px; }
.position .logo{ top: 3px; }
.position .head_rcon{ top: 28px; }
.position .subnav{ top: 80px; }
.position .searchform{ top: 52px; }
.position nav dl{ top: 80px; }

.head_rcon{ position: absolute; right: 30px; top: 35px; width: 66px; transition: all 0.3s; } 
.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #fff;border: medium none;line-height:32px;text-indent:5px;background-color:#333;} 
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("images/abg_2.png") center center no-repeat;}
.search-button{ width: 24px; height: 24px; text-align: center; line-height: 24px;float: left; }
.search-button i{ color: #bebebe; font-size: 20px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#e45618;position: absolute; right: 0; top:55px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#e45618; color: #fff; line-height:50px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:50px; background:#e45618; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder { color: #fff;}

.languagebox{ position: relative; width: 20px;float:right;   }
.languagebox ul{ width: 100%; height: 20px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5; transition: all .3s; position: absolute; left: 0; top: 0; }
.languagebox ul li{ line-height: 20px; margin-bottom: 10px; height: 20px; background:transparent; border-radius: 20px; overflow: hidden;}
.languagebox ul li img{  width: 100%; height: 100%; }
.languagebox a{ line-height: 20px; font-size: 16px; color: #fff; text-transform: uppercase; }
.languagebox:hover ul{height:auto;}


footer .footer{ overflow: hidden; }

footer{ background: #f6f6f6; border-top: 3px solid #e45618; }
footer .copyright{ font-size: 14px; font-weight: bold; background: #191718; padding: 8px; clear: both;  color:#fff; }

footer .item{ padding-top: 52px; padding-bottom: 48px; }
footer .item1{ width:127px; float: left; }
footer .item1 img{ width: 100%; }
footer .item2{ width:18%; float: left; margin-left: 3%; }
footer .item3{ width:22%; float: left; margin-left: 7%; }
footer .item4{ width:20%; float: left; }
footer .item5{ width: 10%; float: right; }

footer .item h4{ font-size: 15px; font-weight: bold; margin-bottom: 18px; }
footer .item ul li{ font-size: 14px; font-weight: bold; margin-bottom: 14px; }
footer .item ul li a{ color: #999; }
footer .item ul li a i{ display: none;}
footer .item ul li a:hover{ color: #e45618; }

footer .item2 ul li{ font-size: 12px; line-height: 18px; color: #999; margin-bottom: 10px; padding-left: 28px; position: relative; }
footer .item2 ul li a{ color: #999; }
footer .item2 ul li a:hover{ color: #e45618; }
footer .item2 ul li h6{ position: absolute; top: 0; left: 0; font-size: 18px; color: #878787; }


.media { display: inline-block; float: right; }
.media a{color: #fff; display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.media a:first-child:hover{ color: #117aed; }
.media a:nth-of-type(2):hover{ color: #0b66c3; }
.media a:nth-of-type(3):hover{ color: #2fb0ec; }
.media a:nth-of-type(4):hover{ color: #fe0000; }

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size:24px; color: #e45618; font-family: NOTOSANS_r; }
.page_tit{ font-size: 36px; font-family: WorkSans-SemiBold;  }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
/*首页*/
.in_boxtext{ position: relative; padding-top: 12%; }
.in_wartext{ text-align: center; }
.in_wartext p{ font-size: 50px; font-weight: bold; color: #e45618; margin-bottom: 10px; }
.in_wartext span{ font-size: 40px; font-weight: bold; color: #fff; }
.in_pronav{ width: 100%;  margin-top: 10%; }
.in_pronav li{ float: left; width: 33%; transition: all 0.3s; }
.in_pronav li a{ display: block; width: 100%; background: rgba(255,255,255,0.7); padding: 18px 0; text-align: center; }
.in_pronav li h6{ width: 90px; height: 90px; text-align: center; font-size: 50px; overflow: hidden; border-radius: 90px; line-height: 90px; border: 1px solid #8a9092; }
.in_pronav li p{ font-size: 26px; color: #484848; margin-top: 10px; }
.in_pronav li span{ font-size: 18px; color: #777; display: inline-block; margin-top: 15px; }
.in_pronav li:nth-of-type(2){ margin: 0 0.4%; }
.in_pronav li:hover p,.in_pronav li:hover span{ color: #e45618; }
.in_pronav li:hover{ margin-top: -2%; }

.in_media{ position: fixed; bottom: 20px; right: 25px; }
.in_media a{ width:25px; height: 25px; line-height: 25px; text-align: center; color: #fff; display: inline-block; font-size: 16px; border: 1px solid #fff; border-radius: 3px;  }
.in_media a:first-child:hover{ color: #fff; background: #117aed; border: 1px solid #117aed; }
.in_media a:nth-of-type(2):hover{ background: #0b66c3; color: #fff; border: 1px solid #0b66c3;}
.in_media a:nth-of-type(3):hover{ background: #2fb0ec; color: #fff; border: 1px solid #2fb0ec;}
.in_media a:nth-of-type(4):hover{ background: #fe0000; color: #fff; border: 1px solid #fe0000;}

/*位置*/
.subbanner{ position: relative; overflow: hidden; margin-top: 90px;}
.subbanner img{ width: 100%; display: block; }
.sub_wap{ position: absolute; top: 30%; left: 50%; margin-left: -680px; width: 1360px; }
.sub_wap h1{ color: #fff; text-transform: uppercase; font-size: 36px; padding-bottom: 20px; font-family: NOTOSANS_b; position: relative; }
.sub_wap h1:after{ content: ''; width: 36px; height: 4px; background: #e45618; position: absolute; bottom: 0; left: 0; }
.paddt50{ padding-top: 50px; }
.positionline{ padding: 15px 0; background: #f6f6f6; color: #999; font-size: 14px; }
.positionline i{ color: #878787; font-size: 12px; }
.positionline a{ color: #999; margin:0 5px; }
.positionline a:hover{ color: #e45618; }
/*关于我们*/
.ab_text{ width: 100%; overflow: hidden; margin-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #e5e5e5; }
.ab_text .lcon{ width: 64%; padding-right: 45px; float: left; border-right: 1px solid #e5e5e5; }
.ab_text .rcon{ width: 36%; padding-left: 58px; float: right; }
.ab_text .lcon p{ font-size: 16px; line-height: 26px; color: #666; margin-bottom: 20px; }
.ab_text .rcon ul li{ margin-bottom: 46px; }
.ab_text .rcon ul li:last-child{ margin-bottom: 0; }
.ab_text .rcon ul li h2{ font-size: 45px; }
.ab_text .rcon ul li p{ font-size: 16px; line-height: 26px; color: #666; }

.ab_poul{ padding: 50px 0; border-bottom: 1px solid #e5e5e5;}
.ab_poulitem { background: #f7f7f7; overflow: hidden; }
.ab_poulitem .lcon{ width: 860px; float: left; }
.ab_poulitem .lcon img{ width: 100%; }
.ab_poulitem .rcon{ margin-left: 860px; padding-left: 30px; padding-top: 25px; }
.ab_poulitem .rcon p{ font-size: 18px; line-height: 30px; color: #666; position: relative; padding-bottom: 25px; }
.ab_poulitem .rcon p:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 38px; height: 3px; background: #999; }
.ab_poulswiper{ position: relative; margin-top: 20px; }
.ab_poulswiper .owl-theme .owl-controls{ position: absolute; right: 390px; bottom: 28px; }
.ab_poulswiper .owl-theme .owl-controls .owl-buttons div{ width: 30px; opacity: 1; height: 30px; border-radius: 5px; text-indent: -999em; }
.ab_poulswiper .owl-theme .owl-controls .owl-prev{ background: url(../images/pro-arrow2.png) center no-repeat #d8d8d8; transform: rotate(180deg); }
.ab_poulswiper .owl-theme .owl-controls .owl-next{ background: url(../images/pro-arrow2.png) center no-repeat #d8d8d8; }
.ab_poulswiper .owl-theme .owl-controls .owl-prev:hover{ background: url(../images/pro-arrow.png) center no-repeat #e45618; transform: rotate(180deg);  }
.ab_poulswiper .owl-theme .owl-controls .owl-next:hover{ background: url(../images/pro-arrow.png) center no-repeat #e45618; }

.ab_bus{ padding: 50px 0 60px 0; }
.pro_caty{ width: 100%;  margin-top: 30px; overflow: hidden; }
.pro_caty li{ float: left; width: 33%; transition: all 0.3s; position: relative; }
.ab_probox{ width: 100%; height: 100%; position: absolute; padding: 68px 0; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.pro_caty li a{ display: block; width: 100%; text-align: center; }
.pro_caty li h6{ width: 90px; height: 90px; text-align: center; font-size: 50px; overflow: hidden; color: #fff; border-radius: 90px; line-height: 90px; border: 1px solid rgba(255,255,255,0.5); }
.pro_caty li p{ font-size: 26px; color: #fff; margin-top: 10px; }
.pro_caty li span{ font-size: 18px; color: #fff; display: inline-block; margin-top: 15px; }
.pro_caty li:nth-of-type(2){ margin: 0 0.4%; }
.pro_caty li:hover p,.pro_caty li:hover span,.pro_caty li:hover h6{ color: #e45618; }
.pro_caty li:hover .changpic img{ transform: scale(1.15); }
/*news*/
.news_main{ overflow: hidden; padding-bottom: 60px; }
.news_show{ width:100%;  overflow: hidden; background: #3e3f3d; }
.news_show .lcon{ width: 504px; float: left; }
.news_show .rcon{ margin-left: 504px; }
.news_toptext{ padding: 48px 40px 0 32px; }
.news_toptext h2{ color: #fff;font-size: 22px; height: 30px; overflow: hidden; line-height: 30px; font-family: NOTOSANS_b; }
.news_toptext span{ display: inline-block; margin-top: 12px; color: #999; font-size: 14px; font-family: NOTOSANS_r; }
.news_toptext span i{ color: #999; font-size: 25px; }
.news_toptext span b{ font-weight: normal; }
.news_toptext span *{ vertical-align: middle; }
.news_toptext p{ margin-top: 25px; color: #fff; font-size: 16px; line-height: 24px; height: 120px; overflow: hidden; }
.news_toptext em{ background: url(images/more_bg.png) no-repeat; width: 83px; height: 23px; text-align: center; line-height: 23px; display: inline-block; margin-top: 26px; color: #fff; font-size: 12px; font-style: normal; }
.news_swiper .item:hover .news_show .changpic img{ transform: scale(1.15); }
.news_swiper .item:hover .news_show{ background: #e45618; }
.news_swiper .item:hover .news_toptext span,.news_swiper .item:hover .news_toptext span i{ color: #fff; }
.news_swiper{ position: relative; }
.news_swiper .owl-theme .owl-controls{ position: absolute; bottom: 10px; left: 0; width: 100%; }
.news_swiper .owl-theme .owl-controls .owl-page span{ background: #fff; opacity: 1; }
.news_swiper .owl-theme .owl-controls .owl-page.active span{ background: #e45618; }

.news_list{ margin-top: 30px; }
.news_list ul li{ border-bottom: 1px solid #ededed; }
.news_list ul li a{ display: block; padding: 40px 0; }
.news_item{ width: 100%; overflow: hidden; }
.news_item .lcon{ width: 230px; float: left; }
.news_item .rcon{ margin-left: 230px; }
.news_litext{ padding-top: 10px; padding-left: 28px; padding-right: 30px; }
.news_litext h2{ font-size: 20px; font-family: NOTOSANS_b; height: 30px; line-height: 30px; overflow: hidden; }
.news_litext span{ display: inline-block; margin-top: 12px; color: #999; font-size: 14px; font-family: NOTOSANS_r; }
.news_litext span i{ color: #999; font-size: 25px; }
.news_litext span b{ font-weight: normal; }
.news_litext span *{ vertical-align: middle; }
.news_litext p{ margin-top: 8px; font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; color: #999; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news_list ul li:hover a{ background: #e45618; padding: 40px 30px; }
.news_list ul li:hover .news_litext h2,.news_list ul li:hover .news_litext p,.news_list ul li:hover .news_litext span,.news_list ul li:hover .news_litext span i{ color: #fff; }
.news_list ul li:hover .changpic img{ transform: scale(1.15); }

/*project*/
.project_box{ padding-bottom: 60px; }
.project_text h2{ font-size: 36px; font-weight: normal; font-family: NOTOSANS_r; color: #e45618; }
.project_list{ margin-top: 55px; }
.project_list h2{ font-size: 32px; font-weight: normal; font-family: NOTOSANS_r; padding-bottom: 28px; border-bottom: double 4px #ededed; }

.project_list ul{ margin-top: 60px; overflow: hidden; }
.project_list ul li{ width: 32%; margin-right: 1.5%; float: left; margin-bottom: 40px; }
.project_list ul li:nth-of-type(3n){ margin-right: 0; }
.pro_text{ padding: 22px 28px 25px 28px; background: #f7f7f7; }
.pro_text p{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; color: #3e3f3d; }
.pro_text span{ font-size: 14px; line-height: 24px; height: 72px; color: #999; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 10px; }
.project_list ul li:hover .changpic img{ transform: scale(1.15); }
.project_list ul li:hover .pro_text{ background: #e45618; }
.project_list ul li:hover .pro_text p,.project_list ul li:hover .pro_text span{ color: #fff; }

/*service*/
.service_text{ padding-bottom: 55px; }
.service_text h2{ font-size: 36px; font-weight: normal; font-family: NOTOSANS_r; color: #e45618; }
.service_down{ background: url(images/down_bg.jpg) no-repeat; background-size: cover; padding: 52px 0; }
.service_down .home_boxtit{ color: #fff; }
.service_down ul{ margin-top: 58px; }
.service_down ul li{ margin-bottom: 5px; }
.down_item{ background: #fff; padding: 15px 50px; overflow: hidden; }
.down_item p{ font-size: 16px; line-height: 40px; float: left; height: 40px; overflow: hidden; color: #666; width: 80%; }
.down_item span{ float: right; font-size: 14px; color: #fff; display: inline-block; padding: 12px 28px; background: #e45618; border-radius: 5px; }
.down_item span a{ color: #fff; }
.down_item span:hover{ opacity: 0.85; }

.service_draw{ padding-top: 48px; padding-bottom: 58px; }
.dec{ margin-top: 10px; font-size: 16px; line-height: 30px; color: #999; }
.draw_swiper{ margin-top: 55px; }
.draw_swipertop{ position: relative; overflow: hidden; }
.draw_pic{ width: 800px; float: right; overflow: hidden; position: relative; height: 535px;}
.draw_pic .changpic{ width: 500%; position: absolute; left: 0; top: 0;  }
.draw_pic .changpic img{ width: 20%; float: left; }
.draw_text{ position: absolute; left: 0; width: 676px; padding: 54px 32px 0 32px; top: 50%; margin-top: -192px ; height: 385px; background: url(images/ser_logobg.png) 283px 124px no-repeat #f6f6f6; }
.draw_text p{ font-size: 16px; color: #3e3f3d; font-family: NOTOSANS_b; }
.draw_text h3{ font-size: 24px;  font-family: NOTOSANS_r; font-weight: normal; color: #e45618; margin-top: 10px; }
.draw_text span{ font-size: 14px; line-height: 24px; font-family: NOTOSANS_r; color: #666; display: inline-block; margin-top: 25px; }
.page{ margin-top: 35px; width: 120px; font-size: 22px; color: #999; position: relative;  font-family: NOTOSANS_r; padding: 0 38px; }
.page b{ color: #000; font-size: 26px; font-weight: normal; }
.page em{ font-style: normal; }
.page .per{ width: 13px; opacity: 0.5; transform: rotate(180deg); position: absolute; height: 22px; top: 9px; cursor: pointer; left: 0; background: url(images/right2.png) no-repeat; background-size: cover; }
.page .next{ width: 13px; opacity: 0.5; position: absolute; height: 22px; top: 9px; cursor: pointer; right: 0; background: url(images/right2.png) no-repeat; background-size: cover; }
.page .per:hover,.page .next:hover{ opacity: 1; }
.btnbox{ margin-top: 20px; overflow: hidden; }
.btnbox a{ float: left; width: 18.8%; display: inline-block; margin-right: 1.5%; cursor: pointer; }
.btnbox a:nth-of-type(5n){ margin-right: 0; }
.btnbox a img{ width: 100%; }
.btnbox a img.on,.btnbox a img:hover{ border: 5px solid #e45618; }

.service_video{ background: #f6f6f6; padding-top: 52px; padding-bottom: 110px; }
.ser_video{ margin-top: 60px; }
.ser_video ul{ width: 100%; overflow: hidden; }
.ser_video ul li{ float: left; width: 23.8%; margin-right: 1.5%; }
.ser_video ul li:nth-of-type(4n){ margin-right: 0; }
.video_item p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #3e3f3d; margin-top: 12px; }
.ser_video ul li:hover .video_item p{ color: #e45618; }

/*faq*/
.faq_main{ }
.faqlist_box{ width: 100%; overflow: hidden; margin-top: 1px; border-bottom: 1px solid #ededed; }
.faqlist_box li{ margin-bottom: 20px; transition: all 0.5s; }
.faqlist_box h3 { font-size: 18px; cursor: pointer; background: #f6f6f6; overflow: hidden; color: #484848;  font-family: NOTOSANS_b; padding: 15px;  padding-left: 30px; position: relative;}
.faqlist_box h3 span{ display: inline-block; width: 90%; height: 30px; line-height: 30px; overflow: hidden; }
.faqlist_box h3:after{ content: ''; width: 30px; height: 30px; position: absolute; top: 16px; left: 30px; background: url(../images/h3bg2.png) no-repeat; }
.faqlist_box h3:before{ content: ''; width: 23px; height: 12px; position: absolute; top: 24px; right: 30px; background: url(images/select_icon.png) no-repeat; }
.faqlist_box h3.on:before{  background: url(images/select_icon2.png) no-repeat; }
.faq-con{ padding: 30px; }
.faq-con p{ font-size: 14px; line-height: 30px; color: #999; font-weight: bold; }

.help_box{ background: #e45618; margin-top: 60px; padding: 40px 0; margin-top: 60px; overflow: hidden; }
.help_box .lcon{ float: left; width: 65%; }
.help_box .lcon h2{ color: #fff; font-size: 28px; font-family: NOTOSANS_r; font-weight: normal; }
.help_box .lcon p{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 15px; }
.help_btn{ float: right; width: 200px; margin-top: 28px; }
.help_btn a{ width: 100%; padding: 15px 0; display: inline-block; background: #a93d0d; color: #fff;  text-align: center; }
.help_btn a i{ font-size: 25px; }
.help_btn a span{ font-size: 18px; }
.help_btn a *{ vertical-align: middle; }
.help_btn a:hover{ opacity: 0.8; }
/*产品列表*/
.pro_main{ width: 100%; overflow: hidden; }
.pro_textdec{ padding-bottom: 48px; border-bottom: 1px solid #e5e5e5; }
.pro_all{ margin-top: 42px; }

.pro_list{ padding: 60px 0 0 0; }
.pro_list ul{ width: 100%; overflow: hidden; }
.pro_list ul li{ float: left; width: 31.33%; margin-right: 2%; margin-bottom: 30px; }
.pro_list ul li:nth-of-type(3n){ margin-right: 0; }
.pro_liitem{ position: relative; }
.pro_liitem p{ position: absolute; line-height: 45px; padding: 0 15px; height: 45px; overflow: hidden; text-align: center; font-size: 20px; color: #fff; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.7); }
.pro_list ul li:hover .changpic img{ transform: scale(1.15); }
/*分页 结束*/
.custpage{ margin-top: 50px; }
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0; width: 32px; color: #999; height: 26px; display: inline-block; text-align: center; line-height: 26px; border: 1px solid #ededed; }
.custpage span:hover{ background: #3e3f3d; cursor: pointer; color: #fff; border:1px #3e3f3d solid; }
.custpage a{ margin: 0; width: 32px; color: #999; height: 26px; display: inline-block; font-size: 16px; text-align: center; line-height: 26px; border:1px solid #ededed; }
.custpage a.cur,.custpage a:hover{ background: #3e3f3d; color: #fff; border: 1px solid #3e3f3d; }
/*分页 结束*/

/*产品详情*/
.pro-mainbox{ padding-bottom:60px; }
.pro_delbox{ width: 100%; overflow: hidden; margin-bottom: 50px;}
.pro_delbox .lcon{  float: left; width: 50%; }
.pro_delbox .rcon{  float: right; width: 50%; padding-left: 55px; padding-right: 60px; }
.propicflash{ width:100%; overflow: hidden;}
.propicflash .big { width: 100%; }
.propicflash .big img.on{ display: block; }
.propicflash .big img{ width: 100%; display: none;}
.propicflash .small{ margin-top: 10px;overflow: hidden; }
.propicflash .small .on{display: block;border:3px solid #e45618;}
.propicflash .small img{ margin-bottom:10px;  float: left; width: 24.1%; margin-right:1.2%; cursor: pointer; border:1px solid #eee;}
.propicflash .small img:last-child{ margin-right: 0; }
 
.pro-deltext h2{ font-size: 36px; font-family: NOTOSANS_r; font-weight: normal; padding: 18px 0; border-bottom: 1px solid #ededed; }
.pro_down{ margin-top: 20px; padding-bottom: 28px; border-bottom: 1px solid #ededed; }
.pro_down p{ font-size: 16px; font-weight: bold; line-height: 30px; }
.pro_downbox{ margin-top: 20px; }
.pro_downbox span *{ vertical-align: middle; }
.pro_downbox span em{ font-style: normal; font-size: 16px; font-weight: bold; color: #cb2027; display: inline-block; margin-left: 8px; }
.pro_downbox a:hover em{ color: #e45618; }

.pro_contact{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #ededed; }
.pro_contact span{display: inline-block; font-size: 14px; color: #999; padding-left:45px; width: 48%; float: left; position: relative; min-height:37px;}
.pro_contact a{ font-size: 14px; color: #3e3f3d; margin-top:3px; word-break: break-all;display:block;font-weight:bold;}
.pro_contact i{display: block; font-size: 32px; color: #e45618; width: 37px; height:37px; line-height:37px; text-align: center; position: absolute; left: 0; top:0}
.pro_contact a:hover{ color: #e45618; }

.share{ margin-top: 35px; font-size: 14px; color: #999; }
.share *{ vertical-align: middle; }
.share .addthis_inline_share_toolbox{ display: inline-block; }

.links{overflow: hidden; margin-top: 30px;}
.links a{display: inline-block; border-radius: 5px; font-weight: bold; width: 48%; height: 50px; line-height: 50px; text-transform: uppercase; text-align: center; background: #e45618; font-size: 16px; color: #fff;}
.links a:nth-of-type(2){ margin-left: 3%; background: #3e3f3d; }
.links a:hover{ opacity: 0.8; }
.links i{ font-size: 35px;font-weight: normal; }
.links a *{ vertical-align: middle; }

.proinfomenu{text-align: center; overflow: hidden; width: 100%; }
.proinfomenu .warper{  background:#f6f6f6; overflow: hidden; }
.proinfomenu a{width:auto; font-size: 16px; font-family: NOTOSANS_b; text-transform: uppercase; padding: 0 55px; color: #484848; background: #f6f6f6; float: left; display: block; line-height:60px; }
.proinfomenu.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; width: 100%;}
.proinfomenu a.on,.proinfomenu a:hover{ color: #e45618; border-bottom: 3px solid #e45618; }
.proinfomenu a:last-child{ border-right: none; }

.pro_delitem{ padding: 110px 0; }
.pro_delitem{ width: 100%; overflow: hidden; }
.pro_delitem .lcon{ float: left; width: 55%; }
.pro_delitem .rcon{ float: right; width: 45%; padding-left: 28px; }
.pro_delitem .lcon h4{ font-size: 30px; margin-top: 20px; line-height: 34px; color: #999; font-family: NOTOSANS_r; font-weight: normal; }
.pro_delitem .lcon p{ margin-top: 30px; line-height: 34px; font-size: 16px; color: #666; font-family: NOTOSANS_r;}

.pro_gary{ background: url(images/pro_delpic.jpg) right no-repeat #fff; background-size: contain; }
.pro_adv{ width: 100%; overflow: hidden; padding: 50px 0; }
.pro_adv .lcon{ float: left; width: 46%; }
.pro_adv .rcon{ float: right; width: 45%; padding-left: 80px; }
.pro_li{ margin-top: 30px; }
.pro_li li{ margin-bottom: 12px; font-size: 14px; line-height: 30px; color: #666; padding-left: 30px; position: relative; }
.pro_li li:after{ content: ''; width: 12px; height: 12px; border-radius: 12px; background: #e45618; position: absolute; top: 10px; left: 0; }

.rel_news{ padding: 58px 0; }
.rel_newsswiper{ margin-top: 45px;  position: relative;  }
.rel_newsitem{ overflow: hidden;}
.rel_newsitem .lcon{ width: 230px; float: left; }
.rel_newsitem .rcon{ margin-left: 230px; padding-left: 26px; }
.rel_newsitem .rcon .news_litext{ padding-left: 0; padding-right: 0; }
.rel_newsswiper .owl-theme .owl-controls{ position: absolute; top: -65px; margin-top: 0; right: 0; }
.rel_newsswiper .owl-theme .owl-controls .owl-page span{ background: #333; opacity: 1; }
.rel_newsswiper .owl-theme .owl-controls .owl-page.active span{ background: #e45618; }


.gary_bg{ background: #f6f6f6; padding: 55px 0; }
.gary_bg .home_boxtit{ font-size: 28px; font-family: NOTOSANS_b; }

.info_dec{ font-size: 14px; color: #999; text-transform: uppercase; margin-top: 10px; }
.gary_bg .infoform{ margin-top: 50px; }


/*contact*/
.con_helpbox{ margin-top: 54px; background: #f7f7f7; overflow: hidden; }
.con_helpbox .lcon{ float: left; width: 42%; }
.con_helpbox .rcon{ float: right; width: 58%; }
.con_lli{ padding:28px 30px; }
.con_lli h4{ font-size: 20px; font-family: NOTOSANS_r; color: #3e3f3d; text-transform: uppercase; }
.con_lli ul{ margin-top: 10px; }
.con_lli ul li{ padding: 15px 0; border-bottom: 1px solid #ddd; padding-left: 45px; position: relative; }
.con_lli ul li h6{ color: #e45618; font-size: 30px; width: 35px; height: 35px; overflow: hidden; position: absolute; top: 25px; left: 0; }
.con_lli ul li p{ font-size: 14px; color: #999; margin-bottom: 8px; }
.con_lli ul li span,.con_lli ul li a{ font-size: 14px; font-weight: bold; color: #3e3f3d;}
.con_lli ul li a:hover{ color: #e45618; }
.con_get{ margin-top: 50px;}
.con_getinform{ margin-top: 42px; overflow: hidden; margin-bottom: 60px;}
.con_getinform .lcon{ width: 56%; float: left; }
.con_getinform .rcon{ width: 44%; float: right; }
.infoform{overflow:hidden; }
.infoform li{width: 49%; float: left; position: relative; margin-bottom: 15px;}
.infoform li:nth-child(even){margin-left: 2%;}
.infoform li:last-child{width: 100%;}
.infoform li font{position: absolute; left: 20px; top: 14px; color: red;}
.infoform input,.infoform textarea{width: 100%; color: #000; border-radius: 3px; border: 1px solid #9f9f9f; font-family: Arial; background:transparent; font-size:14px; line-height: 22px; padding: 10px; padding-left: 30px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #999;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #999;}
.infoform form button{ color: #fff; border-radius: 3px; margin-top: 20px; background: #e45618; font-family: NOTOSANS_b;  height: 48px; width: 200px; font-size: 16px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }

.con_downlc{ background: url(images/con_downbg.jpg) no-repeat right bottom #e45618; margin-left: 58px; padding: 28px; }
.con_downlc h4{ font-size: 24px; color: #fff; font-family: NOTOSANS_r; font-weight: normal; }
.con_downlc ul{ margin-top: 5px; }
.con_downlc ul li{ color: #fff; font-family: NOTOSANS_r; font-size: 14px; margin-bottom: 22px;}
.con_downlc ul li:first-child{ font-size: 16px; }
.con_downlc ul li a{ width: 152px; padding-top: 5px; font-size: 12px; font-family: NOTOSANS_b; text-transform: uppercase; text-align: center; color: #fff; height: 48px; background: #a93d0d; border-radius: 3px; display: inline-block; }
.con_downlc ul li a i{ font-size: 20px; }
.con_downlc ul li a:hover{ opacity: 0.8; }
.con_downlc ul li span{ font-size: 14px; font-family: NOTOSANS_b; margin-left: 15px;  }
.con_downlc ul li *{ vertical-align: middle; }
.con_downlc ul li:nth-of-type(2){ position: relative; }
.con_downlc ul li:nth-of-type(2):after{ content: ''; width: 11px; height: 21px; background: url(images/down-icon.png) no-repeat; position: absolute; top: 21px; left: 106px; }

/*新闻*/
.news_delbox{ overflow: hidden; width: 100%; padding-bottom: 55px; }
.news_delbox .lcon{ float: left; width: 70%; }
.news_delbox .rcon{ float: right; width: 30%; padding-left: 60px; }
.infocon_tit{ border-bottom: 1px solid #ededed; }
.infocon_tit h2{ font-size: 30px; color: #e45618; font-family: NOTOSANS_r; font-weight: normal; }
.infocon_tit .time{ margin-bottom:20px; color: #999; font-size: 14px; font-family: NOTOSANS_r; margin-top: 8px;}
.infocon_box{ margin-top: 48px;line-height: 30px;}
.infocon_box p{ font-size: 14px;  color: #999;  }
.infocon img{ display: block; margin: 12px 0; max-width: 100%; }

.infocon .other{border-top: 1px solid #ededed; font-size: 14px; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #999; }
.infocon .other a{color: #999}
.infocon .other a:hover{ color: #e45618; }

.news_share{background: url(images/sharebg.png) right no-repeat #e45618; background-size: contain; padding: 26px 0 24px 30px; }
.news_share h2{ font-size: 28px; color: #fff; font-family: NOTOSANS_r; font-weight: normal; }
.share_btn{ margin-top: 35px; }

.news_more{ margin-top: 30px; background: #f9f9f9; padding: 30px; }
.news_more h2{ font-size: 28px; font-family: NOTOSANS_r; font-weight: normal; }
.news_more ul{ overflow: hidden; }
.news_more ul li{ padding: 20px 0; border-bottom: 1px solid #ededed; }
.news_item{ width: 100%; overflow: hidden; }
.news_item .n_iteml{ width: 110px; float: left; }
.news_item .n_itemr{ margin-left: 110px; padding-left: 24px; }
.news_item .n_itemr p{ font-size: 14px; line-height: 20px; height: 60px; font-family: NOTOSANS_b; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_more ul li:hover .changpic img{ transform: scale(1.15); }
.news_delbtn{ margin-top: 20px; }
.news_delbtn a{ background: #e45618; padding: 10px 0; display: inherit; width: 100%; text-align: center; color: #fff; font-size: 16px; font-family: NOTOSANS_b; }
.news_delbtn a:hover{ opacity: 0.8; }


.phonemenu{width: 100%;background: #fff;position:relative;display: none;margin-bottom: 15px; margin-top: 10px;}
.phonemenu span{ display: none; width: 100%; }
.phonemenu h2 { color: #fff; width:100%; text-transform: uppercase; height:46px;line-height:46px;padding:0 1%;  cursor: pointer;background:url(images/menu.png) 98% center no-repeat #dd0200 ;border:none;text-indent:10px;font-size:18px;margin:0 auto;}
.phonemenu h3{color:#000;padding:12px 15px; width:100%; display:block; font-size: 14px;background:#eee;border-bottom:1px solid #fff;}
.phonemenu h3 a{display:block; font-size: 20px;}
.phonemenu ul { overflow:auto; background: #fff; margin-top: 10px;}
.phonemenu ul li {padding:10px 0 10px 10px; border-bottom: 1px solid #eee;}
.phonemenu ul li a{ font-size: 16px; color: #666; }

@media screen and (max-width: 1366px){
  .warper{ width: 100%; padding: 0 80px; }
  .sub_wap{ width: 100%; margin-left: 0; left: 80px; }
  .sub_wap h1{ font-size: 34px; }
  .paddt50{ padding-top: 30px; }
  .news_more{ padding: 30px 15px; }
  .news_item .n_itemr{ padding-left: 12px; }
  .infocon_box{ margin-top: 30px; }
  .home_boxtit{ font-size: 34px; }
  .logo{ left: 20px; }
  .page_nav .logo{ left: 40px; }
  nav{ margin-right: 200px; }
  .page_nav nav{ margin-right: 172px; }
  .ab_probox{ padding: 50px 0; }
  .ab_poulitem .lcon{ width: 50%; }
  .ab_poulitem .rcon{ margin-left: 50%; padding-right: 25px; }
  .ab_poulswiper .owl-theme .owl-controls{ right: 41%; }
  .pro_delbox .rcon{ padding-right: 0; }

}
@media screen and (max-width: 1280px){
  .in_wartext p{ font-size: 45px; }
  .in_wartext span{ font-size: 32px; }
  nav{ margin-right: 140px; }
  .ab_probox{ padding: 30px 0; }
  .ab_text{ padding-bottom: 30px; }
  .ab_poul{ padding: 30px 0; }
  .ab_poulitem .lcon{ width: 60%; }
  .ab_poulitem .rcon{ margin-left: 60%; padding-right: 25px; }
  .ab_poulswiper .owl-theme .owl-controls{ right: 30%; }
  .pro_caty,.ab_poulswiper,.ab_text{ margin-top: 15px; }
  .news_toptext{ padding: 30px 40px 0 32px }
  .news_list ul li a{ padding: 20px 0;  }
  .news_list ul li:hover a{ padding: 20px; }
  .news_litext{ padding-left: 20px; padding-right: 20px; }
  .subnav ul li:first-child{ display: none; }
  .pro_list{ padding-top: 40px; }
  .backToTop{ width: 50px; height: 50px; line-height: 50px; right: 0; }
  footer .item5{ width: 12%; }
  .pro_delbox .rcon{ padding-left: 25px; padding-right: 0; }
  .pro-deltext h2{ font-size: 34px; }
  .pro_down{  margin-top: 15px; padding-bottom: 15px; }
  .share{ margin-top: 22px; }
  .links{ margin-top: 24px; }
  .pro_delbox{ margin-bottom: 20px; }
  .pro_delitem,.gary_bg,.rel_news{ padding: 50px 0;}
  .gary_bg .infoform{ margin-top: 28px; }
  .rel_newsswiper{ margin-top: 24px; }
  .rel_newsswiper .owl-theme .owl-controls{ top: -25px; }
  .pro_delitem .lcon h4{ font-size: 24px; margin-top: 6px; }
  .pro_delitem .lcon p{ margin-top: 10px; }
  .pro_text{ padding: 15px; }
  .pro_text span{ margin-top: 2px; }
  .faqlist_box,.con_get{ margin-top: 30px; }
  .con_helpbox{ margin-top: 25px; }

}

@media screen and (max-width: 1240px){
 .warper{ width: 100%; padding: 0 60px; }
 .ab_text .lcon p{ margin-bottom: 10px; line-height: 24px; }
 .ab_text .rcon ul li h2{ font-size: 38px; }
 .ab_text .rcon{ padding-left: 25px; }
 .ab_text .lcon{ padding-right: 25px; }
 .ab_text .rcon ul li{ margin-bottom: 28px; }
 .ab_bus{ padding-top: 30px; }
 .home_boxtit{ font-size: 32px; }
 .pro_textdec{ padding-bottom: 30px; }
 .pro_all{ margin-top: 20px; }
 .help_box{ margin-top: 45px; padding: 30px 0; }
 .pro_list ul li{ margin-right: 1.5%; width: 32.3%; margin-bottom: 20px; }
 .pro_list{ padding-top: 30px; }
 .custpage{ margin-top: 30px; }
 .faq-con{ padding: 15px 30px; }
 .service_text{ padding-bottom: 35px; }
 .down_item{ padding: 15px 30px; }
 .service_down ul{ margin-top: 30px; }
 .service_down{ padding: 40px 0; }
 .draw_swiper{ margin-top: 30px; }
 .service_draw{ padding-bottom: 40px; }
 .ser_video{ margin-top: 20px; }
 .con_getinform{ margin-top: 15px; }
}
@media screen and (max-width: 1024px){ 
  .warper{ width: 100%; padding: 0 40px; }
  .sub_wap{ left: 40px; }
  nav li{ padding: 36px 12px; }
  nav{ margin-right: 110px; }
  .in_boxtext{ padding-top: 19%; }
  .in_wartext p{ font-size: 40px; }
  .page_nav nav{ margin-right: 80px; }
  .ab_poulswiper .owl-theme .owl-controls{ right: 28%; }
  .pro_caty li h6{ width: 60px; height: 60px; line-height: 60px; font-size: 34px; }
  .pro_caty li p{ font-size: 24px; }
  .pro_caty li span{ margin-top: 10px; }
  .ab_bus{ padding-bottom: 40px; }
  .news_toptext{ padding: 20px; }
  .news_list ul li a{ padding: 15px 0; }
  .news_list ul li:hover a{ background: #e45618; padding: 15px; }
  .news_delbox .rcon{ display: none; }
  .news_delbox .lcon{ width: 100%; float: none; }
  .infocon_box{ margin-top: 18px; }
  .infocon_box p{ line-height: 24px; }
  .infocon .other{ margin-top: 30px; }
  .position nav li{ padding: 31px 12px; }
  footer .item{ padding-top: 30px; padding-bottom: 20px; }
  footer .item3{ width: 18%; }
  footer .item4{ width: 25%; }
  .links a{ width: 47%; }
  .pro-deltext h2{ padding-top: 0; font-size: 30px; }
  .pro_downbox{ margin-top: 10px; }
  .pro_contact{ padding: 10px 0; }
  .links{ margin-top: 18px; }
  .pro_delitem, .gary_bg, .rel_news{ padding: 40px 0; }
  .pro_gary{ background: #f6f6f6; }
  .pro_delitem .lcon,.pro_adv .lcon{ width: 100%; float: none; }
  .pro_delitem .rcon,.pro_adv .rcon{ width: 100%; float: none; margin-top: 15px; padding-left: 0; }
  .pro_li li{ line-height: 24px; }
  .pro_li li:after{ top: 7px; }
  .pro_li{ margin-top: 20px; }
  .rel_newsswiper .owl-theme .owl-controls{ top: -45px; }
  .pro-mainbox{ padding-bottom: 30px; }
  .project_list{ margin-top: 30px; }
  .project_list h2{ font-size: 26px; padding-bottom: 15px; }
  .pro_text p{ height: 30px; }
  .project_list ul li{ margin-bottom: 18px; }
  .draw_text{ padding:30px 20px; width: 500px; height: 320px; background: url(images/ser_logobg.png) 120px 65px no-repeat #f6f6f6; }
  .draw_text span{ margin-top: 10px; }
  .page{ margin-top: 15px; }
  .service_video{ padding-top: 20px; padding-bottom: 50px; }
  .con_downlc{ margin-left: 15px; }
  .con_lli{ padding: 20px; }
  .con_helpbox .lcon,.con_helpbox .rcon{ width: 100%; float: none; }
}
@media screen and (max-width: 990px){
  .header{ height: 62px; background: #fff; top: 0; }
  #nav .nav-button{ display: block; }
  .search-button{ display: none; }
  .logo{ top: 3px; left: 0; }
  .logo img{ height: 56px; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: 300px; z-index: 99;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; padding: 0; }
  nav li>a{ margin:0; color: #fff;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  nav li dl dd a{padding: 10px 20px; text-align: left; display: block; border-bottom: none; color: #fff!important}
  nav li.on a, nav li:hover a{ background: #e45618; color: #fff; }
  nav li:hover dl,nav li:nth-of-type(4):hover dl{ left: 0; opacity: 1; display: block; }
  nav li.on a:after,nav li:hover a:after{ width: 0;}
  #nav .nav-button{ right: 0; }
  .head_rcon{ top: 10px; right: 58px; }
  .languagebox ul li{ height: 35px; line-height: 35px; border-radius: 35px; }
  .languagebox ul{ height: 35px; }
  .languagebox a{ line-height: 35px; }
  .languagebox{ width: 35px; }
  nav dl{ border-top: none; }
  nav li:nth-of-type(4) a:after, nav li:nth-of-type(6) a:after{ display: none; }
  .subbanner{ margin-top: 62px; }
  .page_nav{ height: 62px; }
  .page_nav .logo{ left: 30px; }
  .page_nav .head_rcon{ right: 83px; }
  .position .head_rcon{ top: 10px; }
  .position nav li{ padding: 0; }
  .position nav dl{ top: 0; }
}

@media screen and (max-width: 768px){
  .warper{ width: 100%; padding: 0 30px; }
  .sub_wap{ left: 30px; }
  .in_pronav li p{ font-size: 22px; }
  .in_pronav li h6{ width: 80px; height: 80px; line-height: 80px; font-size: 45px; }
  .in_boxtext{ padding-top: 22%; }
  .subbanner img{ height: 150px; width: auto; }
  .subbanner{ overflow: hidden; }
  .sub_wap h1{ font-size: 28px; }
  .sub_wap{ top: 22%; }
  .pro_caty, .ab_poulswiper, .ab_text{ margin-top: 8px; }
  .ab_text .lcon{ padding-right: 20px; }
  .ab_text .rcon{ padding-left: 20px; }
  .ab_poulitem .lcon{ width: 100%; float: none; }
  .ab_poulitem .rcon{ margin-left: 0; padding: 20px; }
  .ab_poulswiper .owl-theme .owl-controls{ position: static; }
  .ab_poulitem .rcon p:after{ display: none; }
  .pro_caty li p{ font-size: 20px; margin-top: 4px; }
  .pro_caty li span{ margin-top: 3px; }
  .ab_probox{ padding: 19px 0; }
  footer .item4{ display: none; }
  footer .item2{ width: 28%; }
  footer .item5{ width: 20%; }
  footer .item1{ width: 100px; }
  .news_show .lcon{ width: 350px; }
  .news_show .rcon{ margin-left: 350px; }
  .news_toptext p{ margin-top: 12px; height: 72px; }
  .news_list{ margin-top: 20px; }
  .paddt50{ padding-top: 20px; }
  .infocon_tit h2{ font-size: 26px; }
  .home_boxtit{ font-size: 26px; }
  .help_box{ padding: 20px 0; }
  .help_box .lcon p{ margin-top: 8px; }
  .help_btn{ width: 164px; }
  .help_box .lcon h2{ font-size: 25px; }
  .pro_list{ padding-top: 20px; }
  .pro_textdec{ padding-bottom: 16px; }
  .help_box{ margin-top: 15px; }
  .pro_delbox .lcon,.pro_delbox .rcon{ width: 100%; float: none; }
  .pro_delbox .rcon{ padding-left: 0; }
  .pro_delitem, .gary_bg, .rel_news,.pro_adv{ padding: 30px 0; }
  .pro_delitem .lcon h4{ font-size: 20px; }
  .pro_delitem .lcon p{ line-height: 26px; }
  .pro_delitem .lcon h4{ line-height: 24px; }
  .pro_li{ margin-top: 8px; }
  .pro_li li{ margin-bottom: 5px; }
  .rel_newsitem .rcon{ padding-left: 15px; }
  .gary_bg .infoform,.rel_newsswiper{ margin-top: 15px; }
  .infoform form button{ margin-top: 5px; }
  .dec{ line-height: 24px; }
  .project_list{ margin-top: 12px; }
  .project_list ul{ margin-top: 20px; }
  .pro_text{ padding: 10px; }
  .pro_text span{ line-height: 20px; height: 60px; }
  .service_text{ padding-bottom: 25px; }
  .service_down{ padding: 24px 0; }
  .down_item{ padding: 15px; }
  .service_down ul{ margin-top: 18px; }
  .service_draw{ padding-top: 30px; }
  .faqlist_box li{ margin-bottom: 8px; }
  .faqlist_box h3:before,.faqlist_box h3.on:before{ background-size: 80%; }
  .faqlist_box h3{ padding: 10px; padding-left: 50px; }
  .faqlist_box h3:after{ top: 14px; left: 11px; }
  .faqlist_box{ margin-top: 12px; }
  .con_getinform .lcon,.con_getinform .rcon{ width: 100%; float: none; }
  .con_downlc{ margin-left: 0; margin-top: 20px; padding: 15px; }
  .con_getinform{ margin-bottom: 40px; }
}

@media screen and (max-width: 640px){
  .in_wartext p{ font-size: 36px; }
  .in_wartext span{ font-size: 27px; }
  .in_pronav li h6{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; }
  .ab_text{ padding-bottom: 20px; }
  .ab_poul{ padding: 20px 0; }
  .ab_bus{ padding-top: 20px; }
  .pro_caty li{ width: 100%; float: none; }
  .pro_caty li:nth-of-type(2){ margin: 15px 0; }
  .ab_probox{ padding: 80px 0; }
  .pro_caty li h6{ width: 90px; height: 90px; line-height: 90px; font-size: 50px; }
  .pro_caty li p{ margin-top: 10px; font-size: 28px; }
  .pro_caty li span{ margin-top: 12px; }
  .pro_list ul li,.project_list ul li,.ser_video ul li{ width: 49%; margin-right: 2%; margin-bottom: 15px; }
  .pro_list ul li:nth-of-type(3n),.project_list ul li:nth-of-type(3n){ margin-right: 2%; }
  .pro_list ul li:nth-of-type(2n),.project_list ul li:nth-of-type(2n),.ser_video ul li:nth-of-type(2n){ margin-right: 0; }
  .pro-deltext h2{ font-size: 28px; }
  .pro_delbox{ margin-bottom: 0; }

}

@media screen and (max-width:480px){
  .warper{ width: 100%; padding: 0 20px; }
  .in_pronav li{ width: 100%; float: none; position: relative; margin-bottom: 10px; }
  .in_pronav li:nth-of-type(2){ margin: 0; margin-bottom: 10px; }
  .in_pronav li h6{ position: absolute; top: 50%; margin-top: -30px; left: 24px; }
  .in_pronav li a{ text-align: left; padding: 18px; padding-left: 95px; }
  .in_pronav li p{ margin-top: 0; }
  .in_pronav li span{ margin-top: 6px; }
  .in_pronav li:hover{ margin-top: 0 !important; }
  .ab_text .lcon{ width: 100%; float: none; padding-right: 0; border-right: none; }
  .ab_text .rcon{ padding-left: 0; width: 100%; float: none; }
  .ab_text .rcon ul li{ margin-bottom: 10px; }
  .ab_text .rcon ul li h2{ font-size: 30px; }
  .ab_poulitem .rcon{ padding: 15px; }
  .pro_caty li h6{ width: 70px; height: 70px; line-height: 70px; font-size: 40px; }
  .ab_probox{ padding: 67px 0; }
  .news_show .lcon{ width: 100%; float: none; }
  .news_show .rcon{ margin-left: 0; }
  .news_show{ padding-bottom: 20px; }
  .news_swiper .owl-theme .owl-controls{ bottom: -2px; }
  .news_toptext em{ margin-top: 14px; }
  .news_toptext span{ margin-top: 3px; }
  .news_item .lcon{ width: 100%; float: none; }
  .news_item .rcon{ margin-left: 0; }
  .news_list ul li:hover a{ background:transparent; padding:15px 0; }
  .news_list ul li:hover .news_litext h2,.news_list ul li:hover .news_litext p,.news_list ul li:hover .news_litext span,.news_list ul li:hover .news_litext span i{ color: #333; }
  .news_litext span{ margin-top: 0; }
  .news_litext p{ margin-top: 3px; }
  .news_litext{ padding: 10px 0 0 0; }
  footer .item3,footer .item1,.media{ display: none; }
  footer .item2{ margin-left: 0; width: 49%; }
  footer .item5{ width: 38%; }
  footer .item{ padding-top: 20px; }
  .news_delbox{ padding-bottom: 35px; }
  .sub_wap{ left: 20px; }
  .help_box .lcon{ width: 100%; float: none; }
  .help_btn{ float: none; margin-top: 10px; }
  .help_btn a{ padding: 8px 0; }
  .pro_delitem, .gary_bg, .rel_news, .pro_adv,.service_down{ padding: 20px 0; }
  .pro_text p{ line-height: 28px; height: 28px; }
  .down_item{ padding: 10px; }
  .down_item p{ width: 100%; }
  .down_item span{ float: none; padding: 8px 22px; }
  .service_draw{ padding-top: 20px; }
  .draw_pic{ height: 224px; float: none; }
  .draw_text{ position: static; margin-top: 0; margin-left: 0; width: 100%; padding: 15px; }
  .btnbox a img.on, .btnbox a img:hover{ border: 1px solid #e45618; }
  .service_video{ padding-bottom: 35px; }
  .con_lli{ padding: 10px; }
  .con_helpbox{ margin-top: 12px; }
  .infoform li{ width: 100%; float: none; margin-bottom: 8px; }
  .infoform li:nth-child(even){ margin-left: 0; }
  .draw_pic{ width: 100%; }
  .service_draw{ padding-bottom: 20px; }
  .draw_text{ height: auto; }
  .page_nav .logo{ left: 20px; }
  .ab_poulitem .rcon p{ padding-bottom: 0; }
  .gary_bg .home_boxtit{ font-size: 26px; }
  .project_box{ padding-bottom: 35px; }
}
@media screen and (max-width:414px){
 .warper{ width: 100%; padding: 0 15px; }
 .in_wartext p{ font-size: 32px; }
 .in_wartext span{ font-size: 26px; }
 .news_toptext{ padding: 10px; }
 .news_litext p{ line-height: 24px; height: 48px; }
 .infocon_tit h2{ font-size: 24px; }
 .infocon_tit .time{ margin-bottom: 12px; }
 .infocon_box{ margin-top: 10px; }
 .infocon .other{ margin-top: 20px; }
 .pro_list ul li{ width: 100%; float: none; }
 .pro_contact span{ width: 100%; float: none; }
 .pro_contact span:nth-of-type(2){ margin-top: 10px; }
 .rel_newsitem .lcon{ width: 100%; float: none; }
 .rel_newsitem .rcon{ margin-left: 0; padding-left: 0; }
 .project_list h2{ font-size: 20px; }
 .faqlist_box h3:after{ background: none; }
 .faqlist_box h3{ padding: 10px; }
 .faqlist_box h3:before{ right: 6px; }
 .con_lli ul li{ padding: 10px 0; padding-left: 40px;}
 .ab_probox{ padding: 49px 0; }
 .custpage{ margin-top: 15px; }
}
@media screen and (max-width:380px){
  .ab_probox{ padding: 34px 0; }
  .project_list ul li,.ser_video ul li{ width: 100%; float: none; margin: 0; margin-bottom: 15px; }
  .faq-con{ padding:10px  15px; }
  .faq-con p{ line-height: 25px; }
  
}