﻿/*标题*/
.tit {text-align: center; }
.tit h3{font-size: 40px;color: #3ea63c;font-weight: bold;}
.tit p{font-size: 14px;color: #707070；}
.tit p:after{content: ".";width: 49px;height: 2px;background: #3ea63c;display: block;overflow: hidden;margin: 10px auto 0 auto;}
.whbg .tit, .whbg .tit h3{color: #3ea63c;}
.whbg .tit p:after{background: #fff;}


/*关于我们*/
.abg{width: 100%;overflow: hidden;background: url(img/abg.jpg) no-repeat center bottom #f8f7f7;height: 661px;}
.abg .w1200 .about{position: relative;height: 660px;padding-top: 1px;}
.abg .w1200 .about .apic{position: absolute;left: 0px;bottom: 0px;}
.abg .w1200 .about .apic a{display: block;line-height: 0px;transition: .5s;}
.abg .w1200 .about .apic a:hover{margin-left: 10px;}
.abg .w1200 .about .abox{width: 680px;margin-top: 55px;}
.abg .w1200 .about .abox p{font-size: 14px;color: #707070;line-height: 35px;text-align: left;text-indent: 28px;}
.abg .w1200 .about .abox p span{font-weight: bold;}
.abg .w1200 .about .abox a{font-size: 14px;color: #fff;background: #3ea63c;padding: 7px 30px;float: right;}
.abg .w1200 .about .abox a:hover{background: #ffc000;}
.abg .w1200 .about .athree{width: 685px;text-align: center;position: absolute;right: 0px;bottom: 30px;}
.abg .w1200 .about .athree dl{color: #fff;float: left;width: 33.3%;border-right: 1px solid #9dce9c;height: 81px;box-sizing: border-box;}
.abg .w1200 .about .athree dl:last-child{border: none;}
.abg .w1200 .about .athree dl dt{font-size: 20px;margin-top: 7px;}
.abg .w1200 .about .athree dl dd{font-size: 27px;}

/*模式*/
.msbg{width: 100%;height: 721px;background: url(img/msbg.jpg) no-repeat top center;overflow: hidden;}
.msbg .w1200{position: relative;display: block;padding-top: 251px;}
.msbg .w1200 .mstxt img{transition: .3s;}
.msbg .w1200 .mstxt img:hover{margin-left: 10px;}
.msbg .w1200 .msbox{width: 97px;height: 97px;position: absolute;}
.msbg .w1200 .msbox img{position: relative;transition: .7s;}
.msbg .w1200 .msbox:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.msbg .w1200 .msbox p{transition: .4s;}
.msbg .w1200 .msbox:hover p{padding-left: 5px;}
.msbg .w1200 .ms1{right: 0px;top: 160px;}
.msbg .w1200 .ms2{right: 183px;top: 186px;}
.msbg .w1200 .ms3{right: 335px;top: 226px;}
.msbg .w1200 .ms4{right: 493px;top: 298px;}
.msbg .w1200 .ms5{right: 633px;top: 390px;}
.msbg .w1200 .ms6{right: 762px;top: 506px;}
.msbg .w1200 .ms1 p{margin:8px 0 0 27px;}
.msbg .w1200 .ms2 p{margin:6px 0 0 36px;}
.msbg .w1200 .ms3 p{margin:8px 0 0 46px;}
.msbg .w1200 .ms4 p{margin:1px 0 0 67px;}
.msbg .w1200 .ms5 p{margin:-2px 0 0 66px;}
.msbg .w1200 .ms6 p{margin:-18px 0 0 90px;}
.msbg .w1200 .msbox p{font-size: 16px;color: #000;font-style: italic;width: 200px;overflow: hidden;float: left;}


/*产品*/
.bts{position: relative;cursor: pointer;}
.bt1{float: left;}
.bt2{float: right;}
.banner1 span{height: 159px;overflow: hidden;position: absolute;left: 0;right: 0;bottom: 40px;margin: auto;}
.banner1 span em{width: 159px;height: 159px;margin-right: 30px;float: left;border-radius: 50%;cursor: pointer;overflow: hidden;opacity: 0.5;box-shadow: 0 0 10px #000;}
.banner1 span em.class0{background: url(img/class0.png) no-repeat;}
.banner1 span em.class1{background: url(img/class1.png) no-repeat;}
.banner1 span em.class2{background: url(img/class2.png) no-repeat;}
.banner1 span em.class3{background: url(img/class3.png) no-repeat;}
.banner1 span em.act{opacity: 1;}


/*文化*/
.whbg{width: 100%;padding-top: 1px ;background: url(img/whbg.jpg) no-repeat top center;}
.whbg .whbox{margin-top: 55px;color: #fff;}
.whbg .whbox h3{font-size: 22px;font-weight: bold;}
.whbg .whbox p{font-size: 14px;height: 66px;overflow: hidden;line-height: 22px;padding: 40px 0 30px 0;}
.whbg .whbox a{color: #fff;}
.whbg .whbox a:hover{color: #fff;background: #ffc000;}
.whbg .whbox .fl{width: 350px;height: 249px;overflow: hidden;}
.whbg .whbox .fl img{transition: 2s;}
.whbg .whbox .fl img:hover{transform:scale(1.1,1.1);}
.whbg .whbox .whbox1, .whbg .whbox .whpic2, .whbg .whbox .whbox4{width: 500px;}
.whbg .whbox .whpic4{padding: 25px 0 0 90px;width: 259px;height: 223px;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.whbg .whbox .whbox1, .whbg .whbox .whbox2, .whbg .whbox .whbox3, .whbg .whbox .whbox4 {padding: 40px 30px;box-sizing: border-box;transition: .3s;}
.whbg .whbox .whbox1{background: url(img/whbox1.png);}
.whbg .whbox .whbox1:hover{background: #38ae21;}
.whbg .whbox .whbox3{background: url(img/whbox3.png);}
.whbg .whbox .whbox3:hover{background: #14ad60;}
.whbg .whbox .whbox2{background: url(img/whbox2.png);}
.whbg .whbox .whbox2:hover{background: #4dbaee;}
.whbg .whbox .whbox4{background: #f2f2f2;color: #343434;}
.whbg .whbox .whbox4:hover{background: #d2d2d2;}
.whbg .whbox .whbox4 a{color: #343434;}
.whbg .whbox .whbox4 a:hover{color: #fff;background: #ffc000;}
.lcbg{width: 100%;height: 262px;background: url(img/lcbg.png) no-repeat top center;}
.lcbg .w1200{position: relative;}
.lcbg dl {color: #3c3c43;float: left;position: absolute;}
.lcbg dl dt{font-size: 30px;font-family: "微软雅黑";}
.lcbg dl dd{font-size: 16px;margin-top: 25px;}
.lcbg dl.lc1{left: 35px;top: 15px;}
.lcbg dl.lc2{left: 330px;top: 15px;}
.lcbg dl.lc3{left: 620px;top: 15px;}
.lcbg dl.lc4{left: 932px;top: 15px;}
.lcbg dl.lc5{left: 105px;top: 152px;}
.lcbg dl.lc6{left: 442px;top: 152px;}
.lcbg dl.lc7{left: 757px;top: 152px;}
.lcbg dl.lc8{left: 1123px;top: 152px;}
.lcbg dl.lc8 dd{width: 360px;overflow: hidden;}


/*企业新闻*/
.nvbg{padding: 60px 0 54px 0;background: #f6f6f6}
.nvbg .bt{color: #717171;text-transform: uppercase;font-size: 14px;margin-bottom: 20px;}
.nvbg .bt h3{display: inline-block;font-size: 20px;font-weight: bold;}
.nvbg .nsub a{width: 123px;height: 40px;line-height: 40px;color: #fff;text-align: center;font-size: 16px;background: #3fa63d;display: block;float: left;}
.nvbg .nsub a:first-child{background: #318c30;}
.nvbg .nsub a:hover{background:#ffb400;}
.news{width: 700px;}
.news .m_newr dl{padding-bottom: 1px dashed #dadada;padding-top: 15px;transition: .5s;}
.news .m_newr .lastdl{border-bottom: none;}
.news .m_newr dt{width: 176px;float: left; margin-right: 14px;}
.news .m_newr dd{float: left;width: 500px;}
.news .m_newr dd h3{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;font-size: 14px;margin-bottom: 10px; white-space:nowrap; text-overflow:ellipsis;font-weight: bold;}
.news .m_newr dd h3 a{ color: #000000;transition: .4s;padding-left: 20px;background: url(img/wx.png) no-repeat left center;}
.news .m_newr dd h3 a:hover{ }
.news .m_newr dd p{font-size: 14px;color: #606060;line-height: 26px;height: 72px;overflow: hidden;}
.newslist{margin-top: 15px;}
.newslist dl {border-bottom: 1px solid #f0f0f0;line-height: 40px;transition: .3s;}
.newslist dl:hover{border-bottom: 1px solid #3fa63d;}
.newslist dl dt a:hover {color: #3fa63d;}
.newslist dl dt{float: left;font-size: 15px;padding-left: 20px;background: url(img/wx.png) no-repeat left center;}
.newslist dl dd{float: right;color: #969696;}

.henhao{
	display: none;
}


@media(max-width:1200px ){
	.abg {
	    width: 100%;
	    overflow: hidden;
	    background: url(img/abg.jpg) no-repeat center bottom #f8f7f7;
	    height: 137px;
	}
	.abg .w1200 .about {
	    position: relative;
	    height: 136px;
	    padding-top: 1px;
	}
	.sj{
		display: none;
	}
	.abg .w1200 .about .abox{
		width: 100%;
	}
	.abg .w1200 .about .abox a{
		float: none;
		margin: 0px auto;
		display: table;
	}
	.abg .w1200 .about .athree{
		width: 100%;
	}
	.news{
		width: 100%;
	}
	.zaik {
		display: none;
	}
	.zaik iframe{
		width: 100%;
	}
	.wangji{
		width: 100%;
		text-align: center;
		display: table;
	}
	.wangji img{
		display: inline;
		display: inline-block;
		margin: 0px auto;
	}
	.msbg .w1200 .msbox{
		width: 48%;
		margin: 1%;
		float: left;
		position: initial;
		display: table;
		text-align: center;
	}
	.msbg .w1200{
		padding-top: 30px;
		height: auto;
		display: table;
		padding-bottom: 30px;
	}
	.msbg{
		height: auto;
		display: table;
		padding-bottom: 20px;
	}
	.msbg .w1200 .msbox p {
	    font-size: 16px;
	    color: #000;
	    font-style: italic;
	    width: 100%;
	    text-align: center;
	    overflow: hidden;
	    float: none;
	}
	.msbg .w1200 .ms1 p,
	.msbg .w1200 .ms2 p,
	.msbg .w1200 .ms3 p,
	.msbg .w1200 .ms4 p,
	.msbg .w1200 .ms5 p,
	.msbg .w1200 .ms6 p {
	    margin: 0px;
	    margin-top: 10px;
	}
	.msbg .w1200 .msbox img{
		margin: 0px auto;
		display: inherit;
		display: inline-block;
	}
	.whbg .whbox .fl{
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.whbg .whbox .fl img{
		margin: 0px auto;
		display: inline;
		display: inline-block;
	}
	.whnull {
		display: none;
	}
	.whpic1,
	.whpic2,
	.whpic3{
		display: none;
	}
	.whbg .whbox .whpic4 {
	    padding:0;
	}
}
@media(max-width:960px ){
	.nvbg{
		display: none;
	}
	.henhao{
		display: block;
	}
}
@media(max-width:730px ){
	.news .m_newr dt {
    	display: none;
	}
	.news .m_newr dd {
	    float: left;
	    width: 100%;
	}
	.xiedai{
		display: none;
	}
}
@media(max-width:560px ){
	.tit h3 {
	    font-size: 28px;
	    color: #3ea63c;
	    font-weight: bold;
	}
	.tit p {
	    font-size: 12px;
	    color: #707070；;
	}
	.abg .w1200 .about .abox p {
	    font-size: 14px;
	    color: #707070;
	    line-height: 26px;
	    text-align: left;
	    text-indent: 28px;
	}
	.abg .w1200 .about .athree dl dt {
	    font-size: 18px;
	    margin-top: 7px;
	}
	.abg .w1200 .about .athree dl dd {
	    font-size: 22px;
	}
}
@media(max-width:400px ){
	.newslist dl dt a{
		font-size: 12px;
	}
	.msbg .w1200 .mstxt img {
	    width: 307px;
	    height: auto;
	}
}