@font-face {
  font-family: "iconfont"; /* Project id 2805482 */
  src: url('../font/iconfont.woff2?t=1631327682172') format('woff2'),
       url('../font/iconfont.woff?t=1631327682172') format('woff'),
       url('../font/iconfont.ttf?t=1631327682172') format('truetype');
}
div,form,img,ul,ol,dl,dt,dd,em,i,h2,h3,h4,span,b,p{padding:0;
 border:0;margin:0;
 list-style: none;font-style:normal;
}
a{text-decoration: none;}
body,html{
   font-family:"微软雅黑";
   outline: 0;
   font-size: 20px;
   margin:0 auto;
   -webkit-text-size-adjust:none;
   background: #fff;
   overflow-x: hidden;
}
.mt45{margin-top: 45px;}
.mt60{margin-top: 60px;}
.clearboth{ clear: both;}
.box{
	width: 1660px; 
	margin:0 auto;
}
.box2{
	width: 1300px; 
	margin:0 auto;
}
.topbox{
	width: 100%;
	height: 90px;
	background-color: #FFF;
}
.topbox .logo{
	width: 423px;
	height: 90px;
	float: left;
}
.topbox .layui-nav{
	height: 90px;
	float: left;
	margin-left: 60px;
	padding: 0;
	background: none!important;
}
.layui-nav *{
	font-size: 16px;
}
.topbox .layui-nav .layui-nav-bar{ display: none;}
.topbox .layui-nav .layui-nav-more{ display: none;}
.topbox .layui-nav .layui-nav-item{
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 16px!important;
	font-weight: bold;
	color: #343434;
	float: left;
	position: relative;	
}
.topbox .layui-nav .layui-nav-item a:link,
.topbox .layui-nav .layui-nav-item a:visited{
	color: #343434;
	text-decoration: none;
}
.topbox .layui-nav .layui-nav-item a:hover{
	color: #343434;
	text-decoration: none;
}
.topbox .layui-nav .layui-nav-item .layui-nav-child{	
	width: 170px;
	position: absolute;
	background-color: rgba(255, 255, 255, 1);
	zoom: 1;
	border-radius: 0;
	box-shadow:0 0 0;
	border-top:4px solid #0089e1;
	margin-top: 20px;
	left: -40px;
	z-index: 10000;
}
.topbox .layui-nav .layui-nav-item .layui-nav-child dd{
	width: 170px;
	min-height: 24px;
	float: left;
	line-height: 24px;	
	padding:0;
	font-weight: normal;
}
.topbox .layui-nav .layui-nav-item .layui-nav-child dd.layui-this,
.layui-nav .layui-nav-child dd.layui-this a{ background: none!important;}
.topbox .layui-nav .layui-nav-item .layui-nav-child dd a{
	float: left;
	width: 130px;
	line-height: 24px;
	min-height: 24px;
	margin: 0 auto!important;
	padding: 10px 20px;	
	white-space: normal;
	font-size: 14px!important;
	border-bottom: 1px solid #efefef;
}
.topbox .layui-nav .layui-nav-item .layui-nav-child dd a:hover{	
	background: #0089e1;
	color: #FFF;
}


.topbox .top_tel{
	width: 182px;
	height: 90px;
	float: left;
	margin-left: 54px;
	line-height: 90px;
	color: #666;
	font-family: "微软雅黑";
	position: relative;
}
.topbox .top_tel::before{
	content: "\e688";
	font-family: "iconfont";
	color: #9b9b9b;
	font-size: 40px;
}
.topbox .top_tel span{
	width: 100%;
	height: 18px;
	line-height: 18px;
	position: absolute;
	left: 46px;
	top: 27px;
	font-size: 14px;
	color: #222;
}
.topbox .top_tel em{
	width: 100%;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 46px;
	top: 46px;
	font-size: 18px;
	color: #d92b2b;
	font-weight: bold;
}
.flashbox{
    width: 100%;
    display: block;
	position: relative;
}
.flashbox .txt-1{
	width: 100%;
	position: absolute;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #FFF;
	font-size: 60px;
	z-index: 999;
	top: 155px;
}
.flashbox .txt-2{
	width: 100%;
	position: absolute;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #FFF;
	font-size: 36px;
	z-index: 999;
	top: 265px;
}

.more3{
	width: 100%;
	height: 52px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.more3 a{
	width: 248px;
	height: 50px;
	border: 1px solid #eee;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.more3 a::after{
	content: "\e603";
	margin-left: 20px;
	font-family: "iconfont";
}

.more4{
	width: 100%;
	height: 52px;
	display: flex;
	flex-direction: row;
	justify-content: center;	
}
.more4 a{
	width: 248px;
	height: 50px;
	border: 1px solid #009d42;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	background-color: #009d42;
}
.more4 a::after{
	content: "\e603";
	margin-left: 20px;
	font-family: "iconfont";
}
/* 关于我们 */
.index_about{
	width: 100%;
	height: 470px;
	margin-top: 114px;
	float: left;
}
.index_about .left{
	width: 680px;
	float: left;
}
.index_about .left h3{
	width: 100%;
	height: 57px;
	float: left;
	line-height: 57px;
	font-size: 36px;
	color: #000;
	margin-top: 15px;
}
.index_about .left em{
	width: 100%;
	height: 48px;
	float: left;
	line-height: 48px;
	font-size: 26px;
	color: #000;
}
.index_about .left p{
	width: 100%;
	height: 215px;
	float: left;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	margin-top: 28px;
}
.index_about .left .txt{
	width: 100%;
	height: 53px;
	float: left;
	margin-top: 53px;
}
.index_about .left .txt .aa{
	width: 148px;
	height: 51px;
	float: left;
	font-size: 16px;
	color: #666;
	line-height: 51px;
	border: 1px solid #d6d6d6;
	position: relative;
	padding-left: 50px;
}
.index_about .left .txt .aa::after{
	position: absolute;
	left: 122px;
	top: 3px;
	content: " \e8f9";
	font-size: 24px;
	font-family: "iconfont";
}

.index_about .right{
	width: 550px;
	height: 470px;
	float: right;
}
.index_about .right .pic{
	width: 546px;
	height: 466px;
	border: 2px solid #ddd;
}
/* 内页导航 */
.about_nav_box{
	width: 100%;
	height: 70px;
	background-color: #f8f8f8;
}
.about_nav{
	float: left;
	height: 70px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.about_nav a{
	width: 135px;
	height: 70px;
	color: #666;
	display: inline-block;
	font-size: 16px;
	line-height: 70px;
	margin-right: 20px;	
	text-align: center;	
	position: relative;
}
.about_nav a:hover,.about_nav a.active{
	color: #0089e1;
}
.about_nav a:hover::after,.about_nav a.active::after{
	content: "";
	width: 135px;
	height: 9px;
	position: absolute;
	left: 0;
	bottom: -5px;
	background: url(../img/1.png) no-repeat;
}
/* 内页导航2 */
.about_nav2{
	float: left;
	width: 100%;
}
.about_nav2 a{
	/*width: calc((100% - 90px) / 5);*/
	height: 48px;
	float: left;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #333;
	line-height: 48px;
	margin-right: 20px;	
	border-radius: 5px;
	text-align: center;	
	margin-top: 20px;
	padding: 0 25px;
}
.about_nav2 a:nth-child(5n){ margin-right: 0;}
.about_nav2 a:hover,.about_nav2 a.active{
	color: #FFF;
	border: 1px solid #0089e1;
	background-color: #0089e1;
}
/* 详情页 */
.title{
	width: 100%;
	line-height: 40px;
	float: left;
	margin-top: 50px;
	text-align: center;
	font-size: 30px;
	color: #022241;
	padding: 24px 0;
}
.basic{
	width: 100%;
	line-height: 45px;
	float: left;
	border-bottom: 1px dotted #e5e5e5;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.content{
	width: 100%;
	float: left;
	line-height: 37px;
	color: #333;
	font-size: 16px;
	padding: 30px 0;
}
.content img{max-width: 100%!important; height:auto!important;}
.prev_next_box{
	width: 100%;
	height: 93px;
	float: left;
	border-top: 1px dotted #e5e5e5;
	padding-top: 25px;
	line-height: 27px;
	color: #666;
	font-size: 14px;
}

.txt-title{
	width: 100%;
	height: 90px;
	float: left;
	background: url("../img/t1.jpg") no-repeat center bottom;
	position: relative;
}
.txt-title h2{
	width: 100%;
	height: 88px;
	position: absolute;
	line-height: 88px;
	color: #000;
	font-size: 42px;
	text-align: center;
	z-index: 2;
}
.txt-title em{
	width: 100%;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 54px;
	color: #eee;
	font-size: 42px;
	text-align: center;
	z-index: 1;	
}
.txt-title2{
	width: 100%;
	height: 90px;
	float: left;
	background: url("../img/t2.jpg") no-repeat center bottom;
	position: relative;
}
.txt-title2 h2{
	width: 100%;
	height: 88px;
	position: absolute;
	line-height: 88px;
	color: #fff;
	font-size: 42px;
	text-align: center;
	z-index: 2;
}
.txt-title2 em{
	width: 100%;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 54px;
	color: #58b2fa;
	font-size: 42px;
	text-align: center;
	z-index: 1;	
}
.txt-title3{
	width: 100%;
	float: left;
}
.txt-title3 h3{
	width: 100%;
	height: 47px;
	line-height: 47px;
	color: #333;
	font-size: 36px;	
}
.txt-title3 span{
	width: 100%;
	height: 27px;
	line-height: 27px;
	color: #999;
	font-size: 16px;
	font-weight: bold;
}
/* 分页样式 */
.pages{
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.pages .pagination{ text-align: center;}
.pages .pagination li { display: inline-block; background: #fff;
    color: #666; margin-right: 2px;border: 1px solid #ddd;text-align: center;
    font-size: 16px; padding:3px 10px; border-radius: 3px;
}
.pages .pagination li.active {background: #c00;color: #fff; border: 1px solid #c00;}
.pages .pagination li a {display: block;text-align: center; color: #666;border:0; padding: 0;}
/* 底部样式 */
.bt_box{
	width: 100%;
	height: 580px;
	background: url("../img/06.jpg");
}
.bt{
	width: 100%;
	height: 580px;
	position: relative;
}
.bt-1{
	width: 540px;
	height: 530px;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
}
.bt-1 .pic{
	width: 501px;
	height: 107px;
	margin-top: 47px;
	border: 0;
}
.bt-1 .txt{
	width: 540px;
	height: 65px;
	line-height: 65px;
	color: #FFF;
	font-size: 18px;
	padding-left: 32px;
	position: relative;
}
.bt-1 .txt::before{
	content: "\e672";
	position: absolute;
	left: 0;
	top: 31px;
	height: 22px;
	width: 22px;
	line-height: 22px;
	font-size: 18px;
	text-align: center;
	font-family: "iconfont";
}
.bt-1 .txt i{font-size: 40px;font-weight: bold;}

.bt-1 .txt2{
	width: calc(100% - 32px);
	height: 40px;
	line-height: 40px;
	color: #dadada;
	font-size: 16px;
	padding-left: 32px;
	position: relative;
}
.bt-1 .txt2::before{
	content: "\e610";
	position: absolute;
	left: 0;
	top: 8px;
	height: 22px;
	width: 22px;
	border-radius: 13px;
	line-height: 22px;
	font-size: 18px;
	text-align: center;
	font-family: "iconfont";
}
.bt-1 .txt3{
	width: calc(100% - 32px);
	height: 40px;
	line-height: 40px;
	color: #dadada;
	font-size: 16px;
	padding-left: 32px;
	position: relative;
}
.bt-1 .txt3::before{
	content: "\e612";
	position: absolute;
	left: 0;
	top: 8px;
	height: 22px;
	width: 22px;
	border-radius: 13px;
	line-height: 22px;
	font-size: 18px;
	text-align: center;
	font-family: "iconfont";
}

.bt-2{
	width: 1125px;
	height: 270px;
	position: absolute;
	left: 505px;
	top: 47px;
	display: flex;
	flex-direction: row;
	justify-content: left;
}
.bt-2 .bt-2-1{
	width: 90px;
	height: 270px;
	display: flex;
	flex-direction: column;
	margin-left: 40px;
}
.bt-2 .bt-2-1 h3{
	width: 100%;;
	height: 53px;
	line-height: 53px;
	color: #FFF;
	font-size: 16px;
}
.bt-2 .bt-2-1 .items{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.bt-2 .bt-2-1 .items .item{
	width: 100%;
	height: 31px;
	font-size: 14px;
	color: #cbcbcb;
	line-height: 31px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bt-3{
	width: 120px;
	height: 156px;
	position: absolute;
	right: 50px;
	top: 320px;
	display: flex;
	flex-direction: column;
}
.bt-3 .pic{
	width: 120px;
	height: 120px;
}
.bt-3 .txt{
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
}


.footer{
	width: 100%;
	height: 48px;
	line-height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #e7e7e7;
	font-size: 14px;
	text-align: center;
}
.footer a:link,.footer a:visited,.bt a:link,.bt a:visited{
	color: #e7e7e7;
	text-decoration: none;
}
.footer a:hover,.bt a:hover{
	color: #e7e7e7;
	text-decoration: underline;
}


.layui-layer{background-color:rgba(0,0,0,0)!important;}
.jiajiatongzhi{
	width: 650px;
	height: 328px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;	
}
.jiajiatongzhi .close{
	width: 30px;
	height: 30px;
	position: absolute;
	background: url(../img/close1.png) no-repeat;
	background-size: 30px;
	top: -48px;
	right: 3px;
	cursor: pointer;
}
.jiajiatongzhi .left{
	width: 317px;
	height: 328px;
	position: absolute;
	left: 0;
	top: 0;
}
.jiajiatongzhi .left .pic{
	width: 317px;
	height: 328px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius:10px 0 0 10px;
}
.jiajiatongzhi .left .txt{
	width: 317px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 24px;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 5px;
}
.jiajiatongzhi .right{
	width: 263px;
	height: 328px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #FFF;
	border-radius:0 10px 10px 0;
	padding: 0 35px;
}
.jiajiatongzhi .right .txt{
	width: 100%;
	height: 50px;
	float: left;
	line-height: 25px;
	margin-top: 30px;
}
.jiajiatongzhi .right .input-txt{
	width: 230px;
	height: 40px;
	float: left;
	margin-top: 23px;
	border-radius: 3px;
	border:1px solid #e5e5e5;
	padding: 0 14px;
	line-height: 40px;
}
.jiajiatongzhi .right .input-btn{
	width: 260px;
	height: 42px;
	float: left;
	margin-top:35px;
	border-radius: 3px;
	border:0;
	line-height: 42px;
	text-align: center;
	color: #FFF;
	background-color: #55d311;
}