@charset "utf-8";

/* CSS Document */
html,
body {
	width: 100%;
}

html {}

body {
	position: relative;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

.c-b {
	clear: both;
}

.lg-container,
.w1200 {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

.lg-container:after,
.w1200:after {
	display: block;
	content: "";
	clear: both;
}

:root{
	--color:#0e6eb8;
}


/*首页*/

.lg-wrap{
	position:relative;
}
.headWrap{
	width:100%;
}
.header{
	display:flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
	min-height: 60px;
}
.logo{
	margin-right: 30px;
	height: 100px;
	display: flex;
	align-items: center;
}
.nav{
	width: 100%;
}
.nav ul{
	display: flex;
}
.nav ul li{
	margin: 0 10px;
	padding: 10px;
	font-size: 16px;
}

.tools{
	display: flex;
}
.tools .phone{
	display: flex;
	align-items: center;
}
.tools .phone span.fa{
	color: var(--color);
	font-size: 30px;
	margin-right: 10px;
}
.tools .phone p{
	font-size: 16px;
}
.tools .phone p span{
	font-size: 20px;
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.banner {
	width: 100%;
	position: relative;
}

.banner .imgs {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner img{
	width: 100%;
}

.bodyWrap{
	padding: 30px 0;
}

.title{
	
}
.title span{
	display: block;
	margin-bottom: 15px;
}
.title span.cn{
	color: var(--color);
	font-weight: bold;
	font-size: 30px;
}
.title span.en{
	font-size: 30px;
	font-weight: 400;
	color: #999;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

.lg-more{
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 140px;
	height: 50px;
	padding: 0 20px;
	margin: 0 auto;
	border: 1px solid #ccc;
	color: #999;
	transition: all 0.3s;
}
.lg-more:hover{
	background: var(--color);
	color: #fff;
}


.productContainer{
	width: 1200px;
	margin: 30px auto;
	margin-bottom: 50px;
}
.productContainer .title{
	text-align: center;
}
.productContainer .content{
	
}
.base_piclist ul{
	display: flex;
	flex-wrap: wrap;
}
.base_piclist ul li{
	width: 33.33%;
	padding: 20px;
}
.base_piclist ul li .img{
	width: 100%;
	height: 280px;
	overflow: hidden;
	box-shadow: 0 3px 6px rgba(0 0 0/18%);
}
.base_piclist ul li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.base_piclist ul li .text{
	padding: 10px;
}
.base_piclist ul li .text span,.base_piclist ul li .text a{
	font-size: 18px;
	font-weight: 300;
}
.base_piclist ul li:hover .img img{
	transform: scale(1.1);
}
.base_piclist ul li:hover .text span,.base_piclist ul li:hover .text a{
	color: var(--color);
}
.base_inpiclist ul li {
	padding: 10px;
}
.base_inpiclist ul li .img{
	height: 220px;
}

.addContent{
	background: url(../images/addbg.png) center no-repeat;
}
.addContent .content{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}
.addContent .content h3{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	color:#d4ecff
}
.addContent .content p{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 15px;
}
.addContent .content p:nth-child(3){
	font-weight: 600;
}
.addContent .content a{
	display: block;
	width: 140px;
	height: 50px;
	background: #d4ecff;
	color: var(--color);
	font-weight:bold;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	border-radius: 10px;
	transition: all 0.3s;
}
.addContent .content a:hover{
	background: #e1edff;
}

.container2{
	padding: 50px 0;
}
.container2 .title{
	text-align: center;
}
.container2 .content{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 300px;
}
.container2 .content .img{
	border-radius: 50%;
	width: 240px;
	height: 240px;
	box-shadow: 0 0 3px rgba(0 0 0/28%);
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -120px 0 0 -120px;
}
.container2 .content .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.container2 .content  .item{
	display: flex;
	align-items: center;
	width: 350px;
	position: absolute;
}
.container2 .content  .item .fa{
	display: block;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	color: #fff;
	background: var(--color);
	text-align: center;
	line-height: 60px;
	font-size: 28px;
}
.container2 .content  .item div{
	padding: 15px;
}
.container2 .content  .item h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.container2 .content  .item p{
	font-size: 16px;
	font-weight: 300;
}

.container2 .content  .item1{
	top: 0;
	left: 0;
}

.container2 .content  .item2{
	top: 0;
	right: 0;
	text-align: right;
}

.container2 .content  .item3{
	bottom: 0;
	left: 0;
}

.container2 .content  .item4{
	bottom: 0;
	right: 0;
	text-align: right;
}

.container3{
	padding: 50px 0;
	margin-bottom: 50px;
	background: #f9f9f9;
}

.container3 .title{
	text-align: center;
}

.container3 .content{
	display: flex;
	width: 1200px;
	margin: 0 auto;
	padding-top: 30px;
}

.container3 .xjleft{
	width: 50%;
	position: relative;
}
.container3 .xjleft .imgbg{
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 3;
	margin-left: -160px;
	width: 300px;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 6px rgba(0 0 0/18%);
	border-radius: 50%;
	background: #fff;
}
.container3 .xjleft .linebg{
	width: 400px;
	height: 300px;
	border-radius: 50%;
	border-top: 1px dashed #ffa700;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -200px;
}
.container3 .xjleft span{
	width: 80px;
	height: 80px;
	border:5px solid #fff;
	display: block;
	border-radius: 50%;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	box-shadow: 0 3px 6px rgba(0 0 0/18%);
	position: absolute;
	z-index: 2;
}
.container3 .xjleft span:nth-child(1){
	left: 50px;
	top: 130px;
}
.container3 .xjleft span:nth-child(2){
	left: 170px;
	top: 30px;
}
.container3 .xjleft span:nth-child(3){
	left: 330px;
	top: 30px;
}
.container3 .xjleft span:nth-child(4){
	left: 450px;
	top: 130px;
}
.container3 .xjleft span:after{
	display: block;
	content: "";
	height: 300px;
	border-left: 1px dashed #ffa700;
	position: absolute;
	left: 50%;
	top: 85px;
}
.container3 .xjleft span:nth-child(1):after{
	transform: rotate(-45deg);
	left: 180px;
	top: 25px;
	height: 300px;
}
.container3 .xjleft span:nth-child(2):after{
	transform: rotate(-15deg);
	left: 85px;
	top: 75px;
}
.container3 .xjleft span:nth-child(3):after{
	transform: rotate(15deg);
	left: -20px;
	top: 75px;
}
.container3 .xjleft span:nth-child(4):after{
	transform: rotate(45deg);
	left: -110px;
	top: 20px;
}


.container3  .xjright{
	width: 50%;
}
.container3  .xjright .item{
	display: flex;
	margin-bottom: 20px;
	background: #f2f2f2;
	box-shadow: 0 3px 6px rgba(0 0 0/18%);
}
.container3  .xjright .item .img{
	width: 180px;
	height: 120px;
	overflow: hidden;
	padding: 10px;
}
.container3  .xjright .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.container3  .xjright .item  .text{
	padding: 15px;
}
.container3  .xjright .item  .text h3{
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}
.container3  .xjright .item  .text p{
	font-weight: 300;
	font-size: 16px;
}

.aboutContainer{
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: flex;
	background: #f2f2f2;
	box-shadow: 0 3px 6px rgba(0 0 0/18%);
}
.ableft{
	width: 50%;
}
.ableft img{
	width: 100%;
}
.abright{
	width: 50%;
	padding: 30px;
}
.abright p{
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}

.footWrap{
	background: #333;
}
.foot-nav{
	border-bottom: 1px solid rgba(255 255 255/10%);
}
.foot-nav ul{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.foot-nav ul li{
	width: 20%;
	border-right: 1px solid rgba(255 255 255/10%);
	text-align: center;
}
.foot-nav ul li:last-child{
	border-right:0;
}
.foot-nav ul li a{
	display: block;
	color: #fff;
}
.foot-nav ul li a:hover{
	color: #ffcd03;
}
.footer{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
.foot-logo{
	min-width: 300px;
}
.foot-contact{
	color: #fff;
}
.foot-contact p{
	margin-bottom: 10px;
}
.foot-contact p i{
	margin-right: 5px;
}
.ewm{
	width: 125px;
	height:125px;
}
.ewm img{
	width: 100%;
}

.copyright{
	border-top:1px solid rgba(255 255 255/10%);
	text-align: center;
	padding: 10px 0;
	color: #fff;
}


/*内页*/

.main_body{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	display:flex;
}
.lg-classify{
	width: 240px;
	margin-right: 30px;
	flex-shrink: 0;
}
.lg-classify .title{
	background: var(--color);
	padding: 30px 0;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 600;
}
.lg-classify .title span{
	margin-bottom: 0;
}

.lg-classify .subtitle{
	border: 1px solid #eee;
}
.lg-classify .subtitle a{
	display: block;
	height: 50px;
	border-bottom: 1px solid #eee;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
}
.lg-classify .subtitle a:last-child{
	border-bottom: 0;
}
.lg-classify .subtitle a.act{
	background: rgba(0 0 0/5%);
	color: var(--color);
}

.right{
	width: 100%;
}
.location{
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	color: #999;
}
.location span,.location a{
	color: #999;
}
.location a{
	margin: 0 5px;
}
.location a:hover{
	color: var(--color);
}

.right .content{
	padding: 20px 0;
}
.contenthead {
	width: 100%;
	margin: 15px auto;
	border-bottom: #ccc dashed 1px;
}

.contenthead h1 {
	text-align: center;
	font-size: 20px;
}

.contenthead h2 {
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	color: #999;
}

.contentmain {
	margin: 0 auto;
	padding: 0 15px;
	color: #333;
	line-height: 1.8;
	word-wrap: break-word;
	font-size: 16px;
}

.contentmain p {
	margin: 0 0 10px 0;
}

.contentmain img {
	border: none;
	max-width: 100%;
}

.contentfooter {
	margin: 20px 0;
	color: #999;
}

.contentfooter a {
	color: #999;
}

.contentfooter a:hover {
	color: #2ea2c5;
}
/*page*/
.Pager {
	padding: 10px 20px;
	text-align: center;
}

.Pager:after {
	content: "";
	clear: both;
	display: block;
}

.Pager a,
.Pager span {
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 3px 3px;
	line-height: 30px;
	color: #333;
	text-align: center;
}

.Pager a {
	width: 30px;
	height: 30px;
}

.Pager span {
	padding: 0 10px;
}

.Pager a.fa {
	padding: 0 10px;
}

.Pager a.act {
	background: var(--color);
	color: #fff;
	font-weight: bold;
}

.Pager a:hover {
	color: var(--color);
	background: #f9f9f9;
}

.Pager a.act:hover {
	background: var(--color);
	color: #fff;
	cursor: text;
}

.Pager a.fa.lcok {
	color: #ccc;
	background: #fff;
	cursor: text;
}

/*文字列表*/
.base_textlist{
	
}
.base_textlist ul{
	
}
.base_textlist ul li{
	border-bottom: 1px dashed #ccc;
	display: flex;
	align-items: center;
}
.base_textlist li dl {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	margin: 0 30px;
	position: relative;
	transition: all 0.2s;
}

.base_textlist li dl dt {
	padding: 15px 10px 5px 10px;
	font-size: 20px;
	line-height: 20px;
	font-family: Impact;
	color: #333;
	position: relative;
	z-index: 2;
}

.base_textlist li dl dd.txt {
	padding: 5px 10px 15px 10px;
	font-size: 16px;
	line-height: 20px;
	font-family: Impact;
	color: #999;
	position: relative;
	z-index: 2;
}

.base_textlist li dl dd.icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 80px;
	font-size: 60px;
	color: rgba(0 0 0/5%);
	z-index: 0;
}

.base_textlist li .text{
	
}
.base_textlist li .text a{
	font-size: 16px;
}