@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-size:14px; font-family:"Microsoft Yahei";background:#fff; overflow-x:hidden;color:#333;margin:0; padding:0;}
ul,ol,li{list-style:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{ text-decoration:none; color:#df0a10;}
.clear{clear:both;display:block; overflow:hidden;}
.hide{display:none;}
.fl{float:left;}
.fr{float:right;}
table{ margin:0 auto;}
img{ border:none;}
.w1200{ max-width:1200px; margin:0 auto;}
.top{ height:85px;}
.logo{ padding-top:16px;}
.nav li{ float:left; line-height:85px; font-size:16px; padding:0 20px; position:relative}
.nav li a:hover{ border-bottom:3px solid #df0a10; padding-bottom:9px;}

.nav li .cd-ts{
  border-bottom:3px solid #df0a10; padding-bottom:9px; color:#df0a10
}




.tttt{ width:120%; position:absolute; left:-10%; top:62px; display:none;  background:#fff; border-top:3px solid #df0a10;text-align:center; padding:10px 0 0 0; transition-duration:.5s;}
.tttt li{ float:none;  transition-duration:.5s; border:none; line-height:40px; padding:0 10px;}
.tttt li a{ color:#999; font-size:14px;}
.tttt li a:hover{ color:#df0a10; border:none}

/*xs菜单样式开始*/
.xs-top{
	display: none;
}
.xs-logo{
	width: 45%;
	padding:15px 0 0 0;
}
.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fff;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/

.js-silder{position: relative; min-width: 320px; padding-top:85px;}
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative; width: 100%;  overflow: hidden;}
.silder-main-img{ position: absolute; top: 0; left: 0; width: 100%;}
.silder-main-img img{ width: 100%; display: block;}
.js-silder-ctrl{ width: 100%; text-align: center; position: absolute; bottom: 10px;}
.silder-ctrl-con{display: inline-block; width: 4%; padding: 10px 0;margin: 0 10px; cursor: pointer;}
.silder-ctrl-con>span{ display: block;line-height: 0; text-indent: -9999px;overflow: hidden;padding: 2px 0; cursor: pointer; background-color: #e4e4e4;}
.silder-ctrl-con.active>span{ background-color: #2b2a8c;}
.ab-tu{ width:20%; position:relative; top:-60px;}
.ab-tu img{ width:100%;}
.ab-zi{ width:80%;}

/* 首页要闻速栏css */
 .txtMarquee-left{width:100%;  overflow:hidden; position:relative;  border-bottom:1px solid #e2e2e2; height: 44px;}
	
		.txtMarquee-left .bd{ background: url(../images/gg.png) no-repeat 18px 9px; 
	height: 44px; margin:0 auto; overflow:hidden; padding-left:120px; position:relative; }
		.txtMarquee-left .bd .tempWrap{ width:1000px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:30px;  float:left; height:37px; line-height:37px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
		.txtMarquee-left .bd ul li a{ color:#2b2a8c}
		.in-ab{ padding:50px 0 0 24px; line-height:2.2; font-size:16px; color:#5c5c5c;}
.in-case{ width:100%; position:relative; top:-40px;}
.in-case li{ width:24%; float:left; margin-right:1%; margin-bottom:10px; text-align:center;}
.in-case li:nth-child(3),.in-case li:nth-child(7){ margin-right:0;}
.in-case li h1{ width:100%; height:253px; background:#000; overflow:hidden;}
.in-case li h1 img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.in-case li p{ width:100%; background:#e1e1e1; text-align:center; font-size:16px; height:40px; line-height:40px;}
.in-case li:nth-child(1){ width:49%; background:#1e2089; height:213px; color:#fff; padding:40px 0;}
.in-case li h2{ font-size:30px;}
.in-case li .sp01{ text-transform:uppercase; font-size:36px; opacity:0.4; font-family:"Arial"; display:block; padding:20px 0;}
.in-case li .sp02{ width:170px; height:2px; background:#fff; margin:0 auto 50px auto; display:block;}
.in-case li .in-more{ border:1px solid #fff; color:#fff; padding:12px 34px; border-radius:10px;}
.in-case li:hover img{ opacity:0.5; transform:scale(1.1,1.1)}
.in-link h1{ color:#30318b; font-size:24px; float:left; line-height:66px;}
.in-link { padding-bottom:40px;}
.logo-xi{ float:left;}
.logo-xi p{ float:left;text-align:center;}
.logo-xi p img{ float:left;}
.logo-xi p span{ display:block; float:left; font-size:14px; line-height:60px;}

.banquan{ width:100%; background:#999; color:#fff; text-align:center; padding:17px 0;}
.footer{ width:100%; background:#efefef; padding:36px 0;}
.f-logo{ width:10%; padding-top:25px;}

.f-tu img{ float:left;}
.f-lx { width:60%; padding:20px 0 0 12%;}
.f-lx li{ color:#333; line-height:41px; float:left; width:50%; margin-bottom:37px;}
.f-lx li img{ float:left; padding-right:15px;}
.f-lx li p{ float:left;}
.f-lx li:nth-child(4){ width:40%;}
.ne-banner{width: 100%;height: auto;overflow: hidden; padding-top:85px;}
.ne-banner img{ width: 100%;display: block;}
.f-tu{ padding-top:20px;}

.ne-cd{
	width: 100%;
	background: #f1f1f1;
}
.ne-nav{
  height: 55px;
  line-height: 55px;
  
}
.ne-nav li{
  float: left;
  height: 65px;

}
.ne-nav li a{
  padding:0 40px;
  font-size: 16px;
  line-height: 55px;
  display: block;
  border-right: 1px solid #e5e5e5;
}
.ne-nav li:hover{
    background: url(../images/sj.png) no-repeat bottom center;
}
.ne-nav li a:hover{
  background: #2b2a8c;
  color: #fff;
}


.ne-nav .zz01{
    background: url(../images/sj.png) no-repeat bottom center;
}
.ne-nav li .ts01{
  background: #2b2a8c;
  color: #fff;
}

.ne-xi{
	padding:50px 0;
}
.ne-ab-zi{
	line-height: 30px;
}
.ne-ab-zi p{
	text-align: justify;
	text-indent: 28px;
	font-size:16px;
	line-height:2;

}

.ne-wh-xi{ width:90%; margin:0 auto;}
.wh-tu{ float:right; width:45%; background:#000; overflow:hidden;}
.wh-tu img{ width:100%; display:block; transition-duration:.5s;}
.wh-tu:hover img{ opacity:0.6; transform:scale(1.1,1.1)}
.wh-zi{ width:40%; float:left;}
.wh-zi p{ font-size:16px; color:#363636; padding-bottom:35px;}
.wh-zi p span{ display:block; font-size:26px; color:#333; padding-bottom:13px;}
.ne-new-list dl{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.ne-new-list dl dt{ width:289px; height:195px; overflow:hidden; background:#000; float:left;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-new-list dl dd{ width: calc(90% - 289px); width: -webkit-calc(90% - 289px); padding-left: 33px; float:left; box-sizing: border-box;}
.ne-new-list dl dd h4{ font-size:16px; color:#363636; font-weight:normal;}
.ne-new-list dl dd span{ display:block; background:url(../images/date.png) no-repeat left center; padding-left:30px; margin:13px 0 20px 0; height:20px;}
.ne-new-list dl dd p{ color:#727272; line-height:2;}
.ne-new-list dl:hover dt img{ opacity:0.6; transform:scale(1.1,1.1)}
.ff{ width:100%; text-align:center;}
.ff a{ display:inline-block; background:#e1e1e1; padding:4px 8px; margin-right:15px;}
.ff a:hover{ background:#2b2a8c; color:#fff;}
.nr-ti h3{ text-align: center;color: #464646; font-size:20px; font-weight:normal;}
.nr-ti p{ text-align:center; padding:20px 0;}
.nr-zi{padding-top: 20px; border-top: 1px solid #ccc; line-height:1.8;}
.nr-zi img{ /* max-width:80%*/}
.zzjg{ width:100%; text-align:center; padding-top:30px;}
.zzjg img{ display:inline;}

.ne_add{ padding:50px 0;}
.add_list{ padding-left:40px; width:60%;}
.add_list li{ font-size:16px; margin-bottom:30px; height:40px; padding-left:55px; line-height:40px;}
.add_list .ic01{ background:url(../images/icon04.png) no-repeat left center;}
.add_list .ic02{ background:url(../images/icon01.png) no-repeat left center;}
.add_list .ic03{ background:url(../images/icon03.png) no-repeat left center;}
.add_list .ic04{ background:url(../images/icon02.png) no-repeat left center;}
.ewm li{ width:101px; text-align:center; float:left; margin-right:40px;}
.ne-map{ width:100%; height:400px;}

.zp-ti{
 	height: 47px;
 	line-height: 47px;
 	color: #fff;
 	font-size: 16px;
 	background: #2b2a8c;
 	width: 100%

 }
  .zp-ti li{
  	width: 20%;
  	text-align: center;
  	float: left;
  }

/* 加入我们css */
.sideMenu h3{ 
	height:47px; 
	line-height:47px; 
	border-bottom:1px solid #cccccc;  
	cursor:pointer;
	font-weight:normal;
	color: #171717;
	font-size: 16px;
}
.sideMenu h3 dl{ 
	width:100%; 
	margin:0;
	position: relative;
}
.sideMenu h3 dl dd{ 
	float:left; 
	width:20%; 
	text-align:center; 
}
.sideMenu ul{ 

	display:none; /* 默认都隐藏 */ 
	border-bottom:1px solid #c4c4c4; 
	font-size:16px;
padding: 20px 0;}
.sideMenu ul div{ 
	padding: 0px 80px;
	font-size: 14px;
	line-height: 27px;
}
.sideMenu ul div span{
	color: #2b2a8c;
}

.ne_pro01{ background:#e2e2e2;  width:23%; float:left; position:relative; margin:0 0.8% 28px; border:1px solid #999;}
.ne_pro01 img{ margin:0 auto; width:100%;}
.box1{ position:absolute; bottom:0; left:0; width:100%; background:url(../images/tm.png) repeat-x; height:51px; color:#fff; line-height:51px; text-align:center;}
.box1 h1{ font-size:18px;}
.ne_pro01:hover .box1{ background:url(../images/tm1.png) repeat-x;}


.ne-case{ width:100%; position:relative;}
.ne-case li{ width:24%; float:left; margin-right:1%; margin-bottom:10px; text-align:center;}
.ne-case li:nth-child(4n){ margin-right:0;}
.ne-case li h1{ width:100%; height:253px; background:#000; overflow:hidden;}
.ne-case li h1 img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-case li p{ width:100%; background:#e1e1e1; text-align:center; font-size:16px; height:40px; line-height:40px;}

.ne-case li h2{ font-size:30px;}
.ne-case li:hover img{ opacity:0.5; transform:scale(1.1,1.1)}




.zizhi li{ 
	width:20%; 
	position:relative; 
	text-align: center;
	float:left; 
	margin:0px 25px 20px 20px;
}
.zizhi li img{
	border: 1px solid #eee;
	padding:5px 10px;
	width:100%;
    height:173px;
}


.gaba{
	position: relative;
	padding-left: 24px;
	margin-left: 10px;
}
.gaba:before{
	display: block;
	content: '';
	width: 18px;
	height: 21px;
	background: url(../images/ga.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}




/*当页面大于1400px时*/
@media (min-width: 1441px) {

.in-case{ width:1400px; margin:0 auto;}

}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {

.nav li{ padding:0 26px;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
 .nav li{ padding:0 16px; font-size:14px;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.top{ display:none;}
.xs-top{display: block;}
.js-silder{ padding-top:50px;}
 .txtMarquee-left{ display:none;}
 .w1200{ padding:0 10px;}
  .ab-tu{ top:-40px;}
 .w1200{ padding:0 10px;}
 .in-ab{ padding:10px 0 0 10px; line-height:1.5; font-size:14px;}
  .in-case{ top:0; padding:20px 0;}
 .in-case li:nth-child(1){ width:100%; background:none; color:#333; height:auto; padding:10px 0 0 0;}
 .in-case li .in-more{ display:none;}
 .in-case li .sp02{ display:none;}
 .in-case li h2{ font-size:20px;}
 .in-case li .sp01{ font-size:16px; padding:10px 0;}
 .in-case li h1{ height:190px;}
.in-case li{ width:49%;}
.xs-logo{ width:30%;}
.in-link{ padding-bottom:30px;}
.in-link h1{ width:100%; text-align:center;}
.in-link p img{ width:25%; padding:0 1%;}
.in-link p .tu02,.in-link p .tu03{ padding-top:6px; width:33%;}
.f-logo{ display:none;}
.f-lx{ width:100%; padding-left:0;}
.f-lx li{ width:100%; margin-bottom:10px;}
.f-tu{ width:100%; padding-top:20px;}
.f-tu img{ padding-left:10px;}
.footer{ padding:30px 0;}
.logo-xi p{ float:left;text-align:center; width:100%;}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
.top{ display:none;}
.xs-top{display: block;}
.js-silder{ padding-top:50px;}
 .txtMarquee-left{ display:none;}
 .ab-tu{ top:50px;}
 .w1200{ padding:0 10px;}
 .in-ab{ padding:10px 0 0 10px; line-height:1.5; font-size:14px;}
 .in-case{ top:0; padding:20px 0;}
 .in-case li:nth-child(1){ width:100%; background:none; color:#333; height:auto; padding:10px 0 0 0;;}
 .in-case li .in-more{ display:none;}
 .in-case li .sp02{ display:none;}
 .in-case li h2{ font-size:20px;}
 .in-case li .sp01{ font-size:16px; padding:10px 0;}
 .in-case li h1{ height:150px;}
.in-case li{ width:49%;}
.in-link{ padding-bottom:30px;}
.in-link h1{ width:100%; text-align:center; font-size:20px; line-height:30px;}
.in-link p img{ width:30%; padding:0 1%;}
.logo-xi p span {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 40px;
}
.in-link p .tu02,.in-link p .tu03{ padding-top:6px; width:33%;}
.f-logo{ display:none;}
.f-lx{ width:100%; padding-left:0;}
.f-lx li{ width:50%; margin-bottom:10px; line-height:31px;}
.f-lx li img{ width:15%;}
.f-tu{ width:100%; padding-top:20px;}
.f-tu img{ padding-left:10px;}
.footer{ padding:30px 0;}
.ne-nav li a{ font-size:12px; padding:0 5px;}
.ne-ab-tu{ display:none;}
.in-case li p{ font-size:12px;}
.ne-wh-xi{ width:100%; margin:0 auto 20px auto;}
	.wh-tu{ display:none;}
	.wh-zi{ width:100%; float:none; background-size:contain; background:url(../images/wh01.jpg) no-repeat;}
	.wh-zi p{ font-size:14px; color:#363636; padding-bottom:15px; padding-left:10px; padding-top:10px;}
    .wh-zi p span{font-size:18px;}
	.ne-new-list dl dt{ float:none; margin:0 auto;}
	.ne-new-list dl dd{ width:100%; float:none; margin-top:20px; padding-left:0;}
	.add_list{ padding-left:10px; width:90%; clear:both;}
.ewm li{ margin:0 30px; float:left;}
.ne_pro01{ background:#e2e2e2; width:47%; float:left; position:relative; margin:0 1% 18px;}
.box1{ height:31px; line-height:31px;}
.ne-case li{ width:49%;}
.ne-case li h1{ height:150px;}
.logo-xi p{ float:left;text-align:center; width:50%;}
.ne-banner{ padding-top:50px;}
.zizhi li img{ height:100px;}
.xs-logo{ width:30%;}
}