/* 网站背景 */

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

.index-color{background-image: url(../images/body.jpg);background-position: center;background-repeat: repeat;}

/* 网站头部 */

.nav-bar{width: 100%;height: 100px;background-image: url(../images/navbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.nav-bar .logo{float: left;width: 85px;font-size: 0;height: 100px;line-height: 100px;}
.nav-bar .logo img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.nav-bar ul{float: right;display: flex;justify-content: flex-end;}
.nav-bar ul li{margin-left: 65px;}
.nav-bar ul li a{display: block;color: #333;height: 100px;line-height: 1;display: flex;justify-content: center;flex-direction: column;font-size: 18px;padding-left: 30px;position: relative;transition: all 0.5s ease-in-out;}
.nav-bar ul li a::before{content: '';position: absolute;top: 50%;left: 0;width: 0;height: 45px;background-image: url(../images/nav-li.png);background-position: center;background-repeat: no-repeat;background-size: cover;transform: translateY(-50%);transition: all 0.5s ease-in-out;}

.nav-bar ul li a span{display: block;color: #999;font-size: 14px;text-transform: uppercase;margin-top: 4px;}

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

.nav-bar ul li.active a::before{width: 22px;}

/* 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 .banner-pagination{display: flex;justify-content: center;align-items: center;bottom: 20px;}

.banner .swiper-pagination-bullet{display: block !important;width: 10px;height: 10px;background-color: #d10023;margin: 0 10px !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{margin-bottom: 40px;display: flex;justify-content: space-between;align-items: center;}

#main .common .comleft{line-height: 1;width: 125px;height: 73px;padding-left: 58px;display: flex;justify-content: center;flex-direction: column;background-image: url(../images/common.png);background-position: center;background-repeat: no-repeat;background-size: cover;}

#main .common .comleft .name{color: #000;font-size: 28px;}

#main .common .comleft .en{color: #333;font-size: 14px;text-transform: uppercase;margin-top: 8px;}

#main .indexmore{display: block;width: 187px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;margin: 0 0 4px 4px;position: relative;z-index: 1;}

#main .indexmore::before,

#main .indexmore::after{content: '';position: absolute;width: 100%;height: 100%;transition: all 0.5s ease-in-out;}

#main .indexmore::before{top: 0;right: 0;background-color: #d10023;z-index: -1;}

#main .indexmore::after{bottom: -4px;left: -4px;background-color: #540a16;z-index: -2;}

#main .indexmore:hover{letter-spacing: 2px;}

#main .indexmore:hover::before{background-color: #540a16;}

#main .indexmore:hover::after{background-color: #d10023;}

/* 关于我们 */

#main .company-main{padding: 100px 0;}

#main .company-main .box{position: relative;z-index: 1;display: flex;}

#main .company-main .box .txt{color: #333;font-size: 16px;text-align: justify;line-height: 40px;margin-top: 22px;max-width: 560px;height: 380px;overflow: hidden;-webkit-writing-mode: vertical-rl;-ms-writing-mode: bt-rl;writing-mode: vertical-rl;background-image: url(../images/gsjj-li.png);background-position: left center;background-repeat: repeat;}

#main .company-main .box .tit{color: #d10023;font-size: 20px;font-weight: 700;line-height: 1;letter-spacing: 2px;margin: 22px 30px 0 14px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: bt-rl;writing-mode: vertical-rl;}

#main .company-main .box .indexmore{margin-top: 324px;}

#main .company-main .box .imgbg{position: absolute;top: 0;right: 0;width: 500px;height: 403px;overflow: hidden;z-index: -1;}

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

/* 主营项目 */

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

#main .product-main .type{display: flex;}

#main .product-main .type li{margin-left: 70px;}

#main .product-main .type li a{display: block;padding: 0 8px;line-height: 32px;color: #333;font-size: 16px;position: relative;z-index: 1;}

#main .product-main .type li a::before{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background-color: #d10023;transition: all 0.5s ease-in-out;z-index: -1;}

#main .product-main .type li a:hover::before{left: 0;width: 100%;}

#main .product-main .list{position: relative;}

#main .product-main .list .swiper-slide a{display: block;width: 100%;}

#main .product-main .list .swiper-slide a .img{position: relative;width: 100%;height: 390px;overflow: hidden;position: relative;}

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

#main .product-main .list .swiper-slide a .img .icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 573px;z-index: 2;}

#main .product-main .list .swiper-slide a .img .icon .img2{width: 100%;}

#main .product-main .list .swiper-slide a .img .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 390px;padding: 0 15px;text-align: center;color: #fff;font-size: 24px;box-sizing: border-box;background-color: rgba(209, 0, 35, 0.5);opacity: 0;}

#main .product-main .list .swiper-slide a .tit{color: #333;font-size: 18px;text-align: center;line-height: 1;margin-top: 12px;}

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

#main .product-main .list .swiper-slide a:hover .img .box{opacity: 1;}

#main .product-main .list .swiper-slide a:hover .img .icon .img2{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

#main .product-main .list .swiper-slide a:hover .tit{opacity: 0;}

/* 场景展示 */

#main .scene-main{padding: 100px 0;}

#main .scene-main .common{margin-bottom: 25px;}

#main .scene-main .list{margin: 0 -15px;}

#main .scene-main .list li{float: left;width: 380px;margin: 15px;}

#main .scene-main .list li a{display: block;width: 100%;height: 274px;overflow: hidden;position: relative;}

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

#main .scene-main .list li a .tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 274px;padding: 0 15px;text-align: center;color: #fff;font-size: 24px;box-sizing: border-box;background-color: rgba(209, 0, 35, 0.5);opacity: 0;}

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

#main .scene-main .list li a:hover .tit{opacity: 1;}

/* 招商加盟 */

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

#main .join-main .top{text-align: center;font-size: 38px;color: #d10023;font-weight: 700;letter-spacing: 12px;line-height: 1;}

#main .join-main .list1{margin: 15px -15px 35px -15px;padding-bottom: 35px;border-bottom: 1px solid #e9e5e5;display: flex;justify-content: center;flex-wrap: wrap;}
#main .join-main .list1 li{width: 277px;float: left;margin: 15px;}
#main .join-main .list1 li a{display: block;height: 200px;position: relative;background-color: #fff;border-radius: 10px;padding: 0 28px;overflow: hidden;z-index: 1;text-align: center;}
#main .join-main .list1 li a::before{content: '';position: absolute;top: -60px;left: 50%;width: 120px;height: 120px;background-color: #d10023;border-radius: 50%;transform: translateX(-50%);z-index: -1;transition: all 0.5s ease-in-out;-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
#main .join-main .list1 li a::after{display: block;width: 120px;background-color: #d10023;content: '';height: 120px;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;box-sizing: border-box;z-index: -2;}
#main .join-main .list1 li a .img{width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 0;margin: 0 auto;}
#main .join-main .list1 li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .join-main .list1 li a .tit{color: #333;font-size: 20px;line-height: 1;padding: 26px 0 10px 0;font-weight: 700;}
#main .join-main .list1 li a .tags{color: #333;font-size: 16px;line-height: 1.5;}
#main .join-main .list1 li a:hover{background-color: #d10023;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);}
#main .join-main .list1 li a:hover::after{width: 800px;height: 800px;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;}
#main .join-main .list1 li a:hover .img{-webkit-transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}

#main .join-main .list1 li a:hover .tit,

#main .join-main .list1 li a:hover .tags{color: #fff;}

#main .join-main .toptxt{text-align: center;line-height: 1;color: #333;font-size: 16px;margin: 8px 0 20px 0;}

#main .join-main .list2 li{float: left;width: 250px;margin-left: 20px;}

#main .join-main .list2 li:first-child{margin-left: 0;}

#main .join-main .list2.lic2 li:first-child{margin-left: 130px;}

#main .join-main .list2 li a{display: flex;justify-content: space-between;}

#main .join-main .list2 li a .img{width: 73px;height: 73px;line-height: 73px;text-align: center;font-size: 0;overflow: hidden;}

#main .join-main .list2 li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}

#main .join-main .list2 li a .box{width: calc(100% - 85px);margin-top: 10px;color: #333;}

#main .join-main .list2 li a .box .tit{line-height: 1;font-weight: 700;font-size: 26px;}

#main .join-main .list2 li a .box .tags{font-size: 16px;line-height: 1.5;margin-top: 7px;}

#main .join-main .liucheng{margin: 10px 0 10px 45px;}

#main .join-main .online-form{margin-top: 50px;padding-top: 60px;border-top: 1px solid #e9e5e5;}

#main .join-main .online-form .top{margin-bottom: 20px;}
#main .join-main .online-form input,
#main .join-main .online-form textarea{width: 100%;height: 55px;line-height: 55px;font-size: 16px;color: #333;padding: 0 25px;background-color: #fff;margin-bottom: 15px;float: left;border-radius: 10px;border: none;box-sizing: border-box;}
#main .join-main .online-form input::-webkit-input-placeholder,
#main .join-main .online-form textarea::-webkit-input-placeholder{color: #333;}
#main .join-main .online-form input:-moz-placeholder,
#main .join-main .online-form textarea:-moz-placeholder{color: #333;}
#main .join-main .online-form input::-moz-placeholder,
#main .join-main .online-form textarea::-moz-placeholder{color: #333;}
#main .join-main .online-form input:-ms-input-placeholder,
#main .join-main .online-form textarea:-ms-input-placeholder{color: #333;}

#main .join-main .online-form input{width: 585px;}

#main .join-main .online-form input.name,

#main .join-main .online-form input.address{margin-right: 30px;}
#main .join-main .online-form .code{float: left;width: 176px;height: 55px;line-height: 55px;text-align: center;font-size: 0;margin-left: -176px;border-radius: 10px;overflow: hidden;}
#main .join-main .online-form .code img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .join-main .online-form textarea{height: 90px;}
#main .join-main .online-form .btn-box{width: 585px;margin: 0 auto;overflow: hidden;}
#main .join-main .online-form .btn-box a.btn{display: block;height: 55px;text-align: center;line-height: 55px;background-color: #d10023;color: #fff;font-size: 16px;border-radius: 10px;}
#main .join-main .online-form .btn-box a.btn:hover{background-color: #540a16;}

/* 新闻资讯 */

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

#main .news-main .list{margin: 0 -12px;}

#main .news-main .list li{float: left;width: 384px;margin: 0 12px;}

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

#main .news-main .list li a .img{height: 260px;overflow: hidden;}

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

#main .news-main .list li a .box{margin: -58px 5px 0 5px;background-color: #fff;border-radius: 5px;padding: 20px 16px;position: relative;}

#main .news-main .list li a .box .tittime{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}

#main .news-main .list li a .box .tittime .tit{width: calc(100% - 80px);color: #333;font-size: 16px;}

#main .news-main .list li a .box .tittime .time{color: #999;font-size: 12px;width: 80px;text-align: right;}

#main .news-main .list li a .box .con{color: #666;font-size: 14px;line-height: 1.7;}

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

#main .news-main .list li a:hover .box{background-color: #d10023;}

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

#main .news-main .list li a:hover .box .tittime .time,

#main .news-main .list li a:hover .box .con{color: #fff;}

/* 网站底部 */

.footer {background-color: #333;padding-top: 40px;}
.footer .footer1,
.footer .footer2{display: flex;justify-content: space-between;}

.footer .footer2{align-items: center;}
.footer .footer1{margin-bottom: 30px;}
.footer .footer1 .box{width: 50%;}

.footer .footer1 .box .logo{width: 435px;}

.footer .footer1 .box .logo img{width: 100%;}
.footer .footer1 .box .name{color: #fff;font-size: 20px;line-height: 1;margin-top: 25px;letter-spacing: 6px;}

.footer .footer1 .box .tact{margin-top: 20px;}
.footer .footer1 .box .tact li {color: #fff;font-size: 16px;line-height: 36px;}
.footer .footer1 .box .tact li a{color: #fff;transition: all 0.5s ease-in-out;}
.footer .footer1 .box .tact li a:hover{color: #d10023;}
.footer .footer1 .navwecaht{width: 50%;}
.footer .footer1 .navwecaht .nav{display: flex;justify-content: flex-end;align-items: center;margin-bottom: 45px;}
.footer .footer1 .navwecaht .nav li{margin-left: 80px;}
.footer .footer1 .navwecaht .nav li a{display: block;color: #fff;font-size: 16px;line-height: 1;transition: all 0.5s ease-in-out;}
.footer .footer1 .navwecaht .nav li a span{display: block;font-size: 14px;text-transform: uppercase;margin-top: 10px;}
.footer .footer1 .navwecaht .nav li.active a,
.footer .footer1 .navwecaht .nav li a:hover{color: #d10023;}
.footer .footer1 .navwecaht .ewm{width: 170px;height: 170px;line-height: 170px;text-align: right;font-size: 0;float: right;padding: 4px;background-color: #fff;border-radius: 10px;overflow: hidden;}
.footer .footer1 .navwecaht .ewm img {max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.footer .footer2 {padding: 23px 0;color: #fff;font-size: 14px;line-height: 2;border-top: 1px solid #5c5c5c;}
.footer .footer2 .name{width: 540px;margin-right: auto;}
.footer .footer2 .txt {width: 640px;text-align: right;}
.footer .footer2 a{color: #fff;transition: all 0.5s ease-in-out;}
.footer .footer2 a:hover{color: #d10023;}
.footer .footer2 a img{display: inline-block;vertical-align: middle;}

/* 侧边导航 */

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

.pro-sider .in-title{background: #d10023;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: #d10023;}

.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: #d10023;font-weight: bold;}

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

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























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







}