/* 首页主干开始 */
.index-title{font-weight: bold;padding: 40px 0px!important;color: #c91e0d;
	text-align: center;
	font-size: 40px;
}
.index-title i{	display: inline-block;width: 80px;height: 14px;border-top: 2px solid #c91e0d;margin: 0 10px}
.index-title a{color: #c91e0d}
.index-title.white,.index-title.white a{color: #fff!important;}
.index-title.white i{border-color: #fff!important}
.mainbox {
	margin: auto;
	position: relative;
	background: #fff;
	z-index: 9
}
.industry-list {
	padding: 30px 0;
}

.industry-list-con {
	max-width: 1024px;
	padding-top: 20px;
	overflow: hidden;
	margin: auto
}

.industry-list-con dl {
	float: left;
	width: 31%;
	margin: 0 1%;
	position: relative
}

.industry-list-con dl dt {
	width: 100%;
	height: 238px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-position: center;background-size: cover;background-repeat: no-repeat;
}

.industry-list-con dl dt .inUrl {
	display: block;
	width: 85%;
	padding: 5%;
	font-size: 14px;
	height: 100%;
	line-height: 26px;
	position: absolute;
	left: -330px;
	top: 0;
	background: url(../images/aa.png);color: #fff;
	transition: left .2s;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-o-transition: left .2s
}

.industry-list-con dl dt .inUrl .inTitle {
	text-indent: -9999px;
	width: 33px;
	height: 33px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	background: url(../images/icon.png) no-repeat -40px 0
}
.industry-list-con dl dt .inUrl .inTitle.cd {
	left: 100px;
	text-indent: -9999px;
	background-position: 0 0;
	visibility: hidden
}

.industry-list-con dl dd {
	text-align: center;
	padding: 10px 0;
	color: #003586;
	font-size: 16px
}

.industry-list-con dl dd a {
	color: #335C9C
}
.industry-list-con dl dt:hover{
	transform: scale(1.1);transition: all 0.6s;
}
.industry-list-con dl dt:hover .inUrl {
	display: block;
	left: 0;
	transition: left .2s;
	-webkit-transition: left .2s;
	-moz-transition: left .2s;
	-o-transition: left .2s
}

.business-performance {
	width: 100%;
	min-height: 480px;
	background-image: url(../images/love-bg.jpg);
	background-size: cover;
	background-position:top;
}
.business-performance h4 {
	text-align: center;
	font-size: 40px;
	padding-top: 3%;
	z-index: 99;
	color: #fff
}

.business-performance h4 i {
	display: inline-block;
	width: 80px;
	height: 14px;
	border-top: 1px solid #fff;
	margin: 0 10px
}

.businesscell {
	margin: 55px auto 0;
	max-width: 980px
}

.businesscell dl {
	float: left;
	width: 100%;
	padding-left: 7%
}

.businesscell dt {
	width: 40%;
	margin: auto;
}

.businesscell dt img {
	width: 100%
}
.businesscell dt img:hover{transform: scale(1.1);transition: all 0.6s;}
.businesscell dd {
	margin-top: 15px;
	text-align: center;
	font-size: 30px;
	color: #fff
}

.businesscell dd em {
	margin-top: 10px;
	display: block;
	font-size: 14px
}

.business-performance .business-arrow {
	position: absolute;
	top: 50%;
	margin-top: -42px;
	width: 35px;
	height: 85px;
	z-index: 99;
}

.business-performance:hover .business-arrow {
	display: block
}

.business-performance .business-arrow-l {
	left: 10px;
	background: url(../images/icon.png) no-repeat -80px -3px
}

.business-performance .business-arrow-r {
	right: 10px;
	background: url(../images/icon.png) no-repeat -129px -6px
}
/* 首页列表category_list */
.bannerstatic{height: 610px;}
/* 新首页 */
/* 顶部轮播 */
.swipebox {
	width: 100%;
	min-height: 485px;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 1
}
#slideBox,#slideBox .bd,#slideBox .bd li{height: 610px;}
.slideBox{ width:100%; min-height: 485px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%; min-height: 485px}
.slideBox .bd li a{display: block;width: 100%;height: 100%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute;  bottom:45px;display:block; width:56px;height: 56px;background:url(../images/icon.png) rgba(255,255,255,.3) no-repeat -58px -98px; }
.slideBox .next{right: 40px;background: url(../images/icon.png) no-repeat -58px -98px}
.slideBox .prev{right: 105px;background: url(../images/icon.png) no-repeat -1px -98px}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.pic img {
	width: 230px;
	height: 135px;
}

.picList li {
	float: left;
	width: 263px;
}
.picScroll-left{position: relative;width: 850px;margin: 0px auto}
.picScroll-left .pic{
	width: 258px;
	height: 143px;
	background-size: cover;background-repeat: no-repeat;background-position: center;
}
.picScroll-left .hd {
	position: absolute;
	z-index: 4;
	width: 100%;
	top: 50%;margin-top: -40px;
}

.picScroll-left .bd .pic:hover {
	transition: 0.6s;
	transform: scale(1.1);
}

.picScroll-left .hd .next,
.picScroll-left .hd .prev {
	width: 50px;
	height: 80px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	position: absolute;
	text-align: center;
	line-height: 41px;
	opacity: .7;
	font-size: 30px;
	cursor: pointer;
}

.picScroll-left .hd .prev {
	right: 6px;
	background: url(../images/right.png) no-repeat center;background-size: 38px;
}
.picScroll-left .hd .next {
	left: -20px;
	background: url(../images/left.png) no-repeat center;background-size: 38px;
}


.center {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.info{padding: 40px 0px;}
.info_box{
	width: 100%;
	box-sizing: border-box;
	padding: 50px 0;
	 background-color: #f5f5f5; 
}
.info_item{
	width: 600px;
	height: auto;
}
.info_t_l{
	width: 300px;
	height: 260px;
	position: relative;
	background-position: center;background-repeat: no-repeat;background-size: 230px;
}
.image{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;}
.info_t_l:after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 0;
	width:0;
	height:0;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-right:15px solid #fff;
}
.info_hide{
	width: 170px;
	height: 120px;
	background-color: #c91e0d;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -85px;
	margin-top: -60px;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding-top: 40px;
	opacity: 0;
	z-index: 2;
}
.info_hide a{
	color: #fff;
}
.info_hide p:first-child{
	font-size: 18px;
}
.info_hide p:last-child{
	font-size: 14px;
}
.info_item:hover .info_hide{
	opacity: 1;
	transition: 0.5s;
}
.info_item:hover .image{background: rgba(0,0,0,.5);}
.info_item:hover .info_t_r{
	background-color: #c91e0d;
	color: #fff!important;
	transition: 0.3s;
}
.info_item:hover .info_t_r a{
	color: #fff;
}
.info_item:hover .info_t_l{
	transform: scale(0.9);transition: all 0.6s; 
	/* transform: scale(1.1);transition: all 0.6s; */
}
.info_item:hover .info_t_r .info_tit{
	color: #fff;
}
.info_item:hover .info_t_l:after{
	border-right:15px solid #c91e0d;
}
.info_item:nth-of-type(n+3):hover .info_t_l:after{
	border-left:15px solid #c91e0d;
}
.info_item:hover .py{
	display: none;
}
.info_item:hover .py1{
	display: inline-block;
}

.info_t_r{
	width: 300px;
	height: 260px;
	box-sizing: border-box;
	padding: 20px;
	background-color: #fff;
}
.info_tit{
	font-size: 18px;
	font-weight: bold;
	color: #c91e0d;
	margin-bottom: 10px;
}
.info_con{
	font-size: 14px;
	line-height: 25px;
}
.info_m{
	font-size: 14px;
	margin-top: 25px;
	text-align: right;
}
.info_m a:hover{
	text-decoration: underline;
	color: #007d94;
}
.info_item:nth-of-type(n+3) .info_t_l:after{
	right: 283px;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left:15px solid #fff;
	border-right: none;
} 

.industry-m{background: #fff;padding: 14px 10px 5px;display: none;}
.industry-m li{border-bottom: 1px solid #dedede;padding: 8px 0px;}
.industry-ti + li{border-top: 1px solid #dedede;}
/* .industry-m li:nth-child(2){border-top: 1px solid #dedede;} */
.industry-m a{display: block;}
.mTitle{font-size: 15px;font-weight: bold;color: #333;height: 18px;line-height: 18px;overflow: hidden;margin-bottom: 7px;}
.mCon{}
.mCon .mPic{display: inline-block;height:90px;width: 40%;vertical-align: middle;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mmess{display: inline-block;vertical-align: middle;height: 90px;width: 57%;margin-left: 1%;overflow: hidden;    font-size: 12px;
    color: #999;line-height: 23px;}
.more{position: relative;
    display: block;
    width: 205px;
    border-radius: 40px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border: 1px solid #c91e0d;
    margin: 7px auto 2px;
    overflow: hidden;
    background: #c91e0d;
    display: none;
}
.bannerMiddle{height: 320px;}
.industry-ti{border-left: 3px solid #c91e0d;text-indent: .5rem;font-size: 16px;color: #c91e0d;line-height: 22px;margin: 0px auto 14px;font-weight: bold;background: #fff}
#Mobile{display: none;}
.Divbox{background: #f5f5f5}
.mobileIndBox{}
.m-topBox{background: #fff;width: 100%;padding-top: 10px;margin-bottom: 3px;}
.button{-webkit-appearance:none;
	-webkit-border-radius:0px!important;
			   margin:0;  
			   padding:0;  
			   border:0!important;
}
@media screen and  (max-width :1000px){
	.bannerstatic,#slideBox,#slideBox .bd,#slideBox .bd li{height: 500px;}
}
@media screen and  (max-width :768px){
	body{overflow-x:hidden; }
/* .Divbox{background: #fff} */
#Mobile{display: block;padding: 0px 0px 3px!important;}
#Mobile .industry-ti{margin: 0px 10px;}
 #Mobile .p-line{margin: 0px 10px;height: 1px;background: #eee;margin-top: 10px;} 
	.swipebox{position: static;min-height: auto;}
	.bannerstatic,#slideBox,#slideBox .bd,#slideBox .bd li{height: 300px!important;}
	.contact-ourinfo,.contact-message{width: 100%!important;padding: 8px}
    .center,.contactus,.picScroll-left,.info_t_l,.info_t_r{width: 100%!important;float: none!important;}
    .info_t_l{float: none!important;height: 150px;background-size: contain;width: 100%;background-size: 130px;background-color: #fff;border-radius: 8px 8px 0px 0px;}
    .info_t_l:after{display: none;}
    .info_t_r{float: none!important;height: auto;margin-bottom: 3px;padding: 10px;border-radius:  0px 0px 8px 8px;padding: 0px 10px 10px;}
    .info_item:nth-of-type(n+3) .info_t_l:after{
		left: 0px;
	} 
	.info_m{margin-top: 0px;display: none;}
	.info_tit{font-size: 16px;}
	.info_con{font-size: 12px;height: 45px;line-height: 15px;overflow: hidden;}
    /* .info_t_l,.info_t_r{height: 200px} */
    .info_item{width: 49%;margin: 0px 0.5%}
    .info{padding: 20px 0px!important}
    .picScroll-left .pic{width: 310px;height: 195px;}
    .industry-list{padding: 20px 0px;display: none;}
    .industry-m,.more{display: block;}
    .industry-list-con dl{width: 100%;margin: 0px auto;float: none;padding: 0px 10px;}
    .businesscell dl{padding-left: 0px}
     .bannerMiddle{height: 220px;}
    .tempWrap{margin: 0px auto}
    .picScroll-left .hd .next, .picScroll-left .hd .prev{height: 40px;background-size: 20px;}
    .picScroll-left .hd .next{left: 10px;}
    .picScroll-left .hd .prev{right: 10px;}
    .index-title{font-size: 26px;}
    .index-title i{height: 12px;}
    .industry-list-con dl dd{font-size: 14px;}
	.slideBox .prev, .slideBox .next{bottom: 15px;width: 35px;height: 35px;border: 1px solid #fff;}
	.slideBox .next{right: 20px;background-position:-67px -108px}
	.slideBox .prev{right: 70px;background-position:-14px -108px}
	.business-performance{height: 370px;min-height: auto}
	.business-performance .index-title{padding: 40px 0px 0px!important}
	.contactus{margin: 20px auto!important;}
	.contact-ourinfo h4{margin-bottom: 0px!important;}
	#PC{display: none;}
	.info_item:hover{pointer-events: none;}

}
@media screen and  (max-width :415px){
	.bannerstatic,#slideBox,#slideBox .bd,#slideBox .bd li{height: 280px;}
	.slideBox .bd li,.swipebox,.slideBox{min-height: 280px}
}
@media screen and  (max-width :321px){
	.bannerstatic,#slideBox,#slideBox .bd,#slideBox .bd li{height: 180px;}
	.slideBox .bd li,.swipebox,.slideBox{min-height: 180px}
	.index-title i{width: 65px;}
}