/*====================导航*********/
.header{	width:100%;	position:fixed;	top:0;	left:0;	z-index:999;	height:100px;	}
/*左侧logo*/
.header .left{width: 12%;}
.header .left a img{height: 40px;	margin-top: 30px;}
.header .left .img2{display: none;}
/*右侧*/
.header .nav{	margin-top: 20px;	-webkit-transition: 0.5s;	-moz-transition: 0.5s;	-o-transition: 0.5s;	transition: 0.5s;	height: 100%;	line-height: 80px;	display: block;}
.header .navbar_nav li{	float:left;	position: relative;	display: block;}
.header .navbar_nav li:after{   content: "";   width: 0;    height: 2px;    background: #e60012;    position: absolute;    bottom: 0;    left: 0;    transition: all 0.5s ease 0s;}
.header .navbar_nav li:hover:after{    width: 100%;}
.header .navbar_nav li a{	text-decoration: none;	height: 100%;	padding: 0 25px;	display: block;	-webkit-transition: 0.5s;	-moz-transition: 0.5s;	-o-transition: 0.5s;	transition: 0.5s;	color: #fff;	font-size: 16px;}
.header .navbar_nav li:hover a{	color: #e60012;}
.header .navbar_nav li.dropdown{	display: inherit;	position: relative;}
.header .navbar_nav li.dropdown .jt{	width: 20px;	height: 20px;	background: url(i/top.png) no-repeat;	background-size: 100% 100%;	display: block;}
.header .navbar_nav li.dropdown .dropdown_menu{	display: none;	position: absolute;	top:80px;	width: 100%;	background: #fff;	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);	width: 120%;  left: -10%;}
.header .navbar_nav li.dropdown .dropdown_menu a{	font-size: 14px;	color: #666;	padding: 0 10px;	line-height: 40px;	text-align: center;	background: #fff;	margin-bottom: 2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu{	display: block;	background: #f3f3f3;	-webkit-transition: 0.5s;	-moz-transition: 0.5s;	-o-transition: 0.5s;	transition: 0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{	color: #666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{	color: #fff;	background: orange;}
/*白色背景的头部*/
.header.on{	background: #fff;	border-bottom: 1px solid #ccc;}
.header.on .left .img1{	display: none;}
.header.on .left .img2{	display: block;}
.header.on .navbar_nav li a{	color: #333;}
.header.on .navbar_nav li:hover a{	color: #e60012;}
.banner img{width: 100%;}
/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{position: relative;}
.index_main .section1 .index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:100vh;position: relative;}
.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.index_main .section1 .index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.index_main .section1 .index_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index_main .section1 .index_banner .item .inner .block_txt{position: absolute;top: 340px;left:18%;opacity: 0; transform: translateY(40px);-webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size: 30px;color: #fff; font-style: italic; font-weight: 600;letter-spacing:5px;}
.index_main .section1 .index_banner .item .inner .block_txt h2{	color: #fff;	font-size: 50px;	font-weight: bold;	font-style: italic; font-weight: 600;	letter-spacing:5px; margin: 28px 0 10px;}
.index_main .section1 .index_banner .item .inner .block_txt h3{color: #fff;font-size: 14px;margin-top: 10px;text-transform: uppercase;font-style: italic;letter-spacing:1.5px; }
.index_main .section1 .slick_txt{width:30%;height: 100%;background-color: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease; background-repeat: no-repeat;position: absolute;top: 0;font-size: 0;outline: none;border:0;}
.index_main .section1 .left{left: 0;}
.index_main .section1 .right{right:0;}
.index_main .section1 .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.index_main .section1 .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;opacity: 0;visibility: hidden;}
.index_main .section1 .slick_txt .prev{background-image:url(../image/ban_prev.png);left:60px;}
.index_main .section1 .slick_txt .next{background-image:url(../image/ban_next.png);right:60px;}
.index_main .section1 .slick_txt .prev:hover{background-image:url(../image/ban_prev_hover.png);}
.index_main .section1 .slick_txt .next:hover{background-image:url(../image/ban_next_hover.png);}
.index_main .section1 .number{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.index_main .section1 .number span{	font-family: "Myriad Pro","Microsoft YaHei";	font-size: 14px;	color: #fff;	margin-right:100px;	display: inline-block;	cursor: pointer;	position: relative;	transition: all 500ms ease;	-webkit-transition:all 500ms ease;}
.index_main .section1 .number span:last-child{	margin-right: 0;}
.index_main .section1 .number span:after{	content: "";	display: inline-block;	width: 0;	height: 2px;	background: #fff;	position: absolute;	left: 50%;	transform: translateX(-50%);	-webkit-transform: translateX(-50%);	bottom:-20px;	opacity: 0;	visibility: hidden;	transition: all 500ms ease;	-webkit-transition:all 500ms ease;}
.index_main .section1 .number span.active:after{	width: 100%;	opacity: 1;	visibility: visible;}
.index_main .section2{	background: #f5f5f5;}
.index_main .section2 h3{	text-align: center;}
.index_main .section3{	width: 100%;	height: 100%;	background: url(../image/3.jpg) no-repeat;	background-size: 100% 100%;}
.index_main .section3 h3{	text-align: center;}
.index_main .section4{	background: #f5f5f5;}
.index_main .section4 h3{	text-align: center;}
@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
/* 首页标题公共样式 */
.public-title{ width: 100%; text-align: center; margin: 0 auto; padding: 60px 0;}
.public-title .ch{font-size: 44px; color: #000;}
.public-title .en{font-size: 14; color: #000; text-transform: uppercase;}
.public-title.write .ch,.public-title.write .en{ color: #fff;}

/* 服务项目 */
.home-service{ width: 100%;}
.home-service .ser-main{display: flex;}
.home-service .ser-main li{flex: 1; overflow: hidden;}
.home-service .ser-main li a {display:block;width:100%;height: 466px;background: pink; position: relative; color: #fff;}
.home-service .ser-main li a img{width: 100%;    height: 100%;    object-fit:cover;}
.home-service .ser-main .descr{ position: absolute; top: 224px; left: 34px; transition: 0.5s;}
.home-service .ser-main .ser-item{font-size: 30px;text-decoration: none; }
.home-service .ser-main .en{text-transform: uppercase;font-size: 12px;margin: 10px 0 30px;}
.home-service .ser-main [class^=icon]{width: 50px; height: 42px; background: url(../image/ser-icon.png) no-repeat;  margin-bottom: 36px; transition: 0.3s;}
.home-service .ser-main .icon-icon2{ background-position: 0 -52px;}
.home-service .ser-main .icon-icon3{ background-position: 0 -104px;}
.home-service .ser-main .icon-icon4{ background-position: 0 -156px;}
.home-service .ser-main .icon-icon5{ background-position: 0 -208px;}

.home-service .ser-main .red-black{ width: 100%; height: 466px;
	 background:-webkit-linear-gradient( top left, #e60012, #000000)  ;
	 background:-moz-linear-gradient( top left, #e60012 ,#000000)  ;
	 background:-o-linear-gradient( top left, #e60012, #000000)  ;
	 background:-ms-linear-gradient( top left, #e60012, #000000)  ;
	 position: absolute; top: 0;left: 0; opacity: 0; transition: 0.2s; }
.home-service .ser-main li:hover .red-black{opacity: 0.76;}
.home-service .ser-main .text{font-size: 12px;text-indent:-999px; overflow: hidden; line-height: 1.5em;transition: 0.5s;}
.home-service .ser-main .text.text2{transition-delay: 0.2s;}
.home-service .ser-main li:hover .descr{ top: 55px;}
.home-service .ser-main li:hover .text{text-indent: 0;}
.home-service .ser-main li:hover [class^=icon]{transform:scale(0.8)}
.home-cases{width: 100%; background: #f2f7ff;overflow: hidden;}
.Scroll-left {    width: 100%;    position: relative;   overflow: hidden;}
.Scroll-left ul li {float: left;width:20%;height: 385px;-webkit-transition: .2s ease-out;transition: .2s ease-out; box-sizing: border-box;}
.Scroll-left .prev,.Scroll-left .next {opacity: 0;position: absolute;top: 50%;transform: translateY(-50%);display: inline-block;cursor: pointer;z-index: 1;width: 28px;height: 62px;line-height: 62px;color: #fff;text-align: center;font-size: 22px;font-weight: 400;background: rgba(0, 0, 0, .2);font-family: simsun;
transition: all ease-in .4s;}
.Scroll-left .next {left: 0px;}
.Scroll-left .prev {right: 0px;}
.Scroll-left:hover .next {opacity: 1;}
.Scroll-left:hover .prev {opacity: 1;}

.case-main .picList li .con{display:block; width: 96%;height:385px ; margin: 0 auto; background: #fff;transition: 1s; border: 1px solid #e6e6e6;}
.case-main .picList li .case-pic{ width: 100%; height: 250px; overflow: hidden; position: relative; background-color: #000;}
.case-main .picList li .case-pic img{ width: 100%;height: 100%;object-fit:cover;transition: 0.2s;}
.case-main .picList li .case-pic img.play{width: 66px ;height: 66px;position: absolute; top: 95px; left: 50%; margin-left: -33px; opacity: 0;transition: 0.2s;}

.case-main .picList li .case-text{padding: 0 20px; text-align: left; overflow: hidden; height: 134px;}
.case-main .picList li .case-text .left{ float: left;}
.case-main .picList li .case-text .top{overflow: hidden; height: 72px;}
.case-main .picList li .case-text .title{ font-size: 14px; color:#353535; margin: 14px 0 4px;transition: 0.2s;}
.case-main .picList li .case-text .item{ font-size: 12px; color:#bcbcbc;transition:0.2s;}
.case-main .picList li .case-text .right{ float: right; width:99px; height: 34px; margin-top: 10px;}
.case-main .picList li .case-text .right img{width: 100%; height: 100%; object-fit: scale-down;}
.case-main .picList li .case-text .case-more{ display: block;height: 60px; width: 100%; line-height: 60px; border-top: 1px solid #e0e0e0; font-size: 12px;color: #5d5d5d;transition: 0.2s;}

.case-main .picList li .case-text .case-more span{ font-family: '宋体';font-size: 13px; color:#000; float: right;transition: 0.2s;}
.case-main .picList li:hover .con{background: #b50413;}
.case-main .picList li:hover .case-text .title,.case-main .picList li:hover .case-text .item,.case-main .picList li:hover .case-text .case-more,.case-main .picList li:hover .case-text .case-more span{color: #fff;}
.case-main .picList li:hover .case-text .right img.case-logo{-webkit-filter: grayscale(100%) brightness(500%);    filter: grayscale(100%) brightness(500%);}
.case-main .picList li:hover .case-pic img.pic1{opacity: 0.7;}
.case-main .picList li:hover .case-pic img.play{opacity: 1;}
.case-main .more-case a{display: block; width: 190px;height: 50px; border: 1px solid #a7a7a7; color: #a7a7a7; line-height: 50px ; text-align: center; margin: 66px auto 90px;transition: 0.2s;}
.case-main .more-case a:hover{color:#b50413; border: 1px solid #b50413;}

.home-news{width: 100%; background: url(../image/news-bg.jpg) no-repeat top center; overflow: hidden; padding-bottom: 85px;}
.home-news .news-main{width: 1200px; margin: 0 auto;}
.home-news .news-left{width: 580px; float: left;}
.home-news .news-right{width: 578px;float: right; }
.home-news .news-main .hot-pic{widows: 580px;height: 335px; overflow: hidden;}
.home-news .news-main .hot-pic img{width: 100%; height: 100%; object-fit: cover;}

.home-news .news-main .hot-text{width: 580px; margin-top: 30px;}
.home-news .news-main .hot-text .title{font-size: 14px; color: #262626;} 
.home-news .news-main .hot-text .time{font-size: 12px; color: #a6a6a6; float: right;} 
.home-news .news-main .hot-text .descri{ font-size: 12px ; line-height: 1.7em; color: #848484; margin: 18px 0 24px;} 
.home-news .news-main .hot-text .more{ font-size: 12px ; color: #262626;} 
.home-news .news-main .hot-text .more:hover{  color: #b50413;} 
.home-news .news-list li{ overflow: hidden; padding-bottom: 14px;}
.home-news .news-list li:hover .title{color: #b50413;}
.home-news .news-list li:nth-child(n+2){border-top: 1px dashed #d5d5d5; padding-top: 14px;}
.home-news .news-list .time{width: 74px; height: 74px; background: #b50413; color: #fff;text-align: center; float: left;}
.home-news .news-list .time .day{font-size: 36px;}
.home-news .news-list .time .year-m{font-size: 12px;}
.home-news .news-list .text{float: right; width: 478px;}
.home-news .news-list .title{font-size: 14px; color: #232323; line-height: 34px;}
.home-news .news-list .descri{font-size: 12px; color: #a1a1a1; line-height: 1.6em;}

.home-customer{width: 100%; height: 500px; background:url(../image/home-cus-bg.jpg) no-repeat  fixed top center;}
.home-customer .cus-main{width: 1204px; margin: 0 auto;}
.home-customer .cus-main li{width: 240px; height: 105px; background: #fff; float: left; margin-right: 1px; margin-bottom: 1px;}
.home-customer .cus-main li img{-webkit-filter:grayscale(100%);	filter: grayscale(100%);}
.home-customer .cus-main li:hover img{-webkit-filter:grayscale(0);	filter: grayscale(0);}
.home-customer .cus-main li:nth-child(5n){ margin-right: 0;}

.home-signing .signing-main{ width: 1640px; margin: -20px auto 0; overflow: hidden; padding: 20px 20px 90px;}
.home-signing .signing-main li{float: left;}
.home-signing .signing-main li:nth-child(n+2){margin-left: 12px;}
.home-signing .signing-main a{display: block; width: 390px; padding: 25px; height: 215px; background: #f0f0f0;transition: 0.5s;}
.home-signing .signing-main .top{display: flex; justify-content: space-between;}
.home-signing .signing-main .logo{width: 144px; height: 80px; overflow: hidden; border: 1px solid #f0f0f0;}
.home-signing .signing-main .zf{font-size: 18px; color: #000; font-weight: 700; line-height: 80px;}
.home-signing .signing-main img{ width: 100%; height: 100%; object-fit: cover;}
.home-signing .signing-main .title{font-size: 14px; color: #000; margin: 18px 0 16px;}
.home-signing .signing-main .time{font-size: 12px; color: #000;}
.home-signing .signing-main li:hover a{ background: #fff; box-shadow: 1px 1px 20px 5px rgba(167,165,165,0.2) ;}

.home-contact{ width: 100%; height:578px ; background: url(../image/home-contact-bg.jpg) no-repeat center;}
.home-contact .text{ width: 1200px; margin: -22px auto 0; color:#fff;text-align: center; font-size: 12px;}
.home-contact .text .h{font-size: 16px; margin: 40px 0 2px;}
.home-contact .text .hot-line{font-size: 30px; font-style: italic;}
.home-contact ul{ width: 1400px; margin: 56px auto 0; overflow: hidden;}
.home-contact ul li{ width:370px ; height: 116px; float: left;}
.home-contact ul .area{ height: 56px; background: url(../image/home-contact-icon.png) no-repeat left center;padding-left: 74px; line-height: 56px ;color: #fff;font-size: 16px; margin-bottom: 24px; }
.home-contact ul li:nth-child(n+2){ border-left: 1px dashed #5e5c5d; padding-left: 43px;}
.home-contact ul li:first-child{width: 330px;}
.home-contact ul li:last-child{width: 326px;}
.home-contact ul .pub-p{ font-size: 12px ; color: #fff; }

.home-article{width: 100%; height: 516px; background: url(../image/home-acti-bg.jpg) no-repeat center; }
.home-article .article-main{ width: 1200px;margin: 0 auto;}
.home-article .article-main li{ width: 380px; float: left; line-height: 36px; margin-right: 30px;border-bottom: 1px dashed #d5d5d5;}
.home-article .article-main li:nth-child(3n){ margin-right: 0;}
.home-article .article-main li::before{content: ""; display:inline-block; width: 4px; height: 4px; border-radius:4px;background: #b50413;vertical-align:middle;}
.home-article .article-main li:hover a{color: #b50413;}
.home-article .article-main  a{font-size: 14px; color: #303133; padding-left: 14px;}

.home-footer{width: 100%; background: #232323; padding: 70px 0 88px; border-bottom: 8px solid #b50413;color: #7e7e7e;}
.home-footer .footer-main{ width: 1200px; margin:0 auto}
.home-footer .top{ border-bottom: 1px solid #393939; height: 60px; overflow: hidden; position: relative;padding-bottom: 20px;}
.home-footer .footer-logo{ height: 40px; position: absolute; bottom: 20px; left: 0;}
.home-footer .footer-logo img{ height: 40px;}
.home-footer .footer-nav{position: absolute; bottom: 20px; right: 0; margin-bottom: 0;}
.home-footer .footer-nav li{float: left; line-height: 1.1em;}
.home-footer .footer-nav li:nth-child(n+2){padding-left: 5px; margin-left: 6px; border-left: 1.5px solid #606060;}
.home-footer  a{color: #7e7e7e;}
.home-footer  a:hover{ color: #b50413;}
.home-footer .bottom{ margin: 22px 0 50px;}
.home-footer .bottom a{line-height: 1em;  display: inline-block;}
.home-footer .bottom a:nth-child(n+2){ padding-left: 7px; margin-left: 4px; border-left: 1.5px solid #606060;}
.home-footer .footer{width: 100%; height: 28px; position: relative; }
.home-footer .footer .copyright{position: absolute; bottom: 0; left: 0;}
.home-footer .footer .to-top{width: 32px; height: 28px; background-image: url(../image/to-top.png); cursor: pointer;position: absolute;  bottom: 0; right: 0;}

.n-side-bar {
	position: fixed;
	bottom: 30px;
	right: 0;
	z-index: 60;
}
.n-side-bar li {
	position: relative;
	display: block;
	/* padding-top: 12px; */
	width: 64px; 
	height: 64px;
	background-color: #b50413;
	margin-top: 1px;
	cursor: pointer;

}
.n-side-bar li [class^=icon] {
	overflow: hidden;
	width: 23px;
	height: 23px;
	margin:0 auto 6px; 
	background: url(../image/n-side-bar-icon.png) no-repeat top center;
}
.n-side-bar li .icon-icon3,
.n-side-bar li .icon-icon4 {
	background-position: 0 -33px;
}
.n-side-bar li .icon-icon5 {
	background-position: 0 -66px;
}
.n-side-bar li .icon-icon6 {
	background-position: 0 -99px;
}
.n-side-bar li .name {
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.n-side-bar li .box {
	position: relative;
	padding-top: 12px;
	width: 64px; 
	height: 64px;
	background-color: #b50413;
	z-index: 99;
}
.n-side-bar li .slide {
	position: absolute;
	right: -258px;
	top: 0;
	width: 258px;
	height: 64px;
	padding-left: 14px;
	background-color: #b50413;
	color: #fff;
	opacity: 0;
	transition: 0.5s;
	z-index: 1;
}
.n-side-bar li .slide .title {
	margin-top: 8px;
	font-size: 12px;
	font-style: italic;
}
.n-side-bar li  .con {
	padding-left: 30px;
	margin-top: 3px;
	font-size: 28px;
	font-style: italic;
	font-weight: 600;
	line-height: 1em;
	background: url(../image/n-side-bar-icon.png) no-repeat;

}
.n-side-bar li.tel .con {
	font-size: 26px;
	background-position: 0 -132px;
}
.n-side-bar li.qr-code .slide {
	overflow: hidden;
	width: 130px;
	height: 130px;
	background-color:#b50413;
	padding: 0;
}
.n-side-bar li.qr-code .slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.n-side-bar li:hover .slide {
	right: 65px;
	opacity: 1;
}
/* 咨询条固定在下端，二维码顶对齐 */
.n-side-bar li.qr-code:hover .slide {
	right: 65px;
	opacity: 1;
	top: -67px;
}