@charset "utf-8";

.index_banner_box {
	position: relative;
}

.index_banner_box .banner_swiper {
	position: relative;
	z-index: 1;
}

.index_banner_box .swiper-wrapper {
	transition-timing-function: linear !important;
}

.index_banner_box .swiper-slide .img_box img {
	width: 100%;
	height: 100vh;
	display: block;
	object-fit: cover;
}

.toSmall {
	animation: toSmall 0.5s linear;
	animation-fill-mode: forwards;
}

@keyframes toSmall {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.05);
	}
}

.toSmall2 {
	animation: toSmall2 1s linear;
	animation-fill-mode: forwards;
}

@keyframes toSmall2 {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.05);
	}
}

.index_banner_box .swiper-slide {
	position: relative;
}

.index_banner_box .text_box {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: center;
	text-align: center;*/
}

.index_banner_box .text_box img {
	max-width: 540px;
	min-width: 240px;
	width: 20%;
}

.text_box a{color: #fff;background: rgba(22,76,208,0.99);padding: 15px 30px;border-radius: 5px;}
.index_banner_box .text_box h3 {
	font-size: 50px;
	font-weight: 300;
	line-height: 1.4em;
	color: #fff;
	margin: 30px 0 25px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.index_banner_box .text_box p {
	font-size: 22px;
	line-height: 1.4em;
	color: #FFFFFF;
	font-weight: 300;
	padding: 10px 0%;


}

.index_banner_box .swiper-slide .text_box span {
	width: 50px;
	height: 50px;
	
}
.con_cen {border-bottom: 1px solid #eee;margin-bottom: 10px;margin-top: 50px;padding-bottom: 50px}
.con_cen h2 {
    font-size: 18px;
    margin-top: 15px;
    font-weight: normal;
    color: #666;
    
	
}
.con_cen h1 {
    font-size: 32px;
    font-weight: bold;
	
}
@media only screen and (min-width: 100px) and (max-width: 1680px) {
	.index_banner_box .text_box h3 {
		font-size: 44px;
		margin: 26px 0 22px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1440px) {
	.index_banner_box .text_box h3 {
		font-size: 38px;
		margin: 22px 0 19px;
	}

	.index_banner_box .text_box p {
		font-size: 19px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.index_banner_box .text_box h3 {
		font-size: 30px;
		margin: 18px 0 16px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.index_banner_box .text_box h3 {
		font-size: 28px;
	}
	.index_banner_box .text_box p{font-weight: bold}
}


.banner_thumber {
	max-width: 1600px;
	/*width: 90%;*/
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}

.banner_thumber .swiper-slide {
	width: 50px;
	padding: 30px 0px;
	position: relative;
	margin: 0 7px
}

.banner_thumber .swiper-slide span {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background: rgba(255, 255, 255, 0.4);
	cursor: pointer
}

.banner_thumber .swiper-slide span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #186ded;
}


.banner_thumber .swiper-slide-thumb-active span:after {
	width: 100%;
	transition: all 5s;
}

.banner_thumber .swiper-slide:last-child {
	border-right: 0;
}

.banner_thumber .swiper-slide p {
	color: #fff;
	line-height: 1.4em;
	font-weight: 300;
}

.proview_a span{cursor: pointer}

.about{ width:100%;background:url(../images/bg-idx3.jpg) top center; padding:180px 0;overflow: hidden;background-attachment: fixed}
.index_about{display: flex;flex-wrap: wrap;justify-content: space-between}
.index_about_left{width: 700px;display: flex;flex-wrap: wrap;justify-content: space-between}
.index_about_right{width: calc(100% - 880px)}
.index_about_right h1{font-size: 34px;color: #fff;text-align: right}
.index_about_right .aboucentent{color: #fff;margin-top: 45px;text-align: right;line-height: 34px}

.about_1{width: 49%;}
.about_2{background: #fff;margin-bottom: 2%;transition: all 0.3s}
.about_3{background: #186ded;transition: all 0.3s}
.about_2 dt{font-size: 30px;text-align: center;font-weight: bold;margin-bottom: 22px;color: #333;transition: all 0.3s}
.about_2 dd{text-align: center;color: #999;transition: all 0.3s}
.about_3 dt{color: #fff;font-size: 24px;transition: all 0.3s}
.about_3 dd{color: rgba(255,255,255,0.8);margin-top: 15px;font-size: 15px;line-height: 25px;transition: all 0.3s}

.about_2:hover{background:#186ded }
.about_2:hover dt{color: #fff;}
.about_2:hover dd{color: #fff;}
.about_3:hover{background:#fff }
.about_3:hover dt{color: #333;}
.about_3:hover dd{color: #999;}

.about_2 a{display: block;padding: 80px 5%}
.about_3 a{display: block;padding: 40px 30px 50px}

.about_3 img{display: block;margin: 0 auto;margin-bottom: 25px}

.about_4 dt{text-align: center;font-size: 25px}
.about_4 dd{text-align: center;font-size: 25px;margin-top:12px;color: #fff}
.about_4:hover dd{color: #333}

.m_container{width: 70%;margin: 0 auto;max-width: 1900px}
.wsl00{width: 100%;background:url(../images/wenli.png)}
.wsl00_cen{padding: 100px 0}
.sn_tit{padding-bottom: 120px}
.sn_tit h1{font-size: 45px;color: #333;font-weight: normal}

.sn_01{width: 100%;overflow: hidden;}
.sn_01_a{width: 100%;padding: 70px 0;}
.sn_01 h1{font-size: 30px;color: #fff;font-weight: normal}
.sn_01 .a_1{color: #fff;line-height: 31px;padding-top: 40px}
.a_2 a{color: #ccc;background: url(../images/jz.png) no-repeat right center;background-size: 14px;padding-right: 25px;transition: all 0.3s}
.a_2 a:hover{color: #fff;background: url(../images/jz_w.png) no-repeat right center;background-size: 14px;}

.sn_2{padding: 120px 0;align-items: center;position: relative;background: linear-gradient(to bottom,#f7f7f7, #eee);}
.sn_2_prolist{display: flex;justify-content: space-between;flex-wrap: wrap}
.sn_2_prolist_class{width: 350px;padding-top: 0px}
.sn_2_prolistcen{width: calc(100% - 350px)}

.sn_2_prolistcen ul{display: flex;flex-wrap: wrap}
.sn_2_prolistcen ul li{width: 31.666666666%;margin-left: 2.5%;transition: all 0.3s;background: #fff;margin-bottom: 35px}
.sn_2_prolistcen ul li:nth-child(3n+1){margin-left: 0}
.sn_2_prolistcen ul li dt{width: 100%;overflow: hidden}
.sn_2_prolistcen ul li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.sn_2_prolistcen ul li dd{color: #333;padding: 19px 0;text-align: center;border-top: 1px solid #eee}
.sn_2_prolistcen ul li:hover img{transform: scale(1.1)}

.sn_2_prolist_class ul li{padding: 16px 0;}
.sn_2_prolist_class ul li a{color: #333;font-size: 17px}
.sn_2_prolist_class ul li a:hover{color: #186ded;}

.class_more {text-align: center;width: 150px;padding: 18px 0;background: #186ded;margin-top: 60px;transition: all 0.3s}
.class_more a{color: #fff;background:url(../images/jz.png) no-repeat right center;background-size: 13px;padding-right: 25px}

.class_more:hover {width: 170px}



.banner_more {text-align: center;width: 150px;padding: 15px 0;background: #186ded;transition: all 0.3s;margin-top: 40px}
.banner_more a{color: #fff;background:url(../images/jz.png) no-repeat right center;background-size: 13px;padding:0 25px 0 0!important}
.banner_more:hover {width: 170px}


.treehouse {
        width: 100%;
        height: 650px;background: #333;
    }
    .hangye{
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex!important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		background: #333;
    }
		.hangye{overflow: hidden;transition: all 0.5s;cursor: pointer;background: #333}
		.hangye img{display: block;width: auto;height: 100%;transition: all 0.3s}
		.hangye dd{position: absolute;top: 0px;background: rgba(0,0,0,0.4);width: 100%;height: 100%;left: 0;transition: all 0.3s}
		.hangye:hover img{transform: scale(1.05)}
		.hangye:hover dd{background: rgba(0,0,0,0)}
		.hangye dd span{position: absolute;bottom: 0;padding-bottom: 25px;left: 0;display: block;text-align: center;width: 100%;transition: all 0.3s;color: #fff}
.hangye:hover dd span{padding-bottom: 35px}
.hangye dt{width: 100%;height: 100%}


.sn_3{padding: 100px 0 150px;}




.process{overflow: hidden;background: #f7f7f7;padding: 20px 0 100px}
.process ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; position:relative;}
.process_wt{margin-top: 20px;}
.process ul li{ width:165px;text-align:center;position: relative; z-index: 3;}
.pctop{ height:212px; background:#fff; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease; font-size:18px; color:#666666; line-height:30px; font-weight:lighter; margin-bottom:50px;}
.pctop .pcicon{ display:inline-block; margin:40px 0 -6px 0; width:52px; height:62px; background:url(../images/20210525164125_2083390611.png) no-repeat left top; -webkit-transition:all .3s ease; transition:all .3s ease;}
.process ul li:nth-child(1) .pctop .pcicon{ background-position-x:9px; width:57px;}
.process ul li:nth-child(2) .pctop .pcicon{ background-position-x:-68px; width:57px;}
.process ul li:nth-child(3) .pctop .pcicon{ background-position-x:-164px;}
.process ul li:nth-child(4) .pctop .pcicon{ background-position-x:-246px;width:62px;}
.process ul li:nth-child(5) .pctop .pcicon{ background-position-x:-363px; width:65px;}
.process ul li:nth-child(6) .pctop .pcicon{ background-position-x:-463px; width:69px;}
.process ul li:nth-child(7) .pctop .pcicon{ background-position-x:-578px; width:70px;}
.pctop:before{ content:''; display:block; position:absolute; width:100%; height:0; -webkit-transition:all .3s ease; transition:all .3s ease; top:0; left:0;background:#186ded;border-radius:10px 10px 0 0;}
.pctop:after{ content:''; display:block; position:absolute; left:0; right:0; top:100%; -webkit-transition:all .3s ease; transition:all .3s ease; width:0; height:0; margin:0 auto; border-left:17px solid transparent; border-right:17px solid transparent; border-top:17px solid #fff;}
.pcnum{ display:inline-block; position:relative; z-index:3; width:82px; height:82px; border:1px solid #f1f1f1; font-family:"arial"; font-size:40px; color:#aaafbb; font-weight:bold; line-height:80px; border-radius:50%; background:#fff;}
.process ul li:hover .pcicon{background-position-y:-81px;}
.process ul li:hover .pctop:after{ border-top-color:#186ded; }
.process ul li:hover .pc_t i {color: #fff;}
.process ul li:hover .pctop:before{height:100%;}
.pctop p {
    position: relative;
    z-index: 3;
}
.pc_t i{display: block;font-size: 20px;color: #636771;font-weight: bold;    margin-bottom: 10px;font-style: normal;}
.pc_t{font-size: 14px;color: #a8abb3;line-height: 24px;}




.idxThree{background: url(../images/bg-idx3.jpg) center center / cover no-repeat; height: 950px;background-attachment: fixed}
.idxThree .sml-container {
	height: 100%;
	position: relative;
}

.idx3Lt {
	width: 54.487%;
	padding: 90px 80px 110px;
	background: url(../images/bg-idx3-wt.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
}

.idx3Lt.vis {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.idx3Wz {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 3;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 76.705%;
}

.idx3Wz img {
	width: 100%;
}

.idx3Head {
	padding-right: 70px;
	margin-bottom: 65px;
}

.idx3Rt {
	width: 51.282%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
	-webkit-transition: all 0.8s ease 0.2s;
	-moz-transition: all 0.8s ease 0.2s;
	-ms-transition: all 0.8s ease 0.2s;
	-o-transition: all 0.8s ease 0.2s;
	transition: all 0.8s ease 0.2s;
	visibility: hidden;
	opacity: 0;
}

.idx3Rt.vis {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: visible;
	opacity: 1;
}

.idx3Rt img {
	width: 100%;
}



 .idxTitle {
    color: #186ded;
    font-weight: bold;
}
.idxTitle.aft {
    padding-bottom: 35px;
    position: relative;
    margin-bottom: 35px;
}
.idxTitle {
    font-size: 38px;
    color: #333333;
}


.idxTitle.aft:after {
    width: 2px;
    left: 50px;
}
.idxTitle.aft:before, .idxTitle.aft:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #186ded;
}
.idxTitle.aft:before {
    width: 48px;
    left: 0;
}

.idxTitxt {
    font-size: 17px;
    line-height: 36px;
    color: #555555;
    text-align: justify;
}






.youshice {
	width: 100%;
	padding: 0px 0px 150px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/bg-idx2.jpg) no-repeat top center;
	background-attachment: fixed;
}


.new_con {
	
}
.newtel {
	font-size: 18px;
	color: #666;
	width: 100%;
}
.new_telst {
	width: 100%;
	margin: 0 auto;
	overflow: hidden

}
.new_telst li {
	cursor: pointer;
	padding: 50px 0 60px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	float: left;
	width: 25%;
	text-align: center;
}
.les_sz{color: #fff!important;font-size: 50px!important;margin-bottom: 10px!important;font-weight: bold}
.feews{border: 0!important}
.new_telst li span{display: block;font-size: 14px;color: #eee;font-weight: normal!important;margin-top: 6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.new_telst li.newon {
	color: #186ded;
	background: linear-gradient(to bottom,rgba(255,255,255,0), rgba(255,255,255,0.2));
		
}
.new_telst li.newon span{color: #186ded!important}
.new_telst p {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 166px;
	height: 7px;
	border-top: 1px solid #c30510;
	overflow: hidden;
	text-align: center;
}
.new_telst b {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-style: solid dashed dashed dashed;
	border-width: 9px;
	border-color: #c30510 #fff #fff #fff;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
}
.new_lst {
	position: relative;
	overflow: hidden;
	display: none;
}

.new-wrap {
	width: 100%;
	padding: 80px 4% 30px 4%;
	background: #fff
	
}

.infofl{float: left;width: 55%}
.picfr{float: right;width: 38%;padding-bottom: 50px}
.picfr img{display: block;width: 100%;height: auto}
.textfl{font-size: 30px;font-weight: bold;margin-bottom: 30px}

.kidjh_b {
    
    line-height: 76px;
    background-color: #186ded;
    border-radius: 0px 30px 0px 30px;
    text-align: center;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    font-size: 1.6rem;
    color: #ffffff;
	padding: 18px 25px
}
.textfm{margin-top: 30px}
.textfm p{margin-bottom: 15px;line-height: 25px;color: #666}




.xz {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-36%)
}

.xz .jt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
	transition: 0.6s;
	opacity: 1;
}

.xz .jt img {
	width: 14px;
}

.banner_thumber .swiper-slide:hover .xz .jt {
	transform: translate(-50%, -70%) rotateZ(90deg)
}

.progress {
	position: relative;
	display: inline-block;
	padding: 0;
	transform: rotateY(180deg);
	
}

.progress>.circle {
	display: inline-block;
	position: relative;
	bottom: 4px;
}

.progress svg {
	width: 50px;
	height: 50px;
	opacity: 0.5;
}

.progress svg:nth-child(1) path {
	stroke: #000;
}

.progress svg:nth-child(2) {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.progress svg:nth-child(2) path {
	fill: none;
	stroke-width: 8;
	stroke-dasharray: 629;
	stroke: #fff;
	opacity: 1;
	transition: 0.3s;
}

.banner_thumber .swiper-slide:hover .progress svg:nth-child(2) path {
	stroke-dashoffset: 0;
}



.ys_tit{text-align: center;color: #333;padding: 110px 0;font-size: 45px}
.tit_span{color: #fff;font-size: 41px;background-color: #186ded; -webkit-transform: skew(-15deg);transform: skew(-15deg);display: inline-block;padding: 8px 20px;margin-right: 13px}
.ss_left{margin-left: 15px;margin-right: 0;}




.news-tit{display: flex;justify-content: space-between;align-items: center}
.sn_news{overflow: hidden;padding-bottom: 60px}
.sn_news li{float: left;width: 23.5%;margin-right: 2%;transition: all 0.3s;position: relative;padding-bottom: 25px;}
.sn_news li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.sn_news li:nth-child(4n+4){margin-right: 0}

.sn_news li h1{font-weight: normal;font-size: 20px;padding-top: 19px;color: #333;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sn_news li h2{font-weight: normal;color: #999;padding: 16px 0;}
.sn_news li h3{color: #999;line-height: 25px;font-weight: normal;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.sn_news li:hover img{transform: scale(1.1)}
.sn_news li dt{width: 100%;overflow: hidden}
.sn_news li::after{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background: #186ded;
	left: 0;
	bottom: 0;
	transition: all 0.3s
}
.sn_news li:hover::after{width: 100%;}
.sn_news li:hover h1{color: #186ded;padding-left: 10px}


.news_view_right .n1{font-size: 30px;margin-bottom: 35px;font-weight: bold}
.news_view_right li{width: 100%;transition: all 0.3s;position: relative;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px solid #eee}
.news_view_right li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}

.news_view_right li h1{font-weight: normal;font-size: 20px;padding-top: 19px;color: #333;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news_view_right li h2{font-weight: normal;color: #999;padding: 16px 0;}
.news_view_right li h3{color: #999;line-height: 25px;font-weight: normal;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.news_view_right li:hover img{transform: scale(1.1)}
.news_view_right li dt{width: 100%;overflow: hidden}
.news_view_right li::after{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background: #186ded;
	left: 0;
	bottom: 0;
	transition: all 0.3s
}
.news_view_right li:hover::after{width: 100%;}
.news_view_right li:hover h1{color: #186ded;padding-left: 10px}

.view_more{overflow: hidden;padding: 50px 0rem}
.view_more a{font-size: 16px;color: #999;display: inline-block}
.view_more a:nth-child(1){margin-right: 100px;}
.view_more a:hover{color: #186ded}



/*底部*/
.foot{width: 100%;overflow: hidden;background: #1c3048;padding: 100px 0 90px;margin-top: 50px}
.footcen{overflow: hidden}
.footcen dt{color: #fff;font-size: 20px;}
.footcen a{color: #c6cfdb;line-height: 38px;font-size: 15px}
.footcen a:hover{color: #fff;}
.foot1{float: left;width: calc((100% - 500px)/3)}
.foot1 img{margin-top: 40px}
.foot2{float: left;width: 350px}
.foot2 span{color: #c6cfdb;display: block;float: left;font-size: 16px}
.foot2 img{color: #c6cfdb;display: block;float: left;margin-right: 10px;height: 25px;width: auto}
.qw{overflow: hidden;margin-bottom: 25px;display: flex;align-items: center}
.qw:nth-child(1) a{color: #186ded;font-size: 21px;font-family: arial;font-weight: bold;display: block;float: left;}
.qw:nth-child(2) span{font-size: 20px;font-family: arial;}
.qw:nth-child(3) span{font-size: 20px;font-family: arial;}
.foot3{float: right;margin-top: 10px}
.foot3 img{display: block;width: 140px;height: 140px}

.footcopyright{background: #142335;padding: 20px 0;}
.as{color: #c6cfdb;text-align: center}
.as a{color: #c6cfdb;}
.foot_line{width: 65%;height: 1px;background: #2e445f;position: relative;margin: 30px 0}
.foot_line span{display: block;width:80px;position: absolute;height: 2px;background: #186ded;top: -1px;transition: all 0.3s}
.jieww{text-align: center;color: #ddd;margin-top: 12px;display: block}

.foot1:hover .foot_line span{width:100%;}
.foot2:hover .foot_line span{width:100%;}

.foot_bottom{padding: 19px 2%;text-align: center;color: #8097b2;background:#152437;font-size: 15px; }
.foot_bottom a{color: #8097b2;font-size: 15px;}
.foot_bottom a:hover{color: #fff}



.float_top {
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 9999999;
    display: none;
}

.float_tel {
    position: fixed;
    right: 10px;
    bottom: 120px;
    z-index: 9999999;
    display: none;
}

/*------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display: none}
.sp_logo{padding:7px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:36px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#186ded;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 50px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#186ded}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*-------手机站导航结束----------*/




.telbanner{display: none!important}



.kws_about_cen1{display: flex;flex-wrap: wrap;padding: 80px 0 50px}
.kws_about_cen1 .kws_about_right{width: 100%;overflow: hidden;padding-left: 0%}
.kws_about_cen1 .kws_about_right img{display: block;width: 100%;height: auto}
.kws_about_cen1 .kws_about_left{width: 100%;overflow: hidden}
.kws_about_cen1 .kws_about_left h1 span{font-size: 38px;display: block;
  margin-bottom: 20px;
  color: #333;
  margin-top: 20px;
  text-align: center;}
.kws_about_cen1 .kws_about_left img{margin-right: 20px}
.kws_about_cen1 .kws_about_left h2{font-weight: normal;line-height: 34px;color: #666}
.kws_about_cen1 .kws_about_left h2 p{margin-bottom: 10px;}

.kws_about_cen2{padding: 150px 0 0;margin-top: 60px}
.kws_about_wz h1{text-align: center;font-size: 38px;color: #fff;}
.kws_about_wz h2{text-align: center;font-size: 18px;color: #fff;padding: 50px 0 100px;font-weight: normal;width: 75%;margin: 0 auto;line-height: 36px}
.kws_about_ys ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 140px}
.kws_about_ys ul li{width: 23%;text-align: center;padding: 45px 2%;background: #fff;border-radius: 5px;}

.kws_about_ys ul li dt{font-size: 25px;margin: 15px 0 32px;font-weight: bold}
.kws_about_ys ul li h1{background: #eee;color: #666;text-align: center;padding: 10px 3%;border-radius: 0px;font-weight: normal;margin-bottom: 32px}
.kws_about_ys ul li dd{color: #666;line-height: 30px}


.jwb_ny_banner{width: 100%;overflow: hidden;background: #fff;}
.jwb_ny_banner .ny_banner_img{overflow: hidden;width: 100%;}
.jwb_ny_banner .ny_banner_img img{animation: nyban 3s;-webkit-animation:nyban 5s;width: 100%;height: auto}
.a_ban{display: block}
.b_ban{display: none}
	@keyframes nyban
	{
		0%   {transform: scale(1.1)}
		100% {transform: scale(1)}
	}
.ny_navlist{margin-top: -60px;width: 100%;z-index: 999;background: #fff}
.ny_navlist_ul{background: #fff;display: flex;justify-content: space-between;overflow: hidden;box-shadow: 2px 1px 18px #eee;margin-bottom: 20px;flex-wrap: wrap}
.ny_navlist_ul a{display: inline;background: #fff;width: 20%;padding: 35px 0;font-size: 18px;text-align: center;position: relative;border-bottom: 3px solid #fff}
.ny_navlist_ul a::after{position: absolute;right: 0;height: 28px;background: #eee;content: "";width: 1px}
.ny_navlist_ul a.on{color: #186ded;border-bottom: 3px solid #186ded;}

.ny_navlist_ul a:hover{color: #186ded;}
.ny_navlist_ul a:nth-last-child(1)::after{background: none}
.pro_nav{padding: 20px 0;text-align: center;display: inherit;flex-wrap: nowrap}
.pro_nav a{width:auto;padding:23px 45px;display:inline;position: relative;border: 0}
.pro_nav a.on:after {
    position: absolute;
    content: '';
    background: url(../images/ctitle1-li.png) no-repeat;
    width: 20px;
    height: 11px;
    left: 50%;
    margin-left: -10px;
    bottom: 2px;
}
.pro_nav a.on{color: #fff;background: #186ded;border: 0}

.about_culture{display: flex;justify-content: space-between;padding: 140px 0 0px}
.about_culture dt{width: 59%;background: #f7f7f7;padding:0 50px}
.about_culture dd{width: 40%;overflow: hidden}
.about_culture dd img{display: block;width: 100%;height: auto}
.about_culture dt h1{font-size: 32px;padding-top: 60px}
.about_culture dt .culture_cen{padding-top: 70px;font-size: 17px;line-height: 30px}
.about_culture dt .culture_cen p{margin-bottom: 18px}



.ny_proul {display: flex;flex-wrap: wrap;padding-top: 60px;overflow: hidden}
.ny_proul li{width: 23.5%;margin-left: 2%;transition: all 0.3s;background: #fff;margin-bottom: 20px}
.ny_proul li:nth-child(4n+1){margin-left: 0}
.ny_proul li dt{width: 100%;overflow: hidden}
.ny_proul li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.ny_proul li dd{color: #333;padding: 19px 0;text-align: center;border-top: 1px solid #eee}
.ny_proul li:hover img{transform: scale(1.1)}


.pageDiv {
	width: auto;
	display: inline-block !important;
	display: inline;
	margin-bottom: 20px;margin-top: 20px
}

.pageDiv a, .pageDiv span {
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		border: 1px solid #ccc;
		text-align: center;
		line-height: 35px;
		display: block;
		float: left;
		font-size: 14px;
	margin-left: 5px;
	border-radius: 100px;
	width: 45px;
  height: 35px;
	}
.awh {width: 45px;height: 35px;}
.pnwh {width: 75px;height: 35px;}
.disabled {color: #333 !important;cursor: not-allowed !important;}
.onPage {background-color: #186ded;color: #fff;border: 1px solid #186ded !important;}

.proview_a {
    padding: 35px 25px;
    justify-content: space-between;
}

.proview_a dd span {color: #186ded;font-size: 15px;width: auto;cursor: pointer;}

.proview-1{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 60px}
.proview_left{width: 47%}
.proview_left img{display: block;width: 100%;height: auto}
.proview_right{width: 47%;}

.proview_right h1{font-size: 35px;margin-bottom: 40px;font-weight: normal}

.proview-1-ms{font-size: 15px;line-height: 28px;}
.proview-1-ms p{margin-bottom: 8px}

.proview-1-a{width: 230px;text-align: center;background: #186ded;padding: 16px 0;border-radius: 2px;margin-top: 40px}
.proview-1-a a{padding-left: 30px;background:url(../images/telicon_white.png) no-repeat left center;background-size: 26px;color: #fff;font-size: 20px}

.proview-2{overflow: hidden;padding: 40px 0}
.proview-2-tit{font-size: 25px;color: #333;border-bottom: 1px solid #eee;padding-bottom: 30px}
.proview-2-cen{padding: 40px 0;font-size: 15px;line-height: 28px;}
.proview-2-cen p{font-size: 15px;line-height: 28px;}
.proview-2-cen img{max-width: 100%;height: auto}



.ny_newslist{padding-top: 60px;padding-bottom: 0}
.ny_newslist li{margin-bottom: 30px}



.news_view{padding: 50px 0;overflow: hidden;width: 100%}
.news_view_left{float: left;width: 66%;overflow: hidden;}
.news_view_left h1{font-weight: normal;color: #333333;font-size: 30px;font-weight: bold}
.news_view_left h2{font-weight: normal;color: #999;font-size: 16px;margin: 30px 0;padding-bottom: 30px;border-bottom: 1px solid #eee}

.news_view_left .view_cen{color: #666;font-size: 15px;line-height: 28px;overflow: hidden;}
.news_view_left .view_cen img{max-width: 100%;height: auto}
.news_view_right{float: right;width: 27%;overflow: hidden;}
.views_nav{padding: 70px 0 0;overflow: hidden}
.views_nav span{font-size: 15px;margin: 0 10px;display:inline-block!important;color: #e21212}
.views_nav a{font-size: 15px;margin: 0 10px;display:inline-block!important}


.ny_con{display: flex;padding: 60px 0 40px;flex-wrap: wrap}
.ny_con_right{width: 65%;height: 100%}
.ueditor_baidumap{height: 467px}

.ny_con_left {
    background: #186ded;
    padding: 30px 50px;
	overflow: hidden;
	width: 35%
		
	
}
.list .item {
  position: relative;
  color: #fff;
  padding: 20px 0 20px 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.list .item:last-child {
  border: 0;
}
.list .item h5 {
  line-height: 26px;
  font-size: 17px;
}
.list .item p {
  line-height: 35px;
  font-size: 17px;
}
.list .item img {
  position: absolute;
  top: 20px;
  left: 0;
  max-width: 25px;
}

.about_zizhi{padding-top: 120px;padding-bottom: 50px}
.about_zizhi ul{display: flex;flex-wrap: wrap}
.about_zizhi ul li {width: 13.42%;margin-left: 1%;margin-bottom: 1%;box-shadow: 2px 1px 12px #eee;}
.about_zizhi ul li:nth-child(7n+1){margin-left: 0}
.about_zizhi ul li img{display: block;width: 100%;height: auto}


.about_zizhi h1{text-align: center;font-size: 38px;color: #333;}
.about_zizhi h2{text-align: center;font-size: 18px;color: #999;padding: 20px 0 60px;font-weight: normal;width: 75%;margin: 0 auto;line-height: 36px}



.proclass{padding-top: 20px;display: flex;flex-wrap: wrap}
.proclass a{padding:14px 28px;color: #fff;background: #186ded;margin-right: 10px;border-radius: 3px;margin-bottom: 8px}


.gyys_0{text-align: center;font-size:39px;font-weight: bold;padding: 70px 0}
.gyys_0 span{display: block;width: 45px;height: 4px;background: #186ded;margin: 0 auto;margin-top: 20px;}

.gyys_1{overflow: hidden}
.gyys_1 img{width: 100%;height: auto;margin: 0 auto}
@media screen and (max-width: 768px) {
    .gyys_1 img{width: 100%!important;height: auto!important;}
}

.gyys_2{background: #f7f7f7;margin-top: 90px;padding:0px 0 90px}

.gyys_2_cen li{margin-bottom: 15px;position: relative;padding-left: 24px;font-size: 17px;line-height: 27px}
.gyys_2_cen li::after{position: absolute;content: "";top: 10px;left: 0;width: 8px;height: 8px;background: #666;border-radius: 2px}

.gyys_3{padding-top: 100px}
.gyys_3 ul{display: flex;flex-wrap: wrap;}
.gyys_3 ul li{width: 50%;margin-bottom: 30px}
.gyys_3 ul li img{display: block;width: 100%;height: auto}

.gyys_3 ul li:nth-child(3){margin-bottom: 0}
.gyys_3 ul li:nth-child(4){margin-bottom: 0}

.index_tit{overflow: hidden;padding: 90px 0;font-size: 80px;color: #f2f2f2;font-weight: bold;font-family: "ARIAL";text-align: center;}
.index_tit dt{font-size: 39px;font-weight: bold;text-align: center;margin-top: -58px;letter-spacing: 1px;color: #333}
.index_tit dd{width: 40px;height: 3px;background: #186ded;margin: 0 auto;margin-top: 14px}


.gyys_6{background:url(../images/banner3.jpg) no-repeat center center;background-attachment: fixed;padding: 160px 0 120px}
.use_list{overflow: hidden;margin: 0 auto;display: flex;align-items: stretch;flex-wrap:wrap;justify-content: space-between}
.use_list li {
    float: left;
    width: 23%;
	background: #fff;
	margin: 0 0.5%;
	text-align: center;
	padding: 60px 3%;margin-bottom: 2%;
	position: relative;
	transition: all 0.3s;
	cursor: pointer
		
}

.use_list li:nth-child(1){background:#186ded;}
.use_list li:nth-child(3){background:#186ded;}
.use_list li:nth-child(1) .tit,.use_list li:nth-child(1) .des,.use_list li:nth-child(3) .tit,.use_list li:nth-child(3) .des{color:#fff;}
.use_list li:nth-child(3){background:#186ded;}
.tit{font-size: 25px;font-weight: bold;margin: 25px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.3s}
.des{font-size: 15px;line-height: 26px;transition: all 0.3s}
.sp-use{width: 65px;height: 65px;display: block;margin: 0 auto}
.sp-use img{display: block;width: 65px;height: 65px;margin: 0 auto;transition: all 0.5s}
.use_list li:hover{padding: 45px 3% 75px;}



/*.use_list li:hover .tit{color: #fff;}
.use_list li:hover .des{color: #fff;}*/


.gyys_4 ul{display: flex;flex-wrap: wrap;}
.gyys_4 ul li{width: 50%;display: flex;flex-wrap: wrap;transition: all 0.3s;position: relative}
.gyys_4 ul li dt{width: 50%;overflow: hidden;cursor: pointer}
.gyys_4 ul li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.gyys_4 ul li dd{background: #f7f7f7;width: 50%;text-align: center;padding: 0 7%;display: flex;flex-direction: column;justify-content: center;transition: all 0.3s}
.gyys_4 ul li dd h1{font-size: 28px;margin-bottom: 22px;transition: all 0.3s}
.gyys_4 ul li dd h2{font-weight: normal;color: #666;transition: all 0.3s;line-height: 25px}
/*.gyys_4 ul li:nth-child(1){background: #186ded}
.gyys_4 ul li:nth-child(1) dd{background: #186ded}

.gyys_4 ul li:nth-child(1) h1{color: #FFFFFF}
.gyys_4 ul li:nth-child(1) h2{color: rgba(255,255,255,0.7)}*/

.gyys_4 ul li dt:hover img{transform: scale(1.1)}

.gyys_4 ul li:nth-child(1) .n_jt{right: 50%;margin-right: -2px;}
.gyys_4 ul li:nth-child(2) .n_jt{right: 50%;margin-right: -2px}

.gyys_4 ul li:nth-child(3) .n_jt{left: 50%;margin-left: -2px;transform: rotate(180deg)}
.gyys_4 ul li:nth-child(4) .n_jt{left: 50%;margin-left: -2px;transform: rotate(180deg)}

.n_jt{position: absolute;top: 50%;margin-top: -20px;}
.n_jt img{width: 18px;height: auto}


.gyys_5_cen{display: flex;flex-wrap: wrap;}
.gyys_5_cen ul{width: 50%;background: #333;overflow: hidden;padding: 80px 4% 60px 4%}
.gyys_5_cen ul li{padding-bottom: 45px;}
.gyys_5_cen ul li h1{color: #fff;margin-bottom: 15px;font-size: 24px;}
.gyys_5_cen ul li h2{color: #ccc;font-weight: normal;}

.gyys_5_cen11{width: 50%;background:url(../images/view_bg.jpg) no-repeat center center;background-size: auto 100%}
.gyys_5_cen11 h1{text-align: center;font-size: 38px;padding-top: 70px;color: #186ded}
.gyys_5_cen11 h2{text-align: center;font-size: 27px;color: #fff;background: #186ded;padding: 19px 0;width: 600px;margin: 0 auto;margin-top: 30px;font-weight: normal}


.gongyi_ol{display: block;flex-wrap: wrap;justify-content: space-between}
.gongyi_ol li{width: 23%;background: #186ded;box-shadow: 2px 2px 16px #eee;cursor: pointer;margin-top: 12px;transition: all 0.2s}
.gongyi_ol img{display: block;width: 100%;height: auto;transition: all 0.3s}

.gongyi_ol li h1{font-size: 23px;color: #fff}
.gongyi_ol li h2{font-weight: normal;margin-top: 10px;color: #fff}

.gongyi_cen{padding: 45px 5%}

.gongyi_ol li:hover{margin-top: 0}

.gongyi_img{width: 100%;overflow: hidden}















@media (max-width:1670px){
	.kws_about_wz h2{width: 85%}
	.about_culture dt .culture_cen{padding-top: 50px}
	.about_culture dd img{width: auto;height: 450px}
	.kws_about_cen1 .kws_about_right img{height: 500px;width: auto}
	.gyys_5_cen ul{padding: 60px 3% 40px 3%;}
	.gyys_5_cen11 img{height: 650px;width: auto}
}
@media (max-width:1560px){
	/*.pro_nav a{padding: 35px 35px;}*/
	.gyys_5_cen ul li h1{font-size: 22px;margin-bottom: 12px}
	.gyys_5_cen ul li{padding-bottom: 30px}
	.m_container{width: 90%}
}


@media (max-width:1365px){
	.gyys_5_cen11 h1{font-size: 32px}
	.gyys_5_cen11 h2{width: 500px;font-size: 24px}
	.gyys_0{font-size: 33px}
	.kws_about_cen1 .kws_about_right img{height: 530px;width: auto}
	.kws_about_wz h2{width: 90%}
	.index_about_right .aboucentent{}
	.index_about_left{width: 600px}
	.index_about_right {width: calc(100% - 700px);}
	.ys_tit,.sn_tit h1,.tit_span{font-size: 40px}
	.kws_about_ys ul li{box-shadow: 2px 1px 10px #eee}
	.proview_right h1{margin-bottom: 30px}
	.proview-1-a{margin-top: 30px}
	.proview-1-ms p{margin-bottom: 0}
}
@media (max-width:1250px){
	.pro_nav a{padding: 24px 25px;}
}

@media (max-width:1200px){
	.m_container{width: 96%}
	.kws_about_wz h2{width: 94%}
	.kws_about_cen1 .kws_about_left h1 span{font-size: 32px;margin-bottom: 50px}
	.kws_about_cen1 .kws_about_left h2{line-height: 30px}
	.kws_about_cen1 .kws_about_right{padding-left: 6%}
	.kws_about_ys ul li dt{font-size: 20px}
	.kws_about_ys ul li dd{font-size: 15px}
	.kws_about_wz h1,.about_zizhi h1{font-size: 32px}
	.ny_con_left{padding: 30px}
}

@media (max-width:1070px){
	.pro_nav a{padding: 35px 20px;}
	.index_about_left{width: 100%}
	.index_about_right {width: 100%;margin-top: 50px}
	.gyys_5_cen11 h2{width: 85%;font-size: 20px;font-size: 17px}
	.gyys_5_cen11 h1{width: 85%;margin: 0 auto;font-size: 24px}
}

@media (max-width:1024px){
	.gongyi_ol li h2{font-size: 15px}
	.gongyi_ol li h1{font-size: 20px}
	.gyys_5_cen ul li h1{font-size: 19px}
	.gyys_5_cen ul li h2{font-size: 15px;}
	.index_tit{padding: 60px 0;font-size: 70px}
	.index_tit dt{font-size: 34px}
	.pro_nav {
    padding: 0px 0;
    text-align: center;
     display: flex; 
     flex-wrap: wrap; 
}
	.pro_nav a.on:after{bottom: 0}
	.proview-1-ms p{font-size: 15px}
	.proview_right h1{margin-bottom: 20px}
	.proview-1-a{margin-top: 20px}
	.proview_right h1{font-size: 28px}
	.pro_nav a{padding: 20px 15px;}
	.ny_con_right{width: 55%}
	.ny_con_left{width: 45%}
	.footcen a{font-size: 15px;line-height: 34px}
	.footcen dt{font-size: 17px}
	.about_zizhi h1{}
	.about_zizhi h2{line-height: 30px;font-size: 15px}
	.about_zizhi {padding-top: 90px;}
	.about_culture{padding: 90px 0 0px;}
	.kws_about_ys ul{padding-bottom: 0px}
	.kws_about_cen2{background-attachment: inherit!important;padding: 100px 0 0;background-size: auto 600px!important}
	.kws_about_wz h2{font-size: 15px;line-height: 30px;padding: 50px 0 60px;}
	.foot1:nth-child(3){display: none;}
	.foot1{width: calc((100% - 500px)/2);}
	.ys_tit,.sn_tit h1,.tit_span{font-size: 35px}
	.ys_tit{padding: 80px 3%}
	.sn_tit{padding-bottom: 80px}
	.sn_2_prolist_class{width: 250px}
	.sn_2_prolistcen {width: calc(100% - 250px);}
	.new_telst li{padding: 50px 3% 60px;}
	.pageDiv{margin-top: 0;margin-bottom: 10px}
	.ny_newslist{padding-top: 35px}
	.news_view{padding: 30px 0 0}
	.view_more a{width: 100%;margin-bottom: 10px}
	.gongyi_ol li h2{color: rgba(255,255,255,0.7)}
	
}
@media (max-width:1023px){

	.pro_nav a{width: 33.333%}
	.infofl{width: 100%}
	.picfr{width: 100%}
	.con_cen{margin-bottom: 0;padding-bottom: 30px;margin-top: 30px}
	.ny_con{padding: 30px 0 0}
}

@media (max-width:900px){
	.gongyi_ol li{width: 49%;margin-top: 2%}
	.gyys_5_cen ul{width: 100%}
	.gyys_5_cen11{display: none}
	.use_list li{width: 48.5%;}
	.gyys_6{background-attachment: inherit}
	.sn_2_prolist_class{width:100%;}
	.sn_2_prolistcen {width: 100%;}
	.sn_2_prolist_class ul{overflow: hidden;display: flex;flex-wrap: wrap}
	.sn_2_prolist_class ul li{background: #fff;margin-left: 1%;margin-bottom: 1%;text-align: center;padding: 16px 3%}
	.sn_2_prolist_class ul li:nth-child(3n+1){margin-left: 0}
	.class_more{margin-top: 35px;margin-bottom: 39px}
}

@media (max-width:820px){
	.jwb_ny_banner{padding-top: 50px}
	.proview-1{padding-top: 30px}
	.proview-2-tit{padding-bottom: 20px}
	.proview-2-cen{padding: 20px 0}
	.proview_left{width: 100%}
	.proview_right{width: 100%;padding-top: 30px}
	.ny_proul li{margin-left: 0;width: 49%;margin-right: 2%;margin-bottom: 5px}
	.ny_proul li:nth-child(2n+2){margin-right: 0}
	.news_view_right ul{display: flex;flex-wrap: wrap;justify-content: space-between}
	.news_view_right li{width: 48.5%;}
	.news_view_left h2{margin:20px 0;padding-bottom: 20px}
	.news_view_left{width: 100%}
	.news_view_right{width: 100%}
	.news_view_left h1{font-size: 25px}
	.ny_newslist li{margin-left: 2%;margin-right: 0;width: 49%}
	.ny_newslist li:nth-child(2n+1){margin-left: 0}
	.ny_con_left{width: 100%;margin-bottom: 20px}
	.ny_con_right{width: 100%}
	.about_zizhi ul li{width: 32.33%;margin-left: 0;margin-right: 1%}
	.about_culture{flex-wrap: wrap}
	.about_culture dt .culture_cen{padding: 40px 0}
	.about_culture dt{width: 100%}
	.about_culture dd{width: 100%}
	.about_culture dd img{height: auto;width: 100%}
	.about_culture {padding: 40px 0 0px;}
	.kws_about_ys ul li{width: 49%;padding: 45px 5%;margin-bottom: 2%}
	.kws_about_cen1{padding: 40px 0}
	.kws_about_cen1 .kws_about_right img{margin: 0 auto}
	.kws_about_cen1 .kws_about_left{width: 100%;padding-bottom: 30px}
	.kws_about_cen1 .kws_about_right{width: 100%;padding-left: 0}
	.index_about_right h1{font-size: 25px}
	.about_3 dt{font-size: 20px}
	.ys_tit{text-align: left}
	.textfl{font-size: 25px}
	.kidjh_b{font-size: 18px}
	.new_telst li {padding: 0px 3% 40px;}
	.new_telst li{font-size: 20px}
	.sp_header{display: block}
	.header{display: none}
	.float_tel{display: block}
	.about_2 dt{font-size: 23px}
	.about_2 a{padding: 70px 5%}
	.about_3 a{padding: 40px 5%}
	.about{padding: 100px 0}
	.index_about_right h1{text-align: left}
	.index_about_right .aboucentent{text-align: left;line-height: 28px;margin-top: 30px}
	.sn_2{padding: 100px 0}
	.ys_tit,.sn_tit h1,.tit_span{font-size: 26px;margin-right: 4px}
	.sn_3{padding: 80px 0}
	.process ul{flex-wrap: wrap}
	.process ul li{width: 23%;margin-bottom: 30px}
	.process ul li:nth-child(5){width: 30%;}
	.process ul li:nth-child(6){width: 30%;}
	.process ul li:nth-child(7){width: 30%;}
	.pctop{margin-bottom: 30px}
	.foot3{display: none}
	.foot1 {width: calc((100% - 300px)/2);}
	.foot2{width: 300px}
	.foot{padding: 60px 0}
	.news_view_right .n1{font-size: 25px}
	.a_ban{display: none}
	.b_ban{display: block}
	
}

@media (max-width:640px){
	.gyys_6{padding: 90px 0 50px;}
	.des{line-height: 23px}
	.tit{font-size: 20px;margin: 18px 0}
	.use_list li{padding: 35px 3%}
	.gongyi_cen{padding: 32px 4%}
	.gyys_3{padding-top: 40px}
	.gyys_3 ul li{width: 100%;margin-bottom: 30px}
	.gyys_2_cen li{font-size: 15px;margin-bottom: 6px;padding-left: 20px}
	.gyys_2{margin-top: 40px;padding: 0 0 40px}
	.index_tit{font-size: 58px;padding: 40px 0}
	.index_tit dt{font-size: 28px;margin-top: -42px}
	.proclass{padding-top: 12px;display: flex;flex-wrap: wrap}
    .proclass a{margin-right: 5px;margin-bottom: 5px}
	
	.proclass a{padding: 10px 20px;font-size: 14.5px}
	
	.ny_proul{padding-top: 30px}
	.pro_nav{display: flex;}
	.pro_nav a{padding: 15px 20px!important;width: auto}
	.proview_a dt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	.proview_a dd span{display: none}
	.ny_navlist_ul dt a,.ny_navlist_ul dt span,.ny_navlist_ul dt {font-size: 15px}
	.proview_a{padding: 20px 20px}
	.sn_news li h3{font-size: 15px}
	.ny_newslist li{margin-bottom: 20px}
	.pageDiv{margin-bottom: 30px}
	.awh{width: 43px}
	.pageDiv a, .pageDiv span{margin-left: 3px}
	.pnwh{width: 65px}
	.ny_con_left{padding: 10px 22px}
	.ny_con_right{margin-bottom: 30px}
	.list .item h5{font-size: 16px;}
	.list .item p{font-size: 15px;line-height: 30px}
	.list .item{padding: 15px 0 15px 40px;}
	.con_cen h2{font-size: 16px;margin-top: 10px}
	.con_cen h1{font-size: 25px}
	.about_culture dt .culture_cen{padding: 30px 0}
	.about_culture dt .culture_cen p{font-size: 15px;line-height: 27px}
	.about_zizhi{padding-top: 40px}
	.about_zizhi h2{line-height: 25px;width: 94%;padding: 20px 0 30px;}
	.about_culture dt{padding: 0 20px}
	.about_culture dt h1{padding-top: 35px;font-size: 25px;text-align: center}
	.kws_about_ys ul li dd{font-size: 14px;line-height: 25px}
	.kws_about_ys ul li h1{margin-bottom: 20px;font-size: 14px}
	.kws_about_ys ul li dt{font-size: 18px;margin: 5px 0 20px;}
	.kws_about_ys ul li{padding: 25px 4%}
	.kws_about_cen2{padding: 60px 0 0;background: url(images/about_bg.jpg) no-repeat top center;background-size:auto 700px!important}
	.kws_about_wz h1, .about_zizhi h1{font-size: 25px;width: 94%;margin: 0 auto}
	.kws_about_cen1 .kws_about_right img{height: auto;width: 100%}
	.kws_about_cen1 {padding: 30px 0 0;}
	.kws_about_cen1 .kws_about_left h1 span{font-size: 22px;margin-bottom: 20px}
	.ny_navlist_ul a{font-size: 15px;padding: 20px 0}
	.index_banner_box .text_box{height: 80%}
	.index_banner_box{padding-top: 50px}
	.index_banner_box .swiper-slide .img_box img{height: auto}
	.telbanner{display: block!important}
	.pcbanner{display: none!important}
	.pc_t{color: #9a9ea8;line-height: 22px}
	.tit_span{-webkit-transform:none;transform:none;}
	.new-wrap{padding: 50px 4% 0px 4%;}
	.youshice{padding: 0px 0px 60px;}
	.about{background: #f7f7f7;
    padding: 60px 0;
    background-attachment: inherit;}
	.about_2{margin-bottom: 4%}
	.index_about_right h1{color: #333}
	.index_about_right .aboucentent{color: #666}
	.sn_2 {padding: 60px 0;background: #fff}
	.sn_2_prolist_class ul li{background: #eee}
	.sn_2_prolist_class ul li a{font-size: 16px}
	.sn_tit {padding-bottom: 40px;}
	.class_more{padding: 15px 0}
	.sn_2_prolistcen ul li{margin-left: 0;margin-right: 2%;width: 49%;margin-bottom: 3%}
	.sn_2_prolistcen ul li:nth-child(2n+2){margin-right: 0}
	.sn_2_prolistcen ul li dd{padding: 16px 0}
	.new_telst li{padding: 25px 3%;font-weight: normal}
	.new_telst li.newon{background: #186ded;color: #fff;padding: 25px 3%}
	.sn_3{padding: 40px 0}
	.ys_tit{padding: 40px 0}
	.process ul li{width: 32%;margin-bottom: 30px}
	.process ul li:nth-child(5){width: 32%;}
	.process ul li:nth-child(6){width: 32%;}
	.process ul li:nth-child(7){display: none}
	.pc_t i{font-size: 17px}
	.pcnum{width: 72px;height: 72px;font-size: 33px;line-height: 72px}
	.news-tit{flex-wrap: wrap}
	.ys_tit{width: 96%}
	.sn_news li{margin-right: 0;margin-left: 2%;width: 48%;padding-bottom: 20px;}
	.sn_news li:nth-child(2n+1){margin-left: 0}
	.foot1{display: none}
	.foot2{width: 100%;;padding-left: 3%}
	.qw{margin-bottom: 16px}
	.foot{padding: 60px 0 40px;margin-top: 0}
	.youshice {
    padding: 0px 0px 50px;
   
    background:#ccd0d5;
    background-attachment: inherit;
}
	.new_telst li{font-size: 16px}
}


/*弹窗*/
.alert-mask{
	z-index:10001;
	}