*{-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.banner{background: #f7f7f7;position: relative;}
.banner .section1{position: relative;}
.banner .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:auto;
	position: relative;
}
.banner .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	/* -webkit-animation:scale-bg 3s linear forwards;
	animation:scale-bg 3s linear forwards; */
}
.banner .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.banner .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: rgba(0,0,0,0.2); */
}
.banner .index_banner .item  .block_txt{
	position: absolute;
	top: 20%;
	left:15%;
	opacity: 0; 
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-webkit-transition: all 1s ease; 
	transition: all 1s ease;
}
.banner .index_banner .item.active  .block_txt{
	opacity: 1; 
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-webkit-transition-delay: 0.5s; 
	transition-delay: 0.5s;
	width: 30%;
}
.banner .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;
}
.banner .left{left: 0;}
.banner .right{right:0;}
.banner .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.banner .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;
}
.banner .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px;}
.banner .slick_txt .next{background-image:url(../images/ban_next.png);right:60px;}
.banner .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png);}
.banner .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png);}
.banner .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%);
}
.banner .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;
}
.banner .number span:last-child{margin-right: 0;}
.banner .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;
}
.banner .number span.active:after{width: 100%;opacity: 1;visibility: visible;}
.slick-slide img{width: 100%;height: auto;}
.slick-dots li{width: 15px;}
.slick-dots li button:hover:before, .slick-dots li button:before{color: #0060BE;font-size: 30px;opacity: 1;}
.slick-dots li.slick-active button:hover:before,.slick-dots li.slick-active button:before{color: #EEBB2D;}
.slick-dots{bottom: 10px;}

.wrapper{max-width: 1400px;margin:  0 auto;padding: 0 10px;}
.homemain{margin-top:30px;}
.homemain h3{font:600 33px "Microsoft yahei"; color: #333;position: relative;text-align: center;}
.homemain h3 span{color: #EEBB2D;}
.homemain .cpfl{margin:0 2%;width: 100%; display: inline-block;}
.homemain .cpfl li{ width:17.8%;
    float: left;
    border-radius: 5px;
    margin-right: 23px;margin-bottom: 28px;
    letter-spacing: 1px;
    line-height: 2.8;
    font-size: 16px;
    text-align: center;
    border: 1px solid #afafaf;
}
.Index_ys{ margin:80px 0;width:100%}
.Index_ys .ys_list{ margin-top:50px;}
.Index_ys .ys_list li{ margin-bottom:50px; padding-top:42px; position:relative;height: 500px;}
.Index_ys .ys_list li span{ width:64px; z-index: 999; height:84px; line-height:84px; background:#0060b7; color:#fff; font-size:46px; text-align:center; position:absolute; top:0; left:50px; font-family:"Times New Roman", Times, serif}
.Index_ys .ys_list li:nth-child(2n) span{ left:50%;}
.Index_ys .ys_list li .ys_img{ width:50%;}
.Index_ys .ys_list li .ys_img img{ width:100%;}
.Index_ys .ys_list li .ys_Inf{ background:#f6f6f6; width:610px; height:400px; padding:50px 40px 40px 50px;}
.Index_ys .ys_list li .ys_Inf h3{ color:#0060b7; font-size:28px;    text-align: left;}
.Index_ys .ys_list li .ys_Inf h4{ font-size:24px; margin:5px 0 30px 0;}
.Index_ys .ys_list li .ys_Inf p{ background:url(../images/ys_list.png) no-repeat 0 8px; padding-left:24px; line-height:30px; margin-bottom:20px; color:#666; font-size:16px;}
.Index_ys .ys_list li .ys_Inf h5{ text-align:center; padding-top:20px;}
.Index_ys .ys_list li .ys_Inf h5 a{ display:block; background:#0060b7; width:150px; height:40px; line-height:40px; color:#fff; font-size:16px;}
.Index_ys .ys_list li .ys_Inf h5 a:hover{ background:#FF8000;}

.homemain .en_tit{color: #777;text-transform: uppercase;font-size: 14px;text-align: center;padding: 5px 0 3% 0;}
.homemain .pro{position: relative;padding: 4% 0;}
.homemain .pro1{width: 103%;overflow: hidden;}
.homemain .pro1 li {width:47%;margin-right: 3%;float: left;color: #fff;position: relative;overflow: hidden;}
.homemain .pro1 li .imgarea{display: block;width: 100%;height: auto;}
.homemain .pro1 li .imgarea img{width: 100%;height: 100%;}
/* .homemain .pro1 li:hover .imgarea img{transform: scale(1.1);} */
.homemain .pro1 li h4{font-size: 26px;}
.homemain .pro1 li .num{font-size: 36px;}
.homemain .pro1 li .des{font-size: 15px;margin-bottom: 25px;}
.homemain .pro1 li .more{color: #fff;padding: 8px 25px;border: 1px solid #fff;}
.homemain .pro1 li .wrap{position: absolute;top: 0;left: 0;padding: 50px;opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px);-webkit-transition: all 1s ease; transition: all 1s ease;}
.homemain .pro1 li:hover .wrap{transform: translateX(20px);-webkit-transform: translateX(20px); transition-delay: 0.1s;}
.homemain .pro1 li:first-child .num{color: #00c6ff;}
.homemain .pro1 li:nth-child(2) .num{color: #ff1f1f;}
.homemain .pro2{width: 102%;overflow: hidden;padding: 3% 0;}
.homemain .pro2 li{width: 23%;margin-right: 2%;text-align: center;font-size: 16px;color: #333;float: left;}
.homemain .pro2 li .imgarea{display: block;width: 100%;height: 100%;overflow: hidden;border: 1px solid #ddd;}
.homemain .pro2 li .imgarea img{width: 100%;height: 100%;}
.homemain .pro2 li .tit{line-height: 2;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .more1{display: block;width: 140px;line-height: 48px;background: #0060BE;color: #fff;text-align: center;margin: 0 auto;} 
.homemain .pro2 li:hover .imgarea img{transform: scale(1.15);}
.homemain .pro2 li:hover .tit{color: #EEBB2D;margin-top: 0px;}

.homemain .about{padding-bottom: 4%;position: relative;}
.homemain .about_bd .imgarea{width: 50%;overflow: hidden;;}
.homemain .about_bd .imgarea img{width: 100%;}
.homemain .about_bd .imgarea:hover img{transform: scale(1.15);}
.homemain .about_bd .txt{width: 46%;padding-left: 4%;position: relative;background: url(../images/about_bg.jpg)bottom right no-repeat;}
.homemain .about_bd h4{font-size: 24px;color: #0060BE;}
.homemain .about_bd h4 span{font-size: 16px;font-weight: normal;color: #333;}
.homemain .about_bd .tel{margin-bottom: 10px;}
.icon-tianchongxing-1{color: #EEBB2D;font-size: 20px;margin-right: 8px;}
.homemain .about_bd .tel span{color: #EEBB2D;font-size: 24px;}
.homemain .about_bd .des{color: #666;margin-bottom: 50px;}
.homemain .about_bd .more{padding: 12px 30px;background: #EEBB2D;color: #fff;}

.homemain .adv_pic{width: 100%;position: relative;background: url(../images/about1.jpg)no-repeat;background-size: cover;padding: 80px 0;margin-bottom: 4%;}
.homemain .adv_pic .txt{margin-top: 30px;}
.homemain .adv_pic .txt span{font-size: 18px;color: #fff;padding: 15px 25px;background: #EEBB2D;margin-right: 20px;}
.homemain .adv_pic .more{padding: 15px 50px;background: #EEBB2D;color: #fff;float: right;margin-top: -90px;}

.homemain .caselist{width: 103%;position: relative;padding-bottom: 3%;}
.homemain .caselist li{width: 30.3%;margin-right: 3%;float: left; margin-bottom: 25px;}
.homemain .caselist li .imgarea{display: block;width: 100%;height: 325px;overflow: hidden;}
.homemain .caselist li .imgarea img{width: 100%;height: 100%;}
.homemain .caselist li .txt{margin-top: 10px;}
.homemain .caselist li h5{font-size: 16px;color: #000;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .caselist li .time{color: #666;}
.homemain .icon-clock{color: #EEBB2D;font-size: 18px;padding-right: 5px;}
.homemain .icon-biaoqian{color: #EEBB2D;margin-left: 30px;font-size: 16px;padding-right: 5px;}
.homemain .caselist li .more{float: right;padding: 1px 20px;color: #666;border: 1px solid #ddd;}
.homemain .caselist li:hover img{transform: scale(1.15);}

.homemain .news{position: relative;padding: 4% 0;}
.homemain .hotnews,.homemain .newslist{width: 47.5%;}
.homemain .hotnews .imgarea{display: block;width: 100%;height: 405px;overflow: hidden;}
.homemain .hotnews .imgarea img{width: 100%;height: 100%;}
.homemain .hotnews .txt{padding: 20px;background: #f5f5f5;}
.homemain .hotnews h4{font-size: 18px;color: #000;font-weight: bold;}
.homemain .hotnews .des{color: #666;}
.homemain .hotnews .more{float: right;padding: 3px 25px;background: #ddd;color: #fff;}
.homemain .newslist li{padding: 10px;border: 1px solid #ddd;border-bottom: none;}
.homemain .newslist li:last-child{border-bottom: 1px solid #ddd;}
.homemain .newslist .imgarea{display: block;width: 180px;height: 122px;overflow: hidden;}
.homemain .newslist .imgarea img{width: 100%;height: 100%;}
.homemain .newslist .txt {width: calc(100% - 210px);}
.homemain .newslist h5{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homemain .newslist h5 i{padding-right: 8px;}
.homemain .newslist .des{color: #666;line-height: 1.8;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.homemain .newslist .des,.homemain .newslist .time{padding-left: 18px;}
.homemain .newslist .time .more{float: right;padding: 0px 20px;border-left: 1px solid #ddd;color: #666;}
.homemain .hotnews:hover img,.homemain .news li:hover img{transform: scale(1.15);}

footer{background: #0060BE;padding: 2% 0;}
footer .fn-col{width: 33.33%;float: left;color: #fff;border-left: 1px solid #19558e;box-sizing: border-box;}
footer .fn-col:first-child{border-left: none;}
footer .fn-col a{color: #fff;}
footer .fn-col h4{border-bottom: 1px solid #19558e;padding-bottom: 20px;padding-left: 40px;font-size: 16px;}
footer .foootnav h4{padding-left: 0;}
footer .foootnav ul{padding-right: 4%;padding-top: 4%;}
footer .foootnav ul li{float: left;width: 33.3%;line-height: 2.5;margin-bottom: 10px;font-size: 16px;}
footer .contact{padding-left: 40px;padding-top: 4%;}
footer .contact i{padding-right: 5px;}
footer .contact .icon-phone,footer .contact .icon-email-fill,footer .contact .icon-diqiu{font-size: 22px;line-height: 1.7;}
.code img{padding-left: 40px;;padding-top: 5%;}
.copyright{background-color: #00305d;padding: 15px 0;color: #bbb;}
.copyright a{color: #bbb;}
.copyright .icon-link{color: #006ace;padding-right: 5px;}

.fixed-b {width: 100%; background: #0060BE; bottom: 0; left: 0;z-index: 999; font-size: 15px;height: 55px;line-height: 55px;opacity: 0;position: fixed;display:none;}
.fixed-b li { width: 33.33%; text-align: center; color: #fff; float: left; }
.fixed-b li a { display: block; border-right: 1px solid #19558e; color: #fff;}
.fixed-b li:last-of-type a { border-right: 0 none; }
.fixed-b li a i{font-size: 26px;padding-right: 5px;}
.fixed-b li a .icon-home{font-size: 20px;}

@media only screen and (max-width: 1400px){
	.homemain .pro2 li .imgarea{height: 22vw;}
	.homemain .adv_pic img{width: 70%;}
	.homemain .adv_pic .txt span{font-size: 16px;padding:8px 15px;}
	.homemain .adv_pic .more{padding: 12px 40px;}
	.homemain .caselist li .imgarea{height: 21vw;}
	.homemain .hotnews .imgarea{height: 30vw;}
}

@media only screen and (max-width: 1300px){
	.header .toptel{margin-left: 0;}
	.banner .index_banner .item.active .block_txt{left: 10%;}
	.header .navbar_nav li.dropdown{margin: 0;}
}

@media only screen and (max-width: 1200px){
	.header .navbar_nav li a{padding: 0 20px;}
	.homemain .pro1 li h4{font-size: 24px;}
	.homemain .pro1 li .num{font-size: 30px;}
	.homemain .pro1 li .wrap{padding: 40px 0 0 40px;}
	.homemain .adv_pic{padding: 60px 0;}
	.homemain .newslist .time .more{display: none;}
}

@media only screen and (max-width: 1100px){
	.header .toptel{display: none;}
}

@media only screen and (max-width: 1000px){
	.header .logo{width: 180px;}
	.header,.header .logo{height: 60px;}
	.header .logo a img{max-height: 60px;}
	.header .toptel{display: none;}
	.header .container{padding: 0 10px;}
	.index_banner .item{height: 100vh;}
	.banner .index_banner .item.active .block_txt{left: 8%;}
	.homemain .about_bd .des{margin-bottom: 40px;}
	.homemain .about_bd h4 span{display: none;}
	.homemain .adv_pic{text-align: center;padding: 5% 0;}
	.homemain .adv_pic .txt{display: table;margin: 20px auto 30px auto;}
	.homemain .adv_pic .txt span{float: left;font-size: 14px;padding: 5px 10px;}
	.homemain .adv_pic .txt span:last-child{margin-right: 0;}
	.homemain .adv_pic .more{float: none;margin-top: 0;display: inline-block;padding: 8px 35px;}
	.homemain .pro1 li .wrap{padding: 20px 0 0 30px;}
	.homemain .pro1 li h4{font-size: 22px;}
	.homemain .pro1 li .num{font-size: 26px;}
	.homemain .more1{line-height: 42px;width: 120px;}
	.homemain .caselist li .more{display: none;}
	.homemain .icon-biaoqian{margin-left: 15px;}
	.homemain .about_bd .imgarea,.homemain .about_bd .txt{width: 100%;}
	.homemain .hotnews{margin-bottom: 25px;}
	.homemain .hotnews .imgarea{height: auto;}
	.homemain .hotnews, .homemain .newslist{width: 100%;}
	.homemain .newslist .time .more{display: block;}
}

@media only screen and (max-width: 768px){
.Index_ys .ys_list li .ys_img {
    width: 100%;
}
.Index_ys .ys_list li .ys_Inf{ width: 100%;
}
.homemain .cpfl{display:none;}
	.homemain .pro1{width: 100%;}
	.homemain .pro1 li{width: 100%;margin: 0 0 20px 0;}
	.homemain .pro2 li{width: 48%;margin-bottom: 20px;}
	.homemain .pro2 li .imgarea{height: 100%;}
	.homemain .pro2 li:hover .tit{margin-top: 20px;}
	.homemain .caselist li{width: 47%;}
	.homemain .caselist li .imgarea{height: 30vw;}
	.homemain .caselist li:nth-child(3){display: none;}
	footer{display: none;}
	.fixed-b{opacity: 1;display:block;}
	body{padding-bottom: 55px;}
	.homemain .adv_pic img{width: 90%;}
}

@media only screen and (max-width: 640px){
	.homemain .adv_pic .txt span{font-size: 14px;padding: 4px 10px;margin-right: 10px;}
	.homemain .adv_pic .more{padding: 4px 20px;}
	.homemain h3{font-size: 26px;}
	.homemain .newslist .txt{width: calc(100% - 200px);}
	.homemain .newslist .time .more{display: none;}
	.homemain .about_bd h4{font-size: 18px;font-weight: bold;margin-top: 15px;}
	.homemain .about_bd .tel{margin-bottom: 0;}
	.homemain .about{padding-bottom: 8%;}
	.homemain .pro1 li h4,.homemain .pro1 li .num{line-height: 1.4;}
	.homemain .pro1 li .des{margin-bottom: 15px;}
}

@media only screen and (max-width: 480px){
	.homemain .adv_pic .txt{text-align: center;margin: 20px  auto 0;}
	.homemain .adv_pic .txt span{float: none;display: inline-block;margin-bottom: 10px;}
	.homemain .adv_pic .more{display: none;}
	
	
}