@charset "utf-8";
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:70.5%;width:40px;height:40px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:30px 30px;background-position:center;background-repeat:no-repeat;background-color: rgba(0,0,0,.5);box-shadow: 0px 2px 5px 2px rgba(0,0,0,.1)}
.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#e6a12c;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(images/swright.png);  transform: rotate(180deg); left:75.5%;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(images/swright.png); right:20%;left:auto}

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway-Regular.eot');
  src: local('☺'), url('fonts/Raleway-Regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype'), url('fonts/Raleway-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway-SemiBold.eot');
  src: local('☺'), url('fonts/Raleway-SemiBold.woff') format('woff'), url('fonts/Raleway-SemiBold.ttf') format('truetype'), url('fonts/Raleway-SemiBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}


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



body{font-family:Raleway-Regular; 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:#f29904;}
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{ 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 */ width:45px; height:45px;  font-size: 0;   filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}

.owl-prev {position: absolute; top: 45%; right: 8px; background:url(images/yjt.png)no-repeat #000;}
.owl-next {position: absolute; top: 45%; left: 8px; background:url(images/zjt.png) no-repeat #000;}

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


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

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

.icon-iconfontshouye:before {
  content: "\e60a";
}

.icon-sanheng:before {
  content: "\e626";
}

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

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

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

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

.icon-tuite:before {
  content: "\e60b";
}

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

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

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

.icon-zhengshu:before {
  content: "\e668";
}

.icon-jiantou:before {
  content: "\e6d5";
}

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

.icon-IN:before {
  content: "\e6ba";
}

.icon-liuyan1:before {
  content: "\e619";
}

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

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

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

.icon-you-tube:before {
  content: "\e6c9";
}

.icon-weixiujihua:before {
  content: "\e63f";
}

.icon-weixiuzhong:before {
  content: "\e64a";
}

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

.icon-jia:before {
  content: "\e605";
}

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

.icon-tuanduibaozhang:before {
  content: "\e643";
}

.icon-sousuo:before {
  content: "\e610";
}



.fixnav {
  position: fixed;
  left: 0;
  top: 45%;
  z-index: 10;
}
.fixnav li {
  transition: all .3s;
  width: 40px;
  text-align: center;
  font-size: 12px;
  height: 40px;
  margin-bottom: 1px;
  background: #ececed;
  position: relative;
}
.fixnav li .ic {
  width: 40px;
  line-height: 40px;
  height: 40px;
  background:#d20000;
  position: relative;
  z-index: 2;
}
.fixnav li a {
  color: #fff;
  transition: all .1s
}
.fixnav li .iconfont {
  font-size: 22px;
}
.fixnav li:nth-of-type(2) .ic {
  background: #ed7d2a;
}
.fixnav li:nth-of-type(3) .ic {
  background: #3a82d3;
}
.fixnav li:nth-of-type(4) .ic {
  background: #30afeb;
}
.fixnav li:nth-of-type(5) .ic {
  background: #0085b2;
}
.fixnav li:nth-of-type(6) .ic {
  background: #fc1a1c;
}
.fixnav li span {
  line-height: 40px;
  transition: all .3s;
  overflow: hidden;
  font-size: 16px;
  padding: 0 10px;
  margin-right: 40px;
  position: absolute;
  left: -600px;
  top: 0;
  z-index: 3;
  width: 230px;
  z-index: 0;
  text-align: left
}
.fixnav li:hover span {
  display: block;
  left: 40px;
  background: #d20000;
  color: #fff
}
.fixnav li:nth-of-type(2):hover span {
  background: #ed7d2a;
}
.fixnav li:hover .ic {
  opacity: 0.85;
}
.footmenu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999999999999;
  max-width: 1024px;
  display: none;
}
.footmenu img {
  display: block
}
.footmenu div.bgcolor {
  clear: both;
}
.footmenu div.con {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /*padding-bottom: 10px;*/
  background:#f29904 ;
}
.footmenu a {
  color: #fff;
  font-size: 16px;
  display: block;
  width: 25%;
  text-align: center;
  float: left;
  position: relative;
  line-height: 20px;
    padding-top: 5px;
}
.footmenu i {
  display: block;
  width: 25px;
  height: 25px;
  margin: 6px auto 2px;
  font-size: 26px;
}

.l_fixed{ position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; width: 40px; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #3ba72f; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; display: inline-block;  }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #3ba72f; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #e65614; }
.l_fixed li:nth-of-type(3) a{ background: #3a82d3; }
.l_fixed li:nth-of-type(4) a{ background: #30afeb; }
/*.l_fixed li:nth-of-type(5) a{ background: #0085b2; }*/
.l_fixed li:nth-of-type(5) a{ background: #d20000; }
.l_fixed li:nth-of-type(2) a span{ background: #e65614; }
.l_fixed li:hover a span{ width: 200px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }


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:1280px; margin:0 auto; position: relative;}
.backToTop{width:50px; height:50px; background: url(images/icon_top.png) #f29904 no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:100px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

#boxDiv { width: 100%; height:auto; position: relative; padding-top:135px;}
#boxDiv:before{ content: ''; position: absolute; width: 100%; height: 100%;  }
#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:auto; background:#1a1a1a; z-index: 99999999999999999999999999999999999999999999; position: fixed;   left: 0;  }
.header_top{ height:50px; position:relative; width:70%; margin:0 15%;}
.position .header_top { display:none;}
.header_top_lcon { width:85%; height:50px; line-height:50px; font-size:16px; float:left; color:#FFF; padding-left:10px;}
.header_top_lcon p { width:auto; line-height:50px; margin-right:5%; float:left; position:relative; }
.header_top_lcon p a { color:#fff; height:50px; display:block; font-family:segoeui_1; font-size:14px; float:left; font-style:italic; margin-left:5px;}
.header_top_lcon p a:hover { color:#f6b127; height:50px; display:block;}
.header_top_lcon i { font-size: 14px; font-weight: 100; left: 0;  top: 1px; color:#fff;  float:left;}
.header_top_rcon { width:15%; height:50px; line-height:72px; float:left; }
.header_top_rcon p  { width:25%; height:50px; line-height:50px; float:left; text-align:right; font-size:18px;}
.header_top_rcon a { color:#FFF; font-size:18px;}
.header_top_rcon a:hover{ color:#f29904;}
.header_box{ background: #fff; position: relative; width:100%; }
.logo{ position: absolute;left: 28px; top: 18px; z-index: 55; }
.logo img{ transition: all 0.3s; }
.header_db{ height:44px; background:#242424; position:relative;}
.header_db_lcon { width:88%; height:44px; line-height:44px; font-size:16px; float:left; color:#FFF;}
.header_db_lcon p {width: auto;line-height: 50px; margin-right: 5%; float: left;  padding-left: 20px;  position: relative; padding-left: 30px;}
.header_db_lcon i { font-size: 22px; font-weight: 100;  position: absolute; left: 0;  top: 1px;  color: #ba1a24;}
.header_db_lcon p a { color: #c9c9c9; height: 50px; display: block;  font-family: segoeui_1;  font-size: 14px;}
.header_db_lcon p a:hover { color:#ba1a24; height:44px; display:block;}

.header_db_rcon { width:12%; height:44px; line-height:44px; float:left; }
.header_db_rcon p  { width:25%; height:44px; line-height:44px; float:left; text-align:center; font-size:18px;}
.header_db_rcon a { color:#FFF; font-size:18px;}
.header_db_rcon a:hover{ color:#ba1a24;}

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); z-index:999999999999999999999;}
.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: #f29904 ; 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;}
.logo { position:absolute; left:15%; z-index:1;}
.logo a { display:block;}
#nav{ position: relative; }
nav{ float: right; margin-right: 400px;}
nav li{ float: left; position: relative; padding:0 19px; height:86px; line-height:86px; }
nav li>a{ color: #030303; position: relative; display: block; text-align: center; transition:0.5s; font-size:18px; font-family:Raleway-SemiBold;}
nav li.on a,nav li:hover a{ color: #f29904; cursor: pointer;/* height:86px;  line-height:86px;*/ }
nav dl{ opacity: 0; background: #fff; transition: opacity 1s ease;position: absolute; display: block; width: 335px; top: 85px;  left:-9999px; z-index: 999;  }
nav dl:after{ content: ''; width: 105px; height: 4px; background: #f29904; position: absolute; top: 0; left: 0; }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{opacity: 1;background: transparent !important;color: #222 !important;display: block;padding: 0 20px; text-align:left;white-space: nowrap;font-size:14px;height: 50px;line-height: 50px;}
nav li dl dd a h6 { font-size:30px; color:#f29904; margin:0 10px;}
nav li dl dd a:after{ display: none; }

nav li dl dd a h3 { margin:0 10px; background:url(../images/nav01.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
/*nav li dl dd a:hover h3 { background:url(../images/nav01_hover.png) no-repeat left;}*/

nav li dl dd a h4 { margin:0 10px; background:url(../images/nav02.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
/*nav li dl dd a:hover  h4{ background:url(../images/nav02_hover.png) no-repeat left;}*/
nav li dl dd a h5 { margin:0 10px; background:url(../images/nav03.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
nav li dl dd a h7 { margin:0 10px; background:url(../images/nav04.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
nav li dl dd a h8 { margin:0 10px; background:url(../images/nav05.png) no-repeat left; float:left; width:50px; height:72px; float:left;}


nav li dl dd a:hover{ background: #f4f4f4 !important; border-radius: 0 !important; cursor: pointer; color: #222 !important;}
nav li dl dd a:hover h6{ color:#f29904; }

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 #f29904; 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: #f29904; 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;  }

.position .header_db { display:none;}

.page_nav .subnav{ border-radius: 0; }
.page_nav .logo{ left: 0; z-index:1; }
.position{/*box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);*/ height: 86px; }
.position nav li{ padding: 0 23px; }
.position .logo{ top: 18px; }
.position .head_rcon{ top: 28px; }
.position .subnav{ top: 80px; }
.position .searchform{ top: 58px; }
.position nav dl{ top: 80px; }

.head_rcon{ position: absolute; right: 322px; top: 35px; width: 100px; 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:right; }
.search-button i{ color: #bebebe; font-size: 24px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#f29904;position: absolute; right: 0; top:51px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#f29904; color: #fff; line-height:50px; padding-left:10px; float: left; outline:none; }
.searchform button{ width:54px; line-height:50px; background:#f29904; 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;}

.aligncenter {
    display: block !important;
    margin-left: auto  !important;
    margin-right: auto  !important;
}
.languagebox {
  margin-top:-5px;
  position: relative;
  width: 120px;
  font-size: 15px;
  height: 34px;
  padding: 0 8px;
  float:left;
}
.languagebox i {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  color: #000;
  font-size: 18px;
}
.languagebox ul {
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    transition: all .3s;
    position: absolute;
    left: 25px;
    top: -24px;
    border: solid 2px #f29904;
  margin-left:100px;
  text-align:center;
}
.languagebox ul li {
  float: left;
  width:120px;
  line-height:30px;
  height:31px;
}
.languagebox a {
  line-height: 30px;
  color: #222;
  font-size:16px;
  font-style: italic;
}
.languagebox ul li:hover { background:#f29904; }
.languagebox:hover a { color:#FFF;}
/*fl*/
.fl {  width:100%; height:auto; overflow:hidden; padding:70px 0 90px 0; background:#f3f3f3;}
.fl .lcon { width:45%; height:auto; float:left;}
.fl .lcon:before {content: ''; width:3px; height:237px; float:left; margin-left:-25px; margin-top:-100px; background:#f29904; z-index:99999999; position:absolute;}
/*.fl .lcon_1 :before {content: ''; width:3px; height:237px; float:left; margin-left:-20px; margin-top:-100px; background:#F00; z-index:99999999; position:absolute;}
*/
.fl .lcon_1 { width:100%; height:auto; float:left;}

.fl .lcon_1 span { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.fl .lcon_1 h2 { width:100%; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:25px;}
.fl .lcon_1 p { width:100%; line-height:28px; font-size:16px; color:#888; float:left; margin-top:20px; font-family:Raleway-Regular;}
.fl .lcon_2{ width:100%; height:auto; float:left;}
.fl .lcon_2 ul li { width:100%; height:45px; line-height:45px; padding-left:60px; background:url(images/icon1.png) no-repeat left; font-size:24px; color:#222; font-family:Raleway-SemiBold; margin-top:40px; text-transform:uppercase;}
.fl .lcon_2 ul li a { color:#222;}
.fl .lcon_2 ul li a:hover { color:#f29904;}
.fl .lcon_3{ width:100%; height:auto; float:left;}
.fl .lcon_3 ul li { width:100%; height:45px; line-height:45px; padding-left:60px; background:url(images/icon2.png) no-repeat left; font-size:24px; color:#222; font-family:Raleway-SemiBold; margin-top:30px; text-transform:uppercase;}
.fl .lcon_3 ul li a { color:#222;}
.fl .lcon_3 ul li a:hover { color:#f29904;}


.fl .rcon { width:50%; height:auto; float:right;}
.fl .rcon img { width:100%; height:auto;}
.fl .rcon img:hover {transform: scale(1.15);}
/*fl*/
.in_ser ul {
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
}
.in_ser li {
    width: 50%;
    
    float: left;
    margin-bottom: 5px;
}
/*kaishi*/
.casebox{ background:#f3f3f3; padding-bottom:60px;}
.swiper-container {width: 100%;}
.casebox .swiper-slide{  opacity: .5; padding-bottom:10px;}
.casebox .swiper-slide.swiper-slide-active{ -webkit-filter:none; opacity: 1}
.casebox .swiper-slide a{display: block;}
.casebox .swiper-slide img{overflow: hidden; width: 100%; transition: all .3s;}
.casebox .swiper-slide .pic{width: 100%; overflow: hidden; }
.casebox .swiper-slide .con{ padding:60px; display: none; background:#fff; /*box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2);*/ margin-top: -200px; position: relative;z-index: 2; width:32%; margin-left: 24%;}
.casebox .swiper-slide .con:after{content: ""; position: absolute; left: 0; top: 127px; height: 3px; background:#f29904; width: 350px;}
.casebox .swiper-slide.swiper-slide-active .con{display: block;}
.casebox .swiper-slide h3{font-size: 28px; height:55px; line-height: 55px; overflow: hidden; margin-bottom: 40px; transition: all .3s; color:#222; font-family:Raleway-SemiBold; font-weight:normal;}
.casebox .swiper-slide .fon{font-weight: 100;font-size: 18px; color: #888; line-height: 28px; overflow: hidden;}
.casebox .swiper-slide h6{margin-top: 50px; width:160px; height:36px; border-radius:20px; background:#f29904; line-height:36px; color:#FFF; font-size:16px; text-align:center;}
.casebox .swiper-slide:hover h3{color: #f29904}
.casebox .swiper-slide:hover img{transform: scale(1.1);}
.casebox .lis_case{display: none;}

/*jieshu*/

/*cp*/
.tj { width:100%; height:auto; overflow:hidden; background:url(images/tj_bg.jpg) top repeat-x; margin-bottom:140px;}
.tj_1 { width:100%; height:auto; float:left;}
.tj_1 img { width:100%; height:auto;}
.tj_1 img:hover { transform:scale(1.15);}
.tj_2{ width:100%; height:187px; margin-top:-187px; z-index:999999; background:rgba(0,0,0,.5); position:relative; padding:40px 55px;}
.tj_2_1 { width:100%; height:50px; line-height:50px; color:#FFF; font-family:Raleway-SemiBold; font-size:24px; float:left;}
.tj_2_2 { width:100%; height:auto; float:left;}
.tj_2_2_left { width:85%; height:auto; float:left;}
.tj_2_2_left p { width:100%; line-height:28px; color:#fff; font-size:16px; float:left; font-family:Raleway-Regular; color:#FFF;}
.tj_2_2_right { width:160px; height:36px; float:right;}
.tj_2_2_right p { width:160px; height:36px; border-radius:20px; background:#f29904; line-height:36px; color:#FFF; font-size:16px; text-align:center; margin-top:5px;}
.tj_2_2_right p a { color:#FFF;}
.tj_2_2_right p a:hover { background:#FFF; color:#f29904;}

.tj_2_2 a p  { color:#FFF;}
.tj_2_2 a:hover p { color:#f29904;}
.tj_2_2 a:hover .tj_2_2_right p {  background:#FFF; color:#f29904;}
/*cp*/

/*xw*/
.xw { width:100%; height:auto; overflow:hidden; background:url(images/xw_bg.jpg) repeat-x bottom;}
.xw_1 { width:100%; height:auto; float:left;}
.xw_1_left { width:30%; height:auto; float:left;}
.xw_1_left:before {content: '';width: 3px; height: 180px;  float: left;  margin-left: -25px; background: #f29904; position: absolute;}
.xw_1_left span{    width: 100%; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #f29904;}
.xw_1_left h2{width: 100%; height: auto; font-size: 32px; float: left; color: #222;font-weight: normal;font-family: Raleway-SemiBold;line-height: 40px; margin-bottom: 20px; margin-top: 25px;}
.xw_1_right { width:65%; height:auto; float:right;}
.xw_1_right ul { width:100%; height:auto; float:left;}
.xw_1_right ul li { width:93%; height:auto; float:left; margin-right:4%; background:#FFF; padding:20px 20px 20px 0; margin-bottom:70px; position:relative;}
.xw_1_right ul li:nth-child(2n){ margin-right:0;}
.xw_1_right ul li img { width:100%; height:auto; overflow:hidden; position: relative;  margin-left: 35px;}
.xw_1_right ul li p { width:98%; line-height:28px; font-size:18px; height:56px; overflow:hidden; color:#444; margin-top:10px; font-family:Raleway-Regular; margin-left:35px;}

.xw_1_right .owl-theme .owl-controls{ text-align: center; margin-left:-50%; position:absolute; margin-top:-160px;}

/* Styling Next and Prev buttons */
.xw_1_right .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ width:45px; height:45px;  font-size: 0;   filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}

.xw_1_right .owl-prev {position: absolute; top: 45%;  background:url(images/zjt.png)no-repeat #000; left:-20px;}
.xw_1_right .owl-next {position: absolute; top: 45%;  background:url(images/yjt.png) no-repeat #000; left:40px;}

footer{ overflow: hidden; background:#3b3537; }
footer .copyright{ width:100%; font-size: 16px; padding: 30px; clear: both;  color:#6a6a6a;  line-height:25px; margin-bottom:25px;}
footer .copyright_left  { width:80%; height:auto; float:left;}
footer .copyright_left p { width:100%; font-size: 16px; clear: both;  color:#6a6a6a; line-height:25px; font-style:italic;}
footer .copyright_right  { width:20%; height:auto; float:left;}
footer .copyright_right ul li {font-size: 18px;
    line-height: 40px;
    color: #fff;
    position: relative;
    font-family: segoeui_1;}

footer .copyright_right ul li p {width: 40px;
    height: 40px;
    background: #464646;
    border-radius: 50px;
    float: left;
    margin-right: 10px;
    text-align: center;
    }
footer .copyright_right ul li i {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
footer .copyright_right ul li p:hover { background:#f29904;}

footer .item{ padding-top: 52px; padding-bottom: 48px; }
footer .item1{ width:23%; float: left; }
footer .item1 img{ width: 100%; margin-bottom:40px;}
footer .item1 p { width:100%; line-height:30px; font-size:18px; color:#888; font-family:segoeui_1;}

footer .item2{ width:28%; float: left; padding-top:80px; margin-right:12%;}
footer .item2 img { width:auto; height:50px; float:left;}
footer .item2 p { width:100%; height:auto; line-height:28px; font-size:16px; color:#bbbbbb; float:left; margin-top:40px; font-style:italic;}

footer .item1 p { width:100%; line-height:30px; font-size:18px; color:#888; font-family:segoeui_1;}
footer .item1 p a { color:#888;}
footer .item1 p a:hover{ color:#f29904;}

footer .item3{ width:25%; float: left;  padding-top:80px;  }
footer .item3 h2 { width:100%; height:auto; line-height:35px; color:#FFF; font-size:20px; font-weight:normal; margin-bottom:20px;}
footer .item3 ul li { width:100%; height:auto; color:#FFF;}
footer .item4{ width:28%; float: left; padding-top:80px;  margin-right:5%; }
footer .item4_1{ width:100%; height:auto; float:left;}
footer .item4_1 h2 { width:100%; font-size:20px; color:#FFF; float:left; font-weight:normal; font-family:Raleway-SemiBold; margin-bottom:5px;}
footer .item4_1 i {color: #f29904; font-size: 20px; margin-right: 5px;}
footer .item4_1 p {width:100%; height:auto; line-height:28px; font-size:16px; color:#bbbbbb; float:left;  font-style:italic; margin-bottom:25px;}
footer .item4_1 p a { color:#bbbbbb;}
footer .item4_1 p a:hover { color:#f29904;}
footer .item4_2 { width:100%; height:auto; float:left;}
footer .item4_2 p {width:100%; height:auto; line-height:28px; font-size:16px; color:#bbbbbb; float:left;  font-style:italic; margin-bottom:25px;}

footer .item h4{ font-size: 15px; font-weight: bold; margin-bottom: 18px;  }
footer .item ul li{ font-size: 18px; line-height: 40px; color: #fff; margin-bottom: 10px; position: relative; font-family:segoeui_1;}
footer .item3 ul li input {width: 100%; color: #fff; background:rgba(255,255,255,0.2);  resize: none;  height: 42px;  line-height: 42px; font-size: 18px; padding: 0 15px;}

footer .item ul li input {width: 100%; color: #fff; background:rgba(255,255,255,0.1);  resize: none;  height: 42px;  line-height: 42px; font-size: 16px; padding: 0 15px; outline:none;}
footer .item ul li input placeholder { color:#FFF;}
footer .item ul li button { width: 100%; height: 42px; line-height: 42px;  background: #f29904;  border: none; float: left;  color: #FFF;   font-size:16px; font-family:segoeui_1; outline:none; cursor:pointer;}
footer .item ul li button:hover { color:#f29904; background:#FFF;}
footer .item ul li button i { margin-left:5px;}
footer .item ul li textarea {  width: 100%; color: #fff;  background: rgba(255,255,255,0.1); resize: none;  line-height: 35px; padding: 11px 15px;  font-size: 16px;  height: 85px;  font-family: Raleway-Regular; outline:none;}
footer .item ul li input text { color:#FFF;}
footer .item ul li input::-webkit-input-placeholder, footer .item ul li textarea::-webkit-input-placeholder {color: #fff;}
footer .item2 ul li{ font-size: 18px; line-height: 40px; color: #fff; padding-left: 0px; position: relative; font-family:segoeui_1; }
footer .item2 ul li a{color:#fff; }
footer .item2 ul li a:hover{ color:#f29904; }
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:26px; color: #222; font-family:Raleway-Regular;}
.home_titl{ font-size:36px; color: #222; font-family:Segoe UI Bold_0; text-align:left; text-transform:uppercase;}
.home_titc{ font-size:36px; color: #222; font-family:Segoe UI Bold_0; text-align:center; text-transform:uppercase;}

.page_tit{ font-size: 36px; font-family: WorkSans-SemiBold;  }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
/*首页*/

.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;}
.index_footer { width:100%; height:56px; line-height:56px; color:#3b3b3b; background:#121212; position:absolute; bottom:0; text-align:center; font-size:16px;}
#banner img{ width:100%; height:auto;}
/*位置*/
.subbanner{ position: relative; }
.subbanner img{ width: 100%; display: block; }
.sub_pic{ position: relative; }
.sub_link{ width: 400px; position: absolute; top: 340px; color: #fff; left: 26%; margin-left: -200px; text-align:left; }
.sub_link h1{ font-size: 36px; color: #fff; text-transform: uppercase; margin-bottom: 12px; }
.sub_link a{ color: #fff; }
.sub_link a:hover{ text-decoration: underline; }
.paddt30{ padding-top: 30px; }
.paddt50{ padding-top: 50px; }
.paddt130{ padding-top: 130px; }
.positionline{ padding: 15px 0; background: #f6f6f6; color: #999; font-size: 16px; }
.positionline i{ color: #878787; font-size: 18px; }
.positionline a{ color: #999; margin:0 5px; }
.positionline a:hover{ color: #f29904; }
/*关于我们*/

.ab_about { width:100%; height:560px;  background:#f3f3f3;}
.ab_about_1 { width:100%; height:auto; float:left; margin-top:70px; margin-bottom:90px;}
.ab_about_1:before {content: ''; width:3px; height:237px; float:left; margin-left:-25px; margin-top:-100px; background:#f29904; z-index:99999999; position:absolute;}
.ab_about_1 span { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.ab_about_1 h2 { width:100%; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:25px;}
.ab_about_1 p { width:100%; line-height:28px; font-size:16px; color:#888; float:left; margin-top:20px; font-family:Raleway-Regular;}
.ab_aboutbai {width:100%; height:auto; }
.ab_about_2 {width:100%; height:auto; float:left; margin-bottom:140px;}
.ab_about_2_lcon { width:50%; height:auto; float:left; padding-right:40px;}
.ab_about_4 { width:100%; height:auto; float:left;}
.ab_about_4 ul li { width:100%; height:45px; line-height:45px; padding-left:60px; background:url(images/icon1.png) no-repeat left; font-size:24px; color:#222; font-family:Raleway-SemiBold; margin-top:40px; text-transform:uppercase; margin-bottom:25px;}
.ab_about_4 ul li a { color:#222;}
.ab_about_4 ul li a:hover { color:#f29904;}
.ab_about_4 ul li p { width: 100%; line-height: 28px; font-size: 16px; color: #888; float: left;  font-family: Raleway-Regular;}

.ab_about_3 { width:100%; height:auto; float:left;  }
.ab_about_3 p {width: 100%; line-height: 28px; font-size: 16px; color: #888; float: left;  font-family: Raleway-Regular;}
.ab_about_5{ width:100%; height:auto; float:left;}
.ab_about_5 ul li { width:100%; height:45px; line-height:45px; padding-left:60px; background:url(images/icon2.png) no-repeat left; font-size:24px; color:#222; font-family:Raleway-SemiBold; margin-top:40px; text-transform:uppercase; margin-bottom:25px;}
.ab_about_5 ul li a { color:#222;}
.ab_about_5 ul li a:hover { color:#f29904;}
.ab_about_5 ul li p { width: 100%; line-height: 28px; font-size: 16px; color: #888; float: left;  font-family: Raleway-Regular;}
.ab_about_2_rcon { width:50%; height:auto; float:left; margin-top:60px;}
.ab_about_2_rcon img { width:100%; height:auto;}
.ab_about_2_rcon img:hover {transform: scale(1.15);}
.ab_poul{ padding:30px 0 100px 0; background:#f4f4f4;}
.ab_poulitem .lcon{ width:65%; float:right; padding-left:40px;}
.ab_poulitem .lcon ul li { width:100%; height:auto; float:left; padding:8px;}
.ab_poulitem .lcon ul li img{ width: 100%; }
.ab_poulitem .rcon{ padding-right: 40px; padding-top: 25px; width:35%; }
.ab_poulitem .rcon p{ font-size: 18px; line-height: 30px; color: #666; position: relative; padding-bottom: 25px; margin-top:40px; font-family:segoeui_1; }
/*case*/
.case { width:100%; height:1298px; background:url(images/case_bg.png) repeat-x bottom;}
.case_1 { width:100%; height:auto; float:left; margin-top:60px;}
.case_1:before {content: '';  width: 3px;  height: 237px;  float: left;   margin-left: -25px;  margin-top: -100px; background: #f29904;  z-index: 99999999;  position: absolute;}
.case_1 span { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.case_1 h2 { width:40%; margin-right:60%; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:25px; }

.case_2 { width:100%; height:auto; float:left; margin-top:30px;}
.case_2 ul li { width:48%; height:auto; float:left; margin-bottom:35px;}
.case_2 ul li:nth-child(2n) { float:right;}
.case_2 ul li img { width:100%; height:auto; float:left;}
.case_2 ul li img:hover { transform:scale(1.15);}
.case_2 ul li .wenzi { width:100%; height:auto; float:left; padding:25px 0;}
.case_2 ul li .wenzi_left { width:40%; height:auto; float:left;}
.case_2 ul li .wenzi_left h2 {width: 100%; height: auto; font-size: 24px; float: left; color: #222; font-weight: normal; font-family: Raleway-SemiBold;  line-height: 32px;}
.case_2 ul li .wenzi_right { width:60%; height:auto; float:left; padding:0 20px;  border-left:solid 2px #f29904;}
.case_2 ul li .wenzi_right p { width:100%; line-height:28px; font-size:16px; color:#888; float:left;}
.case_2 ul li:hover .wenzi_left h2 { color:#f29904;}
.case_2 ul li:hover .wenzi_right p { color:#666;}
/*case*/
/*lx*/

/*contact*/
.lx { width:100%; overflow: hidden; background:url(images/lx_bg.png) repeat-y center;}
.lx_1 { width:100%; height:auto; float:left;}
.lx_1_lcon { width:65%; height:auto; float:left; padding-right:100px; margin-top:50px;}
.lx_1_lcon:before {content: '';  width: 3px;  height: 237px;  float: left;   margin-left: -25px;  margin-top: -100px; background: #f29904;  z-index: 99999999;  position: absolute;}
.lx_1_lcon span {width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.lx_1_lcon h2 { width:100%; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:20px; }

.lx_1_rcon { width:35%; height:auto; float:left; margin-top:170px;}
.lx_1_rcon ul li { width:100%; height:auto; float:left; margin-bottom:60px;}
.lx_1_rcon ul li p { width:100%; height:35px; line-height:35px; font-size:20px; color:#000; float:left; font-family: Raleway-SemiBold;}
.lx_1_rcon ul li span { width:100%; height:40px; line-height:40px; font-size:32px; color:#000; float:left; font-family: Raleway-SemiBold;}
.lx_1_rcon ul li span a { color:#000;}
.lx_1_rcon ul li span a:hover { color:#FFF;}

.lx_3 { width:100%; height:auto; float:left; margin-top:25px;}
.lx_3 ul li {width:49%; position: relative;  overflow: hidden;  margin-bottom: 20px;height:auto;line-height:45px;float:left;color:#FFF;}
.lx_3 ul li .ss { width:100%; height:40px; line-height:40px; color:#666; font-size:16px; float:left; padding-left:10px; }
.lx_3 ul li:nth-child(2n) { float:right;}
.lx_3 ul li input,.lx_3 ul li select{ width: 100%; color: #888;  background:rgba(255,255,255);  resize: none;height:45px;line-height:45px;  font-size: 16px;padding:0 15px; font-family:segoeui_1; outline:none; border-radius:20px;}
.lx_3 ul li textarea { width: 100%;  color: #888; background:rgba(255,255,255);  resize: none;  line-height: 35px; padding: 11px 15px;  font-size: 16px;height:170px; outline:none; border-radius:10px; font-family:Raleway-Regular;}
.lx_3 ul li:last-child{ width: 35%; float: left; }
.lx_3 ul li:nth-child(13){ width: 100%; }
/*.lx_3 ul li:nth-child(7) { width:100%; height:220px;}
.lx_3 ul li:nth-child(8) { float:left; width:35%;}*/

.lx_3 ul li button { width:100%; height:45px; line-height:45px; background:none; border:none; float:left; color:#FFF; font-size:16px; background:#f39905;  outline:none; cursor:pointer; border-radius:30px;}
.lx_3 ul li button i { font-size:20px; color:#FFF; margin-left: 5px;}
.lx_3 ul li font { position: absolute; left: 6px;  color: #f00;   font-size: 16px;}
.lx_3 ul li input::-webkit-input-placeholder{ color: #888;}
.lx_3 ul li textarea::-webkit-textarea-placeholder{ color: #888;}

.lx_4 { width:100%; height:320px; float:left; margin-top:60px; margin-bottom:110px;}
.lx_4 img { width:100%; height:320px;}

/*lx*/

/*down*/
.down { width:100%; height:auto;}
.down_1 { width:100%; height:auto; float:left; margin-top:60px;}
.down_1:before {content: '';  width: 3px;  height: 237px;  float: left;   margin-left: -25px;  margin-top: -100px; background: #f29904;  z-index: 99999999;  position: absolute;}
.down_1 span { width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.down_1 h2 { width:40%; margin-right:60%; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:25px; }
.down_2 { width:100%; height:auto; float:left; margin-top:25px; margin-bottom:140px;}
.down_2 ul li { width:100%; height:60px; line-height:60px; background:#F3f3f3; float:left; padding:0 30px; margin-bottom:30px;}
.down_2 ul li p { width:90%; height:auto; float:left; font-size:18px; color:#666; float:left;  font-family: Raleway-SemiBold;}
.down_2 ul li span { width:100%; height:auto; float:left; color:#666; font-size:16px;}
.down_2 ul li i { width:29px; height:29px; background:#f29904; font-size:14px; text-align:center; float:left; margin-top:15px; border-radius:50%; line-height:29px; color:#FFF; margin-right:8px;}
.down_2 ul li:hover { background:#f29904;}
.down_2 ul li a:hover { background:#f29904;}
.down_2 ul li:hover p { color:#FFF;}
.down_2 ul li:hover a span{ color:#FFF;}
.down_2 ul li:hover a i { background:#fff; color:#f29904;}
/*down*/
/*news*/
.xw1 { width:100%; height:460px; background:url(images/news_bg.png) repeat-x bottom;}
.xw1_1 { width:100%; height:auto; float:left; margin-top:50px;}
.xw1_1_left { width:40%; height:auto; float:left;}
.xw1_1_left:before {content: '';width: 3px; height: 180px;  float: left;  margin-left: -25px; background: #f29904; position: absolute; margin-top:-75px;}
.xw1_1_left span{    width: 100%; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #f29904;}
.xw1_1_left h2{width: 100%; height: auto; font-size: 32px; float: left; color: #222;font-weight: normal;font-family: Raleway-SemiBold;line-height: 40px; margin-bottom: 20px; margin-top: 25px;}
.xw1_1_right { width:60%; height:auto; float:right;}
.xw1_1_right ul { width:100%; height:auto; float:left;}
.xw1_1_right ul li { width:100%; height:auto; float:left;  background:#FFF; margin-bottom:70px; position:relative;}
.xw1_1_right ul li .lcon { width:55%; height:auto; float:left;}
.xw1_1_right ul li .lcon img { width:100%; height:auto; float:left;}
.xw1_1_right ul li .lcon img:hover { transform:scale(1.15);}
.xw1_1_right ul li .rcon { width:45%; height:auto; float:left; padding:34px; background:#FFF;}
.xw1_1_right ul li .rcon i{ width:100%; height:auto; float:left; font-size:36px; color:#222; font-family: Raleway-SemiBold; font-style:inherit;}
.xw1_1_right ul li .rcon span{ width:100%; height:auto; float:left; font-size:24px; color:#222; font-family: Raleway-SemiBold;}
.xw1_1_right ul li .rcon p{ width:100%; height:auto; float:left; font-size:22px; color:#222; font-family: Raleway-SemiBold; margin-top:30px;}
.xw1_1_right ul li .rcon h2 {width: 60%; height: 36px;  border-radius: 20px; background: #f29904;  line-height: 36px; color: #FFF;  font-size: 16px; text-align: center; margin-top: 5px; font-weight:normal; float:left; margin-top:30px;}
.xw1_1_right .owl-theme .owl-controls{ text-align: center; margin-left:-50%; position:absolute; margin-top:-160px;}

/* Styling Next and Prev buttons */
.xw1_1_right .owl-theme .owl-controls .owl-buttons div { opacity:1;}

.xw1_1_right .owl-prev {position: absolute; top: 45%;  background:url(images/xwz.png)no-repeat rgba(0,0,0,.5); left:-120px;}
.xw1_1_right .owl-next {position: absolute; top: 45%;  background:url(images/xwy.png) no-repeat rgba(0,0,0,.5); left:-60px;}

.xw1_1_right .owl-prev:hover { background:url(images/xwz.png)no-repeat #f29904; opacity:1;}
.xw1_1_right .owl-next:hover {  background:url(images/xwy.png) no-repeat #f29904; opacity:1;}

.news { width:100%; height:auto; margin:50px 0 140px 0;}
.news_1 { width:100%; height:auto; float:left; margin-bottom:60px; }
.news_1 ul li {width:31.6%;height:auto;display: inline-block;vertical-align: top;margin-bottom: 12px;/* float:left; */margin-right:2%;}
.news_1 ul li:nth-child(3n){ margin-right:0;}
.news_1 ul li img { width:100%; height:auto; float:left;}
.news_1 ul li img:hover { transform:scale(1.15);}
.news_1 ul li h2 { width:100%; height:auto; float:left; line-height:28px; color:#222; font-size:20px; font-family: Raleway-SemiBold; padding:25px 0 15px 0; font-weight:normal;}
.news_1 ul li p:before { width:30%; height:3px; background:#f29904; content: ''; top:0; margin-right:70%; float:right; margin-bottom:15px;}
.news_1 ul li p {width:100%;height: 102px;overflow:hidden;float:left;line-height:28px;color:#888;font-size:16px;}
.news_1 ul li a:hover h2{ color:#f29904;}
.news_1 ul li a:hover p { color:#333;}
.news_1 ul li a:hover p:before { width:100%; margin-right:0; transition: all 0.6s;}

/*news*/

/*pro*/
.pro { width:100%; height:auto; overflow:hidden;  position:relative;}
.pro_1 { width:100%; height:auto; float:left; position:relative; background:#f3f3f3;}
.pro_1 img {width: 100%; display: block;}
.pro_1 .jieshao{width: 700px; position:relative; margin-top:-180px;  color: #fff; left: 50%;  margin-left: -600px; text-align: center; background:#FFF; padding:50px; margin-bottom:100px;}
.pro_1 .jieshao  h3{font-size: 28px; height:55px; line-height: 55px; overflow: hidden; margin-bottom: 40px; transition: all .3s; color:#222; font-family:Raleway-SemiBold; font-weight:normal; text-align:left;}
.pro_1 .jieshao  h3:after{content: ""; position: absolute; left: 0; top: 127px; height: 3px; background:#f29904; width: 350px;}
.pro_1 .jieshao .fon{font-weight: 100;font-size: 16px; color: #888; line-height: 28px; overflow: hidden;}
.pro_1 .jieshao .fon p {width: 100%; line-height: 28px; font-size: 18px;  color: #888;  float: left;  font-family: Raleway-Regular; text-align:left;}
.pro_1 .jieshao .fon h6{margin-top: 50px; width:160px; height:36px; border-radius:20px; background:#f29904; line-height:36px; color:#FFF; font-size:16px; text-align:center; float:left;}
.pro_1 .jieshao a:hover h3 { color:#f29904;}
.pro_1 .jieshao a:hover .fon p { color:#666;}
 .pro_1 .jieshao a:hover h3:after { width:100%; transition: all 0.6s;}

.pro_1 .jieshao1{width: 700px; position:relative; margin-top:-180px;  color: #fff; left: 50%;  margin-left: 0px; text-align: center; background:#FFF; padding:50px; margin-bottom:100px;}
.pro_1 .jieshao1  h3{font-size: 28px; height:55px; line-height: 55px; overflow: hidden; margin-bottom: 40px; transition: all .3s; color:#222; font-family:Raleway-SemiBold; font-weight:normal; text-align:left;}
.pro_1 .jieshao1  h3:after{content: ""; position: absolute; left: 0; top: 127px; height: 3px; background:#f29904; width: 350px;}
.pro_1 .jieshao1 .fon{font-weight: 100;font-size: 16px; color: #888; line-height: 28px; overflow: hidden;}
.pro_1 .jieshao1 .fon p {width: 100%; line-height: 28px; font-size: 16px;  color: #888;  float: left;  font-family: Raleway-Regular; text-align:left;}
.pro_1 .jieshao1 .fon h6{margin-top: 50px; width:160px; height:36px; border-radius:20px; background:#f29904; line-height:36px; color:#FFF; font-size:16px; text-align:center; float:left;}
.pro_1 .jieshao1 a:hover h3 { color:#f29904;}
.pro_1 .jieshao1 a:hover .fon p { color:#666;}
 .pro_1 .jieshao1 a:hover h3:after { width:100%; transition: all 0.6s;}

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

.project_list ul{ 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 0 0 0; background: #f7f7f7; border-bottom: solid 4px #f29904; }
.pro_text p{ font-size: 20px; line-height: 30px; height:auto; overflow: hidden; color: #3e3f3d; font-family:arial_0; font-weight:bold; padding: 0 28px; }
.pro_text span{ font-family:segoeui_1; font-size: 18px; line-height: 28px; height:112px; color: #666; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 20px; padding: 0 28px; }
.pro_text h6 { font-size:22px; height:72px; line-height:72px; color:#666; margin-top:20px; width:100%; padding-left:28px;}
.pro_text i { font-size:17px; margin-left:10px;}
.project_list ul li:hover .changpic img{ transform: scale(1.15); }
/*.project_list ul li:hover .pro_text{ background: #f29904; }
.project_list ul li:hover .pro_text p,.project_list ul li:hover .pro_text span,.project_list ul li:hover .pro_text h6{ color: #fff; }*/
.project_list ul li:hover .pro_text h6{ color: #fff; background:#f29904; padding:0 -30px 0 -30px;}
/*service*/
.service_text{ padding-bottom: 55px; }
.service_text h2{ font-size: 36px; font-weight: normal; font-family: NOTOSANS_r; color: #f29904; }
.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: #f29904; 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: 18px; line-height: 30px; color: #999; font-family:segoeui_1; }
.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: #f29904; 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 #f29904; }

.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: #f29904; }

 /*kaishi*/
.item_btn{ width:10%; text-align:right; float:right;}
.item_btn a{ cursor: pointer; color: #efab1f; display: inline-block; font-size:16px;  border-radius: 5px; height:60px; line-height:60px; font-style:initial;}
.item_btn a i{ display: inline-block; font-size: 32px; margin-right: 8px; }
.bigbg,.bigbgtt{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:999999999999999999999999; }
.allhide{ display: none; }
.getinquire{ width: 532px; height: auto; background-color: #fff; left: 50%; margin-left: -266px; margin-top: 10%;
    position: absolute; z-index: 100; border: 1px solid #ebeaea; }
.abbox-nr{ width: 100%; height: auto; background-color: #fff; left:0; margin-top: 10%;
    position: absolute; z-index: 100; border: 1px solid #ebeaea; }
.abbox-nr .top_nav{ width: 100%; }
.top_nav{ width: 532px; height: 46px; border-bottom: 1px solid #ebeaea; position: relative; padding: 0 20px;}
.top_nav h2{ font-size: 22px; line-height: 46px; font-family:Arial; }
.close{ width: 20px; height: 20px; position: absolute; right: 20px; top: 15px; cursor: pointer; }
.close img{ width: 100%; }
.getinquire .proinfo_form{ padding: 20px; }
.getinquire .proinfo_form p{ line-height: 20px; font-family:Arial; font-size:16px; color:#888;}
.proinfo_form form{ margin-top: 18px; }
.proinfo_form input,.proinfo_form textarea{ line-height: 26px; float: left; background: #f7f7f7; border: 1px solid #e5e5e5; resize: none; padding: 8px 14px; font-family: Arial; font-size: 15px; border-radius: 20px;}
.proinfo_form ul{ overflow: hidden; }
.proinfo_form ul li{ width: 49.5%; float: left; margin-bottom:10px;}
.proinfo_form ul li:last-child{ width: 100%; }
.proinfo_form ul li input{ width: 100%; }
.proinfo_form form input::-webkit-input-placeholder,.proinfo_form form textarea::-webkit-input-placeholder { color: #666;}
.proinfo_form form input:-moz-placeholder,.proinfo_form form textarea:-moz-placeholder {color: #333;}
.proinfo_form ul li:nth-child(even){margin-left: 1%;}
.proinfo_form ul li textarea{ width: 100%; float: none; }
.proinfo_form button{ border: none; cursor: pointer; margin-top: 5px; background: #f29904; color: #fff; padding: 12px 30px; font-weight: 600; font-size: 15px; clear: both; transition: all .3s; font-family: Arial; border-radius: 3px;}
.proinfo_form button:hover{ opacity: 0.8; }
  /*jieshu*/


/*faq*/
.faq_main{ }
.faqlist_box{ width: 100%; overflow: hidden; margin-top: 55px; 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: 80px; 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: #f29904; 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; }
/*产品列表*/

.cp { width:100%; height:auto; overflow:hidden; background:url(images/ab_bg.jpg) no-repeat center; padding-bottom:100px;}
.cp_1 { width:100%; height:auto; float:left; margin-top:70px; margin-bottom:30px;}
.cp_1 ul li { width:23%; height:50px; float:left; float:left; margin-right:2.5%; float:left; color:#222; font-size:20px; font-family:segoeui_1; line-height:50px; text-align:center;}
.cp_1 ul li:nth-child(4n) { margin-right:0;}
.cp_1 ul li a:hover { background:#ba1a24; color:#FFF; border:none; display:block; height:50px; width:100%;}
.cp_1 ul li:hover a{ background:#ba1a24; color:#FFF; border:none; display:block; height:50px; width:100%;}
.cp_1 ul li a { color:#222;  border:solid 1px #666; display:block; height:50px; width:100%;}
.cp_1 ul li .current {background:#ba1a24; color:#FFF; border:none; display:block; height:50px;}
.cp_2 { width:100%; height:auto; float:left; margin-bottom:40px;}
/*kaishi*/
.cp_lis {overflow: hidden;margin: 0 -3px;}
.cp_lis li {width: 31.3333%;margin: 15px 1%;float: left;overflow: hidden;background: #000; position: relative;}
.cp_lis li:nth-child(3n){ margin-right:0;}
.cp_lis li a {display: block;position: relative;overflow: hidden;}
.cp_lis li:after, .cp_lis li:before {width: 1px;height: 0;content: "";position: absolute;
  background: #fff;top: 5%;transition: all .3s;}
.cp_lis li:after {
  right: 20px;
}
.cp_lis li:before {
  left: 15px;
}
.cp_lis li a:after, .cp_lis li a:before {
  width: 0;
  height: 1px;
  content: "";
  position: absolute;
  background: #fff;
  left: 5%;
  transition: all .3s;
}
.cp_lis li a:after {
  bottom: 15px;
}
.cp_lis li:before {
    left: 20px;
}
.cp_lis li a:before {
  top: 15px;
}

.cp_lis h3 {
    left: 15%;
    width: 100%;
    top: -100%;
    color: #222;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    transition: all .3s;
    height:auto;
    overflow: hidden;
    background: rgb(238 238 238);
    float: left;
  font-family:Raleway-Regular;
  padding:10px 5px;
}
.cp_lis h3 a { color:#222;}
.cp_lis h3 a:hover { color:#ba1a24;}

.cp_lis h6 {
  font-size: 24px;
  position: absolute;
  left: 50%;
  margin-left: -17px;
  bottom: -100%;
  color: #fff;
  font-weight: 100;
  transition: all .3s;
  width:43px; height:43px; background:#ba1a24; line-height:43px; text-align:center; border-radius:50%;
}
.cp_lis img {
  display: block;
  width: 100%;
  transition: all .3s;
}
.cp_lis li:hover img {
  opacity: .6;
}
.cp_lis li:hover h3 {
  top: 30%;
}
.cp_lis li:hover h6 {
  bottom: 40%;
}
.cp_lis li:hover:after, .cp_lis li:hover:before {
  height: 78%; z-index:9999999999999999;
}
.cp_lis li:hover a:after, .cp_lis li:hover a:before {
  width: 90%;
}
.cp_lis li:hover img {
  transform: scale(1.1);
}
/*jisehu*/

/*分页 结束*/
.custpage{ margin-top: 50px; text-align:center;}
.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: 33px; color: #666; height: 33px; display: inline-block; font-size: 18px; font-family:segoeui_1; text-align: center; line-height: 33px; border:1px solid #666666; }
.custpage a.cur,.custpage a:hover{ background: #f29904; color: #fff; border:none; }
/*分页 结束*/

/*产品详情*/
.pro-mainbox{ padding-bottom:140px; background:#f3f3f3; padding-top:60px; }
.pro_delbox{ width: 100%; overflow: hidden; padding-top:20px; background:#FFF;}
.pro_delbox .lcon{  float: left; width: 50%; }
#pro_delboxleft { width:100%; height:auto;}
#pro_delboxleft img { width:100%; height:auto;}
.pro_delbox .lcon img { width:100%; height:auto;}
#pro_delboxleft .owl-prev { right:0;}
#pro_delboxleft .owl-next { left:0;}

.pro_delbox .rcon{  float: right; width: 100%; padding:0 55px 55px 55px; }
.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 #f29904;}
.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{ margin-top:30px; font-size: 32px; height: 40px;  line-height: 40px;  overflow: hidden;  margin-bottom: 20px;  transition: all .3s;  color: #222;  font-family: Raleway-SemiBold;   font-weight: normal;}
.pro-deltext i { width:30%; height:3px; float:left; background:#f29904; margin-left:-55px;}
.pro_down{ margin-top: 30px; padding-bottom: 28px;  float:left; }
.pro_down p{ font-size: 18px; line-height: 28px; float:left; color:#888; width:100%; font-family:Raleway-Regular; }
.pro_downbox{ margin-top: 20px; }
.pro_downbox span *{ vertical-align: middle; }
.pro_downbox span em{ font-style: normal; font-size: 16px; color: #cb2027; display: inline-block; float:left; margin-top:15px; color:#999; }

.pro_contact{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #ededed; float:left; }
.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: #f29904; width: 37px; height:37px; line-height:37px; text-align: center; position: absolute; left: 0; top:0}
.pro_contact a:hover{ color: #f29904; }

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

.links{overflow: hidden; margin-top: 20px;  width:100%; float:left;}
.links a{display: inline-block;   width: 20%; height: 46px; line-height: 46px; font-family:Raleway-Regular; text-align: center; background: #f29904; font-size: 16px; color: #fff; border-radius: 25px;}
.links a:nth-of-type(2){ margin-left: 3%; background: #e95513; }
.links a:nth-of-type(3){ background: 0;color:#333;}
.links a:hover{ opacity: 0.8; }
.links i{ font-size:20px;font-weight: normal; margin-right:5px; }
.links a *{ vertical-align: middle; }

.pro_msg { width:100%; height:auto; overflow:hidden;}
.pro_msg_1 { width:100%; height:auto; float:left;}
.pro_msg_1_left { width:50%; height:auto; float:left; margin-top:70px; margin-right:50%;}
.pro_msg_1_left span {width:100%; height:30px; line-height:30px; font-size:18px; font-weight:bold; text-transform:uppercase; color:#f29904;}
.pro_msg_1_left h2 { width:100%; float:left; height:auto; font-size:32px; float:left; color:#222; font-weight:normal;  font-family: Raleway-SemiBold; line-height:40px; margin-bottom:20px; margin-top:20px; }
.pro_msg_1_right { width:100%; height:auto; float:left;}
.pro_msg_1_right ul li { width:49%; position: relative;  overflow: hidden;  margin-bottom: 20px;height:auto;line-height:45px;float:left;color:#FFF;}
.pro_msg_1_right ul li .ss { width:100%; height:40px; line-height:40px; color:#666; font-size:16px; float:left; padding-left:10px; }
.pro_msg_1_right ul li:nth-child(2n) { float:right;}
.pro_msg_1_right ul li input{ width: 100%; color: #888;  background:rgba(255,255,255);  resize: none;height:45px;line-height:45px;  font-size: 16px;padding:0 15px; font-family:segoeui_1; outline:none; border-radius:20px;}
.pro_msg_1_right ul li textarea { width: 100%;  color: #888; background:rgba(255,255,255);  resize: none;  line-height: 35px; padding: 11px 15px;  font-size: 16px;height:170px; outline:none; border-radius:10px; font-family:Raleway-Regular;}
.pro_msg_1_right ul li:nth-child(7) { width:100%; height:220px;}
.pro_msg_1_right ul li:nth-child(8) { float:left; width:25%;}

.pro_msg_1_right ul li button { width:100%; height:45px; line-height:45px; background:none; border:none; float:left; color:#FFF; font-size:18px; background:#f39905;  outline:none; cursor:pointer; border-radius:30px;}
.pro_msg_1_right ul li button i { font-size:20px; color:#FFF; margin-left: 5px;}
.pro_msg_1_right ul li font { position: absolute; left: 6px;  color: #f00;   font-size: 16px;}
.pro_msg_1_right ul li input::-webkit-input-placeholder{ color: #888;}
.pro_msg_1_right ul li textarea::-webkit-textarea-placeholder{ color: #888;}

.pro_delitem .lcon .tup { width:100%; height:auto; margin-top:30px;}
.tup ul li { width:23.8%; margin-right:1.5%; height:auto; float:left;}
.tup ul li img { width:100%; height:auto;}
.tup ul li:nth-child(4n) { margin-right:0;}

.pro_delitem .lcon.tabbox { width:100%; height:auto; overflow-x:auto; border:solid 1px #666; float:left; margin-bottom:25px; margin-top:20px;}
.tabbox {overflow-x:auto; float:left; width:100%; margin-top:70px;}
.tabbox h2 {  font-size: 32px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .3s;
    color: #222;
    font-family: Raleway-SemiBold;
    font-weight: normal;
  width:100%; float:left;
  }
.tabbox table { margin-top:20px; border-left:solid 1px #666; border-top:solid 1px #666; }
.tabbox table tr:nth-child(1) { font-weight:bold;}
.tabbox td { border-right: 1px solid #666;  border-bottom: 1px solid #666;   padding: 16px 10px;  color: #333;  text-align: center; font-size:16px; }
.tabbox tr:nth-child(2n) { background:#f3f3f3;}
.tabbox td p { margin-top:0; line-height:45px;}
.pro_gary{ background: #fff; }
.pro_adv{ width: 100%; overflow: hidden; padding:0 0 0 0; }
.pro_adv h4{ font-size: 30px; line-height: 34px; color: #222; font-family: Raleway-Regular; font-weight: normal; }

.pro_caty1{ width: 100%;  margin-top: 30px; overflow: hidden; }
.pro_caty1 ul li{ float: left; width: 96%; transition: all 0.3s; position: relative; margin:2%; background:#f4f4f4;}
.ab_probox{ width: 100%; height: 100%; position: absolute; padding: 68px 0; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.pro_caty1 ul li a{ display: block; width: 100%; text-align: center; }
.pro_caty1 ul 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_caty1 ul li p{ font-size: 22px; color: #222; margin-top: 10px; line-height:30px; text-align:center; float:left; font-family:Raleway-Regular; width:100%; padding:10px 10px;  }
.pro_caty1 ul li i{ width:20%; height:4px; background:#f29904; margin-left:40%; margin-right:40%; float:left; }
.pro_caty1 ul li span{ font-size: 18px; color: #666; text-align:center; line-height:30px; height:auto; font-family:segoeui_1; float:left; margin-bottom:40px; padding:0 10px; margin-top:15px; }
.pro_caty1 li:nth-of-type(2){ margin: 0 2%; }
.pro_caty1 li:nth-of-type(5){ margin: 0 2%; }
.pro_caty1 li:nth-of-type(8){ margin: 0 2%; }

.pro_caty1 ul li:hover p,.pro_caty li:hover span,.pro_caty li:hover h6{ color: #fff; }
.pro_caty1 ul li:hover .changpic img{ transform: scale(1.15); }
.pro_caty1 ul li:hover { background:#f29904;}
.pro_caty1 ul li:hover i { background:#FFF;}
.pro_caty1 ul li:hover span { color:#FFF;}
.pro_caty1 .owl-prev { top:28%;}
.pro_caty1 .owl-next { top:28%;}

.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: #f29904; 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: #f29904; }
.gary_bg{  padding:0 0 110px 0; }
.gary_bg  h4{ font-size: 30px;  line-height: 34px; color: #222;  font-family: Raleway-Regular; font-weight: normal; }

.info_dec{ font-size: 14px; color: #999; text-transform: uppercase; margin-top: 10px; }
.gary_bg .infoform{ margin-top: 30px; }
/*新闻*/
.nynews { width:100%; height:auto; overflow:hidden;  background:url(images/ab_bg.jpg) no-repeat center; padding-bottom:100px;}
.nynews_1 { width:100%; height:auto; float:left;}
.nynews_1 .tit {  width: 100%; height: auto;  float: left;  font-size: 40px;  color: #222;  float: left; font-family: Segoe UI Bold_0;  text-transform: uppercase;  position: relative;  font-weight: bold; }
.nynews_1 .tit:before {  width: 50px; height: 4px;  background: #f29904;  content: "";  top: 40px;   left: 135px; position: absolute;   z-index: 1;}
.nynews_2 { width:100%; height:auto; float:left; margin-top:30px; margin-bottom:20px;}
.nynews_2 ul li { width:100%; height:auto; float:left; padding:20px 40px; background:#fff; margin-bottom:30px;}
.nynews_2 ul li .left { width:22%; height:auto; float:left; padding-right:20px;}
.nynews_2 ul li .left h2 { width:100%; line-height:35px; font-size:20px; color:#222; float:left; height:105px; font-family:segoeui_1; margin-top:10px;}
/*.news_2 ul li:hover .left h2 { color:#ba1a24;}*/
.nynews_2 ul li .left span {width: 100%;  line-height: 50px; margin-right: 5%;   float: left; position: relative; margin-top:15px; color:#888; font-family:segoeui_1;}
.nynews_2 ul li .left h6 { font-size: 22px;  font-weight: 100;   left: 0; top: 1px;   color: #888;}
.nynews_2 ul li .center { width:22%; height:auto; float:left; padding-right:40px;}
.nynews_2 ul li .center img { width:100%; height:auto; transition:all .3s;}
.nynews_2 ul li:hover .center img { transform:scale(1.15);}
.nynews_2 ul li .right { width:56%; height:auto; float:left;}
.nynews_2 ul li .right p { width:100%; height:90px; line-height:30px; font-size:18px; color:#888; float:left; margin-top:10px; font-family:segoeui_1; overflow:hidden;}
.nynews_2 ul li:hover .right p { color:#ba1a24;}
.nynews_2 ul li .right span { width:100%; height:auto; float:left; line-height:40px; font-size:20px; color:#222; margin-top:30px; font-family:Raleway-Regular;}
.nynews_2 ul li .right h6 { color:#222; font-size:16px; margin-left:5px;}
.nynews_2 ul li:hover .right span { color:#ba1a24;}
.nynews_2 ul li:hover .right h6 {color:#ba1a24; }

.nynews_3 { width:100%; height:auto; float:left; margin-top:25px; margin-bottom:40px;}
.nynews_3 ul li { width:31.333%; height:auto; float:left; margin-right:3%; margin-bottom:10px;}
.nynews_3 ul li:nth-child(3n) { margin-right:0;}
.nynews_3 ul li img { width:100%; height:auto; transition:all .3s;}
.nynews_3 ul li:hover img { transform:scale(1.15)}
.nynews_3 ul li h3 { width:100%; height:auto; line-height:28px; font-size:20px; color:#222; float:left; text-align:center; padding:10px 5px;}
.news_delbox{ overflow: hidden; width: 100%; }
.news_delbox .lcon{ float: left; width: 100%; }
.news_delbox .rcon{ float: right; width: 30%; padding-left: 60px; }
.infocon_tit{ border-bottom:1px solid #c1bfbf; }
.infocon_tit h2{ font-size: 30px; color: #222; text-align:center; font-weight: 400; font-family:Raleway-SemiBold; }
.infocon_tit .time{ margin-bottom:20px; color: #999; font-size: 14px; font-family: NOTOSANS_r; margin-top: 8px; text-align:center; font-family:Raleway-Regular;}
.infocon_box{ margin-top: 48px; }
.infocon_box p{ font-size: 17px;  color: #666; line-height: 30px; font-family:Raleway-Regular; }
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }

.infocon .other{border-top: 1px solid #c1bfbf; font-size: 18px; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px; font-family:Raleway-Regular;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #ba1a24; }

.news_share{background: url(../images/sharebg.png) right no-repeat #f29904; 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: #f29904; 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: 1680px){
  .logo { left:5%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:74.5%;}
  }

  @media screen and (max-width: 1600px){
  nav {margin-right: 340px;}
  nav li { padding:0 20px;}
  }

  @media screen and (max-width: 1440px){
  .head_rcon { right:200px;}
  nav { margin-right:220px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:19.5%;}
  }
  @media screen and (max-width: 1330px){
  nav li { padding:0 15px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:18.5%;}
  }


@media screen and (max-width: 1280px){
  .warper { width:1280px; padding:0 50px;}
  .pro_2 { margin-top:0;}
  .pro_2 .lcon_1 {  margin-top:20px;}
  .pro_2 .rcon { margin-top:60px;}
  .pro_2 .lcon_1 ul li { font-size:16px; line-height:28px;}
  .pro_caty li span { margin-top:10px;}
  .pro_textdec2 ul li .rcon p { font-size:22px; line-height:35px;}
  .pro_textdec2 ul li .rcon span { font-size:16px; line-height:25px;}
  .ab_poulitem .rcon p{ margin-top:20px;}
  .ab_poulswiper .owl-theme .owl-controls { bottom:7%;}
  .in_wartext p{ font-size: 45px; }
  .in_wartext span{ font-size: 32px; }
  nav{ margin-right: 100px; }
  .page_nav .logo { left:40px;}
  .head_rcon  { right:50px;}
  .ab_about {    background: url(images/ab_bg.jpg) repeat-y center;}
  .ab_about_1 .lcon { width:48%;}
  .ab_about_1 .rcon { width:51%; margin-top:70px;}
  .ab_about_1 .lcon .tit { margin-top:0;}
  .ab_probox{ padding: 30px 0; }
  .ab_text{ padding-bottom: 30px; }
  .ab_poul{ padding: 30px 0; }
  .ab_poulitem .lcon{ width: 65%; }
 .ab_poulitem .lcon .owl-theme .owl-controls .owl-buttons div { top:50px;}
  .ab_poulitem .rcon{ 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: 0;  }
  .news_list ul li:hover a{ padding: 0px; }
  .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: 30px; }
  .pro-deltext h2{ font-size: 34px; }
  .pro_down{  margin-top: 15px; padding-bottom: 15px; }
  .share{ margin-top: 22px; }
  .links{ margin-top: 14px; }
  .pro_delbox{ margin-bottom: 20px; }
  .pro_delitem,.gary_bg,.rel_news{ padding: 30px 0 20px 0;}
  .gary_bg .infoform{ margin-top: 8px; }
  .rel_newsswiper{ margin-top: 24px; }
  .rel_newsswiper .owl-theme .owl-controls{ top: -25px; }
  .pro_delitem .lcon p{ margin-top: 10px; }
  .pro_text{ padding: 15px; }
  .pro_text span{ margin-top: 10px; padding:0; }
  .pro_text p { font-size:18px; padding:0;}
  .pro_text h6 { padding-left:0;}
  .faqlist_box,.con_get{ margin-top: 30px; }
  .con_helpbox{ margin-top: 25px; }
  .cp_lis h3 { font-size:18px;}
  .languagebox { display:none;}
  .header_top { width:80%; margin:0 10%;}
  .logo { left:10%;}
  nav li { padding:0 20px;}
  .fl .lcon_2 ul li { margin-top:30px;}
  .fl .lcon_3 ul li { margin-top:20px;}
  .casebox .swiper-slide .con { width:45%; margin-left:14%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:72.5%;}
  .sub_link { top:60%;}
  .pro_1 .jieshao { left:58%;}
  .pro_1 .jieshao1 { left:35%;}
  .down_2 ul li p { width:85%;}
  .down_2 ul li span { width:15%;}
  .pro_msg_1_left { margin-top:50px;}

}

@media screen and (max-width: 1240px){
  .news_litext i { width:40%;}
  .proinfomenu a { font-size:22px;}
  .proinfomenu a h6 { font-size:24px;}
  .pro-deltext h2 { font-size:28px;}
  .pro_down p { line-height:32px;}
  .pro_text h6 { margin-top:10px; height:52px; line-height:52px;}
  .page_nav nav{ margin-right:100px;}
 .warper{ width: 100%; padding: 0 40px; }
 .ab_text .lcon p{ margin-bottom: 30px; 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; margin-bottom:80px; }
 .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; }
 .pro_2 .rcon p { padding:20px;}
 .ab_about_1 .rcon { margin-top:78px;}
 .pro_2 .rcon { margin-top:68px;}
 .header_top { width: 90%; margin: 0 5%;}
 .logo { left:5%;}
 .fl .lcon_1 h2 { font-size:28px; line-height:35px;}
 .fl .lcon_1 p { margin-top:0;}
 .xw_1_left h2 { font-size:28px; line-height:35px;}
 .xw1_1_left h2 { font-size:28px; line-height:35px;}

}
@media screen and (max-width: 1024px){
.fixnav {
  display: none;
}
.home_titl{ font-size:30px; }
.home_titc{ font-size:30px;}
.pro_textdec ul li { width:100%;}
.pro_textdec { padding-bottom:0;}
.sub_wap { top:35%;}
.sub_wap p { display:none;}
.ab_text .lcon{ width:100%;}
.ab_text .rcon { width:100%; padding-left:0;}
  .warper{ width: 100%; padding: 0 40px; }
  nav li{ padding: 0 12px; }
  nav{ margin-right: 50px; }
  .head_rcon { display:none;}
  .in_boxtext{ padding-top: 19%; }
  .in_wartext p{ font-size: 40px; }
  .page_nav nav{ margin-right: 30px; }
  .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: 0px; }
  .news_list ul li a{ padding: 0; }
  .news_list ul li:hover a{ background: #f29904; padding: 15px; }
  .news_delbox .rcon{ display: none; }
  .news_delbox .lcon{ width: 100%; float: none; }
  .infocon_box{ margin-top: 18px; }
  .infocon_box p{ line-height: 30px; }
  .infocon .other{ margin-top: 30px; }
  .position nav li{ padding: 0 12px; }
  footer .item{ padding-top: 50px; padding-bottom: 20px; margin-right:8%; }
  footer .item h2 { margin-bottom:25px;}
  footer .item3 { width:25.3333%; margin-right:0;}
  .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: 0 0 40px 0; }
  .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; }
  .pro .tit { font-size:32px;}
  .pro .tit:before {left: 190px; top: 30px;}
  .pro_1 { margin-top:20px;}
  .pro_2 .lcon .tit { font-size:32px;}
  .pro_2 .lcon h2 { font-size:22px;}
  .pro_2 .lcon_1 { padding:20px;}
  .pro_2 .rcon { margin-top:89px;}
  .pro_2 .rcon p { padding:5px; font-size:16px;}
  .case_1 { height:auto;}
  .case_2 .tit { font-size:32px;}
  .case_2 .tit:before { top:30px; left:90px;}
  .case_3 { margin-top:10px;}
  .case_lis h3 { top:30%;}
  .case_4 .tit { font-size:32px;}
  .case_4 .tit:before { right:110px; top:30px;}
  .case_5 { margin-top:15px;}
  .casezong { padding-bottom:10px;}
  .news_1 .tit { font-size:32px;}
  .news_1 .tit:before { left:240px; top:30px;}
  .news_2 ul li { padding:20px 20px;}
  .news_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden;}
  .news_2 ul li .center { width:30%;}
  .news_2 ul li .right { width:48%;}
  .news_2 ul li .left span { font-size:16px;}
  .ab_about_1 .lcon .tit { font-size:32px;}
  .ab_about_1 .lcon h2 { font-size:22px;}
  .ab_about_1 .lcon_1 { margin-top:10px;}
  .ab_about_1 .lcon_1 { padding:20px;}
  .ab_about_1 .lcon_1 ul li i { width:5px; height:5px;}
  .ab_about_1 .rcon { margin-top:70px;}
  .ab_about_1 .rcon p { padding:20px 5px; font-size:16px;}
  .ab_about_2 { padding:20px;}
  .ab_about_3 .lcon { width:100%;}
  .ab_about_3 .rcon { width:100%; padding-left:0;}
  .ab_about_3 .rcon h2 { margin-top:25px; margin-bottom:5px;}
   .nynews_2 ul li { padding:20px 20px;}
  .nynews_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden;}
  .nynews_2 ul li .center { width:30%;}
  .nynews_2 ul li .right { width:48%;}
  .nynews_2 ul li .left span { font-size:16px;}
  .nynews_1 .tit { font-size:32px;}
  .nynews_1 .tit:before { left:105px; top:30px;}
  .nynews_2 { margin-top:10px;}
  .con_1 { margin-bottom:20px;}
  .con_2 .tit { font-size:32px; margin-top:20px;}
  .con_2 .tit:before { left:150px; top:30px;}
  .con_4 { margin-top:20px; margin-bottom:80px;}
  .ab_about_4 .tit { font-size:32px;}
  .fl .lcon_1 h2 {
    font-size: 24px;
    line-height: 32px;}
.fl .lcon_2 ul li { font-size:20px;}
.fl .lcon_3 ul li { font-size:20px;}
.tj_2_2_right { width:15%;}
.tj_2_2_right p { width:100%;}
.xw_1_left h2 { font-size:24px; line-height:32px; margin-top:10px;}
footer .copyright_left { width:75%;}
footer .copyright_right { width:25%;}
footer .copyright_right ul li { line-height:35px;}
footer .copyright_right ul li p { width:35px; height:35px;}
footer .copyright_right ul li i { font-size:16px;}
nav li>a { font-size:16px;}
.tj_2 { padding:25px 35px;}
.ab_about_1 h2 { font-size:28px;}
.ab_about_1 p { margin-top:0;}
.ab_about { height:auto;}
.ab_about_1 { margin-bottom:40px;}
.pro_1 .jieshao { left:68%;}
.pro_1 .jieshao1 { left:22%;}
.xw1_1_right .owl-prev { left:-60px;}
.xw1_1_right .owl-next { left:0;}
.xw1_1_left h2 { font-size:24px;}
.xw1_1_right ul li .rcon { padding:0px 20px 20px 20px;}
.xw1_1_right ul li .rcon i { font-size:30px;}
.xw1_1_right ul li .rcon span { font-size:20px;}
.xw1_1_right ul li .rcon p { margin-top:15px; font-size:20px;}
.down_1 h2 { width:100%; margin-right:0; font-size:28px; margin-top:0; margin-bottom:0;}
.case_1 h2 {width:100%; margin-right:0; font-size:28px; margin-top:0; margin-bottom:0;}
.case { height:auto;}
.lx_1_lcon h2 { font-size:24px; line-height:32px;}
.lx_1_rcon ul li span { font-size:26px;}
.pro_msg_1_left { width:100%}
.pro_msg_1_left h2 { font-size:28px;}

}
@media screen and (max-width: 990px){
  .header_top { display:none;}
  nav li dl dd a h6 { display:none;}
  nav li dl dd a h3 { display:none;}
  nav li dl dd a h4 { display:none;}
  nav li dl dd a h5 { display:none;}
  nav li dl dd a h7 { display:none;}
  nav li dl dd a h8 { display:none;}
  .position .logo { top:8px; left:20px;}
  .infoform form button { width:48%;}
  .pro_caty1 ul li span { height:90px; overflow:hidden;}
  .languagebox i { margin-top:8px;}
  .pro_textdec2 ul li { width:100%;}
   .pro_textdec2 ul li .rcon p { width:100%; margin-top:20px;}
   .pro_textdec2 ul li:nth-of-type(2) { margin:0; margin-bottom:30px;}
  .ab_bus p {
    width: 96%;
    margin: 10px 2%;}
  .header_db { display:none;}
  .header{ height: 62px; background: #fff; top: 0; }
  .search-button{ display: none; }
  .logo{ top: 8px; left: 20px; }
  .logo img{ height:auto; margin-top:5px; width:80%; }
  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; height:auto; line-height:50px; }
  nav li.on a, nav li:hover a { height:50px; line-height:50px;}
  nav li>a{ margin:0; color: #fff;  display:block; padding:0 20px; text-align: left;}
   nav li>a:hover { background:#f29904;}
  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; }
  nav li dl dd a{padding:0 20px; text-align: left; display: block; border-bottom: none; color: #fff!important}
  nav li.on a, nav li:hover a{ background: #f29904; 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: 20px; display:block; top:15px;}
  .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; margin-top:5px; }
  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; }
  .pro_lis h6 { width:50px; height:50px; line-height:45px;}
  .pro_lis h6 img { width:60%;}
  #boxDiv { padding-top:62px;}
  .news_2 ul li .center { padding-right:20px;}
  .ab_about_1 .rcon p { padding:10px 5px; line-height:26px;}
  .ab_about_1 .rcon { margin-top:98px;}
  .paddt130 { padding-top:62px;}
  .cp_1 { margin-top:40px;}
  .nynews { padding-bottom:60px;}
  .nynews_3 { margin-bottom:20px;}
  .nynews_2 ul li .center { padding-right:20px;}
  .con_1 { margin-top:40px;}
  .con_1 ul li h2 { font-size:20px;}
  .con_1 ul li p { font-size:16px;}
  .pro-mainbox { padding-top:0;}
  .pro_down p {line-height: 28px; /*height: 112px; */overflow: hidden;}
  .pro-deltext h2 { font-size:26px;}
  .pro_delitem .lcon h4 { margin-top:30px;}
  .pro_delitem .lcon h5 { margin-top:10px; margin-bottom:0;}
  .pro_delitem .lcon p { line-height:30px;}
  .pro_delitem .lcon img { width:100%; height:auto;}
  .tabbox table { margin-top:10px;}
  .con_3 { margin-top:10px;}
  .infocon_tit h2 { margin-top:40px; font-size:26px;}
  .pro_msg_1_left h2 { margin-top:10px; font-size:24px; line-height:35px;}
  footer .item h2 { margin-bottom:15px;}
  .ab_about_1 h2 { font-size:24px; margin-top:10px;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:18%;}
  .pro_1 .jieshao { margin-bottom:60px;}
  .xw1_1_right .owl-theme .owl-controls { margin-top:-140px;}
  .xw1 { height:auto;}
  .news { margin:0px 0 100px 0}
  .lx_1_lcon { width:68%;}
  .lx_1_rcon { width:32%;}
  .pro { padding-top:62px;}


}

@media screen and (max-width: 768px){

  .home_titl{ font-size:26px; }
.home_titc{ font-size:26px;}
.ab_jsxw ul li h2 { font-size:18px;}
  .news_item .lcon {    width: 45%; margin: 2%;}
  .news_item .rcon {      margin-left: 0px;  padding: 0px;  width: 48%; float: left;}
  .news_litext i { margin-top:10px; width:60%;}
  .news_list ul li:nth-child(2n) .rcon {margin-right: 0; margin-left: 2%;}
  .news_litext span { width:20%; margin:10px 0 10px 0;}
  .tup ul li { width:49%; height:auto; margin-right:0; margin-bottom:2%;}
  .tup ul li:nth-child(2n) { float:right;}
  .pro_caty1 ul li span { height:60px; overflow:hidden;}
  .pro-deltext h2 {    font-size: 26px; margin-top: 20px;}
  .project_box { padding-bottom:80px;}
  .project_list ul li { width:49%; margin-bottom: 2%;  margin-right: 0;}
  .project_list ul li:nth-child(2n) { float:right; }
  .pro_caty li { width:48%;}
  .pro_caty li:nth-of-type(2n) { margin:0 0 2% 0; float:right;}
  .pro_caty li:nth-of-type(5) { margin:0;}

  .index_footer {line-height: 20px;     font-size: 14px; padding: 10px;  float: left;}
  .ab_jsxw1 ul li { width:100%;}
  .ab_jsxw1 ul li:nth-of-type(2) {margin:0 0 6% 0;}
  .ab_jsxw1 ul li:nth-of-type(5) { margin:0 0 6% 0;}
  .ab_jsxw1 ul li span { width:30%;}
  .warper{ width: 100%; padding:20px; }
  .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: 100%; }
  .subbanner{ overflow: hidden; }
  .sub_wap h1{ font-size: 28px; }
  .pro_caty, .ab_poulswiper, .ab_text{ margin-top: 8px; }
  .ab_text .lcon{ padding-right: 0; }
  .ab_text .rcon{ padding-left:0; }
  .ab_poulitem .lcon{ width: 100%; float: none; }
  .ab_poulitem .rcon{ margin-left: 0; width:100%; margin-top:60px;}
  .ab_poulswiper .owl-theme .owl-controls { bottom:5%;}
  .ab_poulitem .lcon { padding-left:0;}
  .ab_poulitem .rcon p:after{ display: none; }
  .pro_caty li p{ font-size: 20px; }
  .pro_caty li span{ margin-top: 3px; }
  .ab_probox{ padding: 19px 0; }
  footer .item h2 { font-size:18px; margin-bottom:15px;}
  footer .item2 ul li {     font-size: 16px; line-height: 25px;}
  footer .item3 ul li {     font-size: 16px; line-height: 25px;}
  footer .item4 ul li {     font-size: 16px; line-height: 25px;}
  footer .item2{ width: 100%;  margin-left:0; }
  footer .item2 p { margin-top:20px;}
  footer .item3{ width: 50%; margin-left: 0; padding-top:20px; }
  footer .item4{  width: 50%; margin-left:0;  margin-right:0; padding-top:20px;}
  footer .item1{ display:none;}
  footer .item ul li input { font-size:16px;}
  footer .item ul li textarea { font-size:16px;}
  footer .copyright { font-size:16px;}


    .pro .tit { font-size:26px;}
  .pro .tit:before {left: 155px; top: 25px;}
  .pro_1 { margin-top:20px;}
  .pro_2 .lcon .tit { font-size:26px;}
  .pro_2 .lcon h2 { font-size:18px;}
  .pro_2 .lcon_1 { padding:20px;}
  .pro_2 .rcon { margin-top:89px;}
  .pro_2 .rcon p { padding:5px; font-size:16px;}
  .case_1 { height:auto; padding:0 15px;}
  .case_2 .tit { font-size:26px;}
  .case_2 .tit:before { top:25px; left:80px;}
  .case_3 { margin-top:10px;}
  .case_lis h3 { top:25%;}
  .case_4 .tit { font-size:26px;}
  .case_4 .tit:before { right:90px; top:25px;}
  .case_5 { margin-top:15px;}
  .casezong { padding-bottom:10px;}
  .news_1 .tit { font-size:26px;}
  .news_1 .tit:before { left:200px; top:25px;}
  .news_2 ul li { padding:20px 20px;}
  .news_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden; margin-top:0;}
  .news_2 ul li .right p { margin-top:0;}
  .news_2 ul li .center { width:30%;}
  .news_2 ul li .right { width:40%;}
  .news_2 ul li .left span { font-size:16px;  margin-top:0;}
  .news_2 ul li .right span { margin-top:0;}
  .ab_about_1 .lcon .tit { font-size:26px;}
  .ab_about_1 .lcon h2 { font-size:20px;}
  .ab_about_1 .lcon_1 { margin-top:10px;}
  .ab_about_1 .lcon_1 { padding:20px;}
  .ab_about_1 .lcon_1 ul li i { width:5px; height:5px;}
  .ab_about_1 .rcon { margin-top:70px;}
  .ab_about_1 .rcon p {padding: 20px 10px;  font-size: 16px; margin-top: 0;  background: no-repeat; color: #222;}
  .ab_about_2 { padding:0; margin-bottom:60px;}
  .ab_about_3 .lcon { width:100%;}
  .ab_about_3 .rcon { width:100%; padding-left:0;}
  .ab_about_3 .rcon h2 { margin-top:25px; margin-bottom:5px;}
  .pro_lis h3 { font-size:18px; width:100%; left:0;}
  .pro_lis h6 { margin-left:-25px; bottom:45%;}
  .pro_2 .rcon p { padding: 5px;  font-size: 16px;  line-height: 26px;  margin-top: 0; background:none; margin-top:5px;}
  .pro_2 .rcon { margin-top:81px;}
  .case_1 ul li p { font-size:16px;}
  .case_1 ul li h6 { font-size:36px;}
  .case_lis h6 { margin-left:-20px; bottom:25%; width:40px; height:40px; font-size:20px; line-height:40px;}
  .case_5 ul li p { font-size:18px;}
  .news_2 ul li .left { width:30%;}
  footer .item4 ul li a { font-size:18px;}
  .ab_video { height:auto;}
  .ab_about_1 .lcon_1 ul li { font-size:16px;}
  .ab_about_2 p { font-size:16px;}
  .ab_about_3 { padding:15px 0;}
  .ab_about_4 .tit { font-size:26px; margin-top:30px;}
  .cp_1 ul li { width:48%; margin-right:0; margin-bottom:3%;}
  .cp_1 ul li:nth-child(2n) { float:right;}
  .cp_1 { margin-bottom:0;}
  .cp_lis li { margin:10px 1%;}
  .nynews_1 .tit { font-size:26px;}
  .nynews_1 .tit:before { left:87px; top:25px;}

   .nynews_2 ul li { padding:20px 20px;}
  .nynews_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden; margin-top:0;}
  .nynews_2 ul li .right p { margin-top:0;}
  .nynews_2 ul li .center { width:30%;}
  .nynews_2 ul li .right { width:40%;}
  .nynews_2 ul li .left span { font-size:16px;  margin-top:0;}
  .nynews_2 ul li .right span { margin-top:0;}

  .con_1 ul li h6 { width:85px; height:85px; line-height:85px; font-size:36px;}
  .con_1 ul li h2 { font-size:18px; margin-top:10px;}
  .con_2 .tit { font-size:26px; margin-top:0;}
  .con_2 .tit:before {  left: 120px; top: 25px;}
  .con_3 ul li input { font-size:16px;}
  .con_3 ul li textarea { font-size:16px;}
  .con_3 ul li button { font-size:18px;}
  .pro_delbox .lcon { width:100%;}
  .pro_delbox .rcon { width:100%; padding-left:0;}
  .pro_delitem .lcon h4 { font-size:26px; margin-top:15px;}
  .infocon_tit h2 { font-size:24px;}
  .sub_link { top:20%; left:30%;}
  .sub_link h1 { margin-bottom:0; font-size:30px;}
  .lx_1_lcon:before { display:none;}
  .lx { background:#f3f3f3;    height: auto;  overflow: hidden;}
  .lx_1_lcon { width:100%; padding-right:0;}
  .lx_1_rcon { width:100%; margin-top:40px; margin-bottom:100px;}
  .lx_1_lcon h2 { margin-top:8px;}
  .lx_3 { margin-top:0;}
  .lx_1_rcon ul li { margin-bottom:30px;}
  .lx_1_rcon ul li span { font-size:22px;}
  .lx_1_rcon ul li p { font-size:18px;}
  footer .copyright_left { width:100%;}
  footer .copyright_right { width:100%; margin-bottom:30px; margin-top:8px;}
  .case_1:before { display:none;}
  .case_2 ul li .wenzi_left { width:100%;}
  .case_2 ul li .wenzi_right { width:100%; margin-top:8px;}
  .down_2 ul li p { width:80%;}
  .down_2 ul li span { width:20%;}
  .down_2 { margin-bottom:60px;}
  .xw1_1_right ul li .rcon p { height:56px; line-height:28px; overflow:hidden;}
  .xw1_1_right ul li .rcon h2 { width:100%;}
  .xw1_1_left h2 { margin-top:0;}
  .xw1_1_right ul li { margin-bottom:30px;}
  .news_1 ul li { width:100%; margin-bottom:20px;}
  .news {margin: 0px 0 60px 0;}
  .news_1 { margin-bottom:30px;}
  .pro_1 .jieshao { left:82%;}
  .pro_1 .jieshao1 { left:5%;}
  .ab_about_2_lcon { width:100%; padding-right:0;}
  .ab_about_1:before { display:none;}
  .ab_about_4 ul li { margin-top:0; margin-bottom:0;}
  .ab_about_5 ul li { margin-bottom:0;}
  .ab_about_2_rcon { width:100%;}
  .fl .lcon:before { display:none;}
  .fl .lcon { width:100%;}
  .fl .rcon { width:100%;}
  .fl .lcon_1 h2 { margin-top:15px;}
  .casebox .swiper-slide .con { width:60%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:8%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:80%;}
  .tj_2_2_left p { height:84px; overflow:hidden;}
  .xw_1_left  { width:100%;}
  .xw_1_left:before { display:none;}
  .xw_1_left h2 { margin-top:0;}
  .xw_1_right { width:80%;}
  .xw_1_right .owl-theme .owl-controls { margin-left:-18%;}
  .xw1_1_left:before { display:none;}
  .down_1:before { display:none;}

}

@media screen and (max-width: 640px){
  .sub_link { left:35%;}
  .infoform form button { width:100%;}
  .ab_js{ padding:50px 0 60px 0;}
  .lx form li { width:100%; margin-right:0;}
  .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%; }
  .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: 20px; font-size: 26px; }
  .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: 24px; margin-top:0; margin-bottom:5px; }
  .pro_delbox{ margin-bottom: 0; }
  .pro_1 .lcon { width:100%; height:auto; float:left;}
  .pro_1 .rcon { width:100%; margin-top:50px;}
  .pro_2 .lcon { width:100%;}
  .pro_2 .rcon { width:100%; margin-top:25px;}
  .case_1 ul li { width:50%; margin-bottom:10px;}
  .case_1 { margin-top:25px;}
  .case_2 .tit { margin-top:35px;}
  .case_lis h6 { bottom:20%;}
  .news_2 ul li .left h2 { font-size:16px;}
  .news_2 ul li .right p { font-size:16px; line-height:28px;}
  .news_2 ul li .left span { font-size:14px;}
  .news_2 ul li .center { width:33%;}
  .news_2 ul li .right { width:37%;}
  .news_2 ul li .right span { font-size:18px;}
  .nynews_2 ul li .left { width:30%;}
   .nynews_2 ul li .left h2 { font-size:16px;}
  .nynews_2 ul li .right p { font-size:16px; line-height:28px;}
  .nynews_2 ul li .left span { font-size:14px;}
  .nynews_2 ul li .center { width:33%;}
  .nynews_2 ul li .right { width:37%;}
  .nynews_2 ul li .right span { font-size:18px;}
  .nynews_2 ul li { margin-bottom:20px;}
  footer .item4 { display:none;}
  footer .item3 { width:100%;}
  footer .item ul li textarea { padding:5px 15px; height:60px;}
  .ab_about_1 .lcon { width:100%;}
  .ab_about_1 .rcon { width:100%; margin-top:25px;}
  .cp_lis li { width:48%;}
  .case_lis li { width:32%; margin-bottom:25px;}
  .case_lis li:nth-child(2n){ float:right;}
  .case_lis li:nth-child(3n) { float:left;}
   .case_lis li:nth-child(6) { float:right; margin-right:1.5%;}
   .nynews_3 ul li { width:49%; margin-right:0;}
 .nynews_3 ul li:nth-child(2n){ float:right;}
 .con_1 ul li { width:50%;}
 .con_1 ul li p { height:60px; line-height:25px;}
 .con_3 ul li { margin-bottom:10px;}
 .con_3 ul li:nth-child(6) { width:50%;}
 .pro_delbox .rcon { margin-bottom:20px; padding:20px;}
 .pro_delitem .lcon h4 { margin-top:20px;}
 .pro_delitem .lcon_1 ul li { width:24.2%; margin-bottom:5px;}
 .pro_delitem .lcon_1 { margin-top:10px;}
 .cp_lis li:nth-child(3n) { margin:10px 1%;}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:78%;}
 .fl { padding:70px 0 60px 0;}
 .tj_2_2_left { width:100%;}
 .tj_2_2_left p { height:56px;}
 .tj_2_2_right { width:100%;}
.tj_2 {padding: 15px 35px;}
.tj { margin-bottom:60px;}
.ab_about_1 { margin-top:25px;}
.ab_about_2_rcon { margin-top:40px;}
.pro_1 .jieshao { margin-top:-120px;}
.pro_1 .jieshao { left: 99%;  width: 90%; padding:30px;}
.pro_1 .jieshao h3 { margin-bottom:10px;}
.pro_1 .jieshao h3:after { top:85px;}
.pro_1 .jieshao .fon h6 { margin-top:30px;}
.pro_1 .jieshao1 { margin-top:-120px;}
.pro_1 .jieshao1 { left: 5%;  width: 90%; padding:30px;}
.pro_1 .jieshao1 h3 { margin-bottom:10px;}
.pro_1 .jieshao1 h3:after { top:85px;}
.pro_1 .jieshao1 .fon h6 { margin-top:30px;}
.xw1_1 { display:none;}
.down_2 ul li p { width:70%; font-size:16px;}
.down_2 ul li span { width:30%;}
.sub_link { top: 25%; left: 35%;}
.case_2 ul li { width:100%;}
.case_1 h2 { font-size:24px; line-height:35px;}
.case_1 span { font-size:16px;}
.case_2 ul li .wenzi_left h2 { font-size:22px;}
.case_2 ul li { margin-bottom:5px;}
.case_1 { padding:0;}
.lx_1_lcon span { font-size:16px;}
.lx_1_rcon { margin-top:20px;}
.lx_1_rcon ul li span {
    font-size: 20px;
    height: 35px;
    line-height: 35px;}
.pro_down p { font-size:16px;}
.tabbox h2 { font-size:24px; height:35px; line-height:35px;}
.tabbox { margin-top:50px;}
.pro_msg_1_left { margin-top:20px;}
.pro_msg_1_right ul li:nth-child(6) { width:50%;}
.fl .lcon_1 span { font-size:16px;}
.xw_1_left span { font-size:16px;}
.down_1 span { font-size:16px;}
.ab_about_1 span { font-size:16px;}
.pro-mainbox { padding-top:30px;}
.pro_msg_1_left span { font-size:16px;}
.pro-deltext i { width:50%;}
  .xw_1_right ul li p { width:90%;}

}

@media screen and (max-width:480px){
  .in_ser li {height:80px;}
  .fl .lcon_1 h2 { font-size:22px; line-height:30px; margin-top:10px;}
  .casebox .swiper-slide .con { margin-top:-100px; width:90%; margin-left:5%;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:72%; top:80%;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev { top:80%;}
  .tj_2 { margin-top:0; background: rgba(0,0,0,.8); height:200px;}
  .tj_2_2_right p { margin-top:15px; margin-bottom:15px;}
  .xw_1_left h2 { font-size:22px; margin-bottom:0;}
  .ab_about_1 h2 { font-size:22px; line-height:32px; margin-top:0;}
  .pro_1 .jieshao {  left: 130%;  width: 90%; margin-top: 0px;}
  .sub_link { left:45%;}
  .sub_link h1 { font-size:24px;}
  .news {margin: 30px 0 60px 0;}
  .down_1 { margin-top:50px;}
  .down_1 h2 { font-size:22px; line-height:30px;}
  .down_2 ul li { padding:0 10px; margin-bottom:20px;}
  .case_1 h2 { font-size:22px; line-height:30px;}
  .lx_1_lcon h2 { font-size:22px; line-height:30px;}
  .lx_3 ul li:nth-child(6) { width:100%;}
  .lx_1_rcon ul li { margin-bottom:20px;}
  .pro_msg_1_left h2 { font-size:22px; line-height:30px;}
  .pro_msg_1_right ul li { width:100%;}

  .sub_wap { top: 30%;}
  footer .item h2 { font-size:20px;}
  footer .copyright { padding-bottom:170px;}
  .pro_delitem, .gary_bg, .rel_news, .pro_adv, .service_down { padding:0 0 30px 0;}
  .pro_caty1 .owl-prev { top:15%;}
  .pro_caty1 .owl-next { top:15%;}
  .pro_list ul li, .project_list ul li, .ser_video ul li { width:100%; margin-right:0;}
  .ab_bus p { width: 96%;  margin: 10px 2%;}
  .warper{ width: 100%; padding: 0 20px; }
  .in_pronav li{ width: 100%; float: none; position: relative; margin-bottom: 10px;  background: rgba(255,255,255,0.2); padding: 5px;}
  .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; width: 100%; padding: 3% 3% 8% 3%;}
  .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: 8px; }
  .news_litext p{ margin-top: 3px; }
  .news_litext{ padding: 10px 0 0 0; }
  footer .item4,footer .item1,.media{ display: none; }
  footer .item2{ margin-left: 0; width: 49%; }
   footer .item3{ margin-left: 0; width: 49%; }
  footer .item5{ width: 38%; }
  .news_delbox{ padding-bottom: 35px; }
  .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 #f29904; }
  .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: 80px; }
  .ab_poulswiper .owl-theme .owl-controls { bottom:10%;}
  .gary_bg .home_boxtit{ font-size: 26px; }
  .project_box{ padding-bottom: 35px; }
  .footmenu {display: block;}
  .case_lis li { width:48%;}
  .case_lis li:nth-child(2n) { float:right; margin-right:0;}
  .case_3 { margin-bottom:0;}
  .case_5 ul li { width:48%;}
  .case_5 ul li:nth-child(2n) { float:right;}
  .case_5 ul li:nth-child(3){ display:none;}
  .news_2 ul li .center { display:none;}
  .news_2 ul li .left { width:40%;}
  .news_2 ul li .right { width:60%;}
  footer .item { width:100%;}
  .ab_about_1 .rcon p { height:auto;}
  .custpage { margin-top:0;}
  .cp_lis h3 { font-size:16px;}
  .nynews_1 .tit { margin-top:30px;}
  .nynews_2 ul li .center { display:none;}
  .nynews_2 ul li .left { width:100%;}
  .nynews_2 ul li .right { width:100%;}
  .nynews_2 ul li .left h2 { height:60px;}
  .con_3 ul li { width:100%;}
  .fl { padding: 40px 0 60px 0;}
  .l_fixed{display:none;}
  .casebox .swiper-slide .con{margin-top:0px;}
}
@media screen and (max-width:414px){
  .sub_link { left:55%;}
  .pro_1 .jieshao { left:150%;}
  .ab_poulitem .lcon .owl-theme .owl-controls .owl-buttons div { top:90px;}
 .warper{ width: 100%; padding: 0 15px; }
 .in_wartext p{ font-size: 24px; }
 .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; }
 .con_3 ul li:nth-child(6) { width:100%;}
 .con_4 { margin-bottom:60px;}
 .fl .lcon_1 h2 { margin-top:0;}
 .casebox .swiper-slide .con { padding:30px;}
 .casebox .swiper-slide h3 { margin-bottom:10px;}
 .casebox .swiper-slide .con:after { top:80px;}
 .casebox .swiper-slide h3 { font-size:24px;}
 .casebox .swiper-slide h6 { margin-top:30px;}
 .down_2 ul li span { width:35%;}
 .down_2 ul li p { width: 65%; overflow: hidden;  height: 55px;}
}
@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; }
  .cp_1 ul li { width:100%; font-size:18px;}
  .case_lis h3 { top:20%;}
  .con_1 ul li p { height:75px;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:70%;}
  .pro_1 .jieshao { left:162.5%;}

}