@import url("reset.css");
@charset "UTF-8";

body,html{min-width:1300px;}

/*滚动条样式*/
::-webkit-scrollbar {width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb {border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #64b381;}
::-webkit-scrollbar-corner {background-color: #fff;}
::-webkit-scrollbar:horizontal {height: 9px;}
::-webkit-selection {background: #64b381;color: #fff;}
::-moz-selection {background: #64b381;color: #fff;}
::selection {background: #64b381;color: #fff;}


.lft{ float:left;}
.rgt{ float:right;}
.web_{width:100%;min-width:1300px;margin:0 auto;}
.web{width:1200px;margin:0 auto;}
.martop40{margin-top:40px;}
.martop50{margin-top:50px;}
.martop60{margin-top:60px;}
.martop70{margin-top:70px;}
.martop80{margin-top:80px;}
.martop90{margin-top:90px;}
.martop100{margin-top:100px;}

.top{padding:25px 0;overflow:hidden;border-bottom: 1px solid #eee;}

.logo{width:317px;height:40px; background:#fff url(image/logo.png) no-repeat center center scroll;}
.logo a{ display:block; width:317px; height:40px; text-indent:-999em;}

.menu_nav{overflow:hidden;text-align:right;line-height:40px;}
.menu_nav li{display:inline-block;margin-left:50px;}
.menu_nav li a{display:inline-block;font-size:18px;border-bottom: 2px solid #fff;}
.menu_nav li a:hover{border-bottom: 2px solid #64b381; }
.menu_nav li.on a{border-bottom: 2px solid #64b381; color:#64b381;}

.menu_nav li:hover ul{display:block;}
.menu_nav li.sfhover ul{ display:block;}
.menu_nav li ul{display:none;position:absolute;z-index:9999;margin:0px 0 0 0px;background:#fff;padding-bottom:10px;}	
.menu_nav li ul.company{margin-left:-20px;}
.menu_nav li ul.Kraft{margin-left:-20px;width:250px;}
.menu_nav li ul.product{margin-left:-20px;width:350px;}
.menu_nav li ul p{background:#eee;height:2px;margin-top:23px;}
.menu_nav li ul a{text-align:left;display:block;padding:0 40px 0 20px;color:#444 !important;border-bottom: 2px solid #fff !important;}
.menu_nav li ul a:hover{color:#64b381 !important;border-bottom: 2px solid #64b381 !important;}

.inbannar{width:100%;height:470px;background:url(img/bannarbg.jpg) no-repeat center center scroll;}
.inbannar_text{position:relative;height:470px;overflow:hidden;}
.inbannar_text span{position:absolute;right:10%;top:50px;line-height:60px; display:inline-block;color:#fff;font-size:36px;font-family:"STLiti",Microsoft YaHei;text-align:left;}



.nybannar{width:100%;height:260px;background:#64b381;}


.inpro{overflow:hidden;}
.inpro li{ float:left;width:380px;height:550px;margin-right:30px;margin-bottom:30px;overflow:hidden;background:#ededed;transition: all 0s;}
.inpro li.end{margin-right:0px;}
.inpro li:hover{background:#64b381;}
.inpro li a{display:block;padding:1px;}
.inpro li a dd{width:100%;background:#fff;height:285px;overflow:hidden;}
.inpro li a dd img{width:100%;height:285px;transition: all 0.6s;}
.inpro li a:hover dd img{transform: scale(1.2);}
.inpro li a h3{font-size:18px;margin:15px auto;text-align:center;font-family:"DICenturyGothic-Bold",Microsoft YaHei;}
.inpro li a p{font-size:15px;padding:0px 14px 10px 14px;margin-bottom:5px;line-height:1.5;}

.inpro li:hover a h3,.inpro li:hover a p{color:#fff;}

.inabout{overflow:hidden;}
.tith1{text-align:center;font-size:48px; font-family:"DICenturyGothic-Bold",Microsoft YaHei;background:url(image/tit_bn.png) no-repeat center bottom scroll;padding-bottom:15px; font-weight:normal;}
.inabout_box{overflow:hidden;}
.inabout_lft{width:720px;overflow:hidden;}
	.inabout_lft article{overflow:hidden;font-size:18px;line-height:30px;}
	.inabout_lft article p{margin-bottom:20px;}
	.inabout_lft article span.more{display:block;}
	.inabout_lft article span.more a{display:inline-block;font-size:18px;margin-top:20px; background:#64b381;padding:0 30px;line-height:50px;color:#fff;}
	.inabout_lft article span.more a:hover{background:#51966b;}
.inabout_rgt{width:430px;height:380px;margin-left:50px;overflow:hidden;position:relative;}
.inabout_rgt span{display:block;position:absolute;width:200px;background:#e8e8e8;height:400px;right:0;top:0;z-index:1;}
.inabout_rgt img{position:absolute;z-index:2;width:400px;height:280px;right:20px;top:50px;}

.inappbg{
			padding:80px 0;overflow:hidden;
			background: -webkit-linear-gradient(left, #5ca578, #6eaa6a);
			background: -o-linear-gradient(left,#5ca578,#6eaa6a);
			background: -moz-linear-gradient(left,#5ca578,#6eaa6a);
			background: -ms-linear-gradient(left,#5ca578,#6eaa6a);
			filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5ca578,endColorStr=#6eaa6a);/*兼容IE5~IE9   */
			background: -webkit-gradient(linear, 0% 25%, 75% 100%, from(#5ca578), to(#6eaa6a));/*兼容Safari4-5,chrome1-9 */
		}

.appbox{overflow:hidden;}
.inapptit{color:#fff;font-size:48px;font-family:"DICenturyGothic-Bold",Microsoft YaHei;margin-bottom:30px;}
.applft{width:550px;margin-right:50px;overflow:hidden;}

.inappimg{overflow:hidden;}
.tophor{ width:480px;float: left;margin:0px 10px;overflow:hidden;cursor:pointer;background:#fff;padding:5px;}
.tophor a{display:block;}
.tophor a img{display:block;overflow:hidden;width:480px;height:360px;}
.tophor a h3{line-height:40px;font-size:18px;text-align:center;font-weight:normal;}


.tophor2{ width:480px;float: left;margin:0px 10px;overflow:hidden;cursor:pointer;background:#fff;padding:5px;}
.tophor2 a{display:block;}

.tophor2 a h3{line-height:40px;font-size:18px;text-align:center;font-weight:normal;}

.hor_img{width:480px;height:360px;vertical-align:middle;display:flex;justify-content:center;align-items:center;background:#767f78;}
.hor_img img{display:block;overflow:hidden;max-width:95%;max-height:95%;margin:10px;box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);-moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);}

.arrleft2 a{display:block; float:left;width:13px;height:19px;background:url(image/arr3.png) no-repeat left top scroll;text-indent:-999em;margin-top:200px;}
.arrleft2 a:hover{background:url(image/arr3.png) no-repeat left bottom scroll;}


.arrright2 a{display:block;float:left;width:13px;height:19px;background:url(image/arr3.png) no-repeat right top scroll;text-indent:-999em;margin-top:200px;}
.arrright2 a:hover{background:url(image/arr3.png) no-repeat right bottom scroll;}
#scrollbox2{float:left;overflow:hidden;}







.apprgt{width:600px;overflow:hidden;}
	.inkraft{overflow:hidden;font-size:16px;color:#fff;line-height:22px;}
	.inkraft ul{overflow:hidden;}
	.inkraft ul li{color:#fff;line-height:22px;font-size:16px;margin-bottom:15px;padding-left:20px;background:url(image/li2.png) no-repeat left 10px scroll;}
.apprgt p{padding-left:20px;margin-top:20px;}
.apprgt p a{color:#b0f2b9;font-size:15px;}
.apprgt p a:hover{color:#fff;font-size:15px; text-decoration:underline; }

.incontact{overflow:hidden;margin-bottom:70px;}
.incontact ul{overflow:hidden;}
.incontact ul li{float:left;margin-right:30px;width:277px;overflow:hidden;}
.incontact ul li.end{margin-right:0px;}
.incontact ul li a{display:block;height:150px;padding:0 15px;border: 1px solid #ccc;background:#fff;text-align:center;transition: all 0.6s;}
.incontact ul li:hover a {border: 1px solid #64b381;color:#fff;background:#64b381;}
.incontact ul li a span{ display:inline-block;width:72px;height:54px;margin:30px auto 10px auto;}
	.incontact ul li a span.icon_1{background:url(image/contact_cicon1-h.png) no-repeat center center scroll;}
	.incontact ul li:hover a span.icon_1{background:url(image/contact_cicon1.png) no-repeat center center scroll;}
	
	.incontact ul li a span.icon_2{background:url(image/contact_cicon2-h.png) no-repeat center center scroll;}
	.incontact ul li:hover a span.icon_2{background:url(image/contact_cicon2.png) no-repeat center center scroll;}
	
	.incontact ul li a span.icon_3{background:url(image/contact_cicon3-h.png) no-repeat center center scroll;}
	.incontact ul li:hover a span.icon_3{background:url(image/contact_cicon3.png) no-repeat center center scroll;}
	
	.incontact ul li a span.icon_4{background:url(image/contact_cicon4-h.png) no-repeat center center scroll;}
	.incontact ul li:hover a span.icon_4{background:url(image/contact_cicon4.png) no-repeat center center scroll;}

.footbg{overflow:hidden;padding:50px 0;background:#444;color:#fff;}
.footbox{overflow:hidden;}
.footbox_top{line-height:40px;overflow:hidden;background:url(image/logo_ft.png) no-repeat right center scroll;border-bottom: 1px solid #666;}
.footbox_top a{color:#fff;display:inline-block;margin-right:60px;font-size:15px;}
.footbox_top a:hover{color:#64b381;}
.footbox_bot{margin-top:40px;}
.footbox_botlft{line-height:2;width:600px;font-size:14px;}
.footbox_botlft h3{font-size:18px;font-weight:normal;}


.footbg2{overflow:hidden;line-height:60px;background:#222;color:#fff;}
.footbg2 a{color:#fff;}
.footbg2 a:hover{color:#64b381;}

.company{line-height:2;font-size:18px;}
.company p{margin-bottom:15px;}
.company img{max-width:100%;}

.newslist{overflow-y:auto;padding-right:30px;height:400px;}
.newslist li{border-bottom: 1px solid #59965c;padding-bottom:30px;margin-bottom:30px;}
.newslist li h3{font-size:18px;color:#fff;font-weight:normal;}
.newslist li h3 a{font-size:18px;color:#fff;display:block;}
.newslist li h3 a:hover{color:#222; text-decoration:underline;}
.newslist li p{padding:0;margin:10px 0;color:#aae0ac;font-size:15px;}
.newslist li span{ display:block;color:#222;}

/*滚动条样式*/
.newslist::-webkit-scrollbar {width: 5px;background-color: #76bb7a;border-radius: 2px;}
.newslist::-webkit-scrollbar-thumb {border: solid 1px #7bc280;width: 3px;border-radius: 2px;background-color: #488c61;}
.newslist::-webkit-scrollbar-corner {background-color: #fff;}
.newslist::-webkit-scrollbar:horizontal {height: 9px;}
.newslist::-webkit-selection {background: #64b381;color: #fff;}
.newslist::-moz-selection {background: #64b381;color: #fff;}
.newslist::selection {background: #64b381;color: #fff;}

.newsinfo{overflow:hidden;border: 1px solid #ccc;padding:50px;}
.newsinfo_tit{text-align:center;font-size:24px; font-family:"DICenturyGothic-Bold",Microsoft YaHei;line-height:1.2;}
.newsinfo_ab{margin:30px auto 50px auto;padding:30px;background: #eee;font-size:15px;}
.newsinfo_cen{font-size:18px;}
.newsinfo_cen p{margin:20px auto;}

.contact{margin-bottom:70px;}

.product{overflow:hidden;}
.pro_ly{margin-top:30px;background: #eee;padding:30px;font-size:18px;line-height:2;}

.proinfo_top{overflow:hidden;}
.proinfo_top_l{ float:left;width:560px;height:530px;margin-right:40px;overflow:hidden;}

/*产品左侧图片start*/
.proimg{margin:0px 0;width:560px;overflow:hidden;}
.large_box{margin-bottom:20px;width:560px;height:420px;overflow:hidden;}
.large_box img{ display:block;width:560px;height:420px;}


.small_box{width:560px;height:90px;overflow:hidden;}

.small_list{position:relative;float:left;width:510px;height:90px;overflow:hidden;}
.small_list ul{height:90px;overflow:hidden;}

.small_list ul li{position:relative;float:left;margin:0 3.75px;width:120px; cursor:pointer;}
.small_list ul li img{display:block;width:118px;height:88px;border:1px solid #ddd;}
.small_list ul li img:hover{border:1px solid #64b381;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:120px;height:90px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}

.left_btn{float:left;display:block;width:15px;height:14px;margin:38px 10px 0 0;background:url(image/bnt_lft.png) no-repeat left bottom scroll;}
	.left_btn:hover{background:url(image/bnt_lft.png) no-repeat left top scroll;cursor:pointer;}
.right_btn{float:right;display:block;width:15px;height:14px;margin:38px 0 0 10px;background:url(image/bnt_lft.png) no-repeat right bottom scroll;}
.right_btn:hover{background:url(image/bnt_lft.png) no-repeat right top scroll;cursor:pointer;}

/*产品左侧图片end*/



.proinfo_top_r{float:left;width:600px;}
.proinfo_top_r h2,.proinfo_top_r h2 a{font-weight:normal;color:#888;font-size:15px;}
.proinfo_top_r h2 a:hover{color:#64b381;}

.proinfo_top_r h3{font-size:24px;margin:20px auto;font-family:"DICenturyGothic-Bold",Microsoft YaHei;}
.proinfo_top_about{font-size:18px;line-height:1.5;color:#666;min-height:360px;}
.proinfo_top_about ul{margin-top:15px;}
.proinfo_top_about ul li{list-style-image: url(image/li.png);margin-left:40px;padding-left:10px;}

.proinfo_top_link{margin-top:30px;}
.proinfo_top_link a{ display:inline-block;padding:0 30px;background: #64b381;color: #fff;font-family:"DICenturyGothic-Bold",Microsoft YaHei;line-height:50px;letter-spacing:2px;font-size:15px;}
.proinfo_top_link a:hover{background: #51966b;}


.proinfo_bot{overflow:hidden;margin:50px auto;}

.proinfo_bot_l{float:left;width:850px;margin-right:40px;overflow:hidden;}
.proinfo_tit{overflow:hidden;border: 1px solid #eee;border-bottom: 0px solid #ccc;}

.menupro{overflow:hidden;background:#dbdfe8;} 
.menupro li{float:left;width:120px;text-align:center;line-height:40px;cursor:pointer;font-size:18px;overflow:hidden;margin-right:10px;font-family:"DICenturyGothic-Bold",Microsoft YaHei;} 
.menupro li:hover{color:#64b381;}
 
.off{background:#fff;color:#64b381;} 

.menudiv{overflow:hidden;min-height:300px;margin-top:40px;} 

.pro_content{overflow:hidden;line-height:2;font-size:18px;}
.pro_content p{margin:10px auto;}
.pro_content img{max-width:100%;}
.pro_content li{list-style-image: url(image/li.png);margin-left:20px;padding-left:10px;}

#video {width: 100%;height: auto;margin: 0 auto;position: relative;}
#video video {width: 100%;height: 100%;object-fit: fill;}




.proinfo_bot_r{float:left;width:306px;overflow:hidden;}
.proinfo_bot_r h1{background: #64b381;color: #fff;font-size:18px;line-height:40px;padding-left:20px;font-family:"DICenturyGothic-Bold",Microsoft YaHei;}
.proinfo_bot_r ul{margin-top:20px;border: solid 2px #ccc;padding:0px 15px 20px 15px;}
.proinfo_bot_r ul h3{margin-top:20px;}
.proinfo_bot_r ul h3 a{display:block;font-size:16px;font-family:"DICenturyGothic-Bold",Microsoft YaHei;background:url(image/me.png) no-repeat 250px 15px scroll;line-height:36px;transition: all 0.6s;padding:0 5px;}
.proinfo_bot_r ul h3 a:hover{background:#e7f7ed url(image/me.png) no-repeat 250px -87px scroll;}
.proinfo_bot_r ul h3.on a{background:#e7f7ed url(image/me.png) no-repeat 250px -87px scroll;}

.proinfo_bot_r ul li{border-bottom: solid 1px #eee;line-height:36px;}
.proinfo_bot_r ul li a{ display:block;font-size:15px;padding:0 5px;}
.proinfo_bot_r ul li a:hover{background:#fafafa;}
.proinfo_bot_r ul li.on a{background:#fafafa;color:#64b381;}

.Kraft{margin-bottom:50px;}

.application{margin-bottom:50px;overflow:hidden;}
.application li{ float:left;width:380px;margin-right:30px;margin-bottom:30px;overflow:hidden;transition: all 0s;}
.application li.end{margin-right:0px;}
.application li a{display:block;padding:1px;}
.application li a dd{width:100%;background:#fff;height:285px;overflow:hidden;}
.application li a dd img{width:100%;height:285px;transition: all 0.6s;}
.application li a:hover dd img{transform: scale(1.2);}
.application li a h3{font-size:18px;margin:15px auto;text-align:center;font-weight:normal;}
.application li a p{font-size:15px;padding:0px 14px 10px 14px;margin-bottom:5px;line-height:1.5;}