@charset "utf-8";
*{margin: 0;padding: 0;}
html,body{ margin: 0;padding: 0; font-family:"微软雅黑";}
h1, h2, h3, h4, h5{ font-weight: normal;}
body{font-size:16px; color:#333; background:#fff;}
img { border:none;}
ul,ol,li{list-style: outside none none;}
a{ text-decoration: none; color: #333; }
.toindex{
	    	color: #fff;
	    	font-size: 12px;
	    	display: block;
	    	width: 50px;
	    	height: 50px;
	    	line-height: 16px;
	    	padding: 9px 0;
	    	text-align: center;
	    	position: fixed;
	    	z-index: 99;
	    	background: #dc0203;
	    	bottom: 50px;
	    	right: 20px;
	    	border-radius: 50%;
	    	box-sizing:border-box;
	    	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	    }
	    .toindex a{
	    	color: inherit;
	    }
	    .toindex span{
	    	font-family: '宋体'
	    }
ul:after{ content:""; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {content: " ";height: 0;visibility: hidden;display: block;clear: both;}
input,select,textarea,button{ outline:none;}
em,i{ font-style:normal;}


.c_header{
	width: 100%;position: fixed;top: 0;left: 0;z-index: 99;-webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.whitebg{
	background: #fff;position: fixed !important;
	border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}
.whitebg1{
	position: absolute;
}
.headbox{
	max-width: 1290px;margin: 0 auto;height: 110px;
}
.cuth{
	height: 110px;
}
.c_ban{
	margin-top: 110px;
}
.c_nav > li{ float:left; height:110px; line-height:110px;position: relative;}
.c_nav > li > a{ color:#333; display:block; height:110px; font-size:20px;padding-right: 24px;/* background: url(../images/nav_ico.png) no-repeat right center; */margin-left: 28px;font-weight: bold;}
.c_nav{float: left;}


.c_nav > li:hover{
	background: #dc0203;
}
.c_nav > li:hover a{ color: #fff;}


.x_nav{ position:absolute;width:100%; left:0;top:110px;transform: translateY(30px);
/*transition: all .3s;*/
opacity: 0;visibility: hidden;}
.x_navbox{max-width:1290px; margin:0 auto; padding-top:20px;box-sizing: border-box;height: 250px;}
.c_nav > li:hover .x_nav{transform: translateY(0);opacity: 1;visibility: visible;}
.c_logo{margin-top: 16px;display: inline-block;width: 16%; float: left;margin-right: 150px;}
.c_logo img{
	display: block;width: 100%;
}
.c_con{
	width: 100%;
}
.x_box{
	width: 42.65%;margin-right: 8%;
}
.x_box p{
	color: #777;font-size: 14px;line-height: 30px;margin-top: 36px;
}
.x_ul{
	display: flex;flex-wrap: wrap;background: #dc0203;padding-bottom: 10px;
}
.x_ul li{
	width: 100%;line-height: 36px;box-sizing: border-box;height: 36px;overflow: hidden;text-align: center;padding: 0 10px;box-sizing: border-box;
}
.x_ul li a{
	color: #fff; font-size: 16px;
}
.n_img{
	width: 20.8%;overflow: hidden;max-height: 210px;
}
.n_img img{
	display: block;width: 100%;
}
.x_ul li a:hover{
	color: #ed6e03;
}
.m_menu{ display:none; z-index:99;}
/* mob_nav */
#menu{ padding:0; background:rgba(0,0,0,1); visibility:hidden;}
#menu h2{color:#fff;}
#menu > ul > li{ border-top:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li a{ display:block; line-height:50px; color:#fff; text-indent:15px;}
#menu > ul > li a em{ font-variant:small-caps; padding-left:10px; color:rgba(255,255,255,0.5);}
#menu > ul > li.title{ height:68px; background:solid 1px rgba(255,255,255,0.5); border-top:0;}
#menu > ul > li.title a{}
#menu > ul > li.title .logo{ float:left; padding-left:10px;}
#menu > ul > li.title .logo img{ display:block; height:50px;}
#menu > ul > li ul{ padding:0; border-top:solid 1px rgba(255,255,255,0.5)}
#menu > ul > li ul li{ border-bottom:solid 1px rgba(255,255,255,0.5);}
#menu > ul > li ul li:last-child{ border-bottom:0;}
#menu > ul > li ul li a{ font-size:12px;}
#menu .btn_mob_close{position:absolute; right:0.3rem; top:0.2rem; }
#menu .btn_mob_close img{ width:30px; position:relative;}
.m_menu a img{width: 30px;}
#menu > ul > li a{ font-size:16px;}
.m_log{ width:100%; text-align:right; padding:0 2%; box-sizing:border-box; height:2rem; line-height:2rem; display:none; padding-top:0.5rem;}
.m_log a{ font-size:1rem; display:inline-block; width:3rem; text-align:center; height:1.8rem; line-height:1.8rem; border-radius:0.2rem;}
.m_log a:first-child{ margin-right:1rem;color:#004c8c; border:#004c8c solid 1px;}
.m_log a:last-child{ color:#fff; background:#ff9600;}
#menu > ul > li:last-child{ border-bottom:solid 1px rgba(255,255,255,0.5);}


.c_footer{
	width: 100%;position: relative;z-index: 10;background: #e0dfdf;padding-top: 30px;color: #999;
}
.foot_1{
	max-width: 1200px;
	max-width: 1340px;
	margin: 0 auto;color: #666;
	/*margin-bottom: 120px;*/
	margin-bottom: 10px;
}
.foot_1 .ul_1 li a{
color: #666;
}
.foot_2{
	width: 100%;background: #222;height: 40px;line-height: 40px;overflow: hidden;color: #666;font-size: 12px;text-align: center;
	background: #ccc;
	border-top: 1px solid #c1c1c1;
}
.ul_1{
	width: 20%;
}
.ul_1 li{
	font-size: 16px;line-height: 30px;
}
.ul_1 li:first-child{
	margin-bottom: 10px;
}
.ul_1 li a{
	color: #fff;font-size: 13px;
}
.ul_2{
	width: 30%;
}
.ul_2 li{
	font-size: 13px;line-height: 30px;
}
.ul_2 li:first-child{
	margin-bottom: 10px;font-size: 16px;
}
.f_er{
	width: 80px;overflow: hidden;text-align: center;
}
.f_er img{
	display: block;width: 100%;
}
.f_er h4{
	font-size: 16px;line-height: 30px;
}
.f_er p{
	font-size: 13px;line-height: 30px;
}
.ul_1 li a:hover{
	color: #dc0203;
}

.zoomup {animation:zoomup 1s ;-webkit-animation:zoomup 1s ;}
@keyframes zoomup{
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.8, .8, .8);
              transform: scale3d(.8, .8, .8);
    }
    
    50% {
      opacity: 1;
    }
}
@-webkit-keyframes zoomup{
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.8, .8, .8);
              transform: scale3d(.8, .8, .8);
    }
    
    50% {
      opacity: 1;
    }
}

.zoomIn {animation:zoomIn 1s ;-webkit-animation:zoomIn 1s ;}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.fadeInUp {animation:fadeInUp 1s both;-webkit-animation:fadeInUp 1s both;}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}








@media only screen and (max-width: 1200px) {
	.c_nav > li > a{font-size: 16px;}
	.x_ul li a{font-size: 14px;}
}

@media only screen and (max-width: 1000px) {
	.m_menu{display: block;}
	.c_nav{display: none;}
	.c_header{
		padding: 0 0.3rem;box-sizing: border-box;
	}
	.headbox{
		display: flex;align-items: center;justify-content:space-between;
	}
	.c_logo{margin: 0;}
	.foot_1{
		margin-bottom: 50px;
	}
	
}
@media only screen and (max-width: 768px) {
		.c_ban .swiper-container{
	margin: 0 auto!important;
}
	.headbox,.cuth{
		height: 1.5rem;
	}
	.c_ban{
	margin-top: 1.5rem;
}
	.c_logo{
		width: 40%;
	}
	.foot_2{
		height: 1rem;line-height: 1rem;font-size: 0.2rem;
	}
	.ul_2{
		display: none;
	}
	.c_footer{
		padding-top: 0.5rem;
	}
	.foot_1{
		margin-bottom: 0.2rem;
		padding: 0 0.3rem;box-sizing: border-box;
	}
	.ul_1{
		width: 30%;
	}
	.ul_1 li,.f_er h4{
		font-size: 0.2rem;line-height: 0.5rem;
	}
	.ul_1 li a{
		font-size: 0.2rem;
	}
	.ul_1 li:first-child{
		margin-bottom: 0.2rem;
	}
	.f_er{
		width: 30%;
	}
	.f_er p{
		font-size: 0.2rem;line-height: 0.5rem;
	}
}

      .onews li{
          width: 49%;
          box-sizing: border-box;
          font-size: 16px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          line-height: 66px;
          float: left;
          /*border-bottom: 1px solid #e6e6e6;*/
      }
      .onews li:nth-child(odd){
          
          margin-right: 2%;
      }
 .imgrow3{
	        overflow: hidden;
	    }
	    .imgrow3 li{
	        width: 30%;
	        float: left;
	        margin-left: 5%;
	        padding: 0 1.5px;
	        box-sizing: border-box;
	    }
	    .imgrow3 li:first-child{
	        margin-left: 0;
	    }
	   
	    .imgrow3 img{
	        width: 100%;
	        background-size: cover;
	        background-repeat: no-repeat;
	        background-position: center center;
	    }
	    .introtxt{
	        margin-top: 20px;
	    }

@media only screen and (max-width: 768px){
    .fold_wrap li .mask_b{
	        padding: 0 20px;
	        overflow-y:auto;
	    }
	    .fold_wrap li {
    width: 100%;
}
.fold_wrap li {
    float: left;
    width: 50%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.onews li{
          width: 100%;
          box-sizing: border-box;
          font-size: .32rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          line-height: .9rem;
          float: left;
          border-top: 1px solid #e6e6e6;
      }
      .onews li:first-child{
          border-top:0;
      }
      .onews li:nth-child(odd){
          /*padding-right: 20px;*/
      }
      .imgrow3{
	        overflow: hidden;
	    }
	    .imgrow3 li{
	        width: 90%;
	        margin: 10px auto;
	        box-sizing: border-box;
	     
	    }

	    .imgrow3 img{
	        width: 100%;
	        background-size: cover;
	        background-repeat: no-repeat;
	        background-position: center center;
	    }
	    .introtxt{
	        margin-top: 20px;
	        width: 90%;
	        margin:  0 auto;
	    }
}
/*edit nav style*/
#menu{
	/*visibility: visible!important;*/
	background: #fff!important;
	box-shadow: 0 6px 8px rgba(0,0,0,0.2);
	    border-top: 1px solid #f6f6f6;
}
.mm-menu{
	top: 72px!important;
	position: fixed!important;
}
html.mm-opened .mm-page{
	position: static!important;
}
#mm-blocker{
	display: none;
	visibility: hidden;
}
html.mm-opened, html.mm-opened body{
	height: auto!important;
	overflow: auto!important;
}
.mm-menu > .mm-panel{
	height: auto!important;
	position: static!important;
}
#menu > ul > li{
	border-top: 0!important;
}
.mm-menu{
	height: auto!important;
}
#menu > ul > li.title{
	display: none!important;
}
#menu > ul > li a{
	color: #333!important;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{
	border-color: #333!important;
}
#menu > ul > li ul li a{
	font-size: 14px!important;
}
.m_menu a img {
    width: 44px!important;
    height: 42px!important;
    border: 1px solid #aaa!important;
    padding: 10px;
    border-radius: 4px;
    box-sizing:border-box;

}