/*banner背景图片动画*/

/*banner */
.index_main{
	background: #f0f0f0;
}
.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;
	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;
	background: rgba(0,0,0,0.2);
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 44%;
	right: 10px;
	left:10px;
	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;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #f5c920;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.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%; display:none;
	left: 50%;
	padding-bottom: 5px;
	padding: 0 40px; padding-bottom: 10px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-size: 12px;
	color: #fff;
	margin-right:80px;
	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: 100px; 
	height: 4px;
	background:url(../image/line.png) no-repeat center top;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-12px;
	opacity: 0.3;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width:100px;
	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;
}
.attr dl{margin-bottom: 0}
.attr dd{width: 20%; float: left;}
.attr h3{margin: 0; text-align: center; font-size: 36px; height: 36px; color: #fff; line-height: 36px; margin-top: 50px;}
.attr .d3 h3{font-size: 20px;}
.attr h3 span{font-size: 36px; padding-right: 10px;}
.attr h4{font-size: 14px; color: #fff; text-align: center;     margin-top: 10px;
    margin-bottom: 10px;}
.list .text{overflow: hidden;}
.list{height: 160px; background: #43436a}
.jjfa{background: #8690b1; padding-bottom: 135px;}
.title212{font-size:36px; line-height: 36px; padding-top: 70px; padding-bottom: 82px; color: #fff; text-align: center;}
.jjfa li{width: 292px; height: 388px; float: left; position: relative;}
.jjfa li{width: 292px; height: 388px; background-image: linear-gradient(#8690b1, #8690b1); cursor: pointer; display: block;}
.jjfa li:hover{ background-image: linear-gradient(#3cb2f1, #3d6acb);}
.jjfa ul{overflow: hidden;}
.fatb span{width: 92px; height: 92px;}
.fa2{margin: 0 160px;}
.jjfa li{text-align: center; padding-top: 120px;}
.fatb{font-size: 24px; line-height: 30px; color: #fff;}
.fatb span{width: 92px; height: 92px; display: block; background: url(../image/jjfa1.png) no-repeat center center; margin: 0 auto; margin-bottom: 30px;}
.fa2 span{background: url(../image/jjfa2.png) no-repeat center center;}
.fa3 span{background: url(../image/jjfa3.png) no-repeat center center;}
.cpzx{background: #fff;}
.cpzx .title212{color: #000}
.cpzx{background: #f2f5f4; padding-bottom: 150px;}

.tab_nav li{width: 115px; height:46px; border: solid 2px #333; border-radius: 10px; float: left; font-size: 16px;  line-height: 42px; text-align: center; margin-right: 25px; cursor: pointer;}
.tab_nav .active{border: solid 2px #00bcd4; background: #00bcd4; color: #fff;}
.tab_nav{overflow: hidden; margin-bottom: 55px;}

.xinghao{margin: 0 -10px;}
.xhlist{position: relative;}
.xhlist:after{content: ""; display: block; background: #fff; width: calc(100% - 20px); height: 270px; border-radius: 10px; position: absolute; bottom: 0; -moz-box-shadow:2px 2px 8px #ccc; -webkit-box-shadow:2px 2px 8px #ccc; box-shadow:2px 2px 8px #ccc;}
.xh_img{position: relative;width: 262px; margin: 0 auto; height: 314px; z-index: 1;}
.xhlist h3{padding: 0 20px;color: #333; position: relative; z-index: 1; padding-top: 40px; padding-bottom: 20px; line-height: 40px; margin: 0}
a:hover{text-decoration: none;}
.xhlist h3 b{padding-left: 10px;}
.xhlist h3 span{width: 40px; height: 40px; display: block; background: url(../image/jiantou.jpg) no-repeat; float: right; display: none}
.col-sm-4.xhlist{padding: 0 10px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; position: relative; top: 0}
.col-sm-4.xhlist:hover{position: relative; top: -10px;}

.case{background: #1f1f2f; }
.case_name_md{height:216px; background: #8690b1; padding: 20px; font-size: 18px; color: #fff; -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.case_name_lg{-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.case_name_md:hover,.case_name_lg:hover{transform: scale(1.05, 1.05); }
.case212 a{color: #000; display: block; height: 100%;}
.case212{padding-top: 30px;}
.case212 h3{font-size: 20px; padding-bottom: 10px;}
.case212 p{font-size: 15px; color: #6c6c6c; line-height: 28px;}
.case_name_md+.case_name_md{margin-top: 20px;}
.anli{padding: 0 10px; padding-bottom: 65px;}
.case_name_lg{height: 452px; background: #8690b1; padding: 20px; font-size: 18px; color: #fff;}
.more{ width: 171px; height: 48px; border: solid 2px #fff; border-radius: 10px; line-height: 44px; color: #fff; display: block; font-size: 20px; text-align: center; margin: 0 auto; margin-top: 97px;}
.more:hover{border: solid 2px #00bcd4 !important;
    background: #00bcd4 !important;
    color: #fff !important;}

.news{background: #f1f3f4; padding-bottom: 108px;}
.time h4{margin: 0; font-size: 22px; color: #6e6e6e; line-height: 20px; padding-bottom: 10px;}
.time p{padding-bottom: 25px; margin-bottom: 0; line-height: 14px; font-size: 16px; color: #c5c5c5;}
.time{border-bottom: solid 2px #eee; width: 100%;}
.new_content h3{font-size: 20px; line-height: 18px; line-height:30px; margin: 18px 0 12px 0; color: #161616; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.new_content h3 a{color: #161616}
.new_content h3 a:hover{color: #8690b1}
.new_content p{margin-bottom: 22px; font-size: 16px; color: #888; line-height: 30px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.new_img{ display: block;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.shouquan .new_img:hover{transform: scale(1.05, 1.05); }
.news .more{margin-top: 130px; border: solid 2px #333; color: #333;}
.col-sm-3{padding: 0 10px}
.shouquan .col-sm-3 a{margin-bottom: 20px}
.shouquan{padding: 30px 0}
.news212{-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; position: relative; top: 0;}
.news212:hover{top: -10px;}
.none{height: 0; overflow: hidden;}
section,footer{overflow: hidden;}
.shouquan .row{margin: 0 -10px;}
.about_home{padding: 90px 0;}
.about_home h3{margin-top: 0; font-weight: bold; font-size: 30px; line-height: 42px; color: #373737;}
.about_home p{font-size: 15px; line-height: 28px;}
.ab_right .btn{width: 100px; height: 40px; padding: 0; line-height: 40px; font-weight: bold; color: #fff; background: #45ceff; border-radius: 40px; display: block; text-align: center; margin-top: 15px;}
.jjfa_home li{width: 50%; float: left; line-height: 50px; font-size: 18px;}
.jjfa_home li span{width: 10px; height: 10px; border-radius: 10px; background: #45ceff; display: block; float: left; margin: 22px 10px 0 0;}
.news222 li{width: 100%}
.time222{float: right; font-size: 14px;}
.news222 li a{color: #878787}
.background-color-blue.color-overlay:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #009bd6 !important;
    opacity: 0.8;
}
.section-background-image-container .section-background {
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.background-color-blue.color-overlay {
    position: relative;
}
.lazy {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.overflow-hidden {
    overflow: hidden !important;
}

.section-background-image-container {
    position: relative;
}
.background-color-blue {
    background-color: #009bd6 !important; padding: 50px 0;
}
.background-color-blue p{line-height: 40px; font-size: 24px; color: #fff;}
.container-large {
    max-width: 100rem;
    margin: 0 auto;
    position: relative;
}
.container-large {
    background-size: cover !important; padding: 0 120px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.background-color-orange {
    background-color: #FD891A !important; padding: 1.125rem 2.5rem;
    position: relative;
    padding-right: 6.25rem;
    font-size: 15px;color: #ffffff;
    overflow: hidden;
}
.button.arrowed:after {
    content: '';
    position: absolute;
    width: .0625rem;
    background-color: #fff;
    top: 0;
    bottom: 0;
    right: 3.75rem;
}



footer .col-lg-3{width: 18%}
#wp-footer {
    background: #252429;
    color: #bbbbbb;
}
.copyright{line-height: 60px; color: #fff; text-align: center; background: #1f1e23}
.widget-title,.widgettitle{font-size: 16px; padding-top: 30px; position: relative; padding-bottom: 20px;}
.widget-title{text-align: center; }

.widget-title:after,.widgettitle:after{    content: "";
    background: #fff;
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;}
.widget-title:after{left: 50%;  margin-left: -30px;}
footer .col-lg-3{text-align: center; line-height: 26px; color: #fff;}
footer .col-lg-3:first-child{text-align: left; width:64%}
footer .col-lg-3 a{color: #fff;}

@media only screen and (min-width: 1200px){.container{padding: 0}}
@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: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	header .row{margin: 0}
	.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;
	}
	.jjfa li{width: 33.333333%; margin: 0}
	.foot_nav{display: none}
	.contact,.foot1{padding-top: 72px; padding-bottom: 50px;}
	.jjfa,.cpzx{padding-bottom: 70px;}
	.shouquan{padding-bottom: 70px;}
	.more,.news .more{margin-top: 70px;}
	.news{padding-bottom: 70px;}
	.index_main .section1 .left,.index_main .section1 .right{display: none}
	img{max-width: 100%}
	footer .col-lg-3{display: none; width: 100%}
    footer .col-lg-3:first-child{display: block; padding-bottom: 20px;}
    .header2, .on2 {
    background: #fff;
    height: 55px !important;}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 150px;
	}
	.container-large {
    background-size: cover !important;
    padding: 0 30px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }   footer .col-lg-3:first-child{width:100%}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}
	.news212{width: 50%; margin-bottom: 50px;}
	.xh_img{width: 80%; height: 218px}
	.jjfa li{padding-top: 30px; height: 184px;}
	.fatb span{width: 70px; height: 70px; background-size: cover;}
	.fatb{font-size: 16px;}
	.header .left a img{margin-top: 0;}
	.header3,.header{height: 55px}
	.header .left a img{height: 55px;}
	
	.shouquan22 .sq212 img{height: 70px;}
	.shouquan .col-sm-3 a{margin-bottom: 15px;}
	.shouquan22 .sq212{width: 183px !important; padding: 0 0px; overflow: hidden;}
	.shouquan22 .new_img{height: 70px; width: 173px; margin: 0 5px; text-align: center;}
	.new_img img{width: 100%}

}

@media only screen and (max-width: 767px){
	.title212{padding: 30px 0; font-size: 24px;}
	.news212{width: 100%; padding: 20px;  margin-bottom: 10px; background: #fff}
	.case_name_lg,.case_name_md{margin-top: 20px;}
	.jjfa li{width: 50%}
	.jjfa{padding-bottom: 50px;}
	.xh_img{height: auto;}
	.xh_img img{width: 100%;}
	.col-sm-4.xhlist {margin-bottom: 30px;}
	.contact{float: initial; margin: 0 auto}
	.foot1{float: initial; padding-bottom: 0; width: 100%}
	footer .row{margin: 0}
	.attr{text-align: left;}
	.attr h3 span{font-size: 26px;}
	.attr h3{font-size: 26px; margin-top: 30px; text-align: left;}
	.attr h4{line-height: 1.5em; margin: 0; text-align: left;}
	.attr dd{width: 32%; float: initial; display: inline-block;}
	.list{height: auto; padding-bottom: 30px;}
    .tab_nav{text-align: center; }
    .tab_nav li{float: initial; display: inline-block; margin: 0 12.5px;}
    .xhlist h3{font-size: 18px;}
    .tab_nav{margin-bottom: 25px;}
    .shouquan .row{overflow: hidden;}
    .shouquan22 .new_img{height: 70px; width: 118px; margin: 0 5px; text-align: center;}
    .shouquan22 .sq212{width: 133px !important; padding: 0 0px; overflow: hidden;}
    .xhlist:after{height: 160px; }
    .xhlist h3{padding: 10px}
    .news .row{margin: 0 -5px}
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}