/* 网站背景 */

.bg-color{background-color: #fff;}

/* 网站头部 */

.head{background-color: #fff;height: 102px;max-width: 1650px;min-width: 1200px;margin: 0 auto;}

.head .logo{width: 420px;float: left;}

.head .logo .img{float: left;width: 56px;height: 102px;line-height: 102px;font-size: 0;}

.head .logo .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}

.head .logo .box{float: left;margin-left: 10px;width: 354px;height: 102px;line-height: 1;display: flex;justify-content: center;flex-direction: column;}

.head .logo .box .name{color: #333;font-size: 28px;font-weight: 700;letter-spacing: 1px;}

.head .logo .box .name span{color: #cc0707;}

.head .logo .box .en{color: #666;font-size: 14px;text-transform: uppercase;margin-top: 12px;}

.head .txt{float: left;width: 234px;height: 60px;padding-left: 15px;margin-left: 15px;margin-top: 21px;line-height: 1;border-left: 1px solid #999;display: flex;justify-content: center;flex-direction: column;}

.head .txt h4{color: #cc0707;font-size: 20px;font-weight: 700;}

.head .txt p{color: #666;font-size: 16px;letter-spacing: 11px;margin-top: 5px;}

/* 导航 */

.head .nav-bar{float: right;width: calc(100% - 685px);}

.head .nav-bar ul{overflow: hidden;display: flex;justify-content: flex-end;align-items: center;}

.head .nav-bar ul li{margin-left: 20px;}

.head .nav-bar ul li a{display: block;text-align: center;line-height: 102px;color: #333;font-size: 16px;position: relative;z-index: 1;transition: all 0.5s ease-in-out;}

.head .nav-bar ul li a:before{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 4px;background-color: #cc0707;z-index: -1;transition: all 0.5s ease-in-out;}

.head .nav-bar ul li a:hover,

.head .nav-bar ul li.active a{color: #cc0707;font-weight: 700;}

.head .nav-bar ul li a:hover:before,

.head .nav-bar ul li.active a:before{width: 100%;left: 0;}

.head .nav-bar ul .tel{margin-left: 40px;padding-left: 56px;height: 102px;line-height: 1;background-image: url(../images/head-tel.png);background-position: left center;background-repeat: no-repeat;display: flex;justify-content: center;flex-direction: column;}

.head .nav-bar ul .tel p{color: #333;font-size: 16px;line-height: 24px;}

.head .nav-bar ul .tel h4{color: #cc0707;font-size: 22px;font-weight: 700;}

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

	.head .txt{display: none;}

	.head .nav-bar{width: calc(100% - 420px);}

}

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

	.head .nav-bar ul li{margin: 0 20px;}

	.head .nav-bar ul .tel{display: none;}

}

/* banner大图 */

.banner{width: 100%;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;text-align: center;}

.banner a{display: block;}

.banner img{width: 100%;}

.banner .btn{position: absolute;bottom: 28px;left: 0;width: 100%;height: 12px;}

.banner .btn .warpper{height: 100%;}

.banner .banner-pagination{display: flex;justify-content: flex-end;align-items: center;bottom: 0;}

.banner .swiper-pagination-bullet{display: block !important;width: 12px;height: 12px;background-color: #fff;margin-left: 20px !important;opacity: 1;border-radius: 50%;transition: all 0.5s ease-in-out;}

.banner .swiper-pagination-bullet-active{width: 30px;border-radius: 20px;}

#main{overflow: hidden;}

/* 公共头部 */

#main .common{display: flex;justify-content: space-between;align-items: center;}

#main .common .name{line-height: 1;color: #fff;}

#main .common .name h4{font-size: 28px;font-weight: 700;}

#main .common .name h4 span{color: #cc0707;}

#main .common .name p{font-size: 16px;letter-spacing: 7px;margin-top: 12px;text-transform: uppercase;}

#main .common .more{display: block;width: 176px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;border: 2px solid #cc0707;background-color: #cc0707;border-radius: 15px;}

#main .common .more:hover{background-color: transparent;color: #cc0707;}

/* 产品中心 */

#main .product-main{padding: 95px 0;background-image: url(../images/productbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

#main .product-main .prosider{float: left;width: 290px;}

#main .product-main .prosider .type{margin-top: 35px;}

#main .product-main .prosider .type li{margin-bottom: 24px;}

#main .product-main .prosider .type li a{display: block;width: 228px;height: 48px;line-height: 48px;padding: 0 10px;color: #fff;font-size: 18px;text-align: center;border: 1px solid #cbcbcb;border-radius: 15px;}

#main .product-main .prosider .type li a:hover{border-color: #cc0707;background-color: #cc0707;}

#main .product-main .prosider .more{display: block;width: 246px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;border: 2px solid #cc0707;background-color: #cc0707;border-radius: 15px;}

#main .product-main .prosider .more:hover{background-color: transparent;color: #cc0707;}

#main .product-main .list{float: right;width: 897px;}

#main .product-main .list li{float: left;width: 285px;margin-left: 14px;margin-bottom: 36px;}

#main .product-main .list li a{display: block;}

#main .product-main .list li a .img{width: 100%;height: 200px;overflow: hidden;}

#main .product-main .list li a .img img{width: 100%;height: 100%;object-fit: cover;}

#main .product-main .list li a .tit{text-align: center;color: #333;font-size: 16px;line-height: 50px;background-color: #c5c5c5;}

#main .product-main .list li a:hover .img img{transform: scale(1.1);}

#main .product-main .list li a:hover .tit{color: #fff;background-color: #cc0707;}

/* 优势 */

#main .youshi-main{background-color: #fff;padding: 100px 0;}

#main .youshi-main .box{float: left;width: 690px;}

#main .youshi-main .box .tit{color: #333;font-size: 28px;line-height: 1;letter-spacing: 3px;}

#main .youshi-main .box .tit span{color: #cc0707;}

#main .youshi-main .box .txt{margin-top: 15px;display: flex;align-items: center;}

#main .youshi-main .box .txt li{color: #333;font-size: 16px;line-height: 25px;background-position: left center;background-repeat: no-repeat;}

#main .youshi-main .box .txt li:nth-child(1){background-image: url(../images/youshi-1.png);padding-left: 34px;}

#main .youshi-main .box .txt li:nth-child(2){background-image: url(../images/youshi-2.png);padding-left: 40px;}

#main .youshi-main .box .list{margin-top: 56px;display: flex;align-items: center;}

#main .youshi-main .box .list li{margin-left: 30px;text-align: center;cursor: pointer;line-height: 1;}

#main .youshi-main .box .list li:first-child{margin-left: 0;}

#main .youshi-main .box .list li .img{width: 75px;height: 75px;line-height: 75px;text-align: center;font-size: 0;border: 1px solid #999;border-radius: 50%;margin: 0 auto;overflow: hidden;}

#main .youshi-main .box .list li .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;-webkit-filter: brightness(0) invert(0.6);filter: brightness(0) invert(0.6);}

#main .youshi-main .box .list li .name{color: #333;font-size: 18px;margin: 16px 0 6px 0;}

#main .youshi-main .box .list li .con{color: #999;font-size: 16px;}

#main .youshi-main .box .list li:hover .img{border-color: #cc0707;}

#main .youshi-main .box .list li:hover .img img{-webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);}

#main .youshi-main .box .list li:hover .name,

#main .youshi-main .box .list li:hover .con{color: #cc0707;}

#main .youshi-main .box .tel{margin-top: 60px;padding-left: 45px;color: #cc0707;font-size: 24px;line-height: 27px;background-image: url(../images/youshi-tel.png);background-position: left center;background-repeat: no-repeat;}

#main .youshi-main .imgbg{float: right;width: 496px;height: 358px;overflow: hidden;}

#main .youshi-main .imgbg img{width: 100%;height: 100%;object-fit: cover;}

/* 应用案例 */

#main .case-main{padding: 100px 0;background-image: url(../images/casebg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

#main .case-main .list{margin-top: 50px;position: relative;}

#main .case-main .list .swiper-slide a{display: block;}

#main .case-main .list .swiper-slide a .img{width: 100%;height: 267px;overflow: hidden;}

#main .case-main .list .swiper-slide a .img img{width: 100%;height: 100%;object-fit: cover;}

#main .case-main .list .swiper-slide a .box{padding: 0 18px;height: 50px;background-color: #f5f5f5;line-height: 1;font-size: 16px;color: #333;display: flex;justify-content: space-between;align-items: center;}

#main .case-main .list .swiper-slide a .box .tit{width: calc(100% - 20px);}

#main .case-main .list .swiper-slide a .box .icon{width: 20px;text-align: right;}

#main .case-main .list .swiper-slide a:hover .img img{transform: scale(1.1);}

#main .case-main .list .swiper-slide a:hover .box{background-color: #cc0707;color: #fff;}

#main .case-main .list .case-next,

#main .case-main .list .case-prev{width: 20px;height: 25px;background-position: center;background-repeat: no-repeat;}

#main .case-main .list .case-next::after,

#main .case-main .list .case-prev::after{display: none;}

#main .case-main .list .case-prev{left: -64px;background-image: url(../images/case-left.png);}

#main .case-main .list .case-next{right: -64px;background-image: url(../images/case-right.png);}

#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 .company-main{background-color: #f5f5f5;padding: 100px 0;}

#main .company-main .box{float: left;width: 560px;}

#main .company-main .box .common .name h4{color: #333;}

#main .company-main .box .common .name p{color: #999;letter-spacing: 23px;}

#main .company-main .box .tit{color: #333;font-size: 24px;line-height: 1;margin-top: 22px;}

#main .company-main .box .txt{color: #333;font-size: 16px;line-height: 38px;text-align: justify;text-indent: 2em;margin-top: 12px;}

#main .company-main .box .more{display: block;width: 176px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;border: 2px solid #cc0707;background-color: #cc0707;border-radius: 15px;margin-top: 16px;}

#main .company-main .box .more:hover{background-color: transparent;color: #cc0707;}

#main .company-main .imgbg{float: right;width: 600px;height: 408px;overflow: hidden;}

#main .company-main .imgbg img{width: 100%;height: 100%;object-fit: cover;}

#main .company-main .list{margin-top: 20px;position: relative;z-index: 2;display: flex;align-items: center;}

#main .company-main .list li{line-height: 1;position: relative;cursor: pointer;padding: 0 34px;margin-left: 15px;background-color: #fff;height: 97px;display: flex;justify-content: center;flex-direction: column;z-index: 1;}

#main .company-main .list li:first-child{margin-left: 0;}

#main .company-main .list li:before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background-color: #cc0707;transition: all 0.5s ease-in-out;z-index: -1;}

#main .company-main .list li .name{display: flex;align-items: center;color: #333;font-size: 24px;}

#main .company-main .list li .name .icon{margin-right: 10px;}

#main .company-main .list li .con{color: #999;font-size: 16px;margin-top: 8px;}

#main .company-main .list li:hover:before{width: 100%;}

#main .company-main .list li:hover .name,

#main .company-main .list li:hover .con{color: #fff;}

#main .company-main .list li:hover .con{opacity: 0.8;}

#main .company-main .list li:hover .name .icon img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);-webkit-transition: .4s;transition: .4s;-webkit-animation: rade 5s linear infinite;animation: rade 5s linear infinite;}

@-webkit-keyframes rade{from{-webkit-transform: rotate(0);transform: rotate(0);}to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rade{from{-webkit-transform: rotate(0);transform: rotate(0);}to{-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

/* 新闻资讯 */

#main .news-main{background-color: #fff;padding: 100px 0;}

#main .news-main .common{margin-bottom: 40px;}

#main .news-main .common .name h4{color: #333;}

#main .news-main .common .name p{color: #999;letter-spacing: 5px;}

#main .news-main .show{float: left;width: 553px;}

#main .news-main .show a{display: block;width: 100%;height: 458px;position: relative;overflow: hidden;}

#main .news-main .show a .img{width: 100%;height: 100%;}

#main .news-main .show a .img img{width: 100%;height: 100%;object-fit: cover;}

#main .news-main .show a .box{position: absolute;bottom: 0;left: 0;width: 100%;height: 55px;padding: 0 25px;color: #fff;line-height: 1;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;}

#main .news-main .show a .box .tit{width: calc(100% - 80px);font-size: 18px;}

#main .news-main .show a .box .time{width: 80px;text-align: right;font-size: 14px;}

#main .news-main .show a:hover .img img{transform: scale(1.1);}

#main .news-main .show a:hover .box{background-color: #cc0707;}

#main .news-main .list{float: right;width: 628px;}

#main .news-main .list li{float: left;width: 302px;margin-right: 20px;margin-bottom: 20px;}

#main .news-main .list li:nth-child(2n){margin-right: 0;}

#main .news-main .list li a{background-color: #f5f5f5;padding: 15px;display: block;}

#main .news-main .list li a .tit{color: #333;font-size: 18px;font-weight: 700;line-height: 1;padding: 12px 0 10px 0;}

#main .news-main .list li a .con{color: #666;font-size: 14px;line-height: 1.9;text-align: justify;}

#main .news-main .list li a .box{border-top: 1px solid #c8c8c8;padding-top: 12px;margin-top: 12px;display: flex;justify-content: space-between;align-items: center;}

#main .news-main .list li a .box .time{line-height: 1;color: #c9c9c9;}

#main .news-main .list li a .box .time .t1{font-weight: 700;font-size: 24px;}

#main .news-main .list li a .box .time .t2{font-size: 14px;margin-top: 8px;}

#main .news-main .list li a .box .icon{width: 19px;height: 27px;background-image: url(../images/news-icon.png);background-position: center;background-repeat: no-repeat;}

#main .news-main .list li a:hover .tit,

#main .news-main .list li a:hover .box .time{color: #cc0707;}

#main .news-main .list li a:hover .box .icon{background-image: url(../images/news-iconH.png);}

/* 网站底部 */

.footer{border-top: 10px solid #cc0707;padding-top: 58px;background-image: url(../images/footerbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}

.footer .list{float: left;width: calc(100% - 400px);}

.footer .list li{float: left;width: 50%;}

.footer .list li:first-child{width: 40%;margin-right: 10%;}

.footer .list li .tit{padding-left: 28px;color: #fff;font-size: 22px;line-height: 1;margin-bottom: 20px;position: relative;}

.footer .list li .tit::before{content: '';position: absolute;top: 50%;left: 0;width: 14px;height: 14px;background-color: #cc0707;transform: translateY(-50%);}

.footer .list li .tit span{color: #b7b7b7;font-size: 16px;padding-left: 8px;text-transform: uppercase;}

.footer .list li .box{padding-left: 28px;display: flex;flex-wrap: wrap;}

.footer .list li .box a{width: 50%;font-size: 16px;color: #fff;line-height: 2.5;display: block;transition: all 0.5s ease-in-out;}

.footer .list li .box a:hover{text-decoration: underline;color: #cc0707;}

.footer .contact{float: right;width: 400px;}

.footer .contact .box{display: flex;justify-content: space-between;}

.footer .contact .box .ewm{width: 136px;height: 136px;line-height: 136px;text-align: center;padding: 2px;font-size: 0;overflow: hidden;background-color: #fff;}

.footer .contact .box .ewm img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}

.footer .contact .box .txt{width: 240px;}

.footer .contact .box .txt .tel{line-height: 1;color: #fff;margin-bottom: 8px;}

.footer .contact .box .txt .tel p{font-size: 16px;}

.footer .contact .box .txt .tel h4{font-size: 28px;font-weight: 700;line-height: 35px;}

.footer .contact .box .txt .more{display: block;width: 176px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;border: 2px solid #cc0707;background-color: #cc0707;border-radius: 15px;}

.footer .contact .box .txt .more:hover{background-color: transparent;color: #cc0707;}

.footer .contact .tact{margin-top: 15px;}

.footer .contact .tact li{color: #fff;font-size: 14px;line-height: 2;}

.footer .contact .tact li a{color: #fff;}

.footer .contact .tact li a:hover{text-decoration: underline;color: #cc0707;}

.footer2{padding: 16px 0;color: #fff;font-size: 14px;line-height: 2;margin-top: 40px;border-top: 1px solid rgba(182, 182, 182, 0.2);}

.footer2 .warpper{display: flex;justify-content: space-between;align-items: center;}

.footer2 .name{width: 600px;margin-right: auto;}

.footer2 .txt{width: 530px;}

.footer2 a{color: #fff;}

.footer2 a:hover{text-decoration: underline;color: #cc0707;}

.footer2 a img{display: inline-block;vertical-align: middle;}

/* 侧边导航 */

.pro-sider{float: left;width: 260px;}

.pro-sider .in-title{background: #cc0707;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;transition: all 0.5s ease-in-out;}

.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;transition: all 0.5s ease-in-out;}

.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: #cc0707;}

.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 .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: 1.5;padding: 5px 0;}

.pro-sider .contact-box p span{display: block;font-size: 22px;line-height: 30px;color: #cc0707;font-weight: bold;}

.pro-sider .contact-box p a{color: #333;}

.pro-sider .contact-box p a:hover{color: #cc0707;}























.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;







}