@charset "utf-8";
/* CSS Document */

body{font-family: msyh,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.5s;}
a:hover{cursor: pointer; color:#ff5400;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }

/*hanqing*/
article{}
article h2 {
    font-size: 1.714em;
    padding: 30px 0 22px;
}
article .profile {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 22px;
    font-weight: 100;
}
.text-center {
    text-align: center;
}
.list-unstyle li{width:25%;float: left;position: relative;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 1px;margin-bottom:25px;
}


.text-white h3 {
    font-size: 1.214em;
    margin-bottom: 9pt;color: #fff;
}
.text-white {
    position: absolute;
    top: 25px;
    text-align: center;
    width: 100%;
    left: 0;color: #fff
}

.text-white p{
color: #fff;margin: 0 auto;width: 90%;
}
.text-white img{
    
   padding-top: 20px ;
    text-align: center;
    width: 80%;
   
}


.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(/static/images/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=1611280623665'); /* IE9 */
  src: url('/static/fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('/static/fonts/972ab977b8c34ee391b3b6f524895547.woff') format('woff2'),
  url('/static/fonts/iconfont.woff') format('woff'),
  url('/static/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('/static/fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.icon-yanjing:before {
  content: "\e60d";
}

.icon-date:before {
  content: "\e627";
}

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

.icon-tijiao:before {
  content: "\e67c";
}

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

.icon-fuwu:before {
  content: "\e61f";
}

.icon-xiaoshi:before {
  content: "\e711";
}

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

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

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

.icon-Ankerwebicon-:before {
  content: "\e678";
}

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

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

.icon-yuangongguanli:before {
  content: "\e658";
}

.icon-gongsi:before {
  content: "\e6fb";
}

.icon-mianji-xian:before {
  content: "\e68c";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-bofang:before {
  content: "\e61a";
}

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

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






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

header{ width: 100%; height: 110px; z-index: 999; position: fixed;  top: 20px;  left: 0; }
header .warper{ background: #fff; border-radius: 10px; }
.logo{ position: absolute;left: 10px; top: 16px;}
.logo img{ transition: all 0.3s; }

.page_head{  top:20px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2);    position: fixed; }

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

.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:999;}
.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: #ff5400 ; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}

nav{ float: right; margin-right: 192px;}
nav li{ float: left; position: relative; }
nav li>a{ padding: 43px 30px; position: relative; font-family: msyhbd; color: #767676; position: relative; display: block; text-align: center; transition:0.5s; font-size:18px; }
nav li>a:hover,nav li.on>a{ color: #fff; background: #ff5400; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; min-width: 133px; top: 110px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; border-bottom: 1px solid #eee; }
nav dl dd:last-child{ border: none; }
nav li dl dd a{ opacity: 1; font-size: 16px;  font-family: msyh; background: transparent !important; color: #333 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap; }
nav li dl dd a:hover{ background: #ff5400 !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(255,84,0,.7); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:13px; color: #fff !important; border-bottom: none; }

.head_rcon{ position: absolute; right: 40px; top: 40px; width: 166px; transition: all 0.3s; } 
.languagebox{ position: relative; width: 126px;float:right;  }
.languagebox ul{ width: 100%;  height: 28px; display: inline-block; vertical-align: middle; overflow: hidden; z-index: 5;  position: absolute; left: 0; top: 0; }
.languagebox ul li{ height: auto; line-height: 28px; background: #fff; }
.languagebox ul li:first-child{ height: 28px; line-height: 28px; }
.languagebox a{ line-height: 28px; font-size: 15px; padding:2px 2px; display: inline-block; width: 100%; color: #818181;  font-family: msyh; }
.languagebox ul li:first-child a{ color: #818181;  padding: 0 10px; font-size: 14px; }
.languagebox:hover ul,.position .languagebox:hover ul{height:auto; border-radius: 0;}
.languagebox ul li a:hover{ color: #ff5400; }

.search-button{ width: 50px; height: 27px; margin-top: 3px; text-align: center; line-height: 27px; float: left; }
.search-button i{ color: #000; font-size: 26px; cursor: pointer; }
.searchform{ overflow: hidden;background:#ff5400;position: absolute; right: 0; height: 0; top:70px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#ff5400; color: #fff; line-height:51px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:51px; background:#ff5400; 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;}

.changpic { width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }

.cl{ clear: both; }

.footer{}
.f_input{ background: url(/static/images/f_messagebg.jpg) no-repeat center; background-size: cover; padding: 60px 10%; overflow: hidden; }
.f_intext{ width: 50%; padding-right: 160px; float: left; }
.f_inmess{ width: 50%; padding-left: 75px; float: right; }
.f_intext h3{ font-size: 50px; color: #fff; }
.f_intext p{ font-size: 24px; color: #fff; font-family: Hel35; margin-top: 25px; }

.quiry_info ul{ width: 100%; overflow: hidden; }
.quiry_info li{ float: left; width: 47%; margin-bottom: 22px; position: relative; }
.quiry_info li font{ position: absolute; color: red; top: 15px; left: 8px; }
.quiry_info li:nth-of-type(even){ float: right; }
.quiry_info li:nth-of-type(3){ width: 100%; }
.quiry_info input,.quiry_info textarea{width: 100%; color: #fff; resize: none; font-family:msyh; background:rgba(255,255,255,0.3); border-radius:0;  font-size:18px; line-height: 26px; padding:12px 20px; }
.quiry_info textarea{height: 130px; border-bottom-right-radius: 50px; }
.quiry_info input::-webkit-input-placeholder,.quiry_info textarea::-webkit-input-placeholder { color: #fff;}
.quiry_info input:-moz-placeholder,.quiry_info textarea:-moz-placeholder {color: #fff;}
.quiry_info button{ position: absolute; transition: all 0.3s; border-bottom-right-radius: 50px; text-align: center; cursor: pointer; font-size: 16px; text-transform: uppercase; right: 0; top: 0; border: none; width: 95px; height: 130px; color: #fff; background:#ff5400; }
.quiry_info button i{ display: block; font-size: 30px; margin-bottom: 8px; }
.quiry_info button:hover{  border-radius: 0; }

.f_bot{ background: #0a0a0a; padding: 42px 10% 25px 10%; overflow: hidden; }
.f_item1{ float: left; width: 22%; }
.f_item1 p{ color: #fff; line-height: 37px; margin-top: 12px; }
.f_item2{ float: left; width: 22%; margin-left: 5%; margin-top: 18px; }
.f_bot h5{ font-size: 28px; color: #ff5400; text-transform: uppercase; }
.f_bot ul{ margin-top: 29px; }
.f_bot ul li{ line-height: 37px; color: #fff; text-transform: uppercase; font-size: 16px; }
.f_bot ul li a{ color: #fff; font-size: 16px; }
.f_bot ul li a:hover{ color: #ff5400; }
.f_bot ul li span{ text-transform: none; }
.f_item3{ float: left; width: 20%; margin-left: 5%; margin-top: 18px; }
.f_item4{ float: right; width: 20%; margin-top: 18px; }

.f_media{ position: relative; -webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; background: #0a0a0a; overflow: hidden; text-align: center; }
.f_media:before{ position: absolute; z-index: -1; width: 100%; height: 1px; background: #707070; top: 22px; left: 0; content: ''; }
.f_media .media{ overflow: hidden; background: #0a0a0a; padding: 0 30px; }
.f_media .media a{ margin: 0 3px; background: transparent; color: #707070; border-radius: 0; width: 40px; height: 40px; line-height: 40px; font-size: 38px; }
.copr{ background: #0a0a0a; padding: 20px 10% 30px 10%; text-align: center; }
.copr p{ color: #c9caca; font-size: 16px; }
.copr p a{ color: #c9caca; }
.copr p a:hover{ color: #ff5400; }
/*首页*/
.section{}
.center-wrap{padding-top: 180px;}
.swiper-container { width: 100%;  height: 100%;visibility:visible }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center; position: relative;visibility:visible }
.swiper-slide a{display: block; position: absolute; left: 0; top: 0; height: 100%;visibility:visible}
.swiper-slide picture{display: none;}
/*banner */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,

html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-notransition{-webkit-transition:none!important;transition:none!important}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}
#fp-nav.right{right:95px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block; width:14px;height:18px; margin-bottom: 25px; position:relative}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav ul li a.active span{background:#fff; width: 14px; height: 14px; left:5px;}
#fp-nav ul li a span:after { content:""; display:inline-block; position:absolute; width: 1px; height: 22px; background: #fff; top: 14px; left: 50%; margin-left: -1px; }
#fp-nav ul li:last-child a span:after{ display:none; } 
#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:0; position: relative; display: inline-block; background: transparent; position:absolute;z-index:1;height:9px;width:9px; border-radius: 9px; border:1px solid #fff; left:50%;top:50%;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{}
#fp-nav ul li .fp-tooltip{position:absolute;top:5px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:42px}
#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important}

.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: 50%; margin-top: -20px; width:48px;height:65px;z-index:10;cursor:pointer; background:url(/static/images/right_jiantou_w.png) no-repeat center rgba(0,0,0,0.3); background-size: 20px;}
.swiper-button-next{left:120px;transform: rotate(180deg);}
.swiper-button-prev{ right: 120px}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity: .8;}
.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:16px;height:16px;display:inline-block;border-radius:100%;background:none; border:2px solid #fff;}
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:#fff}
.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:30px;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("")}

@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}

@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

.fp-tableCell{display: block;}

/*.slide_wrap .pr_slide {z-index:-1;}*/


.slide_wrap .pr_slide .slick-list {padding-top:80px !important;}
.slide_wrap .pr_slide .slick-slide {position:relative;}
.slide_wrap .pr_slide .slick-slide .inner {
  background:#d7d7d7; position:relative; display:block;
  margin:0 30px; box-sizing:border-box; padding:4% 5%; z-index:2;
  }
.slide_wrap .pr_slide .slick-slide .inner:after {content:""; display:block; clear:both;}
.slide_wrap .pr_slide .slick-slide .img { background: #6d7887;
  float:left; width:57.6%; position:relative; overflow: hidden; 
  margin-top:-13%;
  }
.slide_wrap .pr_slide .slick-slide .img:after {
  content:""; display:block; width:100%; height:100%;
  background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; bottom:0;
  opacity:1;  transition:all 0.4s 0s; 
  }
.slide_wrap .pr_slide .slick-slide .img img {
  width:100%; height:auto; position:relative; transition: all 0.3s;
  }
.slide_wrap .pr_slide .slick-slide.slick-current .img:after {opacity:0; transition:all 0.4s 0.5s;}
.slide_wrap .pr_slide .slick-slide.slick-current .img img {}

.slide_wrap .pr_slide .slick-slide .text_box {
  float:left; width:40%; text-align:left;
  padding-left:40px; box-sizing:border-box;
  }
.text_box .tit {
   font-size:22px;
  letter-spacing:0.1px; color:#222222; margin-bottom:10px;
  }
.text_box h4 {
  font-size:42px; color:#222222; font-weight:normal;
  height:138px; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  }
.text_box .line {
  display:block; width:100px; height:4px;
  background:#0870d8; margin:18px 0;
  }
.text_box p { letter-spacing:-0.25px;
  line-height:29px; word-break:keep-all;
  margin-bottom:15px; height:87px;
  overflow: hidden; color: #333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  word-wrap:break-word; 
  }
.text_box .pr_btn {
  display:inline-block; transition:all 0.3s; margin-top: 20px;
  text-indent:-9999px; width:50px; height:50px; border: 1px solid #0870d8;
  background:url("/static/images/pro_arrow.png") no-repeat center; font-size:0;
  }
.inner:hover .pr_btn {
  background:url("/static/images/pro_arrow_on.png") no-repeat center #0870d8 ;
}
.inner:hover .img img{ transform: scale(1.15); }

.custom_paging {
  text-align:center; font-family:"Montserrat"; font-size:14px; 
  letter-spacing:-0.25px; font-weight:600; margin-top:35px;
  }
.slide-count-wrap {font-size:20px; color:#666;}
.custom_paging .slide-count-wrap {margin:0 20px;}
.custom_paging .slide-count-wrap .current {color:#0870d8; font-size: 30px;}
.custom_paging .slide-count-wrap .total {color:#666;}
.custom_paging .slick_prev,
.custom_paging .slick_next {cursor:pointer;}


/*版块标题*/
.home_boxtit{ font-size:45px; font-family: msyhbd; position: relative; padding-bottom: 10px; position: relative; }
.home_boxtit:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 64px; height: 2px; background: #ff5400; }

.index_banner{ position: relative; width: 100%; }
.index_banner:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.34); }
.index_banner .warper{ position: absolute; left: 50%; margin-left: -680px; top: 17%; z-index: 2;  }
.ban_nr{ width: 100%; text-align: center; }
.ban_nr h1{ font-size: 57px; color: #ff5400; font-family: HEL75; }
.b_text{ color: #fff; font-size: 26px; line-height: 42px; font-family: Hel-Ex; margin-top: 15px; padding: 0 20%; }
.ban_nav{ margin-top: 34px; padding: 0 3%; overflow: hidden; }
.ban_nav li{ padding: 45px 15px 18px 15px; transition: all 0.3s; text-align: center; background: rgba(255,255,255,0.29); float: left; width: 31.3%; margin-right: 3%; }
.ban_nav li a{ display: inline-block; width: 100%; }
.ban_nav li i{ font-size: 120px; color: #fff; }
.ban_nav li p{ margin-top: 18px; color: #fff; font-size: 27px; font-family: Hel-Ex; line-height: 35px; height: 70px; overflow: hidden; }
.ban_nav li:last-child{ margin-right: 0; }
.ban_nav li:hover{ background: rgba(255,84,0,0.29); }
.ban_lxbox{ margin-top: 5%; text-align: center; }
.ban_lxbox ul{ width: 100%; overflow: hidden; display: inline-block; padding: 0 5%; }
.ban_lxbox ul li{ display: inline-block; margin-bottom: 10px; margin-right: 40px; font-size: 24px; color: #fff; font-family: msyhbd; }
.ban_lxbox ul li:nth-of-type(3n){ margin-right: 0; }
.ban_lxbox ul li a{ color: #fff; }
.ban_lxbox ul li:hover a{ color: #ff5400; }

.in_vr{ background: url(/static/images/in_vr.jpg) center no-repeat; background-size: cover; }
.in_vr .center-wrap{ padding-top: 150px; }
.in_vrbox, .in_vrbox iframe{ width: 100%;  overflow: hidden; }


.in_ab{ width: 100%; overflow: hidden; background: url(/static/images/in_abbg.jpg) center no-repeat; background-size: cover; overflow:hidden;}
.in_ab .center-wrap{ padding-top: 225px; }
.in_abwar{ width: 100%; overflow: hidden; overflow: hidden; background: #f5f5f5; }
.in_abwar .lcon{ width: 60%; float: left; }
.in_abwar .rcon{ width: 40%; float: right; }
.in_abvideo{ width: 100%; position: relative; }
.in_avicon{ width: 100%; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.59); }
.in_avicon i{ font-size: 82px; }
.in_abtext{ padding: 62px 40px 0 40px; }

.in_atext{ margin-top: 24px; height: 290px; }
.in_atext p{ font-size: 16px; line-height: 26px; color: #666; margin-bottom: 15px;  overflow: hidden; }
.in_abnum{ margin-top: 25px; overflow: hidden; }
.in_abnum li{ width: 33.333%; float: left; text-align: center; padding: 0 1%; }
.in_abnum li h3{ font-size: 30px; font-family: Hel85; }
.in_abnum li h3 i{ font-size: 24px; font-weight: normal; }
.in_abnum li p{ font-size: 10px; line-height: 16px; margin-top: 5px; }
.in_abnum li:hover h3{ color: #ff5400; }
.in_abbtn{ text-align: right; margin-top:20px;  }
.in_abbtn a{ font-size: 14px; color: #ff5400; }
.in_abbtn a:hover{ text-decoration: underline; }

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






/*首页产品中心*/
.container .index-tit{ font-size:2.25rem; font-weight:bold;color: #fff;
}
.container .common-tit{ position:relative; overflow:hidden}
.container .common-tit::before{ position:absolute; background:#1e4398;top:37%; left:170px; z-index:0; height:12px;z-index:-1; width:8px; display:block;content: '';}
.container .common-tit::after{ position:absolute; background:#e6ebef; width:100%; top:37%; left:185px; z-index:-1; height:12px; display:block;content: '';}
.index-tit-txt{ font-size:1rem; color:#666}
.index-tab-main{ margin-top:0.5rem; padding:1px}
.index-pro-main li{width:23.5%; margin-right:2%; float:left;}
.index-pro-main li a{ color:#fff;}
.index-pro-main li:last-child{ margin-right:0}
.index-pro-main li .tit{ background:#fff;-moz-box-shadow:0px 0px 5px 2px #ccc;-webkit-box-shadow:0px 0px 5px 2px #ccc;box-shadow:0px 0px 5px 2px #ccc;text-align:center;padding:1.25rem 0;color:#666;line-height:1.8rem;}
.index-pro-main li h2{ font-size:1.15rem; font-weight:bold; color:#333}
.index-pro-main li:hover .stars-info{ display:block; bottom:70%;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-pro-main li .stars-info h2{ color:#fff;line-height:1.8rem}
.index-pro-main li .stars-info p{line-height:1.8rem}
.index-pro-main li .stars-info hr{ background:#fff; width:40px; margin:1rem auto; height:3px;}
.index-pro-main li .stars-info .shuffer-link{ width:80%; margin:0 auto; text-align:left;}
.index-pro-main li .stars-info .shuffer-link h3 a{ color:#fff; background: url(/static/images/arrow_white.png) right center no-repeat; display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 95%;margin-bottom:10px; letter-spacing:1px}
.index-pro-main li .stars-info .shuffer-link h3 a:hover{ text-decoration:underline}
.index-pro-main.index-tab-main li .img{box-shadow: 0px 0px 2px 1px #CCC;}
.index-pro-main.index-tab-main li .img img{ height:auto}


/*产品*/


.common-tab-nav{ border-bottom:3px solid #e2e9ee; overflow:hidden; margin:0 0 1rem 0;}
.common-tab-nav li{ float:left; margin:0 1rem; padding:0 1rem; cursor:pointer; height:40px; line-height:40px; position:relative;font-size:16px;color:#000!important}
.common-tab-nav li a{color: initial;color:#fff}
.common-tab-nav li::before {position: absolute;background: #b6b6b6;top: 37%;left: -1rem;z-index:;height: 12px;width: 1px;display: block;content: '';}
.common-tab-nav li:first-child{ margin:0 1rem 0 0}
.common-tab-nav li:first-child::before{ display:none}
.common-tab-nav li.on,.common-tab-nav li:hover{border-bottom:3px #1e4398 solid;}

.index-case-list li{ float:left; width:18.4%; background:#fff; overflow:hidden}
.shuffer-h3 {text-align:center;color:#555;font-size:16px;line-height:43px;height:43px;}
.index-case-list li:nth-child(2){ margin:0 2%}
.index-case-list li:nth-child(4){ margin:0 2%}
.index-case-list li:nth-child(7){ margin:0 2%}
.index-case-list li:nth-child(9){ margin:0 2%}
.index-case-list li:nth-child(n+6){ margin-top:1%}
.index-case-list .shuffer-up{ position:relative}
.index-case-list .img {opacity:;}
/* .index-case-list .img img{ max-height:270px; min-height:150px;height:265px;} */
.index-case-list .shuffer-box{ position: absolute; text-align:center; width:100%; height:73%; left:0; bottom:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.index-case-list .shuffer-box .name img{ width:116px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border: 5px solid hsla(0,0%,90%,.3);}

.index-case-list li .stars-info h2{ font-size:1.15rem; font-weight:bold; color:#fff; width:80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin:0 auto}
.index-case-list li:hover .shuffer-box{ height:93%}
.index-case-list li .stars-info p{ width:80%; margin:0 auto}
.index-case-list li .stars-info{ height:10%}
.index-case-list li:hover .stars-info{ height:47%}
.index-case-list li:hover .shuffer-box hr {background: #fff;width: 40px;margin: 7px auto;height: 3px;}









.in_news{ width: 100%; overflow: hidden; background: url(/static/images/in_news.jpg) center no-repeat; background-size: cover; overflow:hidden;}
.in_news .center-wrap{ padding-top: 188px; }
.in_news .home_boxtit{ text-align: center; }
.in_news .home_boxtit a{ color: #fff; }
.in_news .home_boxtit a:hover{ color: #ff5400; }
.in_news .home_boxtit:after{ left: 50%; margin-left: -32px; }
.in_newswiper{ margin-top: 52px; position: relative; }
.in_newswiper .item{ margin: 0 10px; }
.in_newstext{ background: #fff; padding: 12px 12px 30px 12px; }
.in_newstext span{ font-size: 16px; font-style: italic; color: #666; }
.in_newstext h4{ margin-top: 15px; font-size: 16px; line-height: 21px; height: 63px; overflow: hidden; }
.in_newstext p{ margin-top: 12px; font-size: 14px; line-height: 21px; height: 105px; overflow: hidden; color: #666; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; }
.in_newsitem:hover .changpic img{ transform: scale(1.15); }
.in_newsitem img{height:240px;}
.in_newswiper .owl-theme .owl-controls,.rel_case .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.in_newswiper .owl-controls .owl-buttons,.rel_case .owl-controls .owl-buttons{ position: relative; }
.in_newswiper .owl-controls .owl-buttons div,.rel_case .owl-controls .owl-buttons div{ background: url(/static/images/right2.png) center center no-repeat; opacity: 1; background-size: 65%; position: absolute; border-radius: 0; height: 52px; width: 31px; }
.in_newswiper .owl-controls .owl-buttons .owl-prev,.rel_case .owl-controls .owl-buttons .owl-prev{ text-indent: -9999em; left: -70px; transform: rotate(180deg);}
.in_newswiper .owl-controls .owl-buttons .owl-next,.rel_case .owl-controls .owl-buttons .owl-next{ text-indent: -9999em;  right: -70px;  }
.in_newswiper .owl-controls .owl-buttons div:hover,.rel_case .owl-controls .owl-buttons div:hover{ cursor: pointer; background: url(/static/images/right.png) center center no-repeat; background-size: 65%; }

.in_case{ width: 100%; overflow: hidden; background: url(/static/images/in_casebg.jpg) center no-repeat; background-size: cover; overflow:hidden; }
.in_case .center-wrap{ padding-top: 176px; }
.in_case .home_boxtit{ text-align: center; }
.in_case .home_boxtit a{ color: #fff; }
.in_case .home_boxtit a:hover{ color: #ff5400; }
.in_case .home_boxtit:after{ left: 50%; margin-left: -32px; }

.in_caseswiper{ margin-top: 56px; position: relative; }
.in_caseitem{ background: #fff; padding: 12px 12px 18px 12px; }
.in_caseitem img{ background: #fff; padding: 12px 12px 18px 12px; height:350px;}
.in_cpic{ position: relative; overflow: hidden; }
.i_cplogo{ position: absolute; transition: all 0.3s; overflow: hidden; display: flex; align-items: center; justify-content: center; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.43); }
.i_cplogo img{ width: 112px; }
.in_caseswiper .item{ margin: 0 11px; }
.in_casetext{ margin-top: 10px; }
.in_casetext h3{ font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; }
.in_casetext p{ margin-top: 6px; font-size: 14px; line-height: 23px; height: 92px; overflow: hidden; color: #666; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.in_casetext span{ font-size: 14px; color: #ff5400; margin-top: 30px; display: block; text-align: right; }
.in_caseitem:hover .changpic img{ transform: scale(1.15); }
.in_caseitem:hover .i_cplogo{ top: 0; }
.in_caseswiper .owl-theme .owl-controls,.rel_case .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.in_caseswiper .owl-controls .owl-buttons,.rel_case .owl-controls .owl-buttons{ position: relative; }
.in_caseswiper .owl-controls .owl-buttons div,.rel_case .owl-controls .owl-buttons div{ background: url(/static/images/right2.png) center center no-repeat; opacity: 1; background-size: 65%; position: absolute; border-radius: 0; height: 52px; width: 31px; }
.in_caseswiper .owl-controls .owl-buttons .owl-prev,.rel_case .owl-controls .owl-buttons .owl-prev{ text-indent: -9999em; left: -70px; transform: rotate(180deg);}
.in_caseswiper .owl-controls .owl-buttons .owl-next,.rel_case .owl-controls .owl-buttons .owl-next{ text-indent: -9999em;  right: -70px;  }
.in_caseswiper .owl-controls .owl-buttons div:hover,.rel_case .owl-controls .owl-buttons div:hover{ cursor: pointer; background: url(/static/images/right.png) center center no-repeat; background-size: 65%; }


.in_contact{ background: url(/static/images/in_conbg.jpg) no-repeat center; background-size:cover; position: relative; }
.in_contact .home_boxtit{ text-align: center; }
.in_contact .home_boxtit a{ color: #fff; }
.in_contact .home_boxtit a:hover{ color: #ff5400; }
.in_contact .home_boxtit:after{ left: 50%; margin-left: -32px; }
.in_contact .center-wrap{ padding-top: 185px; }
.in_map{ margin-top: 55px; padding: 0 96px; }
.i_mm{ width: 100%; overflow: hidden; background: #fff; }
.i_mm .m_lcon{ width: 50%; float: left; }
.i_mm .m_rcon{ width: 50%; float: right; padding: 2px 25px 0 40px; }
.i_mm .m_rcon ul li{ margin-bottom: 18px; padding-left: 55px; position: relative; }
.i_mm .m_rcon ul li h6{ position: absolute; top: 0; left: 0; width: 32px; height: 37px; line-height: 37px; text-align: center; color: #fff; font-size: 18px; background: url(/static/images/con_icon.png) no-repeat; background-size: cover; }
.i_mm .m_rcon ul li p{ padding-top: 2px; }


.Copyright_p{  width: 100%; background:#ff5400; }
.copy{ width: 100%;  overflow: hidden;  background:#ff5400; color: #fff; text-align: center; font-size: 17px;}
.copy p{ padding: 25px 10px; display: inline-block; }
.copy p a{ color: #fff; }
.copy p a:hover{ text-decoration: underline; }


.media { display: inline-block; }
.media a{color: #ff5400; width: 26px; height: 26px; line-height: 26px; text-align: center; background: #fff; border-radius: 26px; margin-right: 3px; font-size: 18px; display:inline-block;}
.media a:nth-of-type(1):hover{background: #36b9ff; }
.media a:nth-of-type(2):hover{background: #c60c1e; }
.media a:nth-of-type(3):hover{background: #0183bf; }
.media a:nth-of-type(4):hover{background: #36b9ff; }
.media a:hover{ color: #fff; }


/*关于我们*/
.subbanner{ margin-top: ; position: relative; }
.subbanner .warper{ left: 50%; margin-left: -680px; position: absolute; top: 185px; }
.subbanner .warper h1{ color: #fff; font-size: 48px; padding-bottom: 10px; position: relative; }
.subbanner .warper h1:after{ content: ''; position: absolute; width: 50px; height: 2px; background: #ff5400; left: 0; bottom: 0; }

.positionline{ padding: 15px 0; font-size: 14px; background: #f6f6f6; color: #999; }
.positionline a{ margin:0 5px; color: #999; }
.positionline a:hover{ color: #ff5400; }
.positionline i{ font-size: 16px; }

.ab_box{ padding-bottom: 135px; }
.ab_num{ background: #f6f6f6; padding: 22px 0; }
.ab_num ul{ width: 100%; overflow: hidden; }
.ab_num li{ width: 25%; float: left; text-align: center; padding: 0 1%; }
.ab_num li h3{ font-size: 52px; font-family: Hel85; }
.ab_num li h3 i{ font-size: 38px; font-weight: normal; }
.ab_num li p{ font-size: 19px; font-family: Hel35; font-weight: bold; color: #666; line-height: 29px; margin-top: 5px; }
.ab_num li h3 *{ vertical-align: middle; }
.ab_num li:hover h3{ color: #ff5400; }

.ab_com{ margin-top: 35px; }
.ab_com h2{ text-align: center; font-size: 38px; font-family: Hel65; text-transform: uppercase; font-weight: normal; }
.ab_vr{ margin-top: 14px; }
.ab_text{ margin-top: 48px; }
.ab_text p{ font-size: 18px; line-height: 35px; color: #666; }

/*faq*/
.faq_box{ padding: 86px 0 180px 0; }
.lis_faq{ overflow: hidden;  }
.lis_faq li{ width:49%;float:left; background: #f5f5f5; padding:38px 28px 30px 18px; margin-bottom: 25px; transition: all 0.8s;  overflow: hidden;}
.lis_faq li:nth-child(even){ float: right; }
.lis_faq li h3{font-size: 22px; font-weight: normal; min-height: 28px; position: relative; line-height: 25px; padding:0 0 0 40px;}
.lis_faq li h3:after{ content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background:url(/static/images/icon_faq.png) no-repeat left top; background-size: cover; }
.lis_faq .a{ margin-top: 15px; padding-left: 40px; position: relative;  height: 116px; overflow: hidden; }
.lis_faq .a p{ font-family: Hel35; line-height:29px; overflow: hidden; color: #666; }
.lis_faq li:hover{ background: #ff5400; }
.lis_faq li:hover h3,.lis_faq li:hover .a p{ color: #fff; }
.lis_faq li:hover h3:after{ background:url(/static/images/icon_faq2.png) no-repeat left top; background-size: cover; }

/*case*/
.case_box{ padding: 98px 0 100px 0; }
.case_list li{ margin-bottom: 44px; }
.case_list li:nth-of-type(even) .case_item .case_lcon{ float: right; }
.case_list li:nth-of-type(even) .case_item .case_rcon{ float: left; }
.case_item{ width: 100%; overflow: hidden; transition: all 0.3s; padding: 20px; background: #f5f5f5; }
.case_item a{ display: block; width: 100%; }
.case_item .case_lcon{ width: 50%; float: left; }
.case_item .case_rcon{ width: 50%; float: right; padding: 18px 34px 0 34px; }
.case_rcon h3{ font-size: 25px; line-height: 35px; height: 35px; overflow: hidden; font-weight: normal; }
.case_rcon p{ margin-top:15px; font-size: 16px; line-height: 26px; height: 208px; overflow: hidden; color: #666; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 8;  }
.case_rcon span{ display: inline-block; border-radius: 30px; font-style: italic; font-size: 16px; padding: 6px 24px; border: 1px solid #000; margin-top: 30px;  }
.case_item:hover{ background: #ff5400; }
.case_item:hover .changpic img{ transform: scale(1.15); }
.case_item:hover h3,.case_item:hover p{ color: #fff; }
.case_item:hover .case_rcon span{ border: 1px solid #fff; color: #fff; }
/*产品列表*/
.pro_war{ padding: 68px 0 100px 0; overflow: hidden; }
.pro_war .lcon{ float: left; width: 300px; }
.pro_war .rcon{ margin-left: 300px; padding-left: 42px; }
.pro_war .lcon h2{ position: relative; padding: 18px 28px; color: #fff; background: #ff5400; font-size: 16px;  }
.pro_war .lcon h2 a{ position: absolute; text-align: right; color: #fff; font-size: 20px; padding-top: 18px; padding-right: 26px; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.pro_caty{ background: #ff5400; font-size: 14px; color: #fff; font-weight: bold; padding: 19px 28px; }
.pro_caty i{ margin-right: 5px; }
.pro_list{ width: 100%; overflow: hidden; margin-top: 32px; }
.pro_list li{ margin-bottom: 28px; float: left; width: 30.5%; margin-right: 4%; }
.pro_list li:nth-of-type(3n){ margin-right: 0; }
.pro_list li .in_hotitem{ background: #f5f5f5; }
.pro_list li:hover .in_hotitem{ background: #ff5400; }
.accordion {width: 100%; border: 1px solid #e8e8e8; }
.accordion li:hover .links,.accordion li .links.active{ background: url(/static/images/select_iconq2.png) no-repeat 5% 15px #fff; }
.accordion li:hover .links a,.accordion li .links.active a{ color: #666; }
.accordion .links { cursor: pointer; border-bottom: 1px solid #e8e8e8; font-size: 16px; display: block; position: relative; background: url(/static/images/select_iconq.png) no-repeat 5% 15px #fff; padding: 10px 10px 10px 35px; }
.accordion .links a{ color: #666; display: inline-block; position: relative;  }
.submenu {display: none;  overflow: hidden; background: #fff; }
.submenu.on{ display: block; }
.accordion li ul.active{display: block}
.submenu li { display:block; position: relative;  border-bottom: 1px solid #e8e8e8; line-height: 24px; background: url(/static/images/p_icon.png) no-repeat 15px 16px; }
.submenu a { font-size: 14px; color: #666; padding: 8px 8px 8px 35px; display: inline-block;  }
.submenu li a:hover{ color: #ff5400; }
.submenu li div{ display: none; }
.submenu li div a{ display: block; font-size: 14px; color: #666; padding: 8px 8px 8px 35px; border-top: 1px solid #e8e8e8; }
.accordion li:last-child .links{ border-bottom: none; }

.in_p{ position: relative; overflow: hidden; }
.pro_item{ transition: all 0.3s; background: #f5f5f5; padding: 15px 12px 18px 12px; }
.pro_item p{ text-align: center; font-size: 16px; margin-top: 20px; line-height: 25px; height: 25px; overflow: hidden; }
.pro_item .i_cplogo{ position: absolute; transition: all 0.3s; overflow: hidden; display: flex; align-items: center; justify-content: center; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.pro_item .i_cplogo img{ width: 112px; }
.pro_item:hover .i_cplogo{ top: 0; }
.pro_item:hover{ background: #ff5400; }
.pro_item:hover p{ color: #fff; }
/*分页 结束*/
.digg4{ text-align:center; margin-top: 25px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:30px; font-size: 15px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border-radius: 3px; border: 1px solid #bfbfbf; height:30px; line-height: 30px; color:#cecece; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#ff5400; border: 1px solid #ff5400; }
.digg4 span.disabled { font-size: 24px; line-height:27px; font-weight: normal;  background: transparent; color: #999;}
.digg4 a{ border: 1px solid #999; color: #666; }
/*分页 结束*/

/*产品详情*/
.pro_del{ padding-top: 98px; padding-bottom: 125px; }
.pro_gdbox{ width: 100%; overflow: hidden;}
.pro_gdbox .prolcon{ width: 60%; float: left; padding-right: 10px; }
.propicflash{ width: 100%; position: relative; overflow: hidden; }
.left-pro{width:100%; text-align:left;}
.left-pro .t1{width:23.5%; float:right; overflow: hidden; position: relative;}
.left-pro .t2{width:74.3%;text-indent:0;float:left; position: relative; }
.left-pro .t2 img{text-indent:0; width: 100%!important; }

#showArea div{background:#fff; margin-bottom:13px; display: block; overflow: hidden;}
#showArea img{cursor:pointer;display:block;width:100%;float:left;}
#main_img{cursor:pointer;display:block; background: #fff;}
#gotop,#gobottom{cursor:pointer;display:block; width:100%; height: 36px; position: absolute; background:rgba(0,0,0,0.3) url(/static/images/right_arr.png) no-repeat center center; background-size: 20px;}
#gotop{ top:0; transform: rotate(180deg); }
#gobottom{ bottom: 0;}
#gotop:hover,#gobottom:hover{background-color: #ff5400; }
#showArea{height:496px;overflow:hidden;}
.show_pic{ height: 496px; }
.show_pic img{ width: 100%; height: 100%; object-fit: cover; }

.pro_gdbox .prorcon{ width: 40%; float: right; padding: 6px 0 0 46px; }
.prorcon h2{ font-size: 28px; text-transform: uppercase; position: relative; padding-left: 25px; }
.prorcon h2:after{ content: ''; width: 5px; height: 28px; background: #ff5400; position: absolute; top: 5px; left: 0; }
.pro_desc{ margin-top: 20px; height: 230px; overflow-y: auto; }
.pro_desc p{ line-height: 36px; font-size: 16px; }
.pro_lxbtn{ margin-top:25px; }
.pro_lxbtn a{ background: #ff5400; border-radius: 5px; color: #fff; text-transform: uppercase; text-align: center; border-radius: 5px; width: 212px; height: 48px; line-height: 48px; color: #fff; display: inline-block; }
.pro_lxbtn a:hover{ opacity: 0.85; }
.pro_lxbtn a:last-child{ margin-left: 3%; background: #00a3e9; }
.share{ margin-top: 30px; font-size: 16px; }
.share *{ vertical-align: middle; }

.bigbg,.bigbgtt{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.allhide{ display: none; }
.getinquire{ width: 906px; padding: 46px; height: auto; background: #fff; left: 50%; margin-left: -453px; margin-top: 5%;
    position: absolute; z-index: 100; border-radius: 8px; }

.pro-del-block{ margin-top:60px; }
.pro-del-block h2{ margin-bottom: 14px; padding-left: 22px; font-family: msyhbd; position: relative; font-size: 28px; text-transform: uppercase; }
.pro-del-block h2:after{ content: ''; position: absolute; top: 7px; left: 0; width: 5px; height: 24px; background: #ff5400; }

.del_text p{ font-size: 16px; line-height: 30px; }
.parameter-box{ width: 100%; margin-top: 18px; overflow-x:auto; }
.parameter-table{ width: 100%; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
.parameter-table tr td{ color: #666; padding:12px; border-left: 1px solid #d7d7d7; font-size: 20px; border-bottom: 1px solid #d7d7d7;}

.proinfo_form input,.proinfo_form textarea{ line-height: 26px; float: left; background: #fff; border: none; resize: none; padding: 10px 14px; font-family: segoeui_0; font-size: 18px;}
.proinfo_form table{ width: 100%; border-top: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf;}
.proinfo_form table tr td{ border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.proinfo_form 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 form textarea{ width: 100%; height: 150px; }
.proinfo_form button{ width: 194px; height: 50px; margin: 35px auto 0 auto; text-align: center; line-height: 50px; border: none; cursor: pointer; background: #0870d8; color: #fff; font-size: 18px; display: block; transition: all .3s; font-family: HEL55; }
.proinfo_form button:hover{ opacity: 0.8; }

.rel-pro .item{ margin: 0 10px; }
.rel-pro .owl-theme .owl-controls{ margin-top: 15px; }
.rel-pro .owl-theme .owl-controls .owl-page span{ opacity: 1; width: 15px; height: 15px; }
.rel-pro .owl-theme .owl-controls .owl-page.active span{ background: #ff5400; }

.pro-del-block .dec{ font-size: 16px; color: #666; margin-top: 8px; }
.infoform{overflow:hidden; margin-top: 20px; }
.infoform li{width: 49.5%; float: left; position: relative; margin-bottom: 15px;}
.infoform li:nth-child(even){margin-left: 1%;}
.infoform li:last-child{width: 100%;}
.infoform li font{position: absolute; left: 10px; top: 17px; color: red; }
.infoform li p{font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.infoform input,.infoform textarea{width: 100%; border:1px solid #bfbfbf; font-family:msyh; background:none; font-size: 16px; line-height: 28px; padding:10px 20px; }
.infoform textarea{ height: 132px; resize: none; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #666;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #666;}
.infoform form button{ color: #fff; background: #ff5400; margin-top: 20px; font-family: msyh; text-transform: uppercase; border-radius: 5px; height: 50px; width: 200px; font-size: 20px; border:0;}
.infoform form button:hover{ opacity: .8; cursor: pointer; }

/*video*/
.video_box{ padding: 80px 0 140px 0; }
.video_list{ width: 100%; overflow: hidden; }
.video_list li{ float: left; width: 22.5%; margin-right: 2.5%; margin-bottom: 50px; }
.video_list li:nth-of-type(3n){ margin-right: 0; }
.ab_vpic{ position: relative; width: 100%; overflow: hidden;  }
.ab_vpic .changpic img{max-height:350px; }
.ab_show{ position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s; height: 100%;  padding: 14px 24px; }
.ab_show p{ color: #ff5400; font-size: 18px; }
.ab_play{ width: 90px; height: 62px; position: absolute; top: 50%; left: 50%; margin-top: -31px; margin-left: -45px; }
.ab_play img{ width: 100%; }
.video_list li:hover .changpic img{ transform: scale(1.15); }
/*servie*/
.ser_war{ padding: 60px 0 120px 0; }
.ser_pic{ width: 100%; overflow: hidden; }
.ser_pic li{ float: left; width: 48.5%; padding-bottom: 52px; position: relative; }
.ser_pic li:last-child{ float: right; }
.ser_pic li .changpic{ border: 10px solid #f5f5f5;}
.ser_pic li:hover .changpic img{ transform:scale(1.15); }
.ser_pic li h6{ position: absolute; transition: all 0.5s; bottom: 0; left: 50%; margin-left: -48px; width: 96px; height: 96px; border:2px solid #fff; border-radius: 96px; color: #fff; font-size: 50px; font-weight: normal; text-align: center; line-height: 96px; background: #ff5400; }
.ser_pic li:hover h6{ transform: rotate(360deg); }
.ser_text{ margin-top: 35px; }
.ser_text p{ line-height: 35px; color: #666; }
/*news*/
.news-box{ padding: 70px 0 100px 0; }
.news-box .warper{ padding: 0 35px; }

.news_text{ margin-top: 30px; }
.news_text h3{ font-size: 20px; color: #ff5400; line-height: 24px; height: 24px; overflow: hidden; }
.n_datev{ margin-top: 8px; font-size: 16px; color: #b8b8b8; }
.n_datev i{ font-size: 14px; }
.n_datev span{ display: inline-block; margin-right: 12px; }
.news_text p{ font-size: 17px; color: #333; line-height: 30px; height: 60px; overflow: hidden; margin-top: 8px; }
.news_text em{ font-style: normal; transition: all 0.3s; margin-top: 20px; color: #fff; font-size: 17px; display: inline-block; padding: 13px 22px; border-radius: 3px; background: #ff5400; }
.new_top:hover .changpic img{ transform: scale(1.15); }
.new_top:hover .news_text em{ margin-left: 15px; }

.news_list{ margin-top: 32px; padding-bottom: 30px; }
.news_list li{ padding: 30px; border-bottom: 1px solid #d2d2d2; }
.news_item{ width: 100%; overflow: hidden; }
.news_item .n_lcon{ width: 214px; float: left; }
.news_item .n_rcon{ margin-left: 214px; padding-left: 30px; }
.news_item .news_text h3{ font-weight: normal; color: #333; }
.news_item .n_rcon .news_text p{ height: 90px; }
.news_item .n_rcon .news_text{ margin-top: 3px; }
.news_item:hover .n_lcon .changpic img{ transform: scale(1.15); }
.news_item:hover .news_text h3{ font-weight: normal; color: #ff5400; }
/*contact*/
.contact_war{ padding: 58px 0 118px 0; }
.con_boxshow .i_mm .m_rcon ul li p{ font-size: 20px; }
.con_boxshow .i_mm .m_rcon ul li h6{ width: 36px; height: 42px; line-height: 42px; }
.con_boxshow .i_mm .m_rcon ul li{ margin-bottom: 36px; line-height: 45px;
    padding: 0 0 14px 60px;
    margin: 0;
    margin-top: 4px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    white-space: normal;}

.con_inq{ margin-top: 118px; }
.con_inq h2{ font-size: 32px; }
.con_inq p{ margin-top: 10px; font-size: 21px; font-family: Hel35;  }
.con_inq .infoform form button{ margin:20px auto 0 auto; display: block; text-transform: none; }
/*新闻*/
.news_box{ padding: 70px 0 100px 0; }
.infocon{color: #666; font-family: HEL55; }
.infocon h1{font-size:30px; line-height: 37px; font-family: HEL75; text-align: center; margin-bottom: 10px; }
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:15px; color: #666;}
.infocon .other{border-top: 1px solid #bbb; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #ff5400; }
.infocon p{line-height:28px; margin-bottom: 10px; font-size: 18px;}

.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:#e56e1e;}
.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){

}

@media screen and (max-width: 1600px){
    .ban_nr h1{ font-size: 42px; }
    .index_banner .warper{ top: 18%; }
    .b_text{ line-height: 28px; }
    .ban_nav li p{ font-size: 24px; line-height: 28px; height: 56px; }
    .in_vr .center-wrap{ padding-top: 150px; }
    .in_vrbox, .in_vrbox iframe{ height: 580px; overflow: hidden; }
    .in_ab .center-wrap{ padding-top: 160px; }
    .in_newswiper{ margin-top: 20px; }
    .in_news .center-wrap{ padding-top: 156px; }
    .in_caseswiper{ margin-top: 30px; }
    .in_map{ margin-top: 25px; }
    .ab_num li h3{ font-size: 44px; }
    .ab_com h2{ font-size: 52px; }
    .ab_vr{ margin-top: 20px; }
    .ab_text{ margin-top: 25px; }
    .ab_num{ padding: 40px 0; }
    .faq_box,.case_box,.pro_war,.pro_del,.video_box,.news-box,.ser_war,.contact_war,.news_box{ padding: 50px 0 100px 0; }
    .case_list li{ margin-bottom: 30px; }
    .f_intext{ padding-right: 130px; }
    .pro-del-block{ margin-top: 30px; }
    .con_inq{ margin-top: 45px; }
    .subbanner .warper{ top: 100px; }
}
@media screen and (max-width: 1440px){
    .warper,.news-box .warper{ width: 100%; padding: 0 110px; }
    #fp-nav.right{ right: 20px; }
    header .warper{ width: 1220px; }
    .logo{ left: 32px; }
    nav{ margin-right: 60px; }
    nav li>a{ padding: 43px 25px; }
    .in_atext p{ line-height: 22px; }
    .in_atext { overflow: hidden; height: 272px; }
    .in_vr .center-wrap{ padding-top: 160px; }
    .ab_num{ padding: 30px 0; }
    .ab_com h2{ font-size: 45px; }
    .ab_vr{ margin-top: 10px; }
    .ab_com{ margin-top: 32px; }
    .ab_text p{ line-height: 28px; }
    .ab_text{ margin-top: 15px; }
    .ab_box{ padding-bottom: 70px; }
    .backToTop{ right: 0; width: 40px; height: 40px; }
    .f_intext h3{ font-size: 44px; }
    .f_input{ padding: 40px 7%; }
    .f_bot{ padding: 28px 7% 12px 7%; }
    .f_intext{ padding-right: 66px; }
    .quiry_info li:last-child{ margin-bottom: 0; }
    .faq_box, .case_box, .pro_war, .pro_del, .video_box, .news-box, .ser_war, .contact_war,.news_box{ padding: 40px 0 80px 0; }
    .case_rcon p{ -webkit-line-clamp:7; height: 182px;  }
    .case_item .case_rcon{ padding-top: 12px; }
    .pro_list li{ margin-right: 2%; width: 32%; margin-bottom: 16px; }
    .pro_list{ margin-top: 15px; }
    .pro_war .rcon{ padding-left: 22px; }
    .pro_gdbox .prorcon{ padding: 6px 0 0 20px; }
    .show_pic,#showArea{ height: 439px; }
    .pro-del-block h2{ font-size: 22px; }
    .pro-del-block h2:after{ top: 1px; }
    .video_list li{ margin-bottom: 28px; }
    .news_list li{ padding: 30px 0; }
    .news_item .n_rcon{ padding-left: 20px; }
    .news_list{ margin-top: 12px; }
    .con_inq{ margin-top: 14px; }
    .con_inq h2{ font-size: 25px; }
    .subbanner .warper{ width: 100%; margin-left: -50%; }
    .index_banner .warper{ margin-left: -50%; }
}
@media screen and (max-width: 1366px){
    .warper,.news-box .warper{ width: 100%; padding: 0 90px; }
    .head_rcon{ right: 20px; }
    nav{ margin-right: 80px; }
    header{ height: 90px; }
    .logo{ top: 8px; }
    nav li>a{ padding: 33px 25px; }
    nav dl{ top: 90px; }
    .head_rcon{ top: 28px; }
    .subbanner{ margin-top: 90px; }
    .ban_nav li i{ font-size: 88px; }
    .ban_nav li p{ font-size: 22px; }
    .ban_nav li{ padding: 25px 15px 18px 15px; }
    .ban_nav li p{ margin-top: 6px; }
    .ban_lxbox{ margin-top: 3%; }
    .in_vrbox, .in_vrbox iframe{ height: 480px; }
    .in_vr .center-wrap{ padding-top: 135px; }
    .home_boxtit{ font-size: 35px; }
    .in_ab .center-wrap{ padding-top: 132px; }
    .in_abwar .lcon{ width: 46%; }
    .in_abwar .rcon{ width: 54%; }
    .in_abtext{ padding: 25px; }
    .in_atext{ margin-top: 12px; height: 235px; }
    .in_atext p{ margin-bottom: 7px; }
    .in_abnum{ margin-top: 15px; }
    .in_newstext h4{ margin-top: 8px; height: 42px; }
    .in_newstext p{ height: 63px; -webkit-line-clamp:3; margin-top: 8px; }
    .in_newswiper .item{ margin: 0 6px; }
    .in_case .center-wrap{ padding-top: 125px; }
    .in_casetext span{ margin-top: 15px; }
    .in_contact .center-wrap{ padding-top: 140px; }
    .i_mm .m_rcon{ padding: 20px 20px 0 25px; }
    .copy p{ padding: 10px; }
    .in_caseswiper .owl-controls .owl-buttons .owl-prev, .rel_case .owl-controls .owl-buttons .owl-prev{ left: -38px; }
    .in_caseswiper .owl-controls .owl-buttons .owl-next, .rel_case .owl-controls .owl-buttons .owl-next{ right: -38px; }
    .ab_num{ padding: 15px 0; }
    .ab_num li h3{ font-size: 34px; }
    .ab_num li h3 i{ font-size: 30px; }
    .ab_num li p{ font-size: 17px; line-height: 20px; }
    .ab_com h2{ font-size: 35px; }
    .ab_text p{ font-size: 17px; line-height: 26px; }
    .f_bot h5{ font-size: 24px; }
    .f_bot ul{ margin-top: 10px; }
    .f_item1 p{ line-height: 25px; }
    .copr{ padding: 12px 10% 12px 10%; }
    .f_media .media a{ font-size: 26px; }
    .lis_faq .a p{ line-height: 22px; }
    .lis_faq li{ padding: 22px 16px 18px 16px; width: 49.5%; margin-bottom: 10px; }
    .lis_faq .a{ margin-top: 8px; }
    .faq_box, .case_box, .pro_war, .pro_del, .video_box, .news-box, .ser_war, .contact_war, .news_box{ padding: 40px 0 60px 0; }
    .case_item{ padding: 15px; }
    .case_list li{ margin-bottom: 20px; }
    .video_list li{ margin-right: 1.5%; width: 32.3%; margin-bottom: 18px; }
    .digg4{ margin-top: 10px; }
    .news_list li{ padding: 15px 0; }
    .ser_text{ margin-top: 14px; }
    .ser_text p{ line-height: 28px; }
    .subbanner .warper h1{ font-size: 38px; }

}
@media screen and (max-width: 1280px){
  .warper,.news-box .warper{ width: 100%; padding: 0 60px; }
  .index_banner .warper{ top: 20%; }
  .in_vr .center-wrap{ padding-top: 150px; }
  .in_vrbox, .in_vrbox iframe{ height: 490px; }
  .in_ab .center-wrap{ padding-top: 150px; }
  .in_abnum li h3{ font-size: 26px; }
  .in_abbtn{ margin-top: 15px; }
  .i_mm .m_rcon ul li{ padding-left: 44px; margin-bottom: 14px; }
  .ab_num{ padding-top: 0; }
  .f_intext h3{ font-size: 38px; }
  .f_intext{ padding-right: 25px; }
  .quiry_info li{ margin-bottom: 12px; }
  .f_input{ padding: 30px 6%; }
  .f_bot{ padding: 28px 6% 12px 6%; }
  .case_rcon span{ margin-top: 15px; }
  .show_pic, #showArea{ height: 417px; }
  .pro_desc p{ line-height: 27px; }
  .pro_desc{ height: 184px; }
  .parameter-table tr td{ font-size: 18px; }
  .pro_item{ padding: 8px 8px 12px 8px; }
  .pro_item p{ margin-top: 8px; }
  .ab_play{ width: 58px; margin-left: -28px; height: 40px; margin-top: -20px; }
  .faq_box, .case_box, .pro_war, .pro_del, .video_box, .news-box, .ser_war, .contact_war, .news_box{ padding: 30px 0 50px 0; }
  .infocon h1{ font-size: 28px; }
  nav{ margin-right: 110px; }
  .con_boxshow .i_mm .m_rcon ul li{ margin-bottom: 32px; }
}
@media screen and (max-width: 1024px){ 
  header .warper{ width: 100%; }
  .warper,.news-box .warper{ width: 100%; padding: 0 40px; }
  header{ background: #fff; top: 0; }
  .search-button{ display: none; }
  .logo img{ height: 48px; width: auto; }
   #nav .nav-button{display: block; top: 14px; }
  header{ height: 62px; }
  .logo{ top: 8px; left: 20px; }
  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; margin: 0; }
  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 dl dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important;white-space:normal;}
  nav li.on a, nav li:hover a{ background: #ff5400; color: #fff; }
  nav li:hover dl{ left: 0; opacity: 1; }
  nav li.on a:after,nav li:hover a:after{ width: 0;}
  .banner,.subbanner{ margin-top: 62px; }
  .head_rcon{ right: 54px; top: 14px; }
  nav dl dd{ border-bottom: none; }
  .b_text{ padding: 0 3%; }
  .ban_lxbox{ display: none; }
  .index_banner .warper{ top: 14%; }
  .ban_nr h1{ font-size: 35px; }
  .b_text{ font-size: 20px; }
  .ban_nav li p{ font-size: 18px; line-height: 22px; }
  .in_vr .center-wrap,.in_ab .center-wrap,.in_news .center-wrap,.in_case .center-wrap,.in_contact .center-wrap{ padding: 30px 0; }
  .in_abtext{ padding: 20px; }
  .home_boxtit{ font-size: 28px; }
  .in_abbtn{ margin-top: 5px; }
  .in_abnum li h3{ font-size: 22px; }
  .in_atext{ height: 160px; }
  .in_caseswiper .item{ margin: 0 5px; }
  .in_map{ padding: 0; }
  .i_mm .m_rcon ul li p{ font-size: 17px; }
  .backToTop{ background-size: 45%; }
  .in_map,.in_caseswiper,.in_newswiper{ margin-top: 15px; }
  .subbanner .warper{ top: 65px; }
  .subbanner .warper h1{ font-size: 30px; }
  .ab_num li h3{ font-size: 26px; }
  .ab_com h2{ font-size: 28px; }
  .f_intext h3{ font-size: 34px; }
  .f_intext p{ font-size: 20px; }
  .f_intext{ padding-right: 0; }
  .quiry_info li{ width: 48%; }
  .f_item1{ display: none; }
  .f_item2{ margin-left: 0; width: 29%; }
  .f_item3{ width: 28%; }
  .f_item4{ width: 32%; }
  .f_bot h5{ font-size: 22px; }
  .f_bot{ padding-top: 0; }
  .f_bot ul li{ line-height: 27px; }
  .f_intext h3{ font-size: 26px; }
  .f_inmess{ padding-left: 20px; }
  .case_rcon p{ margin-top: 3px; -webkit-line-clamp:5; height: 130px; }
  .case_item .case_rcon{ padding: 8px 0px 0 18px; }
  .case_rcon h3{ font-size: 22px; }
  .case_list li:nth-of-type(even) .case_item .case_rcon{ padding: 8px 18px 0 0; }
  .case_item{ padding: 12px; }
  .pro_war .lcon{ width: 100%; float: none; }
  .pro_war .rcon{ margin-left: 0; padding-left: 0; margin-top: 12px; }
  .accordion .links{ background: url(/static/images/select_iconq.png) no-repeat 12px 15px #fff; } 
  .accordion li:hover .links, .accordion li .links.active{ background: url(/static/images/select_iconq2.png) no-repeat 12px 15px #fff; }
  .accordion{ display: none; }
  .pro_war .lcon h2 a{ display: block; padding-top: 15px; padding-right: 15px; }
  .show_pic, #showArea{ height: 336px; }
  .pro_desc{ height: 160px; }
  .prorcon h2{ font-size: 24px; padding-left: 15px; }
  .prorcon h2:after{ height: 22px; }
  .share{ margin-top: 12px; }
  .pro_gdbox .prorcon{ padding: 6px 0 0 15px; }
  .del_text p{ line-height: 24px; }
  .del_video{ width: 100%; }
  .del_video img{ width: 100%; }
  .rel-pro .item{ margin: 0 5px; }
  .i_mm .m_rcon{ padding: 6px 0px 0 15px; }
  .con_boxshow .i_mm .m_rcon ul li{ margin-bottom: 18px; }
  .con_boxshow .i_mm .m_rcon ul li p{ font-size: 18px; }
  .con_inq h2{ font-size: 23px; }
}

@media screen and (max-width: 768px){
.index-case-list li:nth-child(2n) {
    float: right;   margin: 0 auto;
}

.index-case-list li:nth-child(n+6) {
    margin: 0 auto;
}




.common-tab-nav {
    border: none;
    margin-bottom: 2rem;
}
.common-tab-nav li {
    border: none;
    margin: 0 !important;
}    
   .index-case-list li, .index-service-main li {
    width: 48%;
    margin-right: 0;
  
} 

.index-case-list .img img {
    height: 100%;border: 1px solid #444;
}

.shuffer-h3 {
    font-size: 14px;
}
	

.del_text p img{ width: 100%;}
  .warper,.news-box .warper{ width: 100%; padding: 0 30px; }
  .ban_nav li p{ font-size: 15px; }
  .ban_nav li i{ font-size: 48px; }
  .ban_nav li{ padding: 15px; }
  .ban_nr h1{ font-size: 32px; }
  .b_text{ font-size: 18px; }
  .ban_nav li p{ height: 44px; }
  .in_vrbox, .in_vrbox iframe{ height: 300px; }
  .in_abwar .lcon{ width: 100%; float: none; }
  .getbox{ width: 100%; margin-left: -50%; } 
  .in_abwar .rcon{ width: 100%; float: none; }
  .in_abtext{ padding: 15px; }
  .copy p{ padding: 0; }
  .copy{ padding: 10px; }
  .f_intext{ width: 100%; float: none; }
  .f_intext h3{ font-size: 22px; }
  .f_intext p{ margin-top: 5px; }
  .f_inmess{ width: 100%; float: none; padding-left: 0; margin-top: 12px; }
  .f_item3{ display: none; }
  .f_item2{ width: 37%; }
  .f_item4{ width: 40%; }
  .subbanner .warper h1{ font-size: 25px; }
  .subbanner .warper{ top: 48px; }
  .lis_faq li{ width: 100%; float: none; }
  .lis_faq li:nth-child(even){ float: none; }
  .lis_faq .a{ height: auto; }
  .faq_box, .case_box, .pro_war, .pro_del, .video_box, .news-box, .ser_war, .contact_war, .news_box{ padding: 20px 0 40px 0; }
  .case_rcon p{ line-height: 22px; -webkit-line-clamp:3; height: 66px; }
  .case_rcon h3{ font-size: 20px; }
  .case_list li{ margin-bottom: 10px; }
  .pro_gdbox .prolcon{ width: 100%; float: none; padding-right: 0; }
  .pro_gdbox .prorcon{ width: 100%; float: none; padding: 0; margin-top: 10px; }
  .show_pic, #showArea{ height: 513px; }
  .pro_desc{ height: auto; }
  .pro-del-block h2{ margin-bottom: 8px; font-size: 20px; padding-left: 12px; }
  .infoform form button{ margin-top: 0; }
  .infoform li{ margin-bottom: 8px; }
  .ser_pic li h6{ width: 46px; height: 46px; line-height: 46px; margin-left: -23px; font-size: 25px; }
  .ser_pic li{ padding-bottom: 18px; }
  .ser_pic li .changpic{ border: 5px solid #f5f5f5; }
  .ser_text p{ font-size: 17px; line-height: 26px; }

}
@media screen and (max-width: 640px){
    .ban_nav{ margin-top: 8px; }
    .b_text{ margin-top: 3px; }
    .ban_nav li{ padding: 10px; }
    .ban_nr h1{ font-size: 28px; }
    .in_vr .center-wrap, .in_ab .center-wrap, .in_news .center-wrap, .in_case .center-wrap, .in_contact .center-wrap{ padding: 20px 0; }
    .in_newswiper .owl-controls .owl-buttons .owl-prev, .rel_case .owl-controls .owl-buttons .owl-prev{ left: -36px; }
    .in_newswiper .owl-controls .owl-buttons .owl-next, .rel_case .owl-controls .owl-buttons .owl-next{ right: -36px; }
    .in_caseitem{ padding: 5px; }
    .i_mm .m_lcon{ width: 100%; float: none; }
    .i_mm .m_rcon{ width: 100%; float: none; }
    .ab_num li{ width: 50%; padding: 10px; }
    .ab_com{ margin-top: 18px; }
    .ab_box{ padding-bottom: 30px; }
    .f_item2{ width: 45%; }
    .f_item4{ width: 50%; }
    .lis_faq li{ padding: 12px; }
    .case_item{ padding: 10px; }
    .case_rcon span{ display: none; }
    .case_rcon p{ -webkit-line-clamp:4; height: 88px; }
    .pro_war .lcon h2,.pro_caty{ padding: 12px; }
    .pro_war .lcon h2 a{ padding-top: 7px; padding-right: 9px; }
    .show_pic, #showArea{ height: 416px; }
    .con_inq h2{ font-size: 20px; }
    .con_inq p{ font-size: 17px; }
}

@media screen and (max-width:480px){
  .warper,.news-box .warper{ width: 100%; padding: 0 15px; }
  .ban_nav{ display: block; }
  .b_text{display: none; font-size: 15px; line-height: 20px; margin-top: 12px; }
  .index_banner .warper{ top: 13%; }
  .in_newswiper .owl-controls .owl-buttons div, .in_caseswiper .owl-controls .owl-buttons div{ width: 35px; border-radius: 35px;  height: 35px; background: url(/static/images/right2.png) center center no-repeat #ff5400; background-size: 30%;}
  .in_newswiper .owl-controls .owl-buttons .owl-prev, .in_caseswiper .owl-controls .owl-buttons .owl-prev{ left: -10px; }
  .in_newswiper .owl-controls .owl-buttons .owl-next, .in_caseswiper .owl-controls .owl-buttons .owl-next{ right: -10px; }
  .in_newswiper .owl-controls .owl-buttons div:hover,.in_caseswiper .owl-controls .owl-buttons div:hover{ cursor: pointer; background: url(/static/images/right.png) center center no-repeat #ff5400; background-size: 30%; }
  .home_boxtit{ font-size: 24px; }
  .subbanner{ overflow: hidden; }
  .subbanner img{ width: auto; height: 120px; }
  .subbanner .warper h1{ font-size: 18px; }
  .ab_com h2{ font-size: 23px; }
  .f_input,.f_bot{ padding: 15px; }
  .f_intext h3{ font-size: 18px; }
  .quiry_info li{ width: 100%; float: none; margin-bottom: 5px; }
  .quiry_info li:nth-of-type(even){ float: none; }
  .f_item2{ width: 100%; float: none; }
  .f_item4{ width: 100%; float: none; }
  .f_bot h5{ font-size: 18px; }
  .f_bot ul{ margin-top: 3px; }
  .f_media .media a{ width: 30px; height: 30px; line-height: 30px; margin: 0; font-size: 20px; }
  .f_media:before{ top: 14px; }
  .footmenu{ display: block; }
  .footmenu div.con{ background: #ff5400; }
  .f_item2{ margin-top: 0; }
  footer{ margin-bottom: 60px; }
  .ab_num li h3{ font-size: 21px; }
  .ab_num li h3 i{ font-size: 20px; }
  .lis_faq li h3{ font-size: 18px; }
  .lis_faq .a p{ font-size: 16px; }
  .lis_faq .a{ margin-top: 3px; }
  .case_item{ padding: 5px; }
  .case_item .case_lcon{ width: 100%; float: none; }
  .case_item .case_rcon{ width: 100%; float: none; padding: 8px; }
  .case_list li:nth-of-type(even) .case_item .case_lcon,.case_list li:nth-of-type(even) .case_item .case_rcon{ float: none; }
  .case_list li:nth-of-type(even) .case_item .case_rcon,.case_list li .case_item .case_rcon{ padding: 6px; }
  .faq_box, .case_box, .pro_war, .pro_del, .video_box, .news-box, .ser_war, .contact_war, .news_box{ padding: 10px 0 20px 0; }
  .Copyright_p{ margin-bottom: 60px; }
  .pro_list li,.video_list li{ width: 49%; margin-bottom: 8px; margin-right: 2%; }
  .pro_list li:nth-of-type(3n),.video_list li:nth-of-type(3n){ margin-right: 2%; }
  .pro_list li:nth-of-type(even),.video_list li:nth-of-type(even){ margin-right: 0; }
  .pro_war .rcon{ margin-top: 5px; }
  .show_pic, #showArea{ height: 320px; }
  .prorcon h2{ font-size: 20px; }
  .prorcon h2:after{ top: 2px; }
  .pro_lxbtn{ margin-top: 15px; }
  .pro_lxbtn a{ width: 100%; float: none; }
  .pro_lxbtn a:last-child{ margin-left: 0; margin-top: 3px; }
  .pro-del-block{ margin-top: 12px; }
  .rel-pro .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
  .infoform li{ width: 100%; float: none; margin-bottom: 5px; }
  .infoform li:nth-child(even){ margin-left: 0; }
  .news_text{ margin-top: 8px; }
  .news_text em{ margin-top: 6px; }
  .news_item .n_lcon{ width: 100%; float: none; }
  .news_item .n_rcon{ margin-left: 0; padding-left: 0; margin-top: 5px; }
  .news_item .n_rcon .news_text p{ font-size: 16px; line-height: 24px; height: 72px; }
  .news_list{ padding-bottom: 0; }
  .infocon h1{ font-size: 24px; line-height: normal; }
  .infocon p,.ab_text p{ font-size: 16px; line-height: 22px; }
  .infocon .time{ margin-bottom: 6px; }
  .infocon .other{ margin-top: 18px; padding-top: 12px; }
  .infocon .other div{ font-size: 16px; }
  .ser_text p{ font-size: 16px; line-height: 22px; }
  .con_boxshow .i_mm .m_rcon ul li p{ font-size: 17px; }
  .con_inq .infoform form button{ margin-top: 0; }
}
@media screen and (max-width:414px){
  .warper,.news-box .warper{ width: 100%; padding: 0 10px; }
  .in_abnum li{ width: 100%; float: none; margin-bottom: 5px; text-align: left; }
  .in_abnum{ margin-top: 5px; }
  .show_pic, #showArea{ height: 263px; }
  .parameter-table tr td{ font-size: 16px; padding: 5px; }
  .ab_show{ padding: 8px; }
  .backToTop{ width: 30px; height: 30px; }
}

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