﻿.kv{ padding:0; position:relative; text-align:center; background:url(../images/sum/kv.jpg) no-repeat center;background-size:auto 100%;height:280px;padding-top: 120px;}
.top{ width:58px; height:58px; }
.index_hd { list-style:none; margin:0 auto; margin-left:365px;}
.index_hd li{ float:left; margin-left:50px; line-height:82px; }
.index_hd li a{color:#222222; font-size:15px; }
.index_hd li a:hover{color:#00762d}
.index_hd .cur{ color:#00762d}
.line{height:1px; width:70px;border-bottom:solid 1px #c2c2c2;padding-top: 24px;margin: 0 auto;}
.line2{height:1px; width:70px;border-bottom:solid 1px #c2c2c2;padding-top: 24px;margin: 0 auto;}

.about01{padding:60px 0;}

.add{text-align: center; padding-bottom: 70px; background-color:#f2f2f2; padding-top:70px;}
.p_01{ font-size:16px;}
.t30{padding-top:30px;}
.p_01 a{ color:#000; }
.mes{ text-align:right; padding-top:47px;}
.mes input{ width:327px; height:48px;border:solid 1px #c9c9c9;font-size: 16px; margin-bottom:22px;color:#616161; text-align:left;border-radius: 3px;text-indent:5px;}
.mes .sel{width: 327px;font-size: 16px;height: 48px;color:#616161;}
.mes2{text-align: left; padding-top:47px;}
.mes2 textarea{ color:#616161; width:325px;font-size: 16px; height:258px;border-radius: 3px;border:solid 1px #c9c9c9;text-indent:5px;}
.sub{font-size: 16px; color: #657d52; display: inline-block; width: 122px; height: 44px;line-height: 44px; border: solid 2px #657d52; border-radius: 2px;}
.sub:hover{ text-decoration:none;color:#fff; background-color:#657d52}

.sub01{ padding-top:18px; padding-bottom:10px;}
.brand{text-align: center; padding-top: 61px; padding-bottom: 54px;font-size: 42px; color: #7a885f;}
.flex-control-nav{ bottom:40px;}
.bd{ width:20%;float:left;}

.about_By4{position: relative; background:#f9f9f9 url("../images/about/bg_line.png") no-repeat right 222px;padding-bottom: 120px;background-size:80%; }
.about_By4 .about_scrolllist {margin: 0 auto;width:1200px;}
.about_By4  a.aboutleft {left: 415px;float: left;background: url("../images/about/img14.png") no-repeat;}
.about_By4  a.aboutright {left: 450px;float: right;background: url("../images/about/img15.png") no-repeat;}
.about_By4  a.aboutbtn { position:absolute; display: block;height: 27px;width: 17px;overflow: hidden;margin-top:  350px;}
.about_By4 .about_scrolllist .about_imglist_w {height: 300px;overflow: hidden;position: relative;}
.about_By4 .about_scrolllist .about_imglist_w ul {width: 20000px;position: absolute;top: 20px;list-style:none;}
.about_By4 .about_scrolllist .about_imglist_w li {width: 200px;float: left;text-align: center;height: 300px;}
.about_By4 .about_scrolllist .about_imglist_w li .box {vertical-align: middle;display: table-cell;height: 300px; text-align:center;width:150px;margin:0 auto;}
.about_By4 .about_scrolllist .about_imglist_w li img {padding: 4px;border-radius: 4px;vertical-align: middle;}
.about_By4 .about_scrolllist .about_imglist_w li .box span{display: block;width: 64px; color:#657d52; font-size:18px; line-height: 38px;background: url(../images/about/year.png) no-repeat;margin:0 auto;}
.about_By4 .about_scrolllist .about_imglist_w li .box p{padding-top: 17px; width:140px; height:77px; text-align:center;font-size: 14px}
.kv_bottom{position: absolute;color: #fff;display: block;top: 250px;text-align: center;width: 100%;font-size: 28px;}
.kv_bot{background-image: url(../images/index/kv.png);width: 24px;height: 19px;position: absolute;top: 12px; margin-left:15px;}
.bg_10{ position:absolute;top: 125px; right:0px;}
.pro_left{padding-top: 47px;font-size: 14px;}
.pro_right{padding-top: 47px;font-size: 14px;}

.title_01{ font-size:36px;}

.flex-control-paging li a.flex-active{background:#b41d20;}
.flex-control-paging li a{ width:12px; height:12px; background-color:#fff; }
@media screen and (max-width: 1170px){
.line3{background:url("../images/about/bg_line.png") no-repeat; width:100%; height:7px; position:absolute;top:193px;left: 0px;}

.flexslider:hover .flex-prev{ left:-50px;}
.flex-control-nav {bottom: 10px;}
.top{top: 20px; display: inline-block; }
.top img{ width:80%; padding-top:15px;}
.kv_bot{ top:-1px;}
.tl{ text-align:center;}
.pro_left{padding-top: 47px; padding-left: 0px; padding-right:0px; font-size: 14px;}
.pro_right{padding-top: 47px; font-size: 14px;}
.bd{ width:100%}
.p_01{ font-size:16px;}
.mes{padding:0px; font-size:24px;text-align:center;}
.mes input{ width:240px;text-indent:5px; font-size:16px; }
.mes .sel{ width: 240px; font-size:16px; height:48px; margin-bottom:22px;}
.mes2{padding: 0px; padding-top:0px;font-size:24px;  text-align:center}
.mes2 textarea{width:240px;text-indent:5px; font-size:16px;height:100px;}
.sub01{padding:0px;padding-top:18px;}
.about_By4{position: relative; background:#f9f9f9 url("../images/about/bg_line.png") no-repeat right 193px;;padding-bottom: 40px; }
.about_By4 .about_scrolllist {margin: 0 auto;width:200px;}
.about_By4 .about_scrolllist .about_imglist_w ul{ padding:0}
.about_By4 .about_scrolllist .about_imglist_w {height: 300px;overflow: hidden;position: relative;width:200px;margin:0 auto;}
.about_By4 .about_scrolllist .about_imglist_w li .box{display:inline-block}
.about_By4 .about_scrolllist .about_imglist_w li .box p{padding-top: 17px; font-size:14px;height:77px; text-align:center;}
.about_By4 .about_scrolllist{ padding-left:0px;}
.about_By4 a.aboutleft{ left:4%;}
.about_By4 a.aboutright{ left:15%;}
.about_By4 a.aboutbtn{ margin-top:290px;}
.bg_10{ width:100%; top:125px;}
.flex-direction-nav .flex-next{ right:-70px;}
.flex-direction-nav .flex-prev{ left:-50px;}
.brand p{ font-size:32px;}
.title_01{ font-size:24px;}

}

@media screen and (max-width: 767px){
	
.about01{padding:30px 0;}
.bd{ width:25%;}
.bd img{width:80%;}
.brand{padding:30px 0;}
.add{padding:30px 0;}
.top2_content .flexslider ul.slides li img{height:240px;}
.top2_content .flex-direction-nav a{margin: -25px 0 0;width: 30px;}
.kv{ background-size: auto 220px;padding-top:0px;height:220px;}
.kv .container{padding-top:85px;}
.kv_bottom{position: absolute;color: #fff;display: block;top: 40px;text-align: center;width: 100%;font-size: 12px;}
.kv_bottom{top: 108px;font-size: 14px;}
.mes input{ width:100%;}
.mes .sel{ width:100%;}
.mes2 textarea{width:100%;}
}