/*通用类*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html{
	overflow-x:hidden;
}
body{
	width:100%;
	min-width:320px;
	margin:0 auto;
	font-family:"Microsoft Yahei";
	background:#fff;
	overflow-x:hidden;
	text-align:justify;
	color:#333;
	font-size:12px;
}
.wb{
	background:#fff;
}

/*不同设备字体em基准
@media screen and (min-width: 320px) and (max-width: 360px){
  body{
  	font-size:13.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 480px){
  body{
  	font-size:15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 700px){
  body{
  	font-size:22.5px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){
  body{
  	font-size:28px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
  body{
  	font-size:32px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
  body{
  	font-size:40px;
  }
}
@media screen and (min-width: 1400px){
  body{
  	font-size:50px;
  }
}
*/

img{
	border:none;
}
h1,h2,h3{
	font-weight:normal;
}
a{
	color:#333;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none;
}
input,textarea,select{
	font-family:"Microsoft Yahei";
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #979797 !important;
}
textarea::-webkit-input-placeholder {
	color: #979797 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;
}
textarea{
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;
}
em{
	font-style:normal;
}
.lt{
	float:left;
}
.rt{
	float:right;
}
input.sub,label{
	border:none;
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
}
td,th{
	padding:0;
}
.clear::before{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clear::after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.ml_100{
	margin-left:100px;
}
.mr_100{
	margin-right: 100px;
}
.pl_100{
	padding-left:100px;
}
.pr_100{
	padding-right: 100px;
}
/**********************/
.header_content_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 40px;
	padding-bottom: 18px;
}
.header_content_box .l_cont{
	display: flex;
	align-items: center;
	position: relative;
}
.header_content_box .head_menu{
	display: none;
	width: 28px;
	height:19px;
	background: url(../i/head_menu.png) no-repeat center;
	margin-right: 26px;
	position: absolute;
	left:-40px;
}
.header_content_box .logo{
	width: 134px;
}
.header_content_box .logo img{
	display: block;
	width: auto;
}
.header_content_box .r_cont{
  display: flex;
  align-items: center;
}
.header_content_box .r_cont .navi_cont{
	display: flex;
	align-items: center;
}
.header_content_box .r_cont .navi_cont a{
	margin:0 30px;
	font-size:17px;
	color:#111111;
}
.header_content_box .r_cont .navi_cont a:hover{
	color:#335ca1;
}
.header_content_box .r_cont .search_box{
	width: 152px;
	height:30px;
	border:1px solid #a6a6a6;
	border-radius: 100px;
	overflow: hidden;
	background: url(../i/ico_1.png) no-repeat 94% center;
	background-size:17px;
}
.header_content_box .r_cont .search_box input{
	width:100%;
	height:100%;
	padding-right: 30px;
	padding-left:10px;
	border:0px;
	background: none;
	font-size:14px;
}
.index_baner{
	width:100%;
}
.index_baner img {
		display: block;
		width: 100%;
		transition: 2s;
		animation: pulses 10s .2s ease both;
	}
	.index_baner .swiper-slide {
		position: relative;
		animation: pulses 10s .2s ease both;
	}
.index_baner .txt_box{
	position: absolute;
	bottom: 160px;
	left:150px;
	z-index: 11;
}
.index_baner .txt_box h2{
	font-size:48px;
	color:#ffffff;
	transition: all 1s;
	transform: translateY(-40px);
	opacity: 0;
}
.index_baner .txt_box p{
	font-size:16px;
	color:#ffffff;
	transition: all 1s;
	transform: translateY(40px);
	opacity: 0;
}
.index_baner .swiper-slide-active .txt_box h2{
	transform: translateY(0);
	opacity: 1;
}
.index_baner .swiper-slide-active .txt_box p{
	transform: translateY(0);
	opacity: 1;
}
.index_baner_page{
    width: 10px;
    bottom: auto;
    left: -55px;
    top: 50%;
    display: flex;
    flex-wrap: wrap;
    transform: translateY(-50%);
}
.index_baner_page .swiper-pagination-bullet{
	width:10px;
	height: 10px;
	margin:17px 0;
	position: relative;
	background: none;
	opacity: 1;
	outline: none;
}
.index_baner_page .swiper-pagination-bullet::after{
	content: "";
	display: block;
	width:4px;
	height: 4px;
	background-color: #979797;
	border-radius: 100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.index_baner_page .swiper-pagination-bullet::before{
	content: "";
	display: block;
	width:10px;
	height: 10px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	border:1px dashed #979797;
	border-radius: 100%;
	transition: all 1s;
}
.index_baner_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
	background-color: #6986b7;
}
.index_baner_page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
	width: 21px;
	height:21px;
	border:1.5px dashed #6986b7;
	transform: translate(-50%,-50%) rotate(360deg);
}
.index_banner_content{
	position: relative;
	margin-bottom: 20px;
}
.index_banner_content .link_box{
	position: absolute;
	width: 24px;
    bottom:0;
	left:-75px;
}
.index_banner_content .link_box a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-bottom: 12px;
}
.index_banner_content .link_box a:last-child{
	margin-bottom:0;
}
.index_banner_content .link_box a img{
	width:auto;
}
.index_banner_content .more_box{
    position: absolute;
    right: -40px;
    bottom: 0;
    width: 22px;
    font-size: 14px;
	color: #999999;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	cursor: pointer;
}
.index_banner_content .more_box img{
	margin-left:6px;
	transition: all 0.8s;
}
.index_banner_content .more_box:hover img{
	margin-top: 6px;
}
.index_case_1{
	padding-bottom: 84px;
	margin-top: 40px;
	position: relative;
	margin-bottom: 84px;
}
.index_case_1::after{
	content: "";
	display: block;
	width:100%;
	height: 100%;
	position: absolute;
	bottom:0;
	left:0;
	 background: linear-gradient(#fff, #d3e2ee);
	 z-index: -1;
}
.index_case_1 .tis_title{
	margin-bottom: 200px;
}
.index_case_1 .tis_title .tle{
	margin-bottom: 124px;
}
.index_case_1 .tis_title h2{
	font-size:42px;
	color:#222222;
	margin-bottom: 20px;
}
.index_case_1 .tis_title p{
	font-size:24px;
	color:#999999;
}
.index_case_1 .tis_title .more_btn{
	display: flex;
	align-items: center;
	font-size:16px;
	color:#666666;
}
.index_case_1 .tis_title .more_btn img{
	margin-left:6px;
	transition: all 1s;
}
.index_case_1 .tis_title .more_btn:hover img{
	margin-left:18px;
}
.index_case_1 .last_box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.index_case_1 .last_box .list_box{
	width: calc(99% / 3);
	margin-right:0.5%;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.index_case_1 .last_box .list_box:nth-child(3n){
	margin-right:0;
}
.index_case_1 .last_box .list_box img{
	display: block;
	width:100%;
	height:100%;
	transition: all 1.6s;
}
.index_case_1 .last_box .list_box .txt_box{
	position: absolute;
	bottom:20px;
	left:20px;
	transition: all 1s;
}
.index_case_1 .last_box .list_box .txt_box h2{
	font-size:28px;
	color:#ffffff;
}
.index_case_1 .last_box .list_box .txt_box p{
	font-size:12px;
	color:#ffffff;
}
.index_case_1 .last_box .list_box:hover img{
	transform: scale(1.2,1.2);
}
.index_case_1 .last_box .list_box:hover .txt_box{
	bottom:30px;
	left:30px;
}
.index_case_2{
  position: relative;
  margin-bottom: 84px;
}
.index_case_2 .bg{
	display: block;
	width:100%;
}
.index_case_2 .line{
	width:auto;
}
.index_case_2 .ring{
	transition: all 1.2s;
}
.index_case_2 .txt{
	position: absolute;
	font-size:16px;
	color:#ffffff;
	transition: all 1s;
	cursor: pointer;
}

.index_case_2 .list_1{
	position: absolute;
	bottom:4%;
	left:10%;
}
.index_case_2 .list_1 .txt{
    right: 6rem;
    top: 1.6rem;
}
	.index_case_2 .list_1 span {display:inline-block;width:auto;max-width:300px;height:auto;color:#fff; border:1px dotted #fff; background:none;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:absolute;left:20%;top:40%;box-sizing:border-box;padding:10px;line-height:22px;transition:.5s;opacity:0;}
	.index_case_2 .list_1:hover span {top: 30%;opacity: 1;}
	.index_case_2 .list_2 span {display:inline-block;width:auto;max-width:300px;height:auto;color:#fff; border:1px dotted #fff; background:none;overflow:hidden; border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:absolute;left:0%;top:20%;box-sizing:border-box;padding:10px;line-height:22px;transition:.5s;opacity:0;}
	.index_case_2 .list_2:hover span {left:10%;opacity: 1;}
	.index_case_2 .list_3 span {display:inline-block;width:auto;max-width:300px;height:auto;color:#fff; border:1px dotted #fff; background:none;overflow:hidden; border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:absolute;left:0%;top:90%;box-sizing:border-box;padding:10px;line-height:22px;transition:.5s;opacity:0;}
	.index_case_2 .list_3:hover span {top: 60%;opacity: 1;}
	.index_case_2 .list_4 span {display:inline-block;width:auto;max-width:200px;height:auto;color:#fff; border:1px dotted #fff; background:none;overflow:hidden; border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:absolute;left:30%;top:80%;box-sizing:border-box;padding:10px;line-height:22px;transition:.5s;opacity:0;}
	.index_case_2 .list_4:hover span {top: 65%;opacity: 1;}
	.index_case_2 .list_5 span {display:inline-block;width:auto;max-width:300px;height:auto;color:#fff; border:1px dotted #fff; background:none;overflow:hidden; border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.1);position:absolute;right:0%;top:100%;box-sizing:border-box;padding:10px;line-height:22px;transition:.5s;opacity:0;}
	.index_case_2 .list_5:hover span {top: 90%;opacity: 1;}
	.index_case_2 .list_1 .ring {
		position: absolute;
		right: 8%;
		top: 2%;
		width: 5rem;
	}
.index_case_2 .list_2{
	position: absolute;
	top:4%;
	left: 50%;
	transform: translateX(-50%);
}
.index_case_2 .list_2 .txt{
    right: 6rem;
    top: 1.6rem;
}
.index_case_2 .list_2 .ring{
	position: absolute;
    left: 56%;
    top: 2%;
	width: 5rem;
}
.index_case_2 .list_3{
	position: absolute;
    top: 20.5%;
    left: 54.5%;
}
.index_case_2 .list_3 .ring{
	position: absolute;
    right: 4%;
    top: 15%;
	width: 5rem;
}
.index_case_2 .list_3 .txt{
    right: 6rem;
    top:2.5rem;
}
.index_case_2 .list_4{
	position: absolute;
    top: 17.5%;
    right: 5.5%;
}
.index_case_2 .list_4 .ring{
	position: absolute;
    left: 4%;
    bottom: 10%;
	width: 5rem;
}
.index_case_2 .list_4 .txt{
    right: 6rem;
    top: 6rem;
}
.index_case_2 .list_5{
	position: absolute;
    top: 50%;
    right: 7%;
}
.index_case_2 .list_5 .ring{
	position: absolute;
    left: 14%;
    bottom: 6%;
	width: 5rem;
}
.index_case_2 .list_5 .txt{
     right: 2.8rem;
         top: 4.5rem;
}
.index_case_2 > div:hover .txt{
	margin-top:-10px;
}
.index_case_2 > div:hover .ring{
	transform: scale(0.8,0.8) rotate(1800deg);
}
.index_case_3{
	margin-bottom:80px;
}
.index_case_3 .tis_title{
	text-align: center;
	margin-bottom: 40px;
}
.index_case_3 .tis_title h2{
	font-size:42px;
	color:#222222;
}
.index_case_3 .tis_title p{
	font-size:24px;
	color:#999999;
}
.index_case3_baner .i{
	display: block;
	width:100%;
	height:100%;
	transition: all 2s;
}
.index_case3_baner .swiper-slide{
	overflow: hidden;
}
.index_case3_baner .txt_cont{
	position: absolute;
	left:50%;
	top:50%;
	width: 220px;
	height:220px;
	transform: translate(-50%,-50%);
	display: flex;
     align-items: center;
	justify-content: center;
}
.index_case3_baner .txt_cont::after{
	content: "";
	display: block;
	width:100%;
	height:100%;
	background: url(../i/case3_ring.png) no-repeat center;
	background-size:contain;
	transition: all 2s;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-50%;
	margin-left:-50%;
}
.index_case3_baner .txt_cont .txt{
}
.index_case3_baner .txt_cont h2{
	font-size:20px;
	color:#fefefe;
	margin-bottom: 10px;
	text-align: center;
}
.index_case3_baner .txt_cont p{
	font-size:12px;
	color:#cac9c9;
	width: 140px;
	margin:0 auto;
	height: 0;
	    overflow: hidden;
	    transition: all 1s;
}
.index_case3_baner .swiper-slide:hover .i{
	transform: scale(1.2,1.2);
}
.index_case3_baner .swiper-slide:hover .txt_cont::after{
	transform: rotate(360deg) scale(1.2,1.2);
}
.index_case3_baner .swiper-slide:hover .txt_cont p{
	height: 100px;
}
.index_case3_page{
    text-align: center;
    margin-top: 30px;
    left: 0;
    width: 100%;
}
.index_case3_page .swiper-pagination-bullet{
    height: 20px;
    width: 20px;
    border-radius: 0;
    background: none;
    margin: 0 30px;
    opacity: 1;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
	position: relative;
}
.index_case3_page .swiper-pagination-bullet::after{
	content: "";
	display: block;
	width:100%;
	height: 1px;
	background: #af6437;
	position: absolute;
	left:0;
	bottom:-2px;
	transition: all 1s;
	opacity: 0;
}
.index_case3_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
	bottom:-10px;
	opacity: 1;
}
.index_case_4{
	margin-top:40px;
	margin-bottom: 120px;
}
.index_case_4 .tis_head{
	position: relative;
	margin-bottom: 20px;
}
.index_case_4 .tis_head h2{
	font-size:42px;
	color:#222222;
}
.index_case_4 .tis_head p{
	font-size:24px;
	color:#999999;
}
.index_case_4 .tis_head .more_btn{
	display: flex;
	align-items: center;
	position: absolute;
	right:0;
	bottom:20px;
	font-size:16px;
	color:#666666;
}
.index_case_4 .tis_head .more_btn img{
	margin-left:10px;
	transition: all 1s;
}
.index_case_4 .tis_head .more_btn:hover img{
	margin-left:15px;
}
.index_case_4 .content_box{
	display: flex;
	justify-content: space-between;
}
.index_case_4 .content_box .i{
	display: block;
	width:100%;
	height:100%;
	transition: all 3s;
}
.index_case_4 .last{
	position: relative;
	overflow: hidden;
	display: block;
}
.index_case_4 .content_box .txt_box{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:24px;
	color:#e4e4e4;
	opacity: 0;
	transition: all 0.8s;
}
.index_case_4 .content_box .txt_box::after{
	content: "";
	display: block;
	width:46px;
	height:1px;
	background: #fff;
	position: absolute;
	left:50%;
	bottom:-5px;
	transform: translateX(-50%);
	transition: all 1s;
	opacity: 0;
}
.index_case_4 .last:hover .i{
	transform: scale(1.2,1.2);
}
.index_case_4 .last:hover .txt_box{
	opacity: 1;
}
.index_case_4 .last:hover .txt_box::after{
	bottom:-15px;
	opacity: 1;
}
.index_case_4 .content_box .r_content{
	width: 33.5%;
}
.index_case_4 .content_box .l_content{
	width: 65%;

}
.index_case_4 .content_box .l_content .tis_i{
	width: 100%;
	height: auto;
	margin-bottom:26px;
}
.index_case_4 .content_box .l_content .bit_last{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_case_4 .content_box .l_content .list{
	width: 49%;
}
.index_case_5{
	margin-bottom:110px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.index_case_5 .l_content{
	padding-right:100px;
	position: relative;
}
.index_case_5 .l_content::after{
	content: "";
	display: block;
	width:1px;
	height:160px;
	background-color: #d1d1d1;
	position: absolute;
	right:0;
	top:0;
}
.index_case_5 .l_content .tis_title{
	margin-bottom:100px;
}
.index_case_5 .l_content .tis_title p{
	font-size:24px;
	color:#999999;
	margin-bottom: 26px;;
}
.index_case_5 .l_content .tis_title h2{
	font-size:42px;
	color:#222222;
}
.index_case_5 .l_content .navi{
	text-align: right;
}
.index_case_5 .l_content .navi a{
	display: inline-block;
	font-size:18px;
	color:#666666;
	padding:5px 0;
	margin-bottom: 14px;
}
.index_case_5 .l_content .navi a:hover,.index_case_5 .l_content .navi a.hover{
	color:#335ca1;
	border-bottom:1px solid #335ca1;
}
.index_case_5 .r_content{
	width: 78%;
	display: flex;
	flex-wrap: wrap;
}
.index_case_5 .r_content .list_box{
	width: 49%;
	margin-right:2%;
	margin-bottom: 40px;
	position: relative;
	padding:45px 25px;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}
.index_case_5 .r_content .list_box:nth-child(2n){
	margin-right:0;
}
.index_case_5 .r_content .list_box::after{
	content: "";
	display: block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #f2f2f2;
	z-index: 2;
	transition: all 1s;
}
.index_case_5 .r_content .list_box .bg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 1;
	filter: brightness(50%);

}
.index_case_5 .r_content .list_box .time{
	width: 85px;
	position: relative;
	z-index: 3;
}
.index_case_5 .r_content .list_box .time h2{
	font-size:30px;
	color:#335ca1;
	margin-bottom: 10px;
	transition:all 1s;
}
.index_case_5 .r_content .list_box .time p{
	font-size:18px;
	color:#666666;
	transition:all 1s;
}
.index_case_5 .r_content .list_box .txt_cont{
	width: calc(100% - 85px);
	padding-left:34px;
	position: relative;
	z-index: 3;
}
.index_case_5 .r_content .list_box .txt_cont .tle{
	font-size:22px;
	color:#333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-bottom: 20px;
	transition:all 1s;
}
.index_case_5 .r_content .list_box .txt_cont .txt{
	font-size:15px;
	color:#666666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	transition:all 1s;
}
.index_case_5 .r_content .list_box:hover  *{
	color:#fff !important;
}
.index_case_5 .r_content .list_box:hover::after{
	top:-100%;
}
.pulic_footer_box{
	padding-top:36px;
	padding-bottom: 30px;
	background-color: #f1f1f1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.pulic_footer_box .navi_cont{
	display: flex;
	border-right:1px solid #cacaca;
	width: 40%;
}
.pulic_footer_box .navi_cont .list{
	margin-right: 5%;
	width: 20%;
}
.pulic_footer_box .navi_cont .list h2{
	font-size:16px;
	color:#000000;
	margin-bottom: 30px;
}
.pulic_footer_box .navi_cont .list a{
	display: block;
	font-size:14px;
	color:#000000;
	margin-bottom: 16px;
}
.pulic_footer_box .navi_cont .list a:hover{
	color:#335ca1;
}
.pulic_footer_box  .about_cont{
	padding:0 110px;
	border-right: 1px solid #cacaca;
}
.pulic_footer_box  .about_cont .title{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size:30px;
	color:#5e5e5e;
}
.pulic_footer_box  .about_cont .title img{
	display: block;
	width:30px;
	margin-right:4px;
}
.pulic_footer_box  .about_cont p{
	font-size:14px;
	color:#000000;
	margin-bottom: 8px;
}
.pulic_footer_box  .code_cont{
	text-align: center;
}
.pulic_footer_box  .code_cont img{
	display: block;
	width: 130px;
	margin:0 auto 6px;
}
.pulic_footer_box  .code_cont p{
	text-align: center;
	font-size:14px;
	color:#000000;
}
.pulic_footer_copy{
	padding-top:6px;
	padding-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f1f1f1;
	border-top:1px solid #cacaca;
}
.pulic_footer_copy .l_txt{
	display: flex;
	align-items: center;
}
.pulic_footer_copy .l_txt span{
	margin-right:20px;
	font-size:14px;
	color:#666666;
}
.pulic_footer_copy .r_link{
	display: flex;
	align-items: center;
	font-size:14px;
	color:#666666;
}
.pulic_footer_copy .r_link a{
	display: block;
	width:46px;
	height:46px;
	margin:0 20px;
}
.pulic_footer_copy .r_link a img{
	display: block;
	width:100%;
}
/**********************/
.cont_warpin{
	width: 1520px;
	margin: 0 auto;
}
.cont_baner_box{
	width: 100%;
	position: relative;
}
	.cont_baner_box img {
		display: block;
		width: 100%;
		animation: pulses 10s .2s ease both;
	}
.cont_baner_box .txt_cont{
	position: absolute;
	top: 0;
	left:50%;
	transform: translateX(-50%);
	height: 100%;
	display: flex;
	align-items: center;
}
.cont_baner_box .txt_cont .txt{
	position: relative;
}
.cont_baner_box .txt_cont .txt::after{
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	right: 22px;
	bottom:-35px;
	transition: all 1s;
}
.cont_baner_box .txt_cont .txt::before{
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	right: 0;
	bottom:-50px;
	transition: all 1s;
}
	.cont_baner_box .txt_cont h2 {
		font-size: 42px;
		color: #ffffff;
		padding-left: 54px;
		font-weight: bold;
	}
.cont_baner_box.active .txt_cont .txt::after{
	width: 36px;
}
.cont_baner_box.active .txt_cont .txt::before{
	width: 116px;
}
.pulic_cont_guide{
	padding:40px 0;
	border-bottom: 1px solid #d6d6d6;
}
.pulic_cont_guide .cont_warpin{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pulic_cont_guide .guide{
	font-size:18px;
	
	color:#333333;
}
.pulic_cont_guide .nav{
	display: flex;
	align-items: center;
}
.pulic_cont_guide .nav .li{
	margin-left:50px;
	font-size:18px;
	color:#333333;
}
.pulic_cont_guide .nav .li:hover{
	color:#fe0000;
}
.pulic_case_cont{
	padding:70px 0 120px;
	background: #fcfcfc;
}
.pulic_case_title{
	font-size:36px;
	font-weight: bold;
	color:#343434;
	margin-bottom: 65px;
}
.pulic_page_cont{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:40px auto;
}
.pulic_page_cont .li{
	padding:8px 5px;
	margin:0 4px;
	font-size:14px;
	color:#020100;
}
.pulic_page_cont .li:hover{
	background-color: #416db8;
	color:#fff;
	border-radius: 5px;
}
/***********about****************/
.about_case_1{
	padding:60px 0 150px 0;
	display: flex;
	justify-content: space-between;
}
.about_case_1 .r_img{
	width: 49%;
	order: 2;
}
.about_case_1 .r_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.about_case_1 .l_content{
	width: 49%;
	order: 1;
}
.about_case_1 .l_content .title_box{
	margin-bottom: 16px;
	padding:15px 0;
	border-bottom: 1px solid #d6d6d6;
}
.about_case_1 .l_content .title_box h2{
	font-size:36px;
	font-weight: bold;
	color:#333333;
}
.about_case_1 .l_content .title_box p{
	font-size:16px;
	color:#999999;
}
.about_case_1 .l_content .txt_box{
	margin-bottom: 20px;
}
.about_case_1 .l_content .txt_box p{
	font-size:16px;
	line-height: 32px;
	color:#333333;
}
.about_case_1 .l_content .last_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about_case_1 .l_content .last_box .list_box{
	text-align: center;
}
.about_case_1 .l_content .last_box .list_box .tle{
	text-align: end;
	font-size:14px;
	color:#333333;
	position: relative;
}
.about_case_1 .l_content .last_box .list_box .tle span{
	font-size:46px;
	color:#335ca1;
}
.about_case_1 .l_content .last_box .list_box .tle .add{
	font-size:24px;
	color:#335ca1;
	position: absolute;
	right: -10px;
	top:0;
}
.about_case_1 .l_content .last_box .list_box p{
	font-size:16px;
	color:#333333;
}
.about_case_2{
	padding:60px 0 90px;
}
.about_case_2 .tis_title{
	text-align: center;
	margin-bottom: 30px;
}
.about_case_2 .tis_title h2{
	font-size:42px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 10px;
}
.about_case_2 .tis_title p{
	font-size:18px;
	color: #999999;
}
.about_case_2 .content_box{
	display: flex;
}
.about_case_2 .content_box .last_cont{
	position: relative;
	width: 40%;	
	overflow: hidden;
	transition: all 1s;
}

.about_case_2 .content_box .last_cont .title{
	position: absolute;
	left:74px;
	top:84px;
}
.about_case_2 .content_box .last_cont .title h2{
	font-size:38px;
	font-weight: bold;
	color:#ffffff;
	margin-bottom: 10px;
}
.about_case_2 .content_box .last_cont .title p{
	font-size:18px;
	color:#ffba00;
}
.about_case_2 .content_box .last_cont .nav_box{
	position: absolute;
	bottom: 0;
	left: 3%;
	width: 94%;
	height: 112px;
	background-color: rgba(255,255,255,0.7);
	border-radius: 6px;
	display: flex;
	align-items: center;
	z-index: 2;
	transition: all 1.2s;
	opacity: 0;
}
.about_case_2 .content_box .last_cont .nav_box .li{
	width: calc(100% / 3);
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #bab9b9;
	position: relative;
	cursor: default;
}
.about_case_2 .content_box .last_cont .nav_box .li::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 10px solid rgba(255,255,255,0.5);
	border-left:0px solid transparent;
	border-right: 0px solid transparent;
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	transition: all 1s;
	top: -10px;
}
	.about_case_2 .content_box .last_cont .nav_box .li span {
		position: relative;
		font-size: 16px;
		color: #000000;
		cursor:pointer;
		 
	}
.about_case_2 .content_box .last_cont .nav_box .li span::after{
	content: "";
	display: block;
	width: 35px;
	height: 2px;
	background-color: #ffba00;
	position: absolute;
	left:50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: all 1s;
	opacity: 0;
}
.about_case_2 .content_box .last_cont .nav_box .li:last-child{
	border-right: 0px;
}
.about_case_2 .content_box .last_cont .nav_box .li:hover::after{
	border-left:10px solid transparent;
	border-right: 10px solid transparent;
}
.about_case_2 .content_box .last_cont .nav_box .li:hover span::after{
	bottom: -15px;
	opacity: 1;
}
.about_case_2 .content_box .last_cont .nav_box .li.hover::after{
	border-left:10px solid transparent;
	border-right: 10px solid transparent;
}
.about_case_2 .content_box .last_cont .nav_box .li.hover span::after{
	bottom: -15px;
	opacity: 1;
}
.about_case_2 .content_box .last_cont .bg_cont{
	height: 100%;
}
.about_case_2 .content_box .last_cont .bg_cont .bg{
	display: block;
	width: auto;
	height: 100%;
	transition: all 1.2s;
	transform: scale(1.2,1.2);
}
.about_case_2 .content_box .last_cont.active{
	width: 60%;
}
.about_case_2 .content_box .last_cont.active .nav_box{
	bottom: 30px;
	opacity: 1;
}
.about_case_2 .content_box .last_cont .bg_cont .bg.active{
	transform: scale(1,1);
}
/*************case**************/
.xmal_last_box {
	display: flex;
	flex-wrap: wrap;
}
.xmal_last_box .list_box{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 78px;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.xmal_last_box .list_box:nth-child(3n){
	margin-right: 0;
}
.xmal_last_box .list_box .i{
	display: block;
	width: 100%;
	height: 292px;
	overflow: hidden;
}
.xmal_last_box .list_box .i img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1.2s;
}
.xmal_last_box .list_box .txt{
	width: 100%;
    padding:30px 0;
	text-align: center;
	font-size:24px;
	color:#333333;
	cursor: pointer;
}
.xmal_last_box .list_box:hover .i img{
	transform: scale(1.1,1.1);
}
.xmal_last_box .list_box:hover .txt{
	color:#416db8;
}
/*************pulic detail**************/
.pulic_detail_content{
	position: relative;
	padding-top: 164px;
	padding-bottom: 60px;
	background-color: #f5f5f5;
}
.pulic_detail_content .tis_bg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
}
.pulic_detail_content .cont_warpin{
	position: relative;
	z-index: 2;
}
.tis_guide_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.tis_guide_box .l_tle{
	font-size:18px;
	color:#ffffff;
	font-weight: bold;
}
.tis_guide_box .return_btn{
	display: flex;
	align-items:center;
	justify-content: center;
	width: 150px;
	height:50px;
	background-color: #fff;
	font-size:18px;
	color:#333333;
}
 .tis_guide_box .return_btn img{
	width: 14px;
	margin-right: 12px;
}
.pulic_detail_content .tis_detail_box{
	width: 100%;
	padding:80px 70px;
	background-color: #fff;
	margin-bottom: 50px;
	display: flex;
}
.pulic_detail_content .tis_detail_box .img{
	display: block;
	width: 650px;
	height: 450px;
}
.pulic_detail_content .tis_detail_box .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.pulic_detail_content .tis_detail_box .txt_cont{
	width: calc(100% - 650px);
	padding-left: 80px;
}
.pulic_detail_content .tis_detail_box .txt_cont .title{
	padding-bottom: 50px;
	padding-top: 30px;
	border-bottom: 1px solid #b2b2b2;
	font-size:42px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 50px;
}
.pulic_detail_content .tis_detail_box .txt_cont .txt{
	margin-bottom: 100px;
}
.pulic_detail_content .tis_detail_box .txt_cont .txt p{
	font-size:16px;
	color:#333333;
	line-height: 30px;
}
.pulic_detail_content .tis_detail_box .tel_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding:0 20px;
	height: 48px;
	border-radius: 5px;
	font-size:18px;
	color:#ffffff;
	background-color: #416cb8;
	border-radius: 5px;
	position: relative;
}
.pulic_detail_content .tis_detail_box .tel_btn::after{
	content: "";
	display: block;
	width: 0;
	height: 96px;
	transition: all 1s;
	background-color: rgba(255,255,255,0.3);
	position: absolute;
	left:-10px;
	top: -50%;
}
.pulic_detail_content .tis_detail_box .tel_btn img{
	margin-left:10px;
}
.pulic_detail_content .tis_detail_box .tel_btn:hover::after{
	transform: rotate(15deg);
	width: 60%;
}
.pulic_detail_content .bit_detail_box{
	background-color: #fff;
	padding:30px 0;
}
.pulic_detail_content .bit_detail_box .title_box{
	border-bottom: 1px solid #cccccc;
	padding:0 66px;
}
.pulic_detail_content .bit_detail_box .title_box span{
	display: inline-block;
	padding:14px 0;
	font-size:30px;
	font-weight: bold;
	color:#333333;
	position: relative;
}
.pulic_detail_content .bit_detail_box .title_box span::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #0e59d1;
	position: absolute;
	bottom:0;
	left:0;
}
.pulic_detail_content .bit_detail_box .txt_box{
	padding:30px 66px;
}
.pulic_detail_content .bit_detail_box .txt_box p{
	font-size:16px;
	color:#000000;
	line-height: 32px;
}
.pulic_detail_content .bit_detail_box .txt_box img{
	display: block;
	margin:40px auto;
	max-width: 100%;
	height:auto;
}
/*************contact***************/
.contact_map_cont{
	display: block;
	width: 100%;
}
.contact_map_cont img{
	display: block;
	width: 100%;
}
.contact_cont_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:50px 0 100px;
}
.contact_cont_box .detail_cont{
	width: 49%;
}
.contact_cont_box .detail_cont .title_box{
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 34px;
	padding-bottom: 10px;
}
.contact_cont_box .detail_cont .title_box h2{
	font-size:36px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 10px;
}
.contact_cont_box .detail_cont .title_box p{
	font-size:18px;
	color:#333333;
}
.contact_cont_box .detail_cont .txt_cont{
	display: flex;
	flex-wrap: wrap;
}
.contact_cont_box .detail_cont .txt_cont .list_box{
	width: 50%;
	margin-bottom: 60px;
}
.contact_cont_box .detail_cont .txt_cont .list_box h2{
	font-size:18px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 20px;
}
.contact_cont_box .detail_cont .txt_cont .list_box p{
	font-size:18px;
	color:#333333;
	margin-bottom: 10px;
}
.contact_cont_box .img_box{
	width: 49%;
}
.contact_cont_box .img_box img{
	display: block;
	width: 100%;
}
/************news***************/
.news_last_cont{
	display: flex;
	flex-wrap: wrap;
}
.news_last_cont .list_box{
	width: 475px;
	height: 532px;
	margin-right: 40px;
	margin-bottom: 90px;
	padding:20px 18px 20px;
	position: relative;
	background-color: #f5f5f5;
}
.news_last_cont .list_box::after{
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background-color: #f50404;
	position: absolute;
	bottom:0;
	left:0;
	transition: all 1s;
}
.news_last_cont .list_box:nth-child(3n){
	margin-right:0;
}
.news_last_cont .list_box .i{
	display: block;
	width: 100%;
	height: 270px;
	margin-bottom: 26px;
	overflow: hidden;
}
.news_last_cont .list_box .i img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.news_last_cont .list_box h2{
	font-size:20px;
	color:#343434;
	font-weight: bold;
	margin-bottom: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_last_cont .list_box p{
	font-size:14px;
	color:#666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom: 40px;
}
.news_last_cont .list_box .more_btn{
	display: flex;
	align-items: flex-end;
	font-size:16px;
	color:#335ca1;
	text-decoration: underline;
}
.news_last_cont .list_box .more_btn .arr{
	width: 28px;
	height: 28px;
	background: url(../i/news_arr.png) no-repeat center;
	transition: all 1s;
	margin-left:4px;
}
.news_last_cont .list_box:hover::after{
	width: 100%;
}
.news_last_cont .list_box:hover .more_btn{
	color:#f50404;
	align-items: center;
}
.news_last_cont .list_box:hover .i img{
	transform: scale(1.1,1.1);
}
.news_last_cont .list_box:hover .more_btn .arr{
	width: 40px;
	height: 40px;
	transform: rotate(360deg);
	background: url(../i/news_arr_h.png) no-repeat center;
}
/***********news detail****************/
.news_detail_content{
	border-top: 140px solid #dadada;
}
.news_detail_content .cont_warpin{
	padding:50px 10% 80px;
}
.news_detail_content .cont_warpin .tis_title{
	margin-bottom: 60px;
	padding-bottom: 8px;
	border-bottom: 1px solid #c8d4e9;
	text-align: center;
}
.news_detail_content .cont_warpin .tis_title h2{
	font-size:36px;
	font-weight: bold;
	color:#343434;
	margin-bottom: 40px;
}
.news_detail_content .cont_warpin .tis_title p span{
	margin:0 10px;
	font-size:14px;
	color:#343434;
}
.news_detail_content .text_cont{
	margin-bottom: 120px;
}
.news_detail_content .text_cont img{
	display: block;
	max-width: 100%;
	margin:30px auto;
	height:auto;
}
	.news_detail_content .text_cont p {
		font-size: 16px;
		color: #000000;
		line-height: 30px;
		text-indent: 2em;
	}
.news_detail_content .news_bit_page{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news_detail_content .news_bit_page .btn{
	display: flex;
	align-items: center;
	font-size:14px;
	color:#333;
}
.news_detail_content .news_bit_page .btn span{
	margin:0 4px;
}
/*************produts***************/
.pricuts_last_content{
	padding:70px 0;
	background-color: #f7f7f7;
}
.pricuts_last_content .list_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	margin-bottom: 80px;
}
.pricuts_last_content .list_box .txt_box{
	width: 49%;
	padding-left:40px;
	order: 1;
}
.pricuts_last_content .list_box .txt_box .tle{
	font-size:36px;
	font-weight: bold;
	color:#000000;
	margin-bottom: 50px;
}
.pricuts_last_content .list_box .txt_box .txt{
	font-size:16px;
	line-height: 30px;
	color:#666666;
	margin-bottom: 20px;
}
.pricuts_last_content .list_box .txt_box .more_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding:0 15px;
	height: 48px;
	background-color: #416cb8;
	border-radius: 5px;
	font-size:16px;
	color:#ffffff;
	 
	transition: all 1s;
}
.pricuts_last_content .list_box .txt_box .more_btn img{
	margin-left:5px;
}
.pricuts_last_content .list_box .img_box{
	width: 49%;
	overflow: hidden;
	order: 2;
}
.pricuts_last_content .list_box .img_box img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.pricuts_last_content .list_box:hover img{
	transform: scale(1.1,1.1);
}
.pricuts_last_content .list_box:hover .more_btn{
	background-color: #fe0000;
}
/***************************/
.phone_show{
	display: none !important;
}
@media screen and (max-width: 1450px){
	 .pr_100{
		 padding-right: 50px;
	 }
	 .pl_100{
		 padding-left:50px;
	 }
	 .ml_100{
		 margin-left:50px;
	 }
	 .mr_100{
		 margin-right:50px;
	 }
	 .header_content_box .r_cont .navi_cont a{
		 margin:0 15px;
	 }
	 .index_case_5 .l_content .tis_title h2{
		 font-size:32px;
	 }
	 .cont_warpin{
		 width: 1200px;
	 }
}
/**********phone************/

@media screen and (max-width: 1024px){
	.phone_show{
		display: block !important;
	}
	.phone_hide{
		display: none !important;
	}
	.pr_100{
			 padding-right: 20px;
	}
	.pl_100{
			 padding-left:20px;
	}
	.ml_100{
			 margin-left:0;
	}
	.mr_100{
			 margin-right:0;
	}
	.cont_warpin{
		width: 100%;
		padding:0 4%;
	}
	.header_content_box{
		padding-top:10px;
	}
	.header_content_box .logo img{
		width:8rem;
	}
	.index_baner_page{
		width: 100%;
		bottom:1rem;
		left:0;
		top:auto;
		transform: translateY(0);
		justify-content: center;
	}
	.index_baner .txt_box{
		bottom: 4rem;
		left:1rem;
	}
	.index_baner .txt_box h2{
		font-size:1.5rem;
	}
	.index_baner .txt_box p{
		font-size:1.2rem;
	}
	.index_baner_page .swiper-pagination-bullet{
		margin:0 1rem;
	}
	.index_baner_page .swiper-pagination-bullet::before{
		border:2px solid #fff;
	}
	.index_baner_page .swiper-pagination-bullet::after{
		width: 1rem;
		height:1rem;
		background-color: #fff;
	}
	.index_baner_page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
		border:2px solid #fff;
		width: 1.2rem;
		height:1.2rem;
	}
	.index_baner_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
		width: 0.6rem;
		height:0.6rem;
		background-color: #fff;
	}
	.header_content_box .phone_menu{
		width:2rem;
		height:2rem;
		background: url(../i/phone_menu.png) no-repeat center;
		background-size:contain;
		margin-left:10px;
	}
	.index_case_1{
		margin-top:2rem;
		padding-bottom:4rem;
		margin-bottom: 2rem;
	}
	.index_case_1 .tis_title{
		margin-bottom: 10rem;
	}
	.index_case_1 .tis_title .tle{
		margin-bottom: 6rem;
	}
	.index_case_1 .tis_title h2{
		font-size:2.2rem;
		margin-bottom: 0.4rem;
	}
	.index_case_1 .tis_title p{
		font-size:1.4rem;
	}
	.index_case_1 .case1_last_box .list_box{
		 width:80%;
	 }
	 .index_case_1 .last_box .list_box .txt_box h2{
		 font-size:1.5rem;
	 }
	 .phone_menu_bg{
	 		display: block;
	   position: fixed;
	   top: 0;
	   right: -100%;
	   width: 100%;
	   height: 100%;
	   background: rgba(0,0,0,0.5);
	   transition: all 0.5s;
	   z-index: 15;
	 	}
	 	.phone_menu_bg.active {
	   right: 0;
	 }
	 	.phone_menu_cont.active {
	   left: 0;
	 }
	 	.phone_menu_cont{
	 		display: block;
	   position: fixed;
	   left: -50%;
	   top: 0;
	   width: 50%;
	   height: 100%;
	   background: #f3f3f3;
	   z-index: 16;
	   transition: all 0.5s;
	   padding: 2rem;
	 	}
	 	.phone_menu_cont .list{
	   margin-bottom: 2rem;

	 	}
		.phone_case_2{
			margin-top: 3rem;
			margin-bottom: 2rem;
		}
		.phone_case_2 .bg{
			display: block;
			width:100%;
		}
		.index_case_3{
			margin-bottom: 6rem;
		}
		.index_case_3 .tis_title h2{
			font-size:2.4rem;
		}
		.index_case_3 .tis_title p{
			font-size:1.5rem;
		}
		.index_case3_baner .txt_cont{
			width:14rem;
			height: 14rem;
			align-items: center;
		}
		.index_case3_baner .txt_cont .txt{
			height: auto;
			padding-top:0;
			transform: scale(0.8,0.8);
		}
		.index_case3_baner .txt_cont h2{
			font-size:1.4rem;
		}
		.index_case3_baner .txt_cont p{
			font-size:1.2rem;
			width: 90%;
		}
		.index_case3_page{
			margin-top: 1rem;
			margin-bottom: 2rem;
		}
		.index_case3_page .swiper-pagination-bullet{
			margin:0 1rem;
			font-size:1.2rem;
		}
		.index_case3_page .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
			bottom:-5px;
		}
		.index_case_4 .tis_head h2{
			font-size:1.6rem;
		}
		.index_case_4 .tis_head p{
			font-size:1.2rem;
		}
		.index_case_4 .tis_head .more_btn{
			bottom:0;
			font-size:1.2rem;
		}
		.index_case_4{
			margin-bottom: 4rem;
		}
		.phone_case_4{
			width:100%;
			height:25rem;
			
		}
		.phone_case_4 .swiper-slide{
			overflow: hidden;
		}
		.phone_case_4 .swiper-slide img{
			display: block;
			width:100%;
			height:100%;
			transition: all 1s;
		}
		.phone_case_4 .swiper-slide:hover img{
			transform: scale(1.2,1.2);
		}
		.phone_case_4 .swiper-slide .txt{
			position: absolute;
			top:50%;
			left:50%;
			transform: translate(-50%,-50%);
			font-size:2rem;
			color:#fff;
		}
		.phone_case_4 .swiper-button-prev{
			left:0;
			width: 2rem;
			height: 4rem;
			border-top-right-radius: 100px;
			border-bottom-right-radius:100px;
			background:rgba(255,255,255,0.5) url(../i/phone_c4_prev.png) no-repeat 30% center;
			background-size:0.8rem;
			opacity: 1;
			outline: none;
		}
		.phone_case_4 .swiper-button-prev:hover{
			background-color: #2284de;
		}
		.phone_case_4 .swiper-button-next{
			right:0;
			width: 2rem;
			height: 4rem;
			border-top-left-radius: 100px;
			border-bottom-left-radius:100px;
			background:rgba(255,255,255,0.5) url(../i/phone_c4_next.png) no-repeat 70% center;
			background-size:0.8rem;
			opacity: 1;
			outline: none;
		}
		.phone_case_4 .swiper-button-next:hover{
			background-color: #2284de;
		}
		.phone_case_5 .tis_title{
			margin-bottom:1rem;
		}
		.phone_case_5 .tis_title p{
			font-size:1.4rem;
			color:#999999;
		}
		.phone_case_5 .tis_title h2{
			font-size:2rem;
			color:#222222;
		}
		.phone_case5_baner{
			margin-bottom: 2rem;
		}
		.phone_case5_baner .swiper-slide{
			position: relative;
			overflow: hidden;
		}
		.phone_case5_baner .swiper-slide img{
			display: block;
			width:100%;
			height:100%;
		}
		.phone_case5_baner .swiper-slide .txt{
			position: absolute;
			width:100%;
			height: 3rem;
			line-height: 3rem;
			padding:0 1rem;
			background-color: rgba(0,0,0,0.5);
			font-size:1.4rem;
			color:#fff;
			bottom:0;
			left:0;
		}
		.phone_case5_baner  .phone_case5_prev{
			width: 1rem;
			height: 2rem;
			background: url(../i/phone_new_prev.png) no-repeat;
			background-size: cover;
		}
		.phone_case5_baner  .phone_case5_next{
			width: 1rem;
			height: 2rem;
			background: url(../i/phone_new_next.png) no-repeat;
			background-size: cover;
		}
		.phone_case5_list{
			padding:1.4rem 0;
			border-bottom:1px dashed #aaaaaa;
			display: flex;
			align-items: flex-start;
		}
		.phone_case5_list .time{
			width: 5rem;
			text-align: center;
		}
		.phone_case5_list .time h2{
			font-size:1.8rem;
			color:#22478e;
			font-weight: bold;
		}
		.phone_case5_list .time p{
			font-size:1.2rem;
			color:#22478e;
			transform: scale(0.8,0.8);
		}
		.phone_case5_list .txt{
			width: calc(100% - 5rem);
			padding-left:1rem;
			font-size:1.4rem;
			color:#000000;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.phone_foot_box{
			padding-top:2rem;
			padding-bottom: 1rem;
			border-bottom:1px solid #c7c7c7;
			background-color: #f7f7f7;
			margin-top: 2rem;
		}
		.phone_foot_box .logo{
			margin-bottom: 1.5rem;
		}
		.phone_foot_box .logo img{
			width: 8rem;
		}
		.phone_foot_box .txt_cont{
			position: relative;
		}
		.phone_foot_box .txt_cont p{
			font-size:1.2rem;
			color:#000000;
			padding-right: 5rem;
			line-height: 2rem;
		}
		.phone_foot_box .txt_cont .code{
			position: absolute;
			bottom:0;
			right:0;
			width:5rem;
		}
		.phone_foot_copy{
			padding-top:1rem;
			padding-bottom:1rem;
			font-size:1.2rem;
			color:#333333;
			background-color: #f7f7f7;
		}
		.cont_baner_box .txt_cont h2{
			font-size:2rem;
			padding-left: 2rem;
			
		}
		.cont_baner_box .txt_cont .txt::after{
			bottom: -1rem;
		}
		.cont_baner_box .txt_cont .txt::before{
			bottom: -2rem;
		}
		.cont_baner_box.active .txt_cont .txt::after{
			width: 3rem;
		}
		.cont_baner_box.active .txt_cont .txt::before{
			width: 6rem;
		}
		.pulic_cont_guide .guide{
			font-size:1.4rem;
		}
		.pulic_cont_guide .nav{
			display: none;
		}
		.pulic_cont_guide{
			padding:2rem 0;
			margin-bottom: 2rem;
		}
		.phone_cont_nav{
			display: flex !important;
			align-items: center;
			justify-content: center;
			margin:2rem 0;
		}
		.phone_cont_nav .li{
			margin:0 1rem;
			font-size:1.5rem;
		}
		.phone_cont_nav .li:hover,.phone_cont_nav .li.hover{
			    color: #333;
		}
		.about_case_1{
		    flex-flow: column;
			margin-bottom: 1rem;
		}
		.about_case_1 .l_content{
			width: 100%;
			margin-bottom: 1rem;
		}
		.about_case_1 .l_content .title_box h2{
			font-size:2.2rem;
		}
		.about_case_1 .l_content .title_box p{
			font-size:1.6rem;
		}
		.about_case_1 .r_img{
			width: 100%;
		}
		.about_case_1 .l_content .txt_box p{
			font-size:1.2rem;
			line-height: 2.4rem;
		}
		.about_case_1 .l_content .last_box{
			justify-content: center;
		}
		.about_case_1 .l_content .last_box .list_box{
			margin:0 2rem;
		}
		.about_case_1 .l_content .last_box .list_box .tle span{
			font-size:2.4rem;
		}
		.about_case_1 .l_content .last_box .list_box .tle .add{
			right: 0;
			font-size:1.2rem;
		}
		.about_case_2 .tis_title h2{
			font-size:2.625rem;
		}
		.about_case_2 .tis_title p{
			font-size:1.5rem;
		}
		.about_case_2 .content_box{
			flex-wrap: wrap;
		}
		
		.about_case_2 .content_box .last_cont,.about_case_2 .content_box .last_cont.active{
			width: 100%;
			height: 36rem;
			margin-bottom: 4rem;
		}
		.about_case_2 .content_box .last_cont .title h2{
			font-size:2rem;
		}
		.about_case_2 .content_box .last_cont .title p{
			font-size:1.6rem;
		}
		.about_case_2 .content_box .last_cont .title{
			left:5%;
			top: 2rem;
			width: 90%;
		}
		.about_case_2 .content_box .last_cont .nav_box .li{
			padding:0 1rem;
			text-align: center;
		}
		.about_case_2 .content_box .last_cont .nav_box .li span{
			font-size:1.3rem;
		}
		.pulic_case_cont{
			padding:1rem 0 3rem;
		}
		.pulic_case_title{
			font-size:2.2rem;
			margin-bottom: 3rem;
		}
		.xmal_last_box .list_box{
			width: 48%;
			margin-right: 2% !important;
			margin-bottom: 2rem;
		}
		
		.xmal_last_box .list_box .i{
			height: 13rem;
		}
		.xmal_last_box .list_box .txt{
			padding:1rem 0;
			font-size:1.2rem;
		}
		.pulic_page_cont{
			margin:1rem auto;
		}
		.pulic_detail_content{
			padding-top: 4rem;
			padding-bottom: 2rem;
			background-color: none;
		}
		.tis_guide_box .l_tle{
			font-size:1.4rem;
		}
		.tis_guide_box .return_btn{
			width: 7rem;
			height: 3rem;
			font-size:1.2rem;
			border-radius: 3px;
		}
		.tis_guide_box .return_btn img{
			margin-right: 0.3rem;
			width: 0.8rem;
		}
		.pulic_detail_content .tis_detail_box{
			padding:1rem;
			flex-wrap: wrap;
			margin-bottom: 1rem;
			background-color: #f5f5f5;
		}
		.pulic_detail_content .tis_detail_box .img{
			width: 100%;
			height: auto;
			margin-bottom: 1rem;
		}
		.pulic_detail_content .tis_detail_box .txt_cont{
			width: 100%;
			padding:0;
		}
		.pulic_detail_content .tis_detail_box .txt_cont .title{
			padding:1rem 0;
			margin-bottom: 2rem;
			font-size:1.8rem;
		}
		.pulic_detail_content .tis_detail_box .txt_cont .txt{
			margin-bottom: 2rem;
		}
		.pulic_detail_content .tis_detail_box .txt_cont .txt p{
			font-size:1.4rem;
			line-height: 2.4rem;
		}
		.pulic_detail_content .tis_detail_box .tel_btn{
			padding:0 1rem;
			height: 4rem;
			font-size:1.4rem;
		}
		.pulic_detail_content .bit_detail_box{
			padding:1rem 0;
		}
		.pulic_detail_content .bit_detail_box .title_box{
			padding:0 1rem;
		}
		.pulic_detail_content .bit_detail_box .title_box span{
			font-size:1.5rem;
			padding:0.8rem 0;
		}
		.pulic_detail_content .bit_detail_box .txt_box{
			padding:1rem;
		}
		.contact_cont_box{
			flex-wrap: wrap;
			padding-top:2rem;
			padding-bottom: 2rem;
		}
		.contact_cont_box .detail_cont{
			width: 100%;
		}
		.contact_cont_box .detail_cont .title_box{
			margin-bottom: 1rem;
			padding-bottom: 0.5rem;
		}
		.contact_cont_box .detail_cont .title_box h2{
			font-size:1.8rem;
		}
		.contact_cont_box .detail_cont .title_box p{
			font-size:1.4rem;
		}
		.contact_cont_box .detail_cont .txt_cont .list_box h2{
			font-size:1.5rem;
			margin-bottom: 0.5rem;
		}
		.contact_cont_box .detail_cont .txt_cont .list_box p{
			font-size:1.4rem;
		}
		.contact_cont_box .img_box{
			width: 100%;
		}
		.news_last_cont .list_box{
			width: 100%;
			height: auto;
			margin-right: 0% !important;
			margin-bottom: 2rem;
			padding:1rem;
		}
		.news_last_cont .list_box .i{
			height: 18rem;
			margin-bottom: 1rem;
		}
		.news_last_cont .list_box h2{
			font-size:1.6rem;
			margin-bottom: 0.6rem;
		}
		.news_last_cont .list_box p{
			font-size:1.4rem;
			margin-bottom: 1rem;
		}
		.news_detail_content{
			border-top: 6rem solid #dadada;
			position: relative;
		}
		.news_detail_content .tis_guide_box{
			 display: flex !important;
			 position: absolute;
			 top: -4rem;
			 left: 0;
			 padding: 0 2rem;
			 width: 100%;
		}
		.news_detail_content .cont_warpin{
			padding:2rem 4%;
		}
		.news_detail_content .cont_warpin .tis_title h2{
			font-size:2.4rem;
			margin-bottom: 1rem;
		}
		.pricuts_last_content{
			padding:3rem 0 0;
			background-color: initial;
		}
		.pricuts_last_content .cont_warpin{
			padding:0;
		}
		.pricuts_last_content .list_box{
			margin-bottom: 4rem;
			 flex-flow: column;
			 padding:0 2rem 4rem;
			 position: relative;
			 background-color: initial;
		}
		.pricuts_last_content .list_box::after{
			content: "";
			display: block;
			width: 100%;
			height: 30%;
			position: absolute;
			bottom:0;
			left:0;
			background-color: #ebf2ff;
			z-index: -1;
		}
		.pricuts_last_content .list_box .txt_box{
			width: 100%;
			padding:0;
			margin-bottom: 2rem;
		}
		.pricuts_last_content .list_box .txt_box .tle{
			font-size:2rem;
			margin-bottom: 1rem;
		}
		.pricuts_last_content .list_box .txt_box .txt{
			font-size:1.4rem;
			line-height: 2rem;
		}
		.pricuts_last_content .list_box .txt_box .more_btn{
			height: 3rem;
			font-size:1.4rem;
		}
		.pricuts_last_content .list_box .img_box{
			width: 100%;
		}
}