* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html,body{
	-webkit-user-select:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-touch-callout:none;
} 
body {margin:0px auto; background: #fff; color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 75%; overflow-x: hidden;}
div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}

header, article, section, aside, footer, figure, nav{display: block;}

a, a:visited {color:#555; text-decoration: none;
transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
}

a:focus,a:hover{color:#009476; text-decoration: none;}


img {border:none; vertical-align:top;}
.clearfix:after{display: block; content: ""; clear:both;}

.b-blank10{margin:0 0 10px 0;}
.b-blank20{margin:0 0 20px 0;}
.b-blank30{margin:0 0 30px 0;}
.blank10{width:100%; height:10px;}
.blank20{width:100%; height:20px;}
.blank30{width:100%; height:30px;}
.l-blank25{float:left; width:25px; height:10px;}

@font-face {
	font-family: 'hallfetica';
	src:url('../fonts/hallfetica.eot'); 
	src: 
		url('../fonts/hallfetica.eot') format('embedded-opentype'), 
		url('../fonts/hallfetica.woff') format('woff'), 
		url('../fonts/hallfetica.ttf') format('truetype'), 
		url('../fonts/hallfetica.svg#agencyr') format('svg');
}


/************************************************************共用部分开始************************************************************/
.main{width: 100%; margin: 0 auto; position: relative;}

@media screen and (min-width: 1200px){
	.main{width: 1200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main{width: 100%; max-width:1000px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main{padding: 0 15px;}
}
@media screen and (max-width: 767px){
	body{padding: 0 0 55px 0;}
	.main{padding: 0 15px;}
}


/*top*/
header{background:#fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 9999;}
header .logo{float: left; position: relative; background: #eef3f2; padding: 0 20px; height: 110px; line-height: 110px;}
header .logo img{display: inline; vertical-align: middle;}
header .logo:after{display: block; content: "从喂养到灌装品质的保证"; position: absolute; left: 0px; bottom: -32px; background: #ffc600; width: 100%; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 1.16em;}

header .by{float: left; padding-left: 15px; height: 110px; line-height: 110px;}
header .by img{display: inline; vertical-align: middle;}

header .zxdn{float: right; background: url(../images/zxdn_bg.jpg) no-repeat center; width: 115px; height: 110px; text-align: center; color: #fff;}
header .zxdn i{margin: 15px auto 10px auto; display: block; background: url(../images/zxdn_bg2.png) no-repeat center #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13); width: 50px; height: 50px; line-height: 50px; color: #009476; font-size: 30px; border-radius: 50%;}
header .zxdn h2{font-size: 1.33em; color: #fff;}
header .zxdn a{display: block;}

header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}
header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}
.mm-listview li.zxdn{color: #009476; font-weight: bold;}
.mm-listview li.zxdn i{float: left; margin-right: 10px; font-size: 22px; font-weight: normal;}

@media screen and (min-width: 1200px) and (max-width: 1550px){
	header .by img{max-height: 40%;}
	
	header .zxdn{position: absolute; right: 0px; top: 110px;}
	
}
@media screen and (min-width: 1200px) and (max-width: 1420px){
	header .by {position: absolute; left: 220px; top: 0px;}
	header .by img{max-height: 30%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	header .logo{height: 100px; line-height: 100px;}
	header .logo img{max-height: 50%;}
	
	header .by {display: none;}
	header .by img{max-height: 30%;}
	
	header .zxdn{position: absolute; right: 0px; top: 100px; width: 100px; height: 100px;}
	header .zxdn i{width: 40px; height: 40px; line-height: 40px; font-size: 24px;}
	header .zxdn h2{font-size: 1em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	header .logo{padding: 0 30px; height: 80px; line-height: 80px;}
	header .logo img{max-height: 50%;}
	header .logo:after{font-size: 1em;}
	
	header .by{height: 80px; line-height: 80px;}
	header .by img{max-height: 45%;}
	
	header .zxdn{display: none;}
	
	header .mmenu{display: block;}
}
@media screen and (max-width: 767px){
	header .logo{padding: 0 15px; height: 60px; line-height: 60px;}
	header .logo img{max-height: 50%;}
	header .logo:after{font-size: 0.66em; bottom: -18px; height: 18px; line-height: 18px;}
	
	header .by{height: 60px; line-height: 60px;}
	header .by img{max-height: 35%;}
	
	header .zxdn{display: none;}
	
	header .mmenu{display: block;}
}

.nav {float: right;}
.nav ul{position: relative; z-index: 10;}
.nav ul li{position:relative; float:left; z-index:50; text-align: center;}
.nav ul li a{display:block; font-size:1.16em; font-weight: bold; line-height: 110px; padding: 0 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.nav ul li a:hover,
.nav ul li a.on,
.nav ul li a.selected{background: #009476; color: #fff; font-weight: bold;}
* HTML .nav ul li a{display: inline-block}

.nav ul li ul{position: absolute; width:170%; visibility:hidden; z-index:999999;}
.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}
.nav ul li ul li a{overflow:hidden; line-height:38px; height:38px; text-align: left; text-indent: 10px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a.selected,
.nav ul li ul li a:hover{background:#009476; color: #fff; font-weight: normal;}
.nav ul li ul li ul{width: 100%;}

* HTML .nav {height: 1%}
.downarrowclass {position: absolute; top: -1000px; right: 7px}
.rightarrowclass {position: absolute; top: 8px; right:15px}
.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}
.toplevelshadow {opacity: 0.0}
.nav ul li img{display: none;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.nav ul li a{padding: 0 12px; line-height: 100px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
	.nav{display: none;}
}
@media screen and (max-width: 767px){
	.nav{display: none;}
}

/**/
footer{background: #222;}
footer .link{background: #ededed; padding: 15px 0;}
footer .link ul{overflow: hidden;}
footer .link ul li{float: left; position: relative; display: inline-block; padding: 0 15px; line-height: 25px;}
footer .link ul li:before{position: absolute; right: 0px; top: 8px; display: block; content: ""; width: 1px; height: 11px; background: #d5d5d5;}
footer .link ul li:first-child{padding: 0px;}
footer .link ul li:first-child:before{display: none;}

footer .f_left{float: left;}
footer .f_logo{padding-top: 40px; padding-bottom: 30px;}
footer .f_tel{overflow: hidden;}
footer .f_tel i{float: left; margin-right: 10px; color: #009476; font-size: 40px;}
footer .f_tel span{color: #fff;}
footer .f_tel h2{padding-top: 5px; font-size: 2.33em; color: #009476; line-height: 1; font-family: Arial;}
footer address{padding-top: 20px; line-height: 25px; color: #888; font-style: normal;}

footer .f_menu{float: right; margin-bottom: 50px; overflow: hidden; text-align: right;}
footer .f_menu li{display: inline-block; vertical-align: top; position: relative; text-align: left; padding: 48px 55px 0 22px; border-left: 1px solid #323232; min-height: 225px;}
footer .f_menu li:before{position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; display: block; content: ""; background: #000;}
footer .f_menu li h2{position: relative; padding-bottom: 15px; font-size: 1.16em; font-weight: normal; color: #cacaca;}
footer .f_menu li h2:before{position: absolute; left: -23px; top: 0px; display: block; content: ""; width: 2px; height: 20px; background: #009476;}
footer .f_menu li p{line-height: 25px; color: #787878;}
footer .f_menu li p a{color: #787878;}
footer .f_menu li p a:hover{color: #fff;}

footer .foot{margin-top: 40px; background: #1f1f1f; height: 100px; color: #787878;}
footer .foot h2{float: left; padding-top: 25px; font-size: 1em; font-weight: normal; line-height: 26px;}
footer .foot h2 a{margin: 0 12px; color: #787878;}
footer .foot h2 a:hover{color: #fff;}
footer .foot h2 a:first-child{margin-left: 0px;}

footer .foot h3{float: right; padding-top: 18px; font-size: 1em; font-weight: normal; text-align: right;}
footer .foot h3 span{float: right;}
footer .foot h3 span img{float: left; margin-left: 12px; width: 70px; height: 70px;}
footer .foot h3 i{display: inline-block; padding-top: 10px; font-style: normal; line-height: 25px;}


@media screen and (min-width: 992px) and (max-width: 1199px){
	footer .f_logo{padding-bottom: 20px;}
	footer .f_logo img{width: 250px;}
	footer .f_tel h2{font-size: 2.16em;}
	footer address{padding-top: 10px;}
	
	footer .f_menu li{padding-right: 40px; padding-left: 15px;}
	footer .f_menu li h2:before{left: -16px;}

	
	footer .foot{margin-top: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	footer .link{display: none;}
	
	footer .f_left{float: none; text-align: center;}
	footer .f_logo{padding-top: 30px; padding-bottom: 15px;}
	footer .f_logo img{height: 35px;}
	
	footer .f_tel{display: inline-block; text-align: left;}
	footer .f_tel i{font-size: 34px;}
	footer .f_tel h2{padding-top: 0px; font-size: 1.83em;}
	footer address{padding-top: 10px; line-height: 22px;}
	
	footer .f_menu{display: none;}
	
	footer .foot{margin-top: 20px;}
	/*footer .foot h2{float: none; padding-top: 15px; padding-bottom: 15px;}
	footer .foot h3{float: none; text-align: center; display: none;}
	footer .foot h3 span{float: none; display: block;}
	footer .foot h3 span img{float: none; margin-left: 5px; margin-right: 5px;}
	footer .foot h3 i{padding-top: 5px; padding-bottom: 10px; line-height: 22px;}*/
}
@media screen and (max-width: 767px){
	footer .link{display: none;}
	
	footer .f_left{float: none; text-align: center;}
	footer .f_logo{padding-top: 25px; padding-bottom: 15px;}
	footer .f_logo img{height: 25px;}
	footer .f_tel{display: inline-block; text-align: left;white-space: nowrap}
	footer .f_tel i{font-size: 28px;}
	footer .f_tel h2{padding-top: 0px; font-size: 1.5em; width: 160px;}
	footer address{padding-top: 10px; line-height: 20px;}
	
	footer .f_menu{display: none;}
	
	footer .foot{margin-top: 15px; height: auto; text-align: center;}
	footer .foot h2{float: none; padding-top: 15px; padding-bottom: 15px; line-height: 20px;}
	footer .foot h3{float: none; padding-top: 5px; text-align: center;}
	footer .foot h3 span{float: none; display: block;}
	footer .foot h3 span img{float: none; margin-left: 5px; margin-right: 5px;}
	footer .foot h3 i{padding-top: 5px; padding-bottom: 10px; line-height: 22px;}
	
}

.m_menu{display: none; position: fixed; z-index: 9999; left: 0px; bottom: 0px; width: 100%; overflow: hidden; height: 55px; background: #009476;}
.m_menu li{float: left; width: 25%; height: 55px; text-align: center; border-right: 1px solid #0c9c7f;}
.m_menu li i{display: block; padding: 12px 0 5px 0; font-size: 18px!important;}
.m_menu li:first-child{border-left: none;}
.m_menu li:nth-child(4){border-right: none;}
.m_menu li a{display: block; color: #fff; height: 55px;}

@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.m_menu{display: block;}
}


.move_div{position: fixed; left: 0; top:0; cursor: pointer; z-index: 99999;}
.close_port{font-size: 20px; font-family: Arial; border-radius: 50%; background: #098e72; color: #fff!important;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.move_div img{width: 180px;}
}
@media screen and (max-width: 767px){
	.move_div{display: none;}
}

/************************************************************共用部分结束************************************************************/

/************************************************************首页样式开始************************************************************/
/*幻灯片*/
.banner{position: relative;}
.banner img {width: 100%; max-height: 100%;}
.banner div{position: relative; z-index: 2}

@media screen and (min-width: 992px) and (max-width: 1199px){
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.slick-dots li button {height:4px!important; width:45px!important;}
}
@media screen and (max-width: 767px){
	.slick-dots li button {height:4px!important; width:37px!important;}
}

/**/
.gg_box{background: #ffffff; padding: 20px 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 2;}

.gg_box .kh{float: left; width: 30.41%; margin-top: 15px; font-size: 1.16em;}
.gg_box .kh b{display: block; padding-bottom: 15px; font-size: 1.14em; font-weight: normal; line-height: 1;}
.gg_box .kh b font{font-weight: bold; color: #009476;}

.gg_box .search{float: left; width: 48.16%; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; padding: 0 35px; height: 75px;}
.gg_box .search .txtScroll-top{margin-top: 12px; margin-bottom: 10px;}
.gg_box .search .txtScroll-top i{float: left; margin-right: 10px; color: #009476;}
.gg_box .search .txtScroll-top .bd{}
.gg_box .search .txtScroll-top .bd ul li{position: relative; padding-right: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gg_box .search .txtScroll-top .bd ul li a,
.gg_box .search .txtScroll-top .bd ul li a:visited{color: #888;}
.gg_box .search .txtScroll-top .bd ul li a:hover{color: #009476;}
.gg_box .search .txtScroll-top .bd ul li span{position: absolute; right: 5px; top: 0px; color: #888;}

.gg_box .search form{display: block; position: relative; padding-right: 40px;}
.gg_box .search form .search_text{width: 100%; height: 31px; line-height: 31px; background: #eee; border: none; text-indent: 20px; color: #888; font-size: 1em; border-radius: 50px 0 0 50px;}
.gg_box .search form .search_submit{position: absolute; right: 0px; top: 0px; width: 40px; height: 31px; border: none; background: url(../images/search_submit.png) no-repeat center #eee; border-radius: 0 50px 50px 0;}

.gg_box .tel{float: right; width: 18.5%; margin-top: 12px; position: relative;}
.gg_box .tel i{float: left; margin-right: 12px; width: 52px; height: 52px; border: 1px solid #e8e8e8; text-align: center; line-height: 50px; color: #d5d5d5; font-size: 30px; border-radius: 50px;}
.gg_box .tel span{display: block; margin-top: 7px; color: #888;}
.gg_box .tel h2{font-size: 2.16em; color: #ffc600; line-height: 1; font-family: Impact; font-weight: normal;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.gg_box .kh{width: 33%;}
	
	.gg_box .search{width: 43%; padding: 0 30px;}
	
	.gg_box .tel{width: 22%;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.gg_box{height: auto; padding: 15px 0;}
	
	.gg_box .kh{width: 35%; margin-top: 15px; font-size: 1em;}
	.gg_box .kh b{padding-bottom: 10px;}
	
	.gg_box .search{width: 40%; margin-top: 0; padding: 0 20px; height: 70px;}
	.gg_box .search .txtScroll-top{margin-top: 5px;}
	
	.gg_box .tel{width: 23%; margin-top: 10px;}
	.gg_box .tel i{margin-right: 8px; width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
	.gg_box .tel span{margin-top: 3px;}
	.gg_box .tel h2{font-size: 1.66em;}
}
@media screen and (max-width: 767px){
	.gg_box{height: auto; padding: 15px 0}
	.gg_box .kh{display: none;}
	.gg_box .search{float: none; width: auto; margin-top: 0px; border-left: none; border-right: none; height: auto; padding: 0px;}
	.gg_box .search .txtScroll-top{margin-top: 0px;}
	.gg_box .tel{display: none;}
}



/**/
.pro_bg{position: relative; overflow: hidden; z-index: 1;}
.pro_bg:after{position: absolute; left: 0px; top: 0px; z-index: -1; display: block; content: ""; width: 100%; height: 452px; background: #fafafa;}

.part1{padding-top: 50px; padding-bottom: 40px; text-align: center;}
.part1 h2{padding-bottom: 13px; font-size: 2.16em; line-height: 1; color: #222;}
.part1 h2 font{color: #009476;}
.part1 h2:before{margin: 0 auto 20px auto; display: block; content: ""; width: 20px; height: 3px; background: #ffc600;}
.part1 span{position: relative; padding: 0 18px; font-size: 1.16em; color: #999; font-family: Arial; line-height: 1; text-transform: uppercase;}
.part1 span i,
.part1 span em{position: absolute; top: 50%; width: 170px; height: 1px; background: #d1d1d1;}
.part1 span i{right: 100%;}
.part1 span em{left: 100%;}
.part1 span i:after,
.part1 span em:after,
.part1 span i:before,
.part1 span em:before{position: absolute; top: 0px; display: block; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.part1 span i:after,
.part1 span em:after{border-top: 5px solid #d1d1d1;}
.part1 span i:before,
.part1 span em:before{border-bottom: 5px solid #d1d1d1; top: -5px;}
.part1 span i:after,
.part1 span i:before{right: 0px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_bg:after{height: 393px;}
	
	.part1{padding-top: 40px; padding-bottom: 35px;}
	.part1 h2{font-size: 2em;}
	.part1 span i,
	.part1 span em{width: 150px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_bg:after{height: 350px;}
	
	.part1{padding-top: 30px; padding-bottom: 25px;}
	.part1 h2{padding-bottom: 10px; font-size: 1.83em;}
	.part1 h2:before{margin-bottom: 15px;}
	.part1 span{padding: 0 15px; font-size: 1em;}
	.part1 span i,
	.part1 span em{width: 120px;}
}
@media screen and (max-width: 767px){
	.pro_bg:after{height: 300px;}
	
	.part1{padding-top: 20px; padding-bottom: 15px;}
	.part1 h2{padding-bottom: 5px; font-size: 1.33em;}
	.part1 h2:before{margin-bottom: 10px;}
	.part1 span{padding: 0 10px; font-size: 0.83em;}
	.part1 span i,
	.part1 span em{width: 80px;}
}

/*产品分类*/
.pro_class{margin-bottom: 35px; text-align: center;}
.pro_class li{display: inline-block; margin: 0 3px;}
.pro_class li a,
.pro_class li a:visited{display: block; padding: 0 18px; line-height: 34px; border: 1px solid #d1d1d1; border-radius: 50px;}
.pro_class li a:hover{background: #009476; border-color: #009476; color: #fff; font-weight: bold;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_class{margin-bottom: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_class{margin-bottom: 25px;}
	.pro_class li a,
	.pro_class li a:visited{padding: 0 15px; line-height: 30px;}
}
@media screen and (max-width: 767px){
	.pro_class{margin-bottom: 15px;}
	.pro_class li{margin: 0 2px 7px 2px;}
	.pro_class li a,
	.pro_class li a:visited{padding: 0 13px; line-height: 28px;}
}

/**/
.pro_box{text-align: center;}
.pro_box .slick-slider{}
.pro_box .slick-list{margin: -15px -10px!important; padding: 15px 0;}
.pro_box .pro_list{_display:inline;}
.pro_box .pro_list a{display: block; margin: 0 10px; position: relative; background: #fafafa;}
.pro_box .pro_list span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.pro_box .pro_list span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #eee;}
.pro_box .pro_list span i{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; padding-top: 30%; color: #fff; font-size: 40px; opacity: 0; filter:alpha(opacity=0);}
.pro_box .pro_list span i:after{position: absolute; left: 0px; top: 0px; z-index: -1; display: block; content: ""; width: 100%; height: 100%; background: #ffc600; opacity: 0.7; filter:alpha(opacity=70);}
.pro_box .pro_list .con{padding: 20px 20px 25px 20px; text-align: center;}
.pro_box .pro_list .con h2{font-size: 1.16em; color: #333; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_box .pro_list .con h2:after{margin: 15px auto 10px auto;display: block; content: ""; width: 20px; height: 2px; background: #009476;}
.pro_box .pro_list .con p{line-height: 25px; color: #555;}
.pro_box .pro_list a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.pro_box .pro_list span i,
.pro_box .pro_list span img,
.pro_box .pro_list .con h2,
.pro_box .pro_list .con h2:after,
.pro_box .pro_list .con p{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.pro_box .pro_list a:hover{background: #009476; box-shadow: 0px 0px 15px 0px rgba(0, 148, 118, 0.5);}
.pro_box .pro_list a:hover i{height: 100%; opacity: 1; filter:alpha(opacity=100);}
.pro_box .pro_list a:hover h2,
.pro_box .pro_list a:hover p{color: #fff;}
.pro_box .pro_list a:hover h2:after{background: #fff;}
.pro_box .slick-prev{left: -50px!important; margin-top: -55px!important;}
.pro_box .slick-next{right: -50px!important; margin-top: -55px!important;}
@media screen and (min-width: 992px) and (max-width: 1199px){
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_box .pro_list .con{padding: 15px;}
	.pro_box .pro_list .con h2:after{margin-top: 10px; margin-bottom: 5px;}
	.pro_box .pro_list .con p{line-height: 24px; height: 48px; overflow: hidden;}
	
	.pro_box .slick-prev{left: 0px!important; margin-top: -30px;}
	.pro_box .slick-next{right: 0px!important; margin-top: -30px;}
	.pro_box .slick-prev i,
	.pro_box .slick-next i{font-size: 18px!important;}
}
@media screen and (max-width: 767px){
	.pro_box{padding: 0;}
	.pro_box .pro_list a{margin: 0 7px;}
	.pro_box .pro_list span i{font-size: 30px;}
	.pro_box .pro_list .con{padding: 15px 10px;}
	.pro_box .pro_list .con h2{font-size: 1em;}
	.pro_box .pro_list .con h2:after{margin-top: 10px; margin-bottom: 5px;}
	.pro_box .pro_list .con p{line-height: 20px; height: 40px; overflow: hidden;}
	
	.pro_box .slick-prev,
	.pro_box .slick-next{width: 20px; height: 35px; line-height: 35px;}
	.pro_box .slick-prev{left: -10px!important; margin-top: -55px!important;}
	.pro_box .slick-next{right: -10px!important; margin-top: -55px!important;}
	.pro_box .slick-prev i,
	.pro_box .slick-next i{font-size: 18px!important;}
}

.more{padding: 40px 0 45px 0; text-align: center;}
.more a,
.more a:visited{display: inline-block; width: 140px; line-height: 40px; border: 1px solid #009476; font-size: 14px; color: #009476; border-radius: 50px;}
.more a:hover{background: #009476; color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 148, 118, 0.5);}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.more{padding-top: 35px; padding-bottom: 40px;}
	.more a{width: 130px; line-height: 36px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.more{padding-top: 30px; padding-bottom: 35px;}
	.more a{width: 120px; line-height: 33px; font-size: 1em;}
}
@media screen and (max-width: 767px){
	.more{padding-top: 20px; padding-bottom: 25px;}
	.more a{width: 110px; line-height: 30px; font-size: 1em;}
}


/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center top; height: 570px;}
.ys_con{float: left; width: 42.5%; padding-top: 90px; color: #fff;}
.ys_con > h2{font-size: 2.66em; font-weight: normal; line-height: 1;}
.ys_con > h2:after{margin-top: 18px; margin-bottom: 15px; display: block; content: ""; width: 30px; height: 3px; background: #fff;}
.ys_con > p{font-size: 1.16em; line-height: 22px;}
.ys_con .tel{margin-top: 55px;}
.ys_con .tel span{display: block; padding-bottom: 8px; line-height: 20px; font-size: 1.16em;}
.ys_con .tel span i{float: left; margin-right: 10px; font-size: 20px;}
.ys_con .tel b{font-size: 2.5em; line-height: 1; font-family: Arial; font-weight: normal;}
.ys_con a{margin-top: 15px; display: inline-block; width: 95px; line-height: 30px; text-align: center; border: 1px solid #e7e7e7; border-radius: 3px; color: #fff;}
.ys_con a:hover{background: #fff; color: #009476;}

.ys_list{float: right; width: 53.33%;}
.ys_list ul{margin-left: -20px; margin-top: 78px;}
.ys_list ul li{float: left; width: 33.33%;}
.ys_list ul li a{display: block; margin-left: 20px; margin-bottom: 20px; position: relative; z-index: 1; height: 176px; padding: 15px 20px 20px 20px; color: #fff;}
.ys_list ul li a:after{position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; display: block; content: ""; background: #b3fff0; opacity: 0.2; filter:alpha(opacity=20);}
.ys_list ul li i{display: block; height: 53px; font-size: 40px; line-height: 1;}
.ys_list ul li h3{padding-bottom: 10px; font-size: 1.33em; font-weight: normal; line-height: 1;}
.ys_list ul li p{line-height: 20px;}
.ys_list ul li a:hover:after{background: #ffc600; opacity: 0.6; filter:alpha(opacity=60);}
.ys_list ul li a:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.ys_bg{height: 550px;}
	.ys_list ul li a{height: 190px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.ys_bg{height: auto; background-size:cover; padding-bottom: 30px;}
	.ys_con{width: 38%; padding-top: 50px;}
	.ys_con > h2{font-size: 2em;}
	.ys_con > p{font-size: 1em;}
	
	.ys_list{width: 59%;}
	.ys_list ul{margin-left: -15px; margin-top: 40px;}
	.ys_list ul li a{margin-left: 15px; margin-bottom: 15px; height: auto;}
	.ys_list ul li i{height: 45px; font-size: 34px;}
	.ys_list ul li h3{font-size: 1.16em;}
}
@media screen and (max-width: 767px){
	.ys_bg{height: auto; background-size: cover; padding-bottom: 10px;}
	.ys_con{float: none; width: auto; padding-top: 30px;}
	.ys_con > h2{font-size: 1.5em;}
	.ys_con > p{font-size: 1em;}
	.ys_con .tel{margin-top: 20px;}
	.ys_con .tel span{padding-bottom: 5px; font-size: 1em;}
	.ys_con .tel span i{font-size: 16px;}
	.ys_con .tel b{font-size: 2em;}
	
	.ys_list{float: none; width: auto;}
	.ys_list ul{margin-left: -15px; margin-top: 30px;}
	.ys_list ul li{width: 50%;}
	.ys_list ul li a{margin-left: 15px; margin-bottom: 15px; height: auto; padding: 10px 15px 15px 15px;}
	.ys_list ul li i{height: 45px; font-size: 30px;}
	.ys_list ul li h3{padding-bottom: 6px; font-size: 1.16em;}
	.ys_list ul li p{line-height: 18px;}
}


/*关于我们*/
.about_bg{background: url(../images/about_bg.jpg); position: relative; z-index: 1;}
.ab_left{float: left; width: 50%;}
.ab_left .part2{padding-top: 82px;}
.ab_left .part2 h2{margin-bottom: 15px; font-size: 3.16em; font-weight: normal; color: #009476; line-height: 1;}
.ab_left .part2 h3{position: relative; margin-bottom: 40px; padding-bottom: 52px; font-size: 2.33em; font-weight: normal; color: #555; line-height: 1;}
.ab_left .part2 h3:after{position: absolute; right: 0px; bottom: 0px; display: block; content: ""; width: 300%; height: 1px; background: #e7e7e7;}
.ab_left .part2 h4{font-size: 1.33em; font-weight: normal; font-family: Arial; color: #888;}
.ab_left .ab_con{margin-top: 45px; margin-bottom: 45px; font-size: 1.16em; line-height: 30px; color: #888;}
.ab_left .ab_list{overflow: hidden;}
.ab_left .ab_list li{float: left; margin-right: 38px; margin-bottom: 45px;}
.ab_left .ab_list li a{display: block; text-align: center;}
.ab_left .ab_list li i{display: block; width: 110px; height: 110px; border: 2px solid #e7e7e7; border-radius: 60px; text-align: center; line-height: 110px; color: #009476; font-size: 40px;}
.ab_left .ab_list li h2{padding-top: 8px; font-size: 1.16em; font-weight: normal; color: #555;}
.ab_left .ab_list li a:hover i{background: #009476; border-color: #009476; color: #fff;}
.ab_left .ab_list li a:hover h2{color: #009476;}
.ab_left .ab_list li i,
.ab_left .ab_list li h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.ab_img{position: absolute; right: 0px; bottom: -190px; width: 45%;}
.ab_img span{display: block; padding-bottom: 129.62%; position: relative;}
.ab_img span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}

.about_con2{background: url(../images/about_bg2.jpg); height: 190px; overflow: hidden; color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 148, 118, 0.7);}
.about_con2 a{}
.about_con2 h2{margin-top: 68px; margin-bottom: 17px; position: relative; display: inline-block; font-size: 2em; font-weight: normal; line-height: 1; color: #fff;}
.about_con2 h2 i{position: absolute; left: -75px; top: 7px; font-size: 48px; line-height: 1;}
.about_con2 h2 em{position: absolute; right: -20px; top: 3px; font-size: 20px;}
.about_con2 span{display: block; font-size: 1.16em; font-family: Arial; line-height: 1; color: #fff;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.ab_left .part2{padding-top: 70px;}
	.ab_left .part2 h2{font-size: 3em;}
	.ab_left .part2 h3{margin-bottom: 30px; padding-bottom: 40px; font-size: 2.16em;}
	.ab_left .ab_con{margin-top: 20px; margin-bottom: 20px;}
	.ab_left .ab_list li{margin-bottom: 30px;}
	.ab_left .ab_list li i{width: 100px; height: 100px; line-height: 100px; font-size: 36px;}
	
	.ab_img{bottom: -160px;}
	
	.about_con2{height: 160px;}
	.about_con2 h2{margin-top: 50px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
	.ab_left .part2{padding-top: 50px;}
	.ab_left .part2 h2{font-size: 2.5em;}
	.ab_left .part2 h3{margin-bottom: 20px; padding-bottom: 30px; font-size: 1.83em;}
	.ab_left .ab_con{margin-top: 20px; margin-bottom: 25px; line-height: 28px; font-size: 1em;}
	.ab_left .ab_list li{margin-right: 0; margin-bottom: 30px; padding-right: 5%;}
	.ab_left .ab_list li i{width: 100px; height: 100px; line-height: 100px; font-size: 36px;}
	.ab_img{bottom: 0px;}
	
	.about_con2{height: 130px; padding-left: 75px;}
	.about_con2 h2{margin-top: 40px; margin-bottom: 15px; font-size: 1.83em;}
}
@media screen and (max-width: 767px){
	.ab_left{float: none; width: auto;}
	.ab_left .part2{padding-top: 40px;}
	.ab_left .part2 h2{margin-bottom: 10px; font-size: 2.33em;}
	.ab_left .part2 h3{margin-bottom: 20px; padding-bottom: 20px; font-size: 1.16em;}
	.ab_left .part2 h3:after{left: 0px; width: 100%;}
	.ab_left .part2 h4{font-size: 1.16em;}
	.ab_left .ab_con{margin-top: 20px; margin-bottom: 20px; font-size: 1em; line-height: 25px;}
	.ab_left .ab_list li{width: 33.33%; margin-right: 0px; margin-bottom: 20px;}
	.ab_left .ab_list li i{margin: 0 auto; width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
	
	.ab_img{position: static; width: auto; margin-bottom: 20px;}
		
	.about_con2{height: 100px; padding-left: 60px;}
	.about_con2 h2{margin-top: 30px; margin-bottom: 10px; font-size: 1.5em;}
	.about_con2 h2 i{left: -60px; top: 3px; font-size: 40px;}
	.about_con2 h2 em{top: 0px; font-size: 14px;}
	.about_con2 span{font-size: 1em;}
	
}



/*生态牧场*/
.part3{margin-top: 50px; margin-bottom: 30px; position: relative; text-align: center;}
.part3:after{margin: 20px auto 0 auto; display: block; content: ""; width: 250px; height: 1px; background: #e7e7e7;}
.part3:before{position: absolute; display: block; content: ""; left: 0px; right: 0px; bottom: 0; margin: auto; width: 30px; height: 3px; background: #009476; border-left: 5px solid #fff; border-right: 5px solid #fff;}
.part3 h2{margin-bottom: 5px; font-size: 2.5em; color: #009476; line-height: 1;}
.part3 h3{font-size: 1em; font-weight: normal; line-height: 1; text-transform: uppercase; color: #888;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.part3{margin-top: 40px; margin-bottom: 25px;}
	.part3:after{margin-top: 15px; width: 210px;}
	.part3 h2{font-size: 2.16em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.part3{margin-top: 30px; margin-bottom: 25px;}
	.part3:after{margin-top: 15px; width: 180px;}
	.part3 h2{font-size: 1.83em;}
}
@media screen and (max-width: 767px){
	.part3{margin-top: 20px; margin-bottom: 15px;}
	.part3:after{margin-top: 15px; width: 150px;}
	.part3 h2{font-size: 1.33em;}
}

.pic_box{margin-bottom: 60px; text-align: center;}
.pic_box .slick-slider{}
.pic_box .slick-list{margin: -15px -10px!important; padding: 15px 0;}
.pic_box .pic_list{_display:inline;}
.pic_box .pic_list a{display: block; margin: 0 10px; position: relative; background: #fafafa; overflow: hidden;}
.pic_box .pic_list span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.pic_box .pic_list span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #eee;}
.pic_box .pic_list h3{position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; padding: 0 10px; line-height: 40px; color: #fff; font-size: 1.16em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pic_box .pic_list h3:after{position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; display: block; content: ""; background: #000; opacity: 0.5; filter:alpha(opacity=60);}
.pic_box .pic_list .con{position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 0; padding: 25% 20px 0 20px; text-align: center; opacity: 0; filter:alpha(opacity=0);}
.pic_box .pic_list .con:after{position: absolute; left: 0px; top: 0px; z-index: -1; width: 100%; height: 100%; display: block; content: ""; background: #009476; opacity: 0.8; filter:alpha(opacity=80);}
.pic_box .pic_list .con i{font-size: 40px; color: #fff;}
.pic_box .pic_list .con h2{padding-top: 10px; font-size: 1.16em; color: #fff; line-height: 1; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.pic_box .pic_list span img,
.pic_box .pic_list h3,
.pic_box .pic_list .con,
.pic_box .pic_list .con h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.pic_box .pic_list a:hover{background: #009476; box-shadow: 0px 0px 15px 0px rgba(0, 148, 118, 0.5);}
.pic_box .pic_list a:hover h3{opacity: 0; filter:alpha(opacity=0);}
.pic_box .pic_list a:hover .con{height: 100%; opacity: 1; filter:alpha(opacity=100);}
.pic_box .pic_list a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.pic_box .slick-prev{left: -50px!important; margin-top: -25px!important;}
.pic_box .slick-next{right: -50px!important; margin-top: -25px!important;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.pic_box{margin-bottom: 50px;}
	.pic_box .pic_list a{margin: 0 8px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pic_box{margin-bottom: 40px;}
	.pic_box .pic_list h3{font-size: 1em; line-height: 35px;}
	.pic_box .pic_list .con{padding-top: 22%;}
	.pic_box .pic_list .con i{font-size: 35px;}
	.pic_box .pic_list .con h2{font-size: 1em;}
	
	.pic_box .slick-prev{left: 0px!important; margin-top: -30px!important;}
	.pic_box .slick-next{right: 0px!important; margin-top: -30px!important;}
	.pic_box .slick-prev i,
	.pic_box .slick-next i{font-size: 18px!important;}
}
@media screen and (max-width: 767px){
	.pic_box{margin-bottom: 20px;}
	.pic_box .pic_list a{margin: 0 7px;}
	.pic_box .pic_list h3{font-size: 1em; line-height: 35px;}
	.pic_box .pic_list .con{padding: 20% 10px 0 10px;}
	.pic_box .pic_list .con i{font-size: 30px;}
	.pic_box .pic_list .con h2{font-size: 1em;}
	
	.pic_box .slick-prev,
	.pic_box .slick-next{width: 20px; height: 35px; line-height: 35px;}
	.pic_box .slick-prev{left: -10px!important; margin-top: -20px!important;}
	.pic_box .slick-next{right: -10px!important; margin-top: -20px!important;}
	.pic_box .slick-prev i,
	.pic_box .slick-next i{font-size: 18px!important;}
}



/*新闻中心*/
.news_bg{background: #f9f9f9; overflow: hidden; padding-top: 50px; padding-bottom: 60px;}
.part4{position: relative; margin-bottom: 30px; overflow: hidden;}
.part4 h2{padding-bottom: 20px; font-size: 1em; font-weight: normal;}
.part4 h3{font-size: 2.16em; color: #111; line-height: 1; font-weight: normal;}
.part4 ul{position: absolute; right: 0px; bottom: 5px;}
.part4 ul li{float: left; margin-left: 25px; line-height: 1;}
.part4 ul li:before{float: left; margin-top: 4px; margin-right: 8px; display: block; content: ""; width: 3px; height: 3px; background: #888;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_bg{padding-top: 40px; padding-bottom: 50px;}
	.part4{margin-bottom: 25px;}
	.part4 h3{font-size: 2em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_bg{padding-top: 30px; padding-bottom: 40px;}
	.part4{margin-bottom: 20px;}
	.part4 h2{padding-bottom: 10px;}
	.part4 h3{font-size: 1.66em;}
}
@media screen and (max-width: 767px){
	.news_bg{padding-top: 20px; padding-bottom: 30px;}
	.part4{margin-bottom: 15px; text-align: center;}
	.part4 h2{padding-bottom: 5px;}
	.part4 h3{font-size: 1.33em;}
	.part4 ul{position: static; padding-top: 15px;}
	.part4 ul li{float: none; display: inline-block; margin-left: 15px;}
}

.news_tt{float: left; width: 37%; background: #f5f5f5;}
.news_tt a{display: block; padding: 40px;}
.news_tt h2{font-size: 1.5em; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_tt h2:after{margin-top: 20px; margin-bottom: 12px; display: block; content: ""; width: 30px; height: 2px; background: #009476;}
.news_tt p{padding-bottom: 20px; line-height: 25px; color: #888;}
.news_tt i{font-size: 1.16em; color: #e2e2e2; font-style: normal; font-family: Arial;}
.news_tt span{display: block; margin-top: 25px; padding-bottom: 75%; position: relative; overflow: hidden;}
.news_tt span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff;}
.news_tt span img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.news_tt a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.list{float: right; width: 59.58%;}
.list li{margin-top: 30px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.list li:first-child{margin-top: 0px;}
.list li a{display: block; overflow: hidden;}
.list li span{float: left; width: 190px; margin-right: 40px;}
.list li span i{display: block; position:relative; padding-bottom: 75%; overflow: hidden;}
.list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list li h2{margin-top: 10px; margin-bottom: 15px; font-size: 1.5em; font-weight: normal; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list li p{line-height: 25px; color: #888;}
.list li em{display: block; margin-top: 35px; color: #c9c9c9; font-style: normal; font-family: Arial;}
.list li span i img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.list li a:hover span i img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_tt a{padding: 30px;}
	
	.list li{margin-top: 25px; padding-bottom: 20px;}
	.list li span{width: 170px; margin-right: 30px;}
	.list li em{margin-top: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_tt a{padding: 20px;}
	.news_tt p{padding-bottom: 15px; line-height: 22px;}
	.news_tt span{margin-top: 15px;}
	
	.list li{margin-top: 20px; padding-bottom: 15px;}
	.list li span{width: 150px; margin-right: 20px;}
	.list li h2{margin-top: 5px; font-size: 1.33em;}
	.list li p{height: 50px; overflow: hidden;}
	.list li em{margin-top: 10px;}
}
@media screen and (max-width: 767px){
	.news_tt{float: none; width: auto;}
	.news_tt a{padding: 20px 15px;}
	.news_tt h2{font-size: 1.33em;}
	.news_tt h2:after{margin-top: 15px; margin-bottom: 10px;}
	.news_tt p{padding-bottom: 10px; line-height: 23px;}
	.news_tt i{font-size: 1em;}
	.news_tt span{margin-top: 15px;}
	
	.list{float: none; width: auto;}
	.list li{margin-top: 15px!important; padding-bottom: 15px;}
	.list li span{width: 140px; margin-right: 15px;}
	.list li h2{margin-top: 5px; margin-bottom: 8px; font-size: 1.16em; line-height: inherit;}
	.list li p{line-height: 20px; height: 40px; overflow: hidden;}
	.list li em{margin-top: 10px;}
}


/**/
.zhaopin{float: left; width: 45.83%;position: relative; margin-top: 40px; margin-bottom: 40px;}
.zhaopin:after{position: absolute; top: 0px; right: -9%; display: block; content: ""; width: 1px; height: 100%; background: #e7e7e7;}

.part5{margin-top: 5px; float: left; width: 58.18%;}
.part5 h2{font-size: 2.16em; font-weight: normal; line-height: 1; color: #111;}
.part5 h2:after{margin-top: 16px; margin-bottom: 10px; display: block; content: ""; width: 25px; height: 2px; background: #009476;}
.part5 p{height: 140px; line-height: 25px; color: #888;}
.part5 a{display: block; background: #009476; width: 140px; line-height: 40px; text-indent: 20px; font-size: 1.16em; color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 148, 118, 0.5);}
.part5 a i{position: absolute; font-size: 40px; display: inline; text-indent: 5px;}
.part5 a:hover{background: #00a684;}

.zp_img{float: right; margin-top: 18px; width: 40.18%;}
.zp_img img{max-width: 100%;}


.jiameng{float: right; width: 45.83%; margin-top: 40px; margin-bottom: 40px;}
.jiameng .part5 h2:after{background: #ffc600;}
.jiameng .part5 a{background: #ffc600; box-shadow: 0px 0px 15px 0px rgba(255, 198, 0, 0.5);}
.jiameng .part5 a:hover{background: #ffd133;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.zhaopin,
	.jiameng{margin-top: 35px; margin-bottom: 35px;}
	
	.part5 h2{font-size: 2em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.zhaopin,
	.jiameng{margin-top: 30px; margin-bottom: 30px;}
	
	.part5 h2{font-size: 1.66em;}
	.part5 a{width: 110px; line-height: 30px; font-size: 1em; text-indent: 15px;}
	.part5 a i{font-size: 30px;}
}
@media screen and (max-width: 767px){
	.zhaopin{float: none; width: auto; margin-top: 20px; margin-bottom: 20px; overflow: hidden;}
	
	.part5{margin-bottom: 20px; width: 62%}
	.part5 h2{margin-top: 0px; font-size: 1.33em;}
	.part5 p{padding-bottom: 15px; height: auto; line-height: 20px;}
	.part5 a{width: 110px; line-height: 30px; font-size: 1em; text-indent: 15px;}
	.part5 a i{font-size: 30px;}
	
	
	.jiameng{float: none; width: auto; margin-top: 20px; margin-bottom: 20px; overflow: hidden;}
	.zp_img{width: 30%; margin-top: 50px;}
}


/************************************************************首页样式结束************************************************************/















/************************************************************内页样式开始************************************************************/
.n_banner{height: 390px;}
.n_banner .main{height: 100%;}
.n_banner img{padding-top: 6%;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.n_banner{height: 310px; background-size:cover!important;}
	.n_banner img{max-height: 50%;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.n_banner{height: 240px; background-size:cover!important;}
	.n_banner img{height: 55%;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.n_banner{height: 150px; background-size:cover!important;}
	.n_banner img{height: 55%;}
}
@media screen and (max-width: 479px){
	.n_banner{height: 120px; background-size:cover!important;}
	.n_banner img{max-height: 55%; max-width: 100%;}
}

.breadCrumb{margin-top: -105px; background: #fff; height:105px; line-height:105px; overflow: hidden; border-bottom: 1px solid #eee;}
.breadCrumb h2{float:left; background: #009476; border-left: 5px solid #00745c; width: 20%; padding-left: 25px; font-size:1.83em; font-weight: normal; color:#fff;}
.breadCrumb h2:after{float: left; display: block; content: ""; margin-top: 43px; margin-right: 20px; width: 4px; height: 21px; background: #fff;}
.breadCrumb span{float:right; padding-right: 30px; color: #888;}
.breadCrumb span a,
.breadCrumb span a:visited{margin:0 5px; color: #888;}
.breadCrumb span a:hover{color: #009476;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.breadCrumb{margin-top: -80px; height: 80px; line-height: 80px;}
	.breadCrumb h2:after{margin-top: 30px;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.breadCrumb{margin-top: -50px; margin-left: 10px; margin-right: 10px; width: auto; height: 50px; line-height: 50px; padding: 0}
	.breadCrumb h2{font-size: 1.5em;}
	.breadCrumb h2:after{margin-top: 17px; margin-right: 10px; height: 16px;}
	.breadCrumb span{padding-right: 15px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.breadCrumb{margin-top: -45px; height: 45px; line-height: 45px;}
	.breadCrumb h2{display: none;}
	.breadCrumb span{float: none; display: block;}
}
@media screen and (max-width: 479px){
	.breadCrumb{margin-top: -30px; height: 40px; line-height: 40px;}
	.breadCrumb h2{display: none;}
	.breadCrumb span{float: none; display: block;}
}

.class_list{padding: 20px 0; border-bottom: 1px solid #eaeaec; overflow: hidden;}
.class_list li{float: left; margin-right: 10px; display: inline-block; font-size: 1.16em;}
.class_list li a,
.class_list li a:visited{display: block; padding: 0 25px; position: relative; background: #eaeaec; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555;}
.class_list li a:hover,
.class_list li a.on{border-color: #ffc600; background: #ffc600; color: #fff; font-weight: bold;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.class_list{padding: 15px 0;}
	.class_list li{margin-right: 8px; }
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.class_list{padding: 15px 0;}
	.class_list li{margin-right: 6px; font-size: 1em;}
	.class_list li a{padding: 0 17px; line-height: 35px;}
}
@media screen and (min-width: 480px) and (max-width: 768px){
	.class_list{display: none;}
}
@media screen and (max-width: 479px){
	.class_list{display: none;}
}




/*通用详细页 开始*/
.content{padding: 20px 0; line-height: 210%;  font-size: 1.16em;}
.content img{max-width: 100%!important; height: auto!important;}

.title{font-size: 2.16em; color: #333; font-weight: normal; padding: 40px 0 20px 0;}
.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.time li{display: inline-block; position: relative;}
.time li i{margin: 0 5px 0 0;}
.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}
.time li:first-child:before{display: none;}

.fy{margin: 20px 0; border-top: 1px solid #f7f7f7; padding-top: 10px;}
.fy li{height: 28px; line-height: 28px; color: #ffc600; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}

.n_part2{border-top: 5px solid #009476; overflow: hidden; color: #009476; padding-top: 10px; padding-left: 10px; font-size: 1.16em;}

.n_list1{overflow: hidden; padding: 10px 0 20px 0;}
.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding-right: 10px; overflow: hidden; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}
.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 6px 0 10px; width: 2px; height: 2px; background: #333;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.title{padding: 30px 0 15px 0; font-size: 2em;}
}
@media screen and (min-width: 769px) and (max-width: 991px){
	.title{padding: 25px 0 15px 0; font-size: 1.83em;}
	
	.n_part2{border-top-width: 4px; }
}
@media screen and (max-width: 768px) and (max-width: 768px){
	.title{padding: 20px 0 10px 0; font-size: 1.6em; text-align: left;}
	.time{text-align: left;}
	.time li{float: left;}
	.time li:last-child{display: none;}
	.content{padding: 10px 0; font-size: 1em; line-height: 200%;}
	
	.fy{margin: 10px 0;}
	.fy li{height: 25px; line-height: 25px; font-size: 1em;}

	.n_part2{border-top-width: 3px; padding-top: 8px; padding-left: 5px; font-size: 1.16em;}
	
	.n_list1 li{float: none; width: 100%; font-size: 1em; line-height: 26px; height: 26px;}
	.n_list1 li:before{margin-top: 12px;}
}
/*通用详细页 结束*/

/*图片列表 开始*/
.img_list{overflow: hidden; margin-left: -17px;}
.img_list li{float: left; width: 25%;}
.img_list li a{display: block; margin-left: 17px; margin-top: 20px; background: #f8f8f8; border-bottom: 2px solid #f1f1f1;}
.img_list li span{display: block; position: relative; padding-bottom: 75%; overflow: hidden;}
.img_list li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #f3f3f3;}
.img_list li .con{padding: 28px 15px 15px 15px;}
.img_list li h2{font-size: 1.33em; line-height: 1; color: #333; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list li h2:after{margin-top: 20px; margin-bottom: 15px; display:block; content: ""; width: 20px; height: 2px; background: #ffc600;}
.img_list li p{line-height: 20px; color: #999;}
.img_list li a:hover{background: #009476; border-bottom-color: #ffc600;}
.img_list li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list li a:hover h2,
.img_list li a:hover p{color: #fff;}
.img_list li a:hover h2:after{background: #fff;}
.img_list li a,
.img_list li span:after,
.img_list li span img,
.img_list li h2,
.img_list li h2:after,
.img_list li p{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.img_list01{margin-bottom: 30px;}
.img_list01 li{width: 20%;}
.img_list01 li .con{padding-top: 20px;}
.img_list01 li h2{font-size: 1.16em;}
.img_list01 li p{height: auto!important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

@media screen and (min-width: 992px) and (max-width: 1199px){
	.img_list{margin-left: -20px;}
	.img_list li a{margin-left: 20px; margin-top: 20px;}
	.img_list li .con{padding-top: 20px;}
	.img_list li p{height: 40px; overflow: hidden;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.img_list{margin-left: -15px;}
	.img_list li a{margin-left: 15px; margin-top: 20px;}
	.img_list li .con{padding-top: 20px;}
	.img_list li h2{font-size: 1.16em;}
	.img_list li p{line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.img_list01 li{width: 25%;}
	.img_list01 li:last-child{display: none;}
}
@media screen and (max-width: 767px){
	.img_list{margin-left: -15px;}
	.img_list li{width: 50%;}
	.img_list li a{margin-left: 15px; margin-top: 15px;}
	.img_list li .con{padding: 15px 10px;}
	.img_list li h2{font-size: 1.16em; line-height: inherit;}
	.img_list li h2:after{margin-top: 15px; margin-top: 10px;}
	.img_list li p{line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	
	.img_list01 li:last-child{display: none;}
}
/*图片列表 结束*/


/*产品列表 开始*/
.img_list2{margin-top: 0; margin-left: -20px; overflow: hidden;}
.img_list2 li{float: left; width: 25%;}
.img_list2 li a{display: block; margin-left: 20px; margin-top: 20px;}
.img_list2 li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}
.img_list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.img_list2 li span em{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #1159a3; vertical-align: middle; opacity: 0; z-index: 10;}
.img_list2 li span em i{position: absolute; width: 100%; text-align: center; left: 0px; top: 0; color: #fff; font-size: 30px;}
.img_list2 h2{line-height: 45px; background: #ebebeb; font-size: 1.16em; text-align: center; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img_list2 li a:hover h2{background: #009476; color: #fff;}
.img_list2 li a:hover span em{opacity: 0.9;}
.img_list2 li a:hover span em i{top: 50%;}
.img_list2 li a:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.img_list2 li span img,
.img_list2 li span em,
.img_list2 li span em i,
.img_list2 li h2{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
.img_list201{margin-bottom: 20px;}
.img_list201 li{width: 20%;}
.img_list201 li span{padding-bottom: 59.36%;}


@media screen and (min-width: 768px) and (max-width: 991px){
	.img_list2 li{width: 33.33%;}
}
@media screen and (max-width: 767px){
	.img_list2{margin-left: -15px; margin-bottom: 10px;}
	.img_list2 li{width: 50%;}
	.img_list2 li a{margin-left: 15px; margin-top: 15px;}
	.img_list2 h2{line-height: 35px; font-size: 1em;}

}
/*图片列表 结束*/

/*新闻类 开始*/
.news_list{overflow: hidden;}
.news_list li{overflow: hidden; position: relative; padding-right: 15px; margin-top: 30px;}
.news_list li span{float: left; width: 240px; margin-right: 30px;}
.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}
.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}
.news_list li .con{margin-left: 250px;}
.news_list li h2{position: relative; font-size: 1.33em; line-height: 1; color: #333; font-weight: normal; padding-top: 10px; padding-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list li h3{padding-bottom: 15px; border-bottom: 1px dashed #eee; font-size: 1em; font-weight: normal; color: #888;}
.news_list li p{margin-top: 10px; line-height: 26px; color: #888; font-size: 1em;}

.news_list li:hover{background: #fafafa!important;}
.news_list li:hover span img{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}
.news_list li:hover h2{color: #009476;}
.news_list li,
.news_list li h2,
.news_list li span i img{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.news_list li{margin-top: 20px;}
	.news_list li span{width: 200px; margin-right: 20px;}
	.news_list li .con{margin-left: 220px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_list li{margin-top: 20px; padding-right: 15px;}
	.news_list li span{width: 190px; margin-right: 20px;}
	.news_list li .con{margin-left: 210px;}
	.news_list li h2{padding: 15px 0 10px 0;}
	.news_list li p{margin-bottom: 10px; height:44px; font-size: 1em; line-height: 22px; overflow: hidden;}
}

@media screen and (max-width: 767px){
	.news_list{}
	.news_list li{margin-top: 15px;}
	.news_list li span{width: 120px; margin-right: 10px;}
	.news_list li .con{margin-left: 135px;}
	.news_list li h2{padding-top: 5px; font-size: 1.16em; padding-bottom: 10px;}
	.news_list li h3{padding-bottom: 7px;}
	.news_list li p{margin-top: 5px; line-height: 22px; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
/*新闻类 结束*/


/**/
.news_list2{margin-top: 10px;}
.news_list2 li{position: relative; height: 45px; line-height: 45px; border-bottom: 1px dashed #e7e7e7; padding-right: 80px; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_list2 li:after{position: absolute; left: 8px; top: 0px; bottom: 0px; margin: auto 0; display: block; content: ""; width: 3px; height: 3px; background: #ccc;}
.news_list2 li span{position: absolute; right: 0px; top: 0px; color: #888;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.news_list2 li{height: 38px; line-height: 38px;}
}
@media screen and (max-width: 767px){
	.news_list2 li{height: 32px; line-height: 32px;}
}



/*产品详细 开始*/
.pro_img{float: left; width: 44.24%; margin-top: 20px; margin-bottom: 30px;}
.pro_img span{display: block; position: relative; padding-bottom: 75%; border: 1px solid #eee;}
.pro_img span img{position: absolute; left: 0px; top: 0px; right:0px; bottom: 0px; margin: auto; max-width: 100%; max-height: 100%;}
.pro_con{float: right; width: 51.32%; margin-top: 20px;}
.pro_con h2{padding-top: 20px; font-size: 2.16em; line-height: 1; color: #333;}
.pro_con h3{padding: 20px 0; border-bottom: 1px solid #eee; font-size: 1em; font-weight: normal; color: #888;}
.pro_con p{padding-top: 15px; padding-bottom: 20px; line-height: 30px; color: #555; font-size: 1.16em;}

.pro_con span{display: inline-block; background: #ffc600; padding: 0 20px; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; color: #fff; border-radius: 50px;}
.pro_con span i{margin-right: 10px; font-size: 18px;}
.pro_con .fx{margin-top: 25px; border-top: 1px solid #e7e7e7; padding-top: 15px;}

.n_part3{background: #f6f6f6;line-height: 45px; overflow: hidden;}
.n_part3 h2{float: left; background: #009476; padding: 0 30px; font-size: 1.33em; color: #fff;}


@media screen and (min-width: 992px) and (max-width: 1199px){
	.pro_img{margin-top: 40px; margin-bottom: 40px;}
	.pro_con{margin-top: 30px;}
	.pro_con h2{font-size: 1.83em;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.pro_img{margin-top: 30px; margin-bottom: 30px;}
	.pro_con{margin-top: 10px;}
	.pro_con h2{font-size: 1.5em;}
	.pro_con h3{padding: 15px 0;}
	.pro_con p{padding-bottom: 15px; line-height: 22px; font-size: 1em;}
	.pro_con span{height: 35px; line-height: 35px;}
	.pro_con .fx{margin-top: 20px; padding-top: 10px;}
	
	.n_part3{line-height: 40px;}
	.n_part3 h2{padding: 0 25px; font-size: 1.16em;}
}
@media screen and (max-width: 767px){
	.pro_img{float: none; width: auto; margin-top: 20px; margin-bottom: 10px;}
	
	.pro_con{float:none; width: auto; margin-top: 0;}
	.pro_con h2{padding-top: 10px; font-size: 1.33em;}
	.pro_con h3{padding: 15px 0;}
	.pro_con p{padding-bottom: 15px; line-height: 22px; font-size: 1em;}
	.pro_con span{line-height: 30px; height: 30px; padding: 0 15px;}
	.pro_con .fx{margin-top: 15px; padding-top: 10px; padding-bottom: 10px;}
	
	.n_part3{line-height: 35px;}
	.n_part3 h2{padding: 0 20px; font-size: 1em;}
}


/*产品订购*/
/*.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}
.order tr td:first-child{text-align: right; width: 105px;}
.order tr td:first-child span{color: #8d0001}
.order td{padding:5px; color: #555;}
.order td span{color:#f00;}
.order input,
.order textarea{behavior:url(pie.htc); position:relative;}

.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}
.order .order_text:hover{border:1px solid #222;}
.order .order_text2{width: 470px; height: 80px; line-height:22px !important; padding:5px 10px !important;}

.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#0054a6; color:#fff; border:none; font-weight: bold;}
.order .order_submit:hover{background:#0054a6;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.img_list201 li{width: 25%;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.order td{display: block; padding: 3px 10px;}
	.order tr td:first-child{text-align: left; width:auto;}
	.order .order_text{width: 100%;}
	.order .order_text2{width: 100%;}
}
@media screen and (max-width:480px){
	.order td{display: block; padding: 3px 10px;}
	.order tr td:first-child{text-align: left; width:auto;}
	.order .order_text{width: 100%;}
	.order .order_text2{width: 100%;}
}*/
/*产品详细 结束*/

/*在线留言 开始*/
/*.message{margin-top: 30px; margin-bottom: 50px;}
.message ul{padding-right: 2%;}
.message ul li{position: relative; float: left; margin: 0 0 12px 2%; padding-left: 55px; background: #fff; width: 48%; height: 40px; line-height: 40px; border: 1px solid #e7e7e7; border-radius: 5px; overflow: hidden; behavior:url(../images/pie.htc); }
.message ul li h2{position: absolute; left: 0px; top: 0px; color: #555; font-size: 1.16em; font-weight: normal; padding: 0 5px 0 10px;}
.message ul li span{color: #0054a6;}
.message ul li .ly_text{width: 100%; height: 26px; line-height: 26px; font-family: "微软雅黑"; color: #888; font-size: 1em; border: none;}
.message ul li .ly_text2{clear: both; height: 90px; line-height: 22px; margin: 3px 0 0 0;}

.message ul li.con{clear: both; float: none; width: auto; height: 115px; padding: 7px 20px 10px 55px;}
.message ul li.yzm{clear: both; float: none; padding-left: 65px; width: 200px;}
.message ul .ly_submit{margin-left: 20px; width: 90px; height:32px; text-align: center; line-height: 32px; color: #fff; font-size: 14px; font-weight: bold; background: #0054a6; border: none; border-radius: 5px; position: relative; overflow: hidden; behavior:url(../images/pie.htc);}

@media screen and (min-width: 768px) and (max-width: 991px){
	.message ul{margin-left: -20px; padding-right: 0;}
}

@media screen and (max-width:767px){
	.message{margin-top: 15px; margin-bottom: 20px;}
	.message ul{padding-right: 0;}
	.message ul li{float: none; width: auto; margin-left: 0px; margin-bottom: 10px;}
	.message ul li h2{font-size: 1em;}
	.message ul li.con{width: auto;}
	.message ul li .ly_text2{width:100%;}
	.message ul .ly_submit{margin-left: 0px;}
}*/
/*在线留言 结束*/


/*人才招皮囊*/
.zp_list{}
.zp_list li{margin-top: 20px; border: 1px solid #e7e7e7;}
.zp_list li h2{background: #fafafa; line-height: 45px; padding: 0 15px; font-size: 1em; font-weight: normal; overflow: hidden;}
.zp_list li h2 span{float: left; color: #333;}
.zp_list li h2 span font{color: #888;}
.zp_list li h2 span:first-child{width: 25%;}
.zp_list li h2 span:first-child+span+span{float: right;}
.zp_list li p{padding: 10px 15px; line-height: 25px; color: #333;}
.zp_list li p font{color: #888;}
.zp_list li a{margin-left: 12px; margin-bottom: 12px; display: block; background: #ffc600; width: 75px; line-height: 30px; text-align: center; color: #fff; border-radius: 3px;}
.zp_list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.zp_list li{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	
}
@media screen and (min-width: 768px) and (max-width: 991px){
	
}
@media screen and (max-width: 767px){
	.zp_list li{margin-top: 15px;}
	.zp_list li h2{padding: 10px 15px; line-height: 22px;}
	.zp_list li h2 span{width: auto!important;}
	.zp_list li h2 span:first-child+span{float: right;}
	.zp_list li h2 span:first-child+span+span{float: none; display: block; clear: both;}
	
	.zp_list li p{line-height: 22px;}
}

.zpgw_js{border-top: 1px solid #e7e7e7; padding: 10px 0;}
.zpgw_js li{line-height: 30px; font-size: 1.16em;}
.zpgw_js li font{color: #888;}

.n_part4{border-top: 1px solid #e7e7e7; padding-top: 15px; font-size: 1.33em; font-weight: bold;}

.btn_yp{border-top: 1px solid #e7e7e7; padding: 20px 0 40px 0;}
.btn_yp a{display:inline-block; padding: 7px 20px; background: #009476; color: #fff;font-size: 1.16em; border-radius: 5px;}
@media screen and (max-width: 767px){
	.zpgw_js li{font-size: 1em; line-height: 25px;}
	.n_part4{padding-top: 10px; font-size: 1.16em;}
}

.yp{overflow: hidden; margin-top: 30px; margin-bottom: 30px; margin-right: -50px;}
.yp li{float: left; width: 50%; position: relative; margin-bottom: 15px; padding-left: 80px; padding-right: 50px;}
.yp li.n_f{float: none; clear: both; width: auto;}
.yp li h2{position: absolute; left: 10px; top: 0px; line-height: 35px; font-size: 1.16em; font-weight: normal; color: #666;}
.yp li .btn_text{padding: 0 10px; width: 100%; height: 35px; line-height: 35px; border: 1px solid #e7e7e7; font-family:"微软雅黑"; color: #888; font-size: 1em; border-radius: 5px; box-sizing: border-box;}
.yp li .btn_text2{padding: 10px; line-height: 25px; height: 80px;}
.yp li .btn_submit{background: #009476; width: 130px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 1.16em; border: none; border-radius: 5px;}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.yp{margin-top: 25px; margin-bottom: 25px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.yp{margin-top: 20px; margin-bottom: 20px; }
}
@media screen and (max-width: 767px){
	.yp{margin-top: 15px; margin-bottom: 15px; margin-right: 0px;}
	.yp li{float: none; width: auto; padding-right: 0; margin-bottom: 10px;}
	.yp li .btn_submit{width: 110px; line-height: 37px; height: 35px;}
}


/************************************************************内页样式结束************************************************************/











/*page*/
.page{text-align:center; margin:30px 0 40px 0; border-top: 1px solid #e7e7e7; padding-top: 30px;}
.page li{display: inline-block; *display: inline; margin: 0 3px;}
.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}
.page li a:hover,
.page li a.on{background: #009476; border: 1px solid #009476; color: #fff;}

@media screen and (min-width: 769px) and (max-width: 991px){
	.page{margin: 25px 0 35px 0; padding-top: 25px;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
	.page{margin: 20px 0 30px 0; padding-top: 20px;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:480px){
	.page{margin: 15px 0 25px 0; padding-top: 20px;}
	.page li{margin: 0px;}
	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}
}