/*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);
	}
}
.section_f{height: auto !important;}
/*banner */
.index_main{
	background: #fff;
}
.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; 
}
.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: 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%;
	left: 50%;
	padding-bottom: 5px; display: none;
	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;
}


.list{background: url(../image/section2_bg.jpg) no-repeat center bottom; background-size: cover; position: relative;}
.list:before{content: ""; display: block; background: rgba(255,255,255,0.97); height: 100%; width: 55%; position: absolute;}
.list .container{position: relative;z-index: 1;}
.fa_tit h5{font-size: 45px; text-transform: uppercase; color: #000; font-style: italic; font-weight: bold;}
.fa_tit h4{font-size: 48px; font-weight: bold; color: #0271fc; letter-spacing:4px}
.fa_jj{font-size:16px; line-height: 30px; color: #565656; padding-left: 20px; padding-top: 50px; max-width: 620px;}
.fa_tit{position: relative; padding: 20px 0 0 15px;}
.fa_tit:after{content: ""; display: block; width: 315px; height: 192px; border:solid 10px #eee; position: absolute; top: 0; left: 0; z-index: -1;}
.list li{width: 19%; height: 278px; background: #0271fc; float: left; text-align: center; padding: 50px 0;  -webkit-transition: 1s; -o-transition: 1s;transition: 1s; position: relative;}
.list li:hover{transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);}
.list li:first-child{border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
.list li:last-child{border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.list li a{display: block; text-align: center; border-left: solid 1px #4697fd;}
.list li span{display: block; color: #fff; font-size: 22px;  padding-top: 20px;}
.list ul{padding-top: 50px; height: 388px;}
.more{display: block;width: 190px;text-align: center;line-height:46px;font-size:16px;color: #0271fc;border-radius:10px;border: 2px solid #0271fc;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.more:hover{color: #fff;background:#0271fc;}

.jjfa{background: url(../image/section3_bg.jpg) no-repeat; background-size: cover; position: relative;}
.title212{font-size:48px; line-height: 60px; position: relative; letter-spacing: 4px; font-weight: bold;  color: #fff; text-align: center;}
.title212 span{font-size: 45px; color: #81b8fe; position: relative;z-index: 1; text-transform: uppercase; font-weight: bold; font-style: italic;  letter-spacing: 0px;}
.title212:after{content: ""; display: block; width: 340px; height: 182px; border:solid 10px #277ced; position: absolute; top: -30px; left: 50%; margin-left: -163px; z-index: 0;}
.tt_jj{text-align: center; color: #fff; font-size: 16px; line-height: 30px; padding: 35px 0; margin-top: 30px;}
.w_20{width: 20%; float: left; padding: 2.5px; text-align: center; -webkit-transition: 1s; -o-transition: 1s;transition: 1s; position: relative; top: 0}
.w_20:hover{top: -10px;}
.w_20:nth-child(odd) > a{background:  #dce6f1;}
.w_20:nth-child(odd) > a{color: #000;}
.w_20 span{display: block;}
.w_20 > a{padding: 45px 0; display: block; font-size: 18px; line-height: 30px; color: #000;  background:#dce6f1; border-radius: 20px;}
.w_20 .mmm{padding: 45px 0; display: block; font-size: 18px; line-height: 30px; color: #000;  background:#dce6f1; border-radius: 20px; height: 232px; position: relative;}
.w_20 img{padding-bottom: 20px;}
.w_20 .mmm .more{position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto; height: 46px; border: solid 2px #000; color: #000;}
.w_20 .mmm .more:hover{border: solid 2px #0271fc; color: #fff;}

.list2:before{right: 0}
.list2{background: url(../image/section4_bg.jpg) no-repeat; background-size: cover; position: relative;}
.list2 .fa_tit{margin-left: 48%}
.list2 .fa_jj{margin-left: 48%; max-width: initial;}
.list2 li{float: right;}
.list2 li:first-child {border-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.list2 li:last-child {border-radius: 0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.list2 li:last-child a{ border: 0}
.list2 li:hover{transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);}
.list2 .more{margin-left: 48%}



.cpzx .title212{float: left; text-align: left; padding-left: 15px;}
.cpzx .title212 span{color: #81b8fe}

.tab_nav li{width: 238px; height:52px; border: solid 2px #71affd; color: #71affd; border-radius: 52px; float: right; font-size: 22px;  line-height:48px; text-align: center; margin-right: 25px; cursor: pointer;}
.tab_nav .active{border: solid 2px #fff; background: #fff; color: #0271fc;}
.tab_nav{overflow: hidden; margin-bottom: 85px; margin-top: -50px;}

.xhlist{position: relative;}

.xh_img{position: relative;width: 262px; margin: 0 auto; z-index: 1;}
.xhlist h3{padding: 0 20px;color: #000; position: relative; z-index: 1; padding-top: 20px; line-height: 40px; font-size: 18px; text-align: center; margin: 0}
a:hover{text-decoration: none;}
.xhlist h3 b{padding-left: 10px;}
.col-sm-4.xhlist{padding:45px 30px; background: #ffffff; border-radius: 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;}
.xh_liebiao{position: relative;}
.swiper-button-prev,.swiper-button-next{width: 15px; height: 18px; background: url(../image/qh1.png) no-repeat;}
.swiper-button-next{right: -50px;}
.swiper-button-prev{left: -50px; transform: rotate(180deg);}
.swiper-button-prev:after,.swiper-button-next:after{content: "";}
.tab212 .more{margin:40px auto; height: 46px; border: solid 2px #fff; color: #fff;}
.section .container{margin-top: 80px;}
.xwzx .title212 span{color: #000;}
.xwzx .title212{color: #0271fc;}
.xwzx .title212:after {border: solid 10px #ececec;}
.news{ padding-top: 70px;}
.news > .col-sm-6{padding: 2px;}
.news > .col-sm-6 a{display: block; background: #fff; border-radius: 10px; padding: 0 50px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.news > .col-sm-6 a:hover{ position: relative; z-index: 1; -moz-box-shadow:-2px 2px 10px #BDBDBD; -webkit-box-shadow:-2px 2px 10px #BDBDBD; box-shadow:-2px 2px 10px #BDBDBD; transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}

.img_txt .col-sm-6{padding: 0}
.img_txt .img_txt2{padding-left: 30px; font-size: 16px; color: #8a8a8a; line-height: 30px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
time{line-height: 50px; color: #b2b2b2}
.news h3{font-size: 18px; line-height: 50px; color: #1c1c1c}
.foot_home .container{margin: 0 auto}
.home_page7 .title212:after{display: none}
.home_page7 {padding: 5.5% 0 5% 0;}
.home_page7 li .new_img{margin-top: 6px; display: block;}
.home_page7 li .new_img img{width: 100%}
.home_page7 .col-sm-3{padding: 0 6px; width: 20%}
.home_page7 .container{position: relative;}
.hd a{
    width: 15px;
    height: 18px; display: block; position: absolute; top: 50%; margin-top: -9px; text-indent: -999px; cursor: pointer;
    background: url(../image/qh1.png) no-repeat;
}
.hd .next{    left: -50px;  transform: rotate(180deg);}
.hd .prev{right: -50px}


.none{height: 0; overflow: hidden;}
section,footer{overflow: hidden;}
.shouquan .row{margin: 0 -10px;}

footer{ background: #081730; padding-top: 80px;}
.foot_nav{width: 60%; float: left;}
.contact{width: 40%; float: right; padding-left: 68px; border-left: solid 1px #414d60}
.foot_nav dl{float: left; width: 140px; padding-left: 40px;}
.foot_nav dl:first-child{padding-left: 0; width: 100px;}
.foot_nav dl dt{font-size: 16px; position: relative; color: #fff; font-weight: normal; padding-bottom: 20px;}
.foot_nav dl dt:before{content:""; display: block; width: 1px; height: 12px; background: #414d60; left: -40px; position: absolute; top: 5px;}
.con_tit{font-size: 20px; color: #fff; font-weight: bold; padding-bottom: 15px;}
.con_tel {font-size: 16px; color: #fff;}
.con_tel span{font-size: 32px; color: #0271fc; font-weight: bold;}
.con_add{line-height: 30px; color: #fff}
.con_add div{padding: 0}
.con_add .col-sm-3{width: 120px; float: right; text-align: center;}
.foot_nav dl dd a{font-size: 14px; color: #fff; line-height: 28px;}
.copyright{margin-top: 70px; border-top: solid 1px #414d60; padding-top: 35px;}
.bomfrilink{color: #fff;}
.bomfrilink a{display: inline-block;padding:0 12px; margin-bottom: 10px; border-right: 1px solid rgba(255,255,255,.4);line-height: 1;color: rgba(255,255,255,1);}
.copy{text-align: center; line-height: 30px; padding-bottom: 15px; color: rgba(255,255,255,.5);}
.copy a{ color: rgba(255,255,255,.5);}

img{max-width: 100%}
.foot_nav dl:first-child dt:before{display: none}
.border_show{box-shadow: initial; border-bottom: solid 1px #ccc;}
.dls dt{margin-bottom: 10px;}




@media only screen and (min-width: 1440px){.container{width: 1400px; padding: 0}}
@media only screen and (max-width: 1440px){
	.container{width: 1200px; padding: 0}
	.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;
	}
	
	.xh_img,.xh_img img{width: 100%}
	.fa_tit h4{font-size: 44px;}
	.list ul{height: 298px;}
	.list li{height: 218px; padding: 30px 0}
	.foot_nav dl{float: left;width: 120px;padding-left: 20px;}
	.contact{padding-left: 30px;}
	.con_tel span{font-size: 28px;}
	.con_add .col-sm-3{width: 110px;}
	.home_page7{padding: 3% 0}
	footer{padding-top: 30px;}
	.home_page7 .container,.copyright{margin-top: 30px;}
}

@media only screen and (max-width: 1280px){
	.container{width: 1100px; padding: 0}
	.news212{width: 100%; padding: 20px;  margin-bottom: 10px; background: #fff}
	.case_name_lg,.case_name_md{margin-top: 20px;}
	.jjfa li{width: 50%}
	.con_add .col-sm-3{width: 25%}
	.con_add .col-sm-9{padding-right: 10px;}
	.con_tel{font-size: 14px;}
	.foot_nav dl dt:before{left: -20px;}
	.foot_nav dl{width: 113px; padding-left: 13px;}
	section{padding-bottom: 30px;}
	.shouquan{padding-bottom: 0;}
	.list:before{width: 100%;}
	.list2 .fa_tit,.list2 .fa_jj,.list2 .more{margin-left: 0}
	.list2 li{float: left;}
	.list2 li:first-child {border-radius: 0; border-bottom-left-radius: 10px;   border-top-left-radius: 10px;}
	.list2 li:last-child {border-radius: 0; border-bottom-right-radius: 10px;   border-top-right-radius: 10px;}
	.list2 li:last-child a{border-left: solid 1px #4697fd;}
}
@media only screen and (max-width: 1100px){
 	.foot_home,.container{width: 100%; padding: 0 15px}
 	.foot_home{padding-top: 30px;}
 	.index_main .section1 .index_banner .item{height: auto;}
 	.index_main .section1 .index_banner .items{background: none !important; position: initial;}
 	.index_main .section1 .index_banner .items img{display: block !important;}
 	.fp-tableCell,.index_main .section1{height: auto !important;}
 	.section{height: auto !important;}
}
@media only screen and (max-width: 992px){
	.news > .col-sm-6{width: 100%}
	.list li{width: 25%}
	.cpzx .title212{float: inherit; text-align: center;}
	.tab_nav{margin-top: 50px; margin-bottom: 40px;}
	.tab_nav li{float: inherit; display: inline-block;}
	.tab_nav{text-align: center;}
	.swiper-button-next{right: 50%; margin-right: -20px; top: inherit; bottom: -20px}
	.swiper-button-prev{left: 50%; margin-left: -20px; top: inherit; bottom: -20px}
	.foot_nav{width: 100%}
	.foot_nav dl{width: 100% !important; padding-left: 0;}
	.foot_nav dd{display: none}
	.foot_nav dl dt{border-bottom: 1px solid rgba(255,255,255,.4)}
	.contact{width: 100%; padding-left: 0; border: 0}
	.foot_nav dt:after{width: 11px;height: 7px;content: '';background-image: url(../image/icon1.png);top: 10px;margin-top:-3.5px;right:0;position: absolute;transform:rotate(90deg);}
	.dls dt:after{transform: rotate(180deg);}

}
@media only screen and (max-width: 767px){
	.section .container{margin-top: 40px;}
	.fa_tit h5{font-size: 40px;}
	.fa_tit h4{font-size: 34px}
	.list li{width: 50%}
	.list li:last-child,.list li:first-child{border-radius: 0}
	 .list2 .more,.more{margin-top: 30px;  margin: 30px auto 0 auto}
	.w_20 > a{height: 232px;}
	.w_20 .mmm .more{width: 100%}
	.tab_nav li{width: 138px; margin: 0 12px;}
	.col-sm-4.xhlist{padding: 30px 15px}
	.xhlist h3{padding: 0; padding-top: 20px;}
	.news > .col-sm-6 a{padding: 0 15px}
	.img_txt .img_txt2{padding-left: 0;}
	.news h3{line-height: 30px; padding-bottom: 15px;}
	.home_page7 .col-sm-3{width: 50% !important; float: left;}
	.home_page7 .col-sm-3:last-child{width: 100%  !important; padding: 0}
	.home_page7 .col-sm-3:last-child a{width: 50%; float: left; padding:0 6px;}
	.home_page7 .container .tempWrap{overflow: hidden; width: auto !important; margin-right: 15px; margin-bottom: 15px;}
	.title212{font-size: 34px;}
	.bomfrilink a{margin-bottom: 16px;}
	.con_add .col-sm-3{width: 120px; float: inherit; padding-top: 30px;	}
	.cpzx .title212,.jjfa .title212{margin-top: 30px;}
	.title212 span{font-size: 45px;}
	.home_page7{padding-bottom: 40px;}
}