@charset "utf-8";
@font-face {
  font-family: 'RalewayB';
  src: url('fonts/RalewayB.eot');
  src: local('☺'), url('fonts/RalewayB.woff') format('woff'), url('fonts/RalewayB.ttf') format('truetype'), url('fonts/RalewayB.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RalewayR';
  src: url('fonts/RalewayR.eot');
  src: local('☺'), url('fonts/RalewayR.woff') format('woff'), url('fonts/RalewayR.ttf') format('truetype'), url('fonts/RalewayR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* CSS Document */
body{font-family:RalewayR,Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#004b4f;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


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

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

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

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
  
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


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

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

.icon-fasongyoujian:before {
  content: "\e60f";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


header{ background: transparent; height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.dis{ display: block; }
.undis{ display: none; }
.media { padding-bottom: 14px; text-align: center; }
.media a{background: #004b4f; color: #fff; width: 42px; height: 42px; border-radius: 42px; line-height: 42px; margin: 0 4px; font-size: 22px; display:inline-block;}
.media a:first-child:hover{ background: #ed7d2a; color: #fff; }
.media a:nth-of-type(2):hover{ background: #3a82d3; color: #fff; }
.media a:nth-of-type(3):hover{ background: #30afeb; color: #fff; }
.media a:nth-of-type(4):hover{ background: #0085b2; color: #fff; }
.media a:nth-of-type(5):hover{ background: #d20000; color: #fff; }

.f_copy{ text-align: center; padding-bottom: 25px; margin-top: 5px; }
.f_copy p{ font-size: 14px; color: #bfbdbd; }
.f_copy p a{ color: #bfbdbd; }
.f_copy p a:hover{ color: #fff; }


h6{ display: inline-block; font-weight: normal; }

#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; top: 29px; left:0; }
.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 888;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #65a342; color: #fff;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; }
.position,.page_head{position: fixed;left: 0;right: 0; top: 0; z-index: 110;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); background: #fff;}
#nav .nav-button{display: none;}
.position nav li>a,.page_head nav li>a{ color: #222; }
.position .search-button i,.page_head .search-button i{ color: #222; }
.position .languagebox ul,.page_head .languagebox ul{ border: 1px solid #c2c2c2; }
.position .languagebox i,.page_head .languagebox i{ color: #9a9a9a; }
.position .languagebox a,.page_head .languagebox a{ color: #828282; }
.position .searchform button i,.page_head .searchform button i{ color: #fff; }
.position .dis,.page_head .dis{ display: none; }
.position .undis,.page_head .undis{ display: block; }
.position .head_rcon span a,.page_head .head_rcon span a{ color: #666; }
.position .head_rcon span i,.page_head .head_rcon span i{ color: #2ab2a6; }


nav{ float: right; margin-right: 55px;}
nav li{ float: left; position: relative;}
nav li>a{ color: #fff; position: relative; text-transform: capitalize; font-family:RalewayB; padding: 39px 25px 40px 25px; display: block; text-align: center; transition:0.5s; font-size:18px;}
nav li.on a,nav li:hover a{ color: #fff; background: #004b4f; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 100px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:18px;}
nav li dl dd a:hover{ background: #004b4f !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }
nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(0,75,79,0.8); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; color: #fff !important; border-bottom: none; font-size: 15px; }
nav dl dd div a:hover{ background: #004b4f; }

.head_rcon{ position: absolute; width: 34px; right: 0; top: 0; }

.search-button{ width: 34px; height: 34px; text-align: center; line-height: 34px;float: left; margin-top: 34px; }
.search-button i{ color: #fff; display: inline-block; font-size: 23px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#004b4f;position: absolute; z-index: 55; right: 0; top:100px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#004b4f; color: #fff; line-height:50px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:50px; background:#004b4f; 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;}

.f_conbox{ width: 100%; overflow:hidden; background: url(images/f_conbg.jpg) no-repeat; background-size: cover; padding: 60px 0 70px 0; }
.f_conbox .home_boxtit{ text-align: center; }
.f_conbox .home_boxtit a{ color: #fff; }
.f_inbox{ margin-top: 22px; text-align: center; }
.f_inbox input#emailss{ background: #fff; width: 435px; height: 46px; line-height: 46px; padding: 8px; font-size: 18px; }
.f_inbox button{ width: 158px; cursor: pointer; height: 46px; border: none; color: #fff; text-transform: uppercase; text-align: center; background: #004b4f; font-size: 16px; font-family: RalewayB; }
.f_inbox button:hover{ opacity: 0.85; }
.f_inbox .cf7ic_instructions{color:#fff;}
.f_inbox svg {
    color: #fff;
}
.f_inbox .yzm{margin:10px;}
footer{ background: #1e1e1e; padding: 75px 0 0 0; position: relative; }
footer .footer{ overflow: hidden; padding-bottom: 42px; }
footer .item1{ width:28%; float: left; }
footer .item1 p{ color: #e0e0e0; font-size: 16px; line-height: 28px; }
footer .item1 p a{ color: #e0e0e0; }
footer .item1 p a:hover{ text-decoration: underline; }
footer h4 { color: #fff;  font-size: 24px; font-family: RalewayB; text-transform: uppercase; margin-bottom: 35px;}
footer .item1 h4 { margin-bottom: 23px; }
footer .item2{ float: left; width: 26%; margin-left: 10%; }
footer .item3{ width:29%; float: right;}

footer .copyright .media span{ color: #fff; font-size: 18px; text-transform: uppercase;}

.con_icon div{ font-size: 16px; margin-bottom: 16px; color: #e0e0e0;}
.con_icon div a,.con_icon div span{ color: #e0e0e0; }
.con_icon div a:hover{ text-decoration: underline; }

.copyright{ background: #1a1a1a; overflow: hidden; text-align: center; }
.copyright .warper{ padding: 24px 0; }
.copyright p{ color: #737272; display: inline-block; }
.copyright p a{ color: #737272; }
.copyright p a:hover{ color: #fff; }





.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;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:#0d79bf;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}


#banner img{ width: 100%; display: block; }
#banner_home{ position: relative; }
#banner_home .owl-theme .owl-controls{ position: absolute; bottom: 30px; width: 100%; }
#banner_home .owl-theme .owl-controls .owl-page span{ width: 32px; height: 5px; background: #fff; border-radius: 0; opacity: 1; }
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #2ecace; }
.banner_text{ position: absolute; width: 100%; left: 0;  z-index: 555; top: 32%; text-align: center; }
.banner_text p{ color: #004b4f; font-family: RalewayB; /*text-shadow: 0 -4px 1px #e5e4e4;*/ text-align: center; font-size: 128px; text-transform: uppercase; font-weight: bold; }
.banner_text span{ display: inline-block; font-family: RalewayB; padding: 25px 30px;  font-style: italic; color: #004b4f; font-size:46px;  text-align: center; }
#banner .owl-item.active .item  .banner_text {
    -webkit-animation: fadeInTop 1.3s both 0.5s;
    animation: fadeInTop 1.3s both 0.5s;
}
#banner .owl-item.active .item  .banner_text span{
   -webkit-animation: onshow 1s both 0.5s;
   animation: onshow 1s both 0.5s;
}
@keyframes fadeInTop {
    0% {
        top: 0;
        opacity: 0;
    }
    100% {
        top: 38%;
        opacity: 1;
    }
}
@keyframes onshow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.cl{ clear: both; }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
/*版块标题*/
.home_boxtit{ font-size:52px; color: #004b4f; text-transform: uppercase; font-family: RalewayB;}
/*首页*/
.in_probox{ padding: 50px 0 70px 0; overflow: hidden; }
.in_prolist{ width: 100%; overflow: hidden; }
.in_prolist li{ float: left; width: 31.3%; margin-right: 3%; }
.in_prolist li:nth-of-type(3n){ margin-right: 0; }
.in_proitem .changpic{ border: 8px solid #e9e9e9; }
.in_protext{ padding-top: 34px; }
.in_protext h2{ font-size: 20px; line-height: 28px; font-family: RalewayB; height: 56px; overflow: hidden; color: #004b4f; }
.in_protext p{ margin-top: 10px; font-size: 16px; line-height: 26px; color: #004b4f; height: 78px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.in_protext span{ display: inline-block; margin-top: 25px; transition: all 0.3s; width: 200px; height: 46px; line-height: 46px; text-align: center; background: #004b4f; color: #fff; font-size: 16px; font-family: RalewayB; text-transform: uppercase; }
.in_proitem:hover .changpic img{ transform: scale(1.15); }
.in_proitem:hover .in_protext span{ margin-left: 10px; }

.in_indus{ background: #f4f4f4; padding: 62px 0 64px 0; }
.in_indus .home_boxtit a{ color: #004b4f; }
.in_duslist{ margin-top: 30px; }
.in_duslist li{ margin-bottom: 40px; }
.in_dusitem{ width: 100%; overflow: hidden; background: #fff; position: relative; }
.in_dusitem .lcon{ width: 53%; float: left; }
.in_dusitem .rcon{ width: 47%; float: right; padding: 54px 45px 0 46px; }
.in_dusitem .rcon h3{ color: #004b4f; font-size: 36px; height: 42px; line-height: 42px; overflow: hidden; }
.in_dusitem .rcon p{ margin-top: 14px; font-size: 16px; line-height: 26px; color: #00383b; height: 182px; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 7; }
.in_dusitem .rcon span{ display: inline-block; transition: all 0.3s; color: #095155; margin-top: 25px; font-size: 16px; text-transform: uppercase; font-family: RalewayB; }
.in_dusitem .rcon span i{ display: inline-block; margin-left: 5px;   }
.in_dusitem:hover .changpic img{ transform: scale(1.15); }
.in_dusitem:hover .rcon span{ margin-left: 10px; }
.in_dusitem:after{ position: absolute; transition: all 0.3s; content: ''; width: 20%; background: #004b4f; height: 5px; right: 0; bottom: 0; }
.in_dusitem:hover:after{ width: 47%; }
.in_duslist li:nth-of-type(even) .in_dusitem .lcon{ float: right; }
.in_duslist li:nth-of-type(even) .in_dusitem .rcon{ float: left; }
.in_duslist li:nth-of-type(even) .in_dusitem:after{ right: auto; left: 0; }
.in_dusbtn{ text-align: center; }
.in_dusbtn a{ width: 230px; background: #004b4f; font-family: RalewayB; text-transform: uppercase; display: inline-block; height: 46px; text-align: center; line-height: 46px; color: #fff; }
.in_dusbtn a i{ display: inline-block; }
.in_dusbtn a:hover{ opacity: 0.85; }

.in_ab{ padding: 68px 0 90px 0; overflow: hidden; }
.in_ab .lcon{ width: 50%; float: left; padding: 66px 18px 0 0; }
.in_ab .rcon{ width: 50%; float: right; padding-left: 58px; }
.in_ab .lcon .home_boxtit a{ color: #004b4f; }
.in_abtext{ margin-top: 35px; }
.in_abtext p{ font-size: 16px; line-height: 27px; color: #00383b; margin-bottom: 12px; }
.in_ab .lcon span{ display: inline-block; transition: all 0.3s; color: #095155; margin-top: 25px; font-size: 16px; text-transform: uppercase; font-family: RalewayB; }
.in_ab .lcon span i{ display: inline-block; margin-left: 5px;   }
.in_ab .lcon span a{ color: #095155;}
.in_ab .lcon:hover span{ margin-left: 10px; }
.in_ab .rcon:hover .changpic img{ transform: scale(1.15); }


.in_news{ padding: 55px 0 70px 0; background: #f4f4f4; }
.in_news .home_boxtit a{ color: #004b4f; }
.in_newsitem{ border: 1px solid #dbdbdb; }
.in_newsbox{ margin-top: 20px; position: relative; }
.news_text{ padding: 27px 22px 28px 22px; background: #fff; }
.news_data{ width: 100%; overflow: hidden; font-size: 14px; color: #2ecace; font-weight: bold; }
.news_data em{ float: right; font-style: normal; }
.news_text h4{ font-size: 20px; color: #004b4f; margin-top: 12px; height: 56px; line-height: 28px; overflow: hidden; }
.news_text p{ margin-top: 10px; line-height: 25px; height: 75px; color: #00383b; overflow: hidden; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 14px; }
.news_text h6{ color: #29bbae; font-size: 35px; margin-top: 30px; transition: all 0.3s; }
.in_newsbox .item{ margin: 0 12px; }
.in_newsbox .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.in_newsbox .owl-controls .owl-buttons{ position: relative; }
.in_newsbox .owl-controls .owl-buttons div{ background: url(images/right.png) center center no-repeat; opacity: 0.4; background-size: 100%; position: absolute; border-radius: 0; height: 52px; width: 31px; }
.in_newsbox .owl-controls .owl-buttons .owl-prev{ text-indent: -9999em; left: -70px; transform: rotate(180deg);}
.in_newsbox .owl-controls .owl-buttons .owl-next{ text-indent: -9999em;  right: -70px;  }
.in_newsbox .owl-controls .owl-buttons div:hover{ cursor: pointer; opacity: 1; }
.in_newsbox .item:hover .changpic img{ transform: scale(1.15);}
.in_newsbox .item:hover .news_text h6{ margin-left: 10px; }


.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #004b4f; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #004b4f; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #ed7d2a; }
.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(6) a{ background: #d20000; }
.l_fixed li:nth-of-type(2) a span{ background: #ed7d2a; }
.l_fixed li:hover a span{ width: 250px; left: 40px; }


/*位置*/
.subbanner{ position: relative; margin-top: 100px;}
.subbanner img{ width: 100%; display: block; }
.paddt50{ padding-top: 50px; }
.positionline{ padding: 15px 0; font-size: 16px; position: relative; }
.positionline i{ color: #004b4f; font-size:20px; display: inline-block; }
.positionline a{ margin:0 5px; }
.positionline a:hover{ color: #004b4f; }
.positionline h1{  position: absolute; right: 0; bottom: 0; display: inline-block; border-top: 4px solid #004b4f;  }
.positionline h1 span{ font-size: 52px; color: #fff; text-transform: uppercase; margin-top: 4px;  padding: 20px 25px; background: #004b4f; display: inline-block; }
/*产品列表*/
.pro_list{ padding-bottom: 96px; }
.pro_list .in_prolist li{ margin-bottom: 35px; }
/*关于我们*/
.ab_box{ width: 100%; overflow: hidden; }
.ab_box .lcon{ width: 50%; float: left; padding: 66px 18px 0 0; }
.ab_box .rcon{ width: 50%; float: right; padding-left: 58px; }
.ab_box .lcon .home_boxtit a{ color: #004b4f; }

.ab_video{ margin-top: 175px; position: relative; }
.ab_video .warper{ position: absolute; left: 50%; margin-left: -640px; top: -122px; }
.ab_num{ background: #fff; padding: 43px 0 58px 0; width: 100%; overflow: hidden; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.ab_num li{ float: left; width: 25%; text-align: center; padding: 0 4%; }
.ab_num li p{ font-size: 16px; line-height: 27px; color: #666; height: 54px; overflow: hidden; }
.ab_num li h5{ font-size: 72px; color: #00383b; font-family: Arial; }
.ab_num li span{ font-size: 16px; color: #666; }

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.allhide{ display: none; }
.getbox{ width: 800px; background: #fff;  position: absolute; top: 20%; left: 50%; margin-left: -400px; }

.ab_adv{ padding: 68px 0 32px 0; margin-bottom: 80px; position: relative; }
.ab_adv:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 210px; background: #f4f4f4; }
.ab_adv .home_boxtit{ text-align: center; }
.ab_adv p{ margin-top: 14px; font-size: 16px; line-height: 27px; color: #00383b; text-align: center; padding: 0 8%; }
.ab_advlist{ margin-top: 36px; width: 100%; overflow: hidden; }
.ab_advlist li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 25px; }
.ab_advlist li:nth-of-type(3n){ margin-right: 0; }
.ab_advlist li .changpic{ border: 8px solid #e9e9e9; }
.ab_advlist li:hover .changpic img{ transform: scale(1.15); }
/*分页 结束*/
.digg4{ text-align:right; font-size: 17px; font-weight: bold; margin-top: 25px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:35px; text-align: center; border-radius: 35px; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border: 1px solid #999; height:35px; line-height: 35px; color:#cecece; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#004b4f; border: 1px solid #004b4f; }
.digg4 span.disabled { font-size: 31px; line-height:27px; font-weight: normal;  background: transparent; color: #999;}
.digg4 a{ border: 1px solid #999; color: #666; }
/*分页 结束*/
/*industry*/
.in_duswar .in_duslist{ margin-top: 0; }
.in_duswar .in_duslist li{ margin-bottom: 40px; }
.in_duswar .in_dusitem{ background: #f4f4f4; }
.in_duswar .in_dusitem:after{ display: none; }
.in_duswar .in_dusitem .rcon span{ color: #fff; background: #004b4f; padding: 13px 48px; }
/*industry  del*/
.duswar_del{ padding-bottom: 92px; }
.in_dusdel{ width: 100%; overflow: hidden; }
.in_dusdel .dus_lcon{ float: left; width: 443px; }
.in_dusdel .dus_rcon{ margin-left: 443px; padding: 45px 0 0 35px; }
.in_dusdel .dus_lcon .changpic{ border: 8px solid #e9e9e9; margin-bottom: 12px; }
.dus_rcon h2{ font-size: 42px; color: #004b4f; font-family: RalewayB; }
.dus_deltext{ margin-top: 12px; }
.dus_deltext p{ font-size: 16px; line-height: 28px; color: #888; margin-bottom: 10px; }
.dus_deltext p a{ color: #004b4f; font-family: RalewayB; text-decoration: underline;  }
/*news*/
.news_box{ padding-bottom: 95px; }
.news_list{ width: 100%; overflow: hidden; padding: 5px; }
.news_list li{ width: 32%; margin-right: 2%; margin-bottom: 24px; float: left; }
.news_list li:nth-of-type(3n){ margin-right: 0; }
.news_list li .news_text{ background: #f2f2f2; }
.news_list li:hover .changpic img{ transform: scale(1.15); }
.news_list li:hover .in_newsitem{ box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15); }

/*产品详情*/
.pro_gdbox{ width: 100%; overflow: hidden; padding-bottom: 40px; }
.pro_gdbox .prolcon{ width: 57%; float: left; }
.pro_gdbox .prorcon{ width: 43%; float: right; padding: 25px 0 0 46px; }

.propicflash{ width: 100%; position: relative; overflow: hidden; }
.propicflash .big{ width: 74.3%; float: left; background: #fff; border: 10px solid #ebeaea;  }
.propicflash .big img{display: none; width: 100%; }
.propicflash .big img.on{display: block;}
.propicflash .small{  width: 23.5%; float: right; }
.propicflash .small img.on{display: block;border:5px solid #004b4f;}
.propicflash .small img{ float: left; border: 5px solid #ebeaea; background: #fff; width: 100%; margin-bottom:11px; cursor: pointer;}
.propicflash .small img:last-child{margin-bottom: 0}


.pro_gdbox .prorcon h2{ font-size: 40px; padding-bottom: 18px; position: relative; color: #004b4f; }
.pro_gdbox .prorcon h2:after{ content: ''; width: 150px; height: 3px; background: #004b4f; position: absolute; bottom: 0; left: 0; }

.pro_desc{ margin-top: 28px; height: 170px; overflow-y: auto; }
.pro_desc p{ font-size: 16px; line-height: 28px; color: #888; }


.share{ margin-top: 25px; }

.pro_lxbtn{ margin-top: 48px; }
.pro_lxbtn a{ background: #474646; font-size: 16px; font-family: RalewayB; text-transform: uppercase; text-align: center; padding:12px 10px; width: 48%; color: #fff; display: inline-block; }
.pro_lxbtn a:hover{ opacity: 0.85; }
.pro_lxbtn a i{ display: inline-block; font-size: 22px; margin-right: 5px; }
.pro_lxbtn a:last-child{ background: #004b4f; margin-left: 3%; }

.pd30{ padding-bottom: 30px; }

.proinfo_nav{ overflow: hidden; background: #004b4f; padding: 16px 0; }
.proinfo_nav.top0{ position: fixed; top: 0; left: 0; width: 100%; z-index: 666; }
.proinfo_nav a{ border: 1px solid #fff; position: relative; margin-right: 2%; color: #fff; font-family: RalewayB; text-transform: uppercase; font-size:16px; padding: 12px 0; width: 23.5%; text-align: center; float: left; display: block; }
.proinfo_nav a.on,.proinfo_nav a:hover{background:#fff; color: #004b4f;}
.proinfo_nav a:last-child{  margin-right: 0; }

.del_box{ padding-bottom: 92px; }

.del_block{  }

.del_item{ padding: 50px 0 0 0; }
.del_item h3{ font-size: 32px; font-family: RalewayB; margin-bottom: 10px; color: #004b4f; text-transform: uppercase;  }
.del_item .ditem_p{ margin-top: 10px; }
.del_item .ditem_p p{ font-size: 16px; line-height: 28px; color: #888; }
.del_intpic{ width: 100%; overflow: hidden; margin-top: 20px; }
.del_intpic li{ float: left; width: 31.3%; margin-right: 3%; }
.del_intpic li:last-child{ margin-right: 0; }
.del_intpic li .changpic{ border: 8px solid #ececec; }

.d_spficati{ margin-top: 28px; }
.ds_tab{ width: 100%; overflow: hidden; text-align: center;  }
.ds_tab li{ display: inline-block; margin: 0 2px; color: #fff; font-size: 20px; font-family: segoeuib_0; font-style: italic; cursor: pointer; background: #333; width: 100px; line-height: 40px; height: 40px; border-radius: 40px; }
.ds_tab li.on,.ds_tab li:hover{background: #004b4f;}

.d_tablesp{ margin-top: 20px; }
.pro_xqtable{ overflow-x: auto; display: none; }
.pro_xqtable.on{ display: block; }


.pro_xqtable{ width: 100%; overflow-x:auto; margin-top: 28px; }
.pro_xqtable table{ border-top: 1px solid #adadad; border-right: 1px solid #adadad; width: 100%; }
.pro_xqtable table tr td{ border-bottom: 1px solid #adadad; font-size: 16px; color: #666; text-align: center; border-left: 1px solid #adadad; padding: 10px; }
.pro_xqtable table tr:nth-of-type(even){ background: #f4f4f4; }
.pro_xqtable table tr:hover td{ background: #004b4f ; color: #fff;  }

.del_video{ position: relative; text-align: center; transform-style: preserve-3d; padding-bottom: 52px; margin-top: 28px; }
.del_video:before{ content: ''; transform: translateZ(-1px); z-index: -1; position: absolute; left: 0; bottom: 0; height: 140px; background: #f4f4f4; width: 100%; }
.del_video img{ cursor: pointer; }

.quiry_info{ margin-top: 46px; overflow: hidden; }
.quiry_info li{ float: left; width: 49.5%; margin-bottom: 16px; position: relative; }
.quiry_info li font{ position: absolute; color: red; top: 15px; left: 10px; font-size: 16px; }
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info li:nth-of-type(5),.quiry_info li:nth-of-type(6){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; color: #000; resize: none; font-family:Arial; background:#fff; border:1px solid #c8c8c8; border-radius: 0;  font-size:16px; line-height: 22px; padding:12px 18px; }
.quiry_info textarea{height: 170px;}
.quiry_info form input::-webkit-input-placeholder,.quiry_info form textarea::-webkit-input-placeholder { color: #222;}
.quiry_info form input:-moz-placeholder,.quiry_info form textarea:-moz-placeholder {color: #222;}
.quiry_info button{ border: none; width: 186px; display: block; text-transform: uppercase; font-family:RalewayB; font-size: 16px; cursor: pointer; background: #004b4f; color: #fff; height: 52px; }
.quiry_info button:hover{ opacity: 0.85; }

.rel_pro{ background: url(images/del_proswibg.jpg) no-repeat top center; padding-top: 64px; padding-bottom: 95px; }
.rel_pro .home_boxtit{ color: #fff; }
.rel_swiper{ margin-top: 35px; }
.rel_swiper .item{ margin: 0 15px; }
.rel_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.rel_swiper .owl-controls .owl-buttons{ position: relative; }
.rel_swiper .owl-controls .owl-buttons div{ background: url(images/right.png) center center no-repeat; opacity: 0.4; background-size: 100%; position: absolute; border-radius: 0; height: 52px; width: 31px; }
.rel_swiper .owl-controls .owl-buttons .owl-prev{ text-indent: -9999em; left: -70px; transform: rotate(180deg);}
.rel_swiper .owl-controls .owl-buttons .owl-next{ text-indent: -9999em;  right: -70px;  }
.rel_swiper .owl-controls .owl-buttons div:hover{ cursor: pointer; opacity: 1; }
/*newsdel*/
.news_del{ padding: 0 0 50px 0; }
.infocon{color: #666; background: #fff; }
.infocon h2{font-size:30px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; margin-top: 18px;}
.infocon .time i{ font-size: 24px; color: #e9681a; display: inline-block; }
.infocon .other{ margin:30px 0 0 0; position: relative; }
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 18px; border-top: 1px solid #dcdcdc; padding-top: 20px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color:#004b4f; }
.infocon p{line-height:28px; margin-bottom: 10px; color: #666;}
/*contact*/
.con_boxshow{ width: 100%; overflow: hidden;}
.con_boxshow .lcon{ float: left; width: 50%; padding-right: 98px; }
.con_boxshow .rcon{ float: right; width: 50%; padding-left: 48px; }
.con_boxshow h4{ color: #004b4f; font-size: 32px; text-transform: uppercase; }
.con_desc{ font-size: 14px; line-height: 20px; color: #999; margin-top: 5px; }
.con_li{ margin-top: 25px; }
.con_li li{ position: relative; min-height: 40px; line-height: 40px; font-size: 16px; color: #004b4f; padding: 0 0 0 54px; margin-bottom:20px; }
.con_li li h6{font-size:18px;color: #fff; background: #004b4f; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; overflow: hidden; position: absolute; left: 0;}
.con_li li a{ color: #004b4f; }
.con_li li a:hover{ text-decoration: underline; }
.con_li li span{ line-height: 24px; display: block; }
.con_boxshow .lcon .media{ text-align: left; margin-top: 30px; }
.con_boxshow .lcon .media a{ text-align: center; width: 47px; height: 47px; line-height: 47px; }
.con_boxshow .lcon .media a:first-child{ background: #3a82d3; }
.con_boxshow .lcon .media a:nth-of-type(2){ background: #30afeb; }
.con_boxshow .lcon .media a:nth-of-type(3){ background: #0085b2; }
.con_boxshow .lcon .media a:nth-of-type(4){ background: #d20000; }

.infoform{overflow:hidden; margin-top: 40px; }
.infoform form{ margin-top:26px;  }
.infoform ul{ width: 100%; overflow:hidden; position: relative; }
.infoform li{width: 100%;margin-bottom: 10px;}
.infoform input,.infoform textarea{width: 100%; border:1px solid #ccc; background:#fff; font-size: 14px; line-height: 20px; padding:12px 20px; font-family: Arial; }
.infoform textarea{ resize: none; height: 120px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #999;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #999;}
.infoform form button{ display: inline-block; border-radius: 3px; border: none; background: #004b4f; color: #fff; width: 264px; font-weight: bold; height: 45px; text-transform: uppercase; line-height: 45px; text-align: center; font-family:Arial; font-size: 15px; }
.infoform form button i{ display: inline-block; font-weight: normal; font-size: 23px; }
.infoform form button:hover{ cursor: pointer; opacity: 0.85; }
.infoform form button *{ vertical-align: middle; }

.con_team{ margin-top: 12px; }
.con_team li{ background: #f7f7f7; overflow: hidden; padding: 10px; margin-bottom: 22px; }
.con_team li .t_lcon{ width:96px; float: left;  }
.con_team li .t_rcon{ margin-left: 96px; padding: 11px 10px 0 20px; }
.t_zw{ font-weight: bold; color: #666; margin-bottom: 15px; }
.t_zw span{ font-style: italic; font-size: 14px; color: #999; }
.t_rcon p{ font-size: 16px; color: #666; margin-bottom: 8px; }
.t_rcon p i{ display: inline-block; margin-right: 5px; color: #004b4f; }
.t_rcon p:last-child,.t_rcon p:last-child a{ color: #004b4f; }

.map{ padding-top: 58px; padding-bottom: 114px; }

.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;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:#004b4f;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}

@media screen and (max-width: 1680px){
  .backToTop{ right: 10px; }
}
@media screen and (max-width: 1600px){
  .banner_text p{ font-size: 100px; }
  .banner_text span{ font-size: 25px; }
}

@media screen and (max-width: 1440px){
  .warper{ width: 100%; padding: 0 110px; }
  .logo{ left: 25px; }
  .head_rcon{ right: 25px; }
  nav{ margin-right: 5px; }
  .in_protext{ padding-top: 15px; }
  .home_boxtit{ font-size: 42px; }
  .in_dusitem .rcon h3{ font-size: 30px; }
  .in_ab .lcon{ padding: 25px 18px 0 0; }
  .in_newsbox .owl-controls .owl-buttons .owl-prev{ left: -50px; }
  .in_newsbox .owl-controls .owl-buttons .owl-next{ right: -50px; }
  .rel_swiper .owl-controls .owl-buttons .owl-prev{ left: -50px; }
  .rel_swiper .owl-controls .owl-buttons .owl-next{ right: -50px; }
  .ab_box .lcon{ padding: 12px 18px 0 0; }
  .ab_video .warper{ width: 100%; margin-left: 0; left: 0; }
  .ab_num li h5{ font-size: 52px; }
  .in_dusitem .rcon{ padding: 34px 45px 0 46px; }
  .in_dusdel .dus_rcon{ padding: 28px 0 0 35px; }
  .positionline h1 span{ font-size: 44px; }
  .con_boxshow .lcon{ padding-right: 0; }
  .in_duslist li{ margin-bottom: 30px; }
}


@media screen and (max-width: 1366px){
  .warper{ width: 100%; padding: 0 90px; }
  .banner_text p{ font-size: 87px; }
  .in_prolist li{ margin-right: 2%; width: 32%; }
  .in_probox,.in_indus,.in_news,.f_conbox,.ab_adv,.in_ab{ padding: 50px 0; }
  .in_duslist,.in_abtext{ margin-top: 16px; }
  .in_newsbox .item{ margin: 0 10px; }
  footer{ padding: 50px 0 0 0; }
  .paddt50{ padding-top: 30px; }
  .ab_num{ padding: 40px 0; }
  .ab_num li{ padding: 0 2%; }
  .ab_advlist{ margin-top: 20px; }
  .home_boxtit{ font-size: 38px; }
  .ab_adv{ margin-bottom: 25px; }
  .pro_list{ padding-bottom: 30px; }
  .pro_gdbox .prorcon{ padding: 10px 0 0 22px; }
  .pro_gdbox .prorcon h2{ font-size: 30px; }
  .del_item h3{ font-size: 28px; }
  .dus_rcon h2{ font-size: 34px; }
  .positionline h1 span{ font-size: 32px; }
  .news_box{ padding-bottom: 44px; }
  .infocon h2{ font-size: 26px; }
  .con_boxshow h4{ font-size: 28px; }
  .map{ padding-top: 30px; padding-bottom: 55px; }
}

@media screen and (max-width: 1280px){
  .warper{ width: 100%; padding: 0 70px; }
  .in_probox, .in_indus, .in_news, .f_conbox, .ab_adv{ padding: 40px 0; }
  .in_dusitem .rcon{ padding: 34px 25px 0 25px; }
  .in_dusitem .rcon h3{ font-size: 28px; }
  .in_dusitem .rcon p{ margin-top: 5px; }
  .in_duslist li{ margin-bottom: 25px; }
  .in_ab .lcon{ padding-top: 20px; padding-right: 0; }
  .in_newsbox{ margin-top: 10px; }
  .ab_box .rcon{ padding-left: 28px; }
  .ab_video{ margin-top: 150px; }
  .ab_num{ padding: 30px 0; }
  .ab_num li h5{ font-size: 45px; }
  .ab_adv p{ padding: 0; }
  .ab_adv{ padding-bottom: 20px; }
  footer .footer{ padding-bottom: 15px; }
  footer h4{ margin-bottom: 18px; }
  .f_inbox{ margin-top: 12px; }
  .quiry_info{ margin-top: 15px; }
  .del_box{ padding-bottom: 50px; }
  .rel_pro{ padding: 50px 0; }
  .rel_swiper .item{ margin: 0 8px; }
  .in_duswar .in_duslist li{ margin-bottom: 20px; }
  .in_dusdel .dus_rcon{ padding: 16px 0 0 26px; }
  .dus_rcon h2{ font-size: 28px; }
  .con_team li{ margin-bottom: 12px; }
  .infocon p{ font-size: 17px; }
  .banner_text span{ padding: 12px 30px; }
}

@media screen and (max-width: 1024px){ 
  .warper{ padding: 0 60px; }
  nav li>a{ padding: 39px 10px 40px 10px; }
  .in_probox, .in_indus, .in_news, .f_conbox, .ab_adv, .in_ab{ padding: 30px 0; }
  .in_protext span{ margin-top: 15px; width: 165px; }
  .home_boxtit{ font-size: 30px; }
  .in_dusitem .rcon p{ -webkit-line-clamp:5; height: 130px; }
  .in_dusitem .rcon h3{ font-size: 22px; }
  .in_dusitem .rcon{ padding: 24px 20px 0 20px; }
  .in_ab .rcon{ padding-left: 15px; }
  .in_abtext p{ line-height: 22px; }
  .in_ab .lcon{ padding-top: 0; }
  .in_ab .lcon span{ margin-top: 2px; }
  .in_duslist, .in_abtext{ margin-top: 8px; }
  .in_duslist li{ margin-bottom: 15px; }
  .news_text{ padding: 15px; }
  .news_text h4{ font-size: 18px; line-height: 23px; height: 46px; }
  .in_newsbox .item{ margin: 0 5px; }
  .l_fixed{ display: none; }
  footer .item2{ margin-left: 6%; width: 30%; }
  footer .item3{ width: 31%; }
  footer h4{ font-size: 22px; }
  .ab_box .lcon{ padding: 0; }
  .ab_box .rcon{ padding-left: 12px; }
  .in_abtext p{ margin-bottom: 7px; }
  .ab_num li h5{ font-size: 36px; }
  .ab_num li{ padding: 0 1%; }
  .ab_num li p{ line-height: 22px; height: 44px; }
  .ab_num{ padding: 19px 0; }
  .ab_video{ margin-top: 98px; }
  .ab_video .warper{ top: -80px; }
  .ab_adv p{ margin-top: 5px; line-height: 22px; }
  .ab_adv{ padding-bottom: 5px; }
  .in_protext{ padding-top: 8px; }
  .in_protext p{ line-height: 22px; height: 66px; margin-top: 5px; }
  .in_proitem .changpic{ border: 4px solid #e9e9e9; }
  .pro_list .in_prolist li{ margin-bottom: 22px; }
  .pro_gdbox .prorcon{ padding: 10px 0 0 15px; }
  .pro_gdbox .prorcon h2{ font-size: 25px; padding-bottom: 0; }
  .pro_gdbox .prorcon h2:after{ display: none; }
  .pro_desc{ margin-top: 5px; }
  .pro_desc p{ line-height: 20px; }
  .pro_lxbtn a:last-child{ margin-left: 2%; }
  .pro_lxbtn{ margin-top: 8px; }
  .share{ margin-top: 12px; }
  .propicflash .big{ border: 5px solid #ebeaea; }
  .propicflash .small img{ margin-bottom: 7px; }
  .pro_gdbox{ padding-bottom: 0; }
  .del_item{ padding-top: 30px; }
  .del_item h3{ font-size: 24px; }
  .del_item .ditem_p p{ line-height: 22px; }
  .del_intpic li .changpic{ border: 4px solid #ececec; }
  .del_intpic li{ margin-right: 1%; width: 32.65%; }
  .del_intpic{ margin-top: 10px; }
  .pro_xqtable{ margin-top: 12px; }
  .del_box{ padding-bottom: 20px; }
  .rel_pro{ padding: 30px 0; }
  .rel_swiper{ margin-top: 12px; }
  .home_boxtit{ font-size: 28px; }
  .in_dusitem .rcon p{ -webkit-line-clamp: 4; height: 104px; }
  .in_dusdel .dus_lcon{ width: 350px; }
  .in_dusdel .dus_rcon{ margin-left: 350px; padding: 10px 0 0 18px; }
  .dus_deltext p{ line-height: 24px; }
  .dus_rcon h2{ font-size: 26px; }
  .paddt50{ padding-top: 20px; }
  .positionline{ padding: 10px 0; }
  .positionline h1 span{ font-size: 22px; }
  .news_text{ padding: 12px; }
  .news_text h4{ margin-top: 7px; }
  .news_text p{ margin-top: 5px; line-height: 20px; height: 60px; }
  .news_list li{ margin-bottom: 16px; }
  .digg4{ margin-top: 10px; }
  .infocon h2{ font-size: 24px; }
  .infocon .time{ margin: 10px 0; }
  .infocon p{ line-height: 23px; }
  .con_boxshow h4{ font-size: 24px; }
  .con_team li{ margin-bottom: 6px; }
  .infoform{ margin-top: 8px; }
  .infoform form{ margin-top: 7px; }
  .infoform li{ margin-bottom: 5px; }
  .con_boxshow .rcon{ padding-left: 20px; }
  .map{ padding: 20px 0; }
  footer .item1 p{ line-height: 23px; }
  .banner_text p{ font-size: 70px; }
  .banner_text span{ margin-top: 18px; font-size: 21px; }

}
@media screen and (max-width: 990px){
  #nav .nav-button{display: block; top: 14px; }
  header,header.position{ height: 62px; }
  header{ background: #fff; }
  nav{position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 999;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
  nav li{ float: none; padding: 0; }
  nav li>a,.position nav li>a,.page_head nav li>a{ margin:0; color: #fff; font-size: 18px; display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
  nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; } 
  nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
  .logo img, .position .logo img{ height: 29px; }
  nav li.on a, nav li:hover a{ background: #004b4f; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  #banner_home .owl-theme .owl-controls{ bottom: 8px; }
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  nav li dl dd a{ color: #fff !important; white-space: normal; font-size: 16px; }
  nav dl dd:hover div{display: none;}
  #nav .nav-button{ background: #004b4f; }
  nav dl, .position nav dl{ position: static; }
  .l_fixed{ display: none; }
  #banner_home,.subbanner{ margin-top: 62px; }
  .logo{ top: 17px; left: 15px; }
  .dis{ display: none; }
  .undis{ display: block; }
  .head_rcon{ display: none; }
  .duswar_del{ padding-bottom: 30px; }
}

@media screen and (max-width: 768px){
  .warper{ padding: 0 40px; }
  .in_protext h2{ font-size: 18px; line-height: 23px; height: 46px; }
  .in_probox, .in_indus, .in_news, .f_conbox, .ab_adv, .in_ab{ padding: 20px 0; }
  .in_protext span{ width: 137px; font-size: 14px; height: 38px; line-height: 38px; margin-top: 8px; }
  .in_prolist li{ margin-right: 1%; width: 32.5%; }
  .in_dusitem .rcon p{ line-height: 24px; font-size: 16px; height: 72px; }
  .in_dusitem .rcon span{ margin-top: 18px; }
  .in_dusitem .rcon{ padding: 24px 15px 0 15px; }
  .in_dusbtn a{ font-size: 17px; }
  .in_ab .lcon{ width: 100%; float: none; }
  .in_ab .rcon{ width: 100%; float: none; padding-left: 0; margin-top: 15px; }
  .in_newsbox .owl-controls .owl-buttons div,.rel_swiper .owl-controls .owl-buttons div{ background-size: 59%; }
  .in_newsbox .owl-controls .owl-buttons .owl-prev,.rel_swiper .owl-controls .owl-buttons .owl-prev{ left: -35px; }
  .in_newsbox .owl-controls .owl-buttons .owl-next,.rel_swiper .owl-controls .owl-buttons .owl-next{ right: -35px; }
  footer{ padding: 24px 0 0 0; }
  footer .item1{ display: none; }
  footer .item2{ margin-left: 0; width: 48%; }
  footer .item3{ width: 50%; }
  .ab_box .lcon{ width: 100%; float: none; }
  .ab_box .rcon{ padding: 0; width: 100%; float: none; margin-top: 10px; }
  .ab_num li h5{ font-size: 32px; }
  .ab_advlist li .changpic{ border: 4px solid #e9e9e9; }
  .ab_advlist li{ margin-right: 1%; margin-bottom: 8px; }
  .ab_advlist{ margin-top: 12px; }
  .pro_gdbox .prolcon{ width: 100%; float: none; }
  .pro_gdbox .prorcon{ width: 100%; float: none; padding: 0; margin-top: 10px; }
  .pro_desc{ height: auto; }
  .del_item h3{ font-size: 22px; }
  .getbox{ width: 100%; left: 0; margin-left: 0; }
  .backToTop{ width: 30px; height: 30px; }
  .con_icon div{ margin-bottom: 10px; }
  .in_duswar .in_dusitem .rcon span{ padding: 10px 20px; margin-top: 12px; }
  .in_dusitem .rcon p{ margin-top: 0; }
  .in_duswar .in_duslist li{ margin-bottom: 12px; }
  .in_dusitem .rcon h3{ height: 35px; line-height: 35px; }
  .in_dusdel .dus_lcon{ width: 230px; }
  .in_dusdel .dus_rcon{ margin-left: 230px; }
  .dus_rcon h2{ font-size: 24px; }
  .dus_deltext{ margin-top: 6px; }
  .con_boxshow .lcon{ width: 100%; float: none; }
  .con_boxshow .rcon{ padding: 0; width: 100%; float: none; margin-top: 15px; }
  .map{ padding-top: 15px; }
  .con_li{ margin-top: 10px; }
  .con_li li{ margin-bottom: 6px; }
  .con_boxshow .lcon .media{ margin-top: 15px; }
  .con_boxshow .lcon .media a{ width: 35px; height: 35px; line-height: 35px; }

}

@media screen and (max-width: 640px){
  .warper{ padding: 0 30px; }
  .in_dusitem .rcon{ padding: 11px 15px 0 15px; }
  .f_inbox input{ width: 270px; }
  .f_inbox button{ width: 132px; }
  .media a{ width: 35px; height: 35px; line-height: 35px; }
  .digg4{ text-align: center; }
  .home_boxtit{ font-size: 25px; }
  .del_item h3{ font-size: 20px; }
  .del_video img{ width: 100%; }
  .del_video:before{ display: none; }
  .del_video{ margin-top: 10px; }
  .del_item{ padding-top: 12px; }
  .quiry_info li{ margin-bottom: 7px; }
  .del_video{ padding-bottom: 5px; }
  .in_dusitem .rcon span{ font-size: 14px; }
  .in_dusitem .rcon h3{ font-size: 20px; }
  .news_data{ display: none; }
  .news_text h4{ margin-top: 0; }
  .news_text{ padding: 10px; }
  .infocon h2{ font-size: 20px; }
}

@media screen and (max-width:480px){
  .warper{ padding: 0 15px; }
  .in_prolist li{ width: 100%; float: none; margin-right: 0; margin-bottom: 10px; }
  .in_probox, .in_indus, .in_news, .f_conbox, .ab_adv, .in_ab{ padding: 15px 0; }
  .in_protext h2{  height: 23px; }
  .in_dusitem .lcon{ width: 100%; float: none; }
  .in_dusitem .rcon{ width: 100%; float: none; padding: 12px; }
  .in_dusitem .rcon span{ margin-top: 9px; }
  .in_dusitem:after{ display: none; }
  .home_boxtit{ font-size: 23px; }
  .in_duslist li:nth-of-type(even) .in_dusitem .lcon,.in_duslist li:nth-of-type(even) .in_dusitem .rcon{ float: none; }
  .in_newsbox .owl-controls .owl-buttons div,.rel_swiper .owl-controls .owl-buttons div{ width: 28px; height: 45px; opacity: 1; background: url(images/right2.png) center center no-repeat #004b4f; background-size: 40%; }
  .in_newsbox .owl-controls .owl-buttons .owl-next, .rel_swiper .owl-controls .owl-buttons .owl-next{ right: -18px; }
  .in_newsbox .owl-controls .owl-buttons .owl-prev, .rel_swiper .owl-controls .owl-buttons .owl-prev{ left: -18px; }
  .f_inbox input{ width: 158px; }
  footer .item2{ width: 100%; float: none; }
  footer .item3{ width: 100%; float: none; margin-top: 12px; }
  footer h4{ margin-bottom: 8px; font-size: 20px; }
  .ab_num li{ width: 50%; margin-bottom: 15px; }
  .ab_video .warper{ position: static; margin-top: 10px; }
  .ab_video{ margin-top: 10px; }
  .ab_num li h5{ font-size: 26px; }
  .ab_num{ padding-bottom: 0; }
  .ab_advlist li,.news_list li,.pro_list .in_prolist li{ width: 49.5%; margin-right: 1%; float: left; }
  .ab_advlist li:nth-of-type(3n),.news_list li:nth-of-type(3n),.pro_list .in_prolist li:nth-of-type(3n){ margin-right: 1%; }
  .ab_advlist li:nth-of-type(even),.news_list li:nth-of-type(even),.pro_list .in_prolist li:nth-of-type(even){ margin-right: 0; }
  .ab_adv{ margin-bottom: 15px; }
  .positionline h1{ display: none; }
  .paddt50{ padding-top: 5px; }
  .positionline{ padding: 5px 0; }
  .subbanner{ overflow: hidden; }
  .subbanner img{ height: 100px; width: auto; }
  .quiry_info li{ float: none; width: 100%; }
  .in_dusdel .dus_lcon{ width: 100%; float: none; }
  .in_dusdel .dus_rcon{ margin-left: 0; padding: 0; }
  .dus_rcon h2{ font-size: 22px; }
  .news_list li,.pro_list .in_prolist li{ margin-bottom: 8px; }
  .infocon p{ font-size: 16px; line-height: 22px; margin-bottom: 5px; }
  .infocon .other{ font-size: 16px; }
  .news_del{ padding-bottom: 20px; }
  .con_boxshow h4{ font-size: 22px; }
  .map{ padding-top: 5px; }
  .f_copy{ padding-bottom: 10px; }
  .footmenu{ display: block; z-index: 555; }
  footer{ margin-bottom: 60px; }
  .backToTop{ z-index: 555; }
  .banner_text p{ font-size: 31px; text-shadow:none; }
  .banner_text span{ font-size: 16px; padding: 10px; }
}
@media screen and (max-width:414px){
  .warper{ padding: 0 10px; }
  .in_probox, .in_indus, .in_news, .f_conbox, .ab_adv, .in_ab{ padding: 10px 0; }
  .duswar_del{ padding-bottom: 15px; }
 
}