.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

ol{margin: 0px; padding:0px}

@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:15px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.hui_bg{ background:#f5f8fb; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#f5f8fb; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#f5f8fb; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}


.main_box{ max-width:1400px; overflow:hidden; width:94%; margin:0 auto;}

@media only screen and (max-width:1450px) {
.main_box{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}
}

/* -------选项卡---------- */
.tab{ width:100%; margin:0 auto;}
.tab-hd {overflow:hidden; zoom:1; width: 30%;float: left; background:#f6f6f6;}
.tab-hd li{ color:#222; text-align:center; cursor:pointer; font-size:18px; line-height: 50px;border-bottom: 1px solid #ddd;padding: 10px 0px}
.tab-hd li.active{background: #fff; color: #005db3;font-weight:600}


.tab-bd li{display:none; padding:20px; border-top:0 none;float: left; width:67%; margin-left:3%}
.tab-bd li.thisclass{ display:list-item;}

.t_navlistbox{overflow:hidden; margin: 0px; padding: 0px;}
.t_navlistbox dl{overflow:hidden; margin: 0px; padding: 0px; width:33.333%; float: left}
.t_navlistbox dl dt{overflow:hidden; margin: 0px; padding: 0px;font-size:18px;color: #005db3; line-height: 190%; margin-bottom: 10px; padding-bottom:6px; position: relative;font-weight: 600}
.t_navlistbox dl dd{overflow:hidden; margin: 0px; padding: 0px;font-size:16px;color: #666; line-height:200%; position: relative;text-indent: 10px}
.t_navlistbox dl dd a{font-size:16px;color: #666;}
.t_navlistbox dl dd a:hover{font-size:16px;color: #005db3;font-weight: bold;}
.t_navlistbox dl dt::after{ position: absolute; content: "";bottom:0px; left: 0px; width:75px; height: 2px; background: #005db3;}
.t_navlistbox dl dd a::after{ position: absolute; content: "";left: 0px; width:4px; height: 4px; background: #dbdbdb;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.t_navlistbox dl dd a:hover::after{ background: #0075cf;}



.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:92}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}


.more_k{margin: 0px; padding: 0px 20px; line-height: 34px; border: 1px solid #ccc; display: inline-block; margin-top: 20px;font-size: 14px;border-radius: 3px }
.sy_ser_box dl:hover .more_k{ background: #2e3286; color: #fff;border: 1px solid #2e3286;}


/*-------banner-----------*/
.dh_title{ font-size:40px;  margin: 0px; padding: 0px;  padding-bottom:15px; margin-bottom: 15px; position: relative;font-weight:700;}
.dh_title:before{content:''; width: 80px; height: 2px; background: #fff; left: 0px; bottom: 0px;position: absolute;}
.dh_txt_sm{ font-size:24px; margin: 0px; padding: 0px; line-height: 30px}

@media only screen and (max-width:1500px) {	
#fixed_1{ width:100%; height:400px ;background:#FA0014;background-size:cover; }
}


@media only screen and (max-width:1300px) {
#fixed_1{ width:100%; height:240px ;background-size:cover;}
.dh_title{ font-size:30px; padding-bottom:10px; margin-bottom: 10px;}
.dh_txt_sm{ font-size:20px; line-height: 26px}	
}

@media only screen and (max-width:700px) {
#fixed_1{ width:100%; height:150px ;background-size:cover;}
.dh_title{ font-size:24px; padding-bottom:6px; margin-bottom:6px;}
.dh_txt_sm{ font-size:16px; line-height: 24px}
}


/*-------首页--服务-------------*/
.ser_box{ max-width:1470px; margin:0 auto;overflow:hidden; padding: 0px 25px}
@media only screen and (max-width: 1500px) {
.ser_box{ max-width:1328px; margin:0 auto;padding: 0px 30px;overflow:hidden}
}
@media only screen and (max-width: 800px) {
.ser_box{ padding: 0px 20px;overflow:hidden}
}

/*-------内页---------------*/
.content_txt{line-height:190%; color:#333333; font-size:16px; overflow:hidden; padding:0px 0px 10px 0px; text-align:justify}
.content_txt p{line-height:190%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_img{ overflow:hidden; width:100%; text-align:center}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{word-break: break-all;}
.content_txt table td{border:1px solid #999}
.content_txt table{border:1px solid #999; width: 100%} 

.content_txt table{border-collapse: collapse;}

.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{}

@media (max-width: 1400px) {
.content_bt{ width:100%; line-height:34px; font-size:20px;font-weight:bold; margin-bottom:10px; color:#222; text-align:center; }
.content_txt{line-height:190%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px;}
.content_txt p{line-height:190%; color:#333333; overflow:hidden;}
}



.side_ConR{ margin:0 auto; padding:55px 4% 50px 4%; overflow:hidden;background:#fff;max-width: 1200px; width: 100%; position: relative;box-shadow: 0 0 15px rgba(0,0,0,.05);}

.xx_news_bt{ width:100%; line-height:34px; font-size:30px;margin-bottom:15px; color:#222;font-weight: normal}
.xx_btn_k{width:140px; margin:0 auto; }
.xx_btn{ margin:0px; text-align:center; color:#2e3286;  border:#2e3286 1px solid; line-height:40px; height:40px; font-size:16px; border-radius:30px;}
 
.xx_btn_k:hover .xx_btn{ background:#2e3286; color:#fff;border:#2e3286 1px solid;}
.xx_btn i{ margin-right: 5px; font-size:18px; }
.xx_btn_k a{display: inline}

.news_title_bt{width:100%; line-height:34px; font-size:26px;margin-bottom:15px; color:#222; text-align:center;}
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:0px; line-height:25px; text-align: center}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

@media (max-width: 1400px) {
.news_title_bt{ width:100%; line-height:34px; font-size:22px;margin-bottom:10px; color:#222; text-align:center; }
}


@media screen and (max-width: 768px) {
.news_title_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;}
.content_time{font-size:12px; }
.content_time i{ font-size:14px;}
}

@media only screen and (max-width:750px) {
.side_ConR{ padding:30px 4% 30px 4%; overflow:hidden; background:#fff}
}
@media screen and (max-width: 650px) {
.content_time{text-align: center}	
}








.sy_title{ text-align:center; margin-bottom:30px}
.sy_title h3{ color: #222;font-size: 34px;margin-bottom: 18px; line-height:40px; font-weight:700;position: relative; padding-bottom: 10px; overflow: hidden}
.sy_title .x_txt{font-size: 16px; color: #777; max-width:800px; width:92%; margin:0 auto; font-weight:300; line-height:180%;text-transform:uppercase;}
.sy_title h3 span{font-weight:300;font-size: 24px;}
.sy_title h3::after{ content: ""; position: absolute; z-index: auto; width: 60px;height: 3px; background: #ef8300;
	bottom:0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}

@media only screen and (max-width:1190px) {
.sy_title h3{ color: #222;font-size: 25px;margin-bottom:10px; line-height:30px; }
.sy_title .x_txt{font-size: 14px; color: #676b6d;line-height: 24px;}
.sy_title{ text-align:center; margin-bottom:20px}
.sy_title h3 span{font-weight:300;font-size: 20px;}
.sy_title h3::after{width: 50px}
}

.pagelink {CLEAR: both; text-align:center;font-size:12px; overflow: hidden; line-height: 30px}
.pagelink A {border: #bfbfbf 1px solid; padding:3px 5px 3px 5px;MARGIN: 2px;TEXT-DECORATION: none; font-size:12px}
.pagelink SPAN {border: #bfbfbf 1px solid;  padding:3px 5px 3px 5px;MARGIN: 2px; TEXT-DECORATION: none;font-size:12px}
.pagelink A:hover { border:#003399 1px solid;font-size:12px; background:#E6E7E7}
.pagelink SPAN.current {border:#000 1px solid;font-size:12px}
.pagelink SPAN.current {FONT-WEIGHT: bold}

 /* ---footer-------- */
.footer {background: #f3f3f3;position: relative;z-index: 2;}
.footer .top {padding: 20px 0 20px 0;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ccc;}
.footer .top img { width: auto; height:50px}
@media (max-width: 1440px) {
.footer .top img { height: 40px}
}
@media (max-width: 1024px) {
.footer .top {padding-top: 15px;padding-bottom: 10px;}

}
.footer .top .icons {display: flex;font-size: 38px;}
.footer .top .icons .item { cursor: pointer; position: relative;font-size: 14px;text-align:center; width: 80px; }
.footer .top .icons  i{font-size: 38px;}
.footer .top .icons p img{  width: 42px;  height: 42px; display: inline-block }
.footer .top .icons p span{ display:block}
.footer .top .icons .item .code-box {
  position: absolute;
  width: 120px;
  height: 120px;
  padding: 5px;
  background-color: #ffffff;
  left: -140px;
  top: 50%;
  margin-top: -60px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(55, 55, 55, 0.3);
  pointer-events: none;
  transition: all 0.25s;
  opacity: 0;
  transform: translateY(50px);
}
.footer .top .icons .item .code-box img{ width:100%; height:auto}
.footer .top .icons .item .code-box1 img{ width:100%; height:auto}
.footer .top .icons .item .code-box1 {
  position: absolute;
  width: 120px;
  height: 120px;
  padding: 5px;
  background-color: #ffffff;
  left: -140px;
  top: 50%;
  margin-top: -60px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(55, 55, 55, 0.3);
  pointer-events: none;
  transition: all 0.25s;
  opacity: 0;
  transform: translateY(50px);
}
.footer .top .icons .item .code-box:before {
  content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  border-left: 10px solid #ffffff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  transform: translateY(-50%);
}

.footer .top .icons .item .code-box1:before {
  content: '';
  position: absolute;
  right: -10px;
  top: 50%;
  border-left: 10px solid #ffffff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  transform: translateY(-50%);
}
.footer .top .icons .item:hover .code-box {opacity: 1; transform: translateY(0);}
.footer .top .icons .item:hover .code-box1 {opacity: 1; transform: translateY(0);}
.footer .top .icons .item + .item { margin-left: 22px;}

@media (max-width:1000px) {
.footer .top .icons {display: none;}
.footer .top {justify-content: center;}
}
@media (max-width: 767px) { .footer .top {justify-content: center; padding: 20px 0 5px 0;}

}
.footer .middle {
  padding: 60px 0% 60px 0%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1440px) {
.footer .middle {padding-bottom: 40px;}}
.footer .middle ul {display: flex;align-items: flex-start;}
.footer .middle ul li { display: flex;flex-direction: column;font-size: 15px; color: #333}
@media (max-width: 1440px) {
  .footer .middle ul li {font-size: 13px;}
}

.footer .middle ul li a:first-of-type {opacity: 1;font-size: 17px;font-weight: 700;    color: #111}
.footer .middle ul li a + a {margin-top: 20px;color: #333}

@media (max-width: 1440px) {
  .footer .middle ul li a + a { margin-top: 15px; color: #333}

}
.footer .middle ul li a:hover {opacity: 1;   color: #2e3387}
.footer .middle ul li + li {margin-left: 5vw;}
@media (min-width: 1921px) {
.footer .middle ul li + li { margin-left: 95px;}
}
@media (max-width: 1440px) {
.footer .middle ul li + li {margin-left: 4vw;}
}

.footer .middle .right { text-align: right; max-width: 370px;}

.footer .middle .right .tel-en-name {font-size: 14px;margin-bottom: 3px; vertical-align: top;line-height: 30px}
.footer .middle .right .tel-en-name {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media (max-width: 1440px) {
  .footer .middle .right .tel-en-name {font-size: 16px;}
}

.footer .middle .right a {font-size: 28px;letter-spacing: 2px;font-family: 'AVGBBT'; color: #ef8300}
@media (max-width: 1440px) {
  .footer .middle .right a {font-size: 28px; margin-top: 10px;}
}
.footer .middle .right .address {font-size: 14px;color: #333; margin-top:8px; line-height: 30px}
.footer .middle .right .address p{ line-height: 24px}
.dy_box{ margin: 0px; padding: 0px; width: 120px; text-align: center; padding-top:10px;margin-left: 10px; line-height: 30px; display: inline-block}
.dy_box img{ width: 100%; height: 100%; vertical-align: top; border-radius: 5px}

@media (max-width: 1440px) {
  .footer .middle .right .address {font-size: 13px;}
}
@media (max-width: 1200px) {
	.footer .middle .right {max-width: 300px;}
}

@media (max-width: 1024px) {
  .footer .middle { justify-content: center; padding-top: 50px;padding-bottom: 50px;}
  .footer .middle .left {display: none;}
  .footer .middle .right {text-align: center;}
	.dy_box{display:none}
		.footer .middle .right {max-width: 350px;}
}

.mobile-code{ display: none}
.mobile-code p{font-size: 13px;color: #333; padding-top:10px;padding-bottom:5px;  overflow:hidden;}

@media (max-width: 1024px) {
  .footer .middle {
    padding: 20px 15px 10px;

  }
	.footer .middle .right .tel-en-name {font-size: 16px;margin-bottom:0px;}	
  .footer .middle .mobile-code {
    display: inline-block;
    width: 110px;
    height:auto; text-align: center;
  
  }
.footer .middle  .right .mobile-code img{ width: 100px;height: 100px; border-radius: 5px; }
.footer .middle .right a {font-size: 24px; letter-spacing: 1px;}
.footer .middle .right .address {font-size: 12px; line-height: 25px;letter-spacing: 0;color: #333}
}


.footer .bottom {  border-top: 1px solid #ccc;
  line-height: 40px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.5px;
color: #333
}
.copyright{display: flex;  justify-content: space-between;text-transform: uppercase;}
.copyright a{color: #333}
.copyright a:hover {text-decoration: underline;}
.copyright p{}
@media (max-width: 1024px) {

.footer .bottom {line-height: 22px;padding-top:5px; padding-bottom: 15px;}
}
@media (max-width: 767px) {
.copyright { flex-direction: column; text-align: center}
.copyright p span {display: block;text-align: center;}
}



.foot_btn_box{ position: fixed; z-index: 9; float:right;  bottom:120px; right: 2%; text-align: center;display: none}
.foot_btn_box a{ display: inline;line-height: 39px;}

.R_btn_tel_k{width: 39px;height: 39px; text-align: center; border-radius: 50%;background: #fff;box-shadow:0 0 15px rgba(55, 55, 55, 0.3);
background: -webkit-linear-gradient(-45deg, #ff9f08, #ff6000);
background: -o-linear-gradient(-45deg, #ff9f08, #ff6000); 
background: -moz-linear-gradient(-45deg, #ff9f08, #ff6000); 
background: linear-gradient(-45deg, #ff9f08, #ff6000); 
}
.R_btn_tel_k i{ line-height: 39px; font-size: 22px; color: #fff; vertical-align: middle}


@media screen and (max-width: 1000px) {
.foot_btn_box{ display:block}	
}


.footer_logo{ padding:0px; overflow: hidden;}
.footer_logo dl{ margin: 0px; padding: 0px; overflow: hidden}
.footer_logo dl dd{overflow:hidden; margin:0px; padding:0px; font-size:24px; color:#2e3286; line-height: 50px;font-family: 'cnkksj';}
.footer_logo_tu {margin: 0px; overflow: hidden;float: left; margin-right: 20px;}
.footer_logo_tu img{ height: 50px; width: auto; vertical-align: top}
.footer_logo dl dd{
      text-transform: uppercase;
		position: relative;
    background-image: -webkit-linear-gradient(left,#2e3286,#0593ce,#2e3286 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 5s forwards linear infinite;
    }

@keyframes masked-animation {
	from {
	background-position:0 0
}
to {
	background-position:-200% 0
}
}
@media screen and (max-width: 1440px) {
	.footer_logo dl dd{ font-size:22px; line-height: 40px}		
}
@media (max-width: 1200px) {
	.footer_logo dl dd{ font-size:20px;}	
}



@media screen and (max-width: 600px) {
	.footer_logo dl dd{ font-size:16px; line-height: 35px}	
	.footer_logo_tu{  margin-right:10px}
	.footer_logo_tu img{ height: 35px; }
}


 /* --ser------- */
.img_box_cp{ overflow:hidden; padding: 0px; width: 94%; margin: 0 auto;  position: relative}
.img_box_cp img{width: 100%; height: auto;vertical-align: top}
.img_box_cp a{display: inline}

.cp_mask_bg{ overflow:hidden; margin: 0px; padding: 0px; height: 100%; width: 100%; top:0; left:0; position: absolute; z-index: 2; text-align: center;

  transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.cp_title_box{ position: absolute; z-index: 3;float:left; top:8%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;width: 100%;}
.cp_title_txt1{  font-size: 22px; line-height: 32px;color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; 
  padding: 10px 15px;  height: auto; }
.ch_btn{width: 140px; height: 40px; border-radius: 40px; border: #fff 1px solid; color: #fff;font-size: 14px; text-align: center; margin: 0 auto;line-height: 40px;opacity: .0; margin-top:0px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

.cp_title_txt1 p{font-size:12px; text-align: center; padding: 0px; margin: 0px; line-height: 22px;opacity: .7;}

.img_box_cp:hover .cp_title_box{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; top:10%;}

.img_box_cp:hover .cp_title_txt1{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.img_box_cp:hover .ch_btn{opacity: 1;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; margin-top: 60px;}
.ch_btn:hover{ background: #fff; color: #2e3286; border: #2e3286 1px solid;} 
.cp_mask_bg:hover{background:rgba(1, 198, 247, .9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.number_box{position: absolute; z-index: 3;width: 100%; text-align: left;font-size: 30px;color: #fff; padding: 10px;font-family: 'BEBAS';font-weight: bold;opacity: .9; bottom: 3%;left: 1%; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;
font-weight: normal;}

.cp_mask_bg:hover .number_box{
left: 1%;
transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;opacity: 1d;bottom: 2%; }

@media only screen and (max-width:1800px) {
.cp_mask_bg:hover .number_box{top:25%; }
	.img_box_cp:hover .ch_btn{margin-top:40px}
	.number_box{ font-size: 70px;}
}

@media only screen and (max-width:1500px) {

.img_box_cp:hover .ch_btn{margin-top: 30px}

	.number_box{ font-size: 60px;}

}
@media only screen and (max-width:1300px) {
.cp_title_txt1{ font-size: 18px;height: 350px }	

}

@media only screen and (max-width:900px) {
.ch_btn{width: 120px; height: 32px;line-height: 32px;}
.img_box_cp{  width: 92%;}	
.cp_title_txt1{ font-size: 18px;height: 250px ;line-height: 24px;}	
}
@media only screen and (max-width:600px) {
	
.cp_mask_bg:hover .number_box{top: 25%; }
}
@media only screen and (max-width:450px) {

.cp_title_txt1{ font-size: 16px;height: 210px }	
}
 /* --about------- */
.qt_about_bg{background: url(../images/qt-bg.jpg) no-repeat center; ; background-size:cover}


.about_js{overflow:hidden; padding: 0px;}
.about_js dl{overflow:hidden; padding:1% 0px 30px 40px; }
.about_js dl dt{overflow:hidden; padding: 0px;color:#111; font-size: 28px; line-height: 190%; font-weight: 700;text-align: center}
.about_js dl dd{overflow:auto; padding: 0px 5px 0px 5px; color: #666; margin: 5px 0px; line-height:190%; font-size: 16px;}


.about_js_tu{overflow:hidden; padding: 0px; margin: 0px; float: left; width: 50%; position: relative;}
.about_js_tu img{  width:100%; height: auto; vertical-align: top}

.about_i_list{ overflow: hidden; margin: 0px; padding: 0px}
.about_i_list li{ overflow: hidden; margin: 0px; padding: 0px; list-style: none; width: 25%;float:left;}
.about_i_list li p{overflow: hidden; margin: 0px; padding: 0px; text-align: center}
.about_i_list li p i{font-size: 40px; color: #2e3286;}
.about_i_list li h3{overflow: hidden; margin: 0px; padding: 0px;font-size: 18px; text-align: center}
.about_i_list li:hover i{ color: #ef8300}
.about_i_list li:hover a{ color: #ef8300}

.about_js dl dd::-webkit-scrollbar {width: 3px;background-color: #F5F5F5;}
.about_js dl dd::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);border-radius: 10px;background-color: #F5F5F5;}
.about_js dl dd::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);	background-color: #bbb;}



@media screen and (max-width: 1450px) {	
.about_js dl dd{ font-size: 14px;}
.about_js dl dt{font-size: 26px;}
	}
@media screen and (max-width: 1280px) {		
.about_i_list li p i{font-size: 36px;}
.about_i_list li h3{overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; text-align: center}
	
}
@media screen and (max-width: 1200px) {	
.about_js dl dt{font-size: 24px; }
.about_i_list li h3{font-size: 14px;}
.about_js dl{overflow:hidden; padding:0 0px 30px 30px; }
}
@media screen and (max-width: 1100px) {
.about_js dl dt{font-size: 20px; }
.about_js dl dd{ overflow-y: auto; height: 184px}
}

@media screen and (max-width: 900px) {
.about_js dl dd{ overflow-y: auto; height: 160px}
.about_js dl{overflow:hidden; padding:0 0px 0px 20px; }
}

@media screen and (max-width: 800px) {
.about_js dl dd{ overflow-y: auto; height: 134px}
}

@media screen and (max-width:750px) {
.about_js dl dd{ overflow-y:inherit; height:auto}
.about_js dl{overflow:hidden; padding:0 0px 0px 0px; }
.about_js_tu{ margin-bottom: 20px; float:none; width:100%; position: relative;}
}


 /* --news------- */

.news_sy{ padding: 0px; overflow: hidden; width: 96%; margin:0 auto; background: #f6f6f6; margin-bottom: 15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_sy .img_box{overflow: hidden; position: relative}
.news_sy .img_box .news_img{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}
.news_sy .img_box .news_img img{display: block;width: 100%;height: auto; vertical-align: top}
.news_sy .img_box:hover .news_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.news_sy .cp_title{ margin: 10px 20px; text-align: center; line-height:30px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color: #111;font-weight: 700; position: relative; padding-bottom: 5px}
.news_sy a{display:inline}
.des_txt_box{font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;margin: 0px 20px 20px 20px;color: #666}

.news_sy .cp_title::after{ position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.news_sy:hover .des_txt_box{top:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;color: #fff}
.news_sy:hover .cp_title{color: #fff}
.news_sy:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1); background: #2e3286}

.news_sy:hover .cp_title::after{ width: 100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

@media screen and (max-width:550px) {
	.news_sy .cp_title{ padding: 10px 10px;font-size: 14px;}
	.des_txt_box{padding: 0px 10px 0px 10px;}	
	
}



  /* --banner-- */

#fixed_1{ width:100%; height:240px ;background:#ddd;background-size:cover!important;position:relative;}

.m_ser_box{ overflow:hidden; padding:0px; position: absolute; z-index: 2;background:rgba(0,0,0,0);width: 100%; height: 100%;float: left}

.ser_txtbox{ overflow:hidden; margin:0px; padding:0px; font-size:40px; line-height:54px;letter-spacing:3px; text-align:center; text-transform: uppercase;
position:absolute;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'Koulen';
 font-weight: normal; text-align: center; width: 100%;color: #004ca2;font-weight: bold
} 
.ser_txtbox p{font-size: 18px; line-height: 22px; font-weight: 300;text-transform: capitalize; color: #004ca2;font-family: 'Koulen';letter-spacing:1px;text-transform: uppercase}
.ser_txtbox p a{color: #004ca2}
@media only screen and (max-width:1300px) {
	#fixed_1{height:200px }
	.ser_txtbox p{font-size: 14px; }
	.ser_txtbox{ font-size:24px;}
}

@media only screen and (max-width:1190px) {

#fixed_1{ width:100%; height:160px ;background-size:cover!important;position:relative;}

}


@media only screen and (max-width:700px) {
#fixed_1{ width:100%; height:120px ;background-size:cover!important;position:relative; }
.ser_txtbox{ font-size:25px;  line-height:25px;letter-spacing:1px;}

}


.postions{ height:76px; line-height:76px; overflow:hidden;color:#444444; font-size:15px; background:#fff; border-bottom:1px solid #e5e5e5;}
.postions_txt{display: inline-block}
.postions_txt a{ overflow:hidden; font-size:15px; color:#333333;}
.postions_txt i{ vertical-align: top;font-size:16px;color:#999; margin-right:3px; line-height: 76px}

.l-sub1{overflow:hidden; margin:0px;width:auto;float: right;height:76px; padding: 0px}
.l-sub1 li{ overflow:hidden;line-height:76px; height:76px; list-style:none;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:100px; text-align: center; margin-left:10px; display: inline-block}
.l-sub1 a{ display: block;color: #666; font-size:16px; height:76px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height: 76px; position: relative}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{font-size:16px; text-decoration:none; height: 76px;line-height:76px;color: #2056ac}

.l-sub1 li.active{color: #2e3286; font-size:16px;text-decoration:none; height:76px; line-height: 76px; position: relative}

.l-sub1 li.active::after{ background: #2056ac; width: 100px; height: 3px;position: absolute;content: ""; z-index: auto; bottom:0px;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}

.l-sub1 a:hover::after{ background: #2056ac; width: 100px; height: 3px;position: absolute;content: ""; z-index: auto; bottom:0px;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
@media (max-width: 1400px) {
	.nr_lm_txt dl dt{font-size:28px;}	

}
@media (max-width: 1200px) {
	.nr_lm_txt dl dt{font-size:24px;}	
	
.postions{ height:56px; line-height:56px;font-size:14px;}
.postions_txt a{ font-size:14px;}
.postions_txt i{ line-height: 56px}
	
.l-sub1{height:56px; padding: 0px}
.l-sub1 li{line-height:56px; height:56px;}
.l-sub1 a{height:56px;line-height: 56px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{height: 56px;line-height:56px;}
.l-sub1 li.active{height:56px; line-height: 56px;}	
}

@media (max-width: 750px) {
	.postions{ height:auto; line-height:36px;font-size:14px;}
	.postions_txt i{ line-height: 36px}
	.l-sub1{ max-width: 500px; width: 100%; float: none; margin: 0 auto}
	.l-sub1 li{ width:33.333%; padding: 0px; margin: 0;float: left}

}




/*------about us--------*/

.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:48%; margin-bottom:20px;}
.about_L_txt{ font-size:14px; line-height:180%;overflow:hidden; padding:0px; margin:0px;}
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:48%; margin-bottom:20px}
.about_R img{ width:100%; height:auto; vertical-align:top}
.about_L img{ width:100%; height:auto; vertical-align:top}
.gsjs_bt{font-size: 30px;width: 100%;margin: 0px 0px 25px 0px;line-height: 44px; color:#111;font-weight: bold;text-align: center;}


@media only screen and (max-width:1100px){
.about_L_txt{ font-size:16px; line-height:200%;overflow:hidden; padding:0px; margin:0px;}
}
@media only screen and (max-width:900px){
.gsjs_bt{font-size: 24px;width: 100%;margin: 0px 0px 5px 0px;line-height: 30px;}
}

@media only screen and (max-width:900px){
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:100%; margin-bottom:20px; margin-top:0px}
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:100%; margin-bottom:20px}
.gsjs_bt{font-size: 20px;width: 100%;margin: 0px 0px 15px 0px;line-height:26px;}
}

.show_dv_box{height:auto; overflow:hidden; margin:0 auto; padding-bottom:20px ; }

@media only screen and (max-width:768px){

.show_dv_box{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.show_dv_box img{ width:100%; height:auto}
}

/*------contact us--------*/

.lxwm_title h3{ color: #000;font-size: 30px;line-height:40px; margin:0px; padding:0px; font-weight:600;letter-spacing:1px; position: relative;}

.x_txt{ margin:0 auto;line-height: 30px;font-size:16px; color: #666;  }

@media only screen and (max-width:1450px) {
.lxwm_title h3{ font-size: 28px; margin-bottom:0px;line-height:36px;}		
}

@media only screen and (max-width:1190px) {
.lxwm_title h3{ font-size: 24px; margin-bottom:0px;line-height:36px;}
.lxwm_title .x_txt{line-height: 24px;}
}
@media only screen and (max-width:960px) {
.lxwm_title h3{ text-align: center}
.x_txt{line-height: 24px;text-align: center}
}

@media only screen and (max-width:800px) {
.lxwm_title h3{ font-size: 22px; margin-bottom:0px;line-height:30px;}

}


.ly_bg{background: url(../images/ly_bg.jpg) no-repeat center bottom; background-size:cover}
.contact_R{ overflow:hidden; padding:0px; margin:0px; float:right; width:48%; }
.contact_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:48%;}


.contact_list{margin:0px; padding:0px;overflow:hidden;}
.contact_list li{margin:0px; padding:10px 0px;overflow:hidden; border-bottom: #ddd 1px dotted}
.contact_list li dl{margin:0px; padding:0px;overflow:hidden;}
.contact_list li dl dt{margin:0px; padding:0px;overflow:hidden;font-weight: 600;font-size: 18px; color: #000;letter-spacing: 1px; line-height: 26px}
.contact_list li dl dd{margin:0px; padding:0px;overflow:hidden;font-size: 14px; line-height: 22px; color: #333;}
.contact_list li:last-child{ border-bottom: #ddd 0px dotted}

.lx_icon{overflow: hidden;padding:0px;text-align: center;width: 40px; height: 50px;float: left; margin-right: 20px; margin-top:8px}
.lx_icon i{font-size:30px; color: #2e3286;vertical-align: middle}
.lx_icon img{width: 100%; height: auto; vertical-align: top}

.contact_2wm{ margin: 0px; padding: 0px; margin-top: 10px; overflow: hidden}
.contact_2wm li{ display: inline-block; margin-right: 10px;}
.contact_2wm li img{  width: 120px; height: auto; vertical-align: top;border:#ddd 1px solid;border-radius:8px}
.contact_2wm li p{margin: 0px; padding: 0px; text-align: center; font-size: 14px; line-height: 30px;}


#allmap {height: 500px;width:100%;overflow: hidden; box-sizing: inherit; }
@media screen and (max-width: 1450px) {
#allmap {height: 400px;width:100%;overflow: hidden;}
}

@media screen and (max-width: 1300px) {
.contact_list li{padding:5px 0px;}
#allmap {height: 400px;width:100%;overflow: hidden;}
	.contact_2wm li img{  width: 110px; height: auto; }
}

@media only screen and (max-width:960px) {
.contact_2wm li img{  width: 100px; height: auto; }
.contact_R{ overflow:hidden; padding:0px; margin:0px; float:none; width:100%; }
.contact_L{ overflow:hidden; padding:0px; margin:0px; float:none; width:100%; margin-bottom: 20px}
#allmap {height: 300px;width:100%;overflow: hidden;}
}
@media only screen and (max-width:960px) {
	
	.contact_2wm li:nth-child(2){display: none}	
}


@media screen and (max-width: 700px) {
.contact_list li dl dt{font-size: 16px;}
}

/*------form--------*/
.form_input-flexing{display: flex; gap: 20px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #222}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#ccc}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 140px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222}

.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}




.form_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background: #2f3da0;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #2e3286;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }	
}

@media only screen and (max-width:450px) {
.form_df-input {flex-basis: 100%;margin-top: 15px;}
.form_input-flexing{gap:0;display: block;}
}

.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}


/*------news list--------*/

.LB_newslist1{ overflow:hidden; margin:0px; padding:0px}
.LB_newslist1 li{ overflow:hidden; margin:0px; padding:20px 40px; margin-bottom:15px; list-style:none; background:#fff}
.LB_newslist1 li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.LB_newslist1 li dl{ overflow:hidden; margin:0px; position:relative}
.LB_newslist1 li dl dt{ overflow:hidden; margin:0px; font-size:18px;font-weight: bold;color:#222; white-space:nowrap;text-overflow:ellipsis; line-height:190%}
.LB_newslist1 li:hover dl dt { color:#2e3286;}
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:16px; line-height: 28px; max-height: 56px; color: #888}

.LB_news{ float:left; margin-right:30px; width:20%;min-width: 200px; overflow:hidden; height:auto;}
.LB_news img{ width:100%; height:auto}

@media only screen and (max-width:1400px) {
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:14px; line-height: 26px; max-height: 52px;}
}

@media only screen and (max-width:1000px) {
.LB_newslist1 li dl dt{ font-size:16px; }
.LB_newslist1 li{  padding:20px 20px;}
}
@media only screen and (max-width:700px) {
.LB_newslist1 li dl dt { font-size:16px; }
.LB_news{margin-right:20px;}
.LB_newslist1 li{  padding:15px 15px;}
}

@media only screen and (max-width:600px) {
.LB_news{min-width: 150px}
}

@media only screen and (max-width:500px) {
.LB_news{margin-right:15px;}
.LB_news{min-width: 120px}
}


 /* --流程------- */
.wh_list{overflow:hidden; padding:0px; margin:0 ;}
.wh_list li{overflow:hidden; padding:0px; margin:0 ; float: left;  width:18.4%; margin-right:2%; margin-bottom: 20px; margin-top: 20px}
.wh_list li:nth-child(5n+0){ margin-right:0;}

.wh_list li dl{ overflow: hidden; position: relative; margin: 0px; padding: 0px  30px  30px  30px; background: #f6f6f6;border-radius:10px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }
.wh_list li dl dt{ overflow: hidden;margin: 0px; padding: 0px;font-size:18px; line-height:28px;min-height: 56px;  color: #2e3286;font-weight: bold;text-align: center; margin-top: 20px; z-index: 5; position: relative}
.wh_list li dl dd{ overflow: hidden;margin: 0px; padding: 0px;font-size:16px; line-height: 28px; min-height: 84px;text-align: center; }

.wh_tu{ width:110px; height: 110px; margin: 0 auto; text-align: center; background: #2e3286; border-radius: 50%; margin-top:-50px; position: relative}
.wh_tu img{ height: 35px; width: auto; vertical-align:top; margin-top: 60px}

.wh_list li dl:hover{ background: #2e3286;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.wh_list li dl:hover dt{ color: #fff;}
.wh_list li dl:hover dd{ color: #fff;}
.wh_list li dl:hover .wh_tu{  background: #ef8300;}

.wh_list li dl .number_lc{position: absolute; z-index: 1;font-size: 50px; line-height: 50px; color: transparent;left:0;font-family: 'BEBAS';font-weight: bold;opacity: .1; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;
-webkit-text-stroke: 1px rgba(0, 0, 0, 1.0);text-stroke: 1px rgba(0, 0, 0, 1.0);
    text-transform: uppercase;text-align: right;right: 20px; bottom: 15px;
}

.wh_list li dl:hover{cursor:pointer}
.wh_list li dl:hover .number_lc{-webkit-text-stroke: 1px rgba(255, 255, 255, 1.0);text-stroke: 1px rgba(255, 255, 255, 1.0);opacity: 0.6;}

@media screen and (max-width:1400px) {
.wh_list li dl dt{font-size:16px; }		
	
}

@media screen and (max-width:1200px) {
.wh_list li dl dd{font-size:14px; line-height: 24px; min-height: 72px;}
.wh_tu{ width:100px; height: 100px; margin: 0 auto; text-align: center; background: #2e3286; border-radius: 50%; margin-top:-40px; position: relative}
.wh_tu img{ height: 30px; width: auto; vertical-align:top; margin-top: 52px}
	
}
@media screen and (max-width:900px) {
	.wh_list li dl .number_lc{font-size: 40px; line-height: 40px; }
.wh_list li{overflow:hidden; padding:0px; margin:0 ; float: left;  width:32%; margin-right:2%; margin-bottom: 15px; margin-top:5px}
.wh_list li:nth-child(5n+0){ margin-right:2%;}
.wh_list li:nth-child(3n+0){ margin-right:0;}
.wh_list li:last-child{margin-right:0;}
.wh_list li dl{ padding: 0px  20px  20px  20px;}
}
@media screen and (max-width:630px) {
.wh_list li{overflow:hidden; padding:0px; margin:0 ; float: left;  width:49%; margin-right:2%; margin-bottom: 10px; }
.wh_list li dl dt{ margin-top: 15px}
.wh_list li:nth-child(5n+0){ margin-right:2%;}	
.wh_list li:nth-child(3n+0){ margin-right:2%;}
.wh_list li:nth-child(2n+0){ margin-right:0;}	
.wh_list li:last-child{margin-right:0;}	
	
.wh_tu{ width:80px; height: 80px; margin: 0 auto; text-align: center; background: #2e3286; border-radius: 50%; margin-top:-35px; position: relative}
.wh_tu img{ height: 26px; width: auto; vertical-align:top; margin-top: 44px}
.wh_list li dl dt{ margin-top: 15px; font-size: 16px}
}
@media screen and (max-width:360px) {
.wh_list li dl{ padding: 0px  15px  20px  15px;}
.wh_list li dl dd{font-size:12px; line-height: 22px; min-height:66px;}	
}


 /* --单位名录------- */
.dwml_bg{background: url(../images/dwml.jpg) no-repeat center top; ; background-size:cover}

.units_list{ overflow:hidden; padding:0px; margin:0px; padding: 0px 10px }
.units_list li{ overflow:hidden; padding:30px 30px; margin:0px; width:32%;float:left; margin-right: 2%; margin-bottom: 2%; 
  background-image: linear-gradient(to top, #ade3e9 0%, #c6f1f6 100%);
  transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; position: relative;cursor: pointer;border-radius: 5px}
.units_list li dl{ overflow:hidden; padding:0px; margin:0px;}
.units_list li dl dt{ overflow:hidden; padding:0px; margin:0px; font-size: 20px; color: #005cbb; font-weight: bold}

.units_list li:nth-child(3n+0){ margin-right:0%;}
.units_list li::after{ height: 2px; width:0; background: #005cbb; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.units_list li:hover::after{ height: 2px; width: 100%; background: #005cbb; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; }

.units_list li::before{ height: 100%; width:2px; background: #005cbb; position: absolute; z-index: 1; bottom: 0px; left: 0; content: "";transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.units_list li:hover::before{ height: 0%;}
.units_list li:hover dt{ color: #fff}

@media screen and (max-width:1400px) {
	.units_list li dl dt{font-size: 18px; }	
	
}

@media screen and (max-width:1100px) {
	.units_list li dl dt{font-size: 16px; }	
	.units_list li{ padding:20px 20px; margin:0px; width:49%; margin-right: 2%; margin-bottom: 20px}
	.units_list li:nth-child(3n+0){ margin-right:2%;}
	.units_list li:nth-child(2n+0){ margin-right:0%;}
}

@media screen and (max-width:650px) {
	.units_list li dl dt{font-size: 16px; }	
	.units_list li{ padding:20px 20px; margin:0px; width:100%; margin-right: 0%; margin-bottom: 20px}
	.units_list li:nth-child(3n+0){ margin-right:0%;}
	.units_list li:nth-child(2n+0){ margin-right:0%;}
}


.ser_bg{background: url(../images/ny_lc_bg.jpg) no-repeat center bottom; background-size:cover}

.ser_list{overflow: hidden; margin: 0px; padding: 0px}
.ser_list li{overflow: hidden; margin: 0px; padding: 0px;float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%}
.ser_list li dl{overflow: hidden; margin: 0px; padding: 0px; position: relative;}
.ser_list li dl dt{overflow: hidden; margin: 0px; padding: 0px;}
.ser_list li dl dd{overflow: hidden; margin: 0px;  color: #fff; position: absolute; z-index: 3;
overflow: hidden;top: 10%;width: 100%;
}
 .ser_mask_bg:hover{background:rgba(1, 198, 247, 0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

 .ser_mask_bg{ overflow:hidden; margin: 0px; padding: 0px; height: 100%; width: 100%; top:0; left:0; position: absolute; z-index: 2; text-align: center;background:rgba(1, 198, 247, .1); transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ser_list li dl dd h3{padding: 10px 15px 10px 15px;font-size: 22px;font-weight: 400; line-height: 180%; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; overflow: hidden; text-align: center; }

.ser_list li:nth-child(4n){ margin-right: 0px;}
.ser_list li dl dt img{ width: 100%; height: auto; vertical-align: top}


@media screen and (max-width:1400px) {
.ser_list li dl dd h3{font-size: 18px; }		
}
@media screen and (max-width:1300px) {
  .ser_list li dl dd h3{ height: 300px;}
}

@media screen and (max-width:1000px) {
  .ser_list li dl dd h3{ height: 240px;}
}
@media screen and (max-width:900px) {
.ser_list li dl dd h3{line-height: 24px }	
	.ser_list li{ width:32%; margin-right: 2%;}
	.ser_list li:nth-child(4n){ margin-right: 2%;}
	.ser_list li:nth-child(3n){ margin-right: 0px;}
}

@media screen and (max-width:600px) {
.ser_list li dl dd h3{line-height: 24px }	
	.ser_list li{ width:49%; margin-right: 2%;}
	.ser_list li:nth-child(4n){ margin-right: 2%;}
	.ser_list li:nth-child(3n){ margin-right: 2%;}
	.ser_list li:nth-child(2n){ margin-right: 0px;}

}

@media screen and (max-width:400px) {
  .ser_list li dl dd h3{ height: 200px;}
}





















































































/*-----page------*/
.next_k{ padding:0px;margin-top:25px; border-top:#ededed 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#333; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}

.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 18px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:3px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;float:right; text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 18px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:3px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #2e3286}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #2e3286}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {
	
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}


#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #014e9a;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #014e9a;
}

#pages li:hover a {
    color: #fff;
}



.al_list{ overflow:hidden;}
.al_list ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; margin-bottom:3%; background: #f4f4f4}
.al_list ul li:nth-child(3n+0){ margin-right:0;}
.al_list ul li .imgs{ overflow:hidden; position:relative; }
.al_list ul li .imgs:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/xm_bg.png) center bottom no-repeat; background-size:cover;}
.al_list ul li .imgs img{ width: 100%; height:auto;}
.al_list ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.al_list ul li .almc_bt{ font-weight:700;line-height:34px;padding:8px 20px;white-space:nowrap;text-overflow:ellipsis; color:#222; font-size:16px; overflow:hidden; text-align: center;}
.al_list ul li a {display: inline}
.al_list ul li:hover {background: #2e3286; box-shadow:0 0 10px 1px rgba(0,0,0,.1); }
.al_list ul li:hover .almc_bt{color: #fff}
@media screen and (max-width: 760px) {
.al_list ul li{ width:49%;}
.al_list ul li:nth-child(3n+0){ margin-right:2%;}
.al_list ul li:nth-child(2n+0){ margin-right:0;}
}

@media screen and (max-width: 640px) {

.al_list ul li .almc_bt{ font-size:15px; padding:3px 10px;}
}

@media screen and (max-width: 480px) {
.al_list ul li .almc_bt{ font-size:14px;}
}



 .picture_zl_box{ padding:10px 0px; margin:0  auto;  width: 94%; text-align: center; position: relative}
 .picture_zl_box p{padding:0px; margin:0;font-size: 16px; line-height: 24px; margin-top: 10px;height: 44px; overflow: hidden;color: #fff}
 .picture_zl {overflow: hidden;text-align: center}
 .picture_zl img { width: 100%; height: auto; vertical-align: top}
 .picture_zl img { transition: all 0.7s;-moz-transition: all 0.7s; -webkit-transition: all 0.7s;}
 .picture_zl_box:hover .picture_zl img { transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); zoom: 1.1 \9;}
 
 @media only screen and (max-width:1200px) {
	 .picture_zl_box p{font-size: 14px; }
 }
 
 
 .picture_zl_box::after {
	 position: absolute;
	 content: '';
	 width: 0;
	 left: 50%;
	 bottom: 0;
	 height: 4px;
	 background: #fff;
	 transition: all .3s;
	 -webkit-transition: all .3s; z-index: 1
 }
 
 .picture_zl_box:hover::after {
	 left: 0;
	 width: 100%;
 }
 
 .picture_zl_box:hover.picture_zl_box p{ color: #fff}

.public_img{overflow: hidden; position: relative}
.public_img .img_box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}

.public_img .img_box img{display: block;width: 100%;height: auto;}
.public_img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}