@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden; overflow-y:auto;}
body, ul, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, span { margin:0; padding:0; -webkit-text-size-adjust:none;}
ul, li, dl, dt, dd, ol { list-style:none; }
img { border:0; }
a, p { color:#333; text-decoration:none; }
a:hover { color:#5DB249; text-decoration:none; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.clearfix { zoom:1; }
.clear { clear:both; }
body{ color:#333;font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif, Simsun;font-size:16px; background:#fff;}
.w-1300{width:1240px;   margin:0 auto;}
.wp{ width:1240px; margin:0 auto;min-width: 1240px;}
textarea,input{font-family:Arial;}
/*==========index.html==========*/
.wrapper{ width:100%; margin:auto;}
#header{clear: both;width:100%;display: inline-block;margin: 0 auto;min-width: 1240px; background:#474747; }
.l{ float:left;}
.r{ float:right;}
#container{clear:both;width:1240px;margin:0 auto;}
.container::before, .container::after, .container_1200::before, .container_1200::after, .row::before, .row::after {content: " "; display: table;}
.container {clear:both;width:1240px;margin:0 auto;}
.container::after {clear: both;}
*::before, *::after, * {box-sizing: border-box;}
* { box-sizing: border-box;}
.top{position:relative;}
.top_quick{clear:both; width:100%; height:44px; font-size:15px;}
.top_quick .rlink{ float:left;color:#fff;line-height:44px; display:inline-block;}
.top_quick .rlink a{color:#fff; margin-left:10px;display:inline-block;}.top_quick .rlink a:hover{color:#5DB249;}
.top_quick .rlink span{color:#5DB249;}
.top_quick .rlink a.cart{background:url(cart.png) 0px 13px no-repeat; padding-left:40px;}
.top_quick .rlink a.tel{background:url(tel.png) 0px 13px no-repeat; padding-left:20px;}
.top_quick .rlink a.email{background:url(email.png) 0px 13px  no-repeat; padding-left:25px;}
.top_quick .rlink #language{ margin-left:30px;}
.top_quick .hlinks{ display:inline-block; margin-top:10px;  float:right; min-width:300px; margin-left:20px; text-align:center; margin-right:140px;}
.top_quick .hlinks a{ padding:2px 6px;}
.top_quick .hlinks img{ width:20px; height:20px;}
.top_quick .search{width:30px;height:34px;position:absolute;z-index:99999;right:-5px;margin-top:7px;}
.top_quick .search > em,.flow-btn{width:19px;height:22px;background:url(search1.png) no-repeat;position:absolute;right:10px;top:50%;margin-top:-11px;cursor:pointer;border:none;}
.top_quick .search > em:hover,.top_quick .flow-btn:hover{background:url(search2.png) no-repeat;border:none;}
.top_quick .search-show{width:180px;height:32px;position:absolute;right:0;top:0;z-index:99999;background:#f5f5f5;border:1px solid #d2d2d2;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;display:none; }
.top_quick .flow-input{width:130px;background:#f5f5f5;height:30px;line-height:30px;font-size:14px;color:#666;padding:8px 10px 8px 10px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px; border:none; }
#header .nav-block{clear:both;width:100%; height:120px;z-index:300; position:relative; margin:0 auto;background:#fff; }
#header .nav-block1{clear:both; width:100%; height:120px;  margin:0 auto; background:#fff; border-bottom:solid 1px #f2f2f2;}
#header .nav-block2{clear:both; width:1240px;   margin:0 auto; }
#logo img{ margin:25px 10px 0px 0px;}
#header .nav {  text-align:right; position:relative; float:right;height:120px;}
.header_right {text-align: right;}
.nav_list { font-size: 0; line-height: 0; position: relative; float:left; height:120px; }
.nav_list > li {display: inline-block;text-align: center;vertical-align: top; float:left\9; }
.nav_list > li > a {color: #fff;display: block;font-size: 16px;padding: 0 16px;position: relative;}
.nav_list > li:last-child a { padding-right: 0;}
.nav_list > li > a > span {color: #333;display: block;font-size: 16px;letter-spacing: 0;text-align: center;transition: all 0.5s ease 0s; padding-right:8px;}
.nav_list > li > a > i {background: rgba(0, 0, 0, 0) url("dropdown_menu.png") no-repeat scroll center center;height: 24px;margin-top: -10px;position: absolute;right: 0;top: 50%;transition: all 0.3s linear 0s;width: 24px; display:inline-block;}
.nav_list > li > a:hover i { transform: rotate(180deg);}
.nav_normal > li { background-position: center center; position: relative; transition: all 0.3s ease 0s; height:30px;line-height:30px; margin-top:45px; margin-left:10px;}
.nav_normal > li.dropdown{ padding:0px 10px;height:40px;line-height:40px;}
.nav_normal > li.active,.nav_normal > li.on{ background:#5DB249;border-radius: 6px;}
.nav_normal .nav_line {background: #d00 none repeat scroll 0 0;border-radius: 1px;display: inline-block;font-size: 0;height: 3px;line-height: 0;width: 0;}
.nav_normal > li.on span, .nav_normal > li.active span { color:#F4F0F0;}.nav_normal > li.on, .nav_normal > li.active { /*border-top:solid 2px #70B92B;*/}
.droplist_tile {background: #fff none repeat scroll 0 0;border-top: 1px solid #f0f0f0;left: 0;position: absolute;top: 100%;width: 100%;z-index: 1;}
.drop_tile {display: none;}
.nav_tile .nav_line {background: #d00 none repeat scroll 0 0;border-radius: 1px;bottom: -1px;display: inline-block;height: 3px;left: 0;position: absolute;transition: all 0.5s ease 0s;width: 0;}
.nav_normal > li.dropdown:hover .son-nav{ display:block;}
.nav_normal > li.dropdown:hover .son-nav2{ display:block;}
.son-nav{width:550px;position:absolute;top:40px;padding-top:1px;z-index:9999;display:none; margin-left:-250px;}
.son-nav2{width:780px;position:absolute;top:40px; left:-40px;padding-top:1px;z-index:9999;display:none; }
.son-nav-wrap{padding:6px;background:#5DB249;overflow:hidden;}
.son-nav-left{width:200px;float:left;padding-top:20px;}
.son-nav-left ul li{margin-bottom:12px; margin-left:10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; *width:150px; height:34px;}
.son-nav-left h3{font-size:13px;height:34px;line-height:34px;color:#666;padding-left:20px;position:relative; background:#f4f4f4; width:150px; font-weight:normal;}
.nav li .son-nav-left li a{color:#666;display:block;padding-right:10px; line-height:34px; height:34px; font-size:14px;}
.son-nav-left li.active a i,.son-nav-left li:hover a i{width:0;height:0;line-height:0;font-size:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:10px solid #1389e4;position:absolute;top:0;right:-10px;}
.son-nav-left li.active h3,.son-nav-left li:hover h3{background:#E8BA41;color:#fff;}
.son-nav-left li.active h3 a,.son-nav-left li:hover h3 a{color:#fff;background:none;}
.nav ul li.current .son-nav-left li a{ background:none;}
.son-nav-right{width:330px;height:250px;float:left;position:relative;}
.nav li .son-nav-right a{width:100%;height:100%;position:absolute;left:0;top:0;display:none; padding:0px; padding-top:10px;}
.son-nav-right img{width:100%;height:auto;}
.son-nav2_sub{margin:0 25px;width:140px;float:left}
.son-nav2_sub .img{border-bottom: #E8BA41 3px solid; text-align: center; padding-bottom: 10px;}
.son-nav2_sub .p1{text-align: center; padding-bottom: 5px;  font-weight: bold; padding-top: 5px;}
.son-nav2_sub .p2{text-align: center;}
.nav li  .son-nav2_sub a{ padding:0px 5px; line-height:26px;font-size: 12px; height:26px;color:#fff;float:left; width:100%;}
.nav li  .son-nav2_sub .p1 a{font-size: 13px; color:#fff;}
.nav li  .son-nav2_sub a:hover{color:#333;}
#indexcboxOverlay{background:#000;position: fixed; text-align: center;  height: 100%; width: 100%;top: 0; z-index: 9999; display: none; margin:0 auto; z-index: 9999;opacity: 0.9;}
#indexcboxWrapper{text-align:center; margin:0 auto;top:30%;opacity: 100; background:#5DB249;color:#fff;border-radius: 3px;padding: 20px;width:50%;min-width: 960px;position: relative;}
#indexcboxWrapper .contentInner{ padding:30px;}	
#indexcboxWrapper .contentInner ul{}
#indexcboxWrapper .contentInner ul li{ height:30px; line-height:30px;width:100%;}
#indexcboxWrapper .contentInner ul li a{ font-size:16px; color:#fff; font-weight:bold;}
#indexcboxWrapper .contentInner ul li a:hover{ color:#fff; text-decoration:underline;}
#indexcboxClose{position:absolute; top:10px; right:10px; background:url(closes.png) no-repeat; width:20px; height:20px; text-indent:-9999px;}
#indexcboxClose.hover{background-position:-25px -25px;}	
.banner {position: relative;width: 100%;z-index: 50;}
.banner .banner_box {position: relative;z-index: 50;}
.banner .banner_item {background-repeat: no-repeat;font-size: 0;line-height: 0;position: relative;width: 100%;}
.banner_full, .banner_full .banner_box, .banner_full .banner_slick, .banner_full .slick-list, .banner_full .slick-track {height: 100%;padding-top: 0;}
.banner_full .banner_item {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;font-size: 0;line-height: 0;position: relative;width: 100%;  }
.banner .banner_slick .banner_item a {background-position: center center;background-repeat: no-repeat;background-size: contain;display: block; height: auto; /*padding-top: 36.49%;*/ }
.banner_slick .slick-prev, .banner_slick .slick-next {background-color: transparent;background-image: url("skin.png");background-repeat: no-repeat;height: 50px;margin-top: -25px;width: 40px;}
.banner_slick .slick-prev {background-position: 0 0;left: 10px;}
.banner_slick .slick-next {background-position: -150px 0;right: 10px;}
.slick-slider {outline: medium none;}
.slick-slider {-moz-user-select: none;box-sizing: border-box;display: block;position: relative;touch-action: pan-y;}
.slick-list {display: block;margin: 0;overflow: hidden;padding: 0;position: relative;}
.slick-list:focus {outline: medium none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list {transform: translate3d(0px, 0px, 0px);}
.slick-track {display: block;left: 0;position: relative;top: 0;}
.slick-track::before, .slick-track::after {content: "";display: table;}
.slick-track::after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide:focus {outline: medium none;}
[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 {border: 1px solid transparent;display: block;height: auto;}
.slick-arrow.slick-hidden {display: none;}
.slick-prev, .slick-next {border: medium none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 40px;line-height: 0;margin-top: -20px;outline: medium none;padding: 0;position: absolute;top: 50%;transition: all 0.5s ease 0s;width: 40px;z-index: 40;}
.slick-prev {left: 0;}
.slick-prev::after {color: #000;font-size: 18px;left: 0;line-height: 40px;position: absolute;top: 0;width: 100%;}
.slick-next {right: 0;}
.slick-next::after {color: #000;font-size: 18px;left: 0;line-height: 40px;position: absolute;top: 0;width: 100%;}
.slick-dots {bottom: 40px;display: block;font-size: 0;list-style: outside none none;margin: 0;padding: 0;position: absolute;text-align: center;width: 100%;z-index: 999;}
.slick-dots li {background: #BFBFBD none repeat scroll 0 0;cursor: pointer;display: inline-block;height: 5px;margin: 0 4px;padding: 0;position: relative;transition: all 0.5s ease 0s;width: 20px;}
.slick-dots li button {background-color: transparent;border: 0 none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 5px;line-height: 0;outline: medium none;padding: 5px;width: 20px;}
.slick-dots li.slick-active {background-color: #5DB249;width: 30px;}
.slick-dots li a {color: transparent;font-size: 0;outline: medium none;}
#mainCont {clear:both; width:1240px; margin:0px auto auto auto; padding:40px 0;}
.about_box {clear:both;overflow: hidden;padding: 30px 0 30px;background:#474747;}
.about_box .col-lg-12{ padding-left:0px;}
.about_box h2 {clear: both;line-height: 1.4;font-size:40px;color:#fff;padding:0 0 15px;background:url(hd2-bdr0.jpg) no-repeat center bottom; width:30%;}
.about_box .l{width:41.6667%;}
.about_box .r{width:57.3333%; padding-left:1%;}
.about_box .desc{clear:both; width:100%;font-size:16px;line-height: 2em; padding:20px 0 0;}
.about_box .desc p{color:#fff; }
.about_box .desc .more{ }
.about_box .desc .amore{display: inline-block;border-radius: 3px;font-size: 13px;padding: 5px 30px; border:solid 1px #fff; margin:20px 0px; color:#333;background:#fff;}
.about_box .desc .amore:hover{color: #fff; }
.about_box .desc:hover .amore{ border:solid 1px #333;color:#fff; background:#333;}
.about_box_bottomn {clear:both; height:140px;background:url(About-img.png) no-repeat center bottom}
.about_box .ind_about{ background:#A7A7A7; padding:20px 20px 40px 20px;}
.about_box .ind_about .pic{ max-width:100%;}
.about_box .ind_about .pic a {position: relative; min-height: 1px;}
.about_box .ind_about .pic a img{width: 100%;position: relative;}
.about_box .ind_about .pic a img:hover{visibility: hidden;background: #262626;visibility: visible;opacity: .5;z-index: 1;transition: all .5s;}
.about_box .slick-dots { bottom: 20px; }
.about_box .slick-dots li{ background:#fff;border-radius: 50%;width: 12px; height:12px;}
.about_box .slick-dots li.slick-active{ background: #5DB249;width: 30px;border-radius: 8px;}
.pcategoriy_box { clear:both;padding: 50px 0px 20px 0px;}
.pcategoriy_box h2 {clear: both;line-height: 2em;font-weight:400;letter-spacing:0;font-size:36px;color:#333;text-align:center;padding:0 0 21px 0;margin:0 0 50px 0;background:url(hd2-bdr.jpg) no-repeat center bottom;}
.ind_floor .slick_first { padding-bottom:15px; margin:15px 5px 35px; float:left; width:24%; border:solid 1px #999; text-align:center;}
.ind_floor .slick-slide{ background:#fff; text-align:center; display:block;}.ind_floor .slick-slide:hover{ background:#5DB249;}
.ind_floor img {width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.ind_floor .img:hover img{transform: scale(1.2);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.ind_floor p {color: #333;font-size: 20px;padding: 25px 25px 10px 25px; text-align:center; text-transform:uppercase;}
.ind_floor .slick-slide:hover p{color:#fff;}
.ind_floor .more{display: inline-block;border-radius: 2px;font-size: 13px;padding: 10px 30px; border:solid 1px #999; margin:20px 0px;color:#999; }
.ind_floor .more:hover{border:solid 1px #5DB249;color:#5DB249; }
.hotproduct_box_top {clear:both; height:110px;background:url(banner_bg_up1.png) no-repeat;}
.hotproduct_box { clear:both;padding: 50px 0px 20px 0px; background: url(hot-products-img.png) no-repeat top center;}
.hotproduct_box  .l {width: 370px;}
.hotproduct_box  .l h3 {color: #fff;font-size: 40px;font-weight: bold;text-transform: none;white-space: nowrap;}
.hotproduct_box  .l .lefttext { -moz-box-orient: vertical; color: #fff; display: -webkit-box; font-size: 16px;  margin: 40px 30px 40px 0; overflow: hidden;line-height:1.6;}
.hotproduct_box  .l .lefttext p{ color: #fff;font-size: 16px;}
.hotproduct_box  .l .leftbutton { bottom: 90px; color: #4a90e2;display: inline-block;max-width: 320px;text-align: center;}
.hotproduct_box  .l .leftbutton  .blocks-button {color: inherit;display: block;font-size: 16px;overflow: hidden;padding: 15px 25px;text-align: center;text-decoration: none;word-break: break-all; color:#5DB249;border-radius: 2px;border:solid 1px #fff; background:#fff;}
.hotproduct_box  .l .leftbutton  .blocks-button:hover {border:solid 1px #5DB249; background:#5DB249;color:#fff;}
.hotproduct_box  .r { width:870px;}
.hpind_floor .slick_first { padding-bottom:15px; margin:15px 5px 35px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);}
.hpind_floor .slick-slide{ background:#fff; text-align:center;}.ind_floor .slick-slide:hover{ background:#5DB249;}
.hpind_floor img {width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.hpind_floor .img:hover img{transform: scale(1.2);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.hpind_floor .proshow-title {color: #000;font-size: 20px;padding: 25px 25px 10px 25px; text-align:left;}
.hpind_floor .proshow-desc {color: #333;font-size: 16px;text-align:left; padding: 0px 25px;}
.hpind_floor .proshow-desc p{color: #333;font-size: 16px;}
.hpind_floor .slick-dots {bottom: -15px;}
.hpind_floor .slick-prev, .hpind_floor .slick-next {height: 42px;opacity:1;top: -66px;transition: all 0.3s ease 0s;width: 42px; margin:0px;}
.hpind_floor .slick-prev {background: rgba(0, 0, 0, 0) url("hpind_prev.jpg") no-repeat scroll center center;right: 47px; left:inherit;}
.hpind_floor .slick-next {background: rgba(0, 0, 0, 0) url("hpind_next.jpg") no-repeat scroll center center;right: 0px;}
.hpind_floor .slick-prev:hover, .hpind_floor .slick-next:hover {opacity: 0.5;transition: all 0.3s ease 0s;}
.hpind_floor .more{display: inline-block;border-radius: 2px;font-size: 13px;padding: 10px 20px; border:solid 1px #5DB249; margin:20px 0px; color:#5DB249; background:none;}
.hpind_floor .proshow-more {text-align:left; padding-left:25px;}
.hpind_floor .slick-slide:hover .more{ background:#5DB249;color: #fff;}
.row {display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.col-lg-12 {flex: 0 0 100%;max-width: 100%;min-height: 1px;padding-left: 15px;padding-right: 15px;position: relative;width: 100%;}
.siteblocks-setting-wrap{clear:both; min-height:600px; display:block; margin-top:30px;}
.siteblocks-setting-wrap .siteblocks-container{background-position:top center;background-repeat:no-repeat;background-size:cover;background-image:url(Advantage-img.jpg);}
.siteblocks-setting-wrap .siteblocks-container em{font-style:italic}
/**/
.qiaoxin8379 {width: 100%;margin: 0px 0px 20px 0px;height: 658px;position: relative;}
.qiaoxin8379 .pro { width: 50%; height: 100%; position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);}
.qiaoxin8379 .pro li {height: 155px;position: relative;}
.qiaoxin8379 .pro li .linkw {position: absolute;top: 33%;width: 42px;height: 42px;z-index: 1;right: -90px;}
.qiaoxin8379 .pro li:before {content: "";width: 1px;height: 70px;display: block;position: absolute;right: 489px;bottom: 42px;background: rgba(250, 250, 250, 0.5);}
.qiaoxin8379 .pro li .list_hover {width: 0;height: 100%;background-color: #5DB249;position: absolute;top: 0;left: 0;z-index: 0;display: block;transition: 600ms;-webkit-transition: 600ms;opacity: 0.85;}
.qiaoxin8379 .pro li .list_box {width: 600px;position: absolute;top: 15px;right: 0;color: #fff;padding: 2% 0 0;}
.qiaoxin8379 .pro li .list_box:before {width: 1px;height: 42px;margin-top: 0;right: -70px;}
.qiaoxin8379 .pro li .list_box:after {width: 42px;height: 1px;right: -120px;}
.qiaoxin8379 .pro li .list_box:after,
.qiaoxin8379 .pro li .list_box:before {content: "";background: #fff;display: block;top: 54%;position: absolute;visibility: hidden;opacity: 0;transition: 300ms;-webkit-transition: 300ms;}
.qiaoxin8379 .pro li .list_ico {width: 90px;height: 90px;display: block;}
.qiaoxin8379 .pro li .list_ico img {width: 100%;height: 100%;object-fit: cover;}
.qiaoxin8379 .pro li .list_text {padding: 3% 0 0 7%;position: absolute;left: 90px;top: 10px;}
.qiaoxin8379 .pro li .l {float: left;}
.qiaoxin8379 .pro li .list_text .list_hd {font-size: 18px;margin-bottom: 10px;font-family: Arial;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.qiaoxin8379 .pro li .list_text .list_bd {font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.qiaoxin8379 .pro li:hover .list_hover {width: 118%;}
.qiaoxin8379 .pro li:hover .list_box:before {margin-top: -21px;}
.qiaoxin8379 .pro li:hover .list_box:after {right: -90px;}
.qiaoxin8379 .pro li:hover .list_box:after,
.qiaoxin8379 .pro li:hover .list_box:before {transition: 300ms ease-in 600ms;-webkit-transition: 300ms ease-in 600ms;visibility: visible;opacity: 1;}
.qiaoxin8379 .more_btn {display: block;height: 38px;line-height: 38px;background: #5DB249;color: #fff;text-align: center;font-size: 14px;position: absolute;width: 50%;bottom: 0;left: 0;}
.qiaoxin8379 .more_btn a {color: inherit;}
@media screen and (max-width:1200px) {
.qiaoxin8379 .pro li:hover .list_hover {width: 100%;}
.qiaoxin8379 .pro li .list_box {right: unset;left: 10px;}
.qiaoxin8379 .more_btn {width: 100%;}
.qiaoxin8379 .pro li:before {left: 120px;right: unset;}
.qiaoxin8379 .pro {width: 100%;}
.qiaoxin8379 .pro li:hover .list_box:after,
.qiaoxin8379 .pro li:hover .list_box:before {opacity: 1;}
.qiaoxin8379 .pro li .list_box:before {right: -270px;}
.qiaoxin8379 .pro li:hover .list_box:after {right: -290px;}
.qiaoxin8379 .pro li .linkw {right: 107px;}
}

@media screen and (max-width:900px) {
.qiaoxin8379 .pro li:hover .list_box:after {right: -170px;}
.qiaoxin8379 .pro li .list_box:before {right: -150px;}
.qiaoxin8379 .pro li .linkw {right: 28px;}
}

@media screen and (max-width:768px) {
.qiaoxin8379 .pro li:hover .list_box:after {right: -130px;}
.qiaoxin8379 .pro li .list_box:before {right: -110px;}
.qiaoxin8379 .pro li .linkw {right: 103px;}
}

@media screen and (max-width:510px) {
.qiaoxin8379 .pro li .list_box {width: 338px;}
.qiaoxin8379 .pro li {height: 130px;}
.qiaoxin8379 .pro li:before {left: 80px;}
.qiaoxin8379 .fa {font-size: 60px ! important;}
.qiaoxin8379 .pro li .list_ico {width: 60px;height: 60px;}
.qiaoxin8379 .pro li .list_text {padding: 1% 0 0 7%;position: absolute;left: 70px;top: 0px;float: unset;}
.qiaoxin8379 .pro li {height: 110px;}
.qiaoxin8379 .pro li:before {bottom: 24px;}
.qiaoxin8379 {height: 478px;}
.qiaoxin8379 .pro li:hover .list_box:after,
.qiaoxin8379 .pro li:hover .list_box:before {opacity: 0;}
.qiaoxin8379 .pro li .linkw {display: none;}
.qiaoxin8379 .pro li .list_box:after,
.qiaoxin8379 .pro li .list_box:before {display: none;}
}
/**/
.ourproduct_box { clear:both;padding: 50px 0px 20px 0px; }
.ourproduct_box h2 {clear: both;line-height: 2em;font-weight:400;letter-spacing:0;font-size:36px;color:#333;text-align:center;padding:0 0 21px 0;margin:0 0 50px 0;background:url(hd2-bdr.jpg) no-repeat center bottom;}
.ourproduct_box .slide-ject{margin-top: 50px;position:relative;width:100%;}
.ourproduct_box .slide-ject .slide-pic{width:100%;}
.jectlist{position:relative;float:left;width:32%;margin:0 7px 20px 7px; }
.jectlist>img{width: 100%;height: auto;border:solid 1px #999;}
.jectlist p {color: #333;font-size: 20px;padding: 10px; text-align:center; }
.jectlist .text{position:absolute;top:0%;left:0%;width:100%;height:87%;color:#fff;background: #5DB249;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.jectlist .text .b-box{position:relative;width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.jectlist .text h4{margin-top: 120px;font-size:20px;text-align: center;line-height:30px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jectlist .text h4 a{color:#fff;}
.jectlist .text .more{margin:22px auto 0 auto;display:block;width:66px;height:26px;line-height:24px;text-align:center;color:#fff;border: 1px solid #fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;box-sizing:border-box;}
.jectlist .text .more:hover{color: #5DB249;background-color: #fff}
.jectlist .text em{position:absolute;display:block;background:#999;transition:all .7s;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;}
.jectlist .text em.tr{width:0;height:2px;top:0px;left:0px;}
.jectlist .text em.tb{width:2px;height:0;top:2px;left:0px;}
.jectlist .text em.bl{width:0;height:2px;bottom:0px;right:0px;}
.jectlist .text em.rt{width:2px;height:0;bottom:2px;right:0px;}
.jectlist .text em.br{width:0;height:2px;bottom:0px;left:0px;}
.jectlist .text em.lt{width:2px;height:0;bottom:2px;left:0px;}
.jectlist .text em.tl{width:0;height:2px;top:0px;right:0px;}
.jectlist .text em.rb{width:2px;height:0;top:2px;right:0px;}
.jectlist:hover .text{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.jectlist:hover .text .b-box{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.jectlist:hover .text em.tr{width:20px;}
.jectlist:hover .text em.tb{height:20px;}
.jectlist:hover .text em.bl{width:20px;}
.jectlist:hover .text em.rt{height:20px;}
.jectlist:hover .text em.br{width:20px;}
.jectlist:hover .text em.lt{height:20px;}
.jectlist:hover .text em.tl{width:20px;}
.jectlist:hover .text em.rb{height:20px;}
.ourproduct_box .cd_floor .slick-arrow{position:absolute;top:50%;margin-top:-31px;width:17px;height:61px;background:url(all-icon.png) no-repeat;cursor:pointer; display:block;}
.ourproduct_box .cd_floor .slick-prev{left:-45px;background-position: 0px 0px;}
.ourproduct_box .cd_floor .slick-next{right:-25px;background-position:-29px 0px;}
.ourproduct_box .cd_floor .slick-prev:hover{background-position: 0px -70px;}
.ourproduct_box .cd_floor .slick-next:hover{background-position: -29px -70px;}
.news_box { clear:both;overflow: hidden;margin:50px 0px 30px 0px;}
.newsDisplay a{color:#000}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .articleList-summary{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@media screen and (min-width: 1601px){
.newsDisplay .outbox .rightPic{overflow: hidden;}
.newsDisplay .outbox .leftText{width:50%;}
}
@media screen and (min-width: 1401px)and (max-width: 1600px){
.newsDisplay .outbox .rightPic{width:38%;overflow: hidden;}
.newsDisplay .outbox .leftText{width:60%;}
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
.newsDisplay .outbox .rightPic{width:30%;overflow: hidden;}
.newsDisplay .outbox .leftText{width:70%;}
}
@media screen and (min-width: 1201px){
.newsDisplay .outbox .rightPic .txts{height:600px !important;} 
.newsDisplay .outbox{display: flex;width:100%;}
.newsDisplay .outbox .rightPic{position:relative;}
.newsDisplay .outbox .rightPic img{height:600px;vertical-align: top;}  
.newsDisplay .outbox .leftText{position:relative;padding: 15px 0;box-sizing: border-box;padding-left: 20px}
.newsDisplay .backstage-componet{width:100%}
.newsDisplay .overfowH{padding: 0 0px 0 60px;overflow: hidden;height: 570px;position: relative;margin-right: 60px;width: 700px;}
.newsDisplay .ArticlePicList_Item{height: 150px !important; position: relative;margin: 20px 0;width:700px;}
.newsDisplay .ArticlePicList_Item .budge{height: 150px !important; overflow:hidden;position: absolute;padding: 20px 0;left: 0;width:100%;}
.newsDisplay .outbox .leftText .centerTopical .lp{width: 250px !important;height: 150px !important;float:left;}
.newsDisplay .conglobate{position: absolute;top: 20px;left: -46px;transform: translate(-50%,0);border: 3px solid #5DB249;background: #fff;border-radius: 50px;transition: all .1s linear;width: 15px;height: 15px;z-index: 2;}
.newsDisplay .conglobateBG{background:#5DB249; border:3px solid #5DB249;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .ArticlePicList_ItemContentInnerH5{height:24px;font-size: 20px;color:#000; font-weight:normal;  	margin-left: 25px;margin-top: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent	{width: 60%;float: left;}
.articleList-summary .ArticlePicList_ItemContentInnerP{margin-right: 50px;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .articleList-summary{height:60px;font-size: 14px;margin: 15px 25px 0; color: #333; line-height:20px; }
.newsDisplay .backstage-blocksEditor-wrap{position: relative;}
.newsDisplay .outbox .rightPic .txts{position: absolute !important;z-index: 10;top: 0;right: 0;height: 600px;width: 100px;white-space: nowrap;overflow: hidden;}
.newsDisplay .outbox .rightPic .txts p{transform: rotate(90deg);margin-top: 40px;font-size: 106px;color: #ABADB4;}
.newsDisplay .e_line{position:absolute;width:5px;height:530px;background:rgba(240,240,240,1);top:20px;left:12px;}
.newsDisplay .outbox .leftText .centerTopical .lp img{width: 250px !important;height: 150px !important;}
.newsDisplay .ArticlePicList_Item .atleft{left:700px;}
.newsDisplay .Hovers{color:rgb(121,168,208)}
}
@media screen and (max-width: 1000px)and (min-width: 651px){
.newsDisplay .outbox .rightPic .txts p{font-size: 90px !important;}
}
@media screen and (max-width: 1201px)and (min-width: 651px){
.newsDisplay .outbox{padding-bottom:10px}
.newsDisplay .outbox .rightPic .txts{position: absolute !important;z-index: 10;top: 0;right: 0;height: 600px;width: 100px;white-space: nowrap;overflow: hidden;}
.newsDisplay .outbox .rightPic .txts p{transform: rotate(90deg);margin-top: 40px;font-size: 106px;color: #000;}
.newsDisplay .outbox .rightPic{width:100%;}
.newsDisplay .outbox .rightPic img{width:100%;vertical-align: top;}
.newsDisplay .outbox .leftText{width:100%;}
.newsDisplay .outbox .rightPic{ position:relative;}
.newsDisplay .outbox .rightPic .txts{position:absolute;}
.newsDisplay .outbox .leftText{position:relative;padding: 15px 0;box-sizing: border-box;padding-left: 15px}
.newsDisplay .backstage-componet{width:100%}
.newsDisplay .overfowH{padding: 0 0px 0 60px;overflow: hidden;height: 570px;position: relative;margin-right: 60px;width: 100%;box-sizing: border-box; }
.newsDisplay .ArticlePicList_Item{height: 150px !important; position: relative;margin: 20px 0;width:100%;}
.newsDisplay .ArticlePicList_Item .budge{height: 150px !important; overflow:hidden;position: absolute;padding: 20px 0;left: 0;width:100%;}
.newsDisplay .outbox .leftText .centerTopical .lp{ width: 250px !important;height: 150px !important;float:left;}
.newsDisplay .conglobate{position: absolute;top: 20px;left: -46px;transform: translate(-50%,0);border: 3px solid #5DB249;background: #fff;border-radius: 50px;transition: all .1s linear;width: 15px;height: 15px;z-index: 2;}
.newsDisplay .conglobateBG{background:#5DB249;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .ArticlePicList_ItemContentInnerH5{height:24px;font-size: 20px;color:#000; font-weight:normal;margin-left: 25px;margin-top: 25px;padding-right: 70px;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent	{width: 60%;float: left;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .articleList-summary{height:60px;font-size: 14px;margin: 25px 25px 0  25px;  padding-right: 70px; color: #333; line-height:20px;}
.newsDisplay .backstage-blocksEditor-wrap{position: relative;}
.newsDisplay .e_line{position:absolute;width:5px;height:530px;background:rgba(240,240,240,1);;top:20px;left:12px;}
.newsDisplay .outbox .leftText .centerTopical .lp img{width: 250px !important;height: 150px !important;}
.newsDisplay .ArticlePicList_Item .atleft{left:700px;}
}
@media screen and (max-width: 650px){
.newsDisplay .outbox{padding-bottom:10px}
.newsDisplay .outbox .rightPic img{width:100%;}
.newsDisplay .outbox .leftText .centerTopical .lp img{width:100%;}
.newsDisplay .leftText .actives{margin-top:0px !important;}
.newsDisplay .outbox .rightPic .txts{height:100% !important;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .ArticlePicList_ItemContentInnerH5{height:auto;padding:0 10px;font-size: 20px;color:#000; font-weight:normal;margin-top: 10px;}
.newsDisplay .outbox .leftText .centerTopical .ArticlePicList_ItemContent .articleList-summary{height:60px;font-size: 14px;padding: 0 10px;margin-top: 6px;margin-bottom: 25px;color: #333; line-height:20px;}
.newsDisplay .bpic{display:none;}
.newsDisplay .outbox .rightPic .txts p{font-size: 80px;padding-left: 10px;padding-top: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.newsDisplay .ArticlePicList_Item {display:none;padding-top: 10px;}
.newsDisplay .ph {display:block;}
.newsDisplay .rightPic .fa{font-size: 38px !important;}
}
.footer_top {clear:both; height:90px;background:url(footer_bg.png) no-repeat; margin-top:20px;}
.footer{clear:both; margin:0px auto auto auto;   width:100%; display:inline-block; background:#474747; }
.Fast_navigation {clear:both;padding-bottom: 30px;*padding-bottom: 20px;padding-top: 30px;*padding-top: 20px;min-height:300px\9; }
.Fast_navigation .col_box {width: 13%;*width: 13%;min-height: 1px;padding-left: 20px; padding-right: 20px; position: relative; float:left;}
.Fast_navigation .col_box1 {width: 20%;*width: 20%;min-height: 1px;padding-left: 0px; padding-right: 20px; position: relative; float:left;}
.Fast_navigation .col_box2 {width: 22%;*width: 22%;min-height: 1px;padding-left: 20px; padding-right: 0px; position: relative; float:right;}
.Fast_navigation .col_box3 { width: 45%;*width: 45%;min-height: 1px;padding-left: 20px; padding-right: 0px; position: relative; float:left; }
.Fast_navigation .col_box3 li { width: 33%; float: left; }
.Fast_navigation h2 {color: #fff;font-size: 24px;font-weight:normal;line-height: 1.8em;padding: 15px 0px; margin-bottom:15px; background:url(hd2-bdr.jpg) no-repeat left bottom;}
.Fast_navigation li{ margin-bottom:1px;}
.Fast_navigation .col_box1 li{ width:48%; float:left; margin-right:1%;}
.Fast_navigation a, .Fast_navigation p {color: #fff;font-size: 14px;font-weight:normal;line-height: 2;}
.Fast_navigation .text1 p, .Fast_navigation .text1 a {font-size: 14px;}.Fast_navigation .text1 a {color:#5DB249;}
.Fast_navigation .a a{color:#5DB249;}
.Fast_navigation .text1 a:hover {color: #fff;text-decoration: underline;}
.Fast_navigation .text1 span {display: block;font-size: 14px;}
.Fast_navigation ul li a:hover {color: #fff;text-decoration: underline;}
.col_box2 p{ font-size:12px;}
.col_box2 .online {text-align: right; float:right; margin-top:15px;}
.col_box2 .online p {float: left; margin-right: 10px; text-align: center;}
.col_box2 .online span {margin-top: 5px; *width:94px;display: block; color: #fff; font-size: 14px;}
.footer_copyright {clear:both;padding: 15px 0; text-align:center; background:#474747; font-size:14px; border-top:solid 1px #A3A3A3;}
.footer_copyright .text {color: #fff;}
.footer_copyright .f_follow_service {float: right;margin-top: 0;}
.footer_copyright a, .footer_copyright span, .footer_copyright p {color: #fff;font-size: 14px;line-height: 32px;}
.footer_copyright span {display: inline-block;padding: 0 10px;}
.footer_copyright a:hover {color: #fff;text-decoration: underline;}
.footer_copyright a{color:#5DB249;}
.footer .speand{ margin:0px auto 2px auto;width:992px;float:left;}
.speand p{ color:#fff; font-size:12px; line-height:18px; text-align:left;}
/*==========aboutus.html=============*/
#mainCont h2.mdmtit{ clear:both;color: #333;font-size: 24px; font-weight:normal; margin:15px 0px;}
.part02 .txt04 .tc{color:#5DB249;}
.dybanner{clear: both;background: url("nbanner1.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner2{clear: both;background: url("nbanner2.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner3{clear: both;background: url("nbanner3.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner4{clear: both;background: url("nbanner4.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner5{clear: both;background: url("nbanner5.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner6{clear: both;background: url("nbanner6.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
.dybanner7{clear: both;background: url("nbanner7.jpg") repeat-x center; display: inline-block;height: 400px;margin: 0 auto;min-width: 1240px;position: relative;text-align: center;width: 100%; border-bottom:3px solid #e1e0e0;}
#mainCont .part02{ width:1240px; margin:0px auto auto auto; padding-bottom:20px; display:inline-block; line-height:25px;}
.part02  .txt04{ font-size:16px; color:#777; line-height:25px; }
.part02  .aboutpic_box{ padding:27px 0px; text-align:center;}
.mainCont .iabout_box {clear:both;overflow: hidden;padding: 30px 0 30px;}
.mainCont .iabout_box h2 {clear: both;line-height: 1.4;font-size:30px;color:#000;text-align:center;padding:0 0 21px 0;margin:0 0 50px 0;background:url(hd2-bdr0.jpg) no-repeat center bottom; font-family:Bebas; text-transform:uppercase;}
.mainCont .iabout_box .desc{clear:both; width:100%;}
.mainCont .iabout_box .videoBox {float: left; width:50%;}
.mainCont .iabout_box .video_click {display: block;line-height: 0;position: relative;}
.mainCont .iabout_box .video_click::after {background: rgba(0, 0, 0, 0) url("videoclick.png") no-repeat scroll center center;content: " ";height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.mainCont .iabout_box .video_click img {transition: all 0.3s ease 0s; }
.mainCont .iabout_box .text {float: right;width: 50%; line-height:30px;color:#54595F;}
.mainCont .iabout_box .text .nrac{ margin-left:20px;}
.mainCont .iabout_box .text h3{ font-weight:normal; display:block;font-size:50px; padding-bottom:20px; text-transform:uppercase; background:url(hd2-bdr.jpg) no-repeat left top; color:#000;font-family:Bebas; padding-top:20px; line-height:50px;}
.mainCont .iabout_box .text p{color:#54595F; font-size:14px;}.mainCont .iabout_box .text .tc{color:#5DB249;}
.mainCont .iabout_box .text .more{ float:left;}
.mainCont .iabout_box .text .amore{display: inline-block;border-radius: 2px;font-size: 13px;padding: 5px 20px; border:solid 1px #333; margin:10px 10px; color:#fff;background:#333; border-radius: 6px;}
.mainCont .iabout_box .text .amore:hover{border:solid 1px #5DB249;color:#fff; background:#5DB249; }
.mainCont .iabout_box .text .ap{background:#5DB249; border:solid 1px #5DB249;}.mainCont .iabout_box .text .ap:hover{background:#333;}
.mainCont .midbox{clear:both;background:#5DB249;}.mainCont .midbox #container{ padding:20px 0;}
.midbox .hun .zi {display: flex;justify-content: center;flex-wrap: wrap;}
.midbox .hun .zi li {text-align: center;width: 20%;padding: 0 20px;position: relative;display: flex;align-items: center;flex-wrap: wrap; display:inline-block}
.midbox .hun .zi li .ad{word-break: break-word;width: 100%}
.midbox .hun .zi li .firstimg { width: 80px; height: 60px; margin: 0 auto;position: relative;}
.midbox .hun .zi li .firstimg .backstage-blocksEditor-wrap {height: 100%;}
.midbox .hun .zi li .firstimg .backstage-blocksEditor-wrap .backstage-componet {height: 100%;}
.midbox .hun .zi li .firstimg .backstage-blocksEditor-wrap .backstage-componet .backstage-componet-bd {height: 100%;}
.midbox .hun .zi li .firstimg img {max-width: 100%;max-height: 100%;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.midbox .hun .zi li .secondtit {font-size: 20px;color: #333;margin: 10px 0;word-break: break-word;}
.midbox .hun .zi li .thirdneirong {color: #666;font-size: 14px;margin-bottom: 10px;}
.midbox .hun .zi li .fourthanniu {color: #565251;transition-duration: .5s;display: inline-block;}
.midbox .hun .zi li .fourthanniu a {color: inherit;}
.midbox .hun .zi li:hover .fourthanniu {color: #e60039;}
.midbox .hun .zi li::before {background: #e5e5e5;height: 60%;content: "";display: block;width: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.midbox .hun .zi li:nth-child(1)::before {display: none;}
@media screen and (max-width:900px) {
.midbox .hun .zi li {width: 44%;justify-content: center;display:inline-block;}
.midbox .hun .zi li:nth-child(3) {margin-top: 20px;}
.midbox .hun .zi li:nth-child(3)::before {display: none;}
.midbox .hun .zi li:nth-child(3) {margin-top: 20px;}
}
@media screen and (max-width:510px) {
.midbox .hun .zi {display: unset;}
.midbox .hun {width: calc(100% - 20px);margin-left: 10px;}
.midbox .hun .zi li {width: 100%;margin-bottom: 20px;padding: 0; display:inline-block; }
.midbox .hun .zi li::before {display: none;}
}
.mainCont .ouradvantagesbox {clear:both;overflow: hidden;padding: 30px 0 30px;}
.row{zoom:1}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.mainCont .ouradvantagesbox .l{ width:50%;*width:49%;padding: 10px 0;}

.mainCont .ouradvantagesbox h3{ font-weight:normal; display:block;font-size:50px; padding-bottom:20px; text-transform:uppercase; background:url(hd2-bdr0.jpg) no-repeat left top; color:#000; padding-top:20px; line-height:50px;}
.mainCont .ouradvantagesbox .anrac .box{ margin:0 10px;}
.picture-resize-wrap{position: relative; width: 100%; text-align: left; }
.mainCont .ouradvantagesbox .mobile-imgBox img{position:relative;max-width:100%}
.ouradvantagesbox .box .text .sitewidget-hd{display: block;border-left: 0 solid #000;border-right: 0 solid #000;border-top: 0 solid #000;border-bottom: 0 solid #000;border-top-right-radius: 0;border-top-left-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;padding-top: 10px;padding-right: 0;padding-bottom: 10px;padding-left: 0;position: relative;background-image: none;}
.ouradvantagesbox .box .text .sitewidget-hd h2{font-size: 18px;color: #333;font-weight: 700;letter-spacing: 0;line-height: 1.8em;text-align: left;}
.ouradvantagesbox .box .text .sitewidget-bd {clear: both;zoom: 1;letter-spacing: 0;line-height: 1.7em;text-align: left;font-size: 14px;color: #545454;font-weight: 400;}		
.ind_abouts .slick_first {padding: 15px; margin:15px 15px 35px}
.ind_abouts .slick-slide{ border:solid 1px #E7E7E7;box-shadow:rgba(231,231,231,.9) 0 4px 3px 1px;
   -moz-border-radius: 8px;  /* Gecko browsers */
   -webkit-border-radius: 8px;   /* Webkit browsers */
   border-radius:8px;/* W3C syntax */}
.ind_abouts img {width: 100%;}

.ind_abouts .slick-dots {bottom: -15px;}
.ind_abouts .slick-prev, .ind_abouts .slick-next {height: 40px;top: 43%;transition: all 0.3s ease 0s;width: 40px;}
.ind_abouts .slick-prev {background:#ECE9D8 url("ind_prev1.png") no-repeat scroll center center;}
.ind_abouts .slick-next {background:#ECE9D8 url("ind_next1.png") no-repeat scroll center center;}
.ind_abouts .slick-prev:hover, .ind_abouts .slick-next:hover {transition: all 0.3s ease 0s;}
.production_box { overflow: hidden; padding: 20px 0;}
.production_box .item_box { overflow: hidden;}
.production_box .item {float: left;margin-bottom: 20px;margin-right: 12px;margin-left: 12px;width:390px; position:relative;}
.production_box .item:nth-of-type(1) { margin-left: 0;}
.production_box .item:nth-of-type(3n) { margin-right: 0;}
.production_box .item .img { line-height: 0;}
.production_box .item .img img { width: 100%;}
.production_box .item .img a { display: block; line-height: 0;}
.production_box .item .name { position:absolute; bottom:45px; width:100%; height:46px; line-height:46px;background:url("pbg.png") no-repeat center;  text-align:center; color:#fff;}
.production_box .item .name .t{ word-wrap:break-word;word-break:break-all; }
/*faqs*/
.ind-faq{padding:2vw 0 4vw;}
.ind-faq h2 {clear: both;line-height: 2em;font-weight:400;letter-spacing:0;font-size:36px;color:#333;text-align:center;padding:0 0 21px 0;margin:0 0 50px 0;background:url(hd2-bdr.jpg) no-repeat center bottom;}
.ind-faq li{position:relative;margin-bottom:1vw;padding:0.8vw 1vw;background-color:#f2f6f7;cursor:pointer;transition:all .5s;}
.ind-faq li i{position:absolute;right:1.5vw;top:0.8vw;width:1.4vw;height:1.4vw;transition:all .5s;}
.ind-faq li i:before{content:"";position:absolute;left:53%;top:50%;width:0.7vw;height:2px;margin-top:-0.3vw;margin-left:-0.35vw;transform:rotate(45deg);transform-origin:center;background-color:#404040;}
.ind-faq li i:after{content:"";position:absolute;left:53%;bottom:50%;width:0.7vw;height:2px;margin-bottom:-0.3vw;margin-left:-0.35vw;transform:rotate(-45deg);transform-origin:center;background-color:#404040;}
.ind-faq li h3{line-height:1.4vw;padding-right:1vw;font-size:0.9375vw;color:#000;}
.ind-faq li .answer{display:none;line-height:1.3vw;padding:1vw 0;font-size:0.83vw;}
.ind-faq li .answer p{line-height:1.3vw;font-size:0.83vw;}
.ind-faq li:hover{background-color:#ebebeb;}
.ind-faq li.on i{transform:rotate(90deg);}

.Fast_contact {height: 265px;margin-top: -132.5px;position: fixed;right: 10px;top: 50%;z-index: 9999;}
.Fast_contact ul li.onlineservice_li {height: 45px;margin-bottom: 5px;position: relative;text-align: center;width: 45px;}
.Fast_contact ul > li.onlineservice_li > a {display: inline-block;height: 28px;margin-top: 10px;width: 28px;}
.Fast_contact ul > li:hover .onlineservice_tips {transform: rotateX(0deg);}
.onlineService_qq {background-image: url("Fast.png");background-position: 0 0;background-repeat: no-repeat;}
.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {background-image: url("fastPhone.png");background-position: 0 0;background-repeat: no-repeat;height: 45px;width: 45px;}
.Fast_contact ul > li.onlineservice_li > a.onlineService_skype {background-image: url("fastskpe.png");background-position: 0 0;background-repeat: no-repeat;height: 45px;width: 45px;}
.Fast_contact ul > li.onlineservice_li > a.onlineService_email {background-image: url("fastsemail.png");background-position: 0 0;background-repeat: no-repeat;height: 45px;width: 45px;}
.Fast_contact ul > li.onlineservice_li > a.onlineService_back {background-image: url("fastsback.png");background-position: 0 0;background-repeat: no-repeat;height: 45px;width: 45px;}
.onlineService_whatsApp {background-image: url("Fast.png")background-position: 0 -266px;background-repeat: no-repeat;}
.onlineService_wechat {background-image: url("Fast.png");background-position: 0 0;background-repeat: no-repeat;height: 30px;width: 30px;}
.for_wechat span {display: block;text-align: center;}
.onlineservice_tips {background-color: #fff;border: 1px solid #ccc;border-radius:4px;padding: 5px 8px;position: absolute;right:50px;top:15px;transform: rotateX(90deg);transition: all 0.4s ease 0s;}
.onlineservice_tips li {height: auto;white-space: nowrap;width: auto;}
.onlineservice_tips li a {color: #737578;display: block;font-size: 15px;line-height: 22px;min-height: 22px;text-align: center;}
.onlineservice_tips li a.for_wechat {height: auto;}
.onlineservice_tips li a.for_wechat img {max-width: 240px;}
.onlineservice_tips li a:hover {text-decoration: underline;}
.onlineservice_tips::after {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #fff;border-color: transparent #ccc #ccc transparent;border-image: none;border-style: solid;border-width: 1px;content: "";display: inline-block;height: 10px;position: absolute;right: -6px;top: 10px;transform: rotate(-45deg);width: 10px;}

.location { padding: 20px 0 0 0 }

.list_page{text-align:center;margin: 10px auto;display:block; font-size: 0.9em}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block; margin-left: 1px }
.list_page ul a{background-color:#ccc;padding:8px 12px;line-height:18px;display:block; }
.list_page ul a:hover { background-color: #aaa; color: #fff }
.page_group ul{}
.page_group ul li{ float:left; }
.page_group ul li:not(:first-child):not(:last-child){ }
.page_group ul li:first-child{}
.page_group ul li:last-child{}
.page_group ul .active a{ background-color:#5DB249; color: #fff }

.mio-plist {}
.mio-plist li { width: 33%; float: left; margin-bottom:20px; }
.mio-plist li .mio-img { border: #eee 1px solid; padding: 5px; }
.mio-plist li .mio-img img { width: 100% }
.mio-plist li .mio-txt { padding: 15px 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; text-align:center }
.mio-plist li:nth-child(3n - 1) { margin-left: .5%; margin-right: .5% }
.mio-plist li a:hover .mio-img { border-color: #5DB249; }

.mio-alist {}
.mio-alist li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: #ccc 1px dashed }
.mio-alist .mio-img { width: 220px; height: 160px; background-color: #eee; overflow: hidden; float: left }
.mio-alist .mio-img img { width: 100%; height: 100% }
.mio-alist .mio-txt { width: 710px; float: right }
.mio-alist .mio-intro { color: #777; }
.mio-alist .mio-pdate { color: #5db249; margin: 15px 0; }

.mio-proinfo { margin-bottom: 30px; }
.mio-proinfo img { width: 100% }
.mio-proinfo .mio-img { width: 50%; float: left; border: #ccc 1px solid }
.mio-proinfo .mio-txt { width: 45%; float: right }
.mio-proinfo .mio-txt .mio-intro { margin: 20px 0; }
.mio-proinfo .mio-txt h1 { color: #111; font-size: 1.6em }

.picFocus{ margin:0 auto;  width:100%; position:relative; overflow:hidden; zoom:1; padding: 5px; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:113px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; height: auto; display:block;  }


.mio-article h2,
.mio-article p { margin-bottom: 20px; }
.mio-article h2 { font-weight: bold; font-size: 1.6em }
.mio-article h3 { margin-bottom: 20px; font-weight: bold }
.mio-article ol { margin: 0 0 20px 2em; }
.mio-article ul { margin: 0 0 20px 0; }
.mio-article ul li { }
.mio-article ol li { list-style: decimal-leading-zero }
.mio-article li p { margin: 0 0 5px 0; }
.mio-article a { text-decoration: underline; }

.mio-article-news table { width: 100%; border-collapse: collapse; border-spacing:0; color: #111; border-right:#666 1px solid; border-top: #666 1px solid; text-align: center; margin-bottom: 15px; }
.mio-article-news table th { padding: 8px; border-left:#666 1px solid; border-bottom: #666 1px solid; background-color:#ccc; text-align: center }
.mio-article-news table td { padding: 8px; border-left:#666 1px solid; border-bottom: #666 1px solid; text-align: center }
.mio-article-news table tr:nth-child(even) { background-color:#fff }
.mio-article-news table tr:nth-child(odd) { background-color:#eee }
.mio-article-news img { display: block; max-width: 600px; margin: 20px auto }

.mio-article-pro {}
.mio-article-pro table { width: 100%; border-collapse: collapse; border-spacing:0; }
.mio-article-pro table th { padding: 10px 20px; }
.mio-article-pro table td { padding: 10px 20px; }
.mio-article-pro table tr:nth-child(even) { background-color:#fff }
.mio-article-pro table tr:nth-child(odd) { background-color:#e3e3e3 }
.mio-article-pro table td:nth-child(1) { width: 10% }

.mio-right { width: 960px; float: right; }
.mio-left { width: 240px; float: left }

.mio-category {}
.mio-category a { display: block; padding: 15px 25px; border-bottom: #ccc 1px dashed }
.mio-category dt a { background-color: #5db249; color: #fff; font-weight: bold }
.mio-category dt.hover a { background-color: #e8ba41 }
.mio-category dd a { padding: 8px 25px; background: #eee url(arrow.gif) no-repeat 210px center }
.mio-category dd.hover a { font-weight: bold; color: #5db249 }

hr { height: 0; border: 0; border-top: #eee 1px solid; margin: 20px 0; }

.mio-alink a { width: auto; height: 50px; line-height: 50px; color: #d42627; background: url(pdf.jpg) no-repeat 0 center; padding-left: 50px; display: block; }

h1.mio-h1t { margin-bottom: 20px; }
.mio-pdesc { background-color: #f5f3ec; padding: 25px; margin-bottom: 20px; border: #5db249 1px dashed }

.mio-aback a { display: block; width: 80px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; margin: 0 auto; background-color: #5db249; color: #fff; }
.mio-aback a:hover { background-color: #e8ba41; }

.mio-pro-cimg { width: 295.6px; height: 225.7px; overflow: hidden }


.pbanner1 { background-image: url(/upfile/pbanner/pb_about.jpg) }
.pbanner2 { background-image: url(/upfile/pbanner/pb_contact.jpg) }
.pbanner29 { background-image: url(/upfile/pbanner/pb_faq.jpg) }
.pbanner3,.pbanner30 { background-image: url(/upfile/pbanner/pb_pro.jpg) }
.pbanner26 { background-image: url(/upfile/pbanner/pb_news.jpg) }

.mio-tlist li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: #ddd 1px dashed }
.mio-tlist a { display: block; margin-bottom: 20px; }
.mio-tlist a .mio-img { width: 30%; float: left; border: #eee 1px solid }
.mio-tlist a .mio-img img { width: 100%; height: auto; }
.mio-tlist a .mio-txt { width: 65%; float: right; }
.mio-tlist a .mio-intro { color: #777; margin-bottom: 20px; }
.mio-tlist a h3 { font-size: 1.5em; color: #111; margin-bottom: 20px; }
.mio-tlist a u { display: block; width: 100px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; background-color: #5db249; color: #fff; text-decoration: none; }
.mio-tlist a:hover u { background-color: #e8ba41; }
.mio-tlist a:hover .mio-img { border-color: #5db249 }


.mio-tag li { width: 20%; float: left; margin-bottom: 20px; }
.mio-tag li a { display: block; width: 95%; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; background-color: #5db249; color: #fff; text-decoration: none; }
.mio-tag li a:hover { background-color: #e8ba41; }

.mio-rbar { position: fixed; top: 50%; right: 5px; z-index: 9999999999999; margin-top: -127px; height: 254px; }
.mio-rbar ul { position: relative; }
.mio-rbar li { position: absolute; top: 0; right: 0; }
.mio-rbar li.mio-li1 { }
.mio-rbar li.mio-li2 { top: 51px }
.mio-rbar li.mio-li3 { top: 102px }
.mio-rbar li.mio-li4 { top: 153px }
.mio-rbar li.mio-li5 { top: 204px }
.mio-rbar li.mio-li6 { top: 255px }
.mio-rbar a { display: block; height: 50px;  }
.mio-rbar a div { line-height: 50px; background-color:#00923f; color:#fff; padding: 0; width: 0; overflow: hidden; float: left }
.mio-rbar a span { display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: url(bb.png); color:#fff; font-size:1.4em; float: left; font-size: 1.8em; }
.mio-rbar a:hover div { width: 150px; padding: 0 10px; }
.mio-rbar a:hover span { background: none; background-color:#00923f }
.mio-rbar li.mio-li1:hover { width: 200px }

.mio-wximg { width: 140px; height: 170px; background: #00923f; color:#fff; text-align:center; position: fixed; top: 50%; right: 55px; padding: 10px; margin-top: -25px; display: none }
.mio-wximg img { display: block; width: 120px; margin: 0 auto 5px; }


.mio-imglist li img { width: 100%; margin-bottom: 5px; }
.mio-imglist li { width: 33%; float: left; margin-bottom: 10px; text-align: center }
.mio-imglist li:nth-child(3n - 1) { margin-left: .5%; margin-right: .5%; }



.mio-flinks { background-color: #111; padding: 15px 0; color: #777; line-height: 20px; border-top: rgba(255,255,255,.1) 1px solid; font-size:.9em; }
.mio-flinks li { display: inline-block; margin-bottom: 6px; }
.mio-flinks li span { padding: 0 10px; }
.mio-flinks li a { color: #777}
.mio-flinks li a:hover { color: #fff; text-decoration: underline }

.mio-wlist { background-color: #eee; padding: 25px; margin-top: 30px; }
.mio-wlist li { width: 30%; float: left; margin-bottom: 5px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-wlist li:nth-child(3n - 1) { margin-left: 5%; margin-right: 5% }

.mio-rlist { background-color: #eee; padding: 25px; margin-top: 30px; font-size: .9em; }
.mio-rlist li { width: 49%; float: left; margin-bottom: 5px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-rlist li:nth-child(even) { margin-left: 2%; }
.mio-rlist span { float: right; color: #999; margin-left: 10px; }

.mio-wlist2 { background: none; padding: 0; margin: 0; }
.mio-wlist2 span { float: right; color: #999; }

.mio-article-wiki img { width: 100%; border: #eee 1px solid }
.mio-article-wiki .row { margin-bottom: 20px; margin-left: 0; margin-right: 0 }
.mio-article-wiki .row .col-md-4 { width: 32%; float: left }
.mio-article-wiki .row .col-md-4:nth-child(2) { margin-left: 2%; margin-right: 2% }

.mio-ilist { font-family: Arial, "Microsoft YaHei", Helvetica, sans-serif; font-size: 14px; margin-top: 30px; }
.mio-ilist li a { display: inline-block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-ilist li span { float: right; color: #999 }
.mio-ilist li { float: left; width: 49%; height: 25px; line-height: 25px; overflow: hidden }
.mio-ilist li:nth-child(even) { margin-left: 2% }

.mio-rlist-list li:nth-child(n + 21) { display:none }