html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
*{transition: all 0.3s;}
html {
	scroll-behavior: smooth;
	font-size: 14px;
}
body {
	font-family:"Microsoft YaHei","微软雅黑","STHeiti",\5FAE\8F6F\96C5\9ED1,\5FAE\8F6F\96C5\9ED1,sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

input, textarea, button {

	padding: 0;
	font-family: Verdana, Arial;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: middle;
	 max-width: 100%;
}

input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;

}

input:focus, textarea:focus, button:focus, input:active {
	outline-color: transparent;
	border: 0;
}

select, input, select, textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

ul, ol, li {
	list-style-type: none;
}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}

.hidden {
	display: none;
	visibility: hidden;
}
.main{width: 1400px;margin: 0 auto;display: block;}
.wrap {
	border: 0;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
	position: relative;
}

.wrap:after {
	clear: both;
	content: "";
	display: table;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.wrap:after,
.wrap:before,
.container:after,
.container:before {
	content: "";
	display: table;
}

.wrap:after,
.container:after {
	clear: both;
}

.container {
	width: 100%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.absolute {
	position: absolute;
}

.pors {
	position: relative;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.hide {
	opacity: 0;
}

.en {
	font-family: 'gotham-medium';
}


input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}
.swiper {
	width: 100%;
	height: 100%;
}

/* .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
} */

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pc{display:block;}
.wap{display:none;}
/* header */
header{width: 100%;height: 100px;}
.header{top: 0;width: 100%;background: #fff;z-index: 999;box-shadow:0px 1px 1px 0px #e8f6fe;}
.head_top{max-width: 1400px;width: 94%;margin: 0 auto;height: 36px;line-height: 36px;font-size: 14px;}
.head_top .head_top_l{float: left;color:#147AE3 ;}
.head_top .head_top_r{float: right;}
.head_top .head_top_r a{color:#147AE3 ;}
.head_top .head_top_r span{color:#147AE3;margin: 0 10px;}


.head{max-width: 1400px;width: 94%;margin: 0 auto;font-size: 14px;text-align: center;}


.head .logo{display: inline-block;height: 100px;width: 170px;;vertical-align: middle;}
.head .logo img{margin-top: 15px;}
.head .nav{display: inline-block;vertical-align: middle;}
.head .nav ul li{width: 145px;height: 100px;float: left;margin-right: 1px;}
.head .nav ul li>a{font-size: 22px;margin-top: 25px;display: block;font-weight: normal;color: #000;padding-bottom: 23px;padding-top:23px;}
.head .nav ul li.on>a,.head .nav ul li:hover>a{background: #147AE3;}
.head .nav ul li.on>a,.head .nav ul li:hover>a{color: #ffffff;}

.head .nav ul li .subnav{z-index: 999;position: relative;background: rgb(255 255 255 / 95%);display: none;}
.head .nav ul li .subnav li{height: 50px;float: none;display: block;border-top: solid 1px rgb(214, 214, 214);}
.head .nav ul li .subnav li a{color: #333;margin-top: 0;line-height: 50px;padding:0;font-size:20px;}
.head .nav ul li .subnav li:hover a{color: #fff;}
.head .nav ul li .subnav li:hover{color: #fff;border-top: solid 1px #fff;}
.head .serch{display: inline-block;vertical-align: middle;border-bottom: solid 1px #8b8a8b;margin-top: 26px;padding-bottom: 14px;;}
.head .serch .search-input{width: 100px;transition: all 0.5s;font-size: 14px;}
.head .serch .search-input:focus{width: 150px;}

.head .serch .submit{height: 23px;width: 23px;}

/* banner */
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.banner video{width: 100%;;}

.banner_title{max-width: 1400px;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.banner_title h1{font-size: 60px;font-weight: normal;color: #fff;}
.banner_title p{font-size: 24px;font-weight: normal;color: #ececec;margin-top: 10px;text-transform: uppercase;}

/* 首页about */

.about_content_l_con #data{margin-top: 20px;margin-bottom: 20px;margin-top: 30px;}
.about_content_l_con #data li{text-align: left;float: left;margin-left: 38px;}
.about_content_l_con #data li:first-child{margin-left: 0;}
.about_content_l_con #data li h1{font-size: 40px;color: #1B6CD8;font-weight: bold;margin-bottom: 0;}
/* .about_content_l_con #data li h1 span{font-size: 40px;} */
.about_content_l_con #data li h1 i{font-size: 24px;font-style: normal;}
.about_content_l_con #data li p{font-size: 24px;font-size: 16px;text-align: left;color: #393939;text-indent: 0;}
.index_about{background: url(../picture/aboutbg.png) no-repeat center;padding-top: 1px;;}
.index_about .about_con{max-width: 1400px;width: 94%;margin: 0 auto;}
.about_title{margin-top: 90px;;}
.about_title img{margin: 0 auto;display: block;}
.about_content{margin-top: 56px;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);}
.about_content_l{width: 50%;height: 490px;float: left;padding: 52px 60px 20px 60px;background: #ffffff;}
.about_content_l h1{font-size: 26px;color: #221815;font-weight: bold;margin-bottom: 20px;;}
.about_content_l .about_content_l_con p{font-size: 18px;line-height: 36px;color: #666666;text-indent: 2em;text-align: justify;}
.about_more{width: 108px; height: 32px;font-size: 16px;text-align: center;line-height: 32px;color: #ffffff;background: #147ae3;display: block;float: right;margin-top: 14px;border-radius: 5px;transition: all .3s;}
.about_more:hover{
	transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-o-transform: translateY(-2px);
}
.about_content_r{width: 50%;height: 490px;float: left;}
.about_content_r .swiper-slide img{transition: all 1s;}
.about_content_r .swiper-slide:hover img{transform: scale(1.03);}
.about_content_r .swiper-button-next,.about_content_r .swiper-button-prev{top: 90%;width: 30px;height: 30px;background: #147ae3;border: 0;}
.about_content_r .swiper-button-prev{background: rgb(0 0 0 / 70%);}
.about_content_r .swiper-button-next:after,.about_content_r .swiper-button-prev:after{    font-size: 14px;color: #fff;}
.about_content_r .swiper-button-next:focus,.about_content_r .swiper-button-prev:focus{outline: none;}
.about_content_r .swiper-button-prev{right: 50px;left: auto;}
.about_content2{margin-top: 24px;margin-bottom: 20px;}
.about_content2 ul li{float: left;width: 32.5%;margin-right: 1.25%;padding: 20px 30px	 20px;height: 272px;background:rgb(0 0 0 / 5%);}
.about_content2 ul li:last-child{margin-right: 0;}
.about_content2 ul li.hvr-underline-from-left:before{background: #147ae3;}
.about_content2 ul li h1{font-size: 26px;line-height: 56px;color: #221815;text-align: center;font-weight: bold;}
.about_content2 ul li p{font-size: 18px;line-height: 35px;color: #666666;text-indent: 2em;text-align: justify;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}
.about_more2{width: 108px; height: 30px;font-size: 16px;text-align: center;line-height: 30px;color: #ffffff;background: #147ae3;display: block;margin: 0 auto;margin-top: 24px;border-radius: 5px;}

.comnav{
	margin-bottom: 30px;

}
.comnav.fixed{
	position: fixed;
	left: 0;
	top: 90px;
	width: 100%;
	margin-top: 0px;
}
.comnav ul{
	overflow: hidden;
	/* box-shadow: 0px 2px 14px rgba(6,51,79,0.11); */
	font-size: 0;

	border-bottom: solid 4px #147ae3;
}
.comnav ul li{
	/*float: left;*/
	display: inline-block;
	width: -moz-calc(100% / 6);
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
	text-align: center;
	border-right: #fff solid 4px;
	box-sizing: border-box;
	overflow: hidden;
}
.comnav ul li:last-child{
	border-right: none;
}
.comnav.other ul li{
	width: 33.33%;
}
.comnav ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 30px 0px;
	background: rgb(0 0 0 / 5%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.comnav ul li.on a,
.comnav ul li:hover a{
	background: #147ae3;
}
.comnav ul li .icon .ic2{
	display: none;
}
.comnav ul li.on .icon .ic1,
.comnav ul li:hover .icon .ic1{
	display: none;
}
.comnav ul li.on .icon .ic2,
.comnav ul li:hover .icon .ic2{
	display: inline-block;
}
.comnav ul li .txt{
	margin-top: 5px;
	color: #666666;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.comnav ul li:hover .txt,
.comnav ul li.on .txt{
	color: #FFFFFF;
}
/*首页 product */
.pro_bg{background: url(../picture/probg.png) no-repeat bottom;padding-bottom: 1px;}
.product{max-width: 1400px;width: 94%;margin: 0 auto;}
.product_title{margin-top: 60px;margin-bottom: 60px;}
.product_title img{margin: 0 auto;display: block;}
.product_kj{position: relative;}
.product_ul{width: 420px;height: 875px;padding: 35px;background:url(../picture/product_leftbiankuang1.png) repeat;background-size:contain;}
/* .product_ul:after{content:"";display: block;position: absolute;width:196px;height:232px;
background:url(../picture/product_leftbiankuang2.png) repeat;background-size:contain;left:0;top:0;
}
.product_ul:before{content:"";display: block;position: absolute;width:196px;height:232px;
background:url(../picture/product_leftbiankuang3.png) repeat;background-size:contain;right:0;bottom:0;
}*/
.product_li_con_img{width: 1000px;position: absolute;right: 0;top: 0;    z-index: 0;}
.product_li_con_img a{display: block;}
.product_li_l h1{font-size: 24px;color: #000000;text-align: center;font-weight: bold;margin-top: 13px;}
.product_li_l p{font-size: 18px;line-height: 34px;color: #666;text-align: justify;font-weight: normal;margin-top: 15px;text-indent: 2em;}
.product_li_img{margin-top: 60px;position: absolute;border-radius: 22px; overflow: hidden;bottom: 36px;}
.pro_tab{position: absolute;right: 0;top: 0;}
.pro_tab ul{position: relative;}
.pro_tab ul li{width: 163px;height: 179px;position: absolute;cursor: pointer;transition: all 0.3s;}
.pro_tab ul li.active,.pro_tab ul li:hover{transform:scale(1.1);}
.pro_tab ul li.li1{right: 33px;top: 0;}
.pro_tab ul li.li2{right: 0;top: 229px;}
.pro_tab ul li.li3{right: 30px;top: 467px;}
.pro_tab ul li.li4{right: 200px;top: 642px;}
.pro_tab ul li.li5{right: 439px;top: 698px;}
.pro_tab ul li.li6{right: 666px;top: 644px;}
.pro_tab ul li img{margin: 0 auto;margin-top: 26px;display: block;}
/* .pro_tab ul li.li2 img{margin-top: 48px;margin-bottom: 10px;}
.pro_tab ul li.li3 img{margin-top: 27px;}
.pro_tab ul li.li4 img{margin-top: 40px;}
.pro_tab ul li.li5 img{margin-top: 32px;}
.pro_tab ul li.li6 img{margin-top: 40px;} */
.pro_tab ul li p{text-align: center;color: #fff;line-height: 2;font-size: 24px;}


/* 首页news */
.newskj{margin-top: 70px;;}
.news{max-width: 1400px;width: 94%;margin: 0 auto;}
.news .news1{width: 31.5%;margin-right: 2.75%;float: left;background:none;}
.news .news1:last-child{margin-right: 0;}
.news .news1 h1{font-size: 30px;color: #0068B7;line-height: 1;;}
.news .news1 h1 i{font-size: 30px;color: #0068B7;line-height: 1;font-style:normal;}
.news .news1 h1 span{font-size: 24px;color: #727170;text-transform: uppercase;}
.news .news1 h1 .news1tit1{font-size:30px;color: #0068B7;text-transform: uppercase;}
.news .news1 ul{margin-top: 34px;;}
.news .news1 ul .newsMore{margin-top: 0;float: right;display: block;color:#6b99cc ;border-bottom: solid 1px #6b99cc;font-size: 18px;line-height: 35px;}
.news .news1 ul .newsMore:hover{color: #147AE3;border-bottom: solid 1px #147AE3;}
.news .news1 ul li{margin: 24px 0;}

.news .news1 ul li a{display: block;font-size: 20px;
line-height: 40px;color: #727170;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news .news1 ul li:hover a{color: #147AE3;}



.news .news1_contact ul li{margin:3% 3%;float: left;width: 38%;text-align: center;height: 120px;background: #ddeaee;border-radius: 5px;border: solid 1px #ddeaee;}
.news .news1_contact ul li a p{display: block;color:#666 ;font-size: 18px;line-height: 35px;}
.news .news1_contact ul li a span{margin-top: 20px;display: block;float: none;height: 50px;}
.news .news1_contact ul li:hover a span{color: #147AE3;border-bottom: solid 0px #147AE3;}
.news .news1_contact ul li:hover a p{color: #147AE3;}
.news .news1_contact ul li:hover{border: solid 1px #147AE3;}
/* 首页video */
.indexVideo{max-width: 1400px;width: 94%;margin: 0 auto;margin-top: 180px;;margin-bottom: 100px;}
.indexVideo ul li{width: 31.5%;margin-right: 2.75%;float: left;position: relative;}
.indexVideo ul li:last-child{margin-right: 0;}
.video .video_img {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* footer */
.footer{background: url(../picture/footbg.png) no-repeat center;background-size: cover;padding-bottom: 20px;}
.foot{max-width: 1400px;width: 94%;margin: 0 auto;}
.foot .foot_logo{width: 270px;float: left;margin-top: 50px;}
.foot .foot_logo img{display: block;margin: 0 auto;}
.foot .foot_logo h1{font-size: 22px;color: #fff;text-align: center;margin-top: 24px;}
.foot .footnav{float: left;margin-top: 24px;;}
.foot .footnav ul{float: left;margin-left: 46px;}
.foot .footnav ul h1{font-size:24px ;color: #fff;margin-bottom: 10px;}
.foot .footnav ul li a{font-size:16px ;color: #fff;line-height: 28px;}
.foot .erweima{float: right;margin-top: 60px;}
.foot .erweima img{max-width: 100%;}
.copyrightkj{background: url(../picture/copyright.png) no-repeat center;background-size: cover;text-align: center;padding: 20px 0;}
.copyright_map {display: block;font-size: 14px;color: #fff;}
.copyright_map a{font-size: 14px;color: #fff;margin: 0 3px;}
.copyright {display: block;font-size: 14px;color: #fff;margin-top: 0px;}
.copyright a{font-size: 14px;color: #fff;margin: 0 3px;}
.foot .footnav ul li a:hover,.copyright a:hover,.copyright_map a:hover{color: #d7e6fd;}

.crumbs{width: 100%;height: 70px;background:#f7f7f7;line-height: 70px;font-size: 16px;}
.swiper-button-next,.swiper-button-prev{outline: none!important;}

video{outline: none!important;}
/* 右侧悬浮 */
.xuanfu{position: fixed;right: 0;bottom: 10vh;width: 123px;z-index: 99;}
.xuanfu ul li{margin-bottom: 1px;background:rgb(0 162 154 / 70%);position: relative;}
.xuanfu ul li.xuanfu_t{background: #00a29a;font-size: 14px;color: #fff;line-height: 34px;text-align: center;margin-top: 15px;}
.xuanfu ul li:hover{background: #00a29a;}
.xuanfu ul li ol{position: absolute;left: -124px;top: 0;display: none;padding-right: 1px;}
.xuanfu ul li ol li{background:rgb(0 162 154 / 60%);}
.xuanfu ul li:hover ol{display: block;}

@media (max-width:1500px) {
	.about_content_l_con #data li h1{font-size: 32px;}
	.about_content_l_con #data li{margin-left: 25px;}
}


/* 联系我们 */
.title{margin-bottom: 60px;}
.title img{margin: 0 auto;display: block;}
.contact_kj{width: 100%;padding: 80px 0 0;background: url(../images/contactbg.png) no-repeat top;}
.contact{width: 1340px;margin: 0 auto;}
.contactUs{width: 100%;border: solid 1px #ccc;box-shadow:3px 3px 3px 0px rgb(0 0 0 / 8%);background: #fff;}
.contactUs .map{float: left;width: 893px;height: 543px;}
.contactUs .contactUs_con{padding: 80px  0 0 45px;width: 440px;height: 543px;float: right;;background: #fff url(../picture/newslogo.png) no-repeat bottom;background-position: 85px 480px;}
.contactUs .contactUs_con h1{font-size: 24px;line-height: 42px;color: #333333;margin-bottom: 20px;}
.contactUs .contactUs_con p{font-size: 18px;color: #333333;line-height: 42px;}
.contactUs .contactUs_con p .addtit{float: left;}
.contactUs .contactUs_con p .address{float: left;max-width: 280px;}

.join{margin-top: 80px;background:#f7f7f7  url(../picture/joinbg.jpg) no-repeat bottom;padding: 80px 0 0;}

.join .joincon {width:1340px;margin: 0 auto;}
.join .joincon ul li {width: 49%;height: auto;float: left;margin-left: 2%;border: solid 1px #ccc;border-radius: 5px;padding: 35px;background: rgb(255 255 255 / 70%);}
.join .joincon ul li:first-child{margin-left: 0;}
.join .joincon ul li h1{font-size: 24px;color: #333333;text-align: center;border-bottom: solid 1px #999;line-height: 68px;margin-bottom: 25px;position: relative;}
.join .joincon ul li h1::after{content: "";display: block;width: 56px;height: 5px;background: #1568d7;position: absolute;bottom: -1px;left: 50%;margin-left: -56px;}
.join .joincon ul li h1::before{content: "";display: block;width: 56px;height: 5px;background: #12a79d;position: absolute;bottom: -1px;left: 50%;}
.join .joincon ul li p{font-size: 18px;color: #666666;line-height: 36px;text-indent: 2em;text-align: justify;}
.joinimg{width: 100%;height: 200px;margin-top: 30px;padding-top: 0;position: relative;z-index: 1;padding-bottom: 50px;}
.joinimg .swiper-slide{border: solid 2px #1568d7 ;}



.listmap{width:829px;height:633px;border: solid 1px #ccc;}

.shop{width:1340px;margin: 0 auto;padding-top: 80px;}
select {
	display: inline-block;
	vertical-align: top;
	width: 295px;
	height: 45px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	padding-left: 10px;
	color: gray;
	margin-right: 10px;
	border-radius: 3px;
}
.form{text-align: center;margin-bottom: 45px;}
.sou {
	display: inline-block;
	font-size: 0;
}
.sou input[type=text] {
	width: 425px;
	height: 45px;
	box-sizing: border-box;
	padding-left: 10px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #dfdfdf;
}
#form .sou input[type=submit] {
	transition: 0.3s ease-in-out;
	width: 45px;
	height: 45px;
	margin-left: 0;
	background: url(../images/sousuo.png) no-repeat center center;
	background-color: #e60012;
	border: none;
	cursor: pointer;
}
.shoplist{width: 475px;height: 633px;position: relative;}
.shoplist .swiper{width: 100%;height: 559px;;}
.shoplist .swiper .swiper-slide{background: #f8f8f8;border: solid 1px #cccccc;border-radius: 5px;padding: 20px 20px 10px 20px;cursor: pointer;height:auto;}
.shoplist .swiper .swiper-slide h1{font-size: 18px;color: #333333;line-height: 24px;width: 100%;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shoplist .swiper .swiper-slide p{font-size: 14px;color: #999999;line-height: 24px;padding-left: 26px;width: 100%;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shoplist .swiper .swiper-slide p.add{background: url(../images/icon_add.png) no-repeat;background-position: 0 5px;}
.shoplist .swiper .swiper-slide p.tel{background: url(../images/icon_tel.png) no-repeat;background-position: 0 5px;}
.shoplist .swiper .swiper-slide:hover {border: solid 1px #1568d7;}
/* .shoplist .swiper .swiper-slide:hover h1{color: #1568d7;}
.shoplist .swiper .swiper-slide:hover p{color: #1568d7;} */
.shoplist .swiper-button-next{bottom: 10px;top: auto;right: 20px;outline: none;}
.shoplist .swiper-button-prev{bottom: 10px;top: auto;left: 20px;outline: none;;}
.shoplist .swiper-button-next:after, .shoplist .swiper-button-prev:after{font-size: 16px;}
.shoplist .swiper-pagination-vertical.swiper-pagination-bullets,.shoplist .swiper-vertical>.swiper-pagination-bullets {
	bottom: 22px;
	width: 70%;
	left: 15%;
	top: auto;
	transform: translate3d(0px,0,0);
}
.shoplist .swiper-pagination-bullet{height: auto;outline: none;color: #333;background: none;}
.shoplist .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.shoplist .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block;width: 20px;margin: 0 10px;}

.recruitkj{width:1340px;margin: 0 auto;padding: 80px 0;position: relative;margin-top: 80px;}
.recruitkj::after{content: "";display: block;;position: absolute;width: 100vw;height: 100%;left: 50%;margin-left: -50vw;background: #f9f9f9;top: 0;z-index: -9;}
.recruitkj ul li{width: 49%;float: left;margin-right: 2%;border: solid 1px #ccc;height: 102px;border-radius: 5px;padding: 15px;position: relative;margin-bottom: 30px;background: #fff;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 30%);}
.recruitkj ul li.active{position: relative;z-index: 9;overflow: visible;}
.recruitkj ul li:nth-child(2n){margin-right: 0;}
.recruitkj ul li .date{width: 76px;float: left;background: #1568d7;padding:4px 6px;}
.recruitkj ul li .date .date_md{font-size: 22px;color: #fff;line-height: 36px;text-align: right;display: block;}
.recruitkj ul li .date .date_y{font-size: 16px;color: #fff;line-height: 28px;text-align: right;display: block;}
.recruitkj ul li .line{height: 80px;width: 1px;background: #ccc;float: left;margin: 0 20px;margin-top: -5px;}
.recruitkj ul li .recruit_tit{float: left;width: 450px;}
.recruitkj ul li .recruit_tit h1{font-size: 18px;color: #333333;line-height: 28px;}
.recruitkj ul li .recruit_tit p{font-size: 14px;color: #999999;line-height: 28px;margin-top: 5px;}
.recruitkj ul li .recruit_tit p span{margin-right: 5px;}
.recruitkj ul li .recruit_btn{width: 24px;height: 24px;text-align: center;font-size: 24px;line-height: 24px;border-radius: 50%;border: solid 1px #ccc;position: absolute;right: 38px;top: 38px;;background: url(../picture/recruit_bottom.png) no-repeat center;cursor: pointer;}
.recruitkj ul li.active .recruit_btn{transform: rotate(180deg)}
.recruitkj .recruit_con{width: calc(100% + 30px);mmargin-top: 20px;margin-left: -15px;background: #fff;box-shadow: 0px 10px 7px 0px rgb(0 0 0 / 30%);position: relative;z-index: 9;}
.recruitkj .recruit_con1{padding: 15px;padding-top: 20px;}
.recruitkj .recruit_con h1{font-size: 16px;color: #666666;line-height: 28px;}
.recruitkj .recruit_con p{font-size: 14;color: #999999;line-height: 28px;text-indent: 2em;}
.recruitkj .recruit_con .more{width: 108px;height: 29px;font-size: 16px;line-height: 27px;border: solid 1px #1568d7;color: #1568d7;border-radius: 5px;text-align: center;display:block;margin: 20px auto;}
.recruit_more{width: 108px; height: 32px;font-size: 16px;text-align: center;line-height: 32px;color: #ffffff;background: #147ae3;display: block;margin-top: 14px;border-radius: 5px;transition: all .3s;margin:  0 auto;margin-top: 30px;}
.recruit_more:hover{
	transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-o-transform: translateY(-2px);
}


/* 招聘列表页 */

.joinshxx-text {
	width: 100%;
	padding: 58px 234px 0;
	color: #333;
	position: relative;
	margin-top: 100px;;
	margin-bottom: 30px;
}
.joinshxx-text p {
	position: relative;
	font-size: 18px;
	margin-bottom: 20px;
	z-index: 4;
	line-height: 1.8;
	text-align: justify;
}
.joinshxx-text::before, .joinshxx-text::after {
	content: "";
	position: absolute;
	width: 158px;
	height: 126px;
	background: url(../images/joinshIcon.png) no-repeat center/100% auto;
}
.joinshxx-text::before {
	top: 0;
	left: 0;
}
.joinshxx-text::after {
	transform: rotate(180deg);
	right: 0;
	bottom: 0;
}
.recruitlist{padding-bottom: 60px;}
.recruitlist .recruit{margin: 0 auto;padding: 80px 0 0;position: relative;}
.recruitlist .recruit ul li{width: 100%;float: left;border: solid 1px #dfedff;height: auto;border-radius: 5px;padding: 15px;position: relative;margin-bottom: 30px;background: #fbfbfb;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 5%);}
.recruitlist .recruit ul li.active,.recruit ul li:hover{position: relative;z-index: 9;overflow: visible;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);background: #1568d7;}
.recruitlist .recruit ul li .date{width: 76px;float: left;background: #1568d7;padding:4px 6px;}
.recruitlist .recruit ul li .date .date_md{font-size: 22px;color: #fff;line-height: 36px;text-align: right;display: block;}
.recruitlist .recruit ul li .date .date_y{font-size: 16px;color: #fff;line-height: 28px;text-align: right;display: block;}
.recruitlist .recruit ul li .line{height: 80px;width: 1px;background: #ccc;float: left;margin: 0 20px;margin-top: -5px;}
.recruitlist .recruit ul li .recruit_tit{float: left;width:calc(100% - 200px);}
.recruitlist .recruit ul li .recruit_tit h1{font-size: 18px;color: #333333;line-height: 28px;}
.recruitlist .recruit ul li .recruit_tit p{font-size: 14px;color: #999999;line-height: 28px;margin-top: 10px;width: 100%;}
.recruitlist .recruit ul li .recruit_tit p span{margin-right: 5%;}
.recruitlist .recruit ul li .recruit_btn{width: 24px;height: 24px;text-align: center;font-size: 24px;line-height: 24px;border-radius: 50%;border: solid 1px #ccc;position: absolute;right: 38px;top: 38px;;background: url(../picture/recruit_bottom.png) no-repeat center;cursor: pointer;}
.recruitlist .recruit ul li.active .recruit_btn{transform: rotate(180deg);background: url(../picture/recruit_bottom_b.png) no-repeat center;}
.recruitlist .recruit ul li:hover .recruit_btn{background: url(../picture/recruit_bottom_b.png) no-repeat center;}
.recruitlist .recruit ul li.active .recruit_tit h1,.recruit ul li:hover .recruit_tit h1{color: #fff;}
.recruitlist .recruit ul li.active .recruit_tit p,.recruit ul li:hover .recruit_tit p{color: #fff;}
.recruitlist .recruit_con{width: 100%;margin-top: 20px;background: #fff;position: relative;z-index: 9;border-radius: 5px;}
.recruitlist .recruit_con1{padding: 15px;padding-top: 20px;}
.recruitlist .recruit_con h1{font-size: 16px;color: #666666;line-height: 40px;}
.recruitlist .recruit_con p{font-size: 14px;color: #999999;line-height: 28px;text-indent: 2em;}
.recruitlist .recruit_con .more{width: 108px;height: 29px;font-size: 16px;line-height: 27px;border: solid 1px #1568d7;color: #1568d7;border-radius: 5px;text-align: center;display:block;margin: 20px auto;margin-bottom: 20px;}
.recruitlist .recruit_con .more:hover{color: #ffffff;background: #147ae3;}


/* 集团动态 */
.news1{width: 100%;background: url(../images/news1bg.png) no-repeat top;margin-top: 65px;}
.newsmain{width: 1376px;margin: 0 auto;display: block;}
.news_title{margin-top: 65px;margin-bottom: 85px;}
.news_title img{display: block;margin: 0 auto;}
.news1 .news1con_l{width: 681px;}
.news1 .news1con_l .news1img{width: 100%;height: 386px;overflow: hidden;}
.news1 .news1con_l .news1img img{width: 100%;height:100%;object-fit: cover;}
.news1 .news1con_l:hover .news1img img{transform: scale(1.02);}
.news1 .news1con_l h1{font-size: 18px;font-weight: 400;color: #333333;line-height: 28px;width: 100%;position: relative;padding-right: 150px;margin-top: 15px;margin-bottom: 6px;;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.news1 .news1con_l h1 span{font-size: 14px;color: #999999;line-height: 28px;position: absolute;right: 50px;top: 0;}
.news1 .news1con_l p{font-size: 14px;color: #999999;line-height: 28px;    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.news1 .news1con_l:hover h1,.news1 .news1con_l:hover h1 span{color: #1b6cd8;}
.news1 .news1con_r{width: 640px;}
.news1 .news1con_r ul li{width: 100%;margin-bottom: 30px;}
.news1 .news1con_r ul li a{width: 100%;display: block;padding-right: 110px;position: relative;font-size: 18px;color: #333333;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 .news1con_r ul li a span{display: block;position: absolute;right: 0;top: 0;font-size: 14px;color: #999999;}
.news1 .news1con_r ul li:hover a,.news1 .news1con_r ul li:hover a span{color: #1b6cd8;}
.jiazai{text-align: right;}
.jiazai a{display:inline-block;color: #1B6CD8;line-height: 37px;font-size: 18px;border-bottom:  solid 1px #1B6CD8;}

.news2{width: 100%;background: url(../images/news2bg.png) no-repeat top;margin-top: 65px;}
.news2_con{width: 100%;;}
.news2_con ul li{width: 46.5%;margin-bottom: 30px;float: left;}
.news2_con ul li:nth-child(2n){float: right;}
.news2_con ul li a{width: 100%;display: block;padding-right: 110px;position: relative;font-size: 18px;color: #333333;line-height: 28px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news2_con ul li a span{display: block;position: absolute;right: 0;top: 0;font-size: 14px;color: #999999;}
.news2_con ul li:hover a,.news2_con ul li:hover a span{color: #1b6cd8;}

.news3{width: 100%;background: url(../images/news2bg.png) no-repeat bottom;padding-bottom: 20px;margin-top: 65px;}
.news3_con_ul{margin-bottom: 80px;}
.news3_con_ul_l{width: 1028px;height: 582px;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);border: solid 1px #ccc;padding: 0;}
.videokj{width: 100%;height: 100%;}
.pinpai{width: 286px;height: 100%;background: url(../picture/newslogo.png) no-repeat bottom;background-size: 100% auto;float: left;}
.pinpai h1{text-align: center;font-size: 24px;color: #333333;margin-top: 130px;}
.pinpai p{text-align: center;font-size: 18px;color: #999999;text-transform: uppercase;margin-top: 10px;}

.news3_con_ul_r{position: relative;width:322px;height: auto;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);padding: 18px 20px;background: #fff;}
.news3_con_ul_swiper{width: auto;float: right;}
.news3_con_ul_r .swiper{height: 502px;}
.news3_con_ul_r .buttonkj{height: 28px;background: #f6f6f6;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);margin-top: 15px;position: relative;}
.news3_con_ul_r .buttonkj .swiper-button-next, .news3_con_ul_r .buttonkj .swiper-button-prev{transform: rotate(90deg);outline:none;}
.news3_con_ul_r .buttonkj .swiper-button-prev{left: 40px;}
.news3_con_ul_r .buttonkj .swiper-button-next{right: 40px;}
.news3_con_ul_r .buttonkj .swiper-button-next:after, .news3_con_ul_r .buttonkj .swiper-button-prev:after{font-size: 24px;color: #9fa0a0;}
.news3_con_ul_r .swiper .swiper-slide-thumb-active{border: solid 4px #1b6cd8;border-radius: 4px;}

.news3_tab{width: 100%;;}
.news3_tab ul{width: 100%;;text-align: center;margin-bottom: 30px;}
.news3_tab ul li{padding: 20px 50px;background: #f5f5f5;display: inline-block;margin: 0 20px;cursor: pointer;}
.news3_tab ul li.active{background: #157ae4;}
.news3_tab ul li h1{font-size: 20px;color: #333;}
.news3_tab ul li.active h1{color: #fff;}
.news3_tab ul li h1 span{transition: all 0s;}

/* 新闻列表 */
.newslist{padding-bottom: 80px;}
.newslist_li{width: 100%;margin-bottom: 50px;margin-top: 50px;}
.newslist_li ul li {width: 100%; margin-bottom: 30px;background: #f7f7f7;}
.newslist_li ul li .li_img{width: 400px;height: 225px;overflow: hidden;}
.newslist_li ul li .li_img img{display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;}
.newslist_li ul li:hover .li_img img{    transform: scale(1.02);}
.newslist_li ul li .li_con{width: calc(100% - 400px);padding:36px 50px;}
.newslist_li ul li .li_con h1{font-size: 22px;margin-bottom: 15px;color: #333;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.newslist_li ul li .li_con span{font-size: 16px;margin-bottom: 15px;display: block;color: #666;}
.newslist_li ul li .li_con p{font-size: 18px;;line-height: 2;    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.newslist_li ul li:hover .li_con h1{color: #147AE3;}
/* .newslist_li ul li:hover .li_con span{color: #147AE3;} */
/* .newslist_li ul li:hover .li_con p{color: #147AE3;} */

/* 新闻内容页 */
.newsinfo{padding-bottom: 80px;background: url(../images/news1bg.png) no-repeat top;position: relative;}
.newsinfo::after{content: "";display: block;width: 100%;position: absolute;bottom: 0;height: 341px;background: url(../images/news2bg.png) no-repeat center;z-index: -1;}

.info_title{padding: 15px 0;border-bottom: solid 1px #efefef;position: relative;}
.info_title h1{font-size: 25px;color: #333333;line-height: 36px;margin-top: 20px;}
.info_title p{font-size: 14px;color: #999999;line-height: 1;margin-top: 20px;}
.info_title span{display: block;position: absolute;right: 10px;bottom: 10px;}
.content{margin: 30px 0;padding:0 5%;min-height: 500px;text-align: justify;}
.content p{font-size: 16px;line-height: 30px;color: #666666;}
.content1 p{text-indent: 2em;}
.content img{display: block;max-width: 100%;margin: 10px auto;}
.newspage{margin: 30px 0;padding:0 5%;}
.newspage .prev{float: left;width: 50%;font-size: 16px;color: #666666;line-height: 26px;}
.newspage .next{float: right;width: 50%;font-size: 16px;color: #666666;line-height: 26px;text-align: right;}
.newspage .prev a,.newspage .next a{margin-left: 20px;display: inline-block;max-width: calc(100% - 90px);}
.downlode {width: 180px;font-size: 16px;color: #fff;background: #147ae3;display: block;line-height: 3;text-align: center;margin: 0 auto;border-radius: 5px;margin-top: 50px;}

.newsinfo{padding-bottom: 80px;background: url(../images/news1bg.png) no-repeat top;position: relative;}
.newsinfo::after{content: "";display: block;width: 100%;position: absolute;bottom: 0;height: 341px;background: url(../images/news2bg.png) no-repeat center;z-index: -1;}

/* 投资者关系 */
.investinfo .content{margin: 30px 0;padding:0 5%;min-height: calc(100vh - 100px);}

.invest{padding:90px 0 60px;background: url(../images/investbg.png) no-repeat top;}
.gonggao .title{margin-bottom: 60px;}
.gonggao .title img{margin: 0 auto;display: block;}
.gonggao {margin-bottom: 100px;width: 100%;}
.gonggao_l{width:calc(100% - 430px);}
.gonggao .gonggao_con{display: none;}
.gonggao .gonggao_con.active{display: block;}
.gonggao .gonggao_con_l {width: 100%;}
.gonggao .gonggao_con_l .gonggao_con_img{width: 100%;padding: 14px;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 30%);background: #fff;}
.gonggao .gonggao_con_l .gonggao_con_img span{width: 100%;display: block;overflow: hidden;}
.gonggao .gonggao_con_l .gonggao_con_img img{width: 100%;}
.gonggao .gonggao_con_l .gonggao_con_img img:hover{transform: scale(1.02);}

.gonggao .gonggao_con_r{width: 100%;padding: 0 0 0;position: relative;}
.gonggao .gonggao_con_r ul{padding: 0 40px;background: #f6f6f6;}
.gonggao .gonggao_con_r ul>li{width: 100%;padding-bottom: 0;border-bottom: dashed 1px #b2b2b2;}
.gonggao .gonggao_con_r ul>li a{display: block;padding: 30px 0;}
.gonggao .gonggao_con_r ul>li a::after{display: block;content: "";clear: both;}
.gonggao .gonggao_con_r ul>li:last-child{border-bottom: solid 0 #b2b2b2;}
.gonggao .gonggao_con_r ul li .date{width: 90px;float: right;margin-top: 5px;font-size: 14px;color: #666666;text-align: right;}
.gonggao .gonggao_con_r ul li .date .date_md{font-size: 22px;color: #666666;line-height: 36px;text-align: right;display: block;}
.gonggao .gonggao_con_r ul li .date .date_y{font-size: 16px;color: #666666;line-height: 28px;text-align: right;display: block;}
/* .gonggao .gonggao_con_r ul li .dian{float: left;display: block;width: 14px;height: 14px;margin-left: 20px;margin-right: 10px;border-radius: 50%;margin-top: 8px;position: relative;background: #e8e8e8;} */
/* .gonggao .gonggao_con_r ul li .dian::after{content: "";display: block;position: absolute;width: 8px;height: 8px;top: 3px;left: 3px;background: #b1b1b1;border-radius: 50%;} */

.gonggao .gonggao_con_r ul li .gonggao_li{float: left;width: calc(100% - 170px);}
.gonggao .gonggao_con_r ul li .gonggao_li h1{font-size: 18px;color: #333333;line-height: 28px;}
.gonggao .gonggao_con_r ul li .gonggao_li p{font-size: 14px;color: #333333;line-height: 28px;}
.gonggao .gonggao_con_r ul{position: relative;border-radius: 5px 5px  0 0 ;     overflow: hidden;}
/* .gonggao .gonggao_con_r::before{content: "";display: block;position: absolute;z-index: -1;top: 0;left: 17px;width: 1px;height: 100%;background: rgb(0 0 0 / 10%);} */
.gonggao .gonggao_con_r ul li:hover .date .date_md,.gonggao .gonggao_con_r ul li:hover .date .date_y{color: #1b6cd8;}
.gonggao .gonggao_con_r ul li:hover .dian{background: #bfdbff;}
.gonggao .gonggao_con_r ul li:hover .dian::after{background: #1b6cd8;}
.gonggao .gonggao_con_r ul li:hover .gonggao_li h1,.gonggao .gonggao_con_r ul li:hover .date{color: #1b6cd8;}
.gonggao_con_tab{width: 100%;border-radius: 5px 5px  0 0 ;overflow: hidden;box-shadow:0 0 8px 0 rgb(162 162 162 / 31%);}
.gonggao_con_tab ul li{cursor: pointer;width: 100%;text-align: left;padding: 0 60px;line-height:96px ;font-size: 30px;border: solid 0 #CCCCCC;background: #fff ;margin-top: 2px;position: relative;;}
.gonggao_con_tab ul li span{position: absolute;right: 50px;top: 37px;display: block;width: 11px;height: 22px;background: url(../images/jiantouh.png) no-repeat center;}

.gonggao_con_tab ul li:last-child{margin-right: 0;}
.gonggao_con_tab ul li.active{background: #1b6cd8;color: #fff;}
.gonggao_con_tab ul li.active span{background: url(../images/jiantoub.png) no-repeat center;}
.investpage .page{position: absolute;bottom: -83px;}
.investpage .more2{display:inline-block;color: #1B6CD8;line-height: 37px;font-size: 18px;border-bottom:  solid 1px #1B6CD8;margin-top: 20px;}

.gonggao_r{width: 367px;height:auto;}
.gonggao_r img{width: 100%;display: block;height: 100%;object-fit: cover;}

.investlist{padding-bottom: 80px;}
        .invest_li{margin: 50px 0 0; margin-bottom: 0;}
        .invest_li ul li{width: 100%;background: #f6f6f6;margin-bottom: 0.5%;position: relative;}

        .invest_li ul li .title1 {
            padding: 20px 120px 20px 50px;
            box-sizing: border-box;
            font-size: 16px;
            color: #666666;
            position: relative;
            cursor: pointer;
        }
        .invest_li ul li .title1:before {
            content: '';
            width: 40px;
            height: 40px;
            background-size: 100% 100%;
            position: absolute;
            top: calc(50% - 20px);
            right: 50px;
        }
        .invest_li ul li .title1:before {
            transition: all .3s;
            border-radius: 50%;
            background: url("../images/icon-down-white.png") center center no-repeat #147AE3;
        }

        .invest_li ul li:hover .title1:before {
            border-radius: 50%;
            background: url("../images/icon-down-blue.png") center center no-repeat #ffffff;
        }
        .invest_li ul li .title1 dd {
            width: 23%;
            float: left;
            box-sizing: border-box;
        }
        .invest_li ul li .title1 dd:nth-child(1) {
            font-size: 20px;
            color: #000000;
        }
        .invest_li ul li .title1 dd:nth-child(2) {
            text-align: center;
        }
        .invest_li ul li a:hover dd {
            color: #ffffff !important;
        }
        .invest_li ul li .title1 dd:first-child {
            width: 70%;
        }
        .invest_li ul li:hover {
            background: #147AE3;
        }





.ESG{margin-top: 30px;}
.ESG .title{margin-bottom: 60px;}
.ESG .title img{margin: 0 auto;display: block;}
.ESG_li ul li{margin-bottom: 20px;;}
.ESG_li ul li .ESG_con_tit{background: #1b6cd8;box-shadow:3px 3px 3px 0px rgb(0 0 0 / 8%);width: 100%;height: 65px;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_l{width: 150px;float: left;text-align: center;font-size: 22px;line-height: 65px;color: #FFFFFF;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r{background: #fff;float: right;width: calc(100% - 160px);height: 65px;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r span{color: #D6D6D6;font-size: 20px;line-height: 60px;float: left;display: block;margin-top: 5px;margin-left: 25px;text-transform: uppercase;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r span i{font-style: normal;font-size: 22px;color: #1b6cd8;font-weight: normal;margin-right: 1px;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r a{font-size: 20px;color: #999999;line-height: 65px;display: block;float: right;margin-right: 25px;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r a:hover{color: #1b6cd8;}
.ESG_li ul li .ESG_con{}
.ESG_li ul li .ESG_con .ESG_con_l{float: left;width: 665px;padding: 15px;box-shadow:0px 0px 7px 0px rgb(0 0 0 / 30%);margin: 20px 0;background: #fff;}
.ESG_li ul li .ESG_con .ESG_con_l .ESG_con_img{width: 100%;overflow: hidden;height: 393px;}
.ESG_li ul li .ESG_con .ESG_con_l img{width: 100%;display: block;height: 100%;object-fit: cover;}
.ESG_li ul li .ESG_con .ESG_con_l img:hover{transform: scale(1.02);}
.ESG_li ul li .ESG_con .ESG_con_r{float: right;width: 700px;margin: 20px 0;position: relative;    height: 393px;overflow: hidden;}
.ESG_li ul li .ESG_con .ESG_con_r .ESG_con_r_con{overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;max-height: 355px;}
.ESG_li ul li .ESG_con .ESG_con_r div{margin-bottom: 20px;;}
.ESG_li ul li .ESG_con .ESG_con_r h1{font-size: 20px;color: #333333;line-height: 1.6;margin-bottom: 10px;}
.ESG_li ul li .ESG_con .ESG_con_r p{font-size: 17px;color: #999999;line-height: 1.8;text-indent: 2em;}
.ESG_li ul li:nth-child(2n) .ESG_con .ESG_con_l{float: right;}
.ESG_li ul li:nth-child(2n) .ESG_con .ESG_con_r{float: left;}
.ESG_con_r .about_more{position: absolute;right: 0;bottom: 0;}

/* 搜索 */
.jians{font-size: 18px;color: #333;line-height: 2;margin-top: 20px;;}
.search_title{margin-top: 10px;}
.search_title div a{display: block;color: #147AE3;font-weight: normal;font-size: 20px;line-height: 1.6;}
.search_nav{font-size: 20px;font-weight: bold;line-height: 2;color: #147AE3;margin-bottom: 10px;}


.news1con li b,.news2_con li b,.info_title b{font-weight: normal;}

.titleAll{margin-bottom: 60px;}
.titleAll h1{text-align: center;}
.titleAll h1 span{display: inline-block;padding: 0 50px;font-size: 30px;color: #333;position: relative;}
.titleAll h1 span::before{content:"";display: block;width: 7px;height: 7px;border-radius: 50%;background: #1568d7;position: absolute;left: 0;top: 18px;}
.titleAll h1 span::after{content:"";display: block;width: 7px;height: 7px;border-radius: 50%;background: #1568d7;position: absolute;right: 0;top: 18px;}
.titleAll p{display:block;text-align: center;font-size: 16px;text-transform: uppercase;color: #999;margin-top: 5px;}
.titleAll.white h1 span,.titleAll.white p{color: #fff;}
.titleAll.white h1 span,.titleAll.white p{color: #fff;}
.titleAll.white h1 span::after,.titleAll.white h1 span::before{background: #fff;}

.index_title h1{display:block;text-align: center;padding: 0 50px;font-size: 30px;color: #333;position: relative;background: url(../images/index_titlebg.png) no-repeat center;font-weight: bold;}
.index_title p{display:block;text-align: center;font-size: 17px;text-transform: uppercase;color: #999;margin-top: 5px;}

/* 党群风采 */
 .dj_fengcai{margin-top: 65px; background: url(../images/news1bg.png) no-repeat top;}
    .dj_zzkj{margin-top: 65px;}
    .dj_fengcai_li ul{text-align: center;display: flex;justify-content:space-around;}
.dj_fengcai_li ul li{width: 210px;height: 210px;display: inline-block;text-align: center;margin: 0 2.5%;background: #147ae3;border-radius: 50%;display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative; }
.dj_fengcai_li ul li:hover{background: #147ae3;}

.dj_fengcai_li ul li h1{font-size: 30px;line-height: 1;color: #fff;}
.dj_fengcai_li ul li p{font-size: 16px;line-height: 2;margin-top: 10px;color: #fff;}

.dj_fengcai_li ul li::before {
    z-index: -1;
    content: "";
    position: absolute;
    display: block;
    width: 99%;
    height: 99%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 7px solid rgb(20 122 225 / 50%);
    box-sizing: content-box;
    opacity: 0;transition: all 2s;
}
.dj_fengcai_li ul li::after {
    z-index: -1;
    content: "";
    position: absolute;
    display: block;
    width: 99%;
    height: 99%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 13px solid rgb(20 122 225 / 40%);
    box-sizing: content-box;
    opacity: 0;transition: all 2s;
}
.dj_fengcai_li ul li:hover::after,.dj_fengcai_li ul li:hover::before{opacity: 1;}
.dangjian_news2{margin-bottom: 100px;}
.dangjian_news1{padding: 65px 0 40px; background: #f9f9f9 url(../images/news1bg.png) no-repeat center;}
.dangjian_news1 .news1con{width: 100%;}
.dangjian_news1 .news1con ul{display: flex;justify-content: space-between;}
.dangjian_news1 .news1con ul li{width: 31%;overflow: hidden;}
.dangjian_news1 .news1con ul li .news1img{width: 100%;height: 240px;overflow: hidden;}
.dangjian_news1 .news1con ul li .news1img img{width: 100%;height:100%;object-fit: cover;}
.dangjian_news1 .news1con ul li:hover .news1img img{transform: scale(1.02);}
.dangjian_news1 .news1con ul li h1{font-size: 18px;font-weight: 400;color: #333333;line-height: 28px;width: 100%;position: relative;margin-top: 15px;margin-bottom: 10px;;}
    .dangjian_news1 .news1con h1 i{font-style: normal;width: calc(100% - 100px);display: block;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
.dangjian_news1 .news1con h1 span{font-size: 14px;color: #999999;line-height: 28px;position: absolute;right: 0;top: 0;}
.dangjian_news1 .news1con p{font-size: 14px;color: #999999;line-height: 28px;    overflow: hidden;text-align: justify;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.dangjian_news1 .news1con ul li:hover h1,.dangjian_news1 .news1con ul li:hover h1 span{color: #1b6cd8;}
.dangjian_news1 .jiazailist{margin-top: 30px;}
.dj_zzkj_con {width: 100%;margin-bottom: 80px;}
.dj_button{width: 335px;line-height: 89px;text-align: center;background:linear-gradient(to right, #147ae3, #02cb9e);font-size: 36px;color: #ffffff;border-radius: 10px;letter-spacing: 5px;margin: 0 auto;cursor: pointer;margin-top: 80px;}
.dj_zzkj_con .dj_zzkj_con1{width: 100%;margin-bottom:80px;display: none;}
.dj_zzkj_con .dj_zzkj_con1 img{width: 100%;}
.dj_zzkj_con .dj_zzkj_con2{width: 100%;display: none;}
.dj_zzkj_con .dj_zzkj_con2 img{max-width: 100%;}
.news2_con ul li a i{font-style: normal;}

.newslistdj2{margin-bottom: 60px;}
    .newslistdj2 .newslist_li ul{display: flex;justify-content: space-between;    flex-wrap: wrap;}
    .newslistdj2 .newslist_li ul li{width: 31.5%;margin-bottom:2.8%;}
    .newslistdj2 .newslist_li ul li .li_con{width: 100%;}
    .newslistdj2 .newslist_li{margin-bottom: 0;}
    .newslistdj2 .newslist_li ul li .li_con{padding: 25px 30px;}








@media screen and (max-width: 1400px) {
	.main{width: 94%;}
	.foot .footnav ul{margin-left: 35px;}
	.foot .footnav ul h1 {
        font-size: 22px;
    }
	.newsmain{width: 94%;}
	.news1 .news1con_l{width: 50%;}
	.news1 .news1con_r{width: 48%;}
	.ESG_li ul li .ESG_con .ESG_con_l{width: 45%;}
	.ESG_li ul li .ESG_con .ESG_con_r{width: 53%;}
	.news3_con_ul_l{width:70vw;height:39.43vw;}
	.news3_con_ul_r{width:23vw;padding:1.3vw 1.5vw;}
	.news3_con_ul_r .swiper{height:33.65vw;}
    .news .news1 h1 i{font-size:26px;}
    .news .news1 h1 span{font-size:20px;}
    .head .nav ul li {
        width: 125px;
        height: 100px;
        float: left;
        margin-right: 1px;
    }
    .head .nav ul li .subnav li a {
        color: #333;
        margin-top: 0;
        line-height: 50px;
        padding: 0;
        font-size: 18px;
    }
}


@media screen and (max-width: 1024px){html{font-size:14px;} }
@media screen and (max-width: 768px){html{font-size:14px;} }
@media screen and (max-width: 480px){html{font-size:14px;} }
@media screen and (max-width: 450px){html{font-size:14px;} }
@media screen and (max-width: 375px){html{font-size:12.6811594px;} }
@media screen and (max-width: 320px){html{font-size:10.821256px;} }
@media screen and (max-width: 1280px){
header {
    width: 100%;
    height: 90px;
}
.head .logo {
    display: inline-block;
    height: 90px;
    width: 150px;
    vertical-align: middle;
}
.head .nav ul li {
    width: 107px;
    height: 90px;
    float: left;
    margin-right: 1px;
}
.head .nav ul li {
    width: 107px;
    height: 90px;
    float: left;
    margin-right: 1px;
}
.head .nav ul li .subnav li a {
    color: #333;
    margin-top: 0;
    line-height: 50px;
    padding: 0;
    font-size: 16px;
}
.head .nav ul li>a{font-size: 18px;}
}

.content iframe{width: 94vw;height: 52.875vw;margin: 0 auto;    display: block;max-width: 500px;max-height: 282px;margin-top: 10px;}
.content1 iframe{width: 100%;height: 130vh;margin: 0 auto;    display: block;max-width: initial;max-height: initial;margin-top: 0;}
/*移动端导航*/
@media screen and (max-width: 1024px){
.pc{display:none;}
.wap{display:block;}
.head{display:none}
.moblie_head{display:block;height:51px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:8px;padding-left:5%}
.moblie_head .lf img{height:35px}
.moblie_head .rg{padding-right:5%;padding-top:14px;}
.moblie_head .rg a img{height:22px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#1d73b4;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background: #1d73b4;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530;    position: relative;    width: 100%;border-bottom: 1px solid #3892d6;float:left;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:1.1428rem;}
.a_txt .div3 ul li>a{
    width: 76%;
    float: left;
}
.a_txt .div3 ul li .a_js2 {
    background: url(../images/plus.png) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    width: 50px;
    height: 45px;
    display: inline-block;
    float: left;
}
.a_txt .div3 ul li .a_js2_on {
    background: url(../images/reduce.jpg) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    width: 50px;
    height: 45px;
    display: inline-block;
    float: left;
}
.a_txt .div3 ul li .a_txt2{display:none;width: 100%;float: left;}
.a_txt .div3 ul li .a_txt2 a{height:2.857rem;line-height:2.857rem;font-size:1rem;width:100%;padding-left: 3rem;}
.language{margin-top: 1px;margin-right: 10px;padding-right: 10px;border-right: 1px dashed #999;height :22px;}
.language a{ font-size: 14px; padding: 0px 4px; border: solid 1px #999; border-radius: 5px;color:#333;display:block;}
.iconwap {margin-right: 10px;padding-right: 10px;border-right: 1px dashed #999;height :22px;}
.iconwap img{opacity:0.8;height:22px;}
.search_con {
    position: fixed;
    top: 50px;
    left:0;
    z-index: 999;
    width: 100%;
    background: #fff;
    display: none;
    border-top: solid 1px #197fe4;
}
.search_conkj{
margin-top: 60px;
    margin-bottom: 80px;
}
.search_conkj .search_form {
    width: 80%;
    margin: 0 auto;
}
.search_conkj .search_form .search_formkj {
    width: 100%;
    margin: 0 auto;
    height: 45px;
    border-bottom: solid 1px #197fe4;
}
.search_conkj .search_form .search_formkj .icon-sousuo {
    width: 24px;
    height: 44px;
    float: left;
    background: url(../images/magnifier_red.svg) no-repeat center;
}
.search_conkj .search_form .search_formkj .search_keys {
    width: calc(100% - 106px);
    border: 0;
    float: left;
    height: 44px;
    outline: none;
    margin-left: 20px;
}
.search_conkj .search_form .search_formkj input[type=text] {
    font-size: 14px;
    background: none;
    color: #555555;
    line-height: 44px;
}
.search_conkj .search_form .search_formkj .serbtn {
    width: auto;
    border: 0;
    float: right;
    height: 44px;
    outline: none;
    margin-left: 0px;
    background: none;
    font-size: 20px;
    color: #197fe4;
    cursor: pointer;
}
.bottom_fixed{
position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:99;box-shadow: 0 0 9px 0px #d8d8d8;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.bottom_fixed ul{display:flex;justify-content: space-around;}
.bottom_fixed ul li{width:16.66%;padding:10px 0;    border-left: solid 0px #f7f7f7;}
.bottom_fixed ul li:first-child{border-left: solid 0px #f7f7f7;}
.bottom_fixed ul li a{display:block;}
.bottom_fixed ul li a span{display:block;width:30px;margin:0 auto;}
.bottom_fixed ul li a span img {
    max-width: 100%;
}
.bottom_fixed ul li a p{font-size:0.9rem;text-align:center;margin-top:10px;}
/* 底部导航 */
.bottom_fixed ul li a span {
    display: block;
    width: 22px;
    margin: 0 auto;
    opacity: 0.8;
}
.bottom_fixed ul li a span img{max-width:100%;}
.bottom_fixed ul li a p {
    font-size: 0.9rem;
    text-align: center;
    margin-top: 5px;
    zoom:0.85;
    color: #656464;
}
.bottom_fixed ul li {
    width: 16.66%;
    padding: 8px 0 14px;
}
.bottom_fixed ul li.on a p{
color: #1b6cd8;
}
.bottom_fixed ul li a span .black{
display:block;
}
.bottom_fixed ul li a span .blue{
display:none;
}
.bottom_fixed ul li.on a span .black{
display:none;
}
.bottom_fixed ul li.on a span .blue{
display:block;
}


.banner{margin-top:51px;}
.about_title{    margin-top: 50px;}
.about_content_l .about_content_l_con p{font-size: 18px;line-height: 1.9;}
.about_content_l_con #data li h1 {
    font-size: 22px;
}
.about_content_l_con #data li h1 i {
    font-size: 22px;
    font-style: normal;
}
.about_content_l_con #data {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.about_content2 ul li{padding: 20px 20px 20px;}
.product_title{    margin-top: 30px;
                   margin-bottom: 40px;}
.product_ul {
    width: 340px;
    height: 710px;
    padding: 15px;
    background: url(../picture/product_leftbiankuang1.png) no-repeat;
    background-size: contain;
}
.product_li_l h1{font-size: 20px;}
.product_li_l p {
    font-size: 15px;
    line-height: 1.9;
    color: #666;
    text-align: justify;
    font-weight: normal;
    margin-top: 5px;
    text-indent: 2em;
}
.product_li_img{bottom: 15px;width:312px;}
.product_li_con_img{width: 72%;}

.pro_tab ul li{width:100px;height:110px;}
.pro_tab ul li img{width:65%;margin-top: 10px;}
.pro_tab ul li.li1{right: 33px;top: 0;}
.pro_tab ul li.li2{right: 0;top: 269px;}
.pro_tab ul li.li3{right: 50px;top: 425px;}
.pro_tab ul li.li4{right: 190px;top: 512px;}
.pro_tab ul li.li5{right: 348px;top: 540px;}
.pro_tab ul li.li6{right: 500px;top: 510px;}
.pro_tab ul li p{font-size:14px;}
.xuanfu{width:100px;display:none;}
.newskj{    margin-top: 20px;}
.news .news1 h1,.news .news1 h1 .news1tit1{
    font-size: 22px;}
.news .news1 h1 span{font-size: 16px;}
.news .news1 h1 span:last-child{ margin-top: 10px;}
.pro_bg{background: url(../picture/probg.png) no-repeat center;background-size:cover;}
.product_li_l h1 {
    font-size: 20px;
}




.foot .footnav ul {
    margin-left: 20px;
}
.foot .footnav ul h1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}
.foot .footnav ul li a {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}
.foot .foot_logo h1{font-size: 18px;}
.banner{height: 350px!important;}

.contact_kj{    padding: 50px 0 0;}
.contact{width:100%;}
.contactUs .map{
    width: 50%;

}
.contactUs .contactUs_con{width: 48%;}
.join{    margin-top: 50px;    padding: 50px 0 0;}
.join .joincon{width:94%;}
.join .joincon ul li{padding: 2%;}
.shop{width:94%;}
.form select{    width: 20%;}
.sou {
    display: inline-block;
    font-size: 0;
    width: 40%;
}
.sou input[type=text] {width: calc(100% - 45px);}
.shoplist{width: 37%;}
.listmap{width: 60%;}
.mapUrl {position:absolute;width:70px; height: 100%;;top:0;right:0;}
.mapUrl img {
    width: 22px;
    height: auto;
    position: absolute;
    right: 15px;
    object-fit: contain;
    top: 21px;
    display: block;
}
.recruitkj{width:100%;    padding: 50px 0;margin-top: 50px;}
.recruitkj ul li .line{    margin: 0 10px;}
.recruitkj ul li{width: 100%;}
.recruitkj ul li .recruit_tit {
    float: left;
    width: calc(100% - 160px);
}
.joinshxx-text{
padding: 58px 108px 0;
margin-top: 50px;
    margin-bottom: 0;
}
.joinshxx-text::before, .joinshxx-text::after {
    width: 90px;
    height: 94px;
}









}
/* 768 */
@media screen and (max-width: 769px){
.banner {
    height: 275px!important;
}

.about_title{    margin-top: 2rem;}
.index_title p{font-size: 1rem;}
.index_title h1{font-size:2.5rem;}
.about_content{margin-top: 2rem;}
.about_content_l{width:100%;height:auto;padding: 2rem 1.2rem;}
.about_content_l .about_content_l_con p{font-size:1.21rem;line-height:1.9;}
.about_content_l h1{font-size:1.5rem;}
.about_content_l_con #data{margin-bottom: 1.5rem;
                               margin-top: 1.5rem;}
.about_content_l_con #data li h1{font-size:2.65rem;}
.about_content_l_con #data li h1 i{font-size:1.65rem;}
.about_content_l_con #data li p{font-size:0.9rem}
.about_more{font-size:1.1rem;height:auto;line-height:2.2rem;margin-top: 0px;}
.about_content_l_con #data li {
    margin-left: 86px;
}

.about_content_r{width:100%;height: 400px;}

.about_content2 ul li{width: 100%;    margin-right: 0;    margin-bottom: 2%;padding: 0.4rem 1.2rem;height:auto;}
.about_content2 ul li h1{font-size:1.2rem;line-height: 3;}
.about_content2 ul li p{font-size:1rem;line-height:1.9;}
.about_more2{    margin-top: 1rem;    margin-bottom: 1rem;font-size:1.1rem;height:auto;line-height:2.2rem;}
.about_content2{margin-bottom: 2px;}
.comnav ul li .txt{    font-size: 0.95rem;}
.comnav ul li a{    padding: 10px 0px;}
.comnav ul li .icon img{height:1.5rem}
.comnav ul{    border-bottom: solid 2px #147ae3;}
.pro_bg {
    background: url(../picture/probg.png) no-repeat center;
    background-size: 200% auto;
}
.product_title{margin-top: 0;    margin-bottom: 30px;}
.product_li_img{bottom: 15px;width:312px;}
.product_li_con_img{width: 64%;right: -38px;}
.product_ul{    height:644px;    background-size: 100% 100%;}
.pro_tab ul li{width:100px;height:110px;}
.pro_tab ul li img{width:60%;margin-top: 10px;}
.pro_tab ul li.li1{right: 33px;top: 0;}
.pro_tab ul li.li2{right:202px;top: 326px;}
.pro_tab ul li.li3{right: 74px;top: 326px;}
.pro_tab ul li.li4{right: 264px;top: 452px;}
.pro_tab ul li.li5{right: 137px;top: 452px;}
.pro_tab ul li.li6{right: 10px;top: 452px;}
.pro_tab ul li p{font-size:14px;}
.product_li_l p{font-size:14px;}
.product_li_l h1 {
    font-size: 20px;
    margin-bottom: 20px;
}



.news .news1 ul li {
    margin:3% 3%;
}
.news .news1_contact ul li{height: 102px;}
.news .news1_contact ul li a span{margin-top: 13px;}
.news .news1 ul {
    margin-top: 20px;
}
.news .news1 h1 span{font-size: 16px;display: block;}
.news .news1 ul li a{font-size: 16px;}
.indexVideo{margin-top: 70px;margin-bottom:50px;}
.foot .footnav{display:none;}
.copyright span:last-child{display:block;}
.foot .erweima {
    float: right;
    margin-top: 27px;
    margin-right: 30px;
}
.foot .foot_logo {
    width: 270px;
    float: left;
    margin-top: 30px;
}
.footer{    padding-bottom: 25px;}
.titleAll {
    margin-bottom: 40px;
}
.titleAll h1 span{font-size: 1.8rem;}
.titleAll p{font-size: 1.2rem;}
.news1{margin-top: 50px;}
.news1 .news1con_l {
    width: 100%;
}
.news1 .news1con_r {
    width: 100%;margin-top: 20px;
}
.news1 .news1con_r ul li {
    width: 100%;
    margin-bottom: 15px;
}
.news2_con ul li{}
.news2_con ul li {
    width: 100%;
    margin-bottom: 15px;
    float: none;
}
.news2_con ul li:nth-child(2n) {
    float: none;
}
.news3_tab ul li{    padding: 20px 20px;}
.news1 .news1con_l h1{ padding-right: 0px;}
.newslist_li ul li .li_img{width: 300px; height: 180px;}
.newslist_li ul li .li_con {
    width: calc(100% - 300px);
    padding: 15px 20px;
}
.gonggao_r{    width: 240px;}
.gonggao_con_tab ul li {
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 0 20px;
    line-height: 60px;
    font-size: 20px;
    border: solid 0 #CCCCCC;
    background: #fff;
    margin-top: 2px;
    position: relative;
}
.gonggao_con_tab ul li span {
    position: absolute;
    right: 26px;
    top: 21px;
    display: block;
    width: 11px;
    height: 22px;
    background: url(../images/jiantouh.png) no-repeat center;
}
.gonggao_l {
    width: calc(100% - 250px);
}
.gonggao .gonggao_con_r ul>li a {
    display: block;
    padding: 20px 0;
}
.ESG_li ul li .ESG_con .ESG_con_l {
    width: 100%;
}
.ESG_li ul li .ESG_con .ESG_con_r {
    width: 100%;
}
.contactUs .map {
    width: 100%;
}

.contactUs .contactUs_con {
width: 100%;
    padding: 30px 0 0 45px;
    height: 443px;
    float: right;
    background: #fff url(../picture/newslogo.png) no-repeat bottom;
    background-position: 50px 388px;
}
.recruitkj ul li .recruit_tit p{line-height: 20px; }
.join {
        margin-top: 0px;
}
.joinimg{height: 160px;}
.joinshxx-text{
padding: 28px 58px 0;
margin-top: 30px;
    margin-bottom: 0;
}
.joinshxx-text::before, .joinshxx-text::after {
    width: 50px;
    height: 54px;
}
.recruitlist .recruit{    padding: 30px 0 0;}
.dj_fengcai_li ul li{width: 170px; height: 170px;margin: 0;}
.dj_fengcai_li ul li h1 {
    font-size: 26px;
    line-height: 1;
    color: #fff;
}
.dj_fengcai_li ul li p {
    font-size: 13px;
    line-height: 2;
    margin-top: 10px;
    color: #fff;
}
.dj_button {
    width: 220px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(to right, #147ae3, #02cb9e);
    font-size: 23px;
    color: #ffffff;
    border-radius: 10px;
    letter-spacing: 3px;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 50px;
}
.dj_fengcai{    margin-top: 50px;}

.dj_zzkj_con {
    width: 100%;
    margin-bottom: 50px;
}
.dangjian_news1{padding: 50px 0 40px;}
.dangjian_news1 .news1con ul li .news1img{height: 150px;}
.dangjian_news2{margin-bottom: 50px;margin-top: 50px;}
.newslistdj2 .newslist_li ul li {
    width: 48.4%;
    margin-bottom: 2.8%;
}



}
/* 414 */
@media screen and (max-width: 450px){
.banner {
    height: 150px!important;
}
.crumbs {
    width: 100%;
    height: auto;
    background: #f7f7f7;
    line-height: 3;
    font-size: 1rem;
}
.about_title{    margin-top: 2rem;}
.index_title p{font-size: 1rem;}
.index_title h1{font-size:1.7rem;}
.about_content{margin-top: 2rem;}
.about_content_l{width:100%;height:auto;padding: 2rem 1.2rem;}
.about_content_l .about_content_l_con p{font-size:1.1rem;line-height:1.9;}
.about_content_l h1{font-size:1.5rem;}
.about_content_l_con #data{margin-bottom: 1.5rem;
                               margin-top: 1.5rem;}
.about_content_l_con #data li h1{font-size:1.5rem;}
.about_content_l_con #data li h1 i{font-size:1.25rem;}
.about_content_l_con #data li p{font-size:0.9rem}
.about_more{font-size:1.1rem;height:auto;line-height:2.2rem;margin-top: 0px;}
.about_content_l_con #data li {
    margin-left: 2rem;
}

.about_content_r{width:100%;height: 240px;}
.about_content2 ul li{width: 100%;    margin-right: 0;    margin-bottom: 2%;padding: 0.4rem 1.2rem;height:auto;}
.about_content2 ul li h1{font-size:1.2rem;line-height: 3;}
.about_content2 ul li p{font-size:1rem;line-height:1.9;}
.about_more2{    margin-top: 1rem;    margin-bottom: 1rem;font-size:1.1rem;height:auto;line-height:2.2rem;}
.about_content2{margin-bottom: 2px;display: none;}
.comnav {
    margin-top: 4px;
}
.comnav ul li .txt{    font-size: 0.95rem;}
.comnav ul li a{    padding: 10px 0px;}
.comnav ul li .icon img{height:1.5rem}
.comnav ul{    border-bottom: solid 2px #147ae3;}
.product_title{margin-top: 0;    margin-bottom: 30px;}

.product_li_img{display: none;}

.product_ul{width: 100%;margin-top: 8rem;height: auto;overflow: hidden;}
.product_li_con_img{position:static;
width: 130%;
    right: -38px;
    margin-left: -10%;
    height:21.428rem;
}
.pro_tab{width:100%;top: -7rem;}
.pro_tab ul{display:flex;justify-content: space-between;}
.pro_tab ul li{position:static;width:4.1rem;height:4.5rem;;float:left;}
.pro_tab ul li p {
    font-size: 0.8rem;line-height: 1.5;    zoom: 0.9;
}
.pro_tab ul li img{
width: 55%;margin-top: 0.7rem;

}
.product_li_l p{font-size:1rem;}
.product_li_l h1 {
position: relative;
    font-size: 1.5rem;
    color: #fff;
    width: 70%;
    margin: 20px auto;
    border-radius: 5px;
    padding: 10px 0;

}
/*
.product_li_l h1:after{content:">>";display:block;position:absolute;top:1px;right:20px;letter-spacing:-4px;font-size: 2.1rem; letter-spacing: -8px; font-weight: lighter;}
*/
.product_ul .product_li:nth-child(1) .product_li_l h1{background: #ffcf55;}
.product_ul .product_li:nth-child(2) .product_li_l h1{background: #57a1ea;}
.product_ul .product_li:nth-child(3) .product_li_l h1{background: #4dcbd5;}
.product_ul .product_li:nth-child(4) .product_li_l h1{background: #4cafc6;}
.product_ul .product_li:nth-child(5) .product_li_l h1{background: #91c54d;}

.news .news1{
margin-top: 22px;
    width: 100%;
    margin-right: 0%;
}
.news .news1:nth-child(2){margin-right: 0%;}
.news .news1:last-child{Width:100%;}
.news .news1 h1, .news .news1 h1 .news1tit1 {
    font-size: 1.5rem;
}
.news .news1 h1 span{font-size:1rem;display: inline;}
.news .news1 ul{margin-top: 1rem;}
.news .news1 ul li {
    margin: 1% 0%;
}
.news .news1 ul li a {
    font-size:1.2rem;line-height: 2;
}
.news .news1 ul li a span{
    margin-left:5px;margin-right:5px;
}
.news .news1 ul .newsMore{font-size:1.1rem;line-height: 2;}
.news .news1:last-child h1 span{display: inline;margin-left:10px;}
.news .news1_contact ul{display:flex;justify-content: space-between; }
.news .news1_contact ul li{width:22%;float:none;margin:0;height: 61px;border-radius: 3px;}
.news .news1_contact ul li a p{font-size: 1rem;    line-height: 1.5;}
.news .news1_contact ul li a span{    margin-top: 0.4rem;height:30px;}
.news .news1_contact ul li a span img{display:block;width:40%;margin:0 auto;}



.indexVideo{    margin-top: 30px;
                margin-bottom: 30px;}
.pro_bg{ background-size: 548% auto;;}
.foot .foot_logo {
    width: 50%;
    float: left;
    margin-top: 30px;

}
.foot .erweima{margin-right:0;width: 30%;}
.foot .foot_logo h1{font-size: 1rem;}
.foot .foot_logo img{width:90%;}
.copyright{font-size:0.95rem;}
.copyright a{margin-bottom:3px;display: block;}
.copyright span:nth-child(1),.copyright span:nth-child(2){display:none;}
.titleAll {
    margin-bottom: 30px;
}
.titleAll h1 span {
    font-size: 1.5rem;
}
.titleAll p {
    font-size: 1rem;
}
.titleAll h1 span::before,.titleAll h1 span::after{top: 12px;}
.news1 .news1con_l .news1img{    height: 240px;}
.news1 {
    margin-top: 30px;
}
.news1 .news1con_l .news1title h1{font-size: 1.3rem;}
.news1 .news1con_r ul li a{font-size: 1.1rem;line-height:1.5;}
.news2_con ul li a{font-size: 1.1rem;line-height:1.5;}
.news3_tab ul li {
    margin: 0;
    padding: 10px 5px;
    width: 49%;
}
.news3_tab ul li h1{    font-size: 1rem;}
.news3_con_ul_l{width:94vw;height:52.875vw;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 0%); border: solid 0px #ccc;}
.news3_con_ul_r{width:94vw;}
.news3_con_ul_r .swiper {
    width: 80vw;
        height: 15vw;

}
.news3_con_ul_swiper {
    width: auto;
    float: none;
}
.news3_con_ul_r .buttonkj .swiper-button-next, .news3_con_ul_r .buttonkj .swiper-button-prev{
    transform: rotate(0deg);
}
.news3_con_ul_r .buttonkj .swiper-button-prev {
    left: 0;
}
.news3_con_ul_r .buttonkj .swiper-button-next {
    right: 0px;
}
.news3_con_ul_r .swiper .swiper-slide-thumb-active {
    border: solid 1px #1b6cd8;
    border-radius: 3px;
}
.news3{    margin-top: 30px;}
.news2{    margin-top: 30px;}
.news3_con_ul{    margin-bottom: 30px;}
.newslist_li {
                 width: 100%;
                 margin-bottom: 30px;
                 margin-top: 20px;
             }
.newslist_li ul li .li_img{width: 100%; height: 17.625rem;}
.newslist_li ul li .li_con {
    width: 100%;
    padding: 1rem 1.3rem;
}
.newslist_li ul li .li_con h1{font-size: 1.3rem;
                                  margin-bottom: 10px;}
.newslist_li ul li .li_con span {
    font-size: 1rem;
    margin-bottom: 10px;
}
.newslist_li ul li .li_con p {
    font-size: 1.1rem;
    line-height: 2;
    overflow: hidden;
}
.info_title h1{    font-size: 1.3rem;color: #333333;line-height: 2;margin-top: 10px;}
.info_title span img{width:160px;}
.info_title span {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 15px;
}
.content p{
    font-size: 1.1rem;    line-height: 1.9;
}

	.newspage .prev {
    float: left;
    width: 100%;
    font-size: 1.1rem;
    color: #666666;
    line-height: 2;
}
.newspage .next {
    float: right;
    width: 100%;
    font-size: 1.1rem;
    color: #666666;
    line-height: 2;
    text-align: left;
}
.newspage .prev a, .newspage .next a {
    margin-left: 20px;
    display: inline-block;
    max-width: calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
}
.newspage .prev span, .newspage .next span {float:left;}
.newsinfo .content{    padding: 0;}
.newsinfo{    padding-bottom: 0;}
.gonggao_r{    width: 100%;}

.gonggao_l {
    width: 100%;    margin-top: 10px;
}
.gonggao .gonggao_con_r ul {
    padding: 0 4%;
    background: #f6f6f6;
}
.gonggao .gonggao_con_r ul li .date{width: 70px;}
.gonggao .gonggao_con_r ul li .gonggao_li {
    float: left;
    width: calc(100% - 75px);

}
.gonggao .gonggao_con_r ul li .gonggao_li h1{
overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
font-size: 1.2rem;    line-height: 2;
}
.invest{padding: 30px 0 30px;}
.gonggao{    margin-bottom: 30px;}
.ESG_li ul li .ESG_con_tit{ height: auto;}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_l{
width: 110px;
    float: left;
    text-align: center;
    font-size: 1.4rem;
    line-height: 3;
    color: #FFFFFF;
}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r {
    background: #fff;
    float: right;
    width: calc(100% - 110px);
    height: auto;
}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r span {
    color: #D6D6D6;
    font-size: 1.4rem;
    line-height: 3;
    float: left;
    display: block;
    margin-top: 0;
    margin-left: 25px;
    text-transform: uppercase;
}
.ESG_li ul li .ESG_con_tit .ESG_con_tit_r span i {
    font-style: normal;
    font-size: 1.4rem;
    color: #1b6cd8;
    font-weight: normal;
    margin-right: 1px;
}
.ESG_li ul li .ESG_con .ESG_con_l .ESG_con_img{
height:14.3rem;
}
.ESG_li ul li .ESG_con .ESG_con_r{
margin-top: 0;
}
.ESG_li ul li .ESG_con .ESG_con_r p{font-size: 1.15rem;}
.invest_li ul li .title1 {
    padding: 15px 50px 15px 20px;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #666666;
    position: relative;
    cursor: pointer;
}
.invest_li ul li .title1:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    right: 7px;
}
.invest_li ul li .title1 dd:nth-child(1){font-size: 1.1rem;}
.invest_li{    margin: 30px 0 0;}
.investlist{    padding-bottom: 30px;}
.newsinfo{padding-bottom: 30px;}
.contactUs .map {
    height: 243px;
}
.contactUs .contactUs_con{
    padding: 30px 20px 10px 25px;
height: auto;
    background-position: 25px 303px;
    background-size: 70% auto;
}
.contactUs .contactUs_con h1 {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 10px;
}
.contactUs .contactUs_con p {
    font-size: 1.2rem;
    color: #333333;
    line-height: 2;
}
.contactUs .contactUs_con p .address {
    float: left;
    max-width: calc(100% - 90px);
}
.form select {
    width: 25%;    margin-right: 0px;
}
.sou {
    display: inline-block;
    font-size: 0;
    width: 47%;
}
.shoplist {
    width: 100%;
}
.listmap{width: 100%;height:250px;}

.shop{    padding-top: 30px;}

.form{margin-bottom: 25px;}

.shoplist .swiper .swiper-slide{padding: 10px;}



.recruitkj{padding: 30px 0;    margin-top: 30px;}
.recruitkj ul li{    padding: 10px;height: auto;    margin-bottom: 10px;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);}
.recruitkj ul li .recruit_btn{right: 10px;}
.recruitkj ul li .date .date_md{font-size: 1rem;    line-height: 2;}
.recruitkj ul li .date .date_y{font-size: 1rem; }
.recruitkj ul li .date{    width: 58px;padding: 7px 6px;}
.recruitkj ul li .recruit_tit {
    float: left;
    width: calc(100% - 115px);
}
.recruitkj .recruit_con {
    width: calc(100% + 20px);
    margin-left: -10px;

}
.recruitkj ul li .recruit_tit p{font-size: 1rem; }
.recruitkj ul li .line {
    margin: 0 10px;
    height: 70px;
}
.joinshxx-text{
padding: 28px 38px 0;
margin-top: 20px;
    margin-bottom: 0;
}
.joinshxx-text::before, .joinshxx-text::after {
    width: 30px;
    height: 34px;
}
.recruitlist .recruit{    padding: 30px 0 0;}

.joinshxx-text p{font-size:1.1rem}


.recruitlist .recruit ul li{    padding: 10px;height: auto;    margin-bottom: 10px;}
.recruitlist .recruit ul li .recruit_btn{right: 10px;}
.recruitlist .recruit ul li .date .date_md{font-size: 1rem;    line-height: 2;}
.recruitlist .recruit ul li .date .date_y{font-size: 1rem; }
.recruitlist .recruit ul li .date{    width: 58px;padding: 7px 6px;}
.recruitlist .recruit ul li .recruit_tit {
    float: left;
    width: calc(100% - 115px);
}
.recruitlist .recruit ul li .recruit_tit p{font-size: 1rem;line-height: 1.6;margin-top: 3px;}
.recruitlist{    padding-bottom: 30px;}
.recruitlist .recruit ul li .recruit_tit h1 {
    font-size: 1.2rem;
    color: #333333;
    line-height: 1;
    margin-bottom: 0.8rem;
}
.recruitlist .recruit ul li .line {
    height: 76px;
    width: 1px;
    background: #ccc;
    float: left;
    margin: 0 10px;
    margin-top: -5px;
}



.recruitlist .recruit ul li:hover{    background: #fbfbfb;}
.recruitlist .recruit ul li.active{    background: #1568d7;}
.recruit ul li:hover .recruit_tit p{
color: #999999;
}
.recruitlist .recruit ul li.active .recruit_tit p{color: #ffffff;}
.recruit ul li:hover .recruit_tit h1{color: #333333;}
.recruitlist .recruit ul li.active .recruit_tit h1{color: #ffffff;}

.join .joincon ul li{
    width: 100%;padding: 3%;margin-left: 0;margin-bottom: 3%;padding-bottom:10%;
}
.join .joincon ul li p{
font-size:1.1rem!important;
line-height:1.9!important;
}
.join .joincon ul li h1{
font-size:1.45rem!important;
}
.join .joincon ul li h1::before,.join .joincon ul li h1::after{    height: 4px;}

.shoplist{
height:auto;margin-top: 15px;padding-bottom:50px;
}
.shoplist .swiper{height:493px;}
.shoplist .swiper .swiper-slide{}
.swiper-grid-column>.swiper-wrapper{}
.news3_con_ul_r .buttonkj {
    height: 0;
    background: none;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 0%);
    margin-top: 0;
    position: static;
}
.investpage .more2 {
    display: inline-block;
    color: #1B6CD8;
    line-height: 37px;
    font-size: 18px;
    border-bottom: solid 1px #1B6CD8;
    margin-top: 10px;
}
.shoplist .swiper-pagination-clickable .swiper-pagination-bullet{
    display: inline-block;
    width: 20px;
    margin: 0 10px;
}
.shoplist .swiper-horizontal>.swiper-pagination-bullets,.shoplist .swiper-pagination-bullets.swiper-pagination-horizontal,.shoplist .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 23px;
        width: 80%;
        left: 10%;
}
.shoplist .swiper-button-prev {
    bottom: 10px;
    top: auto;
    left: 0;
    outline: none;
}
.shoplist .swiper-button-next {
    bottom: 10px;
    top: auto;
    right: 0;
    outline: none;
}
.contact_kj {
    padding: 30px 0 0;
}

.join {
    padding: 30px 0 0;
}
.joinimg{
    margin-top: 10px;padding-bottom: 30px;height: 120px;
}

.dj_fengcai_li ul{    flex-wrap: wrap;}
.dj_fengcai_li ul li {
    width: 160px;
    height: 160px;
    margin: 0;
    margin-bottom: 6%;
}
.dj_fengcai_li ul li h1 {
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.dj_fengcai_li ul li p{font-size:0.9rem;}

.dj_fengcai{    margin-top: 30px;}

.dj_zzkj_con {
    width: 100%;
    margin-bottom: 30px;
}
.dangjian_news1{padding:30px 0 30px;}
.dangjian_news1 .news1con ul li .news1img{height: 200px;}
.dangjian_news2{margin-bottom: 30px;margin-top: 30px;}
.dj_zzkj{margin-top: 30px;}
.dj_button {
    width: 197px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(to right, #147ae3, #02cb9e);
    font-size: 1.3rem;
    color: #ffffff;
    border-radius: 10px;
    letter-spacing: 1px;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 30px;
}

.dangjian_news1 .news1con ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dangjian_news1 .news1con ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem;
}
.dangjian_news1 .news1con ul li h1 {
    font-size: 1.4rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
}
.dangjian_news1 .news1con h1 span {
    font-size: 1rem;
    color: #999999;
    line-height: 2;
    position: absolute;
    right: 0;
    top: 0;
}

.dangjian_news1 .news1con p {
    font-size: 1rem;
    color: #999999;
    line-height: 2;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dangjian_news1 .jiazailist {
    margin-top: 0px;
}
.jiazai a{font-size: 1.3rem;}
.news3_tab ul {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.newslistdj2 .newslist_li ul li {
    width: 100%;
    margin-bottom: 2.8%;
}
.newslistdj2 .newslist_li ul li .li_con{    padding: 5%;}
.newslistdj2{margin-bottom: 30px;}
.ESG_li ul li .ESG_con .ESG_con_r .ESG_con_r_con{
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    max-height: 252px;
}
.ESG_li ul li .ESG_con .ESG_con_r{padding-bottom:30px;}
.ESG_li ul li .ESG_con .ESG_con_r{height: auto;}







}


/* 375 */
@media screen and (max-width: 375px){
.pro_bg {
    background-size: 560% auto;
}

.contactUs .contactUs_con{
    padding: 30px 20px 10px 25px;
height: auto;background-position: 23px 276px;
}
.banner {
    height: 135px!important;
}
.news3_tab ul li {
    margin:0;
    padding: 10px 5px;
    width: 49%;
}
.ESG_li ul li .ESG_con .ESG_con_r .ESG_con_r_con{
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    max-height: 234px;
}



}


@media screen and (max-width: 360px){
.pro_bg {
    background-size: 583% auto;
}
.about_content_l_con #data li {
    margin-left: 1.6rem;
}
.banner {
    height: 130px!important;
}

}
@media screen and (max-width: 320px){
.banner {
    height: 120px!important;
}
.ESG_li ul li .ESG_con .ESG_con_r .ESG_con_r_con{
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    max-height: 198px;
}
}