/* title  start */
.item_tit{ text-align: center; padding: 80px 0 45px;}
.item_tit .con_item1_icon{margin-top: 90px;margin-bottom: 40px;width: 60px;}
.item_tit h3{font-size: 26px;line-height: 1;color:#000;margin-bottom: 16px;font-weight: bold;}
.item_tit h3:nth-of-type(2){font-size: 20px;font-weight: normal;}

.item_tit .item1_tit_line{
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px;
	border-color: #a40000 transparent transparent transparent;
	position: relative;
	/* margin-bottom: 35px; */
}
.item_tit .item1_tit_line i{
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: -14px;
	top: -16px;
}
.item_tit .item1_tit_line:before{
	position: absolute;
	left: -154px;
	top: -14px;
	content: '';
	width: 151px;
	height: 1px;
	background: #a40000;
}
.item_tit .item1_tit_line:after{
	position: absolute;
	right: -154px;
	top: -14px;
	content: '';
	width: 141px;
	height: 1px;
	background: #a40000;
}
/* title  end */

/*clip start*/
#clip{ overflow: hidden; margin-bottom: 15px; position: relative;padding-bottom: 50px;}
#clip .clip_img{ width: 50%; height: 100%; float: left; position: relative;}
#clip .clip_img .clip_img_item{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#clip .clip_txt{ width: 50%; height: 100%; float: left; background: #a40000;}
#clip .clip_txt .clip_txt_scroll{ width: 200%; height: 100%; overflow-y: scroll; }
#clip .clip_txt .clip_txt_scroll .clip_txt_item{ font-size: 0; color:#fff; display: table; width: 50%;}
#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap{ display: table-cell; vertical-align: middle; text-align: center; }
#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_ico{ display: inline-block; width: 55px; height: 55px; }
#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_tit{ font-size: 30px; margin:50px 0 30px;font-weight: bold;color: #fff;}
#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_con{ width: 52%; margin:0 auto; font-size: 24px; line-height: 39px; text-align: center;color: #fff; }
#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_mouse{display: inline-block; width: 42px; height: 44px; background: url(../images/index/turn_icon0.png) no-repeat 0 0; background-size: 42px 44px; margin-top: 50px; animation: mouseMove 1.3s ease-in infinite;}
@keyframes mouseMove{
	from{ transform: translateY(0); opacity: 1;}
	to{ transform: translateY(15px); opacity: .1;}
}

#clip .clip_dot{ position: absolute; right: 10px; top: 10px; width: 20px; }
#clip .clip_dot .dot_item{ display: block; width: 20px; height: 20px; list-style: 20px; text-align: center; font-size: 14px; cursor:pointer; background: #fff; color:#000; border-radius: 100%; margin-bottom: 5px; position: relative;}
#clip .clip_dot .dot_item:hover,
#clip .clip_dot .active{ background: #faa536;color:#fff; }
#clip .clip_dot .dot_item .dot_item_tit{ display: none; white-space: nowrap; position: absolute; height: 20px; top: 0; right: 20px; color:#fff; font-size: 14px; padding-right: 5px; }
#clip .clip_dot .dot_item:hover .dot_item_tit{ display: block; animation: dotItemShow .4s forwards; }
@keyframes dotItemShow{
	from{ opacity: 0; }
	to{ opacity: 1; }
}
/*clip end*/

#ppxx .title h2{padding-bottom: 20px;}


/* 2017.11.15 */
.banner .lepic{width: 32%;}
.title h2:first-child{padding-bottom: 0;}
.title{padding:30px 0 40px;}
.bigpic{
	margin-top: 20px;
}
.line-p{
	width: 10%;
	height: 3px;
	left: 45%;
}
.line3{
	width: 5%;
	left: 47.5%;
}
.title02{
	padding-top: 80px;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.case_box{padding-bottom: 40px;}
.case_con01{width:33.333%;float: left;position: relative;cursor: pointer;}
.case_con01>img{width: 100%;display: block;transition: .5s ease-out;}
.cover01{position: absolute;top:0;width:100%;height: 100%;background: rgba(0,0,0,0.65);box-sizing: border-box;opacity: 1;transition: .8s ease-out;}
.cover01>h2{font-size: 34px;font-weight: bold; color: #fff;box-sizing: border-box;/*padding: 10px;*/text-align: center;padding-top: 20%;}
.cover01>h3{color: #fff;font-weight: bold;text-align: center;/*font-family:"Calibri Light";*/  font-size:18px;font-weight: bold;padding-bottom: 10px;padding-top: 4px;}
.cover01>p{font-size: 16px;color: #fff;box-sizing: border-box;padding: 5px;text-align: center;font-weight: bold;}
.cover01 .cline01{width:0;height: 6px;background-color:#a40000;position: absolute;bottom: 0;transition: .5s ease-out;}
.case_con01:hover .cover01{opacity: 0}
.case_con01:hover .cline01{width: 100%;}
.block{display: block!important;}
.hidden .tab_con{margin-top: 10px;}
.hidden{width: 50%;margin: 0 auto;box-sizing: border-box;padding: 0 2px;}
.facbox{position: relative;}
.bline{height: 1px;width: 100%;background: #dcdddd;position: absolute;bottom: 0}
.three_tab{width: 33.333%;float: left;text-align: center;}
.tab_box{width: 50%;margin: 0 auto;}
.content{position: relative;padding-bottom: 60px;}
.bline38{position: absolute;bottom: 0;height: 1px;background: #dcdddd;width: 100%;}
.foot .title{margin-top: 20px;}
.tab_pic{width: 120px;height: 120px;margin: 0 auto;border:2px solid #a40000;border-radius: 100%;}
.tab_pic img{width: 100%;display: block;}
.ttname{padding-bottom: 40px;}
.ttname h2{font-size: 50px;text-align: center;padding-bottom: 30px;font-weight: bold;}
.ttname h2.small{font-size: 30px;}
.ttname h2 span{color: #a40000;padding-left: 10px;}
.ttname p{font-size: 14px;text-align: center;padding: 4px 0;font-weight: bold;color: #000;}
.thbox{padding-top: 30px;}


@media(max-width:1219px){
	#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_tit{margin: 25px 0 15px;font-size: 26px;}
	#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_con{font-size: 20px;line-height: 30px;width: 70%;}
	.ttname h2.small{font-size: 28px;}
	.ttname h2{font-size: 36px;}
	.cover01>h2{font-size: 20px;padding-top: 20px;}
}
@media(max-width:1024px){
	#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_tit{font-size: 20px;margin: 20px 0 15px;}
	#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_mouse{margin-top: 5px;}
	#clip .clip_txt .clip_txt_scroll .clip_txt_item .txt_wrap .txt_con{font-size: 18px;width: 90%;}
	.case_con01{width: 50%;}
	.ttname h2.small{font-size: 18px;}
	.ttname h2{font-size: 26px;}
	.cover01>h2{padding-top: 15%;}
}



@media(max-width:767px){
	.clip{display: none;}
	.clip-p{width: 100%;}
	.clip-p img{width: 100%;display: block;}
	.item_tit{padding: 40px 0 25px;}
	.item_tit h3{font-size: 20px;}
	.clip-p .text01{width: 100%;background: #a40000;color: #fff;height: 170px;padding: 20px 0;}
	.text01 .txt_tit{font-size: 18px;margin: 10px 0 20px;font-weight: bold;color: #fff;}
	.text01 .txt_con{width: 80%;margin: 0 auto;font-size: 14px;line-height: 30px;text-align: center;color: #fff;}
	.item_tit h3:nth-of-type(2){font-size: 16px;}
	.case_con01{width: 100%;}
	.ttname{padding:0 15px 20px;}
	.cover01>p{line-height: 1.6;}
}


@media(min-width:768px){
	.clip-p{display: none;}
}