body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height: 24px;color: #333;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;font-family:"微软雅黑"!important;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #333;}
a:focus{text-decoration: none;color: #333;}
a:hover,a:focus{text-decoration: none!important;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:hover {color: #8cc332;}
a:focus {outline:none;outline-offset:0;}
img{vertical-align: middle;}
.container{margin:0 auto;}
.wow{animation-duration: 1s;-webkit-animation-duration: 1s;}
.wower{animation-duration: 0.8s;-webkit-animation-duration: 0.8s;}
.fx{position: fixed!important;}

.wrapper{width: 100%;height: auto;position: relative;overflow: hidden;}
.wrap{width: 100%;height: auto;position: relative;overflow: hidden;background: #f7f7f7;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}
.slick-dotted.slick-slider{margin-bottom: 0px;}
.slick-slide{outline: none;}
.slick-slide a{outline: none;}
.slick-vertical .slick-slide{border: none;}
.clear{clear: both;}

.section{overflow: hidden;}

#fp-nav{}
#fp-nav.fp-left{left: 30px;}
#fp-nav ul li{margin: 6px 0px;width: 20px;height: 20px;}
#fp-nav ul li a:before{content: "";width: 100%;height: 100%;border: 1px solid transparent;border-radius: 50%;transition: 300ms;position: absolute;left: 0;top: 0;transform: scale(0,0);filter:alpha(opacity=0);opacity: 0;}
#fp-nav ul li a span{width: 6px!important;height: 6px!important;margin: -3px  0 0 -3px!important;background: #8cc332;transition: 300ms;}
#fp-nav ul li a:hover:before,#fp-nav ul li a.active:before{border: 1px solid #ff6c1c;transform: scale(1,1);filter:alpha(opacity=100);opacity: 1;}
#fp-nav ul li a:hover span,#fp-nav ul li a.active span{background: #ff6c1c;}
#fp-nav ul li .fp-tooltip.fp-left{left: 28px;line-height: 20px;top: 0;color: #ff6c1c;}
#fp-nav.dot_white ul li a span{background: #fff;}
#fp-nav.dot_white ul li a:hover:before,#fp-nav.dot_white ul li a.active:before{border: 1px solid #fff;}
#fp-nav.dot_white ul li .fp-tooltip.fp-left{color: #fff;}

.class{width: 280px;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 30;background: #fff;}
.class.on{box-shadow: 0px 5px 20px 0px rgba(0,0,0,.5);}
.class_tel{width: 100%;overflow: hidden;font-size: 24px;line-height: 80px;height: 80px;padding: 0 25px;font-weight: bold;background: #8dc038;color: #fff;position: relative;text-align: center;}
.class_tel span{display: inline-block;vertical-align: top;padding-left: 42px;background: url(../images/class_tel.png) left center no-repeat;background-size: 30px;}
.m_list{width: 100%;height: 80%;overflow-y: auto;overflow-x: hidden;}
.m_list ul{width: 100%;height: auto;overflow: hidden;}
.m_list ul li{border-bottom: 1px solid #e6e6e6;font-size: 16px;}
.m_list ul li a{display: block;padding: 0 40px 0 20px;line-height: 50px;height: 50px;overflow: hidden;position: relative;}
.m_list ul li a span{width: 8px;height: 100%;position: absolute;right: 20px;top: 0;background: url(../images/m_one.png) center right no-repeat;transition: 300ms;}
.m_list ul li a span.close_one{transform: rotate(90deg);}
.m_list ul li a:hover,.m_list ul li a.cu1{color: #8dc038;font-weight: bold;}
.m_list ul li a:hover span,.m_list ul li a.cu1 span{background: url(../images/m_one_h.png) center right no-repeat;}
.m_list ul li ul{display: none;background: #f9f9f9;padding: 10px 0;}
.m_list ul li ul li{border-bottom: none;font-size: 14px;text-indent: 20px;}
.m_list ul li ul li a{color: #808080;font-weight: normal;line-height: 40px;height: 40px;}
.m_list ul li ul li a:hover,.m_list ul li ul li a.cu2{color: #8dc038;font-weight: bold;}
.m_list ul li ul li ul{display: none;padding: 0px;}
.m_list ul li ul li ul li{text-indent: 50px;}
.m_list ul li ul li ul li a{color: #808080;font-weight: normal;}
.m_list ul li ul li ul li a:before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #8dc038;position: absolute;left: 54px;top: 50%;margin-top: -3px;}
.m_list ul li ul li ul li a:hover{color: #8dc038;font-weight: bold;}

.page-prev {
	transform:translate3d(-280px, 0, 0);
	-ms-transform:translate3d(-280px, 0, 0);
	-webkit-transform:translate3d(-280px, 0, 0);	
	-o-transform:translate3d(-280px, 0, 0);	
	-moz-transform:translate3d(-280px, 0, 0);
}
.page-next {
	transform:translate3d(280px, 0, 0);
	-ms-transform:translate3d(280px, 0, 0);
	-webkit-transform:translate3d(280px, 0, 0);	
	-o-transform:translate3d(280px, 0, 0);	
	-moz-transform:translate3d(280px, 0, 0);
}
.page-active{
	transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);	
	-o-transform:translate3d(0, 0, 0);	
	-moz-transform:translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{
	transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-webkit-transform:translate3d(100%, 0, 0);	
	-o-transform:translate3d(100%, 0, 0);	
	-moz-transform:translate3d(100%, 0, 0);
}

.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner_img{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner_img img{width: 100%;position: relative;left: 50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);}
.ibanner{height: 100%;}
.ibanner.slick-slider .slick-list,.ibanner.slick-slider .slick-track{height: 100%;}
.ibanner_img{height: 100%;}
.ibanner .slick-dots{bottom: 24px;z-index: 4;padding: 0 12%;text-align: right;}
.ibanner .slick-dots li{width: 24px;line-height: 24px;height: auto;margin: 0 4px;color: #fff;}
.ibanner .slick-dots li:before{content: "";width: 1px;height: 12px;background: #fff;position: absolute;right: 3px;bottom: 110%;transform: rotate(0deg) scale(0,0);transition: 300ms;}
.ibanner .slick-dots li.slick-active:before{transform: rotate(30deg) scale(1,1);}
.mouse{text-align: center;width: 100%;line-height: 24px;color: rgba(255,255,255,.5);position: absolute;left: 0;bottom: 24px;}
.mouse:before{content: "";width: 20px;height: 32px;background: url(../images/mouse.png) center center no-repeat;position: absolute;left: 50%;margin-left: -10px;top: -38px;animation: mouse 1s linear infinite alternate;}

.header{width: 100%;height: auto;position: absolute;left: 0;top: 20px;padding: 0 8%;z-index: 10;}
.logo{width: 334px;position: absolute;}
.logo a{display: table-cell;width: 334px;height: 80px;vertical-align: middle;font-size: 0px;overflow: hidden;}
.logo a img{max-width: 100%;max-height: 100%;}
.nav{padding: 0 230px 0 30%;}
.nav ul{text-align: center;}
.nav ul li{width: 14.28%;float: left;position: relative;font-size: 16px;/*210416*/width: 12.5%;}
.nav ul li a{display: block;line-height: 80px;height: 80px;overflow: hidden;padding: 0 10px;position: relative;color: #fff;}
.nav ul li a:after{content: "";width: 1px;height: 0px;background: #8cc332;position: absolute;left: 50%;top: 56px;transition: 400ms;}
.nav ul li a:hover,.nav ul li.cu a,.nav ul li.on a{font-weight: bold;color: #8cc332;}
.nav ul li.cu a:after{height: 16px;}
.nav ul li ul{width: 120%;position: absolute;background: rgba(140,195,50,.5);border-radius: 10px;display: none;height: auto;overflow: hidden;left: -10%;}
.nav ul li ul li{width: 100%;float: none;font-size: 14px;border-bottom: 1px dashed rgba(140,195,50,.5);}
.nav ul li ul li:last-child{border-bottom: none;}
.nav ul li ul li a,.nav ul li.cu ul li a,.nav ul li.on ul li a{color: #e3facb;font-weight: normal;line-height: 50px;height: 50px;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a:hover{color: #fff;font-weight: bold;}
.tel{font-size: 24px;font-weight: bold;font-family: "Arial"!important;color: #f08b24;line-height: 34px;position: absolute;right: 8%;top: 50%;padding-left: 32px;background: url(../images/tel.png) left center no-repeat;transition: 300ms;transform: translateY(-50%);}
.tel:before{content: "";width: 1px;height: 16px;background: #808080;position: absolute;left: -35px;top: 50%;margin-top: -8px;}
.nav_button{width: 32px;height: 100%;background: url(../images/nav_button.png) center center no-repeat;background-size: 30px;position: absolute;right: 4%;top: 0;}

.service{}
.service_data{width: 100%;height: 100%;}
.service_item{width: 50%;height: 50%;float: left;overflow: hidden;}
.service_item a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.service_item a:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;transition: 300ms;}
.service_img{width: 100%;height: 100%;font-size: 0px;overflow: hidden;transition: 300ms;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.service_img img{width: 100%;}
.service_bt{width: 300px;line-height: 68px;font-size: 36px;font-weight: bold;color: #fff;border-top: 1px solid rgba(255,255,255,.6);border-bottom: 1px solid rgba(255,255,255,.6);height: 70px;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;transition: 300ms;text-align: center;}
.service_bt:before{content: "";width: 100%;height: 100%;background: rgba(141,192,57,.9);position: absolute;left: 0;top: 0;transition: 300ms;transform: scale(0,1);z-index: -1;}
.service_item a:hover:after{background: none;}
.service_item a:hover .service_img{-webkit-filter: grayscale(0%);filter: grayscale(0%)}
.service_item a:hover .service_bt{border-top: 1px solid rgba(141,192,57,.9);border-bottom: 1px solid rgba(141,192,57,.9);}
.service_item a:hover .service_bt:before{transform: scale(1,1);}

.about{}
.bglogo{width: 28%;height: auto;position: absolute;left: 0;top: 0;font-size: 0px;overflow: hidden;}
.bglogo img{max-width: 100%;}
.about_for{width: 42%;height: 100%;font-size: 0px;position: absolute;right: 0;top: 0;z-index: 2;background: #fff;}
.about_for .slick-list,.about_for .slick-track{height: 100%;}
.about_for_item img{width: 100%;}
.about_for .slick-arrow{width: 80px;height: 80px;top: auto;bottom: 0px;z-index: 4;transition: 300ms;overflow: hidden;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);}
.about_for .slick-prev{background: url(../images/about_prev.png) #fff center center no-repeat;left: -80px;}
.about_for .slick-next{background: url(../images/about_next.png) rgba(140,195,50,.9) center center no-repeat;left: 0px;}
.about_for .slick-prev:before{display: none;}
.about_for .slick-next:before{display: none;}
.about_nav{width: 100%;margin-left: -6px;}
.about_nav .slick-list{padding-bottom: 40px;margin-bottom: -40px;}
.about_nav img{width: 100%;}
.about_nav_item{padding: 0 6px;}
.about_nav_item i{display: block;border: 1px solid transparent;transition: 300ms;}
.about_nav_item i img{}
.about_nav_item.slick-current i{border: 1px solid #fff;/*box-shadow: 0px 30px 50px 0 rgba(62,94,9,.7);*/box-shadow: 0px 15px 15px 0 rgba(62,94,9,.45);}

.about_area{position: relative;z-index: 2;}
.about_left{width: 50%;}
.headline{text-align: center;margin-bottom: 36px;}
.head_cn{font-size: 24px;line-height: 1;margin-bottom: 20px;}
.head_cn span{display: inline-block;padding: 0 60px;vertical-align: top;position: relative;}
.head_cn span:before{content: "";width: 35px;height: 1px;background: #ff6c1c;position: absolute;left: 0;top: 50%;}
.head_cn span:after{content: "";width: 35px;height: 1px;background: #ff6c1c;position: absolute;right: 0;top: 50%;}
.head_en{font-size: 36px;font-family: Arial!important;font-weight: bold;color: #8cc332;line-height: 1;text-transform: uppercase;}
.imore{width: 200px;margin: 0 auto;text-align: center;font-size: 16px;}
.imore a{display: block;line-height: 52px;border-radius: 26px;border: 1px solid #c4e194;color: #8cc332;position: relative;z-index: 2;overflow: hidden;transition: 300ms;}
.imore a:before{content: "";width: 0%;height: 100%;background: #8cc332;position: absolute;right: 0;top: 0;transition: 300ms;z-index: -1;}
.imore a:hover{color: #fff;border: 1px solid #8cc332;}
.imore a:hover:before{left: 0;width: 100%;}
.about_left .headline{text-align: left;}
.about_left .head_cn{color: #fff;}
.about_left .head_cn span{padding-left: 0;}
.about_left .head_cn span:before{display: none;}
.about_left .head_cn span:after{top: 100%;background: #fff;}
.about_left .head_en{color: #fff;}
.about_left .imore{margin: 0;margin-bottom: 50px;}
.about_left .imore a{color: #fff;}
.about_left .imore a:before{background: #fff;}
.about_left .imore a:hover{color: #8cc332;border: 1px solid #fff;}
.about_left .imore a:hover:before{}
.about_text{line-height: 32px;color: #fff;max-height: 128px;margin-top: -10px;margin-bottom: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.news .container{position: relative;}
.news_top{width: 100%;height: 30%;position: absolute;left: 0;top: 0;}
.news_area{background: #fcfff6;border-top: 4px solid #8cc332;box-shadow: 0px 30px 50px 0px rgba(200,202,196,.2);padding: 56px 40px 65px;}
.news_slide.slick-dotted.slick-slider{margin-bottom: 40px;}
.news_item{padding: 0 40px;}
.news_item a{display: block;height: auto;overflow: hidden;}
.news_day{font-size: 48px;line-height: 58px;height: 58px;overflow: hidden;font-weight: lighter;color: #333;}
.news_month{font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;font-weight: lighter;color: #333;}
.news_bt{font-size: 16px;font-weight: bold;line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 10px 0 16px;transition: 300ms;}
.news_nr{line-height: 24px;height: 48px;overflow: hidden;color: #808080;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 24px;}
.news_img{width: 100%;font-size: 0px;height: auto;overflow: hidden;}
.news_img img{width: 100%;transition: 300ms;}
/*.news_item a:hover .news_bt{transform: translateY(5px);}*/
.news_item a:hover .news_img img{transform: scale(1.05,1.05);}
.news_slide .slick-dots{bottom: auto;z-index: 2;font-size: 0px;position: relative;margin-top: 40px;}
.news_slide .slick-dots li{width: auto;height: auto;margin: 0 8px;padding: 7px;}
.news_slide .slick-dots li:before{content: "";width: 100%;height: 100%;background: #daedbb;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 400ms;transform: scale(0,0);}
.news_slide .slick-dots li button{width: 5px;height: 5px;padding: 0px;background: #8cc332;border-radius: 50%;transition: 400ms;z-index: 2;position: relative;}
.news_slide .slick-dots li button:before{display: none;}
.news_slide .slick-dots li.slick-active:before{transform: scale(1,1);}
.news_slide .slick-dots li.slick-active button{}

.case{}
.case_slide{margin-bottom: 40px;width: 1420px; width: 100%;width: calc(100% + 20px); margin-left: -10px;}
.case_slide.slick-dotted.slick-slider{margin-bottom: 40px;}
.case_item{padding: 0 10px;}
.case_item a{display: block;height: auto;overflow: hidden;position: relative;}
.case_item a:after{content: "";width: 0;width: calc(100% - 40px);width: -webkit-calc(100% - 40px);width: -moz-calc(100% - 40px);height: 0;height: calc(100% - 40px);height: -webkit-calc(100% - 40px);height: -moz-calc(100% - 40px);background: rgba(140,195,50,.9);position: absolute;left: 20px;top: 20px;transition: 300ms;transform: scale(0,0);}
.case_img{width: 100%;font-size: 0px;height: auto;overflow: hidden;}
.case_img img{width: 100%;transition: 300ms;}
.case_intro{width: 62%;position: absolute;left: 19%;top: 60%;padding-bottom: 24px;background: url(../images/case_imore.png) center bottom no-repeat; transform: translateY(-50%);filter:alpha(opacity=0);opacity: 0;transition: 300ms;text-align: center;z-index: 3;color: #fff;}
.case_bt{font-size: 16px;line-height: 54px;border-bottom: 1px solid rgba(255,255,255,.5);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case_imore{line-height: 40px;height: 40px;overflow: hidden;}
.case_item a:hover:after{transform: scale(1,1);}
.case_item a:hover .case_img img{transform: scale(1.05,1.05);}
.case_item a:hover .case_intro{top: 47%;filter:alpha(opacity=100);opacity: 1;}
.case_slide .slick-arrow{width: 16px;height: 100%;top: 0; z-index: 2;transition: 300ms;overflow: hidden;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);}
.case_slide .slick-prev{background: url(../images/case_prev.png) center center no-repeat;left: -35px;}
.case_slide .slick-next{background: url(../images/case_next.png) center center no-repeat;right: -35px;}
.case_slide .slick-prev:hover{background: url(../images/case_prev_h.png) center center no-repeat;}
.case_slide .slick-next:hover{background: url(../images/case_next_h.png) center center no-repeat;}
.case_slide .slick-prev:before{display: none;}
.case_slide .slick-next:before{display: none;}
.case_slide .slick-dots{bottom: auto;z-index: 2;font-size: 0px;position: relative;margin-top: 30px;display: none!important;}
.case_slide .slick-dots li{width: auto;height: auto;margin: 0 8px;padding: 7px;}
.case_slide .slick-dots li:before{content: "";width: 100%;height: 100%;background: #daedbb;border-radius: 50%;position: absolute;left: 0;top: 0;transition: 400ms;transform: scale(0,0);}
.case_slide .slick-dots li button{width: 5px;height: 5px;padding: 0px;background: #8cc332;border-radius: 50%;transition: 400ms;z-index: 2;position: relative;}
.case_slide .slick-dots li button:before{display: none;}
.case_slide .slick-dots li.slick-active:before{transform: scale(1,1);}
.case_slide .slick-dots li.slick-active button{}

.partner{padding: 36px 50px 50px;background: #fff;height: auto;overflow: hidden;}
.partner_head{position: relative;line-height: 34px;margin-bottom: 20px;}
.partner_head span{font-size: 24px;color: #8cc332;}
.partner_head .imore{width: 112px;font-size: 14px;position: absolute;right: 0;top: 0;}
.partner_head .imore a{line-height: 32px;}
.partner_data{border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;}
.partner_item{width: 20%;float: left;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 0px;height: auto;overflow: hidden;}
.partner_item img{width: 100%;}

.safety{}
.safety_top{margin-bottom: 40px;}
.safety_left{width: 50%;}
.safety_left .headline{text-align: left;}
.safety_left .headline span{padding-left: 0px;}
.safety_left .headline span:before{display: none;}
.safety_left .headline span:after{bottom: 0px;}
.safety_state{font-size: 18px;line-height: 36px;}
.safety_right{width: 20%;text-align: center;}
.safety_right img{max-width: 100%;}
.safety_data{}
.safety_item{width: 23.05%;margin-right: 2.6%;float: left;}
.safety_item:nth-child(4n){margin-right: 0px;}
.safety_item a{display: block;height: auto;overflow: hidden;transition: 300ms;background: #fff;}
.safety_img{width: 100%;font-size: 0px;height: auto;overflow: hidden;}
.safety_img img{width: 100%;transition: 300ms;}
.safety_intro{padding: 16px 20px;}
.safety_bt{font-size: 20px;font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 10px;color: #333;}
.safety_nr{line-height: 28px;height: 84px; height: 112px; overflow: hidden;color: #333;}
.safety_item a:hover{box-shadow: 0px 30px 50px 0 rgba(143,143,143,.3);}
.safety_item a:hover .safety_img img{transform: scale(1.05,1.05);}

.footer{text-align: center;line-height: 24px;color: #dbf5b0;padding: 28px 0;background: #74a81f;}
.footer a{color: #dbf5b0;}
.footer a:hover{color: #fff;}

.side{width: 130px;padding: 10px;background: #fff;border-radius: 0 0 10px 10px;position: fixed;bottom: 5%;right: 0px;z-index: 20;border-top: 2px solid #8cc332;transition: 300ms;box-shadow: 0px 20px 50px 0 rgba(153,153,153,.3);}
.side_btn{width: 40px;position: absolute;left: -40px;top: -2px;background: #8cc235;border-radius: 10px 0 0 10px;color: #fff;padding: 45px 0;line-height: 40px;writing-mode: vertical-rl;writing-mode: tb-rl;letter-spacing: 3px;cursor: default;}
.side_btn:before{content: "";width: 100%;height: 20px;background: url(../images/side_icon.png) center center no-repeat;position: absolute;top: 14px;left: 0;}
.side_btn:after{content: "";width: 100%;height: 20px;background: url(../images/side_close.png) center center no-repeat;position: absolute;bottom: 14px;left: 0;transition: 300ms;}
.side.side_close{right: -130px;}
.side.side_close .side_btn:after{background: url(../images/side_open.png) center center no-repeat;}
.side_box{}
.side_box .side_item a{display: block;width: 100%;line-height: 32px;height: 32px;overflow: hidden;padding: 0;margin: 0;font-size: 14px;margin-bottom: 6px;border-radius: 4px;background: #f2f2f2;color: #666;display: flex;align-items: center;justify-content: center;transition: 300ms;}
.side_box .side_item a img{max-width: 100%;max-height: 100%;margin-right: 8px;}
.side_box .side_item a img.img_a{display: inline;}
.side_box .side_item a img.img_b{display: none;}
.side_box .side_item a:hover{background: #8dc038;color: #fff;}
.side_box .side_item a:hover img.img_a{display: none;}
.side_box .side_item a:hover img.img_b{display: inline;}
.side_ewm{padding: 10px 10px 0 10px;background: #f2f2f2;border-radius: 4px;height: auto;overflow: hidden;text-align: center;}
.side_ewm img{width: 100%;}
.side_ewm p{line-height: 34px;color: #666;height: 34px;overflow: hidden;}

.opacity{width: 100%;height: 100%;background: rgba(0,0,0,.3);position: fixed;left: 0;top: 0;z-index: 25;display: none;}
.bottom{width: 100%;height: auto;overflow: hidden;background: #659911;color: #fff;text-align: center;position: fixed;bottom: 0;z-index: 20;}
.bottom ul{width: 100%;height: auto;}
.bottom ul li{width: 33.33%;float: left;}
.bottom ul li a{display: block;padding: 12px 15px 4px;}
.bottom_img{width: 100%;height: 24px;font-size: 0px;margin-bottom: 4px;}
.bottom_img img{max-width: 100%;max-height: 100%;}
.bottom_bt{color: #e3f5c6;line-height: 24px;height: 24px;overflow: hidden;}
.bottom_ewm_img{width: 116px;height: 116px;overflow: hidden;position: fixed;top: 50%;left: 50%;margin-top: -58px;margin-left: -58px;z-index: 30;text-align: center;display: none;}
.bottom_ewm_img img{max-width: 100%;}

.ny_headline{width: 100%;height: auto;position: absolute;left: 0;top: 55%;transform: translateY(-50%);z-index: 2;text-align: center;color: #fff;}
.ny_en{font-size: 48px;font-family: Arial!important;font-weight: bold;text-transform: uppercase;line-height: 1.4;}
.ny_cn{font-size: 30px;line-height: 1.4;}
.ny_em{width: 1px;height: 106px;position: absolute;left: 50%;top: 110%;}
.ny_em:after{content: "";width: 100%;height: 100%;background: #8dbf3b;position: absolute;left: 0%;bottom: 0%;animation: yindao 2s linear 0.2s infinite normal;-webkit-animation: yindao 2s linear 0.2s infinite normal;}
.subnav{background: #fff;box-shadow: 0px 0px 20px 0 rgba(229,229,229,.1);position: relative;z-index: 5;}
.subnav_slide{height: 76px;text-align: center;padding: 0 15px;}
.subnav_item{font-size: 16px;position: relative;}
.subnav_item a{display: block;line-height: 76px;height: 76px;overflow: hidden;position: relative;}
.subnav_item a:after{content: "";width: 1px;height: 20px;background: #e5e5e5;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.subnav_item:last-child a:after{display: none;}
.subnav_item a:hover,.subnav_item a.cu,.subnav_item a.cu1{font-weight: bold;color: #f08b24;}
.subnav_item ul{display: none;width: 100%;padding: 5px 14px;height: auto;overflow: hidden;border-radius: 10px;background: rgba(141,191,59,.9);box-shadow: 0px 20px 20px 0 rgba(141,191,59,.3);margin-bottom: 40px;}
.subnav_item ul li{width: 100%;border-bottom: 1px dashed #e1f7bc;text-align: left;font-size: 14px;}
.subnav_item ul li:last-child{border-bottom: none;}
.subnav_item ul li a{line-height: 42px;height: 42px;padding-right: 12px;background: url(../images/first.png) right center no-repeat;color: #e2f9bd;}
.subnav_item ul li a:after{display: none;}
.subnav_item ul li a:hover,.subnav_item ul li a.cu2{background: url(../images/first_h.png) right center no-repeat;color: #fff;font-weight: bold;}
.subnav_item ul li ul{display: none;background: none;padding: 0;padding-bottom: 10px;margin-bottom: 0px;box-shadow: none;}
.subnav_item ul li ul li{border-bottom: none;text-indent: 14px;}
.subnav_item ul li ul li a{line-height: 30px;height: 30px;background: none;padding-right: 0px;}
.subnav_item ul li ul li a:hover{background: none;}
.subnav_slide .slick-arrow{width: 16px;height: 100%;top: 0; z-index: 2;transition: 300ms;overflow: hidden;background-size: 12px!important;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);}
.subnav_slide .slick-prev{background: url(../images/subnav_prev.png) #fff center center no-repeat;left: 0px;}
.subnav_slide .slick-next{background: url(../images/subnav_next.png) #fff center center no-repeat;right: 0px;}
.subnav_slide .slick-prev:hover{background: url(../images/subnav_prev_h.png) #fff center center no-repeat;}
.subnav_slide .slick-next:hover{background: url(../images/subnav_next_h.png) #fff center center no-repeat;}
.subnav_slide .slick-prev:before{display: none;}
.subnav_slide .slick-next:before{display: none;}


.main{padding: 60px 0 100px;}
.main_box{background: #fff;padding: 70px 4% 90px;}
.title{font-size: 36px;text-align: center;line-height: 1.2;margin-bottom: 30px;}
.about_det{line-height: 34px;}
.about_det img{max-width: 100%;max-height: 100%;}

.state{text-align: center;font-size: 16px;line-height: 26px;color: #808080;margin-bottom: 35px;margin-top: -15px;}
.honor_list{}
.honor_list{margin-bottom: 30px;}
.honor_eg{width: 22.9%;margin-right: 2.8%;float: left;text-align: center;margin-bottom: 2.8%;border-bottom: 1px dashed #d3d3d3;}
.honor_eg:nth-child(4n){margin-right: 0px;}
.honor_eg a{display: block;}
.honor_pic{width: 100%;padding: 20px;height: auto;font-size: 0px;overflow: hidden;box-shadow: 0 10px 50px 0 rgba(189,189,189,.3);}
.honor_pic i{display: block;height: auto;overflow: hidden;}
.honor_pic i img{width: 100%;transition: 300ms;}
.honor_tit{line-height: 60px;height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 300ms;}
.honor_eg a:hover .honor_pic i img{transform: scale(1.05,1.05);}
.honor_eg a:hover .honor_tit{font-weight: bold;}
.next1{text-align: center;}
.next1 ul{display: inline-block;vertical-align: top;}
.next1 ul li{display: inline-block;vertical-align: top;}
.next1 a{display: inline-block;vertical-align: top;width: 40px;height: 40px;overflow: hidden;line-height: 40px;margin: 0 5px;background: #f2f2f2;color: #808080;transition: 300ms;}
.next1>a{width: 80px;}
.next1 a:hover,.next1 a.on1{background: #8dbf3b;color: #fff;}
.next1 p{line-height: 24px;color: #808080;margin-top: 10px;}
.next1 p span{color: #8dbf3b;}

.safety_list{padding-bottom: 30px;}
.safety_eg{margin-bottom: 30px;}
.safety_eg a{display: block;padding: 50px;background: #fff;box-shadow: 0px 20px 100px 0 rgba(127,127,127,.1);z-index: 2;position: relative;}
.safety_eg a:before{content: "";width: 0px;height: 0px;border-top: 2px solid transparent;border-left: 2px solid transparent;position: absolute;left: 0;top: 0;transition: 300ms;}
.safety_eg a:after{content: "";width: 0px;height: 0px;border-bottom: 2px solid transparent;border-right: 2px solid transparent;position: absolute;right: 0;bottom: 0;transition: 300ms;}
.safety_pic{float: left;width: 35.5%;font-size: 0px;height: auto;overflow: hidden;margin-right: 4.6%;}
.safety_pic img{width: 100%;transition: 300ms;}
.safety_info{display: flex;}
.safety_tit{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 16px 0 12px;color: #333;font-weight: bold;}
.safety_des{line-height: 28px;max-height: 84px;overflow: hidden;margin-bottom: 25px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.safety_more{width: 200px;line-height: 52px;border: 1px solid #c5e198;border-radius: 28px;overflow: hidden;text-align: center;color: #8cc332;position: relative;z-index: 2; transition: 300ms;}
.safety_more:before{content: "";width: 0;height: 100%;position: absolute;right: 0px;top: 0;z-index: -1;transition: 300ms;}
.safety_eg:nth-child(even) .safety_pic{float: right;margin-right: 0px;margin-left: 4.6%;}
.safety_eg a:hover:before{width: 100%;height: 100%;border-color: #8dbf3b;}
.safety_eg a:hover:after{width: 100%;height: 100%;border-color: #8dbf3b;}
.safety_eg a:hover .safety_more{color: #fff;box-shadow: 0px 20px 20px 0 rgba(140,179,38,.3);}
.safety_eg a:hover .safety_more:before{background: #8dbf3b;width: 100%;left: 0;}
.safety_det{font-size: 30px;}
.next2{position: relative;border-top: 1px solid #eee;margin-top: 60px;padding-top: 20px;}
.next2 ul{padding-right: 150px;}
.next2 ul li a{line-height: 40px;height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #808080;padding-left: 20px;background: url(../images/page_icon.png) left center no-repeat;display: block;}
.next2 ul li a:hover{background: url(../images/page_icon_h.png) left center no-repeat;color: #f08b24;font-weight: bold;}
.next_back{display: block;width: 110px;line-height: 36px;height: 36px;overflow: hidden;color: #fff;background: #ccc;text-align: center;position: absolute;right: 0;top: 22px;border-radius: 18px;transition: 300ms;}
.next_back:hover{color: #fff;background: #8dbf3b;}

.partner_list{border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;margin-bottom: 60px;}
.partner_eg{width: 25%;float: left;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;font-size: 0px;height: auto;overflow: hidden;}
.partner_eg img{width: 100%;}

.case_list{margin-bottom: 20px;}
.case_eg{width: 31.3%;float: left;margin-right: 3.05%;margin-bottom: 2%;}
.case_eg:nth-child(3n){margin-right: 0px;}
.case_eg a{display: block;height: auto;overflow: hidden;text-align: center;}
.case_pic{width: 100%;font-size: 0px;height: auto;overflow: hidden;}
.case_pic img{width: 100%;transition: 300ms;}
.case_tit{padding: 0 20px;line-height: 56px;height: 56px;overflow: hidden;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;transition: 300ms;}
.case_eg a:hover .case_pic img{transform: scale(1.05,1.05);}
.case_eg a:hover .case_tit{background: #8cc332;color: #fff;}

.news_list{height: auto;overflow: hidden;margin-bottom: 30px;}
.news_eg{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e6e6e6;}
.news_eg a{display: block;height: auto;overflow: hidden;}
.news_pic{width: 360px;float: left;margin-right: 30px;font-size: 0px;height: auto;overflow: hidden;}
.news_pic img{width: 100%;transition: 300ms;}
.news_info{flex: 1.0;height: auto;overflow: hidden;}
.news_tit{font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 30px 0 20px;}
.news_des{line-height: 24px;max-height: 48px;overflow: hidden;color: #808080;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 25px;}
.news_date{line-height: 24px;height: 24px;overflow: hidden;color: #808080;}
.news_eg a:hover .news_pic img{transform: scale(1.05,1.05);}
.news_eg a:hover .news_tit{font-weight: bold;}
.news_title{text-align: center;font-size: 20px;line-height: 30px;font-weight: bold;}
.news_publish{text-align: center;color: #808080;line-height: 24px;margin: 14px 0 34px;}

.contact_logo{font-size: 0px;height: auto;overflow: hidden;text-align: center;margin-bottom: 80px;padding: 0 25%;}
.contact_logo img{max-width: 100%;max-height: 100%;}
.contact_data{margin-bottom: 50px;}
.con_item{width: 46.4%;float: left;}
.con_item:nth-child(odd){margin-right: 7.2%;}
.con_bt{margin-bottom: 35px;line-height: 40px;font-size: 30px;padding-bottom: 25px;position: relative;}
.con_bt:after{content: "";width: 60px;height: 1px;background: #8dbf3b;position: absolute;left: 0;bottom: 0;}
.con_nr{margin-bottom: 14px;min-height: 230px;height: auto;overflow: hidden;}
.con_nr dd{padding-left: 42px;position: relative;font-size: 16px;line-height: 30px;margin-bottom: 20px;}
.con_nr dd:before{content: "";width: 25px;height: 30px;position: absolute;left: 0;top: 0;}
.con_nr dd.con_addr:before{background: url(../images/con_addr.png) left center no-repeat;}
.con_nr dd.con_tel:before{background: url(../images/con_tel.png) left center no-repeat;}
.con_nr dd.con_fax:before{background: url(../images/con_fax.png) left center no-repeat;}
.con_nr dd.con_mail:before{background: url(../images/con_mail.png) left center no-repeat;}
.con_map{height: 320px;}
.contact_ewm{text-align: center;}
.con_ewm_item{display: inline-block;vertical-align: top;width: 144px;margin: 0 10px;}
.con_ewm_item i{display: block;border: 1px solid #e6e6e6;padding: 10px;font-size: 0px;height: auto;overflow: hidden;margin-bottom: 12px;}
.con_ewm_item i img{width: 100%;}
.con_ewm_item p{line-height: 24px;color: #808080;}

.case_image{width: 56%;margin: 0 auto 30px;}
.case_image img{width: 100%;}

/*index.js补充动画*/
.header.fadeOutUp,
.service_item:nth-child(odd).fadeOutLeft,.service_item:nth-child(even).fadeOutRight,
.about_for.fadeOutLeft,.about_area.fadeOutRight,
.news_area.zoomOut,
.case .headline.fadeOutDown,.case_slide.fadeOutDown,.partner.fadeOutUp,
.safety .container.fadeOutUp{animation-fill-mode: forwards;}
/*index.js补充动画end*/


@media (min-width: 1600px){
	.section .container{width: 1430px;}
}

@media (min-width: 1400px) and (max-width: 1599px){
	.section .container{width: 1330px;}
	.ibanner .slick-dots{padding: 0 4%;}
	.header{padding: 0 4%;}
	.tel{right: 4%;}
	.tel:before{left: -24px;}
	.nav{padding: 0 220px 0 30%;}
	.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a{line-height: 40px;height: 40px;}

	.service_bt{font-size: 30px;width: 280px;line-height: 62px;height: 64px;}
	.head_cn{margin-bottom: 14px;}
	.head_en{font-size: 32px;}
	.imore{width: 182px;}
	.imore a{line-height: 44px;}

	.about_text{margin-bottom: 40px;}
	.about_for .slick-arrow{width: 70px;height: 70px;}
	.about_for .slick-prev{left: -70px;}
	
	.news_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.news_slide .slick-dots{margin-top: 30px;}
	.news_item{padding: 0 30px;}

	/*.case_slide{width: 1320px;}*/
	.case_intro{padding-bottom: 16px;background-size: 16px;}
	
	.safety_left{width: 56%;}
	.safety_right{padding: 0 3.5%;}
}

@media (min-width: 1400px){
	.container{width: 1230px;}
}

@media (min-width: 1200px) and (max-width: 1399px){
	#fp-nav.fp-left{left: 20px;}
	.ibanner .slick-dots{padding: 0 3%;}
	.header{padding: 0 3%;}
	.logo{width: 290px;}
	.logo a{width: 290px;height: 70px;}
	.tel{right: 3%;font-size: 20px;background-size: 20px;}
	.tel:before{left: -20px;}
	.nav{padding: 0 180px 0 320px;}
	.nav ul li a{line-height: 70px;height: 70px;}
	.nav ul li a:after{top: 50px;}
	.nav ul li.cu a:after{height: 12px;}
	.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a{line-height: 40px;height: 40px;}

	.service_bt{font-size: 24px;width: 260px;line-height: 60px;height: 62px;}
	.head_cn{margin-bottom: 14px;}
	.head_en{font-size: 30px;}
	.imore{width: 162px;}
	.imore a{line-height: 42px;}

	.about_text{margin-bottom: 40px;}
	.about_for .slick-arrow{width: 60px;height: 60px;background-size: 12px!important;}
	.about_for .slick-prev{left: -60px;}

	.news_day{font-size: 42px;line-height: 52px;height: 52px;}
	.news_bt{margin: 6px 0 8px;}
	.news_nr{margin-bottom: 16px;}
	.news_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.news_slide .slick-dots{margin-top: 30px;}
	.news_item{padding: 0 20px;}

	/*.case_slide{width: 1190px;}*/
	.case_intro{padding-bottom: 16px;background-size: 16px;}
	
	.safety_left{width: 56%;}
	.safety_state{font-size: 16px;}
	.safety_right{padding: 0 3.5%;}
	.safety_bt{font-size: 18px;line-height: 28px;height: 28px;margin-bottom: 6px;}
	.safety_nr{line-height: 26px;height: 78px;height: 104px;}

	.title{font-size: 30px;}

	.safety_more{line-height: 44px;width: 168px;}

	.con_bt{font-size: 26px;}
}

@media (min-width: 992px) and (max-width: 1199px){
	#fp-nav.fp-left{left: 20px;}
	.ibanner .slick-dots{padding: 0 3%;}
	.header{padding: 0 3%;}
	.logo{width: 290px;}
	.logo a{width: 290px;height: 70px;}
	.tel{display: none;}
	.nav{padding: 0 0px 0 300px;}
	.nav ul li a{line-height: 70px;height: 70px;}
	.nav ul li a:after{top: 50px;}
	.nav ul li.cu a:after{height: 12px;}
	.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a{line-height: 40px;height: 40px;}

	.service_bt{font-size: 22px;width: 230px;line-height: 58px;height: 60px;}
	.head_cn{margin-bottom: 14px;}
	.head_en{font-size: 28px;}
	.imore{width: 158px;}
	.imore a{line-height: 40px;}

	.about_text{margin-bottom: 30px;}
	.about_left .imore{margin-bottom: 40px;}
	.about_for .slick-arrow{width: 56px;height: 56px;background-size: 12px!important;}
	.about_for .slick-prev{left: -56px;}
	
	.news_area{padding: 45px 30px 45px;}
	.news_day{font-size: 34px;line-height: 44px;height: 44px;}
	.news_bt{margin: 6px 0 8px;}
	.news_nr{margin-bottom: 16px;}
	.news_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.news_slide .slick-dots{margin-top: 30px;}
	.news_item{padding: 0 15px;}

	.case_slide{/*width: 960px;*/margin-bottom: 30px;}
	.case_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.case_slide .slick-prev{left: -20px;}
	.case_slide .slick-next{right: -20px;}
	.case_item a:after{width: 0;width: calc(100% - 30px);width: -webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);height: 0;height: calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -moz-calc(100% - 30px);left: 15px;top: 15px;}
	.case_intro{padding-bottom: 12px;background-size: 14px;width: 70%;left: 15%;}
	.case_imore{line-height: 36px;height: 36px;}
	.case_bt{line-height: 46px;}
	
	.partner{padding: 25px 35px 35px;}
	.safety_left{width: 56%;}
	.safety_state{font-size: 16px;}
	.safety_right{padding: 0 3%;}
	.safety_intro{padding: 12px 16px;}
	.safety_bt{font-size: 16px;line-height: 26px;height: 26px;margin-bottom: 6px;}
	.safety_nr{line-height: 24px;height: 72px;height: 96px;}
	
	.ny_en{font-size: 40px;line-height: 1.2;}
	.ny_cn{font-size: 28px;line-height: 1.2;}
	.ny_em{height: 60px;}
	.title{font-size: 28px;}
	.subnav_slide{height: 66px;}
	.subnav_item a{line-height: 66px;height: 66px;}
	.main{padding: 60px 0 90px;}
	.main_box{padding: 60px 4% 70px;}
	.about_det{line-height: 32px;}

	.honor_pic{padding: 15px;}
	.honor_tit{line-height: 54px;height: 54px;}
	.next1 a{width: 38px;line-height: 38px;height: 38px;}
	.next1>a{width: 78px;}

	.safety_eg a{padding: 40px;}
	.safety_tit{margin: 6px 0 12px;}
	.safety_des{line-height: 26px;max-height: 52px;-webkit-line-clamp: 2;}
	.safety_more{line-height: 38px;width: 140px;}

	.partner_list{margin-bottom: 50px;}

	.case_tit{line-height: 50px;height: 50px;}
	
	.news_pic{width: 314px;}
	.news_tit{margin: 24px 0 14px;}
	.news_des{margin-bottom: 14px;}
	
	.contact_logo{margin-bottom: 50px;}
	.con_bt{font-size: 24px;padding-bottom: 25px;margin-bottom: 25px;}
	.con_nr{min-height: 214px;}
	.con_nr dd{margin-bottom: 16px;}
	.con_map{height: 250px;}
	.con_ewm_item{width: 130px;}
}

@media (max-width: 991px){
	.section_my{height: auto!important;padding: 80px 0;}
	.section_my .fp-tableCell{height: auto!important;}
	#fp-nav.fp-left{display: none;}/**/
	
	.ibanner .slick-dots{padding: 0 0%;text-align: center;}
	.header{top: 0;border-bottom: 1px solid rgba(152,152,152,.5);padding: 0 4%;}
	.logo{position: relative;}
	.logo{width: 75%;}
	.logo a{width: 100%;height: 80px;}
	.tel{display: none;}
	
	.service{padding: 0px;}
	.service_data{height: auto;}
	.service_item{height: auto;}
	.service_item a{height: auto;}
	.service_img{-webkit-filter: grayscale(50%);filter: grayscale(50%);}
	.service_bt{font-size: 18px;width: 200px;line-height: 50px;height: 52px;}
	.head_cn{margin-bottom: 10px;font-size: 22px;}
	.head_en{font-size: 26px;}
	.imore{width: 132px;font-size: 15px;}
	.imore a{line-height: 36px;}

	.about_text{margin-bottom: 26px;line-height: 30px;max-height: 120px;}
	.about_left .imore{margin-bottom: 32px;}
	.about_for .slick-arrow{width: 50px;height: 50px;background-size: 10px!important;}
	.about_for .slick-prev{left: -50px;}
	
	.news_area{padding: 45px 30px 45px;}
	.news_day{font-size: 34px;line-height: 44px;height: 44px;}
	.news_bt{margin: 6px 0 8px;}
	.news_nr{margin-bottom: 16px;}
	.news_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.news_slide .slick-dots{margin-top: 30px;}
	.news_item{padding: 0 15px;}

	.case_slide{margin-bottom: 30px;}
	.case_slide.slick-dotted.slick-slider{margin-bottom: 30px;}
	.case_slide .slick-arrow{display: none!important;}
	.case_slide .slick-dots{display: block!important;}
	.case_item a:after{width: 0;width: calc(100% - 30px);width: -webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);height: 0;height: calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -moz-calc(100% - 30px);left: 15px;top: 15px;}
	.case_intro{padding-bottom: 12px;background-size: 14px;width: 70%;left: 15%;}
	.case_imore{line-height: 36px;height: 36px;}
	.case_bt{line-height: 44px;font-size: 15px;}
	
	.partner{padding: 20px 25px 25px;}
	.partner_head{margin-bottom: 15px;}
	.partner_head span{font-size: 22px;}
	.safety_top{margin-bottom: 30px;}
	.safety_left{width: 70%;}
	.safety_state{font-size: 16px;}
	.safety_right{padding: 0 0%;}
	.safety_item{width: 48.4%;margin-right: 0px;margin-bottom: 3.2%;}
	.safety_item:nth-child(odd){margin-right: 3.2%;}
	.safety_bt{font-size: 16px;line-height: 26px;height: 26px;margin-bottom: 6px;}
	.safety_nr{height: 56px;height: 112px;}
	.footer{padding: 24px 0;margin-bottom: 68px;}
	
	.ny_en{font-size: 32px;line-height: 1.2;}
	.ny_cn{font-size: 20px;line-height: 1.2;}
	.ny_em{height: 40px;}
	.title{font-size: 24px;margin-bottom: 25px;}
	.subnav_slide{height: 60px;}
	.subnav_item a{line-height: 60px;height: 60px;}
	.subnav_slide .slick-arrow{background-size: 10px!important;}
	.main{padding: 50px 0 70px;}
	.main_box{padding: 50px 4% 50px;}
	.about_det{line-height: 30px;}
	
	.state{margin-bottom: 25px;}
	.honor_list{margin-bottom: 20px;}
	.honor_pic{padding: 10px;}
	.honor_tit{line-height: 46px;height: 46px;}
	.next1 a{width: 34px;line-height: 34px;height: 34px;}
	.next1>a{width: 74px;}
	
	.safety_list{padding-bottom: 20px;}
	.safety_eg{margin-bottom: 24px;}
	.safety_eg a{padding: 24px;}
	.safety_pic{width: 36%;margin-right: 4%;}
	.safety_eg:nth-child(even) .safety_pic{margin-left: 4%;}
	.safety_tit{margin: 0px 0 8px;font-size: 18px;line-height: 28px;height: 28px;}
	.safety_des{line-height: 24px;max-height: 48px;-webkit-line-clamp: 2;margin-bottom: 14px;}
	.safety_more{line-height: 34px;width: 125px;}

	.partner_list{margin-bottom: 40px;}

	.case_tit{line-height: 42px;height: 42px;font-size: 15px;}
	
	.news_list{margin-bottom: 20px;}
	.news_eg{padding-bottom: 24px;margin-bottom: 24px;}
	.news_pic{width: 250px;margin-right: 24px;}
	.news_tit{margin: 12px 0 10px;}
	.news_des{margin-bottom: 10px;}
	
	.contact_logo{margin-bottom: 30px;}
	.con_item{width: 100%;}
	.con_item:first-child{margin-bottom: 35px;padding-bottom: 45px;border-bottom: 1px solid #e6e6e6;}
	.con_bt{font-size: 22px;padding-bottom: 20px;margin-bottom: 24px;}
	.con_nr{min-height: 0;}
	.con_nr dd{margin-bottom: 16px;}
	.con_map{height: 250px;}
	.con_ewm_item{width: 130px;}

	.case_image{width: 65%;}
}

@media (max-width: 767px){
	.section_my{padding: 70px 0;}
	
	.header{padding: 0 15px;}
	
	.service{padding: 0px;}
	.service_item{width: 100%;}
	.service_bt{font-size: 20px;width: 220px;line-height: 54px;height: 56px;}
	
	.about{padding-top: 0px;}
	.about_for{width: 100%;height: auto;position: relative;}
	.about_area{padding-top: 60px;margin-top: -30%;background: #74a81f;}
	.bglogo{width: 55%;}
	.about_left{width: 100%;}
	.about_text{max-height: 180px;-webkit-line-clamp: 6;}
	.about_for .slick-arrow{display: none!important;}

	.news_item{padding: 0 0px;}

	.case_slide .slick-dots{margin-top: 10px;}
	.case_item{margin-bottom: 20px;}

	.partner_head .imore{width: 90px;}
	.partner_head .imore a{line-height: 28px;}
	.safety_state{font-size: 15px;line-height: 30px;margin-top: -16px;}
	.safety_right{width: 22%;}
	.footer{padding: 20px 0;}
	
	.ny_banner img{width: 140%;}
	.ny_en{font-size: 28px;}
	.ny_cn{font-size: 18px;}
	.ny_em{height: 34px;}
	.title{font-size: 22px;margin-bottom: 20px;}
	.subnav_slide{height: 56px;}
	.subnav_item a{line-height: 56px;height: 56px;}
	.subnav_slide .slick-arrow{background-size: 9px!important;}
	.main{padding: 40px 0 60px;}
	.main_box{padding: 40px 4% 40px;}
	
	.state{font-size: 15px;}
	.honor_list{margin-bottom: 10px;}
	.honor_eg{width: 48.4%;margin-right: 0px;margin-bottom: 5%;}
	.honor_eg:nth-child(odd){margin-right: 3.2%;}
	.honor_pic{padding: 15px;}
	.honor_tit{line-height: 24px;height: 72px;padding: 12px 0;white-space: normal;display: flex;align-items: center;justify-content: center;}
	.honor_tit span{max-height: 100%;overflow: hidden;}
	.next1 a{line-height: 32px;height: 32px;margin: 0 8px;}
	.next1>a{width: auto;padding: 0 22px;}
	
	.safety_list{padding-bottom: 10px;}
	.safety_eg a{padding: 20px 20px 30px;}
	.safety_pic{width: 100%;margin-right: 0%;float: none;}
	.safety_eg:nth-child(even) .safety_pic{margin-left: 0%;float: none;}
	.safety_info{display: block;width: 100%;}
	.safety_tit{margin: 16px 0 8px;}
	.safety_des{max-height: 72px;-webkit-line-clamp: 3;margin-bottom: 20px;}
	.safety_more{margin: 0 auto;}

	.next2{margin-top: 40px;}
	.next2 ul{padding-right: 0px;}
	.next2 ul li a{line-height: 36px;height: 36px;}
	.next_back{position: relative;top: 0;width: 100%;margin-top: 14px;}

	.partner_list{margin-bottom: 32px;}
	
	.case_eg{width: 48.4%;margin-right: 0;margin-bottom: 3%;}
	.case_eg:nth-child(3n){margin-right: 0%;}
	.case_eg:nth-child(odd){margin-right: 3.2%;}
	
	.news_list{margin-bottom: 20px;}
	.news_eg{padding-bottom: 20px;margin-bottom: 20px;}
	.news_pic{width: 200px;margin-right: 20px;}
	.news_tit{margin: 0px 0 4px;}
	.news_des{margin-bottom: 4px;}
	
	.contact_logo{padding: 0 18%;}
	.contact_data{margin-bottom: 40px;}
	.con_item:first-child{margin-bottom: 35px;padding-bottom: 45px;}
	.con_bt{font-size: 20px;line-height: 30px;}
	.con_bt:after{width: 46px;}
	.con_nr dd{font-size: 15px;line-height: 28px;padding-left: 36px;}
	.con_nr dd:before{width: 22px;height: 28px;background-size: 100%!important;}
	.con_ewm_item{width: 124px;}

	.case_image{width: 70%;}
}

@media (max-width: 567px){
	.section_my{padding: 60px 0;}
	
	.logo a{height: 70px;}
	.nav_button{background-size: 28px;}
	.class_tel{font-size: 22px;line-height: 70px;height: 70px;}
	.class_tel span{padding-left: 38px;background-size: 26px;}
	.m_list ul li a{padding: 0 40px 0 16px;line-height: 46px;height: 46px;}
	.m_list ul li a span{right: 16px;}
	.m_list ul li ul li a{line-height: 36px;height: 36px;}

	.ibanner .slick-dots{bottom: 72px;font-size: 13px;}
	.ibanner .slick-dots li{width: 20px;height: 20px;}
	.ibanner .slick-dots li:before{height: 10px;right: 8px;}
	
	.service{padding: 0px;}
	.service_bt{font-size: 18px;width: 200px;line-height: 48px;height: 50px;}
	.headline{margin-bottom: 25px;}
	.head_cn{font-size: 20px;}
	.head_cn span{padding: 0 50px;}
	.head_en{font-size: 22px;}
	.imore{width: 122px;font-size: 14px;}
	.imore a{line-height: 32px;}
	
	.about{padding-top: 0px;}
	.about_area{padding-top: 50px;margin-top: -40%;background: #74a81f;}
	.about_text{margin-bottom: 20px;line-height: 28px;max-height: 168px;}
	.about_nav_item{padding: 0 3px;}
	
	.news_area{padding: 40px 20px 40px;}
	.news_day{font-size: 30px;line-height: 40px;height: 40px;}
	.news_month{font-size: 14px;line-height: 24px;height: 24px;}
	.news_slide .slick-dots{margin-top: 24px;}
	.news_slide .slick-dots li{padding: 5px;margin: 0 6px;}

	.case_slide{width: calc(100% + 16px);margin-left: -8px;}
	.case_slide .slick-dots{margin-top: 4px;}
	.case_slide .slick-dots li{padding: 5px;margin: 0 6px;}
	.case_item{margin-bottom: 16px;padding: 0 8px;}
	.case_item a:after{width: 0;width: calc(100% - 24px);width: -webkit-calc(100% - 24px);width: -moz-calc(100% - 24px);height: 0;height: calc(100% - 24px);height: -webkit-calc(100% - 24px);height: -moz-calc(100% - 24px);left: 12px;top: 12px;}
	.case_intro{padding-bottom: 0px;background: none;}
	.case_imore{line-height: 28px;height: 28px;font-size: 12px;}
	.case_bt{line-height: 36px;font-size: 14px;}
	
	.partner{padding: 10px 14px 14px;}
	.partner_head{margin-bottom: 6px;line-height: 30px;}
	.partner_head span{font-size: 16px;}
	.partner_head .imore{/*display: none;*/width: 72px;font-size: 12px;top: 5px;}
	.partner_head .imore a{line-height: 22px;}
	.safety_top{margin-bottom: 20px;}
	.safety_state{font-size: 14px;line-height: 26px;margin-top: -16px;}
	.safety_right{width: 26%;margin-top: 3%;}
	.safety_intro{padding: 0px 16px;}
	.safety_bt{font-size: 14px;line-height: 36px;height: 36px;margin-bottom: 0px;text-align: center;}
	.safety_nr{display: none;}
	.footer{padding: 14px 0;margin-bottom: 60px;}

	.bottom ul li a{padding: 12px 15px 2px;}
	.bottom_img{height: 20px;margin-bottom: 2px;}
	
	.ny_banner img{width: 160%;}
	.ny_headline{top: 60%;}
	.ny_en{font-size: 24px;}
	.ny_cn{font-size: 16px;}
	.ny_em{height: 26px;}
	.title{font-size: 18px;font-weight: bold;}
	.subnav_slide{height: 50px;padding: 0px;}
	.subnav_item{font-size: 15px;}
	.subnav_item a{line-height: 50px;height: 50px;}
	.subnav_item ul{padding: 0px 10px;}
	.subnav_item ul li a{line-height: 38px;height: 38px;background-size: 6px!important;}
	.subnav_slide .slick-prev{left: -10px;}
	.subnav_slide .slick-next{right: -10px;}
	.main{padding: 36px 0 50px;}
	.main_box{padding: 36px 4% 36px;}
	.about_det{line-height: 28px;}
	
	.state{margin-bottom: 20px;font-size: 14px;line-height: 24px;}
	.honor_pic{padding: 10px;}
	.honor_tit{line-height: 22px;height: 64px;padding: 10px 0;}
	.next1 a{line-height: 30px;height: 30px;margin: 0 4px;font-size: 13px;}
	.next1>a{padding: 0 16px;}
	
	.safety_eg a{padding: 15px 15px 24px;}
	.safety_tit{margin: 12px 0 4px;font-size: 16px;line-height: 26px;height: 26px;}
	.safety_des{margin-bottom: 14px;}
	.safety_more{line-height: 30px;width: 112px;}

	.next2{margin-top: 32px;padding-top: 14px;}
	.next2 ul li a{line-height: 32px;height: 32px;background-size: 6px!important;padding-left: 16px;}

	.partner_list{margin-bottom: 28px;}

	.case_list{margin-bottom: 10px;}
	.case_eg{margin-bottom: 16px;}
	.case_tit{line-height: 34px;height: 34px;font-size: 14px;}
	
	.news_list{margin-bottom: 10px;}
	.news_eg{padding-bottom: 12px;margin-bottom: 20px;}
	.news_pic{width: 100%;margin-right: 0px;float: none;}
	.news_info{display: block;width: 100%;}
	.news_tit{margin: 14px 0 6px;}
	.news_des{margin-bottom: 6px;max-height: 72px;-webkit-line-clamp: 3;}
	
	.contact_logo{margin-bottom: 24px;padding: 0 5%;}
	.contact_data{margin-bottom: 30px;}
	.con_item:first-child{margin-bottom: 25px;padding-bottom: 35px;}
	.con_bt{font-size: 18px;line-height: 28px;padding-bottom: 14px;margin-bottom: 20px;}
	.con_bt:after{width: 38px;}
	.con_nr dd{margin-bottom: 10px;font-size: 14px;line-height: 26px;padding-left: 30px;}
	.con_nr dd:before{width: 18px;height: 26px;}
	.con_map{height: 200px;}
	.con_ewm_item{width: 100px;margin: 0 8px;}
	.con_ewm_item i{padding: 8px;margin-bottom: 8px;}

	.case_image{width: 100%;margin-bottom: 20px;}
}

@media (max-width: 372px){
	.section_my{padding: 50px 0;}
	
	.logo a{height: 62px;}
	.nav_button{background-size: 26px;}
	.class_tel{font-size: 20px;line-height: 62px;height: 62px;}
	.class_tel span{padding-left: 36px;background-size: 24px;}
	.m_list ul li{font-size: 15px;}
	
	.service{padding: 0px;}
	.service_bt{font-size: 16px;width: 170px;line-height: 42px;height: 44px;}
	.head_cn{font-size: 18px;}
	.head_en{font-size: 18px;}
	.imore{width: 112px;}
	.imore a{line-height: 30px;}
	
	.about{padding-top: 0px;}
	.about_text{line-height: 26px;max-height: 156px;}
	
	.news_area{padding: 35px 15px 35px;}
	.news_day{font-size: 28px;line-height: 36px;height: 36px;}
	.news_month{font-size: 13px;line-height: 22px;height: 22px;}
	.news_bt{margin: 4px 0 4px;}
	.news_nr{margin-bottom: 10px;}
	.news_slide.slick-dotted.slick-slider{margin-bottom: 24px;}

	.case_slide{margin-bottom: 24px;width: calc(100% + 10px);margin-left: -5px;}
	.case_slide.slick-dotted.slick-slider{margin-bottom: 24px;}
	.case_slide .slick-dots{margin-top: 14px;}
	.case_item{margin-bottom: 10px;padding: 0 5px;}
	.case_item a:after{width: 0;width: calc(100% - 20px);width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);height: 0;height: calc(100% - 20px);height: -webkit-calc(100% - 20px);height: -moz-calc(100% - 20px);left: 10px;top: 10px;}
	
	.partner_head .imore{display: none;}
	
	.safety_right{margin-top: 12%;}
	
	.ny_en{font-size: 22px;}
	.ny_cn{font-size: 14px;}
	.ny_em{height: 20px;}
	.title{font-size: 17px;margin-bottom: 16px;}
	.subnav_slide{height: 46px;}
	.subnav_item{font-size: 14px;}
	.subnav_item a{line-height: 46px;height: 46px;}
	.main{padding: 30px 0 40px;}
	.main_box{padding: 30px 4% 30px;}
	.about_det{line-height: 26px;}
	
	.state{margin-bottom: 16px;font-size: 13px;line-height: 22px;margin-top: -8px;}
	.honor_pic{padding: 8px;}
	.honor_tit{line-height: 20px;height: 56px;padding: 8px 0;font-size: 13px;}
	.next1 a{line-height: 26px;height: 26px;font-size: 12px;margin: 0 2px;}
	.next1>a{padding: 0 14px;}
	.next1 p{font-size: 13px;}
	
	.safety_eg{margin-bottom: 20px;}
	.safety_tit{font-size: 15px;}
	.safety_more{line-height: 28px;width: 100px;font-size: 13px;}
	.next_back{line-height: 34px;height: 34px;}

	.case_eg{margin-bottom: 12px;}
	.case_tit{line-height: 32px;height: 32px;}
	
	.news_eg{padding-bottom: 8px;margin-bottom: 16px;}
	.news_tit{margin: 12px 0 4px;}
	.news_des{margin-bottom: 4px;}
	
	.contact_logo{margin-bottom: 20px;padding: 0 3%;}
	.contact_data{margin-bottom: 24px;}
	.con_item:first-child{margin-bottom: 20px;padding-bottom: 30px;}
	.con_bt{font-size: 16px;line-height: 26px;}
	.con_bt:after{width: 34px;}
	.con_nr{margin-bottom: 10px;}
	.con_nr dd{margin-bottom: 8px;line-height: 24px;padding-left: 26px;}
	.con_nr dd:before{width: 16px;height: 24px;}
	.con_map{height: 160px;}
	.con_ewm_item{margin: 0 6px;}
	.con_ewm_item i{padding: 6px;margin-bottom: 6px;}
}


/*banner鼠标浮动效果*/
@-webkit-keyframes mouse {
	0% {top: -38px;}
	100% {top: -46px;}
}
@keyframes mouse {
	0% {top: -38px;}
	100% {top: -46px;}
}
.mouse {
	-webkit-animation-name: mouse;
	animation-name: mouse;
}

/*内页banner引导竖线*/
@keyframes yindao{
	0% {
		height: 0px;top: 0;
	}
	50% {
		height: 100%;bottom: 0;
	}
	100% {
		height: 0%;bottom: 0;
	}
}
@-webkit-keyframes yindao{
	0% {
		height: 0px;top: 0;
	}
	50% {
		height: 100%;top: 0;
	}
	100% {
		height: 0%;bottom: 0;
	}
}