@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%;}
    padding-bottom: 34%;@charset "utf-8";
/* CSS Document */
html,body{ font:14px/1.8 '微软雅黑',Tahoma,Verdana,'Simsun'; color:#666; -webkit-text-size-adjust:none; margin:0;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0; font-weight:normal;    line-height: 1.6;}
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;}
.container{max-width:100%;}
.fd{    width: 68.75%; border: none; height: 48px;    text-indent: 20px;background: #fff;}
/*导航*/
.fl {float: left;}
.fr {float: right;}
.header{width:100%; z-index:999;height:90px;padding: 0 30px; line-height:90px;  position: absolute;
top: 50px;left:0;    border-radius: 20px;     transition: .2s; }
.header .container{     padding: 0 40px;  max-width:1280px; width:100%;margin: 0 auto;position: relative;background: #fff;border-radius: 20px;}
.search{width:63px; height:36px; border-radius:10px;  margin-top:31px; cursor:pointer;}
.search img{margin:0 auto; display: block;}
.searchbox{    position: absolute;top: 110%; width:24%; right:12px; border-radius: 10px; display:none;z-index: 100; overflow: hidden;}
.searchbox input[name=searchword] { width: calc( 100% - 96px ); border: none; text-align: center; line-height: 46px; font-size: 15px; color: #666}
.searchbox input[type=submit] { width: 104px; height: 48px; line-height: 48px;background:#106eae;  font-size: 15px;color:#fff; border: none;border-left: 1px solid #eee;}
.in{visibility: visible;opacity: 1;}
.search:hover .searchbox{visibility: visible;opacity: 1;}
/*左侧logo*/
.header .left{ float:left; }
.header .left a img{    margin-top:13px;}
.header .left .img2{display: none;}
.fixnav{width:100%;margin-left:0;position:fixed;left: 0;top: 0;border-radius: 0;transition: .2s;}
/*右侧*/
.header .nav{margin-right: 10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;line-height: 50px;display: block; }
.header .navbar_nav li{float:left;position: relative;display: block;}
.header .navbar_nav li:after{content: "";width: 0;height: 3px;background:#2c8c31;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 15px;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:#2c8c31;}
.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: #f8f8f8;/*box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);*/left:0;width: 690px; left: -374px;padding: 40px;}
.header .navbar_nav li.dropdown .dropdown_menu a{border-bottom: 1px solid #e8e8e8;font-size: 15px;color: #666;padding: 0 10px;line-height: 40px;text-align: left;  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: #2c8c31;}
.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:#2c8c31;}
.header.on .st h2{ color:#333;}
.header.on .st p{ color:#333;}
.dro-m{    width: 41%;float: left;}
.dro-i{   float: right;    width: 52%;}
#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: rgba(0,0,0,0.8);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 #949494;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{position: relative;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav.open .ul li p{position: absolute; right: 15px;top: 15px;}
.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: #e3e3e3;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;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}
/*头部*/
.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:610px;background-size:auto 100%;}
.swiper-banner{position:relative; width:100%; height:863px;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:12px; width:12px;  margin:0 6px; background:#106eae; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet-active{background:#2c8c31;}
/*youshi*/
.you-b{width:100%; background:#f7f8fc;padding: 90px;}
.you-b h3{ text-align:left; font-size:30px;    margin-bottom: 40px; }
.you-b img {display: block; transform: scale(1,1);transition: 0.8s;}
.you-b .t-left{ float:left;     padding-bottom: 34.376%; position:relative; overflow:hidden;   width: 29.22%;}
.you-b .t-left .t-text{ position:absolute; top:0; left:0;   background: rgba(0, 0, 0, 0); width: 100%;height: 100%;  padding: 42px 42px; }
.you-b .t-left .t-text h4,.t-right li .tr-t h4,.you-b .t-right li:nth-child(2) .tr-t h4,.you-b .t-right li:nth-child(4) .tr-t h4{font-size:18px; color:#fff;}
.you-b .t-left .t-text p,.t-right li .tr-t h4,.you-b .t-right li:nth-child(2) .tr-t p,.you-b .t-right li:nth-child(4) .tr-t p{color:#fff;}
.you-b .t-left .t-text span{color:#fff; width:100px; height:37px;margin: 20px 0; border:1px solid #fff; display:block; text-align:center; line-height:37px;}
.you-b .t-left:hover span{background:#2c8c31; color:#fff;border:1px solid #2c8c31;}
.you-b .t-left:hover .t-text{background: rgba(0, 0, 0, 0.6);     transition: .3s;}
.you-b .t-left:hover img{opacity: .5;    transition: .5s;    transform: scale(1.08,1.08);}
.you-b .t-left:hover .t-text h4{color:#fff;}
.you-b .t-left:hover .t-text p{color:#fff;}
.you-b .t-right{float:right; width:70.78%}
.you-b .t-right li{     padding-bottom: 23.401%;  width: 48%; background:#000;   overflow: hidden;float:left; position:relative;margin:0 0 1.9% 1.9%;}
.you-b .t-right li.t-pi{    width: 54.5%;}
.you-b .t-right li.t-pt{    width: 41.4%;}
.you-b .t-right li.t-pe{    width: 26.5%;}
.you-b .t-right li.t-pd{    width: 41.3%;}
.you-b .t-right li .tr-t{ position:absolute; top:0; left:0;background: rgba(0, 0, 0, 0); width:100%; height:100%; padding:30px; 34px;}
.you-b .t-right li .tr-t h4{font-size:18px;}
.you-b .t-right li:nth-child(1) .tr-t h4,.you-b .t-right li:nth-child(1) .tr-t p,.you-b .t-right li:nth-child(3) .tr-t h4,.you-b .t-right li:nth-child(3) .tr-t p,.you-b .t-right li:nth-child(5) .tr-t h4,.you-b .t-right li:nth-child(5) .tr-t p{color:#fff;}
.you-b .t-right li:hover img{opacity: .5;    transform: scale(1.08,1.08);    transition: .5s;}
.you-b .t-right li:hover .tr-t{background: rgba(0, 0, 0, 0.6);     transition: .3s;}
.you-b .t-right li:hover .tr-t h4{color:#fff;}
.you-b .t-right li:hover .tr-t p{color:#fff;}
.a-time .w3layouts_stats_left {padding: 0;text-align: center;}
.a-time .w3layouts_stats_left  p{       font-family: "Impact";   font-size: 50px; color: #2c8c31;  }
.a-time .w3layouts_stats_left h3{ font-size:15px; color:#666; margin:0;    text-align: center;}
.a-time .w3layouts_stats_left .cou{background:url(//filecdn.ify.cn/skin/xgk1644/img/jia.png) no-repeat ; background-position: 215px 55px;}
.a-time .w3layouts_stats_left:nth-child(5) .cou{background:url(//filecdn.ify.cn/skin/xgk1644/img/jia.png) no-repeat;background-position: 156px 55px;}
.a-time .a-time{  padding: 60px 0px 60px 0; overflow:hidden;     background: #f9f9f9;}
.a-time .t-img{    margin-bottom: 8px;}
.zp{margin-top:50px;}
.zp span{font-size:25px;    float: left;}
.zp .z-l{padding:0;margin-top: 16px;}


.aui-nav-content-box {width:100%;    margin-top: 90px;}
.aui-nav-content-box h4{font-size:30px; float:left;}
.aui-nav-list-box { overflow: hidden; zoom: 1;  border-bottom: none;z-index: 110; width:100%;display: block;}
.aui-nav-list-box ul li a {color: #666;}
.aui-nav-list-box ul li a:hover{color: #2c8c31; }
.aui-nav-list-tab{ }
.aui-nav-list-box ul li { color: #666; margin-left: 50px; cursor: pointer;  float:right; font-size: 16px; }
.aui-nav-list-box ul .aui-current {color: #2c8c31; }
.aui-nav-list-item {display: none; }
.aui-banner-right {width: 430px; height: 282px;background: #ddd;float: right;}
.aui-banner-right-ovr {width: 430px;height: 282px; background: #ddd;float: right;}
.r-new li{ margin-top:35px;    border: 1px solid #e8e8e8;   width: 30.97%;float: left;transition: .3s;     margin: 35px 15px 0 15px;   overflow: hidden;}

.r-new li:hover{background:#2c8c31;transition: .3s; border:1px solid #2c8c31;}
.r-new li:hover .rt h3{color:#fff;transition: .3s;}
.r-new li:hover .rt span{color:#fff;transition: .3s;}
.r-new li:hover .rt p{color:#fff;transition: .3s;}
.r-new li .rt{  float:left; width: 100%;   padding: 30px;}
.r-new li .rt h3{    font-size: 16px; color:#2c8c31;}
.r-new li .rt p{    margin-top: 14px;font-size: 14px;color: #666;}
.r-new li .rt span{     float: right; color: #999;   margin: 18px 0 0px; display: block;}
.youb{width:100%;    overflow:hidden; background:#f7f8fc; margin-top:100px;}
.youshi figure{ float:left;width: 20%;text-align: center;       padding: 56px 0 56px 0;}
.youshi figure:hover a{ color:#fff;}

.youshi figcaption{}
.youshi figure div{    width:95px; height:95px;text-align:center;position:relative; margin:0 auto; overflow:hidden; border-radius:50%;  }
.youshi figure  h2{text-align:center; margin-top:28px;}
.youshi figure  h2 a{ font-size:18px; color:#818080; }
.youshi figure  p{font-size:14px; color:#818080; margin-top:8px;  }
.youshi figure div img{ margin:0 auto;}
.youshi .img_01{ opacity:0;}
.youshi .img_02{ opacity:1;}
.youshi .img_01{  position: absolute;left: 0; top:0;}
.youshi figure:hover .img_01{opacity:1;}
.youshi figure:hover .img_02{ opacity:0;}
.youshi figure:hover p{color:#fff;}
.youshi figure:before{position: absolute;top: 0;left: 0;content: "";display: block;width: 100%;height: 100%;opacity: 0;background: #358f38;z-index: -1;transform: scale(.5);transition: all .4s ease-in-out;display: none\0;}
.youshi figure:after{ position: absolute; top: 0; left: 0; content: ""; display: block;  width: 100%; height: 100%; opacity: 0; background: #358f38; z-index:-1; transform: scale(1.5); transition: all .8s ease-in-out; display: none\0; }
.youshi figure:hover:after{ opacity: 1; transform: scale(1);}
.youshi figure:hover:before{opacity: 1; transform: scale(1);}

/*报名*/
.nabout{ font-size:13px; color:#666;line-height:26px; padding:20px 0px 40px 0px; background:#fff;}
.nabout h3{ font-size: 24px; color:#666;text-align:center;margin-top: 4%;}
.nabout table tr{ height:60px;       position: relative;  background: #f6f6f6; margin: 30px 20px 0 20px;    width: 29.2%;  float: left;}
.nabout table tr th{font-size: 14px;font-weight: normal;padding-right: 0px;width:25%;     float: left; line-height: 60px;   background: #f6f6f6;text-indent: 15px;}
.nabout table tr td input{ width: 100%; height:60px; padding: 0px 5px;    background: #f6f6f6;}
.nabout table tr td textarea{ width: 94%; height: 60px; border: none; background: #f6f6f6;}
.submit{ width: 160px !important; height: 50px !important; border: 0;background:#358f38 !important; color: #fff;  cursor:pointer;}
.nabout table span   { color: red; position: absolute;right: 20px;}
.nabout table tr:nth-child(8){ width: 63%;background:;}
.nabout table tr:nth-child(8) th{    width: 13%;    float: left; line-height: 60px;}
.nabout table tr:nth-child(8) td{    float: right; width:87%;}
.nabout tfoot tr{width:100%;    margin-top: 45px;  background:none; text-align:center;}
.nabout tfoot tr th{ background:none;}
  .nabout tfoot tr td { width: 160px;    float: none; margin: 0 auto;display: block; background:#358f38;}
.nabout table  td{width: 65%;display: block;float: left;}


/*关于*/
.about{    width:100%;   overflow: hidden;}
.about .container{padding:180px 0 180px 0;}
.about h3{color:#fff; font-size:30px;   text-align: left; margin-bottom:34px;}
.about p{color:#fff;    width: 50%;    line-height: 2;}

/*foot*/
.foot{ width:100%; background:#fff;    overflow: hidden;}
.foot .container{ padding-top:80px;}
.foot dl dt{font-size:16px; color:#666; margin-bottom:30px;}
.foot .d-nav{    width: 29%;}
.foot .op{float:right; text-align:center;   }
.foot dl:nth-child(3){ /*width:21%;*/}
.foot dl dd a{ color:#999; padding-bottom:12px;    display: block;}
.foot dl dd a:hover {color:#2c8c31;}
.foot ul{ margin-top:30px;}
.foot ul li{ color:#666;margin-bottom: 23px;}
.foot ul li img{ margin-right:12px;}
.foot .bq{ width:100%; margin-bottom: 60px;   border-top: 1px solid #e8e8e8; color:#fff; line-height:60px;color:#999; text-align:center;margin-top:60px;}
.foot .bq a{ color:#999; }
/*产品列表页*/
.about_center02{padding:50px 0 70px;    background: #f8f8f8}
.about_center02 h6{     margin-bottom: 30px;   text-align: center; font-size: 28px;  color: #666;}
.about_center02  .time{color:#999;    display: block; margin: 20px auto;    width: 167px; text-align: center; background:url(//filecdn.ify.cn/skin/xgk1644/img/time.png) no-repeat left; padding-left:32px;}

.tab-menu{   background: rgba(0,0,0,0.5);  transition: .3s;  margin-top: -53px; padding:8px;width:100%;    position: relative;z-index: 10;}
.tab-menu h5{padding: 8px 35px 5px 35px; color: #bbb; font-size: 15px;}
.fix-menu{ position:fixed; top:90px; margin-top:0;    transition: .3s;}
.tab-menu ul li{float:left; margin-right: 12px;        text-align: center;}
.tab-menu ul li a{      padding: 8px 35px 8px 35px;     color:  #bbb;   font-size: 15px;    display: block;}
.tab-menu ul li a:hover{ color: #fff;}
.tab-menu ul li a.on{ color: #fff;}
.zm{display:none;}
.zdh  .mt img{     margin: 0 22px 0 15px;}
.zdh{width: 100%;     position: relative;}
.zdh  .mt{ cursor: pointer;color: #fff;  width: 100%;background: #999; display: block;    line-height: 50px;font-size: 16px;font-weight: bold;height: 50px;}
.zdh  .dit{display:none;  top: 50px; left: 0;}
.zdh  .dit ul li{float:none;    width: 100%;     text-align: left; text-indent: 10px;}
.zdh  .dit ul li a{  display: block;  background: #f5f5f5;     font-size: 15px;    padding: 12px 10px 12px 10px;    border: none;}
.zdh  .dit ul li:hover a{background:#2c8c31; color:#fff;}
.zdh .dit ul li a.on{     color:#2c8c31;}
.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 h2{background:#2c8c31;}
.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;      padding: 0;   width:22%;margin-left: 1.5%;margin-right: 1.5%; text-align:center;margin-bottom: 20px;overflow:hidden;}
.pro-t1 h2{padding-top: 18px; color:#666; background:#fff;   padding-bottom: 18px;    font-size: 16px;}
.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 h2{}
#case-list li:hover h2{ background:#2c8c31;transition: .2s;color:#fff}
.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-bo .h-new li .rt{background:#fff;}
.h-new li{  position:relative; margin: 30px 14px 0px 14px;     width: 30%;   padding: 0; transition: .3s;    overflow: hidden;}
.h-new li:hover .rt{background:#2c8c31;transition: .3s;}
.h-new li:hover .rt h3{color:#fff;transition: .3s;}
.h-new li:hover .rt span{color:#fff;transition: .3s;}
.h-new li:hover .rt p{color:#fff;transition: .3s;}
.h-new li .rt{        background: #fff;padding: 25px;}
.h-new li .rt h3{      color: #666; font-size: 18px; line-height: 1.6;}
.h-new li .rt p{font-size: 14px;color: #666;}
.h-new li .rt span{    margin: 8px 0 12px; display: block;}
.new-bo .h-new li{ margin: 10px 0 30px 0; }
.h-new li .li_line{width:0; height:5px; background:#ae1010; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.h-new li:hover .li_line{width:100%;}
/*页码*/
.ny_pages{width:100%; max-width:1280px; margin:auto;text-align:center;margin:5% auto 0%;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;float: left;}
.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:#106eae; border:1px solid #106eae;}

  .suspension i{display:block;}
  .suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:55px;background-color:#333;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#2c8c31;}
  .suspension .i img{margin: 0px auto;width: 18px; display: block; padding-top: 17px;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#333;}
.suspension .a-top:hover{background:#2c8c31;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(//filecdn.ify.cn/skin/xgk1644/img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(//filecdn.ify.cn/skin/xgk1644/img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*适应*/
@media (min-width: 1280px) and (max-width:1680px){

}

@media (min-width: 1152px) and (max-width: 1280px){

}
@media (min-width: 1079px) and (max-width: 1280px){
  .swiper-banner{    height: 650px;}
  .header .navbar_nav li a{padding: 0 7px;font-size: 15px;}
  .search{width:33px;}
  .r-new li{width:30%;}
  .you-b .t-left .t-text h4, .t-right li .tr-t h4, .you-b .t-right li:nth-child(2) .tr-t h4, .you-b .t-right li:nth-child(4) .tr-t h4{font-size:16px;}
  .you-b .t-right li .tr-t h4{font-size:16px;}
    .header .container{    padding: 0 18px;    width: 100%;}
  .sbox .container ul li p{margin-top:2px;}
  .container{width:970px;}
  .youshi figure p{font-size:13px;}
.aui-nav-list-box ul li{ height:52px; line-height:52px;}
  .tab-menu ul li a {padding: 8px 22px 8px 22px;}

    /*内页*/
  .you-b .t-right li{    margin: 0 0 17px 12px;}
  
  .header .navbar_nav li.dropdown .dropdown_menu{    width:590px; left: -364px;}
  .pro-menu ul li{width:24.5%;}
  #product-list li{width:47%;}
  #case-list li{width:30%;}
  .nabout table tr th{    width: 32%;}
}
@media (min-width: 767px) and (max-width: 1079px){
.header{    }
  .search{    margin-top: 23px;}
  .header .nav{    margin-right: 13px;}
  .header .container{    padding: 0 18px;    width: 100%;}
.header .left .img1{ display:none;}
.header .left .img2{display:block;width:67%;}
.header{padding: 0 12px; height:70px;    top: 25px;}
  .fixnav{top:0 !important; }
.header .navbar_nav li a{padding:0 11px;     font-size: 15px;   line-height: 70px;}
.header .nav{margin-top:0px; line-height:70px;}
  .header .navbar_nav li.dropdown .dropdown_menu{top:70px;width: 420px;left: -281px;padding: 20px;}
  .header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;}
.dro-m { width: 44%;}
.header img{ vertical-align:inherit;}
  .searchbox{    width: 43%;}
.header .left{ overflow:hidden;}
  .you-b{padding:20px;}
  .you-b h3{font-size:23px;}
  .you-b .t-right li .tr-t{padding:18px;}
  .you-b .t-right li{ padding-bottom: 22.5%; }
  .you-b .t-right li.t-pi,.you-b .t-right li.t-pt{width:46%;}
  .you-b .t-right li:nth-child(3){width:26%;}
    .you-b .t-right li:nth-child(4){width:26%;}
     .you-b .t-right li:nth-child(5){width:37%;}
  .you-b .t-left .t-text {    padding: 20px 20px;}
  .you-b .t-right li p{display:none;}
  .you-b .t-right li .tr-t h4 {font-size: 15px;}
  .you-b .t-right li .tr-t {position: absolute; top: 20px; left: 13px;}
  .you-b .t-left .t-text h4, .t-right li .tr-t h4, .you-b .t-right li:nth-child(2) .tr-t h4, .you-b .t-right li:nth-child(4) .tr-t h4 {
    font-size: 15px;}
  .zp span { font-size: 23px;}
  .zp { margin-top: 20px;}
  .aui-nav-content-box h4 {font-size: 23px}
  .aui-nav-content-box{margin-top: 30px; padding: 10px;}
.aui-nav-list-box{    line-height: 40px;}
  .aui-nav-list-box ul li{    margin-left: 12px;    font-size: 15px;}
  .r-new li{       margin: 30px 8px 0 8px;}
  .r-new li .rt p{display:none;}
  .r-new li:nth-child(3) {float: left;}
  .youb{    margin-top: 30px; padding: 10px;}
  .youshi figure{width: 20%;    padding: 20px 8px 20px 8px;}
  .youshi figure p{display:none;}
/*banner*/	
.swiper-banner{height:420px; }
.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px;}
.swiper-pagination{bottom:9%;}
.youshi figure:nth-child(2){ margin-left:0;}
.youshi_box h3{margin: 40px 0px 12px 0px;}
/*关于*/	
.about{   padding: 35px}
  .about h3{    font-size: 23px;}
  .about p{width: 58%;}
  .about .container { padding: 40px 0 40px 0;}
.foot dl:nth-child(3) {  width: 26%;}
  .foot .op{    display: none;}
  .foot .d-nav{    width: 40%;}
  .foot .container {padding-top: 40px;}
  .foot .bq{margin-top:0;    margin-bottom: 10px;}
  
/*内页*/
 #guide-banner{height:380px;}
 #product-list li{width:100%;}
#case-list li{width:22%;}
  .tab-menu{        padding: 0;  background: none;position: static;    margin-top: 0;}
  .cul{display:none;}
  .zm{display:block;}
  .about_center02 h6{    font-size: 23px;}
  .about_center02 { padding: 30px 0 30px;}
  .h-new li{    margin: 30px 8px 0px 8px; width: 31}
  .h-new li .rt{    padding: 10px;}
  .h-new li .rt h3{font-size: 16px;}
  .h-new li .rt p{display: none;}
  .ny_pages{    margin: 12% auto 1%;} 
  .tab-menu .container{width:100%;}
  .nabout table tr{width:100%;    margin: 10px 0;}
  .nabout table tr th{width:28%;}
  .nabout table td{width: 66% !important;}
  .nabout table tr:nth-child(8) { width: 100%;}
  .nabout table tr:nth-child(8) th { width: 32%;}
  .nabout h4 { font-size: 23px;}
 
}

@media (max-width: 767px){
/*头部*/
  .search{display:none;}
.header{  background:#fff;}
.header .left .img1{ display:none;}
.header .left .img2{display:block;      width: 58%;  margin-top: 1px;}
.header{padding: 0 10px; height:60px;    line-height: 60px;    margin-left: 0;    position: fixed;width: 100%; top: 0; border-radius: 0;}
.header img{ vertical-align:inherit;}
.header .left{ margin-top:9px; height:50px; overflow:hidden;}
.header.on .left .img2{ margin-top:0;    width:70%;}
  .m_nav .ul li .dropdown_menu a{color: #848484;}
  .header .container{padding:0;width:100%;    background: none;}
  .you-b{padding:30px 10px 0 10px;}
  .you-b h3{font-size:23px;    margin-bottom: 25px;}
  .you-b .t-left{width:100%;padding-bottom: 44%;}
  .you-b .t-right{width:100%;}
  .you-b .t-right li{width:100%;      padding-bottom: 42%;  margin: 0;}
  .you-b .t-right li:nth-child(3){width:50%;}
    .you-b .t-right li:nth-child(4){width:50%;}
  .you-b .t-right li .tr-t h4 {font-size: 16px;}
  .you-b .t-right li .tr-t {    padding:18px 0 0 10px;}
  .you-b .t-right li.t-pd { width: 100%;}
  .you-b .t-left .t-text h4, .t-right li .tr-t h4, .you-b .t-right li:nth-child(2) .tr-t h4, .you-b .t-right li:nth-child(4) .tr-t h4 {
    font-size: 16px;}
  .you-b .t-left .t-text{padding: 20px 20px;}
  .zp span { font-size: 23px;}
  .zp { margin-top: 20px;    padding-bottom: 30px;}
  .aui-nav-content-box h4 {font-size: 23px}
  .aui-nav-content-box{margin-top: 30px; padding: 10px;}
.aui-nav-list-box{    line-height: 40px;}
  .aui-nav-list-box ul li{    margin-left: 12px;    font-size: 15px;}
  .r-new li{       width: 98%; margin: 35px 1% 0;}
  .r-new li .rt{    padding: 10px;}
  .r-new li .rt h3 {font-size: 15px;}
  .youshi figure:nth-child(5){display:none;}
  .r-new li:nth-child(2) { margin-left: 10px;}
  .r-new li .rt p{display:none;}
 /* .r-new li:nth-child(3) {float: left;display: none;}*/
  .youb{    margin-top: 30px; padding: 10px;}
  .youshi figure{width: 50%;    padding: 20px 8px 20px 8px;}
  .you-b .t-left .t-text span{display:none;}
/*banner*/	
.swiper-banner{height:230px;    margin-top: 60px;}
.swiper-pagination .swiper-pagination-bullet{width:10px; height:10px;}
.swiper-pagination{bottom:9%;}
.youshi figure:nth-child(2){ margin-left:0;}
.youshi_box h3{margin: 40px 0px 12px 0px;}
  .you-b .t-right li.t-pi{width:100%;}
  .you-b .t-right li.t-pt{width:100%;}
/*关于*/	
.about{   padding: 10px}
  .about h3{    font-size: 23px;}
  .about p{width: 90%;}
  .about .container { padding: 40px 0 40px 0;}

  .foot .d-nav{    width: 100%;}
  .foot dl{    display: none;}
  .foot .container {padding-top: 40px;}
  .foot .bq{margin-top:0;    margin-bottom: 10px;}
  
/*内页*/
 #guide-banner{height:300px;    margin-top: 50px;}
 #product-list li{width:100%;}
#case-list li{width:47%;    padding: 0;}
  .tab-menu{      padding: 0;  background: none;position: static;    margin-top: 0;}
  .cul{display:none;}
  .zm{display:block;}
  .about_center02 h6{    font-size: 23px;}
  .about_center02 { padding: 30px 0 30px;}
  .h-new li{    margin: 30px 8px 0px 8px; width: 45%;}
  .h-new li .rt{    padding: 10px;}
  .h-new li .rt h3{font-size: 16px;}
  .h-new li .rt p{display: none;}
  .ny_pages{    margin: 12% auto 1%;} 
  /*导航*/
.header #navToggle {height: 100%;padding: 10px 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;}
  .nabout table tr{width:96%;    margin: 10px 2%;}
  .nabout table tr th{width:28%;}
  .nabout table td{width: 66% !important;}
  .nabout table tr:nth-child(8) { width: 100%;}
  .nabout table tr:nth-child(8) th { width: 32%;}
  .nabout h4 { font-size: 23px;}

}