@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 '微软雅黑','Arial',sans-serif; color:#333; -webkit-text-size-adjust:none; margin:0;letter-spacing: 0.2px;}
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; }
.clear{ clear:both;}
.container{max-width:100%;}
.container1{width:1250px;max-width:100%; margin:0 auto;}
#guide-banner{    position: relative; height:500px;}
.bod{width:100%; overflow:hidden; background:url(//filecdn.ify.cn/skin/pksy9548/img/SY.jpg) no-repeat center; background-size:cover; }
table td{width:50%;}
table td p{padding:0 6% 0 6%;}
.con{margin-top:3%;}
.flexslider .slides > li .f-img{height: 75vh; width: 100%; -webkit-animation: zoom 20s; animation: zoom 20s;}
/*头部*/
.header { background-color: #fff;   position: absolute; width: 100%;/* position: fixed; background:#fff; top: 0; left: 0;*/ z-index: 100; text-align: center;    transition: .5s ease-in-out;   top:0;      }
.header .container{  }
.logo { float: left;     margin-left: 14%;   display: table;}
.cell{display: table-cell;vertical-align: middle;}
.header .logo .logo1{transition: .3s;   }
.header .logo .logo2 {display: none;transition: .3s;    margin-top: 17px;}
.fixnav{background:#fff;position:fixed !important;left: 0;top: 0;transition: .3s; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); }
.fixnav .menu_box ul.menu>li>a {color:#676767;    font-weight: 400;}
.lang{float:right;line-height: 95px;}
.fr{float:right;}
.fl{float:left;}
.m-search{width:90%; color:#666; margin:15px auto;    position: relative;}
.m-search .m-s1 input{    background:none; color: #666; border-radius: 20px;  height: 32px;text-indent: 15px; width:100%;}
.m-search .m-s2{    position: absolute;     right: 15px; top: 7px;}

.con-l { padding-top: 55px; }
.prd .container ul li:last-child { /*clear: both;*/ }
/*友情链接*/
.f_link{width:1200px;margin:0 auto;line-height:30px;margin-bottom: 20px;color: #fff;
    font-family: "微软雅黑";
    font-size: 14px!important;
}
.f_link a{
  	 color: #d1d1d1;
    font-family: "微软雅黑";
    font-size: 14px!important;
    padding: 0px 10px;
}
.f_link a:hover {
    color: #51b431;
}
/*pc导航*/

.menu_box { float: right;    line-height:95px;    margin-right: 24px;}
.menu_box ul.menu>li {    position: relative; float: left; text-align: center;   padding: 0 30px; }
.menu_box ul.menu>li::after { }
.menu_box ul.menu>li:last-child::after { display: none; }
.bottom_border { position: absolute; width:; text-align: center; bottom: 0px; left: 0; display: none; }
.bottom_border>i { display: inline-block; height: 4px; width: 50px; background-color: #ff6d00; }
.menu_box ul.menu>li>a { color: #676767;    font-weight: 400; display: inline-block; font-size:16px;transition: .3s;    line-height: 3;}
.menu_box ul.menu>li.current>a { color: #fff; }
.menu_box ul.menu>li:hover .bottom_border { display: block; }
.menu_icon { position: absolute; top: 3px; right: 0; }
.menu_box ul li:hover a.yn{color:#51b431;}
.menu_box ul.menu li:hover a{color:#51b431; border-bottom:2px solid #51b431;}
/*pc下拉导航*/
/*pc下拉导航*/
.menu_2 { display: none; position: absolute; z-index: 10000; text-align: center; width: 100%; left: 0; top:95px; }
.menu_2 li {line-height: 20px;padding: 12px 5px;margin-top: 2px;background:#0081cc;}
.menu_2 li a { color: #fff; display: block; }
.menu_2 li:hover a { color: #fff; }
.wrap_menu { background:#222;background-size:cover;    transition: all .5s ease;}
/*黑色遮罩*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; display: none; top: 0; left: 0; }
/*手机左边弹出导航*/
.menu_icon { margin: 12px 0 0 4%; cursor: pointer; }
.wrap_menu { width: 280px; position: fixed; top: 0px; left: -280px; height: 100%; text-align: left; z-index: 10000001; overflow-y: scroll; }
.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold;BORDER-BOTTOM: 1PX SOLID #FFF;  }
.wrap_menu li:nth-child(10),.wrap_menu li:nth-child(11),.wrap_menu li:nth-child(12){display:none;}
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu li.menu_close { font-size: 15px; position: absolute; top: 7px; right: 15px; color: #fff; border-bottom: none; z-index: 1000; }
.wrap_menu li {text-align: center; margin-bottom: 2px; font-size: 14px; position: relative; }
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; padding: 10px 15px; }
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255,255,255,0.8); overflow: hidden; line-height: 30px; font-size: 14px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.wrap_menu_2 { display: none; }
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 175px; }
.flexslider .slides .bslid{position:absolute;text-align: center; top: 33%;width:100%;color:#fff;}
.flexslider .slides .bslid h2{font-size:30px; animation-delay: .1s; padding-top: 25px;}
.flexslider .slides .bslid span{width:100%;font-size: 48px; margin:0 auto;animation-delay: .2s; display:block;}
.flexslider .slides .bslid dl dd{display: inline-block;text-align: center; width: 134px;margin: 2% 1% 0 1%;   height: 48px;line-height: 48px;border-radius: 10px;background:#fff;transition: all .5s ease;animation-delay: .3s;}
.flexslider .slides .bslid dl dd a{color:#666;}
.flexslider .slides .bslid dl dd:nth-child(1){background:#51b431;}
.flexslider .slides .bslid dl dd:nth-child(1) a{color:#fff;}
.flexslider .slides .bslid dl dd:hover{background:#51b431;}
.flexslider .slides .bslid dl dd:hover a{color:#fff;}
.plist h3{ text-align:center;font-size: 30px; margin-top: 0;   color: #333;    font-weight: 600; padding-top:6%;}
.plist p{    text-align: center; padding-top: 10px;  font-weight: 400;  color: #888888;}
.plist h3 i{ font-style:normal;border-bottom: 2px solid #666;padding-bottom: 16px;}
.about .ab-l{margin-top:0;}
.about .container{    padding: 4% 0 5%;}
.about .ab-l h4{    font-size: 30px;color: #fff; font-weight: 600; line-height: 1.6;margin: 0px;}
.about .ab-l h4 i{font-style: normal;    border-bottom: 2px solid #fff; padding-bottom: 2%;}
.about .ab-l p{padding-top: 2%;color: #fff;}
.about .ab-r span{width:200px;height:60px;text-align:center; line-height:60px;background:#51b431; color:#fff;transition: all .5s ease;    display: block;margin:0 auto;  margin-top: 15%;    font-size: 15px; font-weight: 600;}
.about .ab-r{float:right;}
.about .ab-r span:hover{background:#51b431;}
.about .ab-l h3{    font-size: 14px; color: #bdbdbd; font-weight: 600;}

.pbox{ width:100%;  overflow: hidden;     padding-bottom: 5%; }
.pbox .container .grid {width: calc(calc(33.333333% - 0px));float: left;    padding: 4% 10px 0 10px;  transition: 0.5s; text-align:left; }
.pbox .container .grid:hover span{color:#51b431;}
.pbox .container .grid:nth-child(1){ animation-delay:0.1s;}
.pbox .container .grid:nth-child(2){ animation-delay:0.3s;}
.pbox .container .grid:nth-child(3){ animation-delay:0.5s;}
.pbox .container .grid:nth-child(4){ animation-delay:0.7s;}
.pbox .container .grid .g-tt{ border: 1px solid #cccccc; font-size:14px;   transition: all .5s ease;       padding: 10%;}
.pbox .container .grid .g-tt i{font-style: normal;font-size: 16px; font-weight: 600; color: #666; padding-top: 6%;display: block;}

.pbox .container .grid:hover .g-tt{border-color: #fff; box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);  }
.pbox .container .grid .g-tt p{ font-size:14px;  margin-top:13px;color:#666;}
.pbox  span{   margin-top: 26px;font-weight: 600; font-size: 25px;display: block; }
.pbox .container .grid .g-tt img{ display:block; margin:0 auto;}
.product{width:100%; overflow:hidden;    padding-bottom: 4.5%;}
.product ul { width: 1224px; transform: translateX(-24px); }
.product ul li{overflow:hidden; position:relative;     padding-left: 26px;  padding-bottom: 25%; margin-bottom:26px;}
.product ul li:nth-child(1){    width: 66.666667%;}
.product ul li .p-img{overflow: hidden;height: 100%;position: absolute;top: 0;width: 100%;}
.product ul li .p-t{transition: all 300ms ease-in-out;position: absolute;width: 94%; height: 100%;  text-align: center;top: 0;color: #fff;font-size: 20px;    padding: 26% 3% 26% 3%; background:#51b431;left:0;   opacity: 0;}
.product ul li:nth-child(1) .p-t{padding: 13% 0;width:97%;}
.product ul li .l-t img{transition: all 300ms ease-in-out;}
.product ul li:hover .l-t img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.product ul li .p-t img{margin: 0 auto;display:block;     margin-bottom: 15px;}
.product ul li .l-t{transition: all .5s ease; }
.product ul li:hover .p-t{opacity: 1;}
.product ul li p{    font-size: 14px;    margin-top: 2%;}
.product ul{margin-top: 4.5%;}

/*关于我们*/
.pbox .reco { width: 89%;margin: 0 auto;text-align: center;font-size: 15px;color: #505050;padding: 20px 0px; }
.pbox .reco-info { width: 89%;margin: 0 auto;display: flex;/*border: 1px solid #aaa;*/padding: 20px 0px;text-align: center;    flex-wrap: wrap; }
.pbox .reco-info span { width: 25%;border: /*1px solid blue;*/ }
.pbox .reco-info span h4 { font-size: 48px;color: #51b431;font-weight: 600; }
.pbox .reco-info span p { font-size: 15px;color: #505050; }

/*解决方案*/
.about .about-items { width: 100%;display:flex;flex-wrap: wrap;justify-content: space-between;color: #fff;margin-top: 40px; }
.about .about-items .items {  width: 17%;position: relative;border: 1px solid #fff;padding: 70px 10px 0px 10px;cursor: pointer;transition:.3s; }
.about .about-items .items:hover { background-color:#51b431;border: 1px solid #51b431; }
.about .about-items .items .items-icon { position: absolute;width: 17px;height: 17px;top: 15%; }
.about .about-items .items .items-info { color: #fff; }
.about .about-items .items .items-info h4 { font-size: 16px; }
.about .about-items .items .items-info p { font-size: 12px; }

.new { background:#f7f7f7;padding-bottom: 60px; }

.team{background:#f7f7f7; width:100%; overflow:hidden;padding-bottom: 4%;}
.team ul li{}
.team .plist p{padding-bottom: 3%;}
.team ul li .t-img{padding:30px 30px 0 30px;}
.team ul li img{max-width: 60%; border-radius: 50%; margin: 0 0 30px 0;}
.team ul li h4{    font-weight: 700;    margin-bottom: 6px;}
.team ul li span{font-size:13px;}
.team ul li .tp{padding-top: 10px;color: #aaaaaa;}
.team ul li dd{    transition: ease-in-out 0.3s; display: flex;align-items: center;justify-content: center;border-radius: 50px;
 width: 32px; height: 32px;background: #a8a5ae;margin: 0 4px 0px 4px;}
.team ul li dd img{max-width: 100%; border-radius: 0; margin: 0 ;}
.team ul li dl{     padding: 20px 0 30px 0;  display: flex;align-items: center;justify-content: center;}
.team ul li dl dd:hover{background:#51b431;}
.team ul li .te-a{/*box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/ text-align: center; background: #fff;}

.r-new li{  margin-top: 5%;transition: all .5s ease;    overflow: hidden;}
.r-new li .rt{}
.r-new li:hover .rt h3{color:#51b431;}
.r-new li .r-img{    position: relative; overflow: hidden;}
.r-new li .r-img img{   -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; }

.r-new li:hover .r-img img{  -webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2); }
.r-new li .rt h3{     line-height: 1.4;border-bottom: 1px solid #eee;   font-weight: 400;  color: #333;  font-size: 16px; padding: 2% 0;}
.r-new li .rt p{font-size: 14px;padding-bottom: 1%;color: #666;}
.r-new li .rt span{  display: block;    color: #333;}
.r-new li .rt span b{    font-weight: normal;color:#51b431;}
.r-new li .r-img:before{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  content: '';
  z-index: 1;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0)), to(rgba(52, 52, 52, 0.90196)));
  background-image: -webkit-linear-gradient(top, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));
  background-image: -o-linear-gradient(top, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));
  background-image: linear-gradient(to bottom, rgba(52, 52, 52, 0), rgba(52, 52, 52, 0.90196));}
.r-new li:hover .ad-img img{    -webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}
.r-new li .ad-b{position: absolute; z-index: 2; left: 40px; width: 100%;bottom: 40px;}
.r-new li .ad-img{   float: left;  width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.r-new li .ad-t{      margin-left: 20px;  float: left;}
.r-new li .ad-t h2{     margin-bottom: 5px;   margin-top: 6px;color: #fff; font-size: 20px;  font-weight: 600;}
.r-new li .ad-t span{color: #51b431;    font-weight: 600;}
.r-new li .ad-img{float:left;}
/*留言*/
input:focus {border:none;outline: none;}
textarea:focus {outline: none;}
.mes h4{    /*font-size: 35px;*/font-size: 18px;color: #fff;margin-top: 30px;}
.mes h4 i{font-style: normal; border-bottom: 2px solid #fff;padding-bottom: 16px;}
.mes{ width:100%; overflow:hidden;/* margin-top:4.5%;*/}
.mes input{ width:100%; height:50px; font-size:14px; color:#fff;  border:none;  text-indent: 20px; background-color: rgba(250, 250, 250, 0.1);}
.mes .kt input{ border: none; text-align:center;    width: 140px; background: #51b431; border-radius: 10px;text-indent: 0;}

.mes .kt input:hover input{color:#51b431;}
.mes .kk textarea{width:100%;text-indent: 20px; border: none;   background-color: rgba(250, 250, 250, 0.1);  height: 170px; color:#fff;    line-height: 2.2;   }
.mes .kk{    margin-bottom: 4%;}
.mes .m-l p{color: #fff;/*padding-top: 10%;*/padding-top: 1%;    font-size: 13px;}
.mes .m-l{padding-top: ;width: 49%;}
.mes .m-r{float:right;}
.mes .container{    padding: 5% 0 5% 0;}
.mes .kt{padding: 0 10px 0 10px}
.foot{width:100%; overflow:hidden; background:#222;}
.foot dl{    margin: 5% 3% 0 3%;}
.foot dl dt{ font-size:22px; color:#51b431;font-weight:normal;    padding-bottom: 6%;}
.foot dl dd{margin-top: 2%;}
.foot dl li img{    margin-right: 6px;}
.foot dl li{    margin-bottom: 8px;}
.foot dl:nth-child(2){width: 12%;}
.foot dl:nth-child(3),.foot dl:nth-child(4){width: 18%;}
.foot span{     line-height: 36px; color: #fff;   text-align: left; }
.foot span a{      color: #fff; }
.foot .meb ul li{float:left;     margin: 0 4px 0 4px;text-align:center;width:36px;height:36px; border-radius:50%; background:#51b431;}
.foot .meb ul li img{    margin: 11px auto;}
.foot .meb{float:right;}
.foot .container{padding: 2% 0 2% 0;}
.dmenu{  }
.dmenu .me{text-align:center;}
.c-banner{    padding: 12.8% 0 12.8% 0;}
.dmenu .me h4{color:#fff; font-size:40px;     font-weight: 600;   margin-bottom: 20px;}
.dmenu ul li{    display: inline-block;text-align: center;}
.dmenu ul li a{color:#fff;     font-size: 16px;   padding: 0 12px 0 12px;    display: block;border-left: 1px solid #fff;line-height: 10px;}
.dmenu ul li:nth-child(1) a{border-left:none;}
.dmenu ul li:hover a{color:#51b431;}
.dmenu ul li a.on{color:#51b431;}
.zx,.zx1{margin-top:3%;}
.sx ul li{-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.04); box-shadow: 0 0 30px rgba(0, 0, 0, 0.04); position:relative;    text-align: left;    margin-bottom: 20px;}
.sx ul li .st{padding:10%;}
.sx ul li .st h4{padding-top: 10px; top: 0; left: 0;   color: #333;    font-size: 26px; font-weight: 600;}
.sx ul li .st i{font-style: normal;font-size: 16px;font-weight: 600;color: #666; padding-top: 6%; display: block;}
.sx ul li .cover{position:absolute; width:100%; height:100%; background:#51b431; color:#fff;    opacity: 0;     transition: all .5s ease;top:0;left:0;padding: 16% 14% 16% 14%;}
.sx ul li .cover h4{    font-size: 26px; font-weight: bold;}
.sx{padding: 2% 0 4% 0;}
.sx ul li .cover span{    padding-top: 23px;display: block;}
.sx ul li .cover p{    padding-top: 2%;}
.sx ul li:hover .cover{    opacity: 1;}
.sx .sx-b h2{text-align:center;color: #333;    font-weight: 600;    font-size: 45px;}
.sx .sx-b b{      color: #888;  font-style: normal;text-align: center;display: block; padding-bottom: 5%;}
.sx .sn-l h4{ margin-top: 0;   padding: 30px; font-size: 25px;    font-weight: 600;background: #f89916;}
.sx .sn-d{   background: #f8f8f8;}
.sx .sn-l {margin-top:3%;}
.sx .sn-l ul{padding:30px;}
.sx .sn-l ul li{margin-bottom:10px;}
.sx .sn-l ul li a{      font-weight: 600;    color: #888;font-size: 16px;  padding: 20px 25px;background: #fff;display: block;}
.sx .sn-l ul li:hover a{color:#51b431;}
.sx .sn-r{ margin-top: 3%;   padding: 0 3% 0 3%;}
.sx .sn-r h4{font-size: 40px;     margin-top: 0;   padding-bottom: 5%;  position: relative;font-weight: 600;    padding-left: 25px;}
.sx .sn-r h4::before {position: absolute;content: ""; height: 40px;  width: 5px; left: 0;background: #f89916;}
.sx .sn-c{      margin-top: 30px;  background: #51b431;color: #fff; padding: 8%;}
.sx .sn-c h3{font-size: 30px;font-weight: 600;margin-bottom: 30px;}
.sx .sn-c span{ padding-left: 34px;   font-size: 24px;color: #fff; font-weight:600;background:url(//filecdn.ify.cn/skin/gf9573/img/tel.png) left no-repeat; margin-bottom: 10px;
 display: block;}
.sx .sn-c h3 i{    font-style: normal; border-bottom: 1px solid #fff; padding-bottom: 4%;}
.sx .sn-c b{    display: block;font-weight: normal;padding: 6px 0 10px 0;}
.sx .sn-f{    padding: 10%; margin-top: 30px;}
.sx .sn-f h3{    font-size: 30px;color: #fff;font-weight: 600;}
.sx .sn-f p{    color: #fff;padding: 5% 0 2% 0}
.sx .sn-f span{    display: block;padding: 4%; border: 2px solid #fff; width: 200px; margin: 0 auto;     text-align: center;   font-size: 18px;margin-bottom: 6%;font-weight: 600;color: #fff;margin-top:25px;}
.prd ul li{position: relative; padding:0 15px 0 15px;margin-top:30px;}
.prd ul li .pr-t{text-align: center; position: absolute;bottom: 0; padding: 30px; padding-bottom: 52px;transition: .3s; -webkit-transition: .3s;
 -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;  opacity: 0; visibility: hidden; width: 93%;}
.prd ul{margin-top: 3%;}
.prd ul li .pr-t h4 {    font-weight: 600;font-size: 22px;margin-bottom: 15px;}
.prd ul li .pr-t p {font-size: 14px; color: #888888;}
.prd ul li .pr-t span{position: relative;display:block;bottom: -25px;    background: #f89916;height: 50px;width: 50px;
 display: inline-block;color: #fff;text-align: center; line-height: 52px;  border-radius: 50px; font-size: 19px}
.prd ul li:hover .pr-t { opacity: 1;visibility: visible;}
.prd ul li .pr-c {background: #fff;padding: 25px;padding-bottom: 0;padding-top: 30px;}
.prd ul li .p-img{background:#222;}
.prd ul li:hover .p-img img{opacity: .5;    -webkit-transition: .3s;-o-transition: .3s; transition: .3s;}
.prd ul li .pr-t span:hover{ background: #51b431;}
.prd .pn-c h3{    font-weight: 600;font-size: 25px;     margin: 4.5% 0 1.5% 0;}
.p-ab .pa-l h4{font-size: 25px;font-weight: 600;    background: #51b431; padding: 25px;color: #fff;}
.p-ab .pa-l p{  padding-top: 3.5%;  color: #888;}
.p-ab .plist{padding-bottom: 4.5%;}
.p-ab .pa-l ul li{    background: #eee; font-size: 18px; font-weight: 600; padding: 25px; margin-bottom:15px;}
.sx .sn-r .new-n li h3{  color: #51b431;  font-size: 16px;}
.sx .sn-r .new-n li h3 i{ color:#333;   font-style: normal; border-right: 1px solid #51b431; padding-right: 10px;margin-right: 10px;}
.p-ab .pa-r{       padding: 10px 3% 0 3%; float:right;}
.sx .sn-r .new-n li{    box-shadow: none;}
.sx .sn-r .new-n li h4{padding-left: 0;      padding-bottom: 1%;  font-size: 25px;}
.sx .sn-r .new-n li h4::before{background: none;}
.sx .sn-r .new-n  li span{    font-size: 16px;font-weight: 600;}
.sx .sn-r .new-n li .n-img{    padding-bottom: 85%;}
.sx.snew{    padding: 2% 0 0% 0;}
.sx .sn-r .new-n li:hover h4{color:#51b431;}
.sx .sn-r .new-n li span:hover{color:#51b431;}
.sx .sn-l .new-c dd{float:left;    margin-bottom: 12px;}
.sx .sn-l .new-c dd h3{font-size: 16px;color: #333;font-weight: 600;}
.sx .sn-l .new-c{background:#f8f8f8;padding:30px;}
.new-c dl h2{font-size:25px; font-weight:600;margin-top: 0;}
.new-c dl dd p{background:url(//filecdn.ify.cn/skin/gf9573/img/ntime.png) no-repeat left; padding-left:15px;}
.new-c dl dd .rt-img{overflow:hidden;}
.new-c dl dd img{    -webkit-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out;}
.new-c dl dd:hover .rt-img img{    -webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);}
.te-c li .t-img{    position: relative;}
.te-c li{text-align:center;padding: 0 15px 0 15px; margin-bottom:30px;}
.te-c li .t-img::before { position: absolute;left: 0;top: 0; height: 100%; width: 100%; content: ""; background: #51b431; opacity: 0; -webkit-transition: .3s;-o-transition: .3s;transition: .3s; opacity: 0;}
.te-c li:hover .t-img::before { opacity: .5;}
.te-c li .t-mx h3{font-weight:600;}
.te-c li .t-mx p{color:#888; font-weight:600;}
.te-c li .t-mx{    -webkit-box-shadow: 0px 16px 32px 0px rgba(223, 223, 223, 0.52);box-shadow: 0px 16px 32px 0px rgba(223, 223, 223, 0.52); padding: 27px 10px 21px;}
.te-c li dl{position:absolute; display:none;    top: 38%;left: 0;width: 100%;}
.te-c li dl dd{border: 1px solid #fff; display: inline-block;text-align: center; width: 36px;height: 36px; border-radius: 50%;
 margin: 0 4px 0 4px;}
.te-c li dl dd img{margin: 11px auto;}
.te-c li:hover dl{display:block;}
.te-c li dl dd:hover{background:#51b431;border:1px solid #51b431;}
.te-d .plist{padding-bottom:5%;}
.about-r{margin-top:3.5%;}
.con-l .con-t li{text-align:center; }
.con-l .con-t li h3{    font-weight: 600;}
.con-l .con-t li p{color:#888;font-size:16px;    margin-bottom: 0;}
.con-l .con-t li .ct{   box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);padding: 14%;}
.ms-b .plist h3{color:#fff;    padding-top: 3.5%;}
.ms-b .plist p{color:#fff;}
.ms-b .ms-t{float:right;color:#fff;    padding: 4% 6% 4% 6%;}
.ms-b .container{padding: 0 20px 0 20px;}
.ms-b .mt{padding-bottom: 4.5%;    border-top: 6px solid #51b431; margin-top: 6%;}
.ms-b .ms-img{padding: 4% 0% 0 6%;}
.ms-b .ms-t h3{padding-bottom: 20px;font-weight: 600;line-height: 1.5;}
.ms-b .ms-t span{    width: 50px;height: 50px;display: block; background: #51b431;  border-radius: 50%; text-align: center;
 font-size: 26px;line-height: 50px; margin-top: 30px;}
.ys li .ys-t{    position: relative;    padding-left: 38px;}
.ys li{margin-top:4%;}
.ys li h3{font-size: 40px;font-weight: 600;}
.ys li .ys-t::before { position: absolute; content: ""; width: 0; height: 0; border-style: solid;border-width: 20px 20px 0 0;
 border-color: #51b431 transparent transparent transparent; left: 0;top: 3px;}
.ys li .ys-t p{    color: #888; font-weight: 600;}
.zxp{      margin-top: 4.5%;  position: relative; background: #333;}
.zxp .zx-l{    height: 100%;left: 0;position: absolute; top: 0; width: 50%;}
.zxp .zx-r{float:right;    padding: 5% 6% 5% 6%;}
.zxp .zx-r h4{color: #fff;font-size: 40px; font-weight: 600;    padding-bottom: 16px;}
.zxp .zx-r p{    color: #bcbcbc;font-weight: 600;}
.zxp .zx-r li img{float:left;}
.zxp .zx-r li h3{float:left;    color: #fff;font-weight: 600;padding-left: 20px;font-size: 20px;}
.zxp .zx-r li{margin-top:20px;}
.gdb .gd-t h4{ padding-bottom: 10px;   color: #fff;font-size: 14px;font-weight: 600;}
.gdb .gd-t p{       line-height: normal; font-size: 40px;font-weight: 600; color: #fff;}
.gdb .gd-t ul li{  margin: 8% 10px 0 0;   display: inline-block; text-align: center;}
.gdb .gd-t{padding: 5%;}
.gdb .gd-t span{ margin-top: 5%;display: block;   color: #fff;}
.gdb .gd-t ul li a{display: block;background:#51b431; padding: 10px 30px;color: #fff;}
.gdb .gd-t ul li a:hover{background:#51b431; color:#fff;}
.gdb{ margin: 3% 0%;}
.gdb .fd{    float: right; padding: 5%; margin-top: 4%;}
/*页码*/
.prd { padding-bottom: 30px }
.ms-b { padding-bottom: 50px }
.p-ab { padding-bottom: 30px }

.ny_pages{width:100%; max-width:1420px; margin:auto;text-align:center;margin:7% auto 7%;float: left;font-size:14px;color:#666;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_pages a{margin:0px 5px;color:#333; font-size:14px; border:1px solid #333; padding:12px 40px;}
.ny_pages a:hover{color:#fff; background:#51b431; border:1px solid #51b431;}

@media (max-width: 1300px){
  .f_link { width: 100%;padding: 0px 10px }
	.product ul { width: 100%; transform: translateX(-0px); }
  .product ul li:nth-child(1) .p-t { width: 100%; }
}

@media (max-width: 1152px) and (min-width: 991px){
  .menu_box ul.menu>li{padding: 0 16px}
  .sx .sn-l .new-c dd h3{    margin-top: 0;}
  
}
@media (max-width: 991px) and (min-width: 768px){
  .menu_icon{margin: 6px 4% 0 4%;} 
   .header{    position: static;}
  .product ul li{    padding-left: 10px;margin-bottom: 10px;}
  .logo{width: 21%;}
  
  .about .ab-l { padding-left: 1%; }
  .about .about-items { justify-content: left;align-content: space-between; }
  .about .about-items .items { width: 32%; margin-bottom: 1%; margin-left: 1%; }
}
@media only screen and (max-width: 767px) {
  
  .zxp .zx-r li h3 { font-size: 16px; }
  .dmenu ul li { padding: 10px 0px; }
  
  .pbox .reco-info span { width: 50%; }
  
  .about .ab-l { padding-left: 2%; }
  .about .about-items { justify-content: left;align-content: space-between; }
  .about .about-items .items { width: 96%; margin-bottom: 4%; margin-left: 2%; }
  
  .logo{    width: 35%;margin-left: 4%;}  
  .flex-direction-nav{display: none;}
  .flexslider .slides .bslid h2{ font-size: 22px; }
  .flexslider .slides .bslid span{ width: 90%;font-size: 32px; }
  .pbox .container .grid { width: calc(calc(100% - 0px));}
  .flexslider .slides .bslid{ /*top: 22%;*/top: 30%; }
    .product ul li:nth-child(1){width:100%;}
  .product ul li{padding-bottom:50%;    padding-left: 0;}
  .product ul{    padding: 0 10px 0 10px;}
  .mes .m-r{padding: 0;}
  .mes .m-l{    width: 100%;}
  .menu_icon{margin: 6px 4% 0 4%;}
  .menu_icon img{width: 76%;}
  .foot .meb{    width: 100%;}
  .product ul li .p-t{     padding: 12% 3% 12% 3%;   width: 100%;}
  .header{    position: static;}
  .c-banner { padding: 16% 0 16% 0;}
  table td{width:100%; float:left;}
  .zxp .zx-l{display: none;}
  
}