/* CSS Document */
*{ margin:0px; padding:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; background-color:#ffffff;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none; color:#333;}
a:visited {text-decoration: none; color:#333;}
a:hover { text-decoration: none; color:#333;}
a:active {text-decoration: none; color:#333;}

#header {width: 100%;height: 100px; background-color:#ffffff; position: fixed;font-size: 14px;transition: all ease .3s;z-index: 99; border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #eee;}
.top{ width:1400px; height:100px; margin:0 auto; position: relative;}
.top-logo{ width:350px;height: 77px;display: block;float: left; padding-top:8px;}
.top-logo img{width:350px;height: 77px;}
.top-nav{ height:100px; float:left; margin-left:90px;}
.top-nav ul li.navitem {width: 100px;height: 35px; text-align:center; padding-top:50px; float: left;position: relative;}
.top-nav ul li.navitem ul.subnav {transition: all 0.3s ease-out 0s; position: absolute;width: 160px; height:auto; overflow:hidden;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); top:78px; left:50%; margin-left:-80px; background-color:rgba(255, 255, 255, 1) !important;}
.top-nav ul li.navitem:hover ul.subnav {opacity: 1;visibility: visible; transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
.top-nav ul li.navitem a {width: 100px;height: 35px; display:block; color: #333;font-size: 16px; transition: none ease-out .3s;transition-property: color, background, text-indent, opacity}
.top-nav ul li.navitem a.active {color: #333333; background:url(../image/down-sj.jpg) no-repeat center bottom;}
#header ul li.navitem:hover a {color: #009260;}
.top-nav ul li.navitem ul.subnav li {height:50px; border-bottom: #2e2f29 1px solid; font-size:14px;}
.top-nav ul li.navitem ul.subnav li a {height:50px; border-bottom: medium none transparent; padding: 15px; width: 130px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 0.6) none repeat scroll 0% 0%; display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #666 !important; }
.top-nav ul li.navitem ul.subnav li a:hover {width: 160px; height:50px; text-indent: 10px; background: #f0f0f0; color: #009260 !important; }
.top-nav ul li.navitem ul.subnav { border-top: 0px solid #7B7B7B; border-radius: 0px; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.16); }
.top-nav ul li.navitem ul.subnav li {width: 160px; height:50px; border-bottom: 1px solid #f0f0f0; }

.fl{ float: left;}
.fr{ float: right;}
.sousuo{ width: 23px; height: 21px; position: relative;}
.sousuo .sstu{
	position: absolute; top:50px;
	z-index: 6;
	width: 23px;
	height: 21px;
	cursor: pointer;
	background: url(../image/a1_07_01.png) no-repeat center center;
}
.sousuo .sstu.cha{
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../image/regular-s1ec6d6d4d5.png);
    background-position: 0 -36px;
    height: 15px;
    width: 15px;
}
.sskuang{
    text-align: left;
    width: 200px;
    height: 35px;
    position: absolute;
    visibility: hidden;
    z-index: 2;
    top: 40px;
    left: -206px;
    font-size: 14px;
    box-sizing: border-box;
}
.sskuang .input_box{
    padding-left: 24px;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    opacity: 0;
    background: #fff;
    height: 35px;
    overflow: hidden;
    width: 100%; border:1px solid #ccc;
    box-sizing: border-box;
    z-index: 2;
    -moz-transition: all .3s .3s;
    -o-transition: all .3s .3s;
    -webkit-transition: all .3s;
    -webkit-transition-delay: .3s;
    transition: all .3s .3s;
}
.sskuang .input_box .sst{
	height: 35px;
    line-height: 35px;
    width: 90%;
    border: none;
    background: 0 0;
    text-indent: 14px;
    font-size: 14px;
    outline: none;
}
.sskuang .input_box .tji{
	padding: 0 10px;
    display: block;
    border: none;
    outline: none;
    position: absolute;
    left: 0;
    color: transparent;
    background: url(../image/a1_07_01.png) 6px no-repeat ;
    height: 21px;
    width: 23px;
    top: 50%;
    margin-top: -11px;
    cursor: pointer;
}

#menu{ display:none;}

.banner{width: 100%;}
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; position:relative;}
#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;}
.banner-font{ position:absolute; left:58%; top:36%;margin-top: 60px;opacity: 0;}
#owl-demo .owl-item.active .banner-font{ width:558px; height:auto; margin-top: 0;opacity: 1;}
.banner-font img{ width:100%; height:auto;}

.ads-box{ width:100%; height:auto; background-color:#ffffff;}
.common-width{ width:1400px; margin:0 auto;}
.ads{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.t_news{ height:20px; padding-left:10px; margin:30px 0; overflow:hidden; position:relative;}
.t_news b{ line-height:20px; font-size:16px; font-weight:bold; display:inline-block; color:#009260; float:left;}
.news_li,.swap{ width:90%; line-height:20px; display:inline-block; position:absolute; top:0; left:7%;}
.news_li a,.swap a{ width:100%; height:20px; line-height:20px; overflow:hidden; float:left; font-size:14px; color:#494949; display:block;}
.news_li a:hover,.swap a:hover{ color:#009260;}
.news_li a span,.swap a span{ padding-right:8px; color:#666;}
.swap{top:20px;}

.about-box{ width:100%; height:auto; background-color:#ffffff;}
.about{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.about-left{ width:57%; height:auto; float:left;}
.about-left .about-bt{ width:100%; height:50px; font-size:20px; font-weight:bold;}
.about-left .about-bt a{ color:#009260;}
.about-left .about-bt a span{ padding-left:8px; display:inline-block; font-weight:bold; color:#666666; font-family:Arial, Helvetica, sans-serif;}
.about-left .about-wz{ font-size:14px; height:128px; line-height:32px; overflow:hidden;}
.about-left .about-gd{ width:130px; display:block; font-size:16px; margin-top:30px; font-weight:bold;}
.about-left .about-gd:hover{ background:url(../image/more.png) no-repeat top right;transition: all .5s;}
.about-left .about-gd a{
	color: #333;transition: all 200ms;
}
.about-left .about-gd:hover a{
	color: #009260;
}
.about-right{ width:36%; height:auto; float:right;}
.about-right ul li{ width:48%; height:auto; padding:12px 0; float:left; text-align:center; background-color:#e3e3e3; margin:2% 0 0 2%;transition: all .5s;}
.about-right ul li i{ font-size:45px; color:#009260; font-weight:600;transition: all .5s;}
.about-right ul li span{ font-size:16px; line-height:30px; display:block;transition: all .5s;}
.about-right ul li:hover{ background:url(../image/jjbg.jpg) no-repeat center;}
.about-right ul li:hover i{ color:#ffffff;}
.about-right ul li:hover span{ color:#ffffff;}

.party-box{ width:100%; height:auto; background-color:#ffffff;}
.party{ width:100%; height:144px;}
.party img{ width:100%; height:144px;}

.news-box{ width:100%; height:auto; background-color:#ffffff;}
.news{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.news-left{ width:46%; height:auto; overflow:hidden; float:left;}
#owl-news { width: 100%; margin-left: auto; margin-right: auto;}
#owl-news .item{ display: block;}
#owl-news .item .tu{width: 100%;}
#owl-news .item .tu img{ width: 100%; height: 400px; vertical-align: middle;}
#owl-news .item .itemzi{ width:100%; height:auto; margin-top:25px;}
#tab .tab_box ul li{ border-bottom:1px solid #e5e5e5; padding:26px 0;}
#owl-news .item .itemzi .news-date{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#owl-news .item .itemzi .news-date span{ font-size:14px; color: #009260; text-transform:uppercase; padding-left:8px;}
#owl-news .item .itemzi .news-tit{ font-size:18px; height:40px; line-height:40px; overflow:hidden;}
#owl-news .item .itemzi .news-info{ font-size:14px; line-height:22px; color:#888888;}
#owl-news .item .itemzi .news-more{ font-size:14px; color:#888888; font-style:normal; padding-top:26px; display:block; text-transform:uppercase;}

.news-right{ width:50%; height:auto; overflow:hidden; float:right;}
#tab{width:100%;}
.news_bt{ width:100%; height:40px;}
.news_bt .about-bt{ height:40px; font-size:20px; font-weight:bold; float:left;}
.news_bt .about-bt a{ color:#009260;}
.news_bt .about-bt a span{ padding-left:8px; display:inline-block; font-weight:bold; color:#666666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#tab .tab_menu{ height:40px; float:left; margin-left:60px;}
#tab .tab_menu li{ float:left;width:100px;height:30px;line-height:30px;font-size:14px;text-align:center;}
#tab .tab_menu .selected{ width:100px;height:30px;line-height:30px;text-align:center; background-color: #009260; font-size:14px;}
#tab .tab_menu .selected a{ color: #fff;}
#tab .tab_box{width:100%;height:auto;clear:both;}
#tab .hide{display:none;}
#tab .tab_box ul li{ border-bottom:1px solid #e5e5e5; padding:24px 0;}
.tab_box ul li .news-date{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.tab_box ul li .news-date span{ font-size:14px; color: #009260; text-transform:uppercase; padding-left:8px;}
.tab_box ul li .news-tit{ font-size:18px; height:40px; line-height:40px; overflow:hidden;}
.tab_box ul li .news-info{ font-size:14px; height:18px; overflow:hidden; color:#888888;}
.tab_box ul li .news-more{ font-size:14px; font-style:normal; padding-top:14px; display:block; text-transform:uppercase;}
.tab_box ul li .news-more a{ color:#888888;}
.tab_box ul li .news-tit a:hover{color: #009260;transition: all ease .5s;}
.tab_box ul li .news-more a:hover{ color:#009260;transition: all ease .5s;}

.bussi-box{ width:100%; height:auto; background-color:#ffffff;}
.bussi{ width:100%; height:auto; overflow:hidden;}

.part-box{ width:100%; height:auto; background-color:#ffffff;}
.part{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.part-bt h3{ width:100%; height:50px; font-size:20px; font-weight:bold;}
.part-bt a{ color:#009260;}
.part-bt a span{ padding-left:8px; display:inline-block; font-weight:bold; text-transform:uppercase; color:#666666; font-family:Arial, Helvetica, sans-serif;}
#owl-part .item{ margin:0 3%; height:70px; background-color:#efefef; text-align:center; border:1px solid #e7e7e7;transition: all ease .5s;box-sizing: border-box;}
#owl-part .item:hover{border: 4px solid #009260;}
#owl-part .item img{ max-width:100%; padding:17px 0;height: 100%;
    box-sizing: border-box;}

.foot-box{ width:100%; height:auto; background-color:#222222;}
.foot{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.foot-left{ float:left; font-size:14px; line-height:26px; color:#a1a1a1;}
.foot-left span{ font-size:16px; font-family:Arial, Helvetica, sans-serif; display:block; color:#a1a1a1;}
.foot-left img{ padding-right:6px; vertical-align:middle;}
.foot-right{ float:right; text-align:right;}
.foot-right-u{ font-size:14px; line-height:26px; color:#a1a1a1;}
.foot-right-u a{ color:#a1a1a1; padding:0 8px;}
.foot-right-d{ font-size:14px; line-height:26px; color:#a1a1a1; padding-right:8px;}
.foot-right-d a{ font-size:14px; line-height:26px; color:#a1a1a1;}
.foot-right-u a:hover{ color:#ccc;}
.foot-right-d a:hover{ color:#ccc;}


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	bottom: 50px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #009360 url(../image/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #009360 url(../image/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #009360 url(../image/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #009360 url(../image/fixCont.png) no-repeat 0 -169px;
}
.hd_qr { margin-left:20px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}


@media screen and (max-width:1480px){

.common-width{ width:1000px;}

.about{ padding:30px 0;}
.news{ padding:30px 0;}
.part{ padding:30px 0 0 0;}
.foot{ padding:30px 0;}

#owl-demo .owl-item.active .banner-font{ width:400px; margin-top: 50px;}

#header {height: 80px}
.top{ width:1000px; height:80px; margin:0 auto;}
.top-nav{ height:80px; float:left; margin-left:10px;}
.top-box{ height:80px;}
.top{ height:80px;}
.top-logo{ width:250px; height:55px; padding-top:12px;}
.top-logo img{ width:250px; height:55px;}
.top-nav ul li.navitem { width: 78px; padding-top: 38px;}
.sousuo .sstu { top: 38px;}
.sskuang { top: 30px;}

.t_news { margin: 20px 0;}
.about-left { width: 60%;}
.party { height: auto;}
.party img { height:auto;}
#tab .tab_menu { margin-left: 30px;}
#owl-news .item .tu img { height:285px}
#tab .tab_box ul li { padding: 16px 0;}
.tab_box ul li .news-tit { font-size: 16px; height: 32px; line-height: 32px;}
.tab_box ul li .news-more { font-size: 12px; padding-top: 14px;}
#owl-news .item .itemzi .news-tit{ font-size:16px;}
.grid figure h2 i { height: 50px; font-size: 40px;}
.grid figure h2 span { font-size: 18px;}

}

@media screen and (max-width:1024px){
	
.common-width{ width:96%;}
#owl-demo .owl-item.active .banner-font{ width:350px; margin-top: 50px;}	
.top{ width:96%;}
#header {height: 70px}
.top-box{ height:70px;}
.top{ height:70px;}
.top-logo{ width:273px; height:60px; padding-top:5px;}
.top-logo img{ width:273px; height:60px;}

.top-nav{ display:none;}
#menu{ display:block;}

.phone_nav a
{
	display: block;
	width: 28px;
	height: 18px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}

.yb_conct{ display:none;}


}

@media screen and (max-width:767px){
	
.common-width{ width:90%;}
.top{ width:90%;}
#owl-demo .owl-item.active .banner-font{ width:160px; margin-top: 10px;}
.t_news { margin: 12px 0;}
.t_news b{ font-size:14px;}
.about-left { width: 100%;}
.about-right { width: 100%; margin-top:30px;}
.about-right ul li { margin: 1%;}
.party { height: auto;}	
.news-left { width: 100%;}
.news-right { width: 100%; margin-top:30px;} 
#tab .tab_menu { margin-left: 0;}
.foot-right{ display:none;}
.foot-left { width:100%; text-align: center;}
.about-left .about-bt { height: 40px; font-size: 18px;}
.about-left .about-wz { line-height: 26px; height:auto;}
#owl-news .item .itemzi .news-info { font-size: 12px;}
#owl-news .item .itemzi .news-tit { font-size: 14px;}
.news_bt .about-bt { font-size: 18px;}
.tab_box ul li .news-tit {font-size: 14px;}
.tab_box ul li .news-info {font-size: 12px;}
.part-bt h3 { height: 40px; font-size: 18px;}


}

@media only screen and (min-width:640px) and (max-width:768px) {
#header {height: 50px}
.top-box{ height:50px;}
.top{ height:50px;}
.top-logo{ width:228px; height:40px; padding-top:5px;}
.top-logo img{ width:228px; height:40px;}	

  
.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 20px;
	right: 25px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}

}

@media only screen and (min-width:480px) and (max-width:640px) {
#header {height: 40px}		
.top-box{ height:40px;}
.top{ height:40px;}
.top-logo{ width:137px; height:30px; padding-top:5px;}
.top-logo img{ width:137px; height:30px;}	
	
.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 15px;
	right: 10px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}

}
@media only screen and (min-width:400px) and (max-width:480px) {
#header {height: 40px}	
.top-box{ height:40px;}
.top{ height:40px;}
.top-logo{ width:137px; height:30px; padding-top:5px;}
.top-logo img{ width:137px; height:30px;} 

.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 13px;
	right: 10px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 6px 0;
}
	
}
@media only screen and (min-width:360px) and (max-width:400px) {
	
#header {height: 40px}		
.top-box{ height:40px;}
.top{ height:40px;}
.top-logo{ width:137px; height:30px; padding-top:5px;}
.top-logo img{ width:137px; height:30px;}
	
.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 15px;
	right: 10px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;

	margin: 5px 0;
}
	
	
}

@media only screen and (min-width:320px) and (max-width:360px) {
.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 19px;
	right: 10px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 4px 0;
}
	
}

@media only screen and (max-width:320px){

.phone_nav a
{
	display: block;
	width: 23px;
	height: 13px;
	position: absolute;
	top: 19px;
	right: 10px;
}
.phone_nav a:before,
.phone_nav a:after
{
	content: '';
	display: block;
	background: #fe0000;
	height: 2px;
}
.phone_nav a span
{
	background: #fe0000;
	display: block;
	height: 2px;
	margin: 4px 0;
}
html {
FILTER: gray;
-webkit-filter: grayscale(100%);
}
html {
FILTER: gray;
-webkit-filter: grayscale(100%);
}
html {
FILTER: gray;
-webkit-filter: grayscale(100%);
}
html {
FILTER: gray;
-webkit-filter: grayscale(100%);
}