@charset :"utf-8";
body{
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
	}
	.btn{
		background: transparent;
		border-color: transparent
	}
.backTop{display: none;}


/* CSS Document */
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mb10{margin-bottom: 10px;}
.fixed{position: fixed;}
.header_top{top:0;left: 0;background: #fff;z-index: 9999999}
/* 头部 */
.header{overflow: hidden;padding:0px 0 27px; margin-top:20px;}
/* .header .logo{width: 780px;} */
.header .tel{width: 260px;}
.header .tel img{
	float: left;
	width: 67px;
	margin-right: 10px;
}
.header .tel address{float:left;width:182px;margin-top: 0;font-style: normal}
.header .tel address .hotline{
	font-size: 20px;
	color: #2e363d;
	margin-bottom: 3px;
	display: block
}
.header .tel address a{
    color: #da4150;
    font-size: 22px;
    display: block;
    line-height: 25px;
    font-weight: bold;
}

/* nav strat */
.nav{
	background: #2e363d;
	position:relative;
	z-index:9999999;
}
.nav ul{text-align:center;margin-bottom:0}
.nav ul li{
	display:inline-block;
	font-size: 16px;
	position:relative;
}
.nav ul li .submenu{position:absolute;top:52px;left:15px;background:#2e363d;overflow:hidden;z-index:999;padding-bottom:10px;display:none;}
.nav ul li:hover .submenu{display:block;}
.nav ul li .submenu a{line-height: 35px;font-size: 13.5px;text-align:center;}
.nav ul li a{
	display: block;
	padding: 0 13px;
	color: #fff
}

.nav ul li a:hover,.nav ul li .on{
	background-color: #e44352;
	color: #fff;
}
.index_banner{
	height: 650px!important;
	position: relative;
}
.index_banner .iconf{position: absolute;width: 100%;height: 15px;bottom:15px;left: 0;text-align: center;z-index: 99999;display: block!important}
.index_banner .iconf span{width: 20px;opacity:;height: 20px;background:#fff ;border-radius: 100%;display: inline-block;margin-right: 10px; box-shadow: 2px 2px 2px #0c0c0c;}
.index_banner .iconf .on{background:#e44352;opacity:;}
.index_banner .box{position: relative}
.index_banner .item:first-child,.banner .item:first-child{z-index:11;display: block;} 
.index2banner{
	height: 395px!important;
}
.banner {
	height: 540px;
	position: relative;
	overflow: hidden;
		z-index:1;
}
.banner a{display: block}
.banner .item{
	width: 1920px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	display: none
}
.banner article{
	position: absolute;
	width: 920px;
	height: 140px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	text-align: center
}
.banner article p{
	font-size: 32px;
	color: #fff;
}

/* 底部 */
/* footer */
.footer .container-fixed{
	width: 1112px;
}
.footer{background-color: #17212a;padding:20px 0;text-align: center}
.footer_logo{margin-right:20px;}
.footer .footer_contact{padding:0 0 0 12px;}
.footer .footer_contact p{
	font-size: 14px;
	text-align: left;
	background: url('../images/contact_icon.png') no-repeat 0 -66px;
	text-indent: 1.4em;
	color: #fff;
	margin-bottom: 10px;
}
.footer .footer_contact p:nth-child(2){background-position: 0 0}
.footer .footer_contact p:nth-child(3){background-position: 0 -28px}
.footer .weixin{border-left: 1px solid #767676;padding-left: 70px;margin-left: 60px;}
.footer .weixin dl,.footer .ad{text-align: center;display: inline-block;vertical-align: middle;}
.footer .weixin dl dd{margin-top: 5px;color:#fff;}
.footer .weixin .ad{padding-left: 10px;}
.footer .link{
	text-align: center;
	color: #767676;
	line-height: 28px;
	width: 100%;
	margin-top: 10px;
}
.friendly_link a{margin-right: 5px;}
.friendly_link a,.web_link a,.copyright{color: #767676;}
.web_link a{
	display: inline-block;padding: 0 5px;
}
.footer .web_link{
	width: 518px;
	margin:0 auto 0;
	border-bottom: 1px solid #767676;
}
.footer .copyright{margin-top: 12px;}
.friendly_link a:hover, .web_link a:hover{
	color: #fff;
}

@media only screen and (min-width: 321px) and (max-width: 1024px){
	.footer{ display:none;}
	.tel img{ display:none;}
}

@media screen and (min-width: 320px) and (max-width: 480px){
	.footer{ display:none;}
	.tel img{ display:none;}
} 

/* 案例 */
.case{
	background: #f2f2f2;
}
.case .container-fixed{
	position: relative;
	overflow: hidden;
	height: 670px;
}
.case .case_list ul{
	position: absolute;
	width: 100%;
	height: 500px;
	margin-left: -5px;
}
.case .case_list ul li{
	width: 25%;
	height: 50%;
	float: left;
}
.case .case_list ul li a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	float: left;
	margin: 5px 0 0 5px;
	line-height: 163px;
	text-align: center
}
.case .case_list ul li a:hover{opacity: 0.6;}
.case .case_list ul li a img{max-width:98%; height:98%}

.index_common .iconf{
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 9999
}
.index_common .iconf span{
	display: inline-block;
	height: 2px;
	background: #808080;
	margin-right: 5px;
	width: 65px;
	cursor: pointer
}
.index_common .iconf .on{
	background: #db2c32
}

.about .about_intro .left,.about .about_intro .right{
	width: 50%;
}
.about .about_intro{
	overflow: hidden;
	margin-bottom: 20px;
}
.about .about_intro .left{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}
.about .about_intro .right{
	padding: 40px 25px;
}
.about .about_intro .right h2{
	font-size: 24px;
	color: #333333;
}
.about .about_intro .right p{
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	margin-top: 5px;
}
.about .about_intro .right .more{
	float: right;
	width: 100px;
	height: 40px;
	color: #e44352;
	line-height: 40px;
	text-align: center;
	border-radius: 8px;
	display: block;
	background: #fff;
}
.about_grids{
	position: relative
}
.about_grids_con{
	width: 1115px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 143px;
}
.about_grids_con ul{
	position: absolute;
	width: 1000%;
	height: 143px;
}
.about_grids_con ul li,.about_grids_con ul li img{
	width: 130px;
	height: 190px;
}
.about_grids_con ul li{
	margin-right: 3px;
	float: left;
}
.about_grids .Btn span{
	width: 35px;
	height: 50px;
	position: absolute;
	display: block;
	top: 40%;
	z-index: 999;
	cursor: pointer;
}
.about_grids .Btn .prev{
	background: #fff url('../images/prev.png') no-repeat center;
	left: 0;
}
.about_grids .Btn .next{
	background: #fff url('../images/next.png') no-repeat center;
	right: 0;
}


@media only screen and (min-width: 1029px){
.nav ul li{ line-height: 52px;}
.header{ height: 130px;}
.nav ul li{	padding:0 15px;}
.nav ul li:first-child a{ padding:0 30px;}
}