.bg-color {

	background: #fff;

}

#main {

	overflow: hidden;

}


/* 公共头部 */

.common{
	width: 100%;
	text-align: left;
	position: relative;
}

.common h4{
	color: #afafaf;
	line-height: 1;
	font-size: 48px;
}

.common p{
	font-size: 48px;
	color: #424242;
}

.common span{
	top: 50px;
	right: 0;
	font-size: 17px;
	position: absolute;
	line-height: 2;
}

.common span a{
	color: #595959;
}

.common span img{
	display: inline-block;
	float: left;
	margin-right: 10px;
}

/**首页导航**/
.nav-bar{

	position: relative;
	width: 100%;
	height: 100px;
	z-index: 999;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.nav-bar .logo{
	float: left;
	width: 494px;
	line-height: 100px;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.nav-bar .logo img{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.nav-bar ul{
	float: right;
}
.nav-bar ul li{
	float: left;
	margin: 0 15px;
	position: relative;
	z-index: 999;
}
.nav-bar ul li a{
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 100px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.nav-bar ul li a:hover{
	color: #ff8825;
}

.nav-bar ul .language{

	float: right;

	margin-top: 35px;

	/* width: 100px; */

	height: 30px;
	line-height: 30px;

}

.nav-bar ul .language a{

	display: block;

	text-align: center;

	line-height: 30px;

	color: #fff;

	font-size: 20px;

	border-radius: 20px;

	padding: 0 7px;

	transition: all 0.55s;
	
	font-weight: bold;
	
	font-family: 微软雅黑;

}

.nav-bar ul .language a img{

	float: left;
	margin-right: 10px;
	width: 28px;

}

.nav-bar ul .language a:hover{

	background-color: #ff8825;

	color: #fff;

}

.banner{
	width: 100%;
	margin: -100px auto 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.banner img{
	display: block;
	width: 100%;
}
.banner .swiper-pagination-bullet {
	width: 8px;
	height: 5px;
	display: inline-block;
	background: #fff;
	margin: 0 5px;
	border-radius: 50%;
	opacity: 1;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.banner .swiper-pagination-bullet-active {
	width: 40px;
	opacity: 1;
	border-radius: 20px;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 59px;
	height: 59px;
	margin-top: -30px;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}


/* 公司简介 */

#main .company-main {
	background: #fff;
	padding: 85px 0;
	padding-bottom: 30px;
}

#main .company-main .company-left {
	float: left;
	width: 704px;
	height: 507px;
	overflow: hidden;
	position: relative;
}

#main .company-main .company-left img.wuhuan{
	position: absolute;
	right: 170px;
	top: 0;
}

#main .company-main .company-left h4{
	font-size: 48px;
	color: #424242;
	font-weight: bold;
	line-height: 1;
}

#main .company-main .company-left .look{
	font-size: 48px;
	color: #424242;
	margin-bottom: 40px;
}

#main .company-main .company-left .text {
	color: #5f5f5f;
	font-size: 17px;
	text-indent: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;/**æ˜¾ç¤ºè¡Œæ•°**/
	-webkit-box-orient: vertical;
	line-height: 41px;
}

#main .company-main .company-left a.company-more {
	display: block;
	width: 125px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
	position: absolute;
	right: 0;
	top: 72px;
	background: #000;
	border-radius: 10px;	
}

#main .company-main .company-left a.company-more img{
	display: inline-block;
	top: 4px;
	position: relative;
	left: 8px;
}

#main .company-main .company-right{
	width: 650px;
	height: 507px;
	float: right;
	position: relative;
	z-index: 2;
	
}

#main .company-main .company-right img{
	width: 625px;
	height: 425px;
	margin-top: 50px;
	z-index: 11;
}

#main .company-main .company-right .company-right-yy{
	width: 200px;
	height: 185px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #dedede;
	z-index: -1;
	border-radius: 10px;
}

.company-pro{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 45px;
}

.company-pro li{
	width: 440px;
	height: 330px;
	float: left;
	margin-right: 40px;
	list-style: none;
	position: relative;
	border-radius: 10px;
}

.company-pro li img{
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.company-pro li:hover{
	background: #d1d1d1;
}
.company-pro li:hover img{
	transform: scale(0.95);
	transition: all 0.55s;  
}

.company-pro li:nth-child(3n){
	margin-right: 0px;
}

/* 首页产品 */
#main .appli-main {

	background: #f2f2f2;

	padding: 115px 0;

}

.cx-pro{
	overflow: inherit;
}


.pro-list {
	width: 100%;
	height: auto;
}

.pro-list a {
	color: #2c2c2c;
}

.pro {
	width: 335px;
	height: 225px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	background: url(../images/pro-bg.png) no-repeat;
}

.pro img{
	width: 65px;
	height: 65px;
	position: relative;
	display: inline-block;
	margin-top: 55px;
}

.pro p{
	color: #2f2e2e;
	font-size: 18px;
	line-height: 1;
	margin-top: 25px;
}

.pro:nth-child(4n) {
	margin-right: 0px;
}

.pro:hover {
	transition: all 0.55s;
	-webkit-box-shadow: #ccc 0px 0px 28px;
	-moz-box-shadow: #ccc 0px 0px 28px;
	box-shadow: #ccc 0px 0px 28px;
}




/* 案例展示 */
#main .appli-anli{

	background-color: #fff;

	padding: 90px 0;

}

.cx-anli ul{position: relative;overflow: hidden;width: 1400px;height: 400px;margin: 0 auto;margin-top: 60px;}
.cx-anli ul li{float: left;width: 265px;overflow: hidden;height: 100%;position: relative;cursor: pointer;margin-right: 11.5px;}
.cx-anli ul li:nth-child(4n){margin-right: 0px;}
.cx-anli ul li a{display: block;width: 100%;height: 100%;}
.cx-anli ul li a img{width: 100%;height: 100%;object-fit: cover;}
.cx-anli ul li .layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cx-anli ul li .layer .text1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cx-anli ul li .layer .text2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
li .layer .text1 {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(50,50,50,0.55);
    width: 100%;
    height: 100%;
}
.cx-anli ul li .layer .text2 .left{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	float: left;
	background:rgba(50,50,50,0.6);
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 18px;
}

/***合作品牌***/
#main .appli-hezuo{

	background: url(../images/hezuo.png) no-repeat;
	/* min-height: 618px; */
	padding: 90px 0;
	background-size: cover;

}

#main .appli-hezuo .common h4{
	color: #fff;
}

#main .appli-hezuo .common p{
	color: #fff;
}

#main .appli-hezuo ul{
	width: 100%;
	height: auto;
	margin-top: 55px;
}

#main .appli-hezuo ul li{
	width: 223px;
	height: 130px;
	line-height: 130px;
	float: left;
	background: #fff;
	margin-right: 12.4px;
	margin-bottom: 10px;
	border-radius: 5px;
	position: relative;
	text-align: center;
}

#main .appli-hezuo ul li img{
	display: inline-block;
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}

#main .appli-hezuo ul li:nth-child(6n){
	margin-right: 0px;
}

/* 新闻中心 */

#main .news-main {
	background-color: #fff;
	padding: 90px 0;
}

#main .news-main ul{
	width: 100%;
}

#main .news-main ul li{
	width: 695px;
	height: 140px;
	overflow: hidden;
	float: left;
	background: #fcfcfc;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main .news-main ul li:nth-child(2n){
	margin-right: 0px;
}

#main .news-main ul li:hover .news-left{
	background-image: linear-gradient(to right, #e0e0e0 , #fff);
	transition: background-image 0.55s;
}

#main .news-main ul li:hover .news-right{
	background: #f2f2f2;
	transition: all 0.55s;  
}
	
#main .news-main .news-left{
	width: 195px;
	height: 140px;
	float: left;
	text-align: center;
}

#main .news-main .news-left span{
	font-size: 63px;
	color: #4c4c4b;
	line-height: 1;
	margin-top: 18px;
	display: block;
}

#main .news-main .news-left p{
	font-size: 30px;
	color: #838383;
	line-height: 1;
	margin-top: 4px;
}

#main .news-main .news-right{
	width: 430px;
	height: 80px;
	float: left;
	text-align: center;
	padding: 30px 35px;
	text-align: left;
}
#main .news-main .news-right h3{
	font-size: 18px;
	color: #262626;
	line-height: 1;
	margin-bottom: 10px;
	margin-top: 5px;
}

#main .news-main .news-right p{
	color: #262626;
	opacity: 0.57;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/**联系我们**/
#main .content-main {
	background: url(../images/content.jpg) no-repeat;
	/* min-height: 618px; */
	padding: 90px 0;
	background-size: cover;
}

#main .content-main .common p{
	color: #fff;
}

#main .content-main ul{
	width: 100%;
	display: flex;
	margin-top: 78px;
}

#main .content-main ul li{
	width: auto;
	height: 60px;
	line-height: 60px;
	position: relative;	
	color: #fff;
	font-size: 24px;
	margin-right: 45px;
}

#main .content-main ul li:nth-child(4n){
	margin-right: 0px;
}

#main .content-main ul li .left{
	width: 58px;
	height: 58px;
	line-height: 52px;
	float: left;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 15px;
}

#main .content-main ul li .left img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#main .content-main .map{
	width: 100%;
	height: 395px;
	background: #fff;
	margin-top: 74px;
}


/* 网站底部 */
.footer {
	background: #000000;
	padding: 30px 0;
}

.footer .footer-info{
	width: 1300px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}


.footer .footer-info .footer-list{
	width: 432.5px;
	height: auto;
	overflow: hidden;
	float: left;
	border-right: 1px solid #3a3a3a;
}

.footer .footer-info .footer-list:first-child{
	width: 313px;
}

.footer .footer-info .footer-list:nth-child(2){
	width: 520px;
}

.footer .footer-info .footer-list:nth-child(3n){
	border-right: 0px;
}

.footer .footer-info .footer-list .footer-list-nav{
	width: 216px;
	float: left;
}

.footer .footer-info .footer-list .footer-list-nav dl dt{
	width: 100%;
	float: left;
	color: #fff;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
}

.footer .footer-info .footer-list .footer-list-nav dl dd.xian{
	width: 27px;
	height: 2px;
	background: #d1d1d1;
	margin-right: 150px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.footer .footer-info .footer-list .footer-list-nav dl dd{
	width: 88px;
	height: 30px;
	float: left;
	color: #fff;
}

.footer .footer-info .footer-list .footer-list-nav dl dd a{
	color: #fff;
}

.footer .footer-info .footer-list .pro{
	margin-right: 0px;
	float: right;
	width: 180px;
}

.footer .footer-info .footer-list .pro dl dd{
	width: 180px;
}

.footer .footer-info .footer-list .rwinfo dl dd{
	width: 100%;	
}

.footer .footer-info .footer-list .rwinfo{
	margin-right: 0px;
	float: right;
	width: 370px;
}

.footer .footer-info .footer-list .rwinfo dl dd{
	width: 100%;
	line-height: 27px;
	margin-bottom: 5px;
}

.footer .footer-info .footer-list .rwinfo dl dd span{
	display: block;
	float: left;
	width: 27px;
	height: 27px;	
	border-radius: 50%;
	margin-right: 15px;
}


.footer .footer-info .footer-list .rwinfo dl dd span.add{
	background: url(../images/icon-address.png) #6c6c6c center no-repeat;
	background-size: 82%;
}
.footer .footer-info .footer-list .rwinfo dl dd span.company{
	background: url(../images/icon-company.png) #6c6c6c center no-repeat;
	background-size: 82%;
}
.footer .footer-info .footer-list .rwinfo dl dd span.tel{
	background: url(../images/icon-tel.png) #6c6c6c center no-repeat;
	background-size: 82%;
}

.footer .footer-info .footer-list .rwinfo dl dd span.about{
	background: url(../images/icon-name.png) #6c6c6c center no-repeat;
	background-size: 72%;
}

.footer .footer-info .footer-list .ewm{
	margin-right: 0px;
	float: right;
	width: 370px;
}

.footer .footer-info .footer-list .ewm dl dd{
	width: 120px;
	height: 130px;
	margin-right: 20px;
	text-align: center;
}

.footer .footer-info .footer-list .ewm dl dd img{
	width: 120px;
	height: 110px;
}

.footer .footer-info .footer-list .ewm dl dd.xian{
	margin-right: 80%;
}

.footer .footer-info .footer-list .ewm dl dd p{
	color: #fff;
}






.footer2 {
	background-color: #000000;
	height: 60px;
	line-height: 60px;
	border-top: 1px solid #3a3a3a;
}

.footer2 .text {
	text-align: left;
	color: #ccc;
	font-size: 14px;
	padding-left: 48px;
}

.footer2 .text a {
	color: #ccc;
}

.footer2 .text a img {
	display: inline-block;
}

.footer2 .jishi {
	float: right;
	width: 190px;
	margin-top: 18px;
}

.footer2 .jishi a {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../images/jishi.png) center center no-repeat;
}

.pro-sider{

	float: left;

	width: 240px;

}

.pro-sider .in-title{

	background: #424242;

    color: #fff;

    line-height: 80px;

    text-align: center;

    font-size: 24px;

    margin-bottom: 2px;

}

.pro-sider .pro-sider-ul{

    margin-bottom: 12px;

}
.pro-sider .pro-sider-ul .ul-li{
	overflow: hidden;
	max-height: 55px;
    transition: all 0.8s;
    margin-bottom: 2px;
} 
.pro-sider .pro-sider-ul .ul-li:hover{max-height: calc(200 * 8px);}
.pro-sider .pro-sider-ul .ul-li .type{

    display: block;

    box-sizing: border-box;

    padding: 0px 20px;

    line-height: 55px;

    background: #ececeb;

	position: relative;

}

.pro-sider .pro-sider-ul .ul-li .type::after,

.pro-sider .pro-sider-ul .ul-li .type::before{

	content: '';

	display: block;

	background: #fff;

	top:0;

	bottom: 0;

	margin:auto;

	position: absolute;

}

.pro-sider .pro-sider-ul .ul-li .type::before{

	width: 2px;

	height: 12px;

	right: 29px;

}

.pro-sider .pro-sider-ul .ul-li .type::after{

	width: 12px;

	height: 2px;

	right: 24px;

}

.pro-sider .pro-sider-ul .ul-li .type h2{

	width: 180px;

	font-size: 16px;

	color: #333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.pro-sider .pro-sider-ul .ul-li:hover .type,

.pro-sider .pro-sider-ul .ul-li .type.active{

	background-color: #424242;

}

.pro-sider .pro-sider-ul .ul-li:hover .type h2,

.pro-sider .pro-sider-ul .ul-li .type.active h2{

	color: #fff;

}

.pro-sider .pro-sider-ul .ul-li:hover .type:before,

.pro-sider .pro-sider-ul .ul-li .type.active:before{
	opacity: 0;
}

.pro-sider .pro-sider-ul .ul-li .erji{

	display: block;

	width: 240px;

	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;

}

.pro-sider .pro-sider-ul .ul-li .erji p{

	float: left;

	width: 160px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.pro-sider .pro-sider-ul .ul-li .erji span{

	display: inline-block;

	float: right;

	line-height: 54px;

	font-size: 20px;

}

.pro-sider .pro-sider-ul .ul-li .erji:hover,
.pro-sider .pro-sider-ul .ul-li .erji.active{
	color: #424242;
}


.pro-sider .contact-box{

	border: 1px solid #ececeb;

	box-sizing: border-box;

	padding: 10px;

}

.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 span{

	display: block;

	font-size: 26px;

	line-height: 36px;

	color: #424242;

}







.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;



}







/* 翻译插件 */

.goog {
	padding-left: 0 !important;
	position: relative;
}

#google_translate_element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.goog-te-banner-frame {
	display: none !important;
}

.goog-te-gadget-simple {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
	color: #464746 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
	border: none !important;
	color: #464746 !important;
}

.goog-te-gadget img {
	display: none !important;
}

.goog-te-gadget-simple {
	background: url(../images/google_logo.png) left center no-repeat !important;
	padding-left: 20px !important;
}
