/* 网站背景 */
.bg-color{background-color: #fff;}
/* 头部 */
.head{background-color: #f2f2f3;height: 108px;}
.head .logo{width: calc(100% - 300px);float: left;display: flex;align-items: center;}
.head .logo .img{max-width: 202px;height: 108px;line-height: 108px;font-size: 0;overflow: hidden;}
.head .logo .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.head .logo .box{margin-left: 18px;padding-left: 18px;border-left: 1px solid #ccc;color: #666;line-height: 24px;}
.head .tel{text-align: center;float: right;padding-left: 54px;height: 108px;background-image: url(../images/tel.png);background-position: left center;background-repeat: no-repeat;display: flex;justify-content: center;flex-direction: column;}
.head .tel h4{color: #e95406;margin-bottom: 6px;}
.head .tel p{display: inline-block;position: relative;padding: 0 14px;color: #666;}
.head .tel p::before,
.head .tel p::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 10px;height: 1px;background-color: #666;}
.head .tel p::before{left: 0;}
.head .tel p::after{right: 0;}
/* 导航 */
.nav-bar{background-color: #0d6eb8;height: 50px;}
.nav-bar ul li{float: left;width: 11.11%;text-align: center;}
.nav-bar ul li a{display: block;line-height: 50px;color: #fff;font-size: 16px;transition: all 0.5s ease-in-out;}
.nav-bar ul li a:hover,
.nav-bar ul li.active a{background-color: #e95406;}
/* banner大图 */
.banner{width: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.banner .swiper-slide a{display: block;width: 100%;height: 500px;}
.banner .swiper-slide a img{width: 100%;height: 100%;object-fit: cover;}
.banner .banner-pagination{display: flex;justify-content: center;align-items: center;bottom: 20px;}
.banner .swiper-pagination-bullet{display: block !important;width: 8px;height: 8px;background-color: #ed8e14;margin: 0 4px;opacity: 1;border-radius: 50%;transition: all 0.5s ease-in-out;}
.banner .swiper-pagination-bullet-active{width: 30px;border-radius: 20px;}
.banner .online-form{position: absolute;top: 0;right: 50%;margin-right: -650px;width: 340px;padding: 0 40px;height: 500px;background-color: rgba(0,0,0,0.45);z-index: 1;}
.banner .online-form .top{color: #fff;margin: 40px 0 20px 0;}
.banner .online-form .top span{color: #e95406;}
.banner .online-form .tit{color: #fff;margin: 18px 0 12px 0;}
.banner .online-form .tit span{color: #e95406;}
.banner .online-form input,
.banner .online-form textarea{width: 100%;border: none;height: 35px;line-height: 35px;font-size: 14px;color: #999;background-color: #fff;border-radius: 5px;padding: 0 10px;box-sizing: border-box;}
.banner .online-form input::-webkit-input-placeholder,
.banner .online-form textarea::-webkit-input-placeholder{color: #999;}
.banner .online-form input:-moz-placeholder,
.banner .online-form textarea:-moz-placeholder{color: #999;}
.banner .online-form input::-moz-placeholder,
.banner .online-form textarea::-moz-placeholder{color: #999;}
.banner .online-form input:-ms-input-placeholder,
.banner .online-form textarea:-ms-input-placeholder{color: #999;}
.banner .online-form .yzm{position: relative;}
.banner .online-form .code{position: absolute;top: 0;right: 0;width: 112px;height: 35px;line-height: 35px;text-align: center;font-size: 0;border-radius: 5px;overflow: hidden;}
.banner .online-form .code img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.banner .online-form .btn-box{width: 184px;overflow: hidden;margin: 30px auto 0;}
.banner .online-form .btn-box a.btn{display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;background-color: #eb641d;color: #fff;font-size: 18px;border-radius: 5px;}
.banner .online-form .btn-box a.btn:hover{background-color: #0d6eb8;color: #fff;}
#main{overflow: hidden;}
/* 公共头部 */
#main .common{margin-bottom: 40px;}
#main .common .name{color: #000;font-size: 36px;}
#main .common .line{width: 60px;height: 2px;background-color: #e95406;margin: 12px auto 0;}
#main .common .txt{margin-top: 16px;color: #666;}
/* 服务 */
#main .service-main{padding: 70px 0;background-image: url(../images/servicebg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
#main .service-main .tixi{margin-bottom: 60px;}
#main .service-main .tixi li{width: 210px;height: 400px;position: relative;float: left;}
#main .service-main .tixi li.on{width: 670px;}
#main .service-main .tixi li .img,
#main .service-main .tixi li .txt,
#main .service-main .tixi li .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;}
#main .service-main .tixi li .img img{width: 100%;height: 100%;object-fit: cover;}
#main .service-main .tixi li .txt{background-color: rgba(0,0,0,0.35);text-align: center;padding: 0 10px;display: flex;justify-content: center;flex-direction: column;}
#main .service-main .tixi li .txt .icon{width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 0;overflow: hidden;margin: 0 auto;}
#main .service-main .tixi li .txt .icon img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .service-main .tixi li .txt .tit{color: #fff;margin-top: 25px;}
#main .service-main .tixi li.on .txt{opacity: 0;}
#main .service-main .tixi li .box{opacity: 0;background-color: #fff;background: linear-gradient(-90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);}
#main .service-main .tixi li.on .box{opacity: 1;}
#main .service-main .tixi li .box .con{width: 430px;float: right;margin-right: 35px;margin-top: 30px;}
#main .service-main .tixi li .box .con .top{border-bottom: 2px solid #dcdcdc;margin-bottom: 5px;line-height: 46px;}
#main .service-main .tixi li .box .con .top .tit{position: relative;padding-right: 16px;z-index: 1;}
#main .service-main .tixi li .box .con .top .tit::before{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: #e95406;}
#main .service-main .tixi li .box .con .top a{color: #666;font-size: 14px;}
#main .service-main .tixi li .box .con .top a:hover{color: #e95406;}
#main .service-main .tixi li .box .con .list{min-height: 180px;}
#main .service-main .tixi li .box .con .list .tit{line-height: 60px;padding-left: 14px;width: calc(50% - 14px);float: left;position: relative;}
#main .service-main .tixi li .box .con .list .tit::before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 5px;height: 5px;background-color: #e95406;}
#main .service-main .tixi li .box .con .bottom{margin-top: 50px;display: flex;align-items: center;}
#main .service-main .tixi li .box .con .bottom .more{width: 140px;height: 42px;line-height: 42px;text-align: center;color: #e95406;border: 1px solid #e95406;margin-right: 44px;}
#main .service-main .tixi li .box .con .bottom .more:hover{background-color: #e95406;color: #fff;}
#main .service-main .tixi li .box .con .bottom .tel{padding-left: 58px;height: 44px;background-image: url(../images/service-tel.png);background-position: left center;background-repeat: no-repeat;display: flex;justify-content: center;flex-direction: column;}
#main .service-main .tixi li .box .con .bottom .tel h4{color: #e95406;margin-bottom: 6px;}
#main .service-main .tixi li .box .con .bottom .tel p{color: #666;}
/* 弹窗留言 */
#HBox .online-form1{overflow: hidden;margin: 40px 20px 20px 20px;}
#HBox .online-form1 input,
#HBox .online-form1 textarea{float: left;display: block;width: 340px;padding: 0 9px;height: 40px;line-height: 40px;border: 1px solid #ededed;margin-bottom: 13px;font-size: 14px;color: #323232;}
#HBox .online-form1 input.code{width: 200px;}
#HBox .online-form1 a{display: block;}
#HBox .online-form1 a.code{float: right;height: 42px;max-width: 130px;line-height: 42px;font-size: 0;text-align: center;}
#HBox .online-form1 a.code img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
#HBox .online-form1 .btn-box{float: left;width: 100%;overflow: hidden;}
#HBox .online-form1 .btn-box a.btn{display: block;width: 265px;height: 42px;text-align: center;line-height: 42px;background: #0d6eb8;color: #fff;margin: 0 auto;}
#HBox .online-form1 .btn-box a.btn:hover{background: #e95406;}
/* 重点服务 */
#main .zhongdian{margin: 0 -13px;}
#main .zhongdian li{float: left;width: 354px;margin: 0 13px;background-color: #fff;border: 1px solid #dcdcdc;padding: 30px;}
#main .zhongdian li .box{display: flex;justify-content: space-between;align-items: center;}
#main .zhongdian li .box .con{width: calc(100% - 70px);line-height: 1;}
#main .zhongdian li .box .con .tit{color: #000;font-size: 20px;}
#main .zhongdian li .box .con .tags{color: #666;font-size: 14px;margin-top: 18px;}
#main .zhongdian li .box .img{width: 60px;height: 60px;line-height: 60px;text-align: right;font-size: 0;overflow: hidden;}
#main .zhongdian li .box .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .zhongdian li .more{display: flex;margin-top: 30px;}
#main .zhongdian li .more a{width: 98px;height: 28px;line-height: 28px;text-align: center;font-size: 12px;color: #999;border: 1px solid #dcdcdc;margin-right: 15px;}
#main .zhongdian li .more a:hover{background-color: #e95406;border-color: #e95406;color: #fff;}
/* 服务优势 */
#main .youshi-main{padding: 60px 0;background-image: url(../images/youshibg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .youshi-main .common .name,
#main .youshi-main .common .txt{color: #fff;}
#main .youshi-main .img{float: left;width: 660px;height: 400px;overflow: hidden;}
#main .youshi-main .img img{width: 100%;height: 100%;object-fit: cover;}
#main .youshi-main .box{float: right;width: 680px;margin-left: -40px;margin-top: 30px;}
#main .youshi-main .box .hd ul{display: flex;justify-content: center;align-items: center;}
#main .youshi-main .box .hd ul li{text-align: center;width: 164px;height: 58px;line-height: 58px;color: #fff;font-size: 20px;border-top: 2px solid transparent;font-weight: 700;position: relative;}
#main .youshi-main .box .hd ul li::before{content: '';position: absolute;top: 50%;left: -1px;transform: translateY(-50%);width: 1px;height: 25px;background-color: #fff;}
#main .youshi-main .box .hd ul li.on{background-color: #fff;color: #000;border-color: #e95406;}
#main .youshi-main .box .hd ul li:first-child::before,
#main .youshi-main .box .hd ul li.on::before{display: none;}
#main .youshi-main .box .bd{background-color: #fff;padding: 40px 60px;min-height: 200px;}
#main .youshi-main .box .bd .con{color: #666;font-size: 18px;line-height: 30px;}
/* 客户咨询案例 */
#main .case-main{background-color: #fff;padding-top: 80px;}
#main .case-main .common .txt span{color: #e95406;}
#main .case-main .list{position: relative;}
#main .case-main .list .swiper-slide a{display: block;width: 100%;height: 315px;position: relative;overflow: hidden;}
#main .case-main .list .swiper-slide a .img,
#main .case-main .list .swiper-slide a .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .case-main .list .swiper-slide a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .case-main .list .swiper-slide a .box{background-color: rgba(0,0,0,0.3);padding: 0 35px;box-sizing: border-box;line-height: 1;}
#main .case-main .list .swiper-slide a .box .icon{margin-top: 200px;width: 45px;height: 45px;line-height: 45px;font-size: 0;overflow: hidden;}
#main .case-main .list .swiper-slide a .box .icon img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .case-main .list .swiper-slide a .box .tit{color: #fff;font-size: 20px;margin-top: 14px;}
#main .case-main .list .swiper-slide a:hover .img img{transform: scale(1.1);}
#main .case-main .list .case-next,
#main .case-main .list .case-prev{width: 30px;height: 60px;transform: translateY(-50%);margin-top: 0;background-size: 9px 25px;}
#main .case-main .list .case-prev{background-image: url(../images/case-left.png);left: -70px;}
#main .case-main .list .case-next{background-image: url(../images/case-right.png);right: -70px;}
#main .case-main .list .case-prev:hover,
#main .case-main .list .case-next:hover{background-color: #e95406;}
#main .case-main .list .case-prev:hover{background-image: url(../images/case-leftH.png);}
#main .case-main .list .case-next:hover{background-image: url(../images/case-rightH.png);}
/* 主要客户 */
#main .kehu-main{background-color: #fff;padding: 60px 0;}
#main .kehu-main .warpper{display: flex;justify-content: space-between;align-items: center;}
#main .kehu-main .top{width: 330px;}
#main .kehu-main .top .common{text-align: left;}
#main .kehu-main .top .common .line{margin: 12px 0 0 0;}
#main .kehu-main .top .more{display: block;width: 140px;height: 42px;line-height: 42px;text-align: center;font-size: 18px;color: #e95406;border: 1px solid #e95406;margin-top: 70px;}
#main .kehu-main .top .more:hover{background-color: #e95406;color: #fff;}
#main .kehu-main .list{width: calc(100% - 390px);padding-left: 55px;border-left: 1px solid #dcdcdc;}
#main .kehu-main .list li{float: left;width: 25%;}
#main .kehu-main .list li a{display: block;padding: 15px;height: 70px;line-height: 70px;text-align: center;font-size: 0;overflow: hidden;}
#main .kehu-main .list li a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .kehu-main .list li a:hover img{transform: scale(1.1);}
/* 关于合壹共创 */
#main .company-main{padding: 70px 0;background-image: url(../images/companybg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .company-main .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
#main .company-main .top .name{color: #000;font-size: 20px;padding-left: 14px;line-height: 25px;border-left: 2px solid #e95406;}
#main .company-main .top .more{color: #666;font-size: 12px;}
#main .company-main .top .more:hover{color: #e95406;}
#main .company-main .gsjj{float: left;width: 415px;}
#main .company-main .gsjj .img{width: 100%;height: 142px;overflow: hidden;}
#main .company-main .gsjj .img img{width: 100%;height: 100%;object-fit: cover;}
#main .company-main .gsjj .txt{color: #333;font-size: 16px;line-height: 1.6;margin-top: 10px;text-align: justify;}
#main .company-main .news{float: left;width: 415px;margin-left: 27px;}
#main .company-main .news .list li{margin-bottom: 16px;}
#main .company-main .news .list li:last-child{margin-bottom: 0;}
#main .company-main .news .list li a{display: block;width: 100%;height: 141px;position: relative;overflow: hidden;}
#main .company-main .news .list li a .img,
#main .company-main .news .list li a .box{position: absolute;bottom: 0;left: 0;width: 100%;}
#main .company-main .news .list li a .img{height: 100%;}
#main .company-main .news .list li a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .company-main .news .list li a .box{height: 60px;padding: 0 18px;line-height: 1;background-color: rgba(0,0,0,0.5);box-sizing: border-box;display: flex;justify-content: center;flex-direction: column;}
#main .company-main .news .list li a .box .tit{color: #fff;font-size: 16px;}
#main .company-main .news .list li a .box .time{color: #fff;font-size: 12px;margin-top: 10px;}
#main .company-main .news .list li a:hover .img img{transform: scale(1.1);}
#main .company-main .honor{float: right;width: 415px;}
#main .company-main .honor .list{background-color: #fff;padding: 25px;position: relative;min-height: 260px;}
#main .company-main .honor .list .swiper-slide a{display: block;width: 100%;height: 240px;line-height: 240px;text-align: center;font-size: 0;overflow: hidden;}
#main .company-main .honor .list .swiper-slide a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .company-main .honor .list .honor-pagination{display: flex;justify-content: center;align-items: center;bottom: 15px;left: 50%;transform: translateX(-50%);}
#main .company-main .honor .list .swiper-pagination-bullet{display: block !important;width: 10px;height: 10px;background-color: #bfbfbf;margin: 0 10px;opacity: 1;border-radius: 50%;transition: all 0.5s ease-in-out;}
#main .company-main .honor .list .swiper-pagination-bullet-active{background-color: #e95406;}
/* 网站底部 */
.footertop{background-color: #161616;padding: 30px 0;}
.footertop .logo{width: 360px;height: 90px;line-height: 90px;font-size: 0;float: left;}
.footertop .logo img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.footertop .wechat{float: left;display: flex;min-width: 310px;border-right: 1px solid #454545;}
.footertop .wechat .ewm{display: flex;margin-right: 22px;}
.footertop .wechat .ewm .name{width: 30px;height: 90px;background-color: #393939;color: #ccc;font-size: 14px;line-height: 30px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: bt-rl;writing-mode: vertical-rl;text-align: center;}
.footertop .wechat .ewm .img{width: 86px;height: 86px;padding: 2px;line-height: 86px;text-align: center;font-size: 0;overflow: hidden;background-color: #fff;}
.footertop .wechat .ewm .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.footertop .tel{float: left;width: 370px;margin-left: 38px;line-height: 1;}
.footertop .tel h3{color: #fff;font-size: 14px;font-weight: 700;}
.footertop .tel p{color: #999;font-size: 14px;margin: 10px 0 22px 0;}
.footertop .tel h4{color: #fff;font-size: 30px;font-weight: 700;}
.footertop .more{float: right;width: 163px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;border: 1px solid #fff;margin-top: 26px;}
.footertop .more:hover{background-color: #fff;color: #e95406;}
.footer{padding: 30px 0;background-color: #282828;}
.footer .list li{width: 16%;float: left;}
.footer .list li:last-child{width: 20%;}
.footer .list li .tit{color: #fff;line-height: 1;margin-bottom: 20px;font-size: 18px;}
.footer .list li .box a,
.footer .list li .box p{font-size: 16px;color: #999;line-height: 1.5;padding: 6px 0;display: block;transition: all 0.5s ease-in-out;}
.footer .list li .box a:hover{color: #e95406;}
.footer .list li .box p{padding-left: 30px;background-position: left center;background-repeat: no-repeat;}
.footer .list li .box p.add{background-image: url(../images/footer-add.png);}
.footer .list li .box p.email{background-image: url(../images/footer-email.png);}
.footer2{background-color: #282828;border-top: 1px solid rgba(255,255,255,0.1);padding: 20px 0;text-align: center;color: #9c9b9b;font-size: 16px;line-height: 2;}
.footer2 a{color: #9c9b9b;}
.footer2 a:hover{color: #e95406;}
.footer2 a img{display: inline-block;}



.pro-sider{
	float: left;
	width: 260px;
}
.pro-sider .in-title{
	background: #0d6eb8;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 2px;
}
.pro-sider .pro-sider-ul{
    margin-bottom: 25px;
}
.pro-sider .pro-sider-ul .ul-li a{
    display: block;
    box-sizing: border-box;
    padding: 0px 20px;
    line-height: 55px;
    margin-bottom: 2px;
    background: #ececeb;
	position: relative;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.pro-sider .pro-sider-ul .ul-li a::before,
.pro-sider .pro-sider-ul .ul-li a::after{
	content: '';
	display: block;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
}
.pro-sider .pro-sider-ul .ul-li a::before{
	width: 2px;
	height: 12px;
	right: 29px;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.pro-sider .pro-sider-ul .ul-li a::after{
	width: 12px;
	height: 2px;
	right: 24px;
}
.pro-sider .pro-sider-ul .ul-li a h2{
	width: 200px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li a.active{
	background-color: #0d6eb8;
}
.pro-sider .pro-sider-ul .ul-li:hover a::before,
.pro-sider .pro-sider-ul .ul-li a.active::before{
	opacity: 0;
}
.pro-sider .pro-sider-ul .ul-li:hover a h2,
.pro-sider .pro-sider-ul .ul-li a.active h2{
	color: #fff;
}
.pro-sider .pro-sider-ul .ul-li .erji{
	display: none;
	overflow: hidden;
}
.pro-sider .pro-sider-ul .ul-li .erji a{
	display: block;
	height: 54px;
	border-bottom:1px solid #ececeb;
	border-left: 1px solid #ececeb;
	border-right: 1px solid #ececeb;
	box-sizing: border-box;
	padding:0px 25px 0px 40px;
	color: #666;
	line-height: 54px;
	background-color: #fff;
	margin-bottom: 0;
}
.pro-sider .pro-sider-ul .ul-li .erji a::before,
.pro-sider .pro-sider-ul .ul-li .erji a::after{
	display: none;
}
.pro-sider .pro-sider-ul .ul-li .erji a p{
	float: left;
	font-size: 14px;
	width: 158px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li .erji a span{
	float: right;
	width: 15px;
	font-size: 20px;
	text-align: right;
}
.pro-sider .pro-sider-ul .ul-li .erji a:hover,
.pro-sider .pro-sider-ul .ul-li .erji a.active{
	color: #0d6eb8;
}
.pro-sider .contact-box{
	border: 1px solid #ececeb;
	box-sizing: border-box;
	padding: 6px;
}
.pro-sider .contact-box img{
	margin-bottom: 10px;
	width: 100%;
}
.pro-sider .contact-box p{
	color: #333;
	font-size: 14px;
	line-height: 26px;
	padding: 5px 0;
}
.pro-sider .contact-box p a{
	color: #333;
}
.pro-sider .contact-box p span{
	display: block;
	font-size: 22px;
	line-height: 36px;
	color: #0d6eb8;
	font-weight: bold;
}











.m-column-t{



	position: relative;



	text-align: center;



	font-size: 0;



}



.m-column-t .center{



	display: inline-block;



	font-size: 0;



}



.m-column-t .center h3{



	color: #333;



	font-size: 30px;



}



.m-column-t .center p{



	color: #d2d2d2;



	font-size: 30px;



}



.m-column-t span{



	position: absolute;



	width: 415px;



	top: 50%;



	margin-top: -5px;



	height: 5px;



	border-bottom: 1px solid #d2d2d2;



	z-index: 1;



}



.m-column-t span.mcl{



	left: 0;



}



.m-column-t span.mcl em{



	float: right;



}



.m-column-t span.mcr{



	right: 0;



}



.m-column-t span em{



	display: block;



	height: 11px;



	border-left: 1px solid #d2d2d2;



}



.textLine{



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 2;



	-webkit-box-orient: vertical;



}



.textLine3{



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-line-clamp: 3;



	-webkit-box-orient: vertical;



}



.textHidden{



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



.domHidden{



	overflow: hidden;



}



.about-main{



	padding: 20px 0 70px;



	min-height: 170px;



}



.about-main .ab-content{



	float: right;



	width: 925px;



}



.about-main .ab-content .title{



	line-height: 50px;



}



.about-main .ab-content .title a{



	color: #333;



	padding: 0 5px;



}



.about-main .ab-content .title span.icon-home{



	color: #535353;



}



.about-main .ab-content .title em{



	color: #999;



}



.about-main .ab-content .ab-conBox{



	overflow: hidden;



	background: #fff;



	min-height: 55px;



	padding: 30px 45px 40px;



}



.about-main .ab-content .ab-conBox .de-title{



	text-align: center;



	font-size: 20px;



	color: #333;



	line-height: 25px;



	margin-bottom: 8px;



}



.about-main .ab-content .ab-conBox .sub-co{



	font-size: 14px;



	color: #999;



	text-align: center;



	line-height: 18px;



}



.about-main .ab-content .ab-conBox .ab-detail{



	overflow: hidden;



	margin-top: 30px;



	font-size: 14px;



	color: #777373;



	line-height: 25px;



}



.ab-sild{



	float: left;



	width: 260px;



}



.ab-sild .title{



	position: relative;



	height: 50px;



	text-align: center;



	background: #f3c04b;



	font-size: 16px;



	line-height: 50px;



	color: #fff;



	border-bottom: 1px solid #fff;



}



.ab-sild .title span{



	position: absolute;



	height: 3px;



	width: 30px;



	top: 50%;



	margin-top: -3px;



	border-bottom: 1px solid #fff;



}



.ab-sild .title span em{



	display: block;



	height: 7px;



	border-left: 1px solid #fff;



}



.ab-sild .title span.stl{



	left: 35px;



}



.ab-sild .title span.stl em{



	float: right;



}



.ab-sild .title span.str{



	right: 35px;



}



.ab-sild .sild-cate{



	background: #fff;



	margin-bottom: 20px;



}



.ab-sild .sild-cate .list{



	overflow: hidden;



}



.ab-sild .sild-cate .list li{



	position: relative;



	border-bottom: 1px solid #eee;



	height: 60px;



	line-height: 60px;



}



.ab-sild .sild-cate .list li a{



	display: block;



	padding-right: 35px;



	font-size: 14px;



	color: #333;



	padding-left: 20px;



}



.ab-sild .sild-cate .list li:last-child{



	border-bottom: none;



}



.ab-sild .sild-cate .list li:hover{



	border-color: #f3c04b;



	background: #f3c04b;



}



.ab-sild .sild-cate .list li:hover a{



	color: #fff;



}



.ab-sild .sild-cate .list li:hover:after{



	color: #fff;



}



.ab-sild .sild-cate .list li:after{



	font-weight: bold;



	right: 20px;



	top: 0;



	color: #999;



	position: absolute;



	content: "\e904";



	font-family: 'icomoon' !important;



}



.ab-sild .sild-cont{



	background: #fff;



}



.ab-sild .sild-cont .cont-list{



	padding: 20px;



}



.ab-sild .sild-cont .cont-list ul li{



	color: #333;



	padding: 5px 0;



	padding-left: 60px;



	font-size: 14px;



}



.ab-sild .sild-cont .cont-list ul li span{



	width: 60px;



	margin-left: -60px;



	display: block;



	height: 20px;



	line-height: 20px;



	float: left;



	color: #666;



}



.pro-center{



	background: #fff;



	padding-bottom: 25px;



}



.pro-center .pro-list{



	overflow: hidden;



	padding: 25px 18px 10px;



}



.pro-center .pro-list ul li{



	float: left;



	width: 200px;



	margin: 0 10px 20px;



	border: 1px solid #fff;



}



.pro-center .pro-list ul li:hover{



	border-color: #f3c04b;



}



.pro-center .pro-list ul li .img{



	overflow: hidden;



	width: 200px;



	height: 200px;



	line-height: 200px;



	text-align: center;



	font-size: 0;



	background: #eee;



}



.pro-center .pro-list ul li .img img{



	display: inline-block;



	vertical-align: middle;



	max-width: 100%;



	max-height: 100%;



}



.pro-center .pro-list ul li .title{



	background: #f7f8fc;



	height: 40px;



	line-height: 40px;



	padding: 0 5px;



	text-align: center;



	font-size: 14px;



	font-weight: bold;



	color: #333;



}



.pro-center .pro-list ul li .title:hover{



	color: #f3c04b;



}



.page{



	font-size: 0;



	text-align: center;



}



.page .center{



	display: inline-block;



	overflow: hidden;



}



.page .center .page-span{



	float: left;



	font-size: 14px;



	color: #c3c3c3;



	line-height: 32px;



	margin-right: 30px;



}



.page .center .page-list{



	float: left;



	overflow: hidden;



}



.page .center .page-list ul li{



	float: left;



	width: auto;



	min-width: 30px;



	height: 32px;



	text-align: center;



	line-height: 30px;



	font-size: 14px;



	margin: 0 4px;



	padding: 0;



	border: none;



	background: transparent;



}



.page .center .page-list ul li a{



	min-width: 20px;



	padding: 0 5px;



	border: 1px solid #eee;



	display: block;



	color: #333;



	border-radius: 4px;



	-webkit-border-radius: 4px;



	overflow: hidden;



	background: #fff;



}



.page .center .page-list ul li:hover a{



	color: #f3c04b;



}



.page .center .page-list ul li.active a{



	background: #f3c04b;



	color: #fff;



}



.news-center{



	background: #fff;



	padding-bottom: 25px;



}



.news-center .new-list{



	padding: 45px 45px 0px;



}



.news-center .new-list ul li{



	margin-bottom: 35px;



	border-bottom: 1px solid #eee;



}



.news-center .new-list ul li a{



	overflow: hidden;



	display: block;



	height: 90px;



	padding-bottom: 30px;



}



.news-center .new-list ul li a .img{



	float: left;



	width: 130px;



	height: 90px;



	background: #eee;



	line-height: 90px;



	font-size: 0;



	text-align: center;



}



.news-center .new-list ul li a .img img{



	display: inline-block;



	vertical-align: middle;



	max-width: 100%;



	max-height: 100%;



}



.news-center .new-list ul li a .info{



	float: right;



	width: 690px;



}



.news-center .new-list ul li a .info h3{



	font-size: 14px;



	font-weight: bold;



	line-height: 24px;



	color: #333;



}



.news-center .new-list ul li a .info em{



	display: block;



	font-size: 12px;



	color: #999;



	line-height: 16px;



	margin-bottom: 10px;



}



.news-center .new-list ul li a .info p{



	font-size: 14px;



	line-height: 22px;



	color: #999;



	max-height: 44px;



	overflow: hidden;



}



.news-center .new-list ul li a:hover h3{



	color: #f3c04b;



}



.message-c{



	background: #fff;



	padding: 40px 50px;



	overflow: hidden;



}



.message-c .p{



	font-size: 16px;



	line-height: 30px;



	color: #666;



	margin-bottom: 35px;



}



.message-c .from input{



	display: block;



	height: 38px;



	line-height: 38px;



	padding: 0 5px;



	border: 1px solid #d2d2d2;



	margin-bottom: 10px;



	font-size: 14px;



	color: #333;



}



.message-c .from input[name=user],



.message-c .from input[name=phone]{



	width: 348px;



}



.message-c .from textarea{



	font-size: 14px;



	color: #333;



	line-height: 20px;



	display: block;



	width: 728px;



	height: 130px;



	border: 1px solid #d2d2d2;



	padding: 5px;



	margin-bottom: 10px;



}



.message-c .from .code{



	overflow: hidden;



}



.message-c .from .code input[name=code]{



	width: 258px;



	float: left;



}



.message-c .from .code a{



	display: block;



	float: left;



	width: 80px;



	height: 38px;



	padding: 1px 0;



	margin-left: 10px;



}



.message-c .from .code a img{



	width: 80px;



	height: 38px;



}



.message-c .from .btn{



	padding-top: 25px;



}



.message-c .from .btn a{



	display: block;



	width: 362px;



	height: 40px;



	text-align: center;



	line-height: 40px;



	color: #fff;



	font-size: 16px;



	background: #8fa4de;



}



.message-c .from .btn a:hover{



	background: #8397d0;



}



.contact-o{



	background: #fff;



	overflow: hidden;



	padding: 40px 0;



	text-align: center;



}



.contact-o iframe{



	width: 830px;



	height: 500px;



	margin: 0 auto;



}