.banner{ padding-top: 77px; }
.banner img{ width: 100% }
.banner img:first-child {display: block;}
.banner img:nth-of-type(2) {display: none;}


.ziye_nav{ border-bottom: 1px solid #d2d0d0 }
.ziye_nav ul li{ float: left;margin-right: 14px;}
.ziye_nav ul li a{    display: inline-block; position: relative;padding: 20px 15px 26px;line-height: normal; color: #5d5d5d;font-size: 16px;}
.ziye_nav ul li a:before {
	content: ""; 
	width: 0;
	height: 2px;
	background: #4f6808;  
	position: absolute; 
	left: 0; 
	bottom: 0; 
	transition: 340ms;
	-webkit-transition: 340ms;
	-ms-transition: 340ms;
	-o-transition: 340ms;
	-moz-transition: 340ms;
}
.ziye_nav ul li:hover a:before, .ziye_nav ul li.hover a:before {width: 100%;}
.ziye_nav ul li:hover a,.ziye_nav ul li.hover a{ color:#4f6808 }

/*新闻*/
.news1 .news_left{ width: 100%; height: auto;display: flex;align-items: center;justify-content: center; overflow: hidden;}
.news1 .news_right{ width: 100% }
.news1 .news_left img{max-width: 100%;max-height: 100%;}
.news1{border-top: 1px solid #e6e7e8;border-bottom: 1px solid #e6e7e8; padding: 30px 0}
.news1:hover{background: url(../images/news_bg.jpg) no-repeat;}
.news_right h1 a{ font-size: 16px; font-weight: bold;margin: 10px 0; display: inline-block; }
.news_right>a{ background:url(../images/search.png) no-repeat center left; height: 14px;padding-left: 25px;}
.news_span{margin-bottom:10px;}
.news_span span{ font-size: 12px; color: #666 }
.news_right p{ font-size: 14px; line-height: 26px;height: 52px; overflow: hidden;margin-bottom: 15px;}
.news_right>a:hover,.news_right h1 a:hover{ color: #4f6808 }
.news1_box{ transition:430ms;-webkit-transition:430ms;-o-transition:430ms;-moz-transition:430ms;-ms-transition:430ms;}
.news1:hover .news1_box{padding-left: 30px;}
.page_desc{margin: 50px auto;text-align: center;    font-size: 14px;}
.page_desc li{display:inline-block;margin: 0 5px;}
.page_desc li>span,.page_desc li a{padding: 8px 15px;display: inline-block; border: 1px solid #d8d8d8; border-radius: 5px; color: #333;    background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#4f6808; color: #fff;border: 1px solid #4f6808}



/*新闻详情*/
.case,.news_detail{ background-color: #f5f5f5 }
.detail_box{ background-color: #fff }
.news_info{padding: 35px 4% 38px; }
.news_info h3 {font-size: 24px;font-weight: normal;color: #333;text-align: center;padding-bottom: 23px; border-bottom: 1px solid #e4e4e4;}
.detail_box .news_span{ text-align: center; margin-top: 20px;margin-bottom: 20px}
.cont p{font-size: 15px;line-height: 28px; margin-bottom: 10px;color: #666666;}
.cont p img{max-width: 100%;}
.paging{ margin-top: 50px }
.paging .left p a{font-size:14px; color:#767676;}
.paging .left p a:hover{color:#23653e;}


/*contact*/
.contact .us_top{width: 100%; border-bottom: 1px solid #dddddd;  height: 70px; margin-top: 34px;  line-height: 70px;}
.us_top p { font-size: 34px;}
.us_top code {color: #cccccc; font-size: 28px;  font-family: "微软雅黑"}
.us_contact{  margin: 30px auto 60px;}
.us_contact p { color: #666666;  font-size: 15px; line-height: 24px;}
.us_contact dl{ margin-top: 35px;}
.us_contact dl dt{color: #4f6808;font-size: 22px; font-weight: bold;padding-bottom: 8px;}
.us_contact dl dd b{ color: #4f6808;}
.us_contact dl dd{ margin-top: 16px; color: #666666;font-size: 16px; background-repeat: no-repeat; background-size: 25px; padding-left: 29px;}
.us_contact dl dd:nth-of-type(1){ background-image:url(../images/i1.png); }
.us_contact dl dd:nth-of-type(2){background-image:url(../images/i2.png); }
.us_contact dl dd:nth-of-type(3){ background-image:url(../images/i3.png); }
.us_contact dl dd:nth-of-type(4){background-image:url(../images/i4.png); }
.us_contact dl dd img{ float: left; margin-right: 20px;}
.us_contact dl dd a{ color: #4f6808; text-decoration: underline;}
.us_contact ul{ margin-top: 35px;}
.us_contact ul li{float: left; background: #eeeeee; padding: 10px;}
.us_contact ul li span{ display: block;color: #474747; font-size: 14px; text-align: center; margin-top: 12px;}
.us_map .us_map_left {  background: rgba(0,0,0,0.7);position: absolute;top: 0px;width: 50%; height: 525px;left: 0;transition: width 3s; -webkit-transition: width 3s;}
.us_map .us_map_right { background: rgba(0,0,0,0.7);position: absolute; top: 0px; width: 50%;height: 525px;right: 0; transition: width 3s;-webkit-transition: width 3s;}
.us_map{ position: relative;}
.us_map:hover .us_map_left,.us_map:hover .us_map_right{ width: 0;}
.us_formbox{ padding-top: 46px; margin-bottom: 46px;}
.us_formbox ul li:last-child{text-align: center;}
.us_formbox ul li input{ width: 95%;height: 48px;padding-left: 12px;font-size: 14px;color: #666666;float: left; border: 1px solid #d2d2d2;margin: 0px 1%;}
.us_formbox ul li button.ipt2{width: 150px;height: 50px;background: #4f6808; color: #FFF;padding: 0;text-align: center;border: none;border-radius: 11px; cursor: pointer; font-size: 16px; font-family: "微乳雅黑";}
.us_formbox ul li textarea{ width: 92%;border: 1px solid #d2d2d2;padding: 12px;font-size: 14px;height: 174px;resize: none;margin: 30px 0;font-family: "微乳雅黑";}
.us_formbox ul li a{ display: block;margin-top: 12px;}
.contain .footer_top_co { background: #4f6808;}
.contain .footer_top_co span{color: #fff;padding: 20px 0; font-size: 16px}
.contain .footer_top_co a{ border: 1px solid #fff; color: #fff;border-radius: 30px;padding: 8px 25px;margin: 10px 0; position: relative;transition: 430ms;-webkit-transition: 340ms;-o-transition: 340ms;-ms-transition: 340ms;-moz-transition: 340ms;}
.contain .footer_top_co a:hover{  color: #fff;background: #293800;border: 1px solid #293800;}

/*经典案例*/
.case_box{padding : 30px 0}
.case_box ul li{ width: 100%; margin-bottom: 20px; float: left; }
.case_box ul li figure{ overflow: hidden; height: auto;display: flex;align-items: center; justify-content: center; overflow: hidden;background-color: #fff;}
.case_box ul li figure img{display: block;width: 100%;height: auto;transition: 430ms;-webkit-transition: 340ms;-o-transition: 340ms;-ms-transition: 340ms;-moz-transition: 340ms; }
.case_box ul li figcaption {display: block;padding: 15px 16px 18px;overflow: hidden;background: #fff;position: relative; transition: 340ms;-webkit-transition: 340ms;-o-transition: 340ms;-ms-transition: 340ms;-moz-transition: 340ms; height: 65px;}
.case_box ul li figcaption h3 { color: #1b1b1b;font-size: 18px;margin-top: 6px;transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;-moz-transition: 300ms;}
.case_box ul li figcaption p {    text-overflow: ellipsis;white-space: nowrap;color: #6c6c6c;overflow: hidden;font-size: 14px;margin-top: 10px;transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;-moz-transition: 300ms;}
.case_box ul li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#4f6808; font-size:14px; margin-top:22px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.case_box ul li:hover figcaption {margin-top: -49px;background: #4f6808;height: 114px;}
.case_box ul li:hover figure img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.case_box ul li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;-moz-transition:355ms 100ms;-o-transition:355ms 100ms;-webkit-transition:355ms 100ms;-ms-transition:355ms 100ms;}
.case_box ul li:hover figcaption h3,.case_box ul li:hover figcaption p {color: #fff;}
/*放大开始*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 99999;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../images/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background:rgba(0,0,0,0.5);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;
	padding: 2px 20px;background: transparent; background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}

/*放大结束*/
/*经典案例详情*/
.case_detail{ background-color: #fff }


/*技术支持*/
.tech1 .tech_box{ padding: 80px 0 }
.tech1 ul li {display: inline-block;text-align: center;width: 49%;}
.tech1 ul li b{display: block;width: 100px; transition: 340ms;height: 100px;margin: auto;position: relative;background:#969696; border-radius: 100px; background-size: cover !important;}
.tech1 ul li b:before {
    content: "";width: 100%; height: 100%;position: absolute;left: 0; top: 0;background:#4f6808;
    border-radius: 100px;transition: 488ms;transform: scale(0.48);
    -webkit-transform: scale(0.48);-moz-transform: scale(0.48); opacity: 0;visibility: hidden;
}
.tech1 ul li b i { display: block; width: 43px; height: 43px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;}
.tech1 ul li span{ display:block; text-align:center; color:#595757; font-size:16px; margin-top:12px; transition:355ms;}
.tech1 ul li:nth-child(1) b i{ background:url(../images/ser1.png) center no-repeat;}
.tech1 ul li:nth-child(2) b i{ background:url(../images/ser2.png) center no-repeat;}
.tech1 ul li:nth-child(3) b i{ background:url(../images/ser3.png) center no-repeat;}
.tech1 ul li:nth-child(4) b i{ background:url(../images/ser4.png) center no-repeat;}
.tech1 ul li:nth-child(5) b i{ background:url(../images/ser5.png) center no-repeat;}
.tech1 ul li:hover b:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.tech1 ul li:hover span{ color:#4f6808;}


.tech2 {  background-size: cover;background-position: center;background-attachment: fixed;background-image:url(../images/tech_bg.jpg);padding:50px 0;}
.tech h1{ text-align: center; color: #595757; font-size: 26px;margin-bottom: 36px;}
.tech2_info{ width:100%; float: left; margin-right: 0%; position: relative; overflow: hidden;}
.tech2_info:last-child{margin-right: 0}
.tech2_info figure img{ width: 100%; height: auto; transition: 335ms;-webkit-transition:335ms;-o-transition:335ms;-moz-transition:335ms;-ms-transition:335ms;}
.tech2_info figcaption { 
	display: block;height: 75px;line-height: 75px;color: #5d5d5d;font-size: 16px;text-align: center;background: #fff;position: absolute;
	left: 0;bottom: 0;width: 100%;transition: 335ms;-webkit-transition:335ms;-o-transition:335ms;-moz-transition:335ms;-ms-transition:335ms;
}
.tech2_in_hover{ 
	position: absolute; width: 100%; height: 100%; top: 0; left:0;background: rgba(79,104,8,0.8);background: #4f6808\9;filter: alpha(opacity=80);
	box-sizing: border-box;padding: 9px;opacity: 0; visibility: hidden;transition:450ms;-webkit-transition:450ms;-o-transition:450ms;-moz-transition:450ms;-ms-transition:450ms;
	transform:rotateY(-90deg);
}
.tech2_in_hover .content_wr{padding: 50px 24px 32px 22px; }
.tech2_in_hover .content_wr:before{ content: ""; position: absolute;left: 2.5%; top: 2.5%; width: 95%; height: 95%; border:1px solid #fff; }
.tech2_in_hover .content_wr h3{ border-bottom: 1px solid #fff; padding-bottom: 20px; color: #fff; font-size: 20px; }
.tech2_in_hover .content_wr p{ color: #fff; font-size: 14px; margin-top: 40px; line-height: 26px;}
.tech2_in_hover .content_wr span {color: #ffffff;font-size: 14px; position: absolute;left: 32px;bottom: 38px;z-index: 10;}
.tech2_info:hover .tech2_in_hover{ transform:rotateY(0deg); opacity: 1; visibility: visible;}
.tech2_info:hover figcaption{ bottom: -100px; }
.tech2_info:hover figure img{ transform: scale(1.1); }


.tech3{padding: 70px 0; }
.tech3_box{background-color: #ededed;}
.tech3 figure{ float: left; width: 100%; }
.tech3 figure img{width: 100%; }
.tech3 figcaption{ float: right; width: 100%; position: relative; }
.tech3 figcaption .padding{ padding: 20px; }
.tech3 figcaption .padding p{ font-size: 14px; line-height: 28px; }
.tech3 figcaption .padding h1{ text-align: left; }
.tech3 figcaption .padding a {display: inline-block;color: #4f6808;font-size: 14px;position: absolute;left: 50px;bottom: 0;}
.tech3 figcaption .padding a:hover{ text-decoration:underline; }
.tech3_button{ text-align: center;margin-bottom: 40px; }
.tech3_button ul li{ padding: 10px; border:1px solid #9c9c9c; display: inline-block; cursor: pointer; color: #676767;margin: 0 10px;}
.tech3_button ul li.on{ background-color: #4f6808; color: #fff; border:1px #4f6808 solid;}


.tech4{background-size: cover;background-position: center;background-attachment: fixed;background-image:url(../images/tech4.jpg);padding:80px 0;}
.tech4 .join-main .list-top { height: 54px;line-height: 54px;padding: 0 3.33% 0;background: #332c2b; font-size: 14px;}
.tech4 .join-main .list-top .td2,.tech4 .join-main .list-top .td1{ color: #ffffff;}
.tech4 .join-main .td1 { width: 80%;font-size: 15px; color: #333}
.tech4 .join-main .list-box { padding: 0 3.33% 35px; background: #fff; border: 1px solid #efefef;}
.tech4 .join-main .list-box li { width: 100%;}
.tech4 .join-main .list-box li .top {font-size: 14px;color: #777777;line-height: 2;padding: 16px 0; border-bottom: 1px solid #efefef;cursor: pointer;}
.tech4 .join-main .td2 { width: 20%; text-align: right;}
.tech4 .join-main .list-box li .top a {color: #4f6808;}
.tech4 .join-main .list-box li .bot { position: relative; padding: 20px 3.5% 36px;background: #f5f5f5; display: none;}
.tech4 .join-main .list-box li .bot i {position: absolute; left: 18px;top: -12px; width: 0;height: 0; border-width: 6px;border-style: solid;border-color: transparent transparent #f5f5f5;}
.tech4 .join-main .list-box li .bot p{ font-size: 15px; line-height: 28px; text-indent: 2em; margin-bottom: 10px;color: #777777; text-align: justify;}
.tech4 .page_desc{ margin-bottom:0  }

.tech5{ background-color: #f5f5f5;padding: 80px 0;}
.tech5_one{ width: 100%; margin:0  0 20px; background-color: #fff; float: left; position: relative; overflow: hidden;}
.tech5_o_b{     padding: 40px;height: 50px;position: relative; z-index: 6;}
/*.tech5_one .tech5_o_b {position: absolute;right: 38px;top: 22px;width: 56px;height: 55px;}*/
.tech5_one .tech5_o_b .productwr img {display: block; max-width: 100%;transition: 0.55s;position: absolute;right: 36px;}
.tech5_one .tech5_o_b .productwr img.prohide { opacity: 0; visibility: hidden;}
.tech5_one .tech5_left small { display: block; color: #999999; font-size: 16px; line-height: 1.2; margin-bottom: 15px; transition: 0.53s; position: relative; z-index: 5; }
.tech5_one .tech5_left span { display: block; line-height: 1; position: relative; z-index: 5; color: #0d0d0d; font-size: 16px; transition: 0.53s; }
.tech5_one:after{ 
	content: ""; top: 0; left: 0; position: absolute; width: 0; height: 0; transition: 0.68s;-webkit-transition: 0.68s;-o-transition: 0.68s;
	-ms-transition: 0.68s;-moz-transition: 0.68s;transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);
	-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);border-style: solid;border-width: 0 0 0 0;
    border-color: #4f6808 transparent transparent transparent;
}
.tech5_one:hover:after{border-width: 930px 930px 0 0;}
.tech5_one:hover span,.tech5_one:hover small{ color: #fff }
.tech5_one:hover .productwr img {opacity: 0;visibility: hidden;}
.tech5_one:hover .productwr img.prohide { opacity: 1;visibility: visible;}
.tech_b_b{ padding-top:77px;  }

/*下载*/
.download_left{ width: 100%;display: flex;align-items: center;justify-content: center;background-color: #f5f5f5;}
.download_left img{width: 100%; }
.download_right{ width: 100%;position: relative;}
.download_right .nowti{ width: 70%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;line-height: 1.4; font-size: 16px;font-weight: bold;}
.download_right .date {font-size: 16px;color: #999;font-size: 14px; line-height: 20px; margin-top: 13px;}
.download_right .sy {font-size: 12px;margin-top: 28px;}
.download_right .down2 {
	position: absolute;top: 50%;right: 50px;transition: 300ms;
	-webkit-transition: 300ms; display: inline-block;overflow: hidden;
    background: #333;color: #fff;padding: 5px 15px;
}
.download_one{padding: 30px 0; border-bottom: 1px solid #ccc;}
.download_one:hover .download_right .down2{ background-color: #4f6808 }
.download_one:hover .download_right .nowti{ color: #4f6808 }

/*销售网络*/
.net { background: #f5f5f5 }
.net .net_box p img{ max-width: 100%; }
.net .net_box p{ font-size: 15px; line-height: 28px;}
.net_box{padding: 80px 0; background: #fff}
.net_children {border: 1px solid #e2e2e2; overflow: hidden;}
.net_ch_bottom .ne_left{ width: 100%; padding-bottom: 20px;border-bottom: 1px dashed #e2e2e2; padding-top:20px;    padding-left: 20px;}
.net_ch_bottom .ne_left p{line-height: 26px;}
.ne_left .one{ float: left; width: 100%; line-height: 24px;}
.ne_left .one:nth-of-type(2){ width: 100%; }
.ne_left.net_first{border-bottom: 1px dashed #e2e2e2;font-size: 17px;font-weight: bold;background: #e5ead7;padding: 15px 20px;color: #4f6808;}
.net_ch_bottom .ne_left:last-child{ border-bottom: none; }

/*产品世界*/
.product{padding: 150px 0 100px; width: 95%; margin: auto;}
.product_info{ width: 100%; float: left;margin:0 0  20px 0; position: relative;}
.productimg{ overflow: hidden; position: relative;}
.productimg mark{display: block;
    width: 100%;height: 100%;background: rgba(0,0,0,0.3);background: #000\9;filter: alpha(opacity=30);position: absolute;left: 0;top: 0;z-index: 5; transition: 0.85s ease-in-out;}
.productbot{width: 100%;position: absolute;left: 0;top: 50%; margin-top: -36px;z-index: 10;transition: 0.55s;}
.productbot .techfix {height: 58px;}
.product_info .productimg img {display: block; width: 100%;line-height: 0;position: relative;transition: 0.5s;}
.productbot .technohide {position: relative; padding-top: 16px; margin-top: 8px;opacity: 0;visibility: hidden;transition: 0.5s;}
.productbot .technohide:before {content: "";width: 36px;height: 1px;background: #fff; position: absolute;left: 50%;margin-left: -18px;top: 0;}
.productbot .technohide p { color: #ffffff;text-align: center;font-size: 14px; line-height: 28px}
.productbot .techfix span { display: block; text-align: center;color: #ffffff;font-size: 16px;font-weight: bold;margin-bottom: 10px}
.product_info:hover .productimg img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
.product_info:hover .productimg mark { background: url(../images/tbg.png) center bottom no-repeat; background-size: cover; }
.product_info:hover .productbot { margin-top: -90px; }
.product_info:hover .technohide { opacity: 1; visibility: visible; transition: 0.5s 0.2s; }

/*宜美思*/
/*.yuanl{ background: url(../images/ab_bg.jpg) no-repeat center #f5f5f5; background-size: cover;}*/
.about4,.about3 .about3_box,.about2,.about1 .about1_box{ padding: 80px 0 }
.about h1{    text-align: center; color: #595757;font-size: 26px;margin-bottom: 36px; }
.about1 .about1_box p{ font-size: 15px; line-height: 28px; text-indent: 2em; margin-bottom: 10px; text-align:justify;}
.about2 ul li{ width: 100%; margin:0 0 20px 0; float: left; position: relative;perspective:500px;-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;}
.about2 ul li figcaption{ 
	position: absolute; background: url(../images/marks.png) repeat top left; 
	width: 100%; height: 38px;  color: #fff; text-indent: 2em;display: block; left: 0; 
	bottom: 0; padding-top: 98px;transition: 0.4s;-o-transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;}
.about2 ul li figure img{width: 100%;}
.visiontext{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.visiontext:before {
	content: ""; width: 100%;
    height: 100%;position: absolute;left: 0;top: 0;background: rgba(79,104,8,0.8);
    background: #02359a\9;filter: alpha(opacity=90);
    transform: rotateY(45deg);-webkit-transform: rotateY(45deg);-moz-transform: rotateY(45deg);
    transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s;
    opacity: 0;visibility: hidden;transform-origin: left center 0;-webkit-transform-origin: left center 0;-o-transform-origin: left center 0;-moz-transform-origin: left center 0;
    -ms-transform-origin: left center 0;
}
.visiontext .vis_box { padding: 40px 20px;position: relative;opacity: 0;visibility: hidden;transition: 0.46s;-webkit-transition: 0.46s;-o-transition: 0.46s;-moz-transition: 0.46s;-ms-transition: 0.46s;}
.visiontext .vis_box h3 {color: #ffffff;font-size: 24px;font-weight: normal;line-height: 1;margin-bottom: 26px;}
.visiontext .vis_box p {color: #ffffff;font-size: 14px;    line-height: 26px;}
.about2 ul li:hover .visiontext .vis_box{ opacity: 1; visibility: visible; }
.about2 ul li:hover .visiontext:before{opacity: 1; visibility: visible;transform: rotateY(0);-webkit-transform: rotateY(0);-moz-transform: rotateY(0);}
.about2 ul li:hover figcaption{ visibility: hidden;opacity: 0}


.about3{ background: url(../images/tech4.jpg) no-repeat center; background-size: cover;}
.about3 .about3_box>p{ width: 80%; text-align: center; margin: 0 auto 30px; }
.about3_info{ 
	width: 100%; margin: 0 0 20px 0;background: rgba(255,255,255,0.5);background: #fff\9;filter: alpha(opacity=50); 
	float: left;overflow: hidden; position: relative; }
.about3_info .chinefix{transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.about3_info .chinefix .padding{padding:65px;}
.chinehide{ 
	position: absolute; width: 100%; height: 100%;left: 0; top:-156px;visibility: hidden;opacity: 0;
	transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;
}
.about3_info .chinefix span{ font-size: 22px; color: #4f6808;margin: 20px 0 0 18%;}
.chinehide .padding{ padding: 7%; }
.chinehide p{    line-height: 28px; font-size: 15px;text-align: justify;}
.about3_info:hover .chinehide{ opacity: 1; visibility: visible; top: 0 }
.about3_info:hover .chinefix{ opacity: 0; visibility: hidden; }
.about3_info .chinefix b img{ width: 111px }
.about4 img{ max-width: 100%;margin: 20px auto; display:block;}
.about4 .listed .list_info {width: 50%;float: left;position: relative;overflow: hidden;}
.list_info figure {display: block; overflow: hidden;line-height: 1;position: relative;}
.list_info figure img {display: block;width: 100%;   height: auto;line-height: 0; transition: 0.76s;}
.list_info figure figcaption{ position: absolute;top: 50%;right: 0;left: 0;margin: auto;transition: 0.45s 0.3s;margin-top: -26px;}
.list_info figure figcaption h3{ text-align: center;font-size: 28px;color:#fff; font-weight: bold;}
.list_info figure figcaption small{ text-align: center; color: #fff; display: block; font-size: 24px;font-size: 20px; margin-top: 10px; font-family: "Arial"}
.list_info .listfix{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.list_info .listfix:before{ 
	position: absolute; content: ""; top: 50%; left: 50%; background-color: rgba(255,255,255,0.9);background: #fff\9;filter: alpha(opacity=90);
	transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
	transition:all 0.67s ease-in-out;-o-transition:all 0.67s ease-in-out;-webkit-transition:all 0.67s ease-in-out;-ms-transition:all 0.67s ease-in-out;-moz-transition:all 0.67s ease-in-out;
	width: 0%; height: 0%;border-radius: 50%;
}
.list_info .listfix .listwr {position: absolute;z-index: 10; opacity: 0;visibility: hidden;transition: 0.76s;height: 230px; width: 64%;bottom: 0;top: 0;left: 0;right: 0;margin: auto;}
.list_info .listfix .listwr h3{ text-align: center; font-size: 28px;color:#4f6808; margin-bottom: 20px;}
.synlaitfix p{ text-align: center; line-height: 26px; color: #7b7b7b}
.synlaitfix { border-bottom: 1px solid #c3c3c3;padding: 0 0 20px; }
.synla{text-align: center;margin-top: 20px;}
.synla>span{background-color: #4f6808; padding: 10px 20px;display: inline-block;color: #fff;border-radius: 5px;}
.list_info:hover .listfix:before{ width: 130%; height: 200%; }
.list_info:hover .listfix .listwr{ opacity: 1; visibility: visible; }
.list_info:hover figure figcaption {opacity: 0;visibility: hidden;transform: translateY(30px);-webkit-transform: translateY(30px);-moz-transform: translateY(30px);transition: 0.45s;}
.listed {position: relative;}
.listed .groupicon{display: block;width: 110px;height: 68px;background: url(../images/connect.png) center no-repeat;position: absolute;left: 50%; margin-left: -55px;top: 50%;margin-top: -34px; z-index: 12;}
.pro_abou{ background:url(../images/bg_ad.jpg) no-repeat center; background-size: cover; /*height: 260px;*/}
.pro_abou h1{ color: #fff; text-align: center; }
.new_box{position: relative;text-align: center; width: 100px; height:40px;margin: auto;}
.new_box a{ -webkit-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;-moz-transition: 0.4s;overflow: hidden;
	width: 100%;position: relative;border: 2px solid #fff; color: #fff;font-size: 16px;  height: 100%; display: inline-block;
	line-height: 40px; text-align: center;
}
.new_box:before { 
	-webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transition: transform .4s cubic-bezier(.4,0,.2,1);
    transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleX(0);
    content: ""; top: 0;left: 0; position: absolute; width: 0; height: 0; background-color: #4f6808; transform: scaleX(0);
}
.new_box:hover:before {
	width: 104%; height: 108%;
	transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
	
}
.new_box:hover a{ color: #fff;border: 2px solid transparent; }
.pro_news{ padding:70px 0}
/*tech1*/

/*tech2*/
.sizimg_ff {margin-bottom: 15px;}
.sizimg_ff .f2 {overflow-x: auto;overflow-y: hidden;}
.f2_box {width: 650px;}
.f2_box table {border: 1px #bac0c4 solid;}
.f2_box table tr td {padding: 8px 20px; font-size: 14px;}


/*产品详情*/
.pro_1_text{ background: #f5f5f5; }
.pro_1_text .pro_1_left{ width: 100%; }
.pro_1_text .pro_1_left img{ width: 100%; }
.pro_1_text .pro_1_right{ width: 100%}
.pro_1_text .pro_1_right p{ line-height: 28px; font-size: 15px; }
.pro_t_center{margin: 50px 0}
.pro_t_center ul li{ width: 48%; float: left;margin:1%;}
.pro_t_center ul li img{ width: 100%;height: 60px;}
.pro_t_center ul li p{ text-align-last: center; margin-top: 20px }


/*产品中心*/
.product_b .product_b_box{ margin: 50px auto 100px }
.product_b ul li{ float: left; width: 100%;margin: 0; text-align: center;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.product_b ul li figcaption { display: block; padding: 0px 16px 18px; overflow: hidden;background: #fff; position: relative; transition: 340ms;-webkit-transition: 340ms; -o-transition: 340ms; -ms-transition: 340ms;-moz-transition: 340ms;}
.product_b ul li figcaption h3 { color: #1b1b1b; font-size: 18px; transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms; -moz-transition: 300ms;}
.product_b ul li figcaption p {text-overflow: ellipsis;white-space: nowrap; color: #6c6c6c;overflow: hidden;font-size: 14px;margin-top: 10px;transition: 300ms;-webkit-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;-moz-transition: 300ms;}
.product_b ul li figure img {display: block;width: 100%;height: auto;}
.product_b ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.product_b ul li:hover figcaption p,.product_b ul li:hover figcaption h3{ color: #4f6808 }