@charset "utf-8";
/* CSS Document */
.n_banner{ position:relative;width: 100%; height: 260px; background-color: #999;}
.aboutbanner{background:url(../images/news_banner.jpg) top center no-repeat;}
.about_banner{background:url(../images/n_banner.jpg) top center no-repeat;}
.product_banner{}
body{min-width: 1200px;}
.top_box{position:relative; width: 100%;  background-color: #666;}
.top{ position:relative; width: 1200px; height: 32px; margin: 0px auto;line-height: 32px; color: #ccc;}
.top_right{display:inline-block; width:430px; float: right; text-align: right;}
.top_right a{ color:#ccc; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #ccc;}
.top_right a:hover{ color:#fff;}
.top_right span{font-size:14px;}
.nav_box{position:relative; width: 100%;  background-color: #fff;}
.nav{ position:relative; width: 1200px; height: 90px; margin: 0px auto;}
.logo{ float: left; padding-top: 18px; width: 400px;}
.nav_ul{ display:block; width: 800px; height: 30px; float: right;}
.nav_ul_li{ display:block; width: 110px; text-align: center; float: left;}
.nav_ul_li a{ font-size:14px; color: #333;  line-height: 90px;}
.nav_ul_li a:hover{ color:#004c9a;}
.nactive a{  color: #004c9a; font-weight: bold;}

    .banner {
	position: relative;
      width: 100%;
       height: 490px;
		overflow: hidden;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.product_box{background-color: #f8f8f8;}
.product{ position:relative; width: 1200px; padding: 30px 0px; margin: 0px auto; }
.p_intro{ text-align:center; width: 1000px; margin: 0px auto; font-size: 14px;}
.p_intro h2{ font-size:28px; font-weight: bold; }

.p_nav{ display:block; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.p_nav li{ display:inline-block;}
.p_nav_a{ display:inline-block; width:130px; height: 36px; border: 1px solid #ccc; font-size:14px; color: #333; line-height: 36px; margin-right: 10px; border-radius: 4px; font-weight: bold;}
.p_nav_a:hover{ color:#fff;background-color: #004c9a; border:1px solid #004c9a;}
.pactive{background-color:#004c9a; color: #fff; border:1px solid #004c9a;}

.p_ul{ display:block;}
.p_ul li{ display:block; width: 277px; float: left; margin-left:20px; margin-bottom: 15px;}
.p_ul li p{ text-align:center;}
.p_ul li a{ font-size:14px; color: #333; line-height: 28px; display: block; width: 277px;}
.p_ul li a:hover{opacity:0.8;}
.p_bottom{ clear:both; text-align: center; font-size: 16px;}

.about_box{position:relative;width: 100%;}
.about{position:relative;width: 1200px; margin: 0px auto; padding: 25px 0px 30px 0px;}
.about_left{ width:500px;  float: left;}
.about_left_title{ margin-bottom:20px;}
.about_left_title p{ font-size:24px; font-weight: bold;}
.about_left_title p span{ font-size:14px; font-weight: normal; color: #ccc; margin-left: 10px;}
.about_left_con{ font-size:14px;}
.about_left_con p{ text-indent:2em;}

.inews{float:right; width: 630px;}
.i_more{ float:right; line-height:43px; color: #999;}

.inews_ul{display:block;}
.inews_ul li{ display:block; clear: both; padding: 10px 80px 10px 0px; border-bottom: 1px dotted #ccc; background: url(../images/index_15_15.jpg) 580px 30px no-repeat; }
.inews_date{display:block; float: left; margin-right: 20px; width: 79px; color: #999; text-align: center; font-size: 14px;border-right:1px solid #ccc; }
.inews_date span{ font-size:30px; line-height: 45px;}
.inews_ul li h3{ font-size:16px; line-height: 30px;}
.inews_ul li h3 a{ color: #333; }
.inews_ul li h3 a:hover{ color:#004c9a;}
.i_news_info{ font-size:12px; color: #666;}


.case_box{position:relative;width: 100%; background: url(../images/case_bg.jpg) top center no-repeat;}
.case{ position:relative; width: 1200px; height: 440px; margin: 0px auto; overflow: hidden;}
.case_title{text-align: center; color: #fff; padding-top: 20px;padding-bottom: 30px;} 
.case_title h3{font-size: 30px; font-weight: normal;}

.case_container .swiper-slide{ display: block;width:277px; height: 242px;}
.case_container .swiper-slide a{display:block; position: relative; height: 209px;}
.case_container .swiper-slide a:hover{opacity:0.8;}
.case_container .swiper-slide img{position:relative;}
.case_container .swiper-slide p{display:block; font-size:14px; line-height: 28px; line-height: 32px;}
.case_container .swiper-button-next,.case_container .swiper-button-prev{ margin-top:0px; }

.case_container .swiper-pagination{ bottom:15px !important;}


.friend_box{position:relative; width:100%;}
.friend{position:relative; width: 1200px;  margin: 0px auto; padding: 20px 0px;}
.f_ul{display:block;}
.f_ul li{ display:block; width: 163px; height: 73px; float: left; margin-bottom: 10px;}

.bottom_box{position:relative; width: 100%; background-color: #2f3039;}
.bottom{position:relative; width: 1200px;  margin: 0px auto; padding: 20px 0px;}
.b_wx{float:left; }
.b_nav{ float:left; width: 680px; border-left: 1px dotted #666; margin-left: 40px; border-right: 1px dotted #666; margin-top: 10px;}
.b_nav_ul{}
.b_nav_li{ float:left; margin-left: 50px; margin-right: 40px;}
.b_nav_li h3{  color:#fff; line-height: 28px;}
.b_nav_li h3 a{ font-size:14px; color:#fff;}
.b_nav_li p a{ font-size:14px; color:#999;}
.b_contact{ width:300px; float:left; text-align: right; margin-top: 20px;}
.b_contact_info{ font-size:14px; color: #666;}
.b_contact_tel{ font-size:24px; color: #ababab;}

.b_line{border-bottom:1px dotted #535353; padding-top: 10px; margin-bottom: 10px;}
.b_con{ font-size:14px; color: #999; border-bottom: 1px dotted #666; padding-bottom: 10px;}
.b_con a{ color:#999;}
.b_con a:hover{ color:#ccc;}
.f_link{ font-size:14px; margin-top: 10px; color:#999; padding-bottom: 1px;}
.f_link ul li{ float:left; margin-right:1.5em;}
.f_link a{ color:#999;}
.f_link a:hover{ color:#ccc;}



.nl_con{ position: relative;width:1200px; margin: 0px auto;}
.nl_left{ position:relative; width: 270px; margin-top: -60px; z-index: 10;}

.nl_title{padding-left: 30px; width: 240px; background-color: #1a54a5; height: 60px; line-height: 60px; color: #fff; font-size: 18px; font-weight: bold;}
.nl_ul{display:block; padding-top: 10px; padding-bottom: 30px;background-color: #f8f8f8;}
.nl_li{ display:block;}
.nl_li a{ display:block; line-height: 42px; font-size: 14px; color: #333; margin-left: 30px; border-bottom: 1px dotted #ccc; margin-right: 30px;}
.nl_li a:hover{ color:#3671cf; font-weight: bold;}
.nl_lihover{display:block; line-height: 42px; font-size: 14px; color: #333; margin-left: 30px; border-bottom: 1px dotted #ccc; margin-right: 30px;color:#00706c !important; font-weight: bold;}

.nl_contact{padding-bottom: 30px;}
.nl_contact_title{font-size: 18px; margin-top: 20px;  line-height: 36px;}
.nlc_p{font-size: 14px;line-height:2em;}

.nlc_company{font-size: 16px; font-weight: bold; line-height:42px; color: #3671cf;}



.nl_right{width:890px; float:  right; padding-top: 45px; padding-bottom: 20px;}

.right_body{ padding:30px 0px; padding-top: 10px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0px; font-size: 14px; line-height: 1.8em; }
.ChannelContent p{margin-bottom: 1em;}
/*当前位置*/
#location_main { } 
#location {color:#666; position: relative;  height:60px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.new_gy{float:left; line-height: 60px; font-size: 18px;font-weight: bold;}
.new_position{ float: right;line-height: 60px; font-size: 12px;}
#location a {color:#666;}
#location a:hover {color:#004c9a;}

.textlist{display:block;}
.textlist li{ width:100%; overflow:hidden; padding:15px 0; }
.textlist li p{ height:44px; line-height:22px; color:#555; padding-right:10px; overflow:hidden; }
.textlist li .InfoTitle{ display:inline-block; font-size:18px; color:#000; line-height:28px; padding-top: 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.textlist li .time{ float:left; width:124px; height:80px; overflow:hidden; text-align:right; margin-right:30px; }
.textlist li .time .day{ display:block; font-size:40px; color:#999; line-height:22px; padding:10px 0 18px 0; }
.textlist li .time .year{ display:block; font-size:12px; color:#999; text-align:right; line-height:16px; padding-top:10px; }
.textlist li:hover{ background:#f4f4f4; }
.textlist li:hover .InfoTitle{ color:#3671cf; font-weight:bold; }
.textlist li:hover .time .day,.textlist li:hover .time .year{ color:#3671cf; }


/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; color:#3e3e3e;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;  color:#3e3e3e; font-weight: normal !important;}
.InfoContent img{ max-width:70%;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:0px 0px 10px 0px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em}


.p_info{ margin-top:10px; }
.p_info p{ margin-bottom:1em;}
.p_tel{ display: inline-block; padding-top: 1em;}
.p_tel span{font-size:24px; font-weight: bold; color: #E90003;}

.p_title{ border-bottom:1px solid #ccc; margin-top: 10px; margin-bottom:1em;}
.p_title p{ display: inline-block; background-color: #3671cf; padding: 5px 20px 5px 20px; color: #fff;}




.pagination-wrapper{margin: 20px 0; margin-bottom: 0px;} 
.pagination{height: 34px;text-align: center;display:block; line-height: 34px; position: relative; color:#999;} 
.pagination span{margin-left:5px; margin-right: 5px;}
.page-numbar a{margin-left:5px; margin-right: 5px;}
.page-numbar .page-num-current{color:red;}
.pagination li {display: inline-block;height: 34px;margin-right: 5px;height: 32px;line-height: 32px;font-size: 16px; } 
.pagination li select{  margin-top: 0px; margin-bottom: 0px; font-size: 16px;}
.pagination li a{display: inline-block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;} 
.pagination li a:hover{background:#ccc;color:#00706c; color:#004c9a;} 
.pagination .thisclass a { display: inline-block;background: #004c9a; color:#fff;} 
.pagination li .thisclass a:hover{background-color:#004c9a; color:#004c9a;}


.InfoSContent{position:relative;  border: 1px solid #ccc; background-color: #f8f8f8;padding: 20px; color:#666; margin-bottom: 10px;}

.divremmnews {
	border: 1px solid #e4e4e4;
	border-top: none;
	margin-bottom: 10px;
	padding: 15px;
	background-color: #fff;
}
.divremmnews ul {
	width: 100%;
	overflow: hidden;
}
.divremmnews ul li {
	float: left;
	width: 47%;
	height: 35px;
	line-height: 35px;
	margin: 0 1.5%;
	border-bottom: 1px dashed #ccc;
}
.divremmnews ul li a {
	height: 35px;
	line-height: 35px;
	float: left;
	font-size: 14px;
	overflow: hidden;
}
.divremmnews ul li span {
	color: #666;
	float: right;
	height: 35px;
	line-height: 35px;
	white-space: nowrap
}
.divremmnews ul li a:hover {
	color: #1048a0;
}


.anlitopH4 {
	height: 38px;
	line-height: 38px;
	border: 1px solid #e4e4e4;
	margin-top: 20px;
}
.anlitopH4 span {
	border-left: 5px solid #1048a0;
	height: 38px;
	line-height: 38px;
	padding-left: 22px;
	display: block;
	float: left;
	color: #1048a0;
	font-weight: bold;
	font-size: 14px;
}

.InfoContent h2{font-size:24px;}