@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#000; background:#FFF;   font-family: "Microsoft YaHei",  Verdana, sans-serif, "SimSun";  -webkit-text-size-adjust:none;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;  margin:0px; padding:0px;word-break:break-all;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100% }ul,li,p{ list-style-type:none; padding:0px; margin:0px;}img{ border:0px;}
a:link {color:#000;text-decoration: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
a:visited {text-decoration: none;color: #000;}a:hover {text-decoration: none;color: #000;}a:active {text-decoration: none;color: #333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;   box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: border-box;
    outline: none;
}#submenu li:after {
display:none;
}	




.w-all{ display:none;}
.banner{width:100%; overflow:hidden; max-width:1400px; margin:0 auto; margin-top:165px;}.banner img{ width:100%; display:block;}
.swiper img{ width:100%; display:block;}
body{box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;}
 body{font-family: "Microsoft YaHei Light", "Microsoft YaHei Light", "Microsoft YaHei", "Microsoft YaHei", Arial, Helvetica, sans-serif;}
.main{ max-width:1400px; margin:0 auto; overflow:hidden;}
.mainh{ max-width:1400px; margin:0 auto;}
.main_h{ max-width:100%; height:100px; margin:0 auto; display: flex;box-shadow: 12px 12px 25px rgb(0 0 0 / 12%); justify-content: space-between; }
.logo{ float:left; overflow:hidden; margin-left:2%; margin-top:10px; margin-bottom:0px;} .logo img{ width:90%;}
.headh{ width:100%; display:block;  position:fixed; z-index:9999;transition: all 0.9s; background:#FFF;}
.nav {width:auto; display:block;}

.headc{ position:fixed; width:100%; background:#FFFFFF; z-index:99999; top:0;}
.ban{ margin-top:150px;}
.nav {
	width:auto; display:block;
}
 .weix{ width:150px; height:150px; display:block;} .weix img{ width:100%;}
 .navul{display: flex; /* 使用Flexbox布局 */
  justify-content: space-around;}	
.nav li {
	position: relative;
	width:auto; z-index:9999; width:100%;
	}
	
.nav li:nth-child(n+2):after {
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 0;
    top: 0;
}	
		
.headb{width:100%; height:110px;}	
.inxex_bjb {
   
    overflow: hidden;
    margin-bottom: 0px; margin-top:20px;
}
.nav a {

font-weight:800;
	display: block;
	font-size:17px;
	padding: 8px 25px;

	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease; color:#FFF;
	
}
.nav p {
    font-size: 14px;
}
.nav li:hover a {
	
color:#f78f0a; 
}
.current a{
	color:#fff; }
	
	

.bj{ width:100%; display:block;}	
 
.bannera{ width:100%; display:block; margin-top:165px; overflow:hidden;} .bannera img{ margin:0 auto; display:block;}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top:57px;
	visibility: hidden;
	z-index: 1;
	width:100%;;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);left: 50%;
    transform: translateX(-50%);

}
li:hover ul#submenu { width:100%;
	opacity: 1;
	top: 57px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;

}

.xianc {
    width: 200px;
    height: 4px;
    background: #FF0000;
    margin: 0 auto;
    margin-top: 10px;
}





#submenu li {
	float: none;
	width: 100%;
	overflow:hidden;white-space:nowrap;
	border-bottom:0PX solid #ccc;


	



}
#submenu a:hover {
	background: #e6f7ff;
	color:#fe0001;

}
#submenu a { background:#3c89f2;
		font-weight:100;
			padding: 10px 20px;
				font-size:14px;
				text-align: center;
				min-width:64px;
				color:#fff;
					line-height:25px;
}

	
.header-active{ background:#fff;transition: all 0.9s;}



.lv_toptel{ float:right; color:#fe0001;  background:url(tel.png)  no-repeat center left ; text-indent:65px; font-family:"Microsoft Yahei"; background-size:40px 40px;background-position: 20px center;

font-size:33px; padding-right:15px; font-weight:bold; overflow:hidden; height:100px; line-height:100px;}
.nav li.current:before {
	width: 60%;	
} 


.head_a {
    background: #1167dc;
    width: 100%;  display:block;
}



.bj {
    width: 100%; background:url(d_bg.jpg) #f9f9f9; background-size: cover; 
    overflow: hidden; padding:100px 0 100px 0;
}

.bjend{ width:100%; overflow:hidden;  padding-bottom:10px;}
.titleindex {

    font-size: 35px; float:left;
    font-weight: bold; font-family:"Microsoft Yahei";
	
}

.titleindex p{ font-size:18px; font-weight: normal; color:#666;}


.titlenav {
    float:  right;
    margin-top: 20px; color:#FFFFFF!important;
}

.titlenav li{ float:left; overflow:hidden; margin-left:20px; font-size:16px; font-weight:bold; padding-top:10px;}	
	.hotpic {
    width: 100%;
    overflow: hidden; margin-top:50px;
}

.titlenav li a{ float:left; overflow:hidden; margin-left:20px; font-size:16px; font-weight:bold;!important; display:block;}	 .titlenav li a:hover{ color:#f66e00!important;}
	.hotpic {
    width: 100%; 
    overflow: hidden; margin-top:50px;
}


.boxx{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:40px;}	



.boxx li{  overflow:hidden;width:23.5%;transition: all 0.6s;  margin-bottom:2%; float:left; margin-right:2%;} 
.boxx img{ width:100%; display:block;transition: all 0.6s;aspect-ratio: 16/10;object-fit: cover; transition: all 0.3s;}
.boxx li:hover{  box-shadow: 0px 5px 37px 3px rgba(0, 0, 0, 0.08);}		
.boxx li p{font-size: 18px;
    box-sizing: border-box;
    padding: 18px; background:#FFF; text-align:center;
    color: #333;
    border: #f5f5f5 1px solid;}

.boxx li:hover .imgs img {
    transform: scale(1.1);
}



.boxx li:nth-child(4n+4) { margin-right: 0; float:right;}
.imgs{aspect-ratio: 16/10;object-fit: cover; overflow:hidden;}



.youshi{ overflow:hidden;
 background:url(youshi.jpg);
    background-position: center center; 
}

.youshia{ width:30%; overflow:hidden; float:left; color:#FFF; font-size:22px; font-weight:bold;}



.youshia p{font-size:45px; font-weight:bold; font-family:"Microsoft Yahei";}

.cbox{ float:right; overflow:hidden; width:68%;}


.cbox li{ width:25%; overflow:hidden; float:left; color:#FFF; font-size:20px; text-align:center;}

.but{ width:200px; float:left; overflow:hidden; background:#1167dc; text-align:center; line-height:50px; font-size:18px; color:#FFF; position:absolute; bottom:0px; left:0px;}

.pos{ width:100%; overflow:hidden; position:relative;padding-top: 150px; padding-bottom:150px;}

.top{ margin-top:50px; margin-bottom:0px;}
.bottom{ margin-bottom:30px;}
.sec2 {
    background: url(ab.jpg) no-repeat center center;
    background-size: 100%;
    object-fit: cover;
    padding: 100px 0;
}

.guan{ width:40%; float:left; overflow:hidden; color:#FFF; margin-top:50px;}

.guantxt{ font-size:36px; font-weight:bold; margin-bottom:50px; font-family: "Microsoft Yahei";}
.guantxt1{ width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:1.6; margin-bottom:50px;}


.but1{ width:180px; float:left; overflow:hidden; background:#0a4fac; position:relative; text-align:center; line-height:50px; z-index:2; font-size:18px; color:#FFF;  bottom:0px; left:0px;border-radius: 50px;}

.but1:after {
    content: "";
    width: 0px;
    height: 50px;
    background: #1167dc;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
    z-index: -1;
    border-radius: 3px;
}

.but1:hover:after {
    width: 100%;
}

.guanrig{ float:right; overflow:hidden; width:40%;}


.guanrig li{padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}


.txta {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}


.txta span{font-size: 53px; font-family:"Microsoft Yahei";}

.txtb {
    width: 47%;
    line-height: 26px;
    padding-top: 5px;
    color: #fff;
    font-size: 16px;
}

.guanrig li:last-child {  border-bottom: 0px solid rgba(255, 255, 255, 0.1);}



.news-set-top {
	float: left;
	width: 30%;
	padding: 30px 28px 27px 26px;
	background-color: #f7f7f7
}
.news-set-top .thumb {
	overflow: hidden
}
.news-set-top img {
	width: 100%;
	-webkit-transition: all ease .7s;
	-o-transition: all ease .7s;
	-moz-transition: all ease .7s;
	transition: all ease .7s
}
.news-set-top .title {
	margin-bottom: 11px;
	font-size: 20px;
	color: #333;
	display: -webkit-box;
	height: 60px;
	line-height: 30px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;font-weight: normal;
}
.news-set-top .date {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #999;
	font-weight: bold
}
.news-two .date, .news-four .date {
	font-size: 15px;
	line-height: 24px;
	color: #999
}
.news-two .date span, .news-two .date b, .news-four .date span, .news-four .date b {
	display: block;
	font-size: 50px;
	line-height: 48px;
	font-weight: bold
}
.news-two {
	float: right;
	width: 65%;
	margin: 0 0px
}
.news-two li {
	margin-bottom: 22px; width:47%; float:left;
	padding: 16px 45px 45px;
	background-color: #f7f7f7
}

.news-two li:nth-child(even) { float:right;  }








.news-two li a {
	display: block
}
.news-two .two-title {
	margin-bottom: 16px;font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}
.news-two .desc {
	font-size: 14px;
	color: #888;
	display: -webkit-box;
	height: 40px;
	line-height: 20px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news-two .date {
	margin-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;transition: all 0.3s;
	background: url("inewarr.png") 98% center no-repeat;
}


.news-two li:hover .date {

	background: url("inewarr.png") 100% center no-repeat;
}
.news-four {
	overflow: hidden;
	zoom: 1;
	background-color: #f7f7f7;
	padding: 18px 40px 15px 50px
}
.news-four li {
	border-bottom: 1px solid #e6e6e6
}
.news-four li:last-child {
	border: 0
}
.news-four a {
	position: relative;
	display: block;
	padding: 48px 90px 51px 90px;
	background: url("inewarr.png")98%  center no-repeat;transition: all 0.3s;
}

.news-four a:hover{background: url("inewarr.png")100%  center no-repeat  }


.news-four .date {
	position: absolute;
	left: 0;
	top: 31px
}
.news-four .four-title {font-weight: normal;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}
.news-four .desc {
	display: none;
	font-size: 0;
	line-height: 36px;
	color: #888;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}



.end {
    overflow: hidden;
    width: 100%;
    background: #333;
    color: #fff;
    padding: 80px 0 0 0; margin-top:50px;
}
.medf {
    width: 100%;
    background: #000;
    overflow: hidden;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #CCC;
    text-align: center;
}


.medf{ width:100%; background:#333; overflow:hidden; text-align: left; padding-top:10px; padding-bottom:10px; color:#CCC; text-align:center;}
.foontes{ width:10%; overflow:hidden; float:left; font-size:16px; margin-bottom:10px;}

.xoan{border-top: 1px solid rgba(255, 255, 255, 0.10); overflow:hidden; width:100%; padding-top:30px; padding-bottom:30px;}
.foontes a{ color:#000; margin-top:5px; font-size:17px;}

.medf a{ color:#ccc;}
.foontes p a{ color:#fff; font-size:14px; line-height:180%; margin-top:10px;}
.txtct{color:#fff; font-size:17px; width:30%; margin-left:8%; overflow:hidden;  line-height:180%; float:left;}.txtct a{ color:#FFF;}
.weix{ overflow:hidden; float: right;}.weix p{ text-align:center; margin-top:10px;}
.weix img{ width:140px; display:block;} 
.txtct p{ color: rgba(255, 255, 255, .66);margin-top:10px; line-height:180%; font-size:16px;}

.endright{display: flex; float:right;}
.endright ul {
    margin-left: 110px;
}



.endright ul li p {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.endright ul li a {
    font-size: 15.5px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    opacity: 0.6;
    transition: 1s;
}
footer .box1 .list1 .tt2 {
    font-size: 14px;
    color: rgba(255, 255, 255, .66);
    padding: 11px 0;
    line-height: 20px;
}


.tt2 div {
    font-size: 34px;
    color: #fff;
   
    line-height: 40px;
}


.comtitle{ width:100%; color:#0100fe; text-align:center;font-family:"Microsoft Yahei"; font-weight:bold; margin-top:40px; margin-bottom:30px;
    font-size: 40px;}

.comtitle span{ color:#0100fe;}

.comtitle p{ margin-top:0px; color:#0100fe; text-align:center; font-size:24px; font-weight:normal;}
.service{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px; }

.service li{width:23.333%;
    margin-right: 30px; margin-bottom:20px;
 background:#f9f9f9;
    padding: 50px 0; float:left;
    text-align: center;
    transition: all 0.2s ease-in;
    cursor: pointer;}
	.service li img{ text-align:center; display:block; margin:0 auto; width:80px; height:80px; }
	
	.service li p{ margin-bottom:30px; font-size:18px; margin-top:20px; color:#0033a0; font-weight:bold;}
	.dec {
    font-size: 14px;
    color: #848484;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 26px;
}
	
	
.more {
  width: 44px;
  height: 44px;
  background: #0033a0;
  text-align: center;
  line-height: 40px;
  font-size: 24px;
  color: #fff !important;
  margin-top: 44px;
  display: block;
  border-radius: 22px;
  transition: all 0.2s ease-in;margin: 24px auto 0;  color: #fff;
}	


.more a{ color:#FFF;}	
		.service li:hover .more {
  width: 52.43%;
}	

	
	
	

	
	
	.abo{ width:43%; float:left; overflow:hidden; margin-left:80px;}
	
		.aboa{ width:100%; overflow:hidden;   font-family:"Microsoft Yahei"; font-size:48px; font-weight:bold; position:relative;  color:#fe0001;
		
		
		text-shadow:
    -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF; 
		
		
		
		
		
		
		
		}
	
	
	.aboac::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 8px; /* 边线宽度 */
  height: 50%; /* 元素的高度 */
  background: #fff; /* 边线颜色 */top: 50%;
  transform: translateY(-50%);}
  .aboc{ width:100%; font-size:24px;  font-family:"Microsoft Yahei"; margin-top:40px; overflow:hidden; color:#FFF;}	
	
  .aboc p{ width:100%; overflow:hidden; font-weight:normal; font-size:16px; margin-top:10px;}	
    .abod{ width:100%; overflow:hidden; color:#fff; margin-top:30px; line-height:1.6; font-size:16px; text-align:justify; }
	.xian{ width:200px; height:4px; background:#FF0000; margin:0 auto; margin-top:10px;}
	
		.abor{ width:50%; float: right; overflow:hidden;} 
				.aborimg{ width:100%; overflow:hidden;}
	.aborimg img{ width:85%; margin:0 auto; display:block;}			
				
				
	.about_con2 {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
}

 .about_con2 .counter {
    font-size: 49px; 

    color: #fff;
    line-height: 49px;
}

.about_con2 .danwei {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    position: relative;
    top: -25px;
    left: 5px;
}

 .about_con2 p {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; font-family:"Microsoft YaHei";
    width: 100%;
}
.bjbc{ width:100%; background:#f8f8f8; margin-top:50px; background-size:cover; overflow:hidden;}

 .about_con2 li{ float:left;}
 .about_con2 li:last-child{ border-right:0px;}
 
 .num{ width:100%; overflow:hidden;}			
				
	.about_con2 ul {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}			
				
 .in_container{
      width:90%;
	  overflow:hidden;

      margin: 0 auto;
      overflow: hidden;
    }				
	.out_container {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
}			
	
 .in_containerc{
      width:90%;
	  overflow:hidden;

      margin: 0 auto;
      overflow: hidden;
    }		
	
				
				
.spic img{width:100%;display:block;

aspect-ratio: 4/3;object-fit: cover;

}				
				
	.spic p{ text-align: center; color:#000; line-height:50px; font-weight:900;}

	.spic:hover p{ background:#0100fe; color:#FFFFFF;}
	
	
	
	
	
	
	.spics img{width:100%;display:block; aspect-ratio: 4/3;object-fit: cover;}				
				
	.spics p{ text-align: center; color:#000; line-height:50px; font-weight:900;}

	.spics:hover p{ background:#1167dc; color:#FFF!important  }
	
	
	.spicsc{ width:100%; overflow:hidden; overflow:hidden;}
	.spicsc li{ width:32%; float:left; overflow:hidden; margin-right:10px; margin-bottom:20px;}
	
			.spicsc li img{width:100%;display:block; overflow:hidden;aspect-ratio: 4/3;object-fit: cover;}				
				
		.spicsc li p{ text-align: center; color:#000; line-height:50px; font-weight:900;}

		.spicsc li:hover p{ background:#1167dc; color:#FFF!important  }
	
	
	
	
	
	
	
	
	
			
	.footertop {
  width: 100%;margin:50px auto 0px auto; padding-top:50px; padding-bottom:50px;

  background: url('li.jpg') no-repeat center center / cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
}			
	.footertopa{ width:1400px; overflow:hidden; margin:0 auto;}			
	.footertopa p:nth-child(1) {
  font-size: 30px;
  color: #fff;
  line-height: 36px; font-family:"Microsoft Yahei"; font-weight:bold;
}
.footertopa p:nth-child(2) {
  font-size: 21px;
  color: #fff;
  line-height: 45px;
  font-weight: 300;
}			
				
.xia{ width:100%; overflow:hidden;  background: url('footer.jpg') no-repeat center center / cover;margin:50px auto; padding-top:50px; padding-bottom:50px;}				
.xiao{ width:1400px; margin:0 auto; overflow:hidden;}
	
.xiao1 {
    font-size: 50px; float:left;
    line-height: 1;
    font-weight: bold;width:100%;
    margin-bottom: 10px;font-family: Microsoft YaHei;
}	
	
	
	.xiao2 {
    font-size:20px; width:100%;
    line-height: 1.2;
    color: #333;
    margin-bottom:20px;font-family: Microsoft YaHei;
}
	
	.left-body{ width:30%; float:left; overflow:hidden;}
	
	
	
	.texttel {
    display: flex; width:100%; overflow:hidden;
    align-items: center;
    justify-content: flex-start;
}
	
.icon {
    width:30px;
    flex-shrink: 0;
}
.texth {
    color: #333;
    line-height: 1.2;
    margin-left: 10px;
    margin-right:10px;
}
	.texth span{color: #1438a6; font-size:30px;font-family: Microsoft YaHei; font-weight:900;}
.form{ width:60%; float:right; overflow:hidden;}	
	
	
	.form-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom:10px;
    justify-content: space-between;
}
	
	
	.form-item input{ width:48%; float:left; overflow: hidden; height:40px;
    padding:25px 10px;
  outline: 0 none;
  border: none;
  background-color: transparent;   background-color: #fff; }	
	
	.textarea {
    display: block;
    width: 100%;
    resize: none;
    height:80px;
    overflow: auto;
    padding: 20px;
    border: 0;
    background-color: #fff;
}
	
	.button {
    width: 48%;
    margin-left: 0;
    background-color: #133AA4; margin-top:10px;
    color: #fff;
    font-size:15px;outline: 0 none; line-height:40px;
    border: none;
}
	
	index_news li{ width:23.33333%; padding:30px; background:#F4F9FC; float:left;  margin-right:2%;  overflow:hidden;}
.index_news li:last-child {  margin-right:0%; float:right;   }
.picnews{ width:100%;  overflow:hidden;aspect-ratio: 16/9; object-fit: cover;}

.picnews  img{cursor: pointer;  transition: all 0.8s; }  
.picnews img:hover{   transform: scale(1.1);    }  

.index_news li:hover .picnewh a{ color:#1167dc;}

	
	.index_news li {
    width: 23.33333%;
    padding: 30px;
    background: #f2f4f9;
    float: left;
    margin-right: 2%;
    overflow: hidden;
}

.picnewh {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    font-size: 18px;
    font-weight: 800;
    margin-top: 20px;
}.picnewhc { white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    width: 100%;
    line-height: 180%;
    font-size: 14px;
    overflow: hidden;
    color: #666;
    margin-top: 10px;
}

.picnewh{ width:100%; text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;line-height:30px; font-size:18px; font-weight:800; margin-top:20px;} 
.picnewhc{ width:100%; line-height:180%; font-size:14px; overflow:hidden; color:#666; margin-top:10px;}
.picnewhcd{ width:100px; float:left; line-height:250%; overflow:hidden; margin-top:20px; border:#666 0px solid; color:#CCC; text-align:center;}
.picnewhcd a{ color:#000; font-size:14px;}
.picnewhcd a:hover{ background:#1167dc; color:#FFF; display:block;}
.picnews img{ width:100%; aspect-ratio: 16/9;}
.index_news li:hover .picnewhcd a{ background:#1167dc; color:#FFF; display:block;}
.index_news {
    width: 100%;
    overflow: hidden;
    margin-bottom: 80px;
    margin-top: 50px;
}
.index_newss {

    margin-top: 0px;
}

.kl{ width:100%; font-size:30px; font-weight:bold; font-family:"Microsoft Yahei";}
 .list1 {
    width: 42%;
    float: left; overflow:hidden;
    padding-right: 20px;
}

.copyright {
    padding-top:10px;
    padding-bottom: 10px; overflow:hidden;
    text-align: center; background:#ffffcc;
    color: #000;
    line-height: 1.5;
    font-size: 15px;
}


.service li:nth-child(4n+4) { margin-right: 0; float:right;}



.foot {
    width: 100%;
    overflow: hidden;
    background: #1c3048;
    padding: 100px 0 90px;
}

.container {
    width: 90%;
    margin: 0 auto;
    max-width: 1800px;
}

.foot1{float: left;width: calc((100% - 470px)/4);}
.footcen dt {
    color: #fff;
    font-size: 20px;
}
.foot_line {
    width: 65%;
    height: 1px;
    background: #2e445f;
    position: relative;
    margin: 30px 0;
}

.footcen a {
    color: #c6cfdb;
    line-height: 38px;
    font-size: 16px;
}

.foot_line span {
    display: block;
    width: 80px;
    position: absolute;
    height: 2px;
    background: #026cc6;
    top: -1px;
}
.tt2 div {
    font-size: 34px;
    color: #fff;
    line-height: 40px;
}
.tt1 {
    padding-top: 10px;
    font-size: 15px;
    line-height: 30px;
    color: rgba(255, 255, 255, .66);
    padding-right: 150px;
    position: relative;
}
.foot{width: 100%;overflow: hidden;background: #1167dc;padding: 40px 0 40px; color:#FFF;}
.footcen{overflow: hidden}
.footcen dt{color: #fff;font-size: 20px;}
.footcen a{color: #c6cfdb;line-height: 38px;font-size: 16px}
.footcen a:hover{color: #fff;}
.foot1{float: left;width: calc((100% - 470px)/4);}
.foot1 img{margin-top: 40px}
.foot2{float: left;width: 310px}
.foot2 span{color: #c6cfdb;display: block;float: left;font-size: 16px}
.foot2 img{color: #c6cfdb;display: block;float: left;margin-right: 10px;height: 25px;width: auto}
.qw{overflow: hidden;margin-bottom: 25px;display: flex;align-items: center}
.qw:nth-child(1) span{color: #fff;font-size: 23px;font-family: arial;font-weight: bold}
.qw:nth-child(2) span{color: #fff;font-size: 23px;font-family: arial;font-weight: bold}

.foot3{float: right;margin-top: 10px;width: 140px;margin-left: 20px}
.foot3 img{display: block;width: 140px;height: 140px}

.footcopyright{background: #142335;padding: 20px 0;}
.as{color: #c6cfdb;text-align: center}
.as a{color: #c6cfdb;}
.foot_line{width: 65%;height: 1px;background: #d3dcfa;position: relative;margin: 30px 0}
.foot_line span{display: block;width:80px;position: absolute;height: 2px;background: #1639a7;top: -1px}
.jieww {
    display: block;
    text-align: center;
    color: #c6cfdb;
    margin-top: 10px;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


footer{color: #fff!important;background: #1167dc;}
footer a{color: #fff!important;}
footer .box2{padding: 10px 0;border-top: 1px solid rgba(255,255,255,.0);text-align: center; background:#ffffcc; color:#0000FF;}
footer .box1{padding: 40px 0 40px; overflow:hidden;}
footer .box1 .list1{width:42%;float: left;padding-right: 20px;}
footer .box1 .list1 .logo3{margin-bottom: 10px;display: block;}
footer .box1 .list1 .tt1{padding-top: 10px;font-size:15px;line-height:30px;color: rgba(255,255,255,.66);padding-right: 150px;position: relative;}
footer .box1 .list1 .tt2{font-size:14px;color: rgba(255,255,255,.66);padding:11px 0;line-height: 20px;}
footer .box1 .list1 .tt2 div{font-size:34px;color: #fff;line-height: 40px;}
footer .box1 .list1 .tt1 img{display: block;position: absolute;right: 0;top:0;width: 140px;margin: auto 0;}
footer .box1 .list2{width:54%;float: left;}
footer .box1 .list2 .ul{width:calc(10% + 50px);float: left;padding-left:20px;font-size: 0;}
footer .box1 .list2 .ul:nth-child(2){width:calc(70% - 150px);}
footer .box1 .list2 .ul a{display: block;font-size: 14px;display: block;line-height: 24px;padding-bottom: 11px;color: rgba(255,255,255,.66);}
footer .box1 .list2 .ul a:nth-child(1){font-size: 18px;padding-bottom: 20px;margin-bottom: 16px;color: #fff;position: relative;}
footer .box1 .list2 .ul a:nth-child(1):after{content: "";width: 30px;height: 3px;background: #fff;position: absolute;left: 0;bottom: 0;}
footer .box1 .list2 .ul a:hover{text-decoration: underline !important;color: #fff;}
footer .box1 .list2 .ul:nth-child(2) a:nth-child(n+2){display: inline-block;vertical-align: top;min-width:50%;padding-right: 10px;}
footer .box1 .list2 .ul a:nth-child(n+2):hover{color: #fff;text-decoration: underline !important;}

.container-fluid {max-width: 1230px !important; line-height:1.5;}
.rig{ float:right; display:block;} .rig img{ width:90%; display:block;}
.rig p{ text-align:center; line-height:180%;}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}




.navq {
	float: left; overflow:hidden;
/*	margin-top:15px;*/
}

.navq li {
	float: left;
	position: relative;
	width:auto; border-right:0px solid #CCC;
	}
.navq a {


	display: block;
	font-size:17px;
	padding: 30px 20px;
line-height:20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	
}
.navq li:hover a {
	
color:#1167dc;
}

	
.navq li:before {
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	width: 0px;
	height: 3px;
	margin: 15px auto;
	background-color: #1167dc;
	transition: 0.2s 0.2s;
}
.navq li:hover:before {
	width: 60%;
}
.navqright{
	float:right;
	overflow:hidden;
	line-height:80px;
	font-size:14px;

}
.info {
    line-height: 180%;
    margin-bottom: 0px;
    margin-top: 0px;
    overflow: hidden;
}

.CONTACTtxt{ width:100%; overflow:hidden; line-height:40px; text-align:left; font-size:24px; margin-top:30px; font-weight:800;}
.CONTACTtxtm{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:50px;}
.CONTACTtxtm li{ width:30%; margin-right:2%; float:left; overflow:hidden; line-height:40px; font-size:16px; text-align:left;}
.page_show { margin: 20px 0; }
.page_show a { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; border-radius: 5px; }
.page_show a:hover, .page_show a.page_current { background: #f66e00; color: #FFF; }
.info img{ max-width:100%; display:block;}



.danye{color:#000000;font-size: 14px;line-height: 180%;}
.danye .topbox{margin-bottom:24px;text-align: center;}
.danye img{ margin:0 auto; display:block;}
.danye .bt{color: #000;font-size: 22px;padding-bottom: 10px; font-weight:bold; text-align:center;}
.danye .rq{color: #555555;font-size: 14px;text-align:center;}
.danye .xiana{width: 100%;height: 1px;margin-top: 14px;border-bottom: 1px dashed #ccc;}
.danye .img{margin:0 auto 18px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}
.danye .ditu{height:400px;position: relative;margin:20px auto;border: 1px solid #eee;}

.infinews{ width:100%; overflow:hidden; line-height:180%; margin-top:20px; margin-bottom:20px; }



.nynr_lt {
    width: 18%;
    float: left;
    background: #f0f0f0; overflow:hidden; margin-bottom:50px;
}
.nynr_ltt {
    width: 100%;
    height: auto;
    color: #fff;
    background: #1167dc;
    text-align: center;
    padding: 30px 0 30px 0;
    overflow: hidden;
}
.nynr_ltt p {
    font-size: 24px;
    font-weight: bold;
}
.nynr_lt li.active a{ display:block; color:#fe0001!important;}



.nynr_lt ul li a {
    line-height: 60px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    display: block;
    padding-left: 20px;
}
.nynr_lt ul li a:hover {

    color: #fe0001;
}
.inforight{ width:82%; float:right; overflow:hidden; margin-bottom:0px;}
.inforighr{ width:78%; float:right; overflow:hidden;  color:#000000;}

.page_turner { padding: 10px 0; overflow: hidden; text-align: right; }
.page_turner a, .page_turner span { text-align: center; color:#333; display: inline-block;
border: 1px solid #2E2E2E; height: 30px; min-width: 30px; margin-left: 4px; line-height: 20px; padding: 4px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #2E2E2E; color: #FFF; }

.danye {
    color: #000000;
    font-size: 14px;
    line-height: 180%;
}.xiana {
    width: 100%;
    height: 1px;
    margin-top: 14px;
    border-bottom: 1px dashed #ccc;
}
.xxnrt{ width: auto; float:left;display:block; margin-top:10px; overflow:hidden;}
.xxnrtr{ width: auto; float: right;display:block; margin-top:10px; overflow:hidden;}

.infocj{ width:100%; overflow:hidden; line-height:180%; margin-top:30px;}

.infocj img{ max-width:100%; overflow:hidden; display:block;}
 .bt {
    color: #000;
    font-size: 22px;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
}



.servicen{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:50px;margin-top:0px; }

.servicen li{width:30.333%; margin-bottom:30px;
    margin-right: 30px;
 background:#f9f9f9;
    padding: 50px 0; float:left;
    text-align: center;
    transition: all 0.2s ease-in;
    cursor: pointer;}
	.servicen li img{ text-align:center; display:block; margin:0 auto; width:80px; height:80px;}
	
	.servicen li p{ margin-bottom:30px; font-size:18px; margin-top:20px;}

		.servicen li:hover .more {
  width: 52.43%;
}
.infocj{ width:100%; overflow:hidden; line-height:180%; margin-top:30px;}

.infocj img{ max-width:100%; overflow:hidden; margin:0 auto; display:block;}







.kf_2{position: fixed;bottom: 10%;right: -180px; z-index: 99999999;width: 180px;background-color: rgba(255,255,255,1);box-shadow: 0 0 10px rgba(41,121,255,0.23);text-align: center;padding: 25px 0 30px 0;border-radius: 12px;transition: all 0.5s;


}
.kf_1{position: fixed;bottom: 10%;right: 2px;width: 140px;height: 45px;z-index: 99999999;transition: all 0.5s;}
.kf_1 a {
    width: 100%;
    height: 45px;
    border-radius: 50px;
    position: absolute;
	display: block;
	background: #1167dc;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 45px;
	
	 animation: 3s kfcen linear infinite; border: 1px solid #ffff00;

	
	
}
@keyframes kfcen {
    0% {
        transform: scale(1)
    }
	50% {
        transform: scale(1.1)
    }
	100% {
        transform: scale(1)
    }
	
}

@keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}




.nava{
	width:auto; display:block; float:right; margin-top:30px;
}
.nava li {
	float: left;
	position: relative;
	width:auto; z-index:99999;
	display: block;
	font-size:14px;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease; line-height:30px;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;  border: 1px solid #ccc;border-radius: 4px;
	}


	




#submenun {
	left: 0;
	display:none;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 99999;
	width:auto;
/*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);*/left: 50%; background:#FFFFFF;
    transform: translateX(-50%);  

}
.nava li:hover ul#submenun { display:block;

	top: 35px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;  	z-index: 99999;

}
#submenun li {

	width: 100%;
	overflow:hidden;
	border:0px; 	 border-radius: 0px;


				font-size:14px; padding:2px 10px;
		
				min-width:90px;
				color:#000;

	



}



#submenun li:hover {
	background: #e6f7ff; display:block;
	color:#333;  

}


.cn{  width:20px; float:left; margin-top:8px;} .cn img{ width:100%; display:block;}
.cntxt{ float:left; margin-left:10px; margin-right:10px;cursor:pointer;}
.cnright{ float:right; width:12px;margin-top:8px;} .cnright img{ width:100%; display:block;}
.cna{  width:20px; float:left; margin-top:8px;} .cna img{ width:100%; display:block;}
.ena{  width:20px; float:left; margin-top:8px;} .ena img{ width:100%; display:block;}





.kf_1 a span {
    width: 100%;
    border-radius: 50px;
    height: 100%;
	background:url(../images/tel2.png) no-repeat left center;background-size: 22px;padding-left: 27px;
	color: #fff;
	font-size: 15px;
}

.right_box .btn:after {
    content: "";
    width: 40px;
    height: 17px;
    background: #1167dc;
    opacity: 1;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 3s scale linear infinite;
	z-index: -1
}

.right_box .btn:before {
    content: "";
   width: 40px;
    height: 17px;
    background: #1167dc;
    opacity: 0.7;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 3s scale linear infinite;
    animation-delay: 1.2s;
}



.right_box:hover .kf_2{right:2px}
.right_box:hover .kf_1{opacity: 0.05}
.right_box.on{opacity: 1;bottom:4%;}
.right_box .en{line-height: 48px;color: #1167dc;margin-bottom: 15px;font-size: 34px;font-weight: bold;}
.right_box img{max-width: 80%;margin: 0 auto;}
.right_box .ew{line-height: 22px;color: #1167dc;margin-bottom: 25px;font-weight: bold;font-size: 15px}
.right_box .btn{width: 102px;height: 34px;line-height: 34px;text-align: center;color: #ffffff;background-color: #1167dc;border-radius: 17px;transition: all 0.5s;display: block;margin: 0 auto;margin-bottom: 12px;position: relative;margin-bottom:20px }
.right_box .btn span{display: block;position: absolute;top: 0;left: 0;width: 102px;height: 34px;line-height: 34px;text-align: center;color: #ffffff;background-color: #1167dc;border-radius: 17px;z-index: 9999}
.right_box .btn:hover{opacity: 0.7;}
.right_box .p{color: #1167dc;}
.right_box .num{color: #1167dc;font-weight: bold;font-size: 17px}



.right_box:hover .kf_2{right:2px}
.right_box:hover .kf_1{opacity: 0.05}
.right_box.on{opacity: 1;bottom:4%;}
.right_box .en{line-height: 48px;color: #1167dc;margin-bottom: 15px;font-size: 34px;font-weight: bold;}
.right_box img{max-width: 80%;margin: 0 auto;}
.right_box .ew{line-height: 22px;color: #1167dc;margin-bottom: 25px;font-weight: bold;font-size: 15px}
.right_box .btn{width: 102px;height: 34px;line-height: 34px;text-align: center;color: #ffffff;background-color: #1167dc;border-radius: 17px;transition: all 0.5s;display: block;margin: 0 auto;margin-bottom: 12px;position: relative;margin-bottom:20px }
.right_box .btn span{display: block;position: absolute;top: 0;left: 0;width: 102px;height: 34px;line-height: 34px;text-align: center;color: #ffffff;background-color: #1167dc;border-radius: 17px;z-index: 9999}
.right_box .btn:hover{opacity: 0.7;}
.right_box .p{color: #1167dc;}
.right_box .num{color: #1167dc;font-weight: bold;font-size: 17px}

.caitemw{ width:100%; overflow:hidden;}	
/*.caitemw ul{display: flex; flex-wrap: wrap; justify-content: space-between;}*/

.caitemw li{ float:left; width:23%; overflow:hidden;margin-bottom:38px; margin-right:20px;  border:2px solid #0100fe; padding:0px;}
.caitemw li .text{overflow:hidden; padding-bottom:10px;}
.caitemw li .text .text_one{ border-top:1px solid #e1e1e1;margin:10px 24px 0px 24px; line-height:20px;}
.caitemw li .text .left{ float:left;font-size:14px; color:#222;width:100%;overflow:hidden; margin-top:10px;text-align:center; font-weight:bold;}
.caitemw li .text .right{ background:url(jiantou.png) no-repeat 0px 0px;width:23px; height:11px; float:right; margin-top:5px;transition:0.5s;}
.caitemw li:hover .text .right{ background:url(jiantou.png) no-repeat 0px -11px;}
.caitemw li:hover .text{ background:#0100fe;}
.caitemw li:hover .text .text_one{border-top:1px solid #1062c3;}
.caitemw li:hover .text .left{ color:#fff;}
.pica {
    width: 100%;
    display: block;
    overflow: hidden;
}.pica img{ width:100%; display:block;aspect-ratio: 4 / 3;
    object-fit: cover;}


.nynr_lttc {
    width: 100%;
    height: auto;
    color: #fff;
    background: #1167dc;
    text-align: center;
    padding: 30px 0 30px 0;
    overflow: hidden;
}

.nynr_lttc {
    width: 100%;
    height: auto;
    color: #fff;
    background: #0100fe;
    text-align: center;
    padding: 20px 0 20px 0;
    overflow: hidden;
}
.nynr_lttc p {
    font-size: 24px;
    font-weight: bold;
}
.nynr_ltc li.active a{ background:#0100fe; display:block; color:#FFFFFF!important;}

.nynr_ltc {
    width: 15%;
    float: left;
    background: #f0f0f0; overflow:hidden; margin-bottom:50px;
}

.nynr_ltc ul li a {
    line-height: 56px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    display: block;
    padding-left: 20px;
}

.nynr_ltc li.active a{ background:#f78f0a; display:block; color:#FFFFFF!important;}

.nynr_ltc ul li a:hover {
 
    color: #fe0001;
}




.cont{ width:45%; float:left; overflow:hidden; line-height:180%;}
.contr{ width:45%; float:right;overflow:hidden; line-height:180%;}

.conmap{ width:100%; overflow:hidden; margin-top:50px;}


.cms_link{ width:100%; display:block;} .cms_link li{ float:left; overflow:hidden; margin-right:20px;}
.cms_link li a:hover{ color:#FF0000;}
.cms_link ul{display: table;
margin:0 auto;

text-align: center;}