@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
html,body{ font:14px/1.8 '微软雅黑',Tahoma,Verdana,'Simsun'; color:#333; -webkit-text-size-adjust:none; margin:0;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0; font-weight:normal;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; }
input{-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;-webkit-appearance:none;outline: none; border: none;}
.clear{ clear:both;}
/*导航*/
.fl {float: left;}
.fr {float: right;}
.header{width:100%; z-index:999;height:90px;padding: 0 30px; line-height:90px;  position: absolute;
top: 43px;left:0;    border-radius: 20px;     transition: .2s; }
.header .container{     padding: 0 40px;  max-width:1410px; width:100%;margin: 0 auto;position: relative;background: #fff;border-radius: 20px;}
/*左侧logo*/
.header .left{ float:left; }
.header .left a img{    margin-top:16px;}
.header .left .img2{display: none;}
.fixnav{width:100%;margin-left:0;position:fixed;left: 0;top: 00;border-radius: 0;transition: .2s;}
/*右侧*/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 50px;display: block;margin-left:6%; }
.header .navbar_nav li{float:left;position: relative;display: block;}
.header .navbar_nav li:after{content: "";width: 0;height: 3px;background:#428ccd;position: absolute; bottom: 16px;left: 0;transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{ width: 100%;}
.header .navbar_nav li a{line-height: 90px;text-decoration: none;height: 100%; padding: 0 30px;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size: 16px; color:#666;}
.header .navbar_nav li:hover a{color:#428ccd;}
.header .navbar_nav li.dropdown{display: inherit;position: relative;}
.header .navbar_nav li.dropdown .jt{width: 20px;height: 20px;background-size: 100% 100%;display: block;}
.header .navbar_nav li.dropdown .dropdown_menu{display: none;position: absolute;top:90px;width: 100%;background: #fff;/*box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);*/width: 132%;left: -10%;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size: 14px;color: #666;padding: 0 10px;line-height: 40px;text-align: center;  margin-bottom: 2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display: block;background:#fff;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff;background:#428ccd;}


.st{ float:right;  font-size:14px; color:#fff; margin-top:26px; line-height: 30px;}
.st h2{ font-size:14px; color:#fff;   }
/*白色背景的头部*/
.header.on{background: #fff;border-bottom: 1px solid #f5f5f5;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;margin-top: 12px; }
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color:#428ccd;}
.header.on .st h2{ color:#333;}
.header.on .st p{ color:#333;}
#navToggle{display: none;}
.m_nav{position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s; -webkit-transition: all ease 0.5s;
z-index: 1000;opacity: 1;visibility: visible; margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo{width: 100%;margin:0 auto;}
.m_nav .logo img{display: block;margin:30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%;}
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{display: block;height: 50px;line-height: 50px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}

.lang a{font-size:14px; color:#666; /*line-height:105px;*/}

/*头部*/
.wap-top{width:100%; background:#4c6ef4; line-height:45px;}
.wap-top p{ float:left; color:#fff;}
.wap-top span{ display:block; float:right; color:#fff;}
.wap-top span img{  margin-right:10px;}
/*banner*/
#guide-banner{position:relative;height:580px;background-size:auto 100%;}
.swiper-banner{position:relative; width:100%; height:900px;overflow:hidden;}
.swiper-banner a{display:block; height:100%;}
.swiper-wrapper{position:relative; width:100%; height:100%;overflow:hidden;}
.swiper-slide{float:left; height:100%; background-repeat:no-repeat;overflow:hidden; background-position:center center; background-size:cover;}
.swiper-pagination{position:absolute; bottom:6%; left:0; width:100%; height:10px; text-align:center;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block; height:5px; width:43px;  margin:0 6px; background:#fff; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.swiper-pagination .swiper-pagination-bullet-active{background:#428ccd;}
/*服务*/
/*youshi*/
.you-b{width:100%;}
.youshi_box{ text-align:center;  }
.youshi_box h3{color:#666; font-size:26px; margin:80px 0px 12px 0px;  text-align:center; }
.youshi_box span{width:73px; height:1px; margin:26px auto; text-align:center;background:#428ccd; display: block;}
.ind_cta.twospace { width: 50%;}
.ind_cta {float: left;position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;
overflow: hidden;padding-bottom: 25%;width: 22%;color: white;transition: 0.3s;margin:20px 10px 0px 10px;}
.ind_cta .content_absolute {z-index: 2;}
.content_absolute {background: rgba(0,0,0,0.5);position: absolute;bottom: 0px; left: 0px; transition: .2s;    width: 100%;overflow: hidden;}
.ind_cta.singlespace h2 {font-size:16px;line-height:55px;}
.ind_cta h2 {color: white;text-align: center; margin: 0px;position: absolute;top: 0px;
bottom: 0px;  left: 0px;  right: 0px; height: 38px; margin: auto !important;  transition: 0.3s;}
.ind_cta:hover::after { opacity: 0.3 !important; }
.ind_cta:hover h2 { opacity: 1 !important; height: 90px; }
.ind_cta h2::after { content: "查看详情"; font-size: 16px; text-decoration: underline; position: absolute; bottom: -15px; left: 0px; right: 0px; color: #fff; opacity: 0; transition: 0.6s; width:134px; height:50px; line-height:50px;    border-radius: 10px;
margin: 0 auto; }
.ind_cta:hover .content_absolute{    height: 100%;transition: .2s;    background: rgba(0,0,0,0.5);}
.ind_cta:hover h2::after { opacity: 1; background:#428ccd; }
.more{width:166px;height:53px; border-radius:15px; background:#428ccd; text-align:center; margin:70px auto;}
.more a{line-height:53px; color:#fff;}
.more:hover{ background:#91d369;}
/*产品*/
.product{ width:100%; margin-top:170px; height:564px; overflow:hidden;}
.pro-t{ float:left;}
.pro-t h3{ font-size:30px;}
.pro-t h3 i{    font-style: normal;border-bottom: 2px solid #333;padding-bottom: 16px;}
.pro-t span{    font-size: 22px;text-align: right;display: block;margin-top: 18px;}
.product-c{ width:100%;text-align:center; margin-top:80px;    overflow: hidden;}
.product-c ul li{float: left; overflow:hidden; position:relative; width:30.4%;margin:50px 14px 0 14px;}
.product-c ul li h2{    float: left;font-size: 16px;margin-top: 20px}
.product-c ul li h2 a{color:#666;}
.product-c ul li:nth-child(1){ animation-delay:0.1s;}
.product-c ul li:nth-child(2){  animation-delay:0.2s;}
.product-c ul li:nth-child(3){ animation-delay:0.3s;}
.product-c img{ display:block;}
.product-c .pt h3{color:#666; font-size:26px; margin:0 auto; margin-bottom:12px; text-align:center;}
.product-c .pt p{width:73px; height:1px; margin:26px auto; text-align:center;background:#428ccd; display: block;}
.text-desc{position: absolute; left: 0; top: 0; background:rgba(0,0,0,.3); height: 100%; opacity: 0; width: 100%; text-align:center;}
.port-1{float: left;width: 100%;position: relative;overflow: hidden;text-align: center;}
.port-1 .text-desc h3{width:140px; height:50px; text-align:center; border:1px solid #fff; border-radius:6px; font-weight:normal; margin:37% auto;}
.port-1 .text-desc h3 a{ font-size:14px; color:#fff; line-height:50px;}
.tr{ position:absolute; top:28%; left:40px; text-align:left;}
.tr a{ font-size:26px; color:#fff;}
.tr p{font-size:18px; color:#fff; width:63%; margin-top:12px;}
.port-1 .text-desc p{ width:60%; color:#bfbfbf; margin-left:107px; margin-top:8px;}
.port-1 .text-desc{opacity: 0.9; top: -100%; color: #000; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port-1 img{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.port-1:hover h3{background:#428ccd; border:1px solid #428ccd;}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top:auto;bottom: -100%;}
.product-c ul li:hover .port-1.effect-2 .text-desc{bottom: 0;}
.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%;}
.product-c span{ display:block; width:140px; height:40px; text-align:center; margin:70px auto; background:#999; border-radius:10px;}
.product-c span a{ line-height:40px; color:#fff;}
.product-c span:hover{background:#4c6ef4;}

/*关于*/
.about{ width:100%; background:url(img/about.jpg) no-repeat;    overflow: hidden;}
.about p{color:#fff;     padding: 0px 50px 0px 36px;}
.about .about-t{float:left;width:50%;    background: #428ccd;margin:142px 0px 142px 0px;}
.about-t h3{ font-size:20px; color:#fff; padding:65px 0px 42px 36px;}
.about .ab-m{ width:55px; height:55px; border-radius:50%; background:#fff;  text-align:center; float:right; margin:55px 50px 60px 0px;} 
.about .ab-m a{ line-height:50px; font-size:50px; color:#428ccd;}
.about .ab-m:hover {background:#91d369;}
.about .ab-m:hover a{color:#fff;}
/*新闻*/
.sbox{width:100%; background:#f5f5f5;  overflow: hidden;    padding-bottom: 70px;}
.sbox .container h3{color:#666; font-size:26px; margin:62px auto 12px auto; text-align:center;}
.sbox .container  span{width: 73px;height: 1px;margin: 26px auto; text-align: center; background: #428ccd;display: block;}
.sbox .container ul li	{    float: none !important;padding:25px 10px 25px 10px;  float:left;  transition: 0.5s; margin-top:30px;background: #fff;}

.sbox .container ul li h2{ width:100%; float:left; margin-bottom: 12px;}
.sbox .container ul li h2 a{ font-size:16px; color:#606060;}
.sbox .container ul li .n-time{ font-size:14px; color:#999; }
.sbox .container ul li p{ font-size:14px; color:#999;      margin-top: 15px;}
.sbox .container ul li .new-title{margin-top:17px;}
.sbox .container ul li:hover .new-title a{color:#fff;   }
.sbox .container ul li:hover{background:#428ccd; transition: .2s;}
.sbox .container ul li:hover .new-title p{color:#fff;}
.sbox .container ul li:hover .new-title .n-time{color:#fff;}
.sbox .container .new-o dl dd{border-bottom:1px solid #e8e8e8;     padding: 35px 30px 10px 30px;}
.sbox .container .new-o dl{background:#fff;    margin-top: 30px;}
.sbox .container .new-o dl dd a{ color:#666; font-size:14px; background:url(//filecdn.ify.cn/skin/eld1614/img/yuan.png ) no-repeat left; padding-left:18px;}
.sbox .container .new-o dl dd .time-o{font-size:14px; color:#999; margin-top:15px;}
.sbox .container .new-o dl dd:hover a{color:#428ccd;}
/*foot*/
.foot{ width:100%; background:#3a3a3a;overflow: hidden;}
.foot .container{ padding-top:83px;}
.foot dl dt{ font-size:20px; color:#428ccd; margin-bottom:30px;    font-weight: normal;}
.foot dl dd{ color:#fff;line-height: 2.3;}
.foot dl dd a{color:#fff;}
.foot dl dd a:hover{color:#428ccd;}
.foot ul{  margin-top: 36px;}
.foot ul li{ text-align:center; }
.foot ul li img{     margin: 0 auto;}
.foot .wei{width:155px; height:155px; float:right; text-align:center;}
.foot p{ color:#fff; margin-top:10px;font-size:20px;color:#428ccd;}
.foot .bq{ width:100%; color:#fff; line-height:28px; text-align:center;margin-top:90px;margin-bottom:30px;}
.foot .d-nav dd{float:left;    margin-right: 26px;}
/*产品列表页*/
.pro-img{ width: 100%; height: 100%; overflow: hidden;}
.pro-menu{ width:100%; margin:0 auto; background:#f5f5f5;;text-align:center;}
.pro-menu .left_menu{width: 95%; max-width: 1280px; margin: 0 auto;}
.pro-menu ul li{ width:12.5%;   display: inline-block;overflow:hidden;}
.pro-menu ul li:hover{background:#428ccd;}
.pro-menu ul li:hover a{color:#fff;}
.pro-menu ul li a{ font-size:16px;display:block; padding:16px 0;}
.pro-tab{ width:95%; max-width:1280px; margin:0 auto;}
#product-list li{ float:left;     background: #f5f5f5;   width:30%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
#case-list li{ float:left;      background: #f5f5f5;  width:22%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
.pro-t1 h2{padding-bottom: 18px;    line-height: 1.4;   font-size: 16px;margin-top: 18px;}
.add{ display:none;width:95%; max-width:1280px; margin:0 auto;border-bottom: 1px solid #ddd; padding-bottom:23px;   padding-top: 9px;}
.add h3{ float:left;}
.add-box{ float:right;}
#product-list{ margin:4% 0;    overflow: hidden;}
#case-list{ margin:4% 0;    overflow: hidden;}
.pro-tab li:hover a{color:#fff}
#case-list li:hover{background:#428ccd;transition: .2s;}
.pro-tab li img { display:block; transform:scale(1,1); transition:0.8s;}
.pro-tab li:hover img { transform:scale(1.04,1.04);}
/*内容页*/
.new{ width:95%; max-width:1280px; margin:40px auto;}
.new h2{text-align: center;font-size: 30px;  margin: 0 auto;    border-bottom: 1px solid #e8e8e8;padding-bottom: 25px; }
.new article{ margin-top:27px; }
.news-siblings{margin-top:80px;     padding-top: 18px; border-top:1px solid #e5e5e5; font-size:14px;}
.news-siblings div{line-height:34px;    margin-right: 50px; float:left;}
.news-siblings div span{color:#999;}
.news-siblings div a:hover{text-decoration:underline;}
.news-siblings .news-back{ width:150px; height:40px;  line-height:40px; border-radius:3px; background:#c21b2f; color:#fff; text-align:center; float:right;     display: none;   border-top: 1px solid #e8e8e8}
.news-siblings .news-back i{margin:0 0 0 20%;}
.news-siblings div:nth-child(2){ float:right; margin-right:0;}
/*文章是通用样式*/
.new-tab{ width:95%; max-width:1280px; margin:20px auto;}
.new-tab .ne-list{ width:100%;}
.new-tab .ne-list li{    border-bottom: 1px solid #f5f5f5;     padding: 30px 30px;    border-bottom: 1px solid #e5e5e5;}
.new-tab .ne-list li:hover {background:#428ccd;;box-shadow: 0 4px 10px rgba(43, 43, 43, 0.2);     transition: .2s;}
.new-tab .ne-list li:hover h3 a { color:#fff;}
.new-tab .ne-list li:hover .ne-m a { color:#fff}
.new-tab .ne-list li:hover .ne-t span{ color:#fff}
.new-tab .ne-list li:hover .ne-t p{ color:#fff}
.new-tab .ne-list .ne-img{ float:left; width:25%;}
.new-tab .ne-list .ne-t{ float:left; width:64%; padding-top:4px;    margin-left: 5%;}
.new-tab .ne-list .ne-t span{ display:block;  color: #999;;margin-top: 15px;}
.new-tab .ne-list .ne-t p{  color:#818080;margin-top: 15px;}
.new-tab .ne-list .ne-t h3{ text-align:left; margin-top:10px;font-size: 18px;margin-top: 20px;}
.new-tab .ne-list .ne-t .ne-m{  margin-top:16px; }
.new-tab .ne-list .ne-t .ne-m a{ font-size:14px; }
.new-tab .ne-list .ne-t .ne-m:hover{}
/*页码*/
.ny_pages{width:100%; max-width:1280px; margin:auto;text-align:center;margin:5% auto 5%;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_pages a{margin:0px 5px;color:#666; font-size:14px; border:1px solid #e8e8e8; padding:12px 40px;}
.ny_pages a:hover{color:#fff; background:#91d369; border:1px solid #91d369;}

/*适应*/
@media (min-width: 1280px) and (max-width:1680px){
  .swiper-banner{height:639px;} 
  .header .navbar_nav li a{padding: 0 20px;}
}

@media (min-width: 1152px) and (max-width: 1280px){
  .container{width:1000px;}
  .header .navbar_nav li a{padding:0 26px;}
  .swiper-banner{ height:556px;}
  .youshi figure{margin: 50px 41px 0px 41px;}
  .aui-nav-list-box ul li{height:62px;line-height:62px;}
  .header .container{width:100%;}
  .header .navbar_nav li a{padding: 0 17px;}
}
@media (min-width: 991px) and (max-width: 1152px){
    .header .container{    padding: 0 18px;    width: 100%;}
  .sbox .container ul li p{margin-top:2px;}
  .container{width:970px;}
.header .navbar_nav li a{ padding:0 10px;}
.swiper-banner{ height:534px;}
.youshi figure{    margin: 50px 40px 0px 40px;}
.aui-nav-list-box ul li{ height:52px; line-height:52px;}
.foot ul li:nth-child(2) {margin-left: 12%;}
  #guide-banner{height:350px;}
    /*内页*/
  .new-tab .ne-list .ne-img{width:46%;}
  .new-tab .ne-list .ne-t{margin-left: 1%;width: 53%;padding-top:0px;}
  .new-tab .ne-list .ne-t h3{margin-top:12px;    font-size: 16px;}
  .new-tab .ne-list .ne-t span{margin-top:8px;}
  .new-tab .ne-list .ne-t p{margin-top:5px;}
  .new-tab .ne-list li{padding:20px 20px;}
  .header .navbar_nav li.dropdown .dropdown_menu{    width: 154%; left: -30%;}
  .pro-menu ul li{width:24.5%;}
  #product-list li{width:47%;}
  #case-list li{width:30%;}
}
@media (min-width: 767px) and (max-width: 991px){
/*头部*/	
.header{    }
  .header .container{    padding: 0 18px 10px;    width: 100%;}
.header .left .img1{ display:none;}
.header .left .img2{display:block;}
.header{padding: 0 10px; height:70px;}
/*.header .navbar_nav li a{padding:0 9px;     font-size: 15px;   line-height: 70px;}
.header .nav{margin-top:0px; line-height:70px;}*/

.header img{ vertical-align:inherit;}
.header .left{width: 21%; overflow:hidden;}

.wap-top p{ font-size:12px;}
.wap-top span{ font-size:12px;}
.wap-top{ line-height:40px;}
  .lang {
    margin-right: 0;
    position: absolute;
    right: 18%;
    top:-15px;
}
/*banner*/
  #guide-banner{height:300px;}
.swiper-banner{height:320px;}
.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px;}
.swiper-pagination{bottom:9%;}
.youshi figure:nth-child(2){ margin-left:0;}
.header .left a img{  display:block;}
.youshi_box h3{margin: 40px 0px 12px 0px;}
/*关于*/	
.about .about-t{width:78%;}
.about{margin-top:40px;}
.about-img li:nth-child(2){margin-left: 15px;}

.about-img{margin-top:0px;}
.about-img li{margin-top:30px;    width: 32%;}
/*产品*/	
.product-c{margin-top:40px;}
.product-c ul li{ width:29.5%; }
.product-c ul li:nth-child(2){ margin-left:15px;}
.product-c span{    margin: 40px auto;}
  .ind_cta{    width: 21%;}
/*新闻*/	
.sbox .container h3{    margin: 40px auto 12px auto;}
.sbox .container ul li h2 span{ display:none;}
  .sbox .container ul li p{margin-top: 2px;    line-height: 1.6;}
  .sbox .container ul li h2 a{line-height: 1.4;}
.sbox .container ul li{  }
  .sbox .container ul li .new-title{margin-top:0;}
/*foot*/	
.foot ul li:nth-child(2){margin-left:2%;}
  /*内页*/
  .new-tab .ne-list .ne-img{width:43%;}
  .new-tab .ne-list .ne-t{margin-left: 4%;width: 53%;padding-top:0px;}
  .new-tab .ne-list .ne-t h3{margin-top:12px;    font-size: 16px;}
  .new-tab .ne-list .ne-t span{margin-top:8px;}
  .new-tab .ne-list .ne-t p{margin-top:5px;}
  .new-tab .ne-list li{padding:20px 20px;}
  .header .navbar_nav li.dropdown .dropdown_menu{    width: 154%; left: -30%;}
  .pro-menu ul li{width:24.5%;}
  #product-list li{width:47%;}
  #case-list li{width:30%;}
   /*导航*/
.header #navToggle {height: 100%;padding: 6px 15px;margin-right: -15px;display: inline-block;float: right;}
.header #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 19px;}
.header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #333;}
.header #navToggle span:before {top: 8px;}
.header #navToggle span:after {bottom: 10px;}
.header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.header #navToggle.open span {background: none;}.header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
.header .nav{display: none;}.banner img{height: 600px;object-fit: cover;}



}

@media (max-width: 767px){
/*头部*/	
.header{  background:#fff;}
.header .left .img1{ display:none;}
.header .left .img2{display:block;    margin-top: 6px;}
.header{padding: 0 10px; height:50px;    margin-left: 0;position: inherit;width: 100%;}
.header img{ vertical-align:inherit;}
.header .left{ margin-top:5px; height:50px; overflow:hidden;}
.header.on .left .img2{ margin-top:0;}
.wap-top p{ font-size:12px;}
.wap-top span{ font-size:12px;}
.wap-top{ line-height:40px;}
  .ind_cta{width:44%;}
  .ind_cta.twospace{width:44%;}
  .ind_cta h2::after{display:none;}
  .m_nav .ul li .dropdown_menu a{color: #848484;}
  .header .container{padding:0;width:100%;}
  .lang {
    margin-right: 0;
    position: absolute;
    right: 18%;
    top:-18px;
}
/*banner*/	
.swiper-banner{height:230px;}
.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px;}
.swiper-pagination{bottom:9%;}
.youshi figure:nth-child(2){ margin-left:0;}
.header .left a img{ width:60%; display:block;}
.youshi_box h3{margin: 40px 0px 12px 0px;}
/*关于*/	
.about .about-t{width:91%;    margin: 30px 0px 30px 0px;}
.about{margin-top:40px;}
.about-img li:nth-child(2){margin-left:7px;}
.about-img{margin-top:0px;}
.about-img li{margin-top:30px;}
  .more{    margin: 40px auto;}
/*产品*/	
.product-c{margin-top:40px;}
.product-c ul li{ width:92%; margin-top:40px;  /*  margin-left: 10px;margin-right: 10px;*/}
.product-c ul li:nth-child(2){ /*margin-left:0px;*/}
.product-c span{    margin: 40px auto;}
.product-c ul li:nth-child(3){float:left;}
  .product-c .pt p{margin-bottom:0;}
  .product-c ul li h2 a{    line-height: 1.5;}
  .ind_cta.singlespace h2{    line-height: 1.5;     padding-top: 13px;}
/*新闻*/	
.sbox .container h3{    margin: 40px auto 12px auto;}
.sbox .container ul li h2 span{ display:none;}
.sbox .container ul li{   }
  .sbox .container ul li img{margin:0 auto;}
/*FOOT*/
  .foot dl{    text-align: center;    margin-top: 20px;}
  .foot .container{    padding-top: 60px;}
.foot dl dd{    text-align: center;width: 100%;}
.foot ul li img{ display:block;margin:20px auto;}
.foot ul li{ float:none; text-align:center;}
.foot ul li:nth-child(2){ margin-left:0px;}
.foot ul li:nth-child(3){ float:none;}
.foot .bq{ margin-top:40px;margin-bottom: 30px;}
  .foot dl dd a{ padding: 0px 15px 0px 15px;}
/*内页*/
 #guide-banner{height:200px;}
.pro-menu ul li{width:50%;}
.pro-menu ul li a{font-size:16px;}
 #product-list li{width:100%;}
#case-list li{width:47%;}
.new-tab .ne-list .ne-img{width:100%;}
.new-tab .ne-list .ne-t{width:100%; margin-left:0px; }
.new-tab .ne-list .ne-t h3{ font-size:16px;line-height: 1.5;}
  /*导航*/
.header #navToggle {height: 100%;padding: 6px 15px;margin-right: -15px;display: inline-block;float: right;}
.header #navToggle span {position: relative;width: 25px;height: 1px;margin-top: 19px;}
.header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #333;}
.header #navToggle span:before {top: 8px;}
.header #navToggle span:after {bottom: 10px;}
.header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
.header #navToggle.open span {background: none;}.header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
.header .nav{display: none;}.banner img{height: 600px;object-fit: cover;}

}