@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#F6F6F6;height: 100%}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

/*slick*/
.slick-slider{position: relative;outline: none;display: block; -moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left;outline: 0 none;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none;z-index: 2; }
.slick-arrow.slick-hidden { display: none;}
.slick-dots { position: absolute; bottom: -45px; left: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; padding: 0px; cursor: pointer; }
.slick-dots button{display: none;}
/*slick*/

.layui-input {
	display: inline-block;width: 276px;height: 30px;line-height: 30px;float: right;border: 1px solid #e5e5e5;padding: 0 10px;
}

@media screen and (max-width: 780px) {
	.layui-input {
		float: left;
		width: 100%;
		box-sizing: border-box;
	}
}

/*  */
.layout{max-width: 1200px;margin: 0 auto;clear:both;}
.header{
	height: 100px;
	background: #FFFFFF;
}
.header .layout{
	position: relative;
}
.logo{
	overflow: hidden;
	float: left;
	margin-top: 20px;
}
.logo img{
	width: auto;
	max-width: 100%;
	line-height: 40px;
}
.menu{
	float: left;
	margin-left: 9%;
}
.menu li{
	float: left;
	position: relative;
}
/*12134*/
.menu li p a{
	display: block;
	padding: 54px 24px 25px;
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	position: relative;
	z-index: 2;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.menu li:hover p a{
	/*background: #e31937;*/
	color: #FFFFFF;
}
.menu li p{
	overflow: hidden;
}
.menu li p:before{
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background: #e31937;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.menu li:hover p:before{
	top: 0;
}
/*12134o*/
.submenu{
	display: none;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 9;
	width: 200px;
	text-align: center;
	padding: 9px 0;
	background: #FFFFFF;
}
.submenu a{
	display: block;
	line-height: 40px;
	font-size: 13px;
	color: #333333;
}
.submenu a:hover{
	background: #F6F6F6;
	color: #e31937;
}
.search_icon{
	float: right;
	width: 32px;
	height: 32px;
	background: url(../images/search.png) no-repeat;
	margin-top: 48px;
}
.menu-skip{
	display: none;
}
.menu-bg{
	display: none;
}
.search{
	position: absolute;
	right: 0;
	top: 100px;
	z-index: 2;
	background: #FFFFFF;
	padding: 20px;
	display: none;
}
.search form{
	border-bottom: 1px #DDDDDD solid;
	width: 545px;
	height: 40px;
}
.search form .text{
	float: left;
	width: 505px;
	height: 40px;
	border: none;
	font-size: 13px;
	color: #666666;
}
.search form .submit{
	width: 40px;
	height: 40px;
	border: none;
	background: url(../images/fdj.png) center no-repeat;
	background-size: 16px;
}
.banner img{
	width: 100%;
}
/*12281*/
.banner .slick-dots{
	height: 12px;
	bottom: 20px !important;
}
.banner .slick-dots li{
	width: 12px;
	height: 12px;
	vertical-align: top;
	opacity: 1;
	background: #FFFFFF;
	margin: 0 4px;
	border-radius: 50%;
}
.banner .slick-dots li.slick-active{
	background: #e31937;
}
/*12281o*/
.index_1{
	background: #FFFFFF;
	padding: 25px 0;
}
.index_1 .fl{
	width: 68.333%;
}
.index_1 .fl h3{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
}
.index_1 .fl p{
	font-size: 13px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 11px;
}
.index_1 .fr{
	margin-top: 50px;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 40px;
	width: 126px;
	text-align: center;
	background: #E31937;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0;
    transition-delay: 0.2s, 0;
    box-sizing: border-box;
}
.index_1 .fr i{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/arw1.png) center no-repeat;
	background-size: cover;
	margin-left: 8px;
}
.index_1 .fr:hover{
	font-size: 15px;
}
.index_2{
	margin-top: 30px;
}
.index_2 .con{
	background: #FFFFFF;
}
.news_box{
	float: left;
	width: 34.1666666%;
	padding: 0 46px 0 24px;
	box-sizing: border-box;
}
.title{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
	padding-top: 24px;
}
.news_list{
	padding-top: 8px;
}
.news_list li{
	border-bottom: 1px #e6e6e6 solid;
}
.news_list li a{
	display: block;
	padding: 9px 0 11px;
}
.news_list li h3{
	font-size: 14px;
	color: #999999;
	line-height: 19px;
}
.news_list li p{
	font-size: 13px;
	color: #333333;
	line-height: 17px;
	margin-top: 8px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_list li a:hover p{
	color: #E31937;
}
.more_btn{
	font-size: 14px;
	color: #e31937;
	line-height: 34px;
	margin-top: 7px;
	display: inline-block;
	vertical-align: top;
	-webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0;
    transition-delay: 0.2s, 0;
}
.more_btn span{
	display: inline-block;
	vertical-align: top;
}
.more_btn i{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../images/arw2.png) center no-repeat;
	background-size: cover;
	margin-left: 6px;
}
.more_btn:hover{
	padding: 0 10px;
	background: #E31937;
	color: #FFFFFF;
}
.more_btn:hover i{
	background-image: url(../images/arw1.png);
}
.case_box{
	float: left;
	width: 31.66666%;
	overflow: hidden;
	position: relative;
}
/*修改5*/
.case_box img{
	width: auto;
	height: auto;
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.case_box:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
/*修改5w*/
.case_box .w{
	width: 87.36%;
	position: absolute;
	left: 50%;
	margin-left: -37.68%;
	bottom: -0.33%;
	/*background: rgba(277,25,55,.6);*/
	padding: 10px 16px 9px;
	box-sizing: border-box;
	color: #FFFFFF;
}
.case_box .w h3{
	font-size: 24px;
	line-height: 32px;
	text-align: right;
}
.case_box .w p{
	font-size: 16px;
	line-height: 21px;
	padding-top: 6px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: right;
}
.case_box .w .wr{
	text-align: right;
}
.case_box .more_btn{
	color: #FFFFFF;
	margin-top: 0;
}
.case_box .more_btn i{
	background-image: url(../images/arw1.png);
}
.yw_box{
	float: right;
	width: 34.1666666%;
	padding: 0 24px;
	box-sizing: border-box;
}
/*修改6*/
.yw_box li{
	margin-top: 14px;
	border: 2px #f8f8f8 solid;
}
.yw_box li a{
	display: block;
	padding:20px 24px 15px;
}
.yw_box li:hover{
	border-color: #E31937;
}
/*修改6w*/
.yw_box li i{
	float: left;
	width: 20.4%;
	overflow: hidden;
}
.yw_box li i img{
	width: 100%;
}
.yw_box li .fr{
	width: 76%;
}
.yw_box li h3{
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	padding-top: 8px;
	font-weight: bold;/*修改2*/
}
.yw_box li p{
	font-size: 12px;
	color: #999999;
	line-height: 16px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px;
}
.yw_box li:hover h3{
	color: #E31937;
}
.foot{
	background: #666666;
	margin-top: 30px;
	padding: 25px 0;
}
.foot.fixed{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.foot .fl{
	width: 75%;
}
.links{
	font-size: 13px;
	line-height: 17px;
	color: #FFFFFF;
}
.links a{
	display: inline-block;
	vertical-align: top;
	color: #FFFFFF;
	margin-right: 1%;
}
.links a:hover{
	text-decoration: underline;
}
.copyright{
	font-size: 13px;
	color: #FFFFFF;
	opacity: .4;
	line-height: 17px;
	padding-top: 14px;
}
.foot .fr{
	margin-top: 20px;
}
.foot .fr span{
	float: left;
	line-height: 32px;
	font-size: 13px;
	color: #FFFFFF;
	opacity: .4;
}
.foot .fr a{
	float: left;
	width: 32px;
	height: 32px;
	/*overflow: hidden;*/
	margin-left: 15px;
	position: relative;
}
.foot .fr a img{
	width: 100%;
}
.inbanner img{
	width: 100%;
}
.location{
	background: #FFFFFF;
	line-height: 38px;
	padding-top: 22px;
	border-bottom: 1px #e5e5e5 solid;
}
.location p{
	padding-left: 28px;
	background: url(../images/home.png) left center no-repeat;
	background-size: 16px;
	font-size: 12px;
	color: #999999;
}
.location p a{
	display: inline-block;
	vertical-align: top;
	color: #999999;
}
.location p a:hover{
	color: #E31937;
}
.location p em{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
.case_list li{
	margin-top: 30px;
	background: #FFFFFF;
}
.case_list .fl{
	width: 46.6666%;
	margin-left: 4.1666%;
	margin-top: 40px;
}
.case_list .fl h3{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
}
.case_list .fl p{
	font-size: 13px;
	color: #666666;
	line-height: 32px;
	max-height: 128px;
	margin-top: 21px;
	overflow: hidden;
}
.case_list .fl .more_btn{
	margin-top: 30px;
}
.case_list .fr{
	width: 40.25%;
	overflow: hidden;
	text-align: center;
}
.case_list .fr img{
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
}
.case_list .fr:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
/*12135*/
.case_list li a{
	display: block;
}
.case_list li a:hover h3{
	color: #e31937;
}
.case_list li a:hover .more_btn{
	padding: 0 10px;
	background: #E31937;
	color: #FFFFFF;
}
.case_list li a:hover .more_btn i{
	background-image: url(../images/arw1.png);
}
/*12135o*/
.case_list2 .fr{
	float: left;
}
.case_det .po_b{
	position: relative;
	margin-top: 40px;
	overflow: hidden;
}
.case_det .posi{
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
}
.gallery-top{
	height: 600px;
}
.gallery-top .swiper-slide{
	background-size: cover;
	background-position: center;
	height: 600px;
}
.gallery-thumbs{
	margin: 0 auto;
	width: 94%;
	box-sizing: border-box;
	padding: 0 15px;
}
.gallery-thumbs .swiper-slide{
	text-align: center;
}
.gallery-thumbs .swiper-slide img{
	height: 126px;
	width: 178px;
	box-sizing: border-box;
}
.gallery-thumbs .slick-prev,
.gallery-thumbs .slick-next{
	width: 48px;
	height: 48px;
	background: url(../images/arw3.png) center no-repeat;
	background-size: cover;
	left: 0;
	margin-top: -24px;
}
.gallery-thumbs .slick-next{
	left: auto;
	right: 0;
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.gallery-thumbs .slick-current img{
	border: 2px #e31937 solid;
}
.location ul{
	float: right;
}
/*修改3*/
.location ul li{
	float: left;
	font-size: 14px;
	line-height: 36px;
}
.location ul li a{
	color: #666666;
	display: block;
	padding: 0 20px;
	border-bottom: 2px #FFFFFF solid;
}
.location ul li:hover a,
.location ul li.on a{
	color: #c30813;
	border-bottom-color: #C30813;
}
/*修改3o*/
.lc_tit{
	text-align: center;
	font-size: 18px;
	color: #333333;
	padding-top: 60px;
	line-height: 32px;
}
/*历程1*/
.lc_list{
	margin-top: 48px;
	padding: 40px 20px;
	background: #F6F6F6;
}
.lc_list:before{
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #E40000;
	width: 100%;
	content: '';
}
.lc_list .box{
	height: 370px;
	position: relative;
}
.lc_list .box .li{
	width: 50%;
	background: #FFFFFF;
	padding-top: 16px;
	position: absolute;
	left: 13%;
	top: 0;
}
.lc_list .box .li p{
	padding: 0 5%;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}
.lc_list .box .li h3{
	margin-top: 26px;
	text-align: center;
	background: #e31937;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 16px;
}
.lc_list .box .li b{
	display: block;
	width:0;
	height:0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #e31937;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -12px;
}
.lc_list .box .li .d{
	width: 16px;
	height: 16px;
	background: #e31937;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -39px;
	border-radius: 50%;
}
.lc_list .box .li:nth-child(2){
	left: auto;
	right: 6.5%;
	top: auto;
	bottom: 0;
}
.lc_list .box .li:nth-child(2n){
	padding-top: 0;
	padding-bottom: 26px;
}
.lc_list .box .li:nth-child(2n) b{
	bottom: auto;
	top: -12px;
	border-bottom: 12px solid #e31937;
	border-top: none;
}
.lc_list .box .li:nth-child(2n) p{
	margin-top: 16px;
}
.lc_list .box .li:nth-child(2n) h3{
	margin-top: 0;
}
.lc_list .box .li:nth-child(2n) .d{
	bottom: auto;
	top: -39px;
}
.lc_list .slick-prev,
.lc_list .slick-next{
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background: url(../images/arw3.png) #F6F6F6 center no-repeat;
	background-size: cover;
	left: 0;
	z-index: 2;
}
.lc_list .slick-next{
	left: auto;
	right: 0;
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
/*.lc_list .swiper-button-next.swiper-button-disabled,
.lc_list .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}*/
/*历程1o*/
.raw_list{
	padding-top: 20px;
}
.raw_list li{
	border-bottom: 1px #e5e5e5 solid;
}
.raw_list li a{
	display: block;
	padding-top: 20px;
	padding-right: 17%;
	padding-bottom: 34px;
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.raw_list li h3{
	font-size: 22px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.raw_list li a:hover{
	padding-left: 5px;
}
.raw_list li a:hover h3{
	color: #E50012;
}
.raw_list li h4{
	font-size: 14px;
	color: #999999;
	line-height: 16px;
	padding-top: 10px;
}
.raw_list li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-top: 20px;
}
.raw_list li:last-child{
	/*border: none;*/
}
.page{
	text-align: center;
	background: #F6F6F6;
	padding: 14px 0;
}
.page .dis{
	display: inline-block;
	vertical-align: top;
}
.page a{
	float: left;
	width: 50px;
	height: 30px;
	border: 1px #e5e5e5 solid;
	line-height: 30px;
	font-size: 14px;
	color: #333333;
	margin: 0 5px;
}
.page a.a2{
	width: auto;
	padding: 0 15px;
}
.page a.on,
.page a:hover{
	color: #FFFFFF;
	border-color: #e31937;
	background: #e31937;
}
.about{
	padding-top: 80px;
}
.about .fl{
	width: 56.66666%;
}
.about h3{
	font-size: 26px;
	color: #333333;
	line-height: 35px;
}
.about h4{
	font-size: 36px;
	line-height: 48px;
	color: #e5e5e5;
	text-transform: uppercase;
}
.about p{
	font-size: 13px;
	color: #333333;
	line-height: 24px;
	margin-top: 32px;
}
.about .fr{
	width: 34.16666%;
	overflow: hidden;
}
.about .fr img{
	width: 100%;
}
.about_list{
	padding-top: 40px;
}
.about_list li{
	float: left;
	width: 23.16666%;
	overflow: hidden;
	margin-right: 2.4444%;
}
.about_list li:last-child{
	margin-right: 0;
}
.about_list li img{
	width: 100%;
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.about_list li:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.contact{
	padding: 60px 0;
}
.contact .fl{
	width: 35%;
	margin-left: 10%;
	margin-top: 90px;
}
.contact .fl h3{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
}
.contact .fl p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-top: 20px;
}
.contact .fr{
	width: 48.78%;
}
.contact .fr img{
	width: 100%;
}
.honor{
	background: #F6F6F6;
	padding: 40px 0;
	position: relative;
	margin-top: 40px;
}
.honor:before{
	content: '';
	width: 100%;
	height: 2px;
	background: #e31937;
	position: absolute;
	left: 0;
	top: 98px;
}
.honor .box{
	box-sizing: border-box;
	padding: 0 12%;
}
.honor .box h3{
	font-size: 24px;
	color: #2017;
	width: 60px;
	color: #e31937;
	line-height: 51px;
	position: relative;
	padding-bottom: 16px;
}
.honor .box h3:before{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #e31937;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	content: '';
	top: auto;
	bottom: 0;
}
.honor .box dl{
	font-size: 14px;
	color: #323c47;
	line-height: 19px;
	padding-top: 5px;
	position: relative;
	padding-left: 61px;
	padding-bottom: 60px;
}
.honor .box dl:before{
	content: '';
	width: 1px;
	height: 100%;
	background: #CCCCCC;
	position: absolute;
	left: 30px;
	top: 0;
}
.honor .box dd{
	margin-top: 20px;
	position: relative;
}
.honor .box dd:before{
	content: '';
	width: 9px;
	height: 9px;
	background: #CCCCCC;
	position: absolute;
	left: -35px;
	top: 5px;
	border-radius: 50%;
}
.honor .box dd:hover{
	color: #C01414;
}
.honor .box dd:hover:before{
	background: #C01414;
}
.honor .slick-prev,
.honor .slick-next{
	width: 48px;
	height: 48px;
	background: url(../images/arw3.png) center no-repeat #F6F6F6;
	background-size: cover;
	left: 0;
	top: 76px;
	margin: 0;
}
.honor .slick-next{
	left: auto;
	right: 0;
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
.wh_box{
	margin-top: 40px;
}
.wh_box .fl{
	width: 48.75%;
	font-size: 18px;
	line-height: 32px;
	color: #333333;
}
.wh_box .fr{
	width: 48.75%;
	overflow: hidden;
}
/*12131*/
/*.wh_box .fr img{*/
.wh_box img{
	width: 100%;
}
/*12131o*/
.search2{
	width: 683px;
	height: 46px;
	border: 1px #EEEEEE solid;
	border-radius: 46px;
	overflow: hidden;
	margin: 50px auto 0;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
}
.search2 .text{
	float: left;
	width: 637px;
	border: none;
	font-size: 14px;
	color: #333333;
	height: 46px;
}
.search2 .submit{
	float: right;
	width: 46px;
	height: 46px;
	background: url(../images/fdj.png) center no-repeat;
	background-size: 16px;
	border: none;
	cursor: pointer;
}
.nav{
	text-align: center;
	line-height: 40px;
	padding-top: 50px;
	border-bottom: 1px #e5e5e5 solid;
}
.nav ul{
	display: inline-block;
	vertical-align: top;
}
.nav li{
	float: left;
	margin: 0 30px;
}
.nav li a{
	display: block;
	font-size: 14px;
	color: #666666;
}
.nav li:hover a,
.nav li.on a{
	color: #C01414;
}
.s_tit{
	font-size: 14px;
	line-height: 35px;
}
.search_list li{
	float: left;
	margin: 20px 2.4444% 10px 0;
	background: #FFFFFF;
	width: 23.16666%;
}
.search_list li:nth-child(4n){
	margin-right: 0;
}
.search_list li a{
	display: block;
	padding: 16px 5.755% 30px;
}
.search_list li .pic{
	overflow: hidden;
}
.search_list li img{
	width: 100%;
	-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.search_list li h3{
	font-size: 16px;
	color: #333333;
	line-height: 21px;
	padding-top: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.search_list li h4{
	font-size: 13px;
	color: #999999;
	line-height: 17px;
	padding-top: 7px;
}
.search_list li p{
	font-size: 13px;
	color: #999;
	margin-top: 11px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.search_list li:hover h3{
	color: #C01414;
}
.search_list li:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.news li{
	border-bottom: 1px #EEEEEE solid;
	padding-bottom: 40px;
}
.news li .fr{
	float: left;
	width: 38.3333%;
}
.news li .fl{
	margin-top: 16px;
}
.news li .fl h4{
	font-size: 14px;
	color: #999999;
	line-height: 16px;
	margin-top: 10px;
}
.news li .fl p{
	height: 96px;
}
.news_det_1{
	float: left;
	width: 65.83333%;
	margin-top: 40px;
}
.news_det_1 .tit{
	font-size: 22px;
	color: #333333;
	line-height: 48px;
}
.news_det_1 .time{
	padding: 0 10px;
	background: #F6F6F6;
	line-height: 48px;
}
.news_det_1 .time span{
	float: left;
	font-size: 14px;
	color: #999999;
}
.news_det_1 .time a{
	float: right;
	font-size: 12px;
	color: #999999;
	max-width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_det_1 .time a:hover{
	color: #C01414;
}
.news_det_1 .w{
	padding: 0 5% 0 2%;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}
.news_det_1 .w p{
	margin-top: 30px;
}
.news_det_1 .w .pic{
	text-align: center;
	margin-top: 30px;
}
.news_det_1 .w .pic img{
	width: auto;
	max-width: 100%;
}
.page2{
	margin-top: 50px;
	border-top: 1px #EEEEEE solid;
	padding-top: 20px;
}
.page2 p{
	font-size: 14px;
	color: #333333;
	line-height: 32px;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.page2 p a{
	color: #333333;
}
.page2 p a:hover{
	color: #C01414;
}
.page2 .btn{
	float: right;
	width: 102px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border: 1px #e5e5e5 solid;
	color: #666;
	font-size: 13px;
}
.page2 .btn:hover{
	background: #C01414;
	border-color: #C01414;
	color: #FFFFFF;
}
.news_det_2{
	float: right;
	width: 31.666%;
	margin-top: 40px;
}
.news_det_2 .tit{
	color: #FFFFFF;
	background: #C01414;
	line-height: 48px;
	padding: 0 10px;
}
.news_det_2 li{
	border-bottom: 1px #e5e5e5 solid;
	padding: 20px 5px;
}
.news_det_2 li h3{
	font-size: 14px;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_det_2 li p{
	font-size: 13px;
	line-height: 17px;
	color: #666666;
	padding-top: 6px;
}
.news_det_2 li a{
	display: block;
}
.news_det_2 li a:hover h3{
	color: #C01414;
}
.yw_fw{
	float: none;
	width: 100%;
}
.yw_fw .tit{
	font-size: 24px;
	line-height: 32px;
	border-bottom: 1px #e5e5e5 solid;
	text-align: center;
	padding-bottom: 20px;
}
.yw_fw .tit p{
	font-size: 12px;
	color: #999999;
	line-height: 14px;
	padding-top: 10px;
}
.gallery-top .w{
	width: 30%;
	background: rgba(193,10,21,.5);
	box-sizing: border-box;
	padding: 20px 2.5% 30px;
	color: #FFFFFF;
	position: absolute;
	top: 30%;
	right: 10%;
}
.gallery-top .w h3{
	font-size: 24px;
	line-height: 32px;
}
.gallery-top .w p{
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
}
.job_list{
	padding-top: 10px;
}
.job_list li{
	border-bottom: 1px #e5e5e5 solid;
	padding: 30px 0
}
/*12137*/
.job_list li h3{
	padding-left: 44px;
	background: url(../images/ic5.png)left center no-repeat;
	background-size: 28px;
	background-size: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.job_list li h3 em{
	float: right;
	/*width: 24px;
	height: 24px;*/
	line-height: 24px;
	/*background: url(../images/j1.png) center no-repeat;
	background-size: cover;*/
	margin-top: 2px;
	padding-right: 12px;
	position: relative;
	font-size: 14px;
	border: 1px #666666 solid;
	padding: 0 20px 0 10px;
}
/*.job_list li h3 em:after{
	content: '+';
	position: absolute;
	right: 6px;
	top: 0;
	width: 8px;
	height: 9px;
	font-family: cursive;
	font-weight: bold;
}*/
.job_list li.on h3 em{
	color: #CE272D;
	border-color: #CE272D;
}
/*.job_list li.on h3 em:after{
	content: '-';
	color: #CE272D;
}*/
/*12137o*/
.job_list li .con{
	font-size: 14px;
	line-height: 24px;
	padding-top: 16px;
	display: none;
}
.online_l{
	width: 430px;
	padding-top: 30px;
}
.online_l .tit{
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}
.online_l .tit em{
	color: #C01414;
}
.online_l li{
	padding-top: 20px;
}
.online_l li span{
	float: left;
	width: 130px;
	text-align: right;
	box-sizing: border-box;
	padding-right: 10px;
	font-size: 13px;
	color: #333333;
	line-height: 32px;
}
.online_l li span em{
	color: #C01414;
}
.online_l li .text,
.online_l li .sel{
	width: 278px;
	font-size: 13px;
	color: #333333;
	height: 30px;
	border: 1px #e5e5e5 solid;
	padding: 0 10px;
	float: right;
	line-height: 30px;
}
.online_l li .sel{
	position:relative;
}
.online_l li .c_name{
	padding-right: 10px;
	background:url(../images/arw4.jpg) right center no-repeat;
	background-size: 8px 6px;
	position:relative;
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.online_l li .c_select{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	filter:"alpha(opacity=0)";
	filter:alpha(opacity=0);
	zoom:1;
}
.online_l li .cho{
	float: left;
	width: 113px;
	height: 32px;
	background: url(../images/pic22.jpg) center no-repeat;
	background-size: cover;
}
.online_l li .cho input{
	opacity: 0;
}
.online_l li p{
	float: left;
	font-size: 13px;
	color: #CCCCCC;
	line-height: 32px;
	margin-left: 10px;
}
.online_l .submit{
	display: block;
	margin-top: 20px;
	width: 130px;
	height: 40px;
	background: #C01414;
	border: none;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 130px;
}
.zhengs li{
	float: left;
	width: 23%;
	overflow: hidden;
	margin-top: 30px;
	height: 320px;
	text-align: center;
	margin-right: 23px;
	vertical-align: middle;
	line-height: 320px;
}
.zhengs li img{
	max-width: 100%;
	max-height: 100%;
}
.zhengs li:nth-child(4n){
	margin-right: 0;
}
@media(max-width: 1200px){
	.layout{
		padding: 0 2%;
	}
	/*12138*/
	.header{
		height: 50px;
		padding: 0;
		position: fixed;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
	}
	body{
		padding-top: 50px;
	}
	/*12138o*/
	.logo{
		/*12132*/
		/*width: 58px;*/
		width: 120px;
		/*12132o*/
		line-height: 50px;
		margin-top: 0;
	}
    .logo img{
    	width: 100%;
    }
    .search_icon{
    	display: none;
    }
    .menu-skip{
    	display: block;
    	float: right;
    	font-size: 20px;
	    box-sizing: border-box;
	    width: 40px;
	    height: 30px;
	    margin: 10px 0;
	    text-align: center;
	    text-indent: 2.1875em;
	    position: relative;
	    cursor: pointer;
	    z-index: 103;
    }
    .menu-skip span {
	    position: relative;
	    width: 30px;
	    margin: 0 auto;
	    -webkit-transition-duration: 0s;
	    transition-duration: 0s;
	    -webkit-transition-delay: 0.2s;
	    transition-delay: 0.2s;
	}
    .menu-skip span, 
    .menu-skip span:before, 
    .menu-skip span:after{
	    width: 30px;
	    height: 4px;
	    background-color: #000;
	    display: block;
	    -webkit-transition-duration: 0.2s;
	    transition-duration: 0.2s;
	    -webkit-transition-delay: 0.2s, 0;
	    transition-delay: 0.2s, 0;
	    content: '';
    }
    .menu-skip span{
    	margin-top: 15px;
    }
    .menu-skip span:before{
    	position: absolute;
    	top: -10px;
    }
    .menu-skip span:after{
    	position: absolute;
    	top: 10px;
    }
	/*121310o*/
	.menu-skip.toggled{
		display: none;
	}
	.menu-skip.toggled span {
		/*background-color: rgba(0,0,0,0.0)!important;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;*/
	}
	/*.menu-skip.toggled span:before,
	.menu-skip.toggled span:after {
	    top: 0;
	    -webkit-transition-delay: 0, 0.2s;
	    transition-delay: 0, 0.2s;
	}
	.menu-skip.toggled span:before {
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	    background: #FFFFFF;
	}
	.menu-skip.toggled span:after {
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    background: #FFFFFF;
	}*/
	.menu-bg{
		position: fixed;
		z-index: 101;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: none;
		background: rgba(0,0,0,0);
	}
	.menu{
		position: fixed;
		top: 0;
		right: 0;
		float: none;
		width: 200px;
		background: #E31937;
		z-index: 102;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		overflow: scroll;
		margin-top: 0;
		margin: 0;
	}
	.menu ul{
		width: 100%;
	}
	.menu.close-menu{
		left: auto;
		right: -200%;
	}
	.menu.open-menu{
		right: 0;
	}
	.menu.open-menu li{
		float: none;
		border-bottom: 1px #DDDDDD solid;
	}
	.menu.open-menu li p a{
		padding: 0;
		text-align: center;
		line-height: 60px;
		color: #FFFFFF;
	}
	.menu .submenu{
		position: relative;
		top: 0;
		padding: 0;
		background: #F6F6F6;
	}
	.menu li:hover p a{
		background: #FFFFFF;
		color: #333333;
	}
	.banner .slick-dots{
		bottom: 5px !important;
		height: 5px;
	}
	.banner .slick-dots li{
		width: 5px;
		height: 5px;
	}
	.search{
		position: relative;
		display: block;
		top: auto;
		padding: 20px 0;
		background: #E31937;
	}
	.search form{
		width: 190px;
	}
	.search form .text{
		width: 136px;
		text-indent: 0.5em;
		background: none;
		color: #FFFFFF;
		padding-left: 12px;
	}
	.search form .text::-webkit-input-placeholder{
		color: #FFFFFF;
	}
	.search form .text:-moz-placeholder{
		color: #FFFFFF;
	}
	.search form .text::-moz-placeholder{
		color: #FFFFFF;
	}
	.search form .text:-ms-input-placeholder{
		color: #FFFFFF;
	}
	.search form .submit{
		background-image: url(../images/fdj2.png);
	}
	/*121310o*/
	.index_1{
		width: 96%;
		margin: 20px auto 0;
	}
	.gallery-top{
		height: 500px;
	}
	.about{
		padding-top: 40px;
	}
}
@media(max-width: 1080px){
	.case_list .fl{
		width: 42%;
	}
	.case_list .fr{
		width: 50%;
	}
	.case_list .fl .more_btn{
		margin-top: 10px;
	}
	.gallery-top{
		height:400px;
	}
	.gallery-thumbs .swiper-slide img{
		height: auto;
		width: 96%;
	}
	.location{
		padding-top: 0;
	}
	.about .fl,
	.about .fr{
		width: 100%;
	}
	.about .fr{
		text-align: center;
		margin-top: 20px;
	}
	.about .fr img{
		width: auto;
		max-width: 100%;
	}
	.about p{
		margin-top: 20px;
	}
	.about_list{
		padding-top: 0;
	}
	.about_list li{
		width: 49%;
		margin-right: 2%;
		margin-top: 20px;
	}
	.about_list li:nth-child(2n){
		margin-right: 0;
	}
	.contact{
		padding: 30px 0;
	}
	.contact .fl{
		width: 100%;
		margin: 0;
	}
	.contact .fr{
		width: 100%;
		margin-top: 20px;
	}
	.search_list li{
		width: 31%;
		margin-right: 2.33333%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.search_list li:nth-child(3n){
		margin-right: 0;
	}
	.search_list li:nth-child(4n){
		margin-right: 2.33333%;
	}
	.search2{
		margin-top: 20px;
	}
	.nav{
		padding-top: 20px;
	}
	.news li{
		padding-bottom: 20px;
	}
	.news li .fl{
		margin-top: 5px;
	}
	.news li .fl p{
		margin-top: 0;
	}
	.news_det_1,
	.news_det_2{
		margin-top: 20px;
		width: 100%;
	}
	.news_det_1 .tit{
		line-height: 40px;
	}
	.news_det_1 .w p,
	.news_det_1 .w .pic{
		margin-top: 10px;
	}
	.news_det_1 .time{
		line-height: 30px;
		margin-top: 10px;
	}
	.news_det_1 .time span{
		width: 100%;
	}
	.news_det_1 .time a{
		width: 100%;
		max-width: 100%;
	}
	.news_det_2 li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.page2{
		margin-top: 0;
		border-top: none;
		padding-top: 10px;
	}
	.page2 .btn{
		display: block;
		width: 100%;
		float: none;
		margin-top: 5px;
	}
	.job_list li{
		padding: 15px 0;
	}
	.zhengs li {
	    width: 31%;
	    margin-right: 2.33333%;
		height: 320px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.zhengs li:nth-child(4n) {
	    margin-right: 2.33333%;
	}
	.search_list li:nth-child(3n) {
	    margin-right: 0;
	}
	/*修改4*/
	.location ul li a{
		padding: 0 10px;
	}
	/*修改4w*/
}
@media(max-width: 780px){
	.index_1 .fl{
		width: 100%;
		float: none;
	}
	.index_1 .fr{
		float: none;
		display: block;
		padding: 0;
		text-align: center;
		width: 102px;
		height: 40px;
		line-height: 40px;
		margin-top: 20px;
	}
	.index_1 .fl p{
		height: auto;
		max-height: 72px;
	}
	.index_1 .fr:hover{
		padding: 0;
	}
	.index_2{
		margin-top: 20px;
	}
	.index_2 .con{
		background: none;
	}
	.news_box,
	.case_box,
	.yw_box{
		float: none;
		width: 100%;
		background: #FFFFFF;
	}
	.news_box{
		padding-bottom: 24px;
	}
	.case_box,
	.yw_box{
		margin-top: 20px;
	}
	.case_box img{
		width: 100%;
	}
	.yw_box{
		padding: 0 5% 24px;
	}
	/*修改7*/
	.yw_box li{
		margin: 20px 0 5px;
	}
	/*修改7w*/
	.yw_box li i{
		width: 20%;
		text-align: center;
	}
	.yw_box li i img{
		width: auto;
		max-width: 100%;
	}
	.foot{
		padding: 0 0 15px 0;
	}
	.foot .fl{
		width: 100%;
	}
	.links{
		/*display: none;*/
		margin-top: 10px;
		margin-left: 5px;
	}
	.copyright{
		width: 100%;
		text-align: center;
		line-height: 24px;
	}
	.foot .fr{
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.foot .fr span,
	.foot .fr a{
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	.foot .fr span{
		display: block;
	}
	.foot .fr a{
		width: 40px;
		height: 40px;
		margin: 11px 8px 0;
	}
	.case_list li{
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.case_list .fl{
		width: 100%;
		box-sizing: border-box;
		padding: 0 5%;
		margin: 20px 0 0 0;
	}
	.case_list .fr{
		width: 100%;
	}
	.case_list .fl .more_btn{
		margin-top: 10px;
	}
	.gallery-top{
		height: 300px;
	}
	.gallery-top .swiper-slide{
		height: 300px;
	}
	.case_det .po_b{
		margin-top: 30px;
	}
	.case_det .posi{
		bottom: -100%;
	}
	.gallery-thumbs{
		width: 100%;
	}
	.gallery-thumbs .slick-prev,
	.gallery-thumbs .slick-next{
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.location ul{
		display: none;
	}
	/*历程2*/
	.lc_list .box{
		width: 100%;
		height: 308px;
	}
	.lc_list .box .li h3{
		margin-top: 13px;
		line-height: 30px;
		font-size: 14px;
	}
	.lc_list .box .li{
		padding-top: 8px;
		left:5%;
	}
	.lc_list .box .li p{
		font-size: 12px;
	}
	.lc_list .box .li .d{
		width: 8px;
		height: 8px;
		bottom: -35px;
		margin-left: -4px;
	}
	.lc_list .box .li:nth-child(2n) .d{
		top: -35px;
	}
	.lc_list .box .li:nth-child(2n) p{
		margin-top: 8px;
	}
	.lc_list .box .li:nth-child(2n){
		padding-bottom: 13px;
	}
	.lc_list .slick-prev,
	.lc_list .slick-next{
		width: 24px;
		height: 24px;
		margin-top: -12px;
	}
	.lc_list{
		margin-top: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	/*历程2o*/
	.lc_tit{
		padding-top: 30px;
		font-size: 16px;
		line-height: 30px;
	}
	.raw_list li a{
		padding: 10px 0 14px;
	}
	.raw_list li p{
		margin-top: 10px;
	}
	.raw_list li h3{
		font-size: 16px;
	}
	.raw_list{
		padding-top: 10px;
	}
	.page{
		padding: 7px 0;
	}
	.about{
		padding-top: 20px;
	}
	.about_list{
		padding-top: 0;
	}
	.about_list li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.about p{
		margin-top: 10px;
	}
	.honor .slick-prev,
	.honor .slick-next{
		width: 24px;
		height: 24px;
		top: 67px;
	}
	.honor{
		padding: 20px 0;
		margin-top: 20px;
	}
	.honor:before{
		top: 78px;
	}
	.wh_box{
		margin-top: 20px;
	}
	.wh_box .fl,
	.wh_box .fr{
		width: 100%;
	}
	.wh_box .fr{
		margin-top: 20px;
	}
	.search_list li{
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.search2{
		width: 100%;
		box-sizing: border-box;
		padding: 0 5%;
	}
	.search2 .text{
		width: 90%;
	}
	.search2 .submit{
		width: 10%;
	}
	.nav li{
		margin: 0 10px;
	}
	.news li .fr{
		width: 100%;
	}
	.search_list li a{
		padding: 10px;
	}
	.gallery-top .w{
		/*top: 50%;
		-webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%;);
	    padding: 5px 5px 10px;*/
		display: none;
	}
	.gallery-top .w h3{
		font-size: 20px;
	}
	.online_l{
		width: 100%;
	}
	.online_l li{
		padding-top: 0;
	}
	.online_l li span{
		width: 100%;
		text-align: left;
	}
	.online_l li .text,
	.online_l li .sel{
		width: 100%;
		box-sizing: border-box;
	}
	.online_l li .submit{
		margin: 10px auto 0;
	}
	.zhengs li {
	    width: 100%;
	    margin-right: 0;
	    margin-top: 10px;
		height: 320px;
	    /*margin-bottom: 10px;*/
	}
	.zhengs li:nth-child(3n) {
	    margin-right: 0;
	}
	/*12139*/
	.more_btn{
		padding: 0 10px;
		background: #E31937;
		color: #FFFFFF;
	}
	.more_btn i{
		background-image: url(../images/arw1.png);
	}
	/*12139o*/
}
.phone_banner{
	display: none;
}
.inbanner_p{
	display: none;
}
.inbanner_p img{
	width: 100%;
}
@media(max-width: 1200px){
	.phone_banner{
		display: block;
	}
	.pc_banner{
		display: none;
	}
	.inbanner_p{
		display: block;
	}
	.inbanner{
		display: none;
	}
}
/*1212*/
::-webkit-scrollbar-track-piece {
	background-color:#f8f8f8;
}
::-webkit-scrollbar {
	width:9px;
	height:9px;
}
::-webkit-scrollbar-thumb {
	background-color:#dddddd;
	background-clip:padding-box;
	min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
	background-color:#bbb;
}
.case_list2 .fl::-webkit-scrollbar {
 	width: 8px;
}
.case_list2 .fl::-webkit-scrollbar-track {
 	background-color:#CCCCCC;
 	-webkit-border-radius: 2em;
 	-moz-border-radius: 2em;
 	border-radius:2em;
}
.case_list2 .fl::-webkit-scrollbar-thumb {
 	background-color:#CCCCCC;
	-webkit-border-radius: 2em;
 	-moz-border-radius: 2em;
 	border-radius:2em;
}

.case_list2 .fl{
	height: 280px;
	overflow: auto;
}
.case_list2 .fl p{
	height: auto;
	max-height: none;
}
.menu li p{
	position: relative;
}
.menu li p em{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
@media(max-width: 1200px){
	.phone_banner{
		display: block;
	}
	.pc_banner{
		display: none;
	}
	.inbanner_p{
		display: block;
	}
	.inbanner{
		display: none;
	}
	.case_list2 .fl{
		height: 240px;
	}
	.menu li.hase p em{
		display: block;
	}
	/*121311*/
	.menu li.hase p a{
		position: relative;
	}
	.menu li p:before,
	.menu li:hover p:before{
		display: none;
	}
	.menu li:hover p a{
		background: none;
		color: #FFFFFF;
	}
	.menu li.hase p a:after{
		position: absolute;
		top: 50%;
		margin-top: -4.5px;
		content: '';
		width: 17px;
		height: 9px;
		background: url(../images/arw11111.png) center no-repeat;
		background-size: cover;
		margin-left: 5px;
		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	.menu li.ons p a:after{
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	.submenu a{
		border-top: 1px #CCCCCC solid;
		background-color: #e31937;
		color: #ffffff;
	}
	.submenu a:hover{
		color: #333333;
		background: #e31937;
	}
	/*121311o*/
}
@media(max-width: 1080px){
	.case_list2 .fl{
		height: 280px;
	}
}
@media(max-width: 980px){
	.case_list2 .fl{
		height: 260px;
	}
}
@media(max-width: 900px){
	.case_list2 .fl{
		height: 220px;
	}
}
@media(max-width: 780px){
	.case_list2 .fl{
		height: auto;
	}
	/*121312*/
	.news_det_2{
		display: none;
	}
	/*121312o*/
}