@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1600px) {
.w {
    width: 1400px;
}
}

@media screen and (max-width:1400px) {
.w {
    width: 1200px;
}
}

@media screen and (max-width:1200px) {
.w {
    width: 1100px;
}
}
@media screen and (max-width:1000px) {
.head .Close_btn_shad {width:100%;height:0;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0, 0, 0, 0.3);transition:0.3s all;}
.head .Close_btn_shad.active {height:100%;}
.head .Close_btn {display:block;}
.head .nav .subnav,.head .Close_btn h2{display:none;}

.head .nav {
	 width:180px;
	 position:fixed;	 
	 right:-300px;
	 top:0px;
	 height:100%;
	 overflow:auto;
	 background:#fff;
	 transition:0.6s all;	
	 visibility:visible;
	 z-index:888;
}
.head .nav::before{
	left: 20px;
	bottom: 20px;
	width: 140px;
	height: 35px;
	background: url("../logo-b.png") no-repeat;
	background-size: 100%;
}
.head .nav li h2{
	color: #222;
	line-height: 50px;;
}
.head .nav li.yes h2, .head .nav li:hover h2, .head .nav li.yes:hover h2 {
    color: #066E6B;
}
.head .nav li.yes:before{
	width: 3px;
	height: 20px;
	background: #066E6B;
	top: 15px;
	left: -40px;
}
.head .nav li:nth-child(1){
	margin-top: 40px;
}
.head .nav.active {
	 right:0px;
	 visibility:visible;
}
.head_xs {
    height: 30px;
}
.box {
    padding: 20px 0px;
}
.w {
    width: calc(100% - 20px);
    float: left;
	margin-left: 10px;
}
.head{
	padding: 10px 0px 0 0;
	height:auto;
	position:relative;
}
.head .w{width:100%;margin:0px;}
.head .logo{margin:0 0 10px 10px;}
.head .logo img {
    height: 30px;	
}
.head .ttel{display:block;margin-right:10px;font-size:18px;font-weight:bold;line-height: 30px; padding-left:25px;background:url("../tel.png") no-repeat 0 4px;background-size:20px;}
.banner .hd{
	bottom: -5px;
	margin-left: -35px;
}
.banner .hd ul li {
    margin: 0 3px;
    width: 6px;
    height: 6px;
}
.banner .bd .prev, .banner .bd .next{
	display: none;
}
.title h2 {
    font-size: 22px;
}
.title h3 {
    font-size: 14px;
}
.title h3:before, .title h3:after {
    width: 20px;
    height: 1px;
    left: -25px;
}
.title h3:after {
    left: auto;
    right: -25px;
}
.about .txt {
    width: 100%;
}
.about .txt em {
    font-size: 50px;
}
.about .txt h2{
	font-size: 22px;
	line-height: 30px;
}
.about .txt h3{
	font-size: 18px;
}
.about .txt p{
	line-height: 30px;
	font-size: 14px;
}
.about .txt a{
	margin: 0 auto;
	display: table;
	margin-top: 20px;
}

.about .pic{width:100%;float:left;margin-top:20px;}
.about .pic img{display:none;}
.about .pic li em{font-size:20px;line-height:24px;}
.about .pic li:nth-child(2){padding: 0 35px;}
	
.chanpin .hd {width:100%;border-radius:6px;}
.chanpin .hd ul li{line-height:20px;padding:5px;border-radius:6px;font-size:14px;}
	
.chanpin .bd {
	margin-top: 0px;
}
.chanpin .bd ul {
    margin-left: -10px;
	zoom: 1;
}
.chanpin .bd li {
    width: calc(50% - 10px);
    margin: 10px 0 0px 10px;
}
.chanpin .bd li h2 {
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 30px;
	height:30px;
	overflow:hidden;
}
	
.youshi ul{margin-top:0px;}
.youshi li{width:100%;display:flex;justify-content:space-between;}
.youshi li em{display:none;}
.youshi li h2{font-size:18px;line-height:30px;padding-bottom:5px;margin:0px;font-weight:bold;}
.youshi li h2:before{width:40px;bottom:0px;}
.youshi li p{font-size:14px;margin-top:10px;line-height:20px;height:60px;overflow:hidden;}
.youshi li .pic{width:40%;float:left;height:125px;overflow:hidden;}
.youshi li .pic img{width:auto;height:125px;}
.youshi li .txt{width:calc(60% - 0px);padding:10px;height:auto;margin-bottom:10px;}

.kehu {display:none;}
.m_kehu {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
	display:block;
}
.m_kehu .hd {
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -45px;
    z-index: 1;
}
.m_kehu .hd ul {zoom: 1;}
.m_kehu .hd ul li {
    float: left;
    margin: 0 3px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    background: #ccc;
    border-radius: 20px;
    position: relative;
    text-indent: -9999px;
}
.m_kehu .hd ul li.on {
    background: #0000FE;
}
.m_kehu .bd {
	width: 100%;
	float: left;
    position: relative;	
}
.m_kehu .bd li {
    zoom: 1;
    vertical-align: middle;
    width: calc(50% - 15px);
	float: left;
    margin:0 5px;
}
.m_kehu .bd li img{border-radius:4px;}
.m_kehu .bd li h2{
	width:100%;
	font-size: 14px;
	line-height: 30px;
	height:30px;
	overflow:hidden;
}
	
.news {
    width: calc(100% - 0px);
	margin:0px;
}
.news ul{margin-left:0px;}
.news li{width:calc(100% - 20px);margin:0px 0 10px 0px;padding:10px;padding-bottom:35px;}
.news li time{left:10px;}
.news li h2{font-size:16px;}
.news li:nth-child(1){height:275px;padding-bottom:10px;overflow:hidden}
.news li:nth-child(1) a{margin:5px 0;}

.news li:nth-child(6),.news li:nth-child(7),.news li:nth-child(8),.news li:nth-child(9),.news li:nth-child(10){display:none}	

.anli ul {
    margin-left: -10px;
}
.anli li {
    width: calc(50% - 10px);
    margin: 5px 0 5px 10px;
}
.anli li h2 {
    width: calc(100% - 0px);
    font-size: 16px;
    line-height: 34px;
}
.foot{padding-bottom:5px;}
.foot dd p:last-child{display:none;}

/*底部导航*/
.sj_map{width:calc(100% - 80px);position:fixed;left:0;top:0;display:block;overflow:hidden; z-index:88;}
.sj_map a{width:40px;float:left;height:40px;line-height:40px;text-align:center;display:block;position:relative;}
.sj_map a:before{width:18px;height:26px;background:url("../ico.png") no-repeat 0 -500px;background-size:100%;left:10px;top:6px;}
.sj_map a:last-child{width:100%;text-indent:50px;}
.sj_map a:last-child:before{background-position:0 -100px;background-size:9px;}
.sj_map a:nth-child(1){position:absolute;left:30px;z-index:5;}
.sj_map a.bz{background:url("../bz.png") #fff no-repeat 10px 5px;background-size:30px;left:0px;}
.sj_map a.bz:before{display:none;}
.wap_nav {width:calc(100% - 10px);padding:0 10px 3px 0;position:fixed;left:0;bottom:0;display:block;background:#fff;box-shadow:0 5px 30px rgba(0,0,0,0.2);backdrop-filter:blur(20px);transition:background-color .3s ease;z-index:66;}
.wap_nav a {width:19%;float:left;text-align:center;font-size:12px;line-height:12px;position:relative;}
.wap_nav a:before{width:46px;height:46px;background:#fff;left:50%;margin-left:-23px;top:-6px;border-radius:60px;visibility:hidden;z-index:-1;}
.wap_nav a i {width:30px;height:30px;margin:0 auto;display:table;position:relative;z-index:3;top:-2px;}
.wap_nav a i:before{width:18px;height:19px;left:6px;top:6px;background:url(../wap_nav.png)  no-repeat;background-size:100%;}
.wap_nav a h2{font-size:14px;position:relative;z-index:3;}
.wap_nav a.yes h2{color:#0052D9;}
.wap_nav a.yes i{background:#0052D9;background:linear-gradient(-40deg,#0052D9 40%,#06F4F2);border-radius:30px;}
.wap_nav a.yes:before{visibility:visible;}
.wap_nav a:nth-child(2) i:before{background-position:0 -48px;}
.wap_nav a:nth-child(3) i:before{background-position:0 -99px;}
.wap_nav a:nth-child(4) i:before{background-position:0 -145px;}
.wap_nav a.yes:nth-child(1) i:before{background-position:0 -23px;}
.wap_nav a.yes:nth-child(2) i:before{background-position:0 -74px;}
.wap_nav a.yes:nth-child(3) i:before{background-position:0 -120px;}
.wap_nav a.yes:nth-child(4) i:before{background-position:0 -171px;}
.wap_nav a:last-child{position:absolute;right:5px;background:#0052D9;background:linear-gradient(to right,#0052D9,#1BA1F6);border-radius:30px;top:5px;color:#fff;line-height:35px;height:35px;width:50px;text-align:left;padding-left:40px;}	
.wap_nav a:last-child:after{width:18px;height:18px;background:url("../ftel.png");background-size:100%;left:10px;top:9px;animation:tel ease-out 1s infinite;}
.wap_nav a:last-child b{width:18px;height:18px;position:absolute;background:url("../ftel.png") no-repeat 0px -20px;background-size:100%;left:14px;top:5px;z-index:2;animation:more_down ease-out 0.5s infinite;}
.wap_nav a:last-child b:nth-child(2){background-position:0px -43px;left:15px;top:5px;animation:more_down ease-out 1s infinite;}
.wap_nav a:last-child b:nth-child(3){background-position:0px -65px;left:15px;top:4px;animation:more_down ease-out 1.5s infinite;}

/* 二级页样式开始 */
.home,.fnav{display:none;}
.m_nav {
    width: calc(100% - 30px);
    float: left;
    position: relative;
    background: #0000FE;
    display: block;
    height: 30px;
    overflow: hidden;
    padding: 5px 20px 5px 10px;
	z-index: 88;
}
.m_nav .con {
    width: 100%;
	display:flex;
	flex-wrap:wrap;	
}
.m_nav .more {
    width: 30px;
    height: 100%;
    position: absolute;
    right: -5px;
    top: 0px;
    cursor: pointer;
    z-index: 10;
    text-indent: -9999px;
    display: none;
    background: linear-gradient(to right, #0000FE, rgba(255,255,255,.20));
}
.m_nav .more:before {
    width: 12px;
    height: 14px;
    background: url("../up.png") no-repeat 0px -20px;
    background-size: 100%;
    left: 4px;
    top: 12px;
}
.m_nav.active .more:before {
    background-position: 0 -34px;
}
.m_nav.active {
    height: auto;
    transition: 0.3s ease-out;
}
.m_nav .con a {
    height: 30px;
    line-height: 30px;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    color: #FFF5F4;
    margin-right:20px;
}
.m_nav a:hover {
    color: #fff;
}
.m_nav a.cur {
    color: #fff;
    font-weight: bold;
}
.list-ban {
    height: 180px;
	display:none;
}
.list-ban .mit{
	display: block;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -40px;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}
.list-ban .mit:before{
	content:"···";
	font-size: 34px;
	color: rgba(255,255,255,.60);
	left: 36px;
	bottom: -30px;
}
.let {
    width: 100%;
}
.lnav{background:none;margin:0px;padding:0px;}	
.lnav dt,.lnav dd a.cur:before{display:none}	
.lnav dd{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0;}	
.lnav dd a{line-height:40px;margin-bottom:10px;}
	
	
.rit{
	width: 100%;
	float: left;
	padding: 0px;
	background: none;
}
.rit{
	margin: 0px;
}

.list_pin ul {
    margin-left: -10px;
}
.list_pin li {
    width: calc(50% - 10px);
    margin: 10px 0 0px 10px;
}
.list_pin li h2 {
    width: calc(100% - 0px);
    font-size: 14px;
    line-height: 40px;
	height:40px;
	overflow:hidden;
}
	
.list_pic {
    margin-left: -10px;
}
.list_pic .pcon {    
    width: calc(50% - 10px);
    margin-left: 10px;
}
.list_pic .pcon a {
    margin: 10px 0 0 0;
	border: solid 1px #fff;
	border-radius: 6px;
}
.list_pic .pcon h2 {
    width: calc(100% - 20px);
    padding: 0px 10px;
    font-size: 14px;
	height: 30px;
	line-height: 30px;
	background: #fff;;
}
.list_pic .pcon a:hover h2{color: #066E6B;}
.list_pic .pcon a:after{
	display: none;
}
.show-map,.hot-news {display:none;}

.list-news li{
	margin: 5px 0;
	width: calc(100% - 20px);
	padding: 10px;
	background:#fff;
	border-radius:6px;
}
.list-news li h2{
	font-size: 16px;
}
.list-news li p {
	line-height: 20px;
	height: 40px;
	font-size:12px;
}
.list-news li em{
	font-size: 12px;
	float: right;
	margin-top:10px;
	padding:0 12px 0 10px;
}
.list-news li em:before{right:0px;}
.list-news li:hover em:before{right:0px;}

.list-news li time{
	display:none;
}

.show-pag{
	margin-top: 20px;
}
.show-pag h2{
	font-size: 18px;
	margin-bottom:0px;
}
.show-pag h3{
	font-size: 20px;
	margin-bottom: 10px;
}
.show-pag p {
    font-size: 16px;
    line-height: 30px;
    text-indent: 18px;
}

.stit {
	margin: 20px 0;
}
.stit::before {
    width: 100%;
    height: 1px;
    background: #ccc;
    left: 0px;
    bottom: 9px;
}
.stit h2 {
    font-size: 22px;
	line-height: 32px;
    margin-bottom: 10px;
}
.stit p {
    padding: 0 10px;
	background: #F5F5F5;
	font-size:12px;
}
.stit p::before, .stit p::after {
    background: #ccc;
}
.stit p::after {
    left: auto;
    right: 0;
}
.show-next {
    margin-top: 20px;
}
.show-next a {
    width: calc(50% - 15px);
    font-size: 14px;
    text-align: left;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 5px;
}



































}