@charset "utf-8";
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;/* Firefox */
	-webkit-box-sizing: border-box;/* Safari */
	outline: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
html {
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;/* For some Androids */
}
body {
	font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";;
	color: #333;
	outline: none;
	font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0
}
h1, h2, h3, h4, h5, h6, input, select, textarea, option, button {
	font-size: 100%
}
abbr {
	border: 0;
}
em, i {
	font-style: normal;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
	display: block;
}
a:hover {
vertical-align:
 outline: none;
	text-decoration: none;
}
a, button, input, textarea, select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: none;
	border: none;
}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
.clear {
	clear: both;
	height: 0;
}
.clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}
textarea {
	resize: none;
}/*禁止改变大小*//*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
input, textarea, select, option, button, form, fieldset {
	font-family: "microsoft yahei";
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}

    input::-webkit-input-placeholder {
        color:#999999;
    }
    input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
       color:#999999;
    }
    input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
           color:#999999;
    }
    input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color:#999999;
    }

/*王海杭模板站首页*/
/*头部开始*/

.top{width:100%;}
.top1{width: 1200px;margin:0 auto;}
.logo{width:268px;height: 95px;float: left;}
.logo img{width:268px;height: 95px;}

/*头部结束*/

/*导航开始*/

.nav{margin:0 auto;float: left;}
.nav ul{margin:0 auto;float: left;}
.nav ul li{float: left;width: 102px;height: 95px;line-height: 95px;text-align: center;}
.nav ul li a{color: #333333;display: block;font-size: 16px;}
.nav ul li:hover a.yanse{background: #237715;color:#ffffff;}
.nav ul li .s_nav{width: 100%;background: #565656;display: none;position: relative;z-index: 9999}
.nav ul li .s_nav a{display: block;height: 38px;line-height: 38px;color: #fff}
.nav ul li .s_nav a:hover{background: #3e88dc;}
.sousuo{float: right;width:211px;height: 26px;border: 1px solid #237715;border-radius: 14px;margin-top: 33.5px; color: #ffffff;}
.sousuo01 .ji { width:165px;height: 26px;text-indent:15px;line-height: 26px;float: left; color: #999999;} 
.dianji{ color: #999999;width:32px;height: 26px;background:url(../images/1.png)center center no-repeat;float: right;background-size:13px 17px;height: 26px;}
/*导航结束*/


.foot{ width: 100%; margin:0 auto; background: #237715; padding-top: 35px; }
.footc{ width: 1200px;margin:0 auto;padding-bottom: 25px; }
.footca{ width: 216px; height:73px; float: left; margin-top: 32px;}
.footca img{width: 216px; height:73px; display: block;}
.footcb{ float: left; }
.footcba{ line-height: 34px; border-bottom: 1px solid #4d9a41; }
.footcba li{ float: left; margin-left: 25px;}
.footcba li a{ color: #ffffff; font-size: 14px;background:url(../images/01.jpg)no-repeat right center;padding-right: 25px;line-height: 45px;}
.footcba li:first-child{margin-left: 0px;}
.footcba li:last-child a{ padding-right: 0;background:none;}
.footcba li a:hover{ text-decoration: underline; }
.footcbb{color: #ffffff; line-height: 28px; margin-top: 15px;font-size: 14px; }
.footcbc{color: #ffffff; line-height: 34px; font-size: 14px;}
.footcc{ width: 270px; float: right; text-align: center; color: #fff; line-height: 35px; font-size: 14px; margin-top: -10px;}
.footcc img{ width: 117px; height: 117px; }
.footwhh{width: 100%;background: #237715; border-top: 1px solid #4b983f;}
.footwhh1{width: 1200px;margin:0 auto;line-height: 42px;}
.footwhh1 .z{float: left;font-size: 14px;color: #ffffff;}
.footwhh1 .y{float: right;font-size: 14px;color: #ffffff;}
.footcc ul li{display: inline-block;width: 117px;float: right;}
.footcc ul li:nth-child(2){float: left;}
.middle{width: 100%;background:url(../images/bj.jpg)top center no-repeat;background-size: cover;padding-bottom: 105px;}
.cp{width: 1200px;margin:0 auto;}
.cp .biaoti{width: 1200px;margin:0 auto;padding-top:40px;}
.cp .biaoti h2{text-align: center;font-size: 24px;color: #237715;text-transform:Uppercase;}
.cp .biaoti h3{text-align: center;font-size: 18px;color: #333333;margin-top: 12px;}
.table_card { width:1200px; margin:0 auto;margin-top: 25px}
.table_card .tab { height:38px; font-size:14px; }
.table_card .tab li {width: 110px; float:left; height:38px; line-height:38px;margin-right:6px; background:#efefef;text-align: center;color: #333333; }
.table_card .tab li:hover { cursor:pointer}
.table_card .activ { height:38px !important; background:#237715 !important; color:#ffffff!important;}
.table_card .tabCon { width: 1200px;margin:0 auto;margin-top: 20px;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}
.table_card .tabCon div ul{width: 1200px;}
.table_card .tabCon div ul li{width:292px;margin-right: 6px;position: relative;display: inline-block; }
.table_card .tabCon div ul li:nth-child(4n) {margin-right: 0px;}
.table_card .tabCon div ul li img{width: 292px;height:239px; }
.table_card .tabCon div ul li h2{width: 100%;position: absolute;z-index: 99;bottom: 0px;font-size: 14px;color: #333333;background:rgba(255,255,255,0.5);line-height:38px;text-indent: 2em;}
.guanyu{width: 1200px;margin:0 auto;margin-top: 112px;padding-bottom: 23px;}
.guanyu .z{width: 695px;float: left;}
.guanyu .z h2{margin-top: 30px;font-size:24px;color: #237715;text-transform:Uppercase;}
.guanyu .z h3{font-size:18px;color: #333333;margin-top: 10px;}
.guanyu .z h5{margin-top: 28px;font-size:14px;color: #333333;line-height: 24px;}
.guanyu .z a{width:129px;height: 30px;background:url(../images/2.png)center center no-repeat;margin-top: 50px; }
.guanyu .y{width: 485px;float: right;}
.guanyu .y ul{width: 485px;}
.guanyu .y ul li{width:236px;float: left; }
.guanyu .y ul li:nth-child(2) {float: right;}
.guanyu .y ul li img{width: 236px;height: 339px;}
.zhong{width: 1200px;margin:0 auto;padding-bottom: 36px;}
.zhong .lo{width: 110px;height: 38px;float: right;background:url(../images/03.jpg);margin-top: 84px;}
.lolo{float: right;margin-right: 22px;}
.lolo h2{font-size: 34px;color: #ffffff;margin-top: 54px;}
.lolo h3{font-size: 18px;color: #ffffff;background:url(../images/3.png)left center no-repeat;padding-left: 42px;margin-top: 15px;}
.lolo h3 span{font-size: 24px;color: #ffffff;}
.xia{width: 1200px;margin:0 auto;}
.xia .z{width: 715px;float: left;}
.xia .z .biaoti{width: 100%;margin:0 auto;padding-top:50px;margin-left: 18px;}
.xia .z .biaoti h2{text-align: left;font-size: 24px;color: #237715;text-transform:Uppercase;}
.xia .z .biaoti h3{text-align: left;font-size: 18px;color: #333333;margin-top: 12px;}
.xia .z ul{width: 640px;float: right;margin-top: 15px;}
.xia .z ul li{margin-top: 100px;}
.xia .z ul li h2{font-size:16px;color:#333333;float: left;}
.xia .z ul li h3{font-size:14px;color:#237715;float: right;}
.xia .z ul li h4{font-size:14px;color:#333333;line-height: 22px;margin-top: 5px;}
.xia .y{width: 450px;float: right;}
.xia .y .biaoti{width: 100%;margin:0 auto;padding-top:50px;}
.xia .y .biaoti h2{text-align: left;font-size: 24px;color: #237715;text-transform:Uppercase;}
.xia .y .biaoti h3{text-align: left;font-size: 18px;color: #333333;margin-top: 12px;}
.xia .y video{width:450px;height: 334px;margin-top: 45px;}
.zhong .lo a{display: block;width: 100%;height: 100%;}
.erbanner{width: 100%;height: 370px;}
/*单页*/
.con{width: 1200px;margin:0 auto;margin-bottom: 45px;margin-top: 30px;}
.con .z{width:240px;float: left;}
.con .z h2{width: 240px;line-height: 54px;font-size: 18px;color: #333333;}
.con .z h2 span{color: #237715;font-size: 18px;}
.con .z .dao{width: 100%;margin-top: 1px;}
.con .z .dao li{width: 100%;line-height: 52px;background:#237715;}
.con .z .dao li a{font-size: 16px;color: #ffffff;padding-left: 26px;}
.con .z .dao li:hover{background:#c7a053;}
.con .z .dao li:hover a{color: #ffffff;}
.con .z h3{width: 240px;line-height: 54px;font-size: 18px;color: #333333;margin-top: 20px;}
.con .te{width: 240px;background:#eeeeee;height: 240px;}
.con .te img{width: 200px;height: 200px;display: block;margin:0 auto;padding-top: 18px;}
.con .te p{text-align: center;font-size: 14px;color: #333333;margin-top: 18px;}
.con .y{width: 927px;float: right;}
.con .y .daohang{width: 100%;border-bottom: 1px solid #cccccc;}
.con .y .daohang h2{padding-left: 18px;padding-right: 18px;line-height: 48px;float: left;border-bottom: 2px solid #237715;font-size: 16px;color: #333333;}
.con .y .daohang span{float: right;line-height: 48px; font-size: 14px;color: #666666;}
.con .y .daohang span a{display: inline-block;color: #999999;}
.neirong{width: 890px;margin:0 auto;margin-top: 24px;margin-bottom: 45px;}
.neirong p{font-size: 14px;color: #666666;line-height: 24px;}

.chanpin{width: 904px;margin:0 auto;}
.chanpin ul{width: 100%;margin-top: 25px;}
.chanpin ul li{width: 210px;display: inline-block;margin-right: 17px;}
.chanpin ul li .tuuu{width: 210px;}
.chanpin ul li .tuuu img{width: 208px;height: 298px;border: 1px solid #b6b6b6;}
.chanpin ul li h2{line-height: 50px;text-align: center;font-size: 14px;color: #333333;}
.chanpin ul li:nth-child(4n) {margin-right: 0px;}

.chanpin1{width: 904px;margin:0 auto;}
.chanpin1 ul{width: 100%;margin-top: 25px;}
.chanpin1 ul li{width: 292px;display: inline-block;margin-right: 9px;position: relative;margin-bottom: 22px;}
.chanpin1 ul li .tuuu{width: 292px;}
.chanpin1 ul li .tuuu img{width: 292px;height: 239px;}
.chanpin1 ul li h2{line-height: 38px;text-align: center;font-size: 14px;color: #333333;background:rgba(255,255,255,0.4);position: absolute;bottom: 0px;z-index: 99;text-indent: 2em;width: 100%}
.chanpin1 ul li:nth-child(3n) {margin-right: 0px;}

.xinwen ul{width: 904px;margin:0 auto;}
.xinwen ul li{margin-top: 25px;padding-bottom: 25px;border-bottom: 1px dashed #afafaf}
.xinwen ul li h2{font-size:16px;color:#333333;float: left;}
.xinwen ul li h3{font-size:14px;color:#237715;float: right;}
.xinwen ul li h4{font-size:14px;color:#333333;line-height: 22px;margin-top: 5px;}

.sxp a{display: inline-block;color: #666666;}
.sxp{margin-top:60px;margin-bottom: 20px;}

.fenye{
    width: 100%;
    padding:30px 0px;
    margin-top: 10px !important;
    text-align: center;
   margin: 0 auto;

}
.fenye a {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
     display: inline-block;
}
.fenye span {
    text-decoration: none;
    color: #333;
    padding: 10px 15px 10px 15px;
    background-color: #eeeff3;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.fenye a:visited {
    text-decoration: none;
    color: #333;
}
.fenye a:link {
    text-decoration: none;
    color: #333;}
.fenye div .current{background: #237715; color: white;}

@media screen and (max-width:1440px) {
	.xia .z ul li{margin-top: 95px;}
	.xia .z ul{margin-top: -12px;}
}