*{
	margin:0;
	padding:0;	
}
html{height: 100%;}
body{
	font-family:"Microsoft Yahei";
	color:#000;
	font-size:14px;
	line-height: 24px;
	font-style:normal;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
ul,ol{
	list-style:none;
}
input{
	border:none;
	outline:none;
}
a{
	color:#000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.cl:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.tc{
	text-align:center;
}
.container,.container-fluid{ padding:0; }
@media (min-width: 1200px){
	.container{ width: 1200px !important; }
}

/*** pc_head_start ***/
.head{position:relative; width:100%; }
.headpc{ width:100%; }
.headpc .top{ width:100%;height:46px;line-height:46px;background-color: #f9f9f9; }
.top .telphone span{ color:#666;}
.top .telphone span>i.num{ font-weight:bold;font-style:normal; }
.top .search{ width:292px; height:34px; margin:6px 0; overflow: hidden; }
.top .search form{ width: 100%; height:100%; border:1px solid #ddd; border-radius:20px; }
.top .search .key_btn{ width: 12%; height: 32px; background: url("../images/iconsearch.jpg") no-repeat center; }
.top .search .key_txt{ width: 88%; height: 32px; background: none; padding:0 12px; color:#333; }
.headpc .hpc_logo{ width:100%; height:124px; }
.hpc_logo .logo a{ display:block; width: 100%; }
.hpc_logo .logo a img{ width: 100%; }
.hpc_logo .contact{position:relative; padding:39px 0;}
.hpc_logo .contact a{  display:inline-block;margin-left:40px;width: 46px;background-color:#3d3f41;border-radius:50%;transition:400ms;}
.hpc_logo .contact a img{width: 100%;}
.hpc_logo .contact a .wechatdown{ display:none;position:absolute;top:86px;left:50%;margin-left:-30px;z-index:9;}
.hpc_logo .contact a:hover{background-color: #30842c}
.hpc_logo .contact a:hover .wechatdown{ display:block; }
.headpc .hpc_menu{ width:100%; height:58px; line-height: 58px; background-color: #30842c; }
.hpc_menu ul{ margin-bottom:0; width:100%;height:100%; }
.hpc_menu ul li{ position:relative;width:170px;height:100%; float:left; text-align:center;}
.hpc_menu ul li:hover{ background-color: #599d56; }
.hpc_menu ul li>a{ display:block; width:100%; height:58px; color:#fff; font-weight:bold;overflow: hidden; }
.hpc_menu ul li .listmenu{display:none; position:absolute;width:100%;text-align:center;padding:10px 0;top:58px;left:0; line-height:34px;background-color:#30842c;z-index:9;}
.hpc_menu ul li .listmenu a{ display:block; color:#fff;padding: 0 10px; font-weight:normal; height:34px; overflow: hidden; }
.hpc_menu ul li .listmenu a:hover{ background-color: #599d56; }

/*** phone_head_start ***/
.headphone{ width:100%;height:60px; padding:0 20px; background-color: #30842c; }
.headphone .hphone_logo{ width:100%; height:100%; }
.hphone_logo .logo{ width:70%;height:100%; }
.hphone_logo .logo a{ display:inline-block; height:100%; }
.hphone_logo .logo img{ height:100%; }
.hphone_logo .searmenu{ line-height:60px; }
.hphone_logo .searmenu a{ display:inline-block; width:34px; padding:0 6px; }
.hphone_logo .searmenu a img{ width:100%; }
/*.hphone_logo .searmenu a:hover img{ transform:scale(1.1);transition:all .3s; }*/
.hphone_logo .closeIcon{position:absolute; width:42px; right:10px;top:50%;right:20px; height:auto; transform:translateY(-50%); }
.hphone_logo .closeIcon a{ display:inline-block;padding:10px; }
.hphone_logo .closeIcon img{ width:100%; }
.hphone_logo .closeIcon a:hover img{ transform:scale(1.1);transition:all .3s; }

.searchBox{ display:none; position:fixed; width:100%; background-color: #fff; top:60px;left:0; z-index:99; }
.searchBox .search{ position:relative; width:90%; height:34px; margin:30px auto; overflow: hidden; }
.searchBox form{ width: 100%; height:100%; border:1px solid #ddd; border-radius:20px; }
.searchBox .key_btn{ width: 12%; height: 32px; background: url("../images/iconsearch.png") no-repeat center; }
.searchBox .key_txt{ width: 88%; height: 32px; background: none; padding:0 12px; color:#333; }
.searchBox img{ position:absolute;padding:10px; top:6px;right:0; }
.searchBox img:hover{ cursor:pointer; transform:scale(1.2); transition:all .3s; }

.menuliBox{ display:none; position:fixed; width:100%; background-color: #fff; top:60px;left:0; z-index:99; }
.menuliBox ul li{position:relative; width:100%;line-height: 52px;transition: all .3s; }
.menuliBox ul li .btnicon{ position:absolute;top:10px;right:20px; } 
.menuliBox ul li .btnicon img{ display:none;padding:10px; }
.menuliBox ul li .btnicon .on{ display:block; }
.menuliBox ul li a{ display:block; color:#666; padding:0 10px 0 40px;}
.menuliBox>ul>li{ background-color:#fff; border-bottom:1px solid #ebebeb; }
.menuliBox>ul>li:hover>a{ font-weight:bold; color:#30842c;transition: all .3s; }
.menuliBox ul.secondul>li{ padding-left:0;background-color: #f9f9f9; }
.menuliBox ul.secondul>li>a{ color:#666;padding-left:60px; }
.menuliBox ul.secondul>li:hover{ background-color: #30842c; transition: all .3s;}
.menuliBox ul.secondul>li:hover>a{ color:#fff;font-weight:bold; transition: all .3s;}
.menuliBox ul.thirdul>li{ padding-left:30px;background-color: #f9f9f9; }
.menuliBox ul.secondul ul.thirdul>li>a{ color:#666; padding-left:80px;}
.menuliBox ul.secondul ul.thirdul>li:hover>a{ color:#30842c; transition: all .3s;}
.menuliBox ul.fourthul>li{ padding-left:30px;background-color: #f9f9f9; }
.menuliBox ul.thirdul ul.fourthul>li>a{ color:#666; padding-left:80px;}
.menuliBox ul.thirdul ul.fourthul>li:hover>a{ color:#30842c; transition: all .3s;}

/*** banner_start ***/
.banner{ position:relative; max-width:100%; }
.banner .swiper-slide img{width:100%;}
.banner .pagination{ position:absolute;width: 100%; margin:15px 0; bottom:0; text-align: center; z-index: 9;}
.banner .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;}
.banner .swiper-active-switch { background: #fff; }
.banner .swiper-pagination-bullet{ width:10px;height:10px;margin:0 10px !important; border-radius:0;background-color: #fff;transform:rotate(45deg);opacity: 1; }
.banner .swiper-pagination-bullet-active{ background-color: #30842c; }

/*** brandCenter_start ***/
.brandCenter{ padding: 60px 0; }
.brandCenter .title{ font-size:30px;color:#333;font-weight:bold;margin-bottom:60px; }
.brandCenter .introPic{ width:100%; margin:0; }
.brandCenter .introPic .intro{ width:48%; float:left;padding:0;margin-right:2%; }
.introPic .intro .name{ margin-bottom:10px; }
.introPic .intro .name h3{ height:26px; font-size:24px;color:#333;font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.introPic .intro .name span{ color:#333; }
.introPic .intro .wds{ height:240px;overflow: hidden; }
.introPic .intro .wds p{ width:100%;height:100%; color:#666;line-height:30px;margin-bottom:0; }
.brandCenter .introPic .pic{ position:relative; width:48%; float:left; padding:0;margin-left:2%; }
.introPic .pic img{ width:100%; }
.introPic .pic iframe{width: 100%;height: 378px;}
.introPic .intro .more{ width:100%; padding-left:20px; margin-top:74px; }
.introPic .intro .more .morebg{ width:70px;height: 70px;line-height:70px; background-color: #3d3f41;transform:rotate(45deg); overflow: hidden;}
.intro .more .morebg a{ height:100%; display:block; color:#fff; transform:rotate(-45deg); }
.intro .more .morebg:hover{ background-color:#30842c;transition:all .3s; }
.introPic .intro .more .line{ width:190px;height:2px;margin-top:40px;background-color: #3d3f41; }
.brandCenter .container>.more{ width:100%;padding-left:20px; margin-top:50px; }
.brandCenter .container>.more .morebg{ width:70px;height: 70px;line-height:70px; background-color: #3d3f41;transform:rotate(45deg); overflow: hidden;}
.brandCenter .container>.more .morebg a{ display:block; color:#fff; transform:rotate(-45deg); }
.brandCenter .container>.more .morebg a:hover{ color:#30842c;transition:all .3s; }
.brandCenter .container>.more .line{ width:70%;height:2px;margin-top:40px;background-color: #3d3f41; }

#mask{ position:absolute; width:100%; height:100%; left:-66%;top:0;background-color: #f9f9f9;z-index:-1; }

/*productCenter*/
.productCenter{ position:relative; padding:60px 0 90px; background: url("../images/probg.jpg") no-repeat;background-size:100% 100%; overflow: hidden;}
.productCenter .title{ font-size:30px;color:#333;font-weight:bold;margin-bottom:100px; }
.productCenter .prointro{ position:relative;width:100%;height:400px; }
.productCenter .prointro .proimg{ position:absolute; width:200px;height:200px; line-height: 200px; top:0;left:0;background-color:#e8e8e8;transform:rotate(45deg);overflow: hidden;}
.productCenter .prointro .proimg a{  position:relative; display:block; width:100%;height:100%; }
.productCenter .prointro .proimg img{ position:absolute; height:140%; top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg); }

.productCenter .prointro .proimg:hover .promask{ opacity:1; transition:all .3s;}
.productCenter .prointro .proimg .promask{ opacity:0; position:absolute;width:100%;height:100%;text-align:center;top:0; left:0; color:#fff;font-size:24px; border:2px solid #30842c; background-color: rgba(87,154,84,.9); }
.productCenter .prointro .proimg .promask:before{ position:absolute; content:"";width:20px; height:60px;top:24px; left:42px; background:url("../images/promaskph1.png") no-repeat center; background-size:contain; transform: rotate(-45deg); }
.productCenter .prointro .proimg .promask:after{ position:absolute;content:""; width:20px; height:60px;bottom:20px; right:42px; background:url("../images/promaskph2.png") no-repeat center; background-size:contain; transform: rotate(-45deg);}
.productCenter .prointro .proimg .promask span{ display:block; font-weight:bold; transform: rotate(-45deg); }

.prointro .proimg:nth-child(1){ left:200px; }
.prointro .proimg:nth-child(2){ left:500px; }
.prointro .proimg:nth-child(3){ left:800px; }
.prointro .proimg:nth-child(4){ top:152px;left:50px; background-color: #f3f3f3; }
.prointro .proimg:nth-child(5){ top:152px;left:350px; background-color: #f3f3f3; }
.prointro .proimg:nth-child(6){ top:152px;left:650px; background-color: #f3f3f3; }
.prointro .proimg:nth-child(7){ top:152px;left:950px; background-color: #f3f3f3; }
.productCenter .container>.more{position:absolute;width:70px;height: 70px;line-height:70px; left:50%; margin-left:-35px;bottom:74px;background-color: #3d3f41;transform:rotate(45deg); overflow: hidden; }
.productCenter .container>.more a{ display:block; color:#fff; }
.productCenter .container>.more span{ display:block; transform:rotate(-45deg); }
.productCenter .container>.more:hover{ background-color:#30842c;transition:all .3s; }

/*newsInfo*/
.newsInfo{ width:100%;padding:60px 0; }
.newsInfo .title{ font-size:30px;color:#333;font-weight:bold;margin-bottom:60px; }
.newsInfo .newsintroPic{ width:100%;margin:0; }
.newsInfo .newsintroPic .newsintro{ width:48%; padding:0;margin-right:2%; }
.newsintroPic .newsintro .introBox{ border-bottom:2px solid #ebebeb;margin-bottom:30px; }
.newsintro .introBox>a{ display:block; }
.newsintro .theme{ margin-bottom:4px; }
.newsintro .theme h3{ height:20px;margin-top:0; color:#333;font-size:16px;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newsintro .theme h3:hover{ color:#30842c; transition: all .3s;cursor:pointer; }
.newsintro .theme span{ color:#666; }
.newsintro .wds{ height:60px;line-height: 30px; color:#666; overflow: hidden;}
.newsintro a.more{ display:inline-block; font-size:12px; color:#999;padding:10px 0; }
.newsintro a.more:hover{ color:#30842c; }
.newsInfo .newsintroPic .newspic{ width:48%; padding:0;margin-left:2%; }
.newspic a.nInfoimg{ display:block; width:100%; overflow: hidden; }
.newspic a.nInfoimg img{ width:100%; }
.newspic .theme{ margin-top:16px; margin-bottom:4px; }
.newspic .theme h3{ height:20px;margin-top:14px; color:#333;font-size:16px;font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newspic .theme h3:hover{ color:#30842c; transition: all .3s;cursor:pointer; }
.newspic .theme span{ color:#666; }
.newspic .wds{ height:72px;line-height: 24px; color:#666; overflow: hidden;}

.newsintroPic .newspic .more{ width:100%; padding-left:20px; margin-top:50px; }
.newsintroPic .newspic .more .morebg{ width:70px;height: 70px;line-height:70px; background-color: #3d3f41;transform:rotate(45deg); overflow: hidden;}
.newspic .more .morebg a{ height:100%; display:block; color:#fff; transform:rotate(-45deg); }
.newspic .more .morebg:hover{ background-color:#30842c;transition:all .3s; }
.newspic .more .line{ width:190px;height:2px;margin-top:40px;background-color: #3d3f41; }
.newsInfo .container>.more{ width:100%;padding-left:20px; margin-top:50px; }
.newsInfo .container>.more .morebg{ width:70px;height: 70px;line-height:70px; background-color: #3d3f41;transform:rotate(45deg); overflow: hidden;}
.newsInfo .container>.more .morebg a{ display:block; color:#fff; transform:rotate(-45deg); }
.newsInfo .container>.more .line{ width:70%;height:2px;margin-top:40px;background-color: #3d3f41; }

.newspic.newspicxs{ border-bottom:2px solid #ebebeb;margin-bottom:20px; }
.newspic.newspicxs a.more{ display:inline-block; font-size:14px; color:#999;padding:10px 0;margin-top:0; }
.newspic.newspicxs a.more:hover{ color:#30842c; }


/*foot*/
.foot{ padding:42px 0 60px;background-color:#f9f9f9; }
.foot .menuBox.row{ margin:0; }
.foot .menuBox .itemBox{ float: left; width: 10%;  margin-right: 10px; }
.foot .menuBox .itemconBox{ float: left; width: 22%;  }
.foot .menuBox .title{position:relative; display:block;height:60px;line-height: 60px; color:#333; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.foot .menuBox .title:hover{ color:#30842c; transition:all .3s; }
.foot .menuBox .title:after{ position:absolute;content:"";width:20px;height:2px;bottom:6px;left:0;background-color:#30842c; }
.foot .menuBox ul{ margin-bottom:0; }
.foot .menuBox ul li{ line-height: 36px;color:#666; }
.foot .menuBox ul li a{ display:block; color:#666; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.foot .menuBox ul li:hover a{ color:#30842c; transition:all .3s; }

.footbottom{ background-color:#30842c; }
.footbottom .copy{width:80%; height:auto;padding: 18px 0; text-align:center; overflow:hidden; }
.copy span{ display:inline-block; color:#fff; margin-right:10px; }
.copy span a{ color:#fff; }
.copy span a:hover{ color:#0099cd; transition:all .3s;}
.footbottom .linkBox{ position:relative; width:16%;height:36px;line-height:34px;margin:12px 0;}
.footbottom .linkBox .linkbtn{cursor:pointer; display:block; width:100%;padding:0 10px;color:#fff;text-align:left; border:1px solid #599d56;background-color:#30842c; }
.footbottom .linkBox .caret{position:absolute; display:block; right:10px;top:18px;border-top:4px dashed #fff; }
.linkBox .linkup-menu{opacity:0; position:absolute; width:100%;top:-72px;left:0; background-color: #30842c;border:1px solid #599d56; }
.linkBox .linkup-menu li{width:100%; height:36px;line-height: 36px; overflow: hidden; }
.linkBox .linkup-menu li a{ display:block;width:100%; color:#fff;padding:0 10px;  }
.linkBox .linkup-menu li a:hover{ background-color: #599d56; transition:all .3s; }
.footbottom .linkBox:hover .linkup-menu{ opacity:1; transition:all 1s; }


@media (min-width: 1200px) and (max-width: 1220px){	
	.container{
		width:1170px !important;
	}
}

@media (min-width: 992px) and (max-width: 1200px){
	/*pc_head*/
	.hpc_menu ul li{ width:106px; }
	.hpc_menu ul li .listmenu a{ padding:0 25px; }
	
	/*brandCenter*/
	.introPic .intro .wds{ height:174px; }
	.introPic .intro .more{ margin-top:50px; }

	/*productCenter*/
	.productCenter{ padding-bottom:70px; }
	.productCenter .container>.more{ bottom:80px; }
	.productCenter .prointro .proimg{ width:180px;height:180px; }
	.prointro .proimg:nth-child(1){ left:120px; }
	.prointro .proimg:nth-child(2){ left:390px; }
	.prointro .proimg:nth-child(3){ left:660px; }
	.prointro .proimg:nth-child(4){ top:134px;left:-20px; }
	.prointro .proimg:nth-child(5){ top:134px;left:254px; }
	.prointro .proimg:nth-child(6){ top:134px;left:526px; }
	.prointro .proimg:nth-child(7){ top:134px;left:794px; }

	.productCenter .prointro .proimg .promask{ font-size:18px;line-height:178px; }

	/*newsInfo*/
	.newsintroPic .newspic .more{ margin-top:90px; }

	/*foot*/
	.footbottom .copy{ padding:10px 0; }	
	.footbottom .linkBox{ margin:16px 0; }	
}

@media (min-width: 768px) and (max-width: 991px){
	/*pc_head*/
	.headpc .hpc_logo{ height:108px; }
	.hpc_logo .logo{ width:460px; }
	.hpc_logo .logo>img{ width:100%; }
	.hpc_logo .contact{padding:35px 0;}
	.hpc_logo .contact a{width:38px; margin-left:20px;}
	.hpc_logo .contact a .wechatdown{top:74px;margin-left:-42px;}
	.hpc_menu ul li{ width:82px; }	
	
	/*brandCenter*/
	.brandCenter{ padding:30px 0 50px; }
	.brandCenter .title{ margin-bottom:30px; }
	.introPic .intro .name h3{ margin:0; }
	.introPic .intro .wds{ height:240px !important; }
	.brandCenter .container>.more{ margin-top:26px; }

	/*productCenter*/
	.productCenter{ padding:30px 0 30px; }
	.productCenter .title{ margin-bottom:70px; }	
	.productCenter .prointro .proimg{ width:160px;height:160px; }
	.prointro .proimg:nth-child(1){ left:46px; }
	.prointro .proimg:nth-child(2){ left:290px; }
	.prointro .proimg:nth-child(3){ left:534px; }
	.prointro .proimg:nth-child(4){ top:120px;left:-80px; }
	.prointro .proimg:nth-child(5){ top:120px;left:168px; }
	.prointro .proimg:nth-child(6){ top:120px;left:412px; }
	.prointro .proimg:nth-child(7){ top:120px;left:656px; }
	.productCenter .container>.more{ bottom:80px; }

	.productCenter .prointro .proimg .promask{ font-size:16px; line-height:156px; }
	.productCenter .prointro .proimg .promask:before{ width:16px; height:40px;top:24px;left:34px; }
	.productCenter .prointro .proimg .promask:after{ width:16px; height:40px; bottom:24px;right:38px;}

	/*newsInfo*/
	.newsInfo{ padding:30px 0; }
	.newsInfo .title{ margin-bottom:30px; }
	.newsintroPic .newsintro .introBox{ margin-bottom:20px; }
	.newsintro .theme h3{ margin-bottom:0; }
	.newsintro .wds{ height:48px;line-height: 24px; }
	.newsintro a.more{ padding:6px 0; }
	.newspic .theme h3{ margin-top:10px;margin-bottom:6px; }
	.newsintroPic .newspic .more{ margin-top:40px; }
	
	/*foot*/	
	.foot .menuBox .itemconBox{ width:20%; }	
	.footbottom .copy{ padding:10px 0; }	
	.footbottom .linkBox{ margin:16px 0; }
	.introPic .pic iframe{height: 348px;}

}

@media (max-width: 767px){
	/*headphone*/
	.headphone{ position:fixed;top:0;left:0;z-index:999; }	
	.main{ margin-top:60px; }	
	
	/*banner*/
	.banner .pagination{ margin:0; }
	.banner .swiper-pagination-bullet{ width:8px;height:8px; }

	/*brandCenter*/
	.brandCenter{ padding:20px 20px 40px; }
	.brandCenter .title{ font-size:20px; margin-bottom:20px; }	
	.brandCenter .container>.more{ padding-left:14px;margin-top:26px; }
	.brandCenter .container>.more .morebg{ width:60px;height:60px;line-height: 60px; }
	.brandCenter .container>.more .line{ width:76%; margin-top:29px;}	
	.introPic .intro .wds p{ line-height: 24px; }

	/*productCenter*/
	.productCenter{ padding:30px 0 90px; }
	.productCenter .title{ font-size:20px; margin-bottom:50px; }
	.productCenter .prointro{ height:240px;width:320px;margin:0 auto; }
	.productCenter .prointro .proimg{ width:100px;height:100px; }
	.prointro .introimgs2 .proimg:nth-child(1){ left:34%; }
	.prointro .introimgs2 .proimg:nth-child(2){ top:80px; left:10%; }
	.prointro .introimgs2 .proimg:nth-child(3){ top:80px; left:58%; }	
	.productCenter .container>.more .morebg{ width:60px;height:60px;line-height: 60px; }

	.productCenter .prointro .proimg .promask{ font-size:14px; line-height:92px; }
	.productCenter .prointro .proimg .promask:before{ width:14px;height:40px; top:2px;left:14px; }
	.productCenter .prointro .proimg .promask:after{ width:14px;height:40px; bottom:2px;right:16px; }

	/*newsInfo*/
	.newsintroPic .newsintro .introBox{ margin-bottom:16px; }
	.newspic.newspicxs{ margin-bottom:16px; }
	.newspic.newspicxs a.more{ padding:4px 0 10px; }
	.newsInfo{ padding:20px 20px 30px; }
	.newsintro .wds{ height:48px;line-height: 24px; }
	.newsInfo .title{ font-size:20px; margin-bottom:20px; }	
	.newsintro a.more{ font-size:14px;padding:6px 0; }
	.newsintro .theme h3{ margin-bottom:4px; }
	.newsInfo .container>.more{ padding-left:14px; margin-top:0;}
	.newsInfo .newsintroPic .newsintro{ width:100%;margin-right:0; }
	.newsInfo .newsintroPic .newspic{ width:100%; margin-left:0; }
	.newsInfo .container>.more .line{ width:76%; }
	.newspic .theme h3{ margin-top:4px; margin-bottom:0; }
	.newsintroPic .newsintro .introBox:last-child{ border:none; }
	.newsInfo .container>.more .morebg{ width:60px;height:60px;line-height: 60px; }
	.newsInfo .container>.more .line{ margin-top:29px; }	

	/*foot*/
	.foot{ padding:20px; }
	.foot .menuBox .itemconBox{ width:100%; float:none; }
	.foot .menuBox .title{ font-size:20px; }
	.footbottom{ padding:0 20px; }
	.footbottom .copy{ width:100%; padding:10px 0; float:none; }
	.copy .copyBox{ float:none; }
	.introPic .pic iframe{height: 260px;}	
}

@media (max-width: 649px){
	/*brandCenter*/	
	.brandCenter .container>.more .line{ width:60%; }

	/*newsInfo*/
	.newsInfo .container>.more .line{ width:60%; }

	/*foot*/
	.foot{ padding:10px 20px; }
	.foot .menuBox ul li{ line-height: 30px; }	
}

/*分页部分*/
.wdsimg img{max-width:100%;}
.page .pagetitle{ height:60px; line-height: 60px; background-color: #f9f9f9;overflow: hidden; }
.pagetitle .theme{ position:relative;width:268px;padding-left:46px;height:100%; color:#fff;font-size:20px;font-weight:bold; background-color: #30842c;}
.pagetitle .theme:before{ position:absolute;content:""; width:8px;height:8px;top:50%;left:24px;margin-top:-4px;background-color: #fff;transform:rotate(45deg);}
.pagetitle .navBox{ height:100%; margin-left:40px; }
.pagetitle .navBox span{ display:block;color:#999; }
.pagetitle .navBox ul{ margin-bottom:0; }
.pagetitle .navBox ul li{ position:relative; float:left;margin-right:10px;}
.pagetitle .navBox ul li a{ display:block; color:#999;padding:0 10px; }
.pagetitle .navBox ul li.cur a{ color:#30842c; }
.pagetitle .navBox ul li:not(:last-child):after{ position:absolute;content:"";width:9px;height:8px;right:-9px;top:50%;margin-top:-3px;background: url("../images/curicon.jpg") no-repeat; }
.pagetitle .navBox ul li:hover a{ color:#30842c; transition:all .3s;}
.pagetitle .cate{ position:relative;  }
.pagetitle .cate span{ display:block; font-size:18px;color:#999;padding:0 40px; }
.pagetitle .cate span:after{ position:absolute;content:"";width:12px;height:12px; top:50%;right:20px;margin-top:-4px;background: url("../images/pcate.jpg") no-repeat; }
.pagetitle .cate span:hover{ cursor:pointer; color:#30842c;transition:all .3s; }

.page .pageInfo{ position:relative; }
.page .pageInfo .sidel{ width:268px;margin-right:-268px;  }
.pageInfo .sidel ul li{position:relative; width:100%; line-height: 52px;transition: all .3s;overflow: hidden; }
.pageInfo .sidel ul li a{ display:block; color:#666; padding:0 10px 0 48px;height:52px;overflow: hidden;}
.pageInfo .sidel>ul>li{ background-color:#f9f9f9; border-bottom:1px solid #ebebeb; }
.pageInfo .sidel>ul>li:before{ position:absolute;content:"";width:5px;height:5px;background-color:#666;top:24px;left:30px;transform:rotate(45deg); }
.pageInfo .sidel>ul>li:hover{ background-color:#30842c;transition:all .3s; }
.pageInfo .sidel>ul>li:hover a{ color:#fff;transition:all .3s; }
.pageInfo .sidel>ul>li:hover:before{ background-color: #fff; transition:all .3s;}
.pageInfo .sidel ul.secondul>li{ padding-left:0;background-color: #f9f9f9; }
.pageInfo .sidel ul.secondul>li>a{ color:#666; }
.pageInfo .sidel ul.secondul>li:hover a{ color:#30842c; transition:all .3s;}
.pageInfo .sidel ul.thirdul>li{ padding-left:30px; }
.pageInfo .sidel ul.secondul ul.thirdul>li>a{ color:#666; }
.pageInfo .sidel ul.secondul ul.thirdul>li:hover a{ color:#30842c; }

.pageInfo .catemenu{ display:none; position:absolute;top:0;left:0; width:100%; z-index:19; }
.pageInfo .catemenu ul li{position:relative; width:100%;line-height: 52px;transition: all .3s;overflow: hidden; }
.catemenu ul li a{ display:block; height:52px; color:#666; padding:0 10px 0 48px; overflow: hidden;}
.catemenu>ul>li{ background-color:#f9f9f9; border-bottom:1px solid #ebebeb; }
.catemenu>ul>li:before{ position:absolute;content:"";width:5px;height:5px;background-color:#666;top:24px;left:30px;transform:rotate(45deg); }
.catemenu>ul>li:hover{ background-color:#30842c;transition:all .3s; }
.catemenu>ul>li:hover a{ color:#fff;transition:all .3s; }
.catemenu>ul>li:hover:before{ background-color: #fff;transition:all .3s; }
.catemenu ul.secondul>li{ padding-left:0;background-color: #f9f9f9; }
.catemenu ul.secondul>li>a{ color:#666; }
.catemenu ul.secondul>li:hover a{ color:#30842c;transition:all .3s; }
.catemenu ul.thirdul>li{ padding-left:30px; }
.catemenu ul.secondul ul.thirdul>li>a{ color:#666; }
.catemenu ul.secondul ul.thirdul>li:hover a{ color:#30842c; }

.paginationBox{ position:relative; width:100%; margin:20px 0; }
.paginationBox ul{ position:absolute; top:-20px; left:50%; transform:translateX(-50%); }
.paginationBox ul li{ float:left;margin:0 5px;background-color:#f9f9f9;border:1px solid #ebebeb;transition:all .3s; }
.paginationBox ul li a{display:block; padding:4px 10px; color:#666; }
.paginationBox ul li:hover{ background-color: #30842c; }
.paginationBox ul li:hover a{ color: #fff; }

.pagexsBox{ margin:20px 0; }
.pagexsBox ul{ width:310px; margin:0 auto; }
.pagexsBox ul li{ float:left;margin:0 5px;background-color:#f9f9f9;border:1px solid #ebebeb;transition:all .3s; }
.pagexsBox ul li a{display:block; padding:4px 6px; color:#666; }
.pagexsBox ul li:not(.num):hover{ background-color: #30842c; }
.pagexsBox ul li:not(.num):hover a{ color: #fff; }
.pagexsBox ul li.num{ background-color: #fff;border:none; }

.pageInfo .infor{ width:100%;margin:40px 0; }

.share{ width:100%;height:34px;line-height: 34px; }
#bdshare span{ height:34px; }
#bdshare a{ display:inline-block; padding:20px 12px; }
#bdshare a.shareCount{ width:42px; padding:0; }

/*product*/
.pageInfo .infor .product{ margin-left:308px; }
.product .row{ margin:0; }
.product .productimg{ margin-bottom:40px; }
.product .productimg a{ display:block; }
.product .productimg img{ width:100%; }
.product .productimg .wd{ height:54px;line-height: 54px;color:#333;text-align:center;margin-bottom:0;overflow: hidden;background-color: #f9f9f9; }
.product .productimg:hover .wd{ color:#30842c; }

/*productdetail*/
.pageInfo .infor .productdetail{ margin-left:308px; }
.productdetail .prodpics{ width:70%;margin:0 auto; margin-bottom:30px; }
.prodpics .themeimg{ width:100%; margin-bottom:10px; }
.prodpics .theme h3,.prodpics .themeimg h3{ font-size:16px;color:#333; text-align:center; font-weight:bold;margin-bottom:16px;margin-top:0; }
.prodpics .themeimg img{ display:block; max-width:100%; margin:0 auto; }
.prodpics button{ display:none !important; }
.prodpics .slick1{ position:relative;width:100%;margin-bottom:20px; }
.prodpics .slick1 .slider-for{ margin-bottom:10px; }
.prodpics .slick1 img{ width:100%; }
.prodpics .slick1 .slider-nav .pdimg{ padding:0 4px; }
.prodpics .slick1 .slider-for .pdimg.slick-slide{ z-index:9 !important; }
.prodpics .slick1 .slider-nav .pdimg.slick-slide{ z-index:9 !important; }
.prodpics .slick1 .slider-nav .pdimg img:hover{ border:1px solid red; }
.prodpics .slick1 .slider-nav .slick-arrow{ position:absolute;width:14px;height:32px; top:50%;padding:0 10px; }
.prodpics .slick1 .slider-nav .slick-prev{ left:-34px; background:url("../images/prevg.jpg") no-repeat;background-size:contain; }
.prodpics .slick1 .slider-nav .slick-next{ right:-38px; background:url("../images/nextg.jpg") no-repeat;background-size:contain; }
.prodpics .slick1 .slider-nav .slick-prev:hover{ background: url("../images/prevb.jpg") no-repeat; transition:all .3s;background-size:contain; }
.prodpics .slick1 .slider-nav .slick-next:hover{ background: url("../images/nextb.jpg") no-repeat; transition:all .3s;background-size:contain; }

.productdetail .prodmenu .menuli{ width:100%; height:40px;line-height: 40px;margin-bottom:20px;background-color:#f9f9f9; }
.prodmenu .menuli ul{ margin-bottom:0; }
.prodmenu .menuli ul li{ float:left; height: 100%;padding:0 30PX; }
.prodmenu .menuli ul li a{ display:block; color:#666;}
.prodmenu .menuli ul li.cur{ background-color: #30842c; }
.prodmenu .menuli ul li.cur a{ color:#fff; }
.prodmenu .menuli ul li:hover{ background-color: #30842c; transition:all .3s;}
.prodmenu .menuli ul li:hover a{ color:#fff;transition:all .3s; }

.link{ margin-top:40px; }
.link a{ display:block;width:50%;line-height:30px; color:#666;padding:10px 20px; border:1px solid #ebebeb; background-color: #f9f9f9; }
.link a.nextarr{ text-align:right; }
.link a:hover{ color:#30842c; transition:all .3s; }

/*about*/
.pageInfo .infor .about{ margin-left:308px; }
.about p{ color:#666; }

/*news*/
.pageInfo .infor .news{ margin-left:308px; }
.news .newsevent{ margin-bottom:30px; border-bottom:2px solid #ebebeb; }
.newsevent .title h3{ font-size:16px;color:#333;font-weight:bold;margin-top:0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.newsevent .title .date{display:inline-block;padding:5px 0; color:#666; }
.newsevent .wds{ height:60px;line-height: 30px; color:#666; overflow: hidden;}
.newsevent .wds p{ margin-bottom:0;}
.newsevent .more{ display:inline-block; font-size:12px;color:#999;padding:6px 0 20px; }
.newsevent .title h3:hover{ cursor:pointer; color:#30842c; transition:all .3s; }
.newsevent .more:hover{ color:#30842c; transition:all .3s; }

/*.newsdetail_1*/
.pageInfo .infor .newsdetailf{ margin-left:308px; }
.newsdetailf .ndetailCon .ndtitle{  text-align:center; border-bottom:1px solid #ebebeb; padding-bottom:15px;margin-bottom:10px;}
.ndetailCon .ndtitle h3{ color:#333;font-size:16px;font-weight: bold;margin-top:0;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ndetailCon .ndtitle span{ color:#666; }

/*.newsdetail_2*/
.pageInfo .infor .newsdetails{ margin-left:308px; }
.newsdetails .row{ margin:0; }
.newsdetails .ndetailBox{ margin-bottom:30px; }
.ndetailBox>a{ display:block; width:100%; }
.ndetailBox img{ width:100%; }
.ndetailBox .ndIntro span{ display:block; color:#666; padding:16px 0 6px;}
.ndetailBox .ndIntro h3{ height:30px; font-size:16px;color:#333;font-weight:bold;padding:6px 0;margin:0 0 6px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ndetailBox .ndIntro p{ height:90px;line-height: 30px; color:#666; overflow: hidden;margin:0; }
.ndetailBox .ndIntro h3:hover{ cursor:pointer; color:#30842c; transition:all .3s; }
.ndetailBox .more{ font-size:14px;color:#999;padding:4px 0; }
.ndetailBox .more:hover{ color:#30842c; transition:all .3s; }

/*search*/
.pageInfo .infor .search{ margin-left:308px; }
.search .searchCon h3{ height:24px; font-size:14px; color:#30842c; font-weight:bold; text-align:center; margin:10px 0 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.searchCon ul{ margin-bottom;0 }
.searchCon ul li{ height:65px;line-height: 64px;overflow: hidden; border-bottom:1px solid #ebebeb; }
.searchCon ul li a{ padding:10 0; color:#333; }
.searchCon ul li a:hover{ color:#30842c; transition:all .3s; }
.searchCon ul li span{ float:right; color:#666; padding-left:10px;}
.search .paginationBox{ margin:40px 0 20px; }

@media (min-width: 768px) and (max-width: 991px){ 
	.page .pagetitle{ height:50px; line-height: 50px; }
	.pagetitle .theme{ width:200px; }	
	.page .pageInfo .sidel{ width:200px;margin-right:-200px; }
	.pageInfo .sidel ul li{ line-height: 46px; }
	.pageInfo .sidel ul li a{ height:46px; }

	/*product*/
	.pagetitle .navBox{ margin-left:20px; }
	.pageInfo .infor .product{ margin-left:220px; }
	.pageInfo .sidel>ul>li:before{ top:20px; }

	/*productdetail*/
	.pageInfo .infor .productdetail{ margin-left:220px; }

	/*about*/
	.pageInfo .infor .about{ margin-left:240px; }

	/*news*/
	.pageInfo .infor .news{ margin-left:220px; }

	/*newsdetailf*/
	.pageInfo .infor .newsdetailf{ margin-left:220px; }
	.ndetailCon .ndtitle h3{ margin-bottom:10px; }
	.newsdetailf .ndetailCon .ndtitle{ padding-bottom:10px; }

	/*newsdetails*/
	.pageInfo .infor .newsdetails{ margin-left:220px; }

	/*search*/
	.pageInfo .infor .search{ margin-left:240px; }
	.search .searchCon h3{ margin:0 0 10px; }
	.searchCon ul li{ height:51px; line-height: 50px; }

}

@media (min-width: 767px){
	.pageInfo .catemenu{ display:none !important; }
	.menuliBox{ display:none !important; }
	.searchBox{ display:none !important; }
}

@media (max-width: 767px){ 
	.pageInfo .infor .product{ width:100%; margin-left:0; }

	.pageInfo .infor .productdetail{ width:100%; margin-left:0; padding:0 20px; }
	.productdetail .prodpics{ width:90%; }
	.productdetails .prodpics{ width:100%; }
	.prodpics .slick1 .slider-nav .slick-arrow{ width:10px;height:24px; }
	.prodpics .slick1 .slider-nav .slick-prev{ left:-18px; }
	.prodpics .slick1 .slider-nav .slick-next{ right:-30px; }

	.pageInfo .infor .about{ width:100%;margin-left:0; padding:0 20px;}

	.pageInfo .infor .news{ width:100%;margin-left:0;padding:0 20px; }

	.pageInfo .infor .newsdetailf{ width:100%;margin-left:0;padding:0 20px; }

	.pageInfo .infor .newsdetails{ width:100%;margin-left:0;padding:0 20px; }
	.ndetailBox .ndIntro span{ padding:10px 0 0; }
	.ndetailBox .ndIntro h3{ margin:0; }
	.ndetailBox .ndIntro p{ height:48px;line-height: 24px; }

	.pageInfo .infor .search{ width:100%;margin-left:0;padding:0 20px; }
}

@media (max-width: 649px){
	.page .pagetitle{ height: 40px;line-height: 40px;  }
	.pagetitle .theme{ width:140px; font-size:16px;padding-left:30px; }
	.pagetitle .theme:before{ left:14px; }
	.pagetitle .cate span{ font-size:16px; padding:0 30px;}
	.pagetitle .cate span:after{ right:12px; }
	.pagexsBox{ margin:20px 0 10px; }
	.pagexsBox ul{ width:280px; }
	.pagexsBox ul li a{ padding:2px; }

	.pageInfo .infor{ margin:24px 0; }
	.pageInfo .catemenu ul li{ line-height: 40px; }
	.catemenu ul li a{ height:40px; padding-left:42px; overflow: hidden; }
	.catemenu>ul>li:before{ top:18px;left:26px; }

	/*product*/
	.product .productimg{ margin-bottom:20px; }
	.product .productimg .wd{ height: 30px;line-height: 30px; }

	/*productdetail*/	
	.productdetail .prodmenu .menuli{ margin-bottom:8px; }
	.prodpics .theme h3,.prodpics .themeimg h3{ font-size:14px;margin-bottom:10px; }
	.shuffling .swiper-button{ width:10px;height:20px;margin-top:-10px; }
	.shuffling .swiper-button-prev{ left:-20px; }
	.shuffling .swiper-button-next{ right:-30px; }
	.prodmenu .menuli ul li{ padding:0 6px; }
	
	.link{ margin-top:20px; }	
	.link a{ width:100%;line-height: 24px; padding:6px 20px; margin-bottom:10px; }

	/*news*/
	.news .newsevent{ margin-bottom:16px; }
	.newsevent .title h3{ margin-bottom:4px; }
	.newsevent .title .date{ padding:2px 0; }
	.newsevent .wds{ height:48px;line-height: 24px; }
	.newsevent .more{ padding:0 0 6px; }

	/*newsdetailf*/
	.ndetailCon .ndtitle h3{ font-size:14px; margin-bottom:4px;line-height:20px; }
	.newsdetailf .ndetailCon .ndtitle{ padding-bottom:4px; }


	/*newsdetails*/
	.newsdetails .ndetailBox{ margin-bottom:20px; }
	.ndetailBox .ndIntro span{ padding:4px 0 0; }
	.ndetailBox .ndIntro h3{ padding:4px 0 6px; }
	.ndetailBox .ndIntro p{ height:40px;line-height:20px; }
	.ndetailBox .more{ padding: 2px 0; }

	/*search*/
	.search .searchCon h3{ margin:0; }
	.searchCon ul{ margin-bottom:20px; }
	.searchCon ul li{ height:37px;line-height: 36px; }	
}