锘?ody,  dl,  dd, ul, ol, li, h1, h2, h3, h4, h5, h6,p {margin: 0;padding: 0}
body{font-size: 14px;font-family: "Microsoft YaHei";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, ol { list-style: none;}
table { border-spacing: 0;border-collapse: collapse;}
img {border: 0;vertical-align: middle;}
 select {vertical-align: middle;font-size: 100%;line-height: 150%;font-family: arial, '\5FAE\8F6F\96C5\9ED1', sans-serif;}
a {text-decoration: none;}
input{outline: none;}




.clearfix:after{content: "";visibility: hidden;overflow: hidden;clear: both;display: block;}

header{width: 100%;height: 204px;}



.top{width: 100%;height: 30px;line-height: 30px;background-color: #f4f4f4;border-bottom: 1px solid #e3e3e3;}
.top .m{width: 1200px;height: 35px;margin: 0 auto;}
.top .m p {font-size: 12px;float: left;color: #8c8c8c;}
.top .m p strong{font-size: 14px;font-weight: normal;}
.top .m span {float: right;}
.top .m span a{color: #8c8c8c;font-size: 12px;}




.hc{width: 100%;height: 120px;}
.hcm{width: 1200px;height: 120px;margin: 0 auto;overflow: hidden;}
.hcm .logo {width: 130px;height: 120px;line-height: 120px;float: left;}

.hcm .tel{width: 261px;
    height: 120px;
    float: right;
        padding: 36px 0 0 50px;
    box-sizing: border-box;}
header .hcm .tel h2:first-child{font-size: 14px;color: #666666;}
header .hcm .tel h2:last-child{font-size: 24px;color: #01af40;font-weight: normal;}

.hcm .texts{float: left;
    margin-top: 35px;
    border-left: 1px solid #ccc;
    padding-left: 26px;}
.hcm .texts p:first-child{height: 30px;font-size: 18px;color: #01af40;font-weight: bold;}
.hcm .texts p:last-child{font-size: 16px;color: #686868;}


 .nav{width: 100%;height: 52px;background-color: #01af40;}
 .nav .navm{width: 1200px;height: 52px;margin: 0 auto;}

 .nav .navm li{float: left;height: 52px;text-align: center;line-height: 52px;}
 .nav .navm li:hover{background-color: #f8f141;}
  .nav .navm li:hover a{color: #000;}
 .nav .navm>ul>li>a{box-sizing: border-box;font-size: 16px; color: white;padding: 0 42px;}


/*
01af40
*/


.banner {
    width: 100%;
    margin: auto;
}

#full-screen-slider {
    width: 100%;
    height: 519px;
    float: right;
    position: relative;
}

#slides {
    display: block;
    width: 100%;
    height: 519px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

#slides li {
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
}

#slides li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}

#pagination {
    display: block;
    list-style: none;
    position: absolute;
    left: 48%;
    width: 120px;
    bottom: 3%;
    z-index: 9900;
    padding: 5px 0px 5px 0;
    margin-left: 0px !important;
}

#pagination li {
    display: block;
    list-style: none;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 15px;
    
    background: #FFF;
}

#pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
}

#pagination li.current {
    background: #c40505;
}

.clear00 {
    height: 0;
    overflow: hidden;
    clear: both;
}

/*search ?抽?????绱㈡??*/
/*
.search{
    height: 45px;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    
}
.search .search_re{
    width: 600px;
    height: 40px;
    float: left;
}
.search .search_re>ul>li{
    float: left;
    list-style: none;
    line-height: 38px;
    font-size: 14px;
    
}
.search .search_re>ul>li+li{
    margin-left: 15px;
}
.search .search_re>ul>li:nth-child(1){
    font-weight: bold;
    height: 38px;
    text-align: center;
    color: #494949;
}
.search .search_re>ul>li>a{
    display: block;
    font-size: 14px;
    line-height: 38px;
    height: 18px;
    color: #747474;
}
.search .search_box{
    width: 266px;
    height: 30px;
    text-align: center;
    float: right;
}
.search .swap_value {
    float: left;
    width: 225px;
    height: 30px;
    background: #fff;
    outline:none;
    font-size: 14px;
    margin-top: 7px;
    border: 1px solid #e8e8e8;
    border-right: 0;
}
.search .s_btn {
    float: left;
    margin-top: 7px;
    width: 40px;height: 33px;
    border:none;
    background-color: #01af40;
	color: #fff;
}
.M{
	    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
   
}
.mainw{  
	width: 1200px;
    margin: 0 auto;}
*/
/*search ?抽?????绱㈡?? end*/




.pro{height: 920px;
	overflow: hidden;
}
.pro .pro-title{
	height: 150px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 50px;
}
.pro .pro-title h2{font-family: 'Impact';font-size: 33px;color: #000;}
.pro .pro-title p{font-size: 24px;color: #01af40}

.proleft{
	float: left;
	width: 236px;
	height: 600px;

}

.proleft .klproduct{
	width: 100%;
	height: 90px;
	background-color: #01af40;
	/*text-align: center;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	    padding-left: 54px;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
}
.proleft .klproduct h2,
.proleft .klproduct p{color: #fff}

.proleft .klproduct h2{font-size: 24px;}
.proleft .klproduct p{font-size: 12px;}


.pronav{
	width: 100%;
	height:auto;
}
.pronav .pronavlist{
	height: 55px;	
	background:url(../images/probg.jpg) no-repeat center center;
}
.pronav .pronavlist a{font-size: 15px;color: #000;display: block;text-align: center;line-height: 55px;}

.proleft .hots{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0 27px;
	box-sizing: border-box;

	height: 150px;width: 100%;
	background-color: #01af40;border-radius: 0 0 8px 8px;}

.proleft .hots p:nth-child(1){
	font-size: 18px;
	color: #fff;
}
.proleft .hots p:nth-child(2){
	font-size: 18px;
	color: #fff;
	position: relative;
	    line-height: 45px;
}
.proleft .hots p:nth-child(2)::before{
	content: "";
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: -48px;
}

.proleft .hots p:nth-child(2)::after{
	content: "";
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    left: 79px;
}

.proleft .hots p:nth-child(3){
	font-size: 20px;
	padding-left: 29px;
	color: #fff;
	background: url(../images/desttel.png) no-repeat left center;

}


.proright{
	float: right;
	width: 940px;
	height: 100%;
	
}
.proright .products{
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	width: 293px;
	height: 330px;
	overflow: hidden;
	float: left;
	
}
.proright .products:nth-child(3n){margin-right: 0;}

.proright .products a{
	}

.proright .products .proimg{
	width: 290px;
    height: 273px;
    overflow: hidden;
    border: 2px solid #efefef;
    text-align: center;
	
}
.proright .products .protitle{
	height: 45px;
    text-align: center;
    width: 100%;
    line-height: 51px;
    font-size: 14px;
    color: #000;
}
.products .proimg img{
	transition: all .6s;
}
.products .proimg img:hover{
	transform: scale(1.05);
}

.coyoils{
	height: 167px;
	width: 100%;
	background: linear-gradient(#2fbb40, #e6ec41);
}

.coyoils .center{
	text-align: center;
	line-height: 160px;
}



.advantages{
	height: 1250px;
	overflow: hidden;
}
.adv-title{
	text-align: center;
	margin-top: 50px;

}
.adv-title p:nth-child(1){
	font-size: 48px;
	color: #ddd;
	font-family: "[CTFangSongSF]";
	height: 60px;
	line-height: 60px;
}
.adv-title h2{
	font-size: 28px;
	color: #000;
	height: 45px;
	line-height: 40px;
}
.adv-title p:nth-child(3){
	margin: 0 auto;
	font-size: 18px;
	color: #444;
	width: 415px;
	height: 30px;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

.adv-contain{
	display: flex;
	flex-wrap: wrap;
}

.adv-list{
	width: 599px;
	height: 331px;
	overflow: hidden;
}

 .list-content{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	box-sizing: border-box;
	padding: 50px 0 0 60px;
}
.list-content-count{
	width: 58px;
	height: 77px;
	background-color: #01af40;
	line-height: 77px;
	color: #fff;
	font-size: 44px;
	font-family: "Impact";
	text-align: center;
	margin-right: 20px;
}

.list-content-text{
	width: 454px;
}
.list-content-text h2{
	font-size: 24px;
	color:  #01af40;
	height: 34px;
}
.list-content-text p:nth-child(2){
	font-size: 12px;
	color: #686868;
	text-transform: uppercase;
	height: 38px;
	margin-bottom: 5px;
}
.list-content-text span{
	width: 55px;
	height: 3px;
	display: inline-block;
	background-color: #01af40;
	margin-bottom: 30px;
}

.list-content-text .tip{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	background: url(../images/tip.jpg) no-repeat left center;
	padding-left: 15px;
}


.about{
	height: 714px;
	background: linear-gradient(#2fbb40, #e6ec41);
}

.about-title {
	text-align: center;
	height: 120px;
	box-sizing: border-box;
	padding-top: 40px;
}
.about-title h2{
	font-size: 33px;
	font-family: "Impact";
	color: #fff;
}
.about-title p{
	font-size: 24px;
	color: #fff;
}

.about-text{
	width: 1200px;
	height: 360px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
}

.about-video{
	width: 600px;

}
.about-company{
	width: 600px;
}
.about-company h1{
	font-size: 20px;
	color: #000;
	height: 45px;
}
.about-company span{
	display: inline-block;
	width: 65px;
	height: 3px;
	background-color: #006db8;
}
.about-company p{
	font-size: 14px;
	line-height: 30px;
	color: #000;
	margin-top: 28px;
	margin-bottom: 28px;
}
.about-company a{
	width: 100px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
}
.about-company .details{
	background-color: #01af40;
	color: #fff;
}
.about-company .consulations{
	background-color: #f8f141;
	color: #000;
}

.about-center{
	position: relative;
}
.about-slide{
	width: 1200px;
	overflow: hidden;
	margin-top: 10px;
	position: relative;
}
.about-slide-container{
	width: 2000px;
	overflow: hidden;
}
.about-slide-container-list{
	float: left;
	width: 232px;
	height: 178px;
	overflow: hidden;
	margin-right: 10px;
}
.click-l a,.click-r a{
	color: #eaee41;
	font-size: 24px;
	font-weight: bold;
}


.click-l ,.click-r{
	width: 32px;
	height: 32px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	
}
.click-l{
	position: absolute;
	top: 85%;
	left: 0;
}
.click-r{
	position: absolute;
	top: 85%;
	right: 0;
}

.new{
	height: 510px;
	overflow: hidden;
}
.new-title{
	height: 135px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 40px;
}
.new-title  a h2{
	font-size: 33px;
	color: #000;
	font-family: "Impact";
	height: 37px;
}
.new-title p{
	font-size: 24px;
	color: #01af40;
}

.new-container{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.amd-new{
	width: 753px;
}
.problem-new{
	width: 400px;
}

.amd-new-nav{
	width: 100%;
	border:2px solid #01af40;
	height: 41px;
	position: relative;
	box-sizing: border-box;
	/*overflow: hidden;*/
}
.amd-new-nav a{
	height: 38px;
	width: 137px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #01af40;
	line-height: 45px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}
.amd-new-nav a:last-child{
	background-color: #272727;
	position: absolute;
	top: -2px;
	left: 137px;
	height: 41px;

}

.amd-new-list-tip{
	height: 188px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.amd-new-list-tip-img{
	width: 365px;
	margin-right: 25px;
	overflow: hidden;
}
.amd-new-list-tip-title{
	width: 362px;
	overflow: hidden;
}
.amd-new-list-tip-title h2{
	font-size: 18px;
	color: #000;
	white-space: normal;
	text-overflow: ellipsis;
	height: 24px;
	margin: 7px 0 20px 0;
	overflow: hidden;
}

.amd-new-list-tip-title  p{
	height: 80px;
	line-height: 25px;
	color: #000;
	overflow: hidden;
	margin-bottom: 14px;

}
.amd-new-list-tip-title a{
	color: #01af40;
}

.amd-new-list-text{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.amd-new-list-text-content{
	width: 360px;
}
.amd-new-list-text-content a{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.amd-new-list-text-content p{
	display: inline-block;
	height: 33px;
	line-height: 33px;
	width: 273px;
	overflow: hidden;
	color: #000;
	box-sizing: border-box;
	padding-left: 20px;
	background: url(../images/finger.png) no-repeat left center;

}
.amd-new-list-text-content span{
	display: inline-block;
	height: 33px;
	line-height: 33px;
	color: #000;

}

.amd-new-img{
	width: 392px;	
	height: 167px;
    margin-top: 15px;
}

.amd-new-languer h2{
    font-size: 18px;
    color: #000;
    height: 56px;
    line-height: 56px;
    overflow: hidden;
    padding-left: 25px;
    text-overflow: ellipsis;
    background: url(../images/problems.png) no-repeat center left;
}
.amd-new-languer p{
    font-size: 14px;
    color: #000;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
}

.friend{
    height: 51px;
    line-height: 51px;
    background-color: #f4f4f4;
}

.friend-center{

}

.friend-center ul{
    display: flex;
    flex-wrap: wrap;
}
.friend-center ul li:nth-child(1){
    font-size: 18px;
    color: #000;
}
.friend-center ul li a{
    padding: 0 8px;
    color: #000;
}

footer{
    height: 260px;
    overflow: hidden;
}
.footer-top{
    height: 200px;
    background-color: #484848;
}
.footer-bottom{
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background-color: #353535;
}

.ftop{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 30px;
}
.ftop dl{
    width: 135px;
    height: 142px;
    margin-right: 70px;
    border-right: 1px solid #8f8f8f;
    
}
.ftop dl dt{
    font-size: 18px;
    color: #fff;
    margin-bottom: 23px;

}
.ftop dl dd a{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    height: 24px;
}
.hot-tel{
    text-align: center;
    width: 250px;
}
.hot-tel p{
    font-size: 18px;
    color: #fff;
}
.hot-tel h2{
    font-size: 24px;
    color: #fff;
    margin:13px 0;
}
.hot-tel a{
    display: block;
    height: 32px;
    width: 130px;
    border: 2px solid #fff;
    border-radius: 20px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin:0 auto;
}

.code{
    width: 122px;
    text-align: center;
}
.code p{
    font-size: 14px;
    color: #fff;
    height: 25px;
    line-height: 25px;
}
.wrap{
width: 1200px;
    margin: 0 auto;
}