/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background: #fff;}
.slick-dots .slick-active button {background: #f60;width: 48px;}
.banner .slick-arrow{width:73px;height:73px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;line-height: 140px;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../image/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../image/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.3;}
.banner:hover .slick-next{ right: 6%; opacity: 0.3;}
.banner .slick-arrow:hover{opacity: 0.8;}

.til01{text-align: center;color: #000;font-size:44px;line-height:68px;font-family: "Microsoft Yahei";clear: both;display: block; font-weight:bold;white-space: nowrap;padding: 0 0 30px;}
.til01 p{display: block;font-size:20px;line-height:44px;font-weight: normal;opacity: 0.8;}
.til01 b{color: #fe6902;}
.til01 a{color: #000;}


/*搜索*/
.seabox{height:50px;line-height:37px;font-size: 14px;font-family: "Microsoft Yahei";position: relative;background: #f6f6f6;padding:15px 0 0;}
.keyword{width:760px;color: #000;}
.keyword a{color:#666;display: inline-block;padding: 0 14px 0 6px;}
.keyword a:hover{color: #313742;}
.sea_inp{width:390px;height:33px;position: relative;z-index: 1;overflow: hidden;background: #fff;border: solid 2px #d5d5d5;}
.sea_inp .serach{width:320px;height:33px;border:0;background:none;line-height:33px;color:#666;float:left;outline: none;display: block;padding:0 0 0 22px;}
.sea_inp .sub{ width:48px; height:33px;float:left;cursor: pointer;display: block;background:url(../image/sea_ico.png) no-repeat 16px 8px;border: 0;text-indent: 190px;}

/*引子*/
.webox{font-size:16px;color: #666;line-height:28px;position: relative;z-index:2;padding:92px 0 0;height: 500px;overflow:hidden;}
.webox:before{content: "";position: absolute;width:30px;height:426px;background:url(../image/we_ico1.gif) no-repeat 0 0;top:92px;left:0;}
.webox_w{width:504px;position: relative;padding: 5px 0 0;}
.webox_w span{font-size:34px;color: #272727;line-height:100px;border-bottom: 1px solid #bdb9b8; font-weight: bold;}
.webox_w h2{font-size:34px;color: #272727;line-height:100px;border-bottom: 1px solid #bdb9b8;}
.webox_wc{padding: 28px 0 0;height: 198px;}
.webox_wc p{padding: 0 0 25px;}
.webox_wc b{color: #fe6902;}
.webox_p{margin-left: 45px;}
.webox_p p,.webox_p p img{width:602px;height: 428px;display: block;overflow: hidden;}

/*精益求精*/
.chara{clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:27px;position: relative;padding:78px 0 116px;z-index: 1;text-align: center;color: #000;background:url(../image/charabg.jpg) no-repeat center 0;}
.chara_c dl{float: left;width: 227px;margin:0 16px 0 0;height: 430px;background: #fff;box-sizing:border-box;border-bottom: 5px solid #fe6902;}
.chara_c dl.cur{background: #097c25;color: #fff;}
.chara_c dl:last-child{margin: 0;}
.chara_c dl:nth-child(2n){margin-top: 78px;}
.chara_c dt{background: #000;position: relative;width: 227px;height: 306px;overflow: hidden;}
.chara_c dt img{width: 227px;height: 306px;opacity: 0.7;}
.chara_c dt span{display: block;width: 227px;left: 0;top:142px;position: absolute;color: #fff;font-size: 24px;line-height: 32px;font-weight: bold;}
.chara_c dt span em{display: block;opacity: 0.6;font-weight: normal;font-size: 14px;line-height: 20px;}
.chara_c dd{padding: 22px 0 0;}
.chara_c dd b{display: block;}

/* 产品中心 */
.qs {
	background:no-repeat center top #f8f8f8;
	overflow: hidden;
}

.qs h3 {
	width: 789px;
	height: 58px;
	margin: 0 auto;
	font-size: 30px;
	color: #bd2327;
	text-align: center;
	line-height: 58px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-top: 45px;
}

.qs h4 {
	height: 150px;
	text-align: center;
	padding-top: 70px;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
	background: no-repeat center 301px;
}

.qs h4 span {
	color: #333;
	font-weight: bold;
}

.qs h4 a {
	color: #000000;
}

.qs h4 p {
	font-size: 20px;
	color: #666666;
}

.fen {
	height: 100%;
	width: 1300px;
	margin: 0 auto 62px;
	overflow: hidden;
}

.fen1 {
	height: 100%;
	border: 5px solid #097c25;
	border-bottom: border-top:2px solid #097c25;
	overflow: hidden;
}

.fen2 {
	width: 248px;
	overflow: hidden;
	height: 100%;
}

.fen2 dt {
	height: 92px;
	font: 24px "Microsoft Yahei";
	text-align: center;
	font-weight: bold;
	background: url(../image/fen_h.gif) no-repeat center top;
	overflow: hidden;
}

.fen2 dt a {
	color: #fff;
	display: block;
	padding-top: 20px;
}

.fen2 dt em {
	display: block;
	font: 12px "Microsoft Yahei";
	text-transform: uppercase;
	color: #fff;
}

.fen2 dd {
	width: 192px;
	height: 38px;
	font: 16px "Microsoft Yahei";
	overflow: hidden;
	margin: 15px auto 0;
	line-height: 38px;
	cursor: pointer;
	background: url(../image/fen_bg2.gif) no-repeat center top;
}

.fen2 dd a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	width: 140px;
	height: 85px;
	
}

.fen2 dd:hover {
	background: url(../image/fen_bg1.gif) no-repeat center top;
}

.fen3 {
	display:none;
	width: 192px;
	border-bottom: 1px dashed #d1d1d1;
	margin: 0 auto;
	padding: 10px 0 8px 0;
}

.fen3 h5 a {
	display: block;
	font: 14px "Microsoft Yahei";
	height: 35px;
	line-height: 35px;
	color: #333;
	padding-left: 10px;
}

.fen3 li a {
	display: block;
	font: 15px "Microsoft Yahei";
	color: #707070;
	line-height: 28px;
	height: 36px;
	overflow: hidden;
	background: url(../image/fen_jt.gif) no-repeat 10px 5px;
	padding-left: 32px;
}

.pro {
	width: 1050px;
	overflow: hidden;
	position: relative;
}

.pro h5 a {
	display: inline-block;
	font: 14px "Microsoft Yahei";
	text-transform: uppercase;
	color: #666;
	text-transform: uppercase;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 9px;
	right: 0;
}

.tit2 {
	height: 41px;
	overflow: hidden;
	background:repeat-x center bottom;
	overflow: hidden;
}

.tit2 li {
	font: 18px "Microsoft Yahei";
	height: 41px;
	overflow: hidden;
	float: left;
	width: 138px;
}

.tit2 li a {
	display: inline-block;
	color: #6666;
	padding: 0 0 0 26px;
	width: 112px;
	height: 41px;
}

.tit2 .li01 a {
	display: inline-block;
	background: no-repeat left 3px;
}

.tit2 .li01 a:hover,
.tit2 .li01.cur a {
	background: no-repeat left 3px;
	color: #097c25;
	font-weight: bold;
}

.tit2 .li02 a {
	background: no-repeat left 2px;
}

.tit2 .li02 a:hover,
.tit2 .li02.cur a {
	background:  no-repeat left 2px;
	color: #097c25;
	font-weight: bold;
}

.pro2 {
	height: 434px;
	overflow: hidden;
	margin-top: 30px;
}

.pro2 h3 {
	width: 610px;
	height: 398px;
	overflow: hidden;
	float: left;
	position: relative;
}

.pro2 h3 img {
	width: 610px;
	height: 398px;
}

.pro2 h3 p {
	width: 580px;
	height: 62px;
	overflow: hidden;
	padding-left: 30px;
	font: 14px "Microsoft Yahei";
	line-height: 62px;
	position: absolute;
	bottom: 0;
	left: 0;

}

.pro2 h3 p a {
	color: #fff;
}

.pro2 h3 span {
	display: inline-block;
	width: 277px;
	height: 48px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: 0;
}

.pro2 h3 span img {
	width: 117px;
	height: 32px;
	margin-right: 16px;
}

.pro2 ul {
	width: 281px;
	float: right;
}

.pro2 li {
	width: 281px;
	margin-bottom: 30px;
}

.pro2 li img {
	width: 269px;
	height: 172px;
	display: block;
}

.pro2 li a {
	width: 269px;
	height: 172px;
	padding: 5px;
	border: 1px solid #d1d1d1;
	display: block;
}

.pro2 li a:hover {
	border: 1px solid #097c25;
}

.tit3 {
	height: 100%;
	overflow: hidden;
}

.tit3 li {
	width: 320px;
	height: 300px;
	background: #fff;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	margin: 6px 4px;
}

.tit3 li img {
		width: 295px;
	margin-top: 20px;
}

.tit3 li p {
	width: 335px;
	height: 47px;
	overflow: hidden;
	font: 14px "Microsoft Yahei";
	line-height: 47px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #fff;
	background-color: #097c25;
}

.tit3 li p a {
	width: 335px;
	height: 47px;
	overflow: hidden;
	font: 14px "Microsoft Yahei";
	text-align: center;
	line-height: 47px;
	position: absolute;
	bottom: 0px;
	left: 0;
	color: #fff;
}

.tit3 li p em {
	display: inline-block;
	width: 130px;
	height: 22px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	right: -40px;
}

.tit3 li p img {
	width: 70px;
	height: 21px;
}


/*横幅*/
.zx{ background: url(../image/zx_bj.jpg) no-repeat center top; height: 230px; overflow: hidden;}

.zx_con{ position: relative; height: 230px; overflow: hidden;}
.zx_con p{top: 0;left: 0;position: absolute;font-size: 19px;color: #fff;text-align: center;width: 219px;height: 100px;overflow: hidden;background: #097c25;padding-top: 70px;}
.zx_con p span{ display: block; font-size: 26px; line-height: 34px; font-family: Arial, Helvetica, sans-serif;}
.zx_con p a{ width: 92px; height: 30px; margin: 20px auto 0; background: #fff; text-align: center; font: 14px/30px "思源黑体"; color: #181818; display: block;}



/*解决方案*/
.plan{clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:64px;position: relative;padding:78px 0 30px;z-index: 1;}
.plan_r{border: solid 1px #ccc;width: 278px;height: 458px;}
.plan_r li,.plan_r p{height: 65px;padding: 0 60px;position: relative;}
.plan_r li a,.plan_r p a{display: block;height: 63px;border-bottom: 1px solid #dbdbdb;padding: 0 0 0 18px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.plan_r li a:before{content: "";position: absolute;width:3px;height:3px;background:#737373;left: 2px;top:30px;border-radius: 1px;}
.plan_r p a{border: 0;}
.plan_r li:before{content: "";position: absolute;width:0;height:66px;background:#097c25;left:-1px;top:-1px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_r li.cur a,.plan_r li:hover a{color: #fff;border: 0;}
.plan_r li.cur:before,.plan_r li:hover:before{width: 280px;}
.plan_r li.cur a:before,.plan_r li:hover a:before{background:#fff;}
.plan_l{width:920px;overflow: hidden;}
.plan_lj,.plan_lj img{width: 613px;height: 460px;display: block;overflow: hidden;}
.plan_lp{width: 306px;}
.plan_lp p{margin-bottom: 1px;}
.plan_lp p, .plan_lp p img{width: 306px;height: 230px;display: block;overflow: hidden;}


/*横幅*/
.zz{ background: url(../image/zz_bj.jpg) no-repeat center top; height: 230px; overflow: hidden;}

.zz_con{ position: relative; height: 230px; overflow: hidden;}
.zz_con p{top: 0;left: 0;position: absolute;font-size: 19px;color: #fff;text-align: center;width: 219px;height: 100px;overflow: hidden;background: #097c25;padding-top: 70px;}
.zz_con p span{ display: block; font-size: 26px; line-height: 34px; font-family: Arial, Helvetica, sans-serif;}
.zz_con p a{ width: 92px; height: 30px; margin: 20px auto 0; background: #fff; text-align: center; font: 14px/30px "思源黑体"; color: #181818; display: block;}





/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:28px;font-size: 16px;position: relative;overflow: hidden;z-index: 1;color: #666;}
.edge:before{content: "";position: absolute;width:100%;height:2px;background:#f4f4f4;top:142px;left:0;z-index: -1;}

.edge1{height: 500px;display: block;overflow:hidden;}
.edge_p{height: 500px;display: block;width: 50%;}
.edge_w{width: 46.98%;}
.edge_wc{width:544px;padding: 68px 0 0;}
.edge_t{height: 123px;font-size: 28px;color: #2f2f2f;line-height: 41px;white-space: nowrap;}
.edge_t b{display: block;font-size: 38px;line-height: 57px;}
.edge_t span{float: left;width: 150px;}
.edge_wc li{position: relative;padding: 0 0 18px 30px;}
.edge_wc li:before{content: "";position: absolute;width:5px;height:5px;background:#fe6902;left: 8px;top:11px;border-radius:5px;}
.edge_more{clear: both;display: block;text-align: right;font-weight: bold;color: #fe6902;line-height: 55px;font-size: 18px;padding: 0 32px;}
.edge1:nth-child(3) .edge_more{text-align: left;}

/*流程*/
.tec_p{font-family:"Microsoft Yahei";line-height:30px;font-size: 16px;position: relative;color: #080808;background:url(../image/tec_pbg.jpg) no-repeat center 0;padding: 125px 0 0;height: 574px;text-align: center;}
.tec_pc{height: 270px;}
.tec_pc li{background:url(../image/tec_lbg1.png) no-repeat 0 0;width: 121px;float: left;margin-left: 25px;height: 121px;box-sizing:border-box;padding: 20px 0 0;}
.tec_pc li:first-child{margin-left: 0;}
.tec_pc li:nth-child(2n){margin-top: 73px;}
.tec_pc li b{display: none;width: 40px;height: 40px;margin: 0 auto;}
.tec_pc li em{display: block;padding: 10px 0 0;line-height: 30px;font-size: 20px;opacity: 0.5;}
.tec_pc li:hover,.tec_pc li.cur{background:url(../image/tec_lbg2.png) no-repeat 0 0;color: #fff;}
.tec_pc li:hover b,.tec_pc li.cur b{display: block;}
.tec_pc li:hover em,.tec_pc li.cur em{display: none;}
.tec_pho{height:65px;background:url(../image/tec_pho.png) no-repeat center 0;width: 540px;line-height: 65px;margin: 0 auto;}
.tec_pho span{width: 400px;font-weight: bold;font-size: 24px;display: inline-block;float: left;}
.tec_pho em{width: 140px;display: inline-block;}
.tec_pho em a{color: #fff;}



/*关于*/
/* .about{background: url(../image/about.png) no-repeat center bottom #f5f5f5;} */
.about{background-color: #f5f5f5;}
.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:31px;color: #5c5c5c;overflow: hidden;text-align: center;}
.about_w{height:260px;padding: 50px 40px;}
.show{height: 384px;line-height: 46px;}
.show_t{height: 59px;line-height: 39px;}
.show_t span,.show_t b{display: inline-block;width: 135px;height: 40px;border: solid 1px #dcdcdc;box-sizing:border-box;font-weight: normal;}
.show_t span a,.show_t b a{color: #3d3d3d;}
.show_t span.cur,.show_t b:hover{background: #097c25;border-color: #097c25;color: #fff;}
.show_t span.cur a,.show_t b:hover a{color: #fff;}
.show_c li{width: 293px;float: left;margin: 0 9px 0 0;}
.show_c li:last-child{margin: 0;}
.show_c li p{border: 1px solid #e3e3e3;}
.show_c li p,.show_c li p img{width: 291px;height: 218px;display: block;overflow: hidden;}
.show_c li span a{display: block;color: #666;}



/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height: 26px;font-size: 14px;clear: both;color: #333;padding:86px 0;position: relative;overflow: hidden;height: 689px;}
.nswsbox h3{font-size: 24px;line-height: 64px;color: #333;height: 64px;overflow: hidden;}
.nswsbox h3 a{color: #000;}
.nswsbox h3 span{float: right;font-weight: normal;font-size: 14px;text-transform: uppercase;font-family: Arial;}
.nswsbox h3 span a{color: #666;}
.faqs{width: 437px;height: 528px;overflow: hidden;font-size: 16px;}
.faqs_c li{height: 75px;line-height: 75px;margin-bottom: 1px;background: #f6f6f6;padding: 0 22px; overflow:hidden;}
.faqs_c li:hover{background: #097c25;}
.faqs_c li a{display: block;padding: 0 26px 0 19px;background:url(../image/ico01.png) no-repeat right center;position: relative;color: #000;}
.faqs_c li a:before,.news_c li a:before{content: "";position: absolute;width:5px;height:5px;left:0;top:33px;border-radius:100%;border: solid 2px #a9a9a9;}
.news_c li a:before{top: 21px;}
.news_c li:hover a{color: #097c25;}
.news_c li:hover a:before{background: #097c25;border-color: #097c25;}
.faqs_c li:hover a{background:url(../image/ico02.png) no-repeat right center;color: #fff;}
.faqs_c li:hover a:before{border-color: #fff;}
.news{width: 642px;height: 528px;overflow: hidden;}

.news_c dl{width: 310px;float: left;height: 300px;}
.news_c dl:nth-child(2){margin:0 0 0 20px;}
.news_c dt,.news_c dt img{width:310px;height:172px;display: block;overflow: hidden;}
.news_c dd h4{color: #333;display: block;font-size: 16px;height: 48px;line-height:48px;}
.news_c dd h4 a{color: #333;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd p a{color: #097c25;}
.news_c li{height: 52px;line-height: 52px;border-bottom: 1px solid #dcdcdc;overflow: hidden;font-size: 16px;}
.news_c li span{float: right;font-family: Arial;font-size: 12px;color: #888;}
.news_c li a{position: relative;padding: 0 0 0 22px;color: #333;width: 460px;float: left;}


/*友情链接*/
.link{height:0;line-height:60px;position: relative;z-index: 9;font-size: 14px;color: #fff;width: 1200px;margin: 0 auto;}
.link_c{position: absolute;height:60px;right: 0;top: -60px;overflow: hidden;width: 660px;text-align: right;}
.link a{display: inline-block;padding: 0 25px;opacity: 0.77;}
.link_c a:hover{text-decoration: underline;opacity: 1;}

.webox_p p img, .chara_c dt img, .plan_lj img, .plan_lp p img, .news_c dt img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_p p:hover img, .chara_c dl:hover dt img,.plan_lj:hover img, .plan_lp p:hover img, .news_c dl:hover dt img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}