﻿/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
html,body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial; color:#666; background:#FFF; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#666; text-decoration:none;}
a:hover,a:active{ color:#08ae08; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pd_1{ padding:0px;}
.left{float:left;}
.right{float:right;}
.not-animated { opacity:0; }
@media (min-width: 1200px) {
	.container {width: 1200px; padding:0px; clear:both;}
}
@media (max-width: 768px) {
	.container { padding-left:10px; padding-right:10px;}
}




@font-face
 {
  font-family:'hzgb';
  src:url('../images/hzgb.ttf');
  font-weight:normal;
  font-style:normal;
}


/* ====== top start ====== */
.topbox{ width:100%; height:100px;background:url(../images/topbg.jpg);}
.topbox h3 a{color:#222; width:100px;}
.topbox h3{ float:left; padding-top:7px; overflow:hidden; padding-bottom:12px;font-size:40px;font-weight:600;color:#222;}
.topbox h3 img{ height:auto; max-height:80%;}
.topbox b{color:#C00}
.topbox key{float:left;font-size:18px;color:#555;padding-top:40px;padding-left:15px;}
.topbox txt{right:450px; top:20px; position:absolute;}
.topbox txt a{color:#666;}
.topbox logo{float:left;padding:37px 10px 0 0;}




.topbox tel{
	width:200px;
	float:right;
	text-align:left;
	font-size:14px;
	color:#333;
	background:url(../images/tel.jpg) no-repeat left center;
	padding:20px 0px 0px 60px;
	height:80px;margin-top:10px;
}
.topbox tel p{color:#d21d1d;font-size: 18px;color:#C00;}






.navbar{ float:left;width:100%; background:#039; border:0;text-align:center;height:48px;}
@media (max-width: 1200px) {
	.navbar{display:none;}
	.lngbox{display:none;}
}
.navbar .navbar-nav,.navbar .container,.navbar .navbar-collapse {padding:0px;text-align:center;}
.navbar .navbar-nav li a{ display:block; padding:0px 28px; font-size:15px; color:#fff; height:48px; line-height:48px;}
.navbar .navbar-nav li a:hover{  background:#C00; color:#fff;}
.navbar .navbar-nav .active a, .navbar .navbar-nav .active a:hover{ background:#d90808; color:#fff;}
.navbar .navbar-nav li:hover a{  background:#C00; color:#fff;}
.navbar .navbar-nav li:hover .dropdown-menu a{ font-weight:normal;}
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:active,
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav .open a:focus{ background:#d90808; color:#fff;line-height:48px;}
.navbar .navbar-nav .dropdown .dropdown-menu{ box-shadow:0px 0px 0px 0; border:0px; width:110px; min-width:116px; text-align:center;padding:0px; height:0px; overflow:hidden; display:block; transition:all 0.2s; background:none;}
.navbar .navbar-nav .dropdown .dropdown-menu li{ background:#d90808; overflow:hidden; border-radius:0px; height:36px; line-height:36px;}
.navbar .navbar-nav .dropdown:hover .dropdown-menu{height:500px;}
.navbar .navbar-nav .dropdown .dropdown-menu a{ height:40px; line-height:40px; padding:0px 0 0 5px; color:#FFF;}
.navbar .navbar-nav .dropdown .dropdown-menu a:hover{ color:#FFF; background:#e01717; font-weight:normal;}




.navbar form{
	border:1px solid #fff;
	background:none;
	height:32px;
	border-radius:17px;
	padding:0px 16px;
	width:200px;
	float:right;
	margin-top:8px;color:#FFF;
}
.navbar form input{
	border:0px;
	background:none;
	height:30px;
	color:#fff;
	text-align:left;
	width:137px;
}
.navbar form button{
	background:url(../images/search.png) no-repeat center center;
	width:23px;
	height:32px;
	border:0px;
	vertical-align:top;
}

/* ====== top end ====== */



/* ====== wap top start ====== */
header .pubMenu{
	display:none;
	clear:both;
	position:absolute;
	width:100%;
	text-align:left;
	background:#52CF52;
	z-index:1000;
}
header .pubMenu .btn{
	position:absolute;
	color:#808080;
	font-size:36px;
	right:0px;
	top:-80px;
	font-weight:normal;
}
header .pubMenu ul{
	padding:20px;
	display:none;
}
header .pubMenu ul li{
	line-height:50px;
	border-bottom:1px solid #52CF52;
}
header .pubMenu ul li a{
	color:#FFF;
	font-size:16px;
	text-indent:10px;
	display:block;
}
header .pubMenu ul li a:hover{
	background:#30BF30;
}
header .pubMenu ul li div{
	padding:0px 20px 20px 20px;
	display:none;
}
header .pubMenu ul li div a{
	font-size:14px;
	line-height:30px;
	margin-top:5px
}
header .pubMenu ul li span{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	line-height:44px;
	padding-right:10px;
}
@media (max-width: 1200px) {
	.topbox{
		height:90px;
	}
	.topbox h3{
		padding-top:7px;
	}
	header .pubMenu{
		display:block;
		top:90px;
	}
}
@media (max-width: 768px) {
	.topbox .container{padding:0px 5px;}
	.topbox{
		height:50px;
	}
	.topbox h3{
		padding-top:5px;font-size:30px;
	}
	.topbox h3 img{
		height:45px;
	}
	header .pubMenu{
		top:60px;
	}
	header .pubMenu .btn{
		font-size:28px;
		top:-60px;
	}
	.topbox key{display:none}
	.topbox tel{display:none}
	.topbox logo{padding:30px 8px 0 0;}
	.topbox logo img{width:auto;height:22px;}
}
/* ====== wap top end ====== */



/* ====== home banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	margin:0 6px;
	background:#CCC;
}
.carousel-btn .selected {
	background:#da251c;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
}



@media (min-width:768px) and (max-width:1920px) {
.mban{display:none;}
.pcban{display:block;}
}

@media (min-width:768px) and (max-width:991px) {
	.carousel{ height:479px !important; }
	.carousel .carousel-item .carousel-img a img{ height:479px !important; }
}

@media screen and (max-width:768px) {
	.carousel{ height:150px !important; }
	.carousel .carousel-item .carousel-img a img{ height:150px !important; }
	.pcban{display:none;}
.mban{display:block;}
.mban img{height:150px;}
}
@media screen and (max-width:640px) {
	.carousel{ height:150px !important; }
	.carousel .carousel-item .carousel-img a img{ height:150px !important; }
	
.pcban{display:none;}
.mban{display:block;}
.mban img{height:150px;}
	
}
@media screen and (max-width:480px) {
	.carousel{ height:150px !important; }
	.carousel .carousel-item .carousel-img a img{ height:150px !important; }
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;}
	.banbox{ width:100%; overflow:hidden;}
	
	
	


.banner{ /*height:680px;*/ position:relative;}

.banner .swiper-container{ /*height:680px;*/}
.banner .swiper-container img{width:100%;height:auto;}

.banner .swiper-pagination{ position:absolute; top:50%; transform:translateY(-50%); z-index:0;}
.banner .swiper-pagination1{ position:absolute; bottom:20px; z-index:6; text-align:center; width:100%;}
.banner .swiper-pagination1 span{ display:inline-block; width:12px; height:12px; margin:0 5px;background:#fff;opacity:1;}
.banner .swiper-pagination1 span.swiper-pagination-bullet-active{ background:#FC0;}
.banner .swiper-pagination span{ display:block; font-size:16px; height:auto; width:auto; background:none; color:#fff; opacity:1; margin-bottom:25px;}
.banner .swiper-pagination span::after{ content:""; display:block; height:0px; border-left:2px solid #fff; position:relative; left:8px; margin-top:10px; transition:all 0.5s;}
.banner .swiper-pagination span.swiperh::after{ height:40px;}

.banner .ban_wz{ position:absolute;}

.banner_dian{ position:absolute; bottom:67px; z-index:6;}
.banner_mouse{ position: relative;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse.png) no-repeat -23px 0px;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse.png) no-repeat 0px 0px;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 1px;height: 9px;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.banner_jt{ text-align:center; margin-top:10px;}
@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	
@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
	
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}


@media (max-width:1600px) {
	.banner .swiper-pagination{right:3.125%;}
	.banner .ban_wz1{left:3.125%;}
	.banner .banner_dian{right:3.125%;}
	.banner .ban_wz2{right:7%;}
	}
@media (max-width:1200px) {
	.banner .banner_dian{ bottom:20px;}
	.banner .swiper-pagination span.swiperh::after{ height:20px;}
	}
@media (max-width:768px) {
	.ban{ display:block;margin-top:60px;}
	.ban img{width:100%;height:auto;}
	.banner{ display:none;}
	}
	
	
/* ====== home banner end ====== */





/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:10px 0 30px 0; clear:both;margin-bottom:20px;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */


/* ====== in_prod atart ====== */
.in_xx{ width:100%; padding:55px 0 45px 0;}
.in_xx .ctgbox{ width:100%; overflow:hidden;}
.in_xx .ctg{ position:relative; float:left; left:50%; height:82px}
.in_xx .ctg ul{ position:relative; float:left; left:-50%; top:45px;}
.in_xx .ctg ul li{ float:left; padding:0 19px}
.in_xx .ctg ul li a{ display:block; width:139px; height:37px; line-height:37px;font-size:15px; text-align:center; color:#666; border:1px solid #B1B1B1; border-radius:37px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_xx .ctg ul li a.cur{ border:1px solid #004e94; background:#004e94; color:#FFF;}
.in_xx .list{padding-top:40px; overflow:hidden;}
.in_xx .list li{ float:left; width:calc(25% - 20px); margin:0 10px 10px 10px; background-size:100% auto;}
.in_xx .list li img{width:100%;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.in_xx .list li p{ width:100%; height:45px; line-height:45px; font-size:15px;text-align:center;background-size:cover; transition:all 0.3s ease-out 0s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.in_xx  .list li:hover p{ background:#004e94; color:#FFF; font-weight:bold;border-bottom:1px solid #004e94;border-left:1px solid #004e94;border-right:1px solid #004e94;}
.in_xx .list li:hover img{border-top:1px solid #004e94;border-left:1px solid #004e94;border-right:1px solid #004e94;}
.in_xx .list li a{color:#333;}

.in_xx .more{ display:block; width:136px; height:35px; line-height:35px; text-align:center; border:1px solid #BABABA; color:#999; margin:20px auto 0 auto; transition:all 0.3s ease-out 0s;}
.in_xx .more:hover{ border:1px solid #0f61b9; background:#0f61b9; color:#FFF;}



@media (max-width: 992px) {
	.in_xx{ padding:40px 0 30px 0;}
	.in_xx .list li{ width:50%;}
	.in_xx .more{ margin-top:30px;}
}
@media (max-width: 768px) {
	.in_xx{ padding:0px 0 20px 0;}
	.in_xx .ctg{height:auto;padding:0 0 30px 0;}
	.in_xx .ctg ul li{ padding:0 5px;margin:0 0 5px 0;}
	.in_xx .ctg ul li a{ width:90px; height:27px; line-height:27px;}
	.in_xx .list li{ width:calc(50% - 10px);  margin:0 5px 0px 5px; }
	.in_xx .more{ margin-top:20px;}
}
/* ====== in_prod end ====== */



/* ====== in_xx atart ====== */
.in_hj{ width:100%; padding:55px 0 45px 0;}
.in_hj .list{ clear:both; padding-top:40px; overflow:hidden;}
.in_hj .list li{ float:left; width:calc(25% - 1px); margin:0px 1px 1px 0px;text-align:center;}
.in_hj .list li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;}
.in_hj .list li a img{ width:100%;transition:all 0.3s ease-out 0s;height:357px;}
.in_hj .list li a div{ background:#000; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s;}
.in_hj .list li a p{ width:100%; height:100%; font-weight:bold; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:16px}
.in_hj .list li a:hover img{ transform:scale(1.1);}
.in_hj .list li a:hover div{ opacity:0.5; filter:alpha(opacity=50);}
.in_hj .list li a:hover p{ opacity:1; filter:alpha(opacity=100);}
.in_hj .more{ display:block; width:136px; height:35px; line-height:35px; text-align:center; border:1px solid #BABABA; color:#999; margin:20px auto 0 auto; transition:all 0.3s ease-out 0s;}
.in_hj .more:hover{ border:1px solid #07AD07; background:#07AD07; color:#FFF;}



@media (max-width: 992px) {
	.in_hj{ padding:40px 0 30px 0;}
	.in_hj .list li{ width:50%;}
	.in_hj .more{ margin-top:30px;}
}
@media (max-width: 768px) {
	.in_hj{ padding:30px 0 20px 0;}
	.in_hj .list li{ width:calc(50% - 2px);margin:0 1px 2px 1px}
	.in_hj .list li a img{width:100%;height:auto}
	.in_hj .more{ margin-top:10px;}
}
/* ====== in_xx end ====== */



/* ====== in_about atart ====== */
.in_biao{width:100%;background:#0060b6;padding:30px 0px 20px 0px;text-align:center;font-size:40px;color:#FFF}
.in_biao b{font-weight:600;}
.in_biao p{font-size:26px;color:#FFF}

.in_about{ width:100%; background:url(../images/index_06.jpg);  padding:55px 0 65px 0; }
.in_about img{ float:left; width:auto; max-width:100%;}
.in_about .cont{ float:right; width:calc(100% - 470px); color:#363636;}
.in_about .cont h1{ font-size:24px; font-weight:bold; padding-top:0px;}
.in_about .cont .info{ line-height:24px; margin-top:20px; max-height:144px;}
.in_about .cont .info p{ text-indent:2em;font-size:15px;line-height:180%;}
.in_about .cont .more{ display:block; float:right; width:136px; height:35px; line-height:35px; text-align:center; background:#ea3535; color:#FFF; margin-top:10px; transition:all 0.3s ease-out 0s;}
.in_about .cont .more:hover{ background:#d91b1b;}
@media (max-width: 992px) {
	.in_about .cont .info{ max-height:none;}
}
@media (max-width: 768px) {
	 .in_biao{padding:30px 0px 20px 0px;font-size:26px}
	 .in_biao p{font-size:16px;}
	.in_about{ text-align:center; padding:35px 0;}
	.in_about img{ float:none;}
	.in_about .cont{ float:none; width:100%; text-align:left;}
	.in_about .cont .info{ max-height:none;}
}
/* ====== in_about end ====== */

/* ====== home news list start  ====== */
.homeNewsList{
	padding-bottom:60px;
	background:#fff;padding-top:0px;
}

.homeNewsList .container{
	padding:0px;
}

.newsList{
	margin-top:30px;
	overflow:hidden;
}
.newsList .media{
	margin:0px;
	height:130px;
}
.newsList .media-left{
	padding-right:20px;
}
.newsList .media-left span{
	display:block;
	text-align:center;
	background:#0f61b9;
	color:#fff;
	padding:0px 10px;
	width:70px;
}
.newsList .media-left span:first-child{
	font-size:24px;
	line-height:50px;
	border-bottom:1px solid #FFF;
	color:#fff;
}
.newsList .media-left span:last-child{
	font-size:12px;
	line-height:24px;
}
.newsList .media-body{
	text-align:left;
	color:#a0a0a0;
	line-height:20px;
	font-size:14px;
}
.newsList .media-body h4{
	font-weight:bold;
	font-size:16px;
	padding-bottom:5px;
}
.newsList .media-body h4 a{
	color:#4d4d4d
}
.newsList .media-body h4 a:hover{
	color:#0f61b9
}

.homeNewsList .more{
	font-size:14px;
	margin-top:36px;
	border:1px solid #d3d3d3;
	height:40px;
	line-height:40px;
	padding:0px;
	width:145px;
	transition:all 0.3s;
	background:#fff;
	color:#bcbcbc;
	border-radius:0px;margin:0 auto; display:block; 
}
.homeNewsList .more:hover{
	border:1px solid #0f61b9;
	background:#0f61b9;
	color:#FFF;
}


@media (max-width: 768px) {
	 .homeNewsList{padding:30px 0px 20px 0px;}
	 .newsList .media{
	margin:0px;
	height:125px;
}

}


/* ====== home news list end ====== */
/* ====== footer start ====== */
.in_btm{ width:100%; background:#0065bf; overflow:hidden; color:#FFF; padding:55px 0 45px 0;}
.
.in_btm a{ color:#FFF;}
.in_btm a:hover{ color:#FFF;}
.in_btm .lt{ float:left; width:280px;font-size:18px;color:#FFF;margin-right:80px;}
.in_btm .lt p{font-size:13px;color:#FFF;padding-top:10px;line-height:180%;}
.in_btm .lt a{font-size:13px;color:#FFF;padding-right:10px;}


.in_btm .lt1{ float:left; width:300px;font-size:18px;color:#FFF;}
.in_btm .lt1 p{font-size:14px;color:#FFF;padding-top:10px;}

.in_btm .rt{ float:right; width:240px;}
.in_btm .rt .ewm{ float:left;}
.in_btm .rt .sj{ float:left; width:90px; text-align:center; font-size:12px; line-height:19px;}
.in_btm .rt .sj img{ margin-top:13px;}
.in_btm .rt .sj p{ margin-top:15px;}
.in_cpy{ width:100%; line-height:20px; padding:15px 0; text-align:center; color:#DBDBDB; background:#004e94;}
.in_cpy a{ color:#fff;}
.in_cpy a:hover{ color:#fff;}
@media (max-width: 1200px) {
	.in_btm {display:none;}
    .in_cpy{ line-height:18px; padding:7px 0;}
}
@media (max-width: 768px) {
    .in_cpy{ line-height:18px; padding:7px 0; font-size:12px;}
}
.in_link{float:left;width:100%;font-size:13px;color:#555;text-align:center;}
.in_link a{color:#555;}
@media (max-width: 768px) {
 .in_link{display:none;}
}
/* ====== footer end ====== */
/* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 50px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:55px;
	height:55px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 55px;
	overflow: hidden;
	width: 55px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:55px;
}
/* ====== go top end ====== */


/*=========== neiye ==========*/


.pro_cont1{width:100%;background:#096;height:auto;overflow:hidden;padding-top:50px;padding-bottom:50px;}
.pro_cont2{background:#F90}


.pro_cont{width:100%; min-height:400px;padding-top:30px;padding-bottom:30px;}

.pro_cont .rt{ float:right; width:calc(100% - 290px)}
.pro_cont .rt .top{ height:56px; line-height:56px; border-bottom:1px solid #D5D5D5; overflow:hidden;}
.pro_cont .rt .top b{ float:left; margin-left:5px; color:#2c2c2c; font-size:20px;}
.pro_cont .rt .top p{ float:right; padding-right:10px; color:#9c9c9c;}
.pro_cont .rt .top p a{ color:#9c9c9c;}

.pro_main{ clear:both;}
.pro_list{ padding-top:35px;}
.pro_list li{ float:left; width:calc(33.33% - 26px); margin:0 13px 18px 13px;}
.pro_list li img{ width:100%; border:1px solid #d9d9d9;}
.pro_list li p{ width:100%; height:41px; line-height:41px; text-align:center; background:url(../images/index_14.jpg) center top no-repeat; background-size:cover; transition:all 0.3s ease-out 0s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_list li:hover img{ border:1px solid #0065bf;}
.pro_list li:hover p{ background:#0065bf; color:#FFF; font-weight:bold;}

.pro_cont .lt{ float:left; width:250px;}
.pro_cont .lt .tit{ height:57px; line-height:57px; background:#42C742; color:#FFF; background: linear-gradient(#0064bf, #004e94);}
.pro_cont .lt .tit b{ float:left; font-size:20px; margin-left:30px;}
.pro_cont .lt .tit img{ float:right; margin:12px 30px 0 0;}
.pro_cont .lt ul{ padding-top:5px;}
.pro_cont .lt ul li{ border-bottom:1px solid #ECECEC; background:#FAFAFA;display:block;}
.pro_cont .lt ul li a{ display:block; width:100%; height:43px; line-height:43px;padding-left:28px;font-size:14px;color:#555;}
.pro_cont .lt ul li a p{ float:left; margin-left:38px;}
.pro_cont .lt ul li a em{ float:right; font-style:normal;font-family:"瀹嬩綋"; margin-right:47px;}
.pro_cont .lt ul li a.cur{ background:#434343; color:#FFF;}
.pro_cont .lt ul li a:hover{ background:#434343; color:#FFF;}
@media (max-width: 992px) {
	.pro_list li{ width:calc(50% - 26px);}
    .pro_list li p{ height:31px; line-height:31px; }
}
@media (max-width: 768px) 
{
    .pro_cont container{padding:0px 0px;}
	.pro_cont{ padding-top:0px;}
    .pro_cont .rt .top{ height:43px; line-height:43px;}
    .pro_cont .rt .top b{ font-size:16px;}
	.pro_list li{ width:calc(100% - 16px);margin:0px 0px 0px 10px;}
    .pro_list li p{ height:35px; line-height:35px; }
	.pro_cont .lt,.pro_cont .rt{width:100%;}
}

.con_box{ clear:both; line-height:180%; padding:30px 0; min-height:400px;font-size:15px;}
.con_box b{color:#C00;font-size:18px;font-weight:normal;}
.con_box img{ width:auto; max-width:100%;}
@media (max-width: 992px) {
    .con_box{ min-height:auto;}
}
@media (max-width: 768px) {
    .con_box{ min-height:auto;padding:0px 10px;}
}

.hons_img{ text-align:center;}
.hons_img img{ width:auto; max-width:100%;}
.hons_tit{ text-align:center; font-size:15px; color:#2A8B0A; padding:7px 0 0 0;}


.nss_tit{ font-size:20px; font-weight:bold; line-height:40px; text-align:center; padding:10px 0 10px 0 ;}
.nss_dtm{ text-align:center; padding:0 0 15px 0; font-size:12px; color:#999;}
.nss_info{ line-height:24px;padding:30px 0px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both; padding:0 0 10px 0;}
.ns_pn{ clear:both; padding:15px 0 0 0; line-height:26px;}




/*news*/
.ns_list li{ clear:both; height:36px; line-height:36px; padding:0 0 0 17px; border-bottom:1px dashed #ccc; background:url(../images/news_43.png) 3px center no-repeat; overflow:hidden; }
.ns_list li a{ float:left; font-size:14px;color:#555;}
.ns_list li span{ float:right; font-size:13px; color:#999; text-align:right;}
@media (max-width: 768px) {
    .ns_list li a{ width:70%;}
    .ns_list li span{ width:30%;}
}


/*=========== neiye edn ========*/

.in_tit_1{ width:483px; margin:0 auto; overflow:hidden;}
.in_tit_2{width:313px; margin:0 auto; overflow:hidden;}
.in_tit_1 .lt,.in_tit_2 .lt{ float:left; width:77px; height:58px; border-bottom:1px solid #C9C9C9;}
.in_tit_1 .rt,.in_tit_2 .rt{ float:left; width:77px; height:58px; border-bottom:1px solid #C9C9C9;}
.in_tit_1 .ct,.in_tit_2 .ct{ float:left; text-align:center;}
.in_tit_1 h1{ font-size:27px; width:320px; color:#333333; line-height:29px; padding-top:6px;}
.in_tit_1 .p_1,.in_tit_2 .p_1{font-size:27px; width:130px; color:#333333; line-height:29px; padding-top:6px;}
.in_tit_1 .p_2,.in_tit_2 .p_2{ font-size:16px; color:#bfbfbf; line-height:18px; padding-top:3px; font-family:Arial; text-transform:uppercase;}

@media (max-width: 768px) {
.in_tit_1 h1{font-size:20px;width:100%;text-align:center;}
.in_tit_1 .lt,.in_tit_2 .lt{display:none;}
.in_tit_1 .rt,.in_tit_2 .rt{display:none;}
.in_tit_1{width:100%;}
.in_tit_1 .ct,.in_tit_2 .ct{width:100%;}
}





