* {margin: 0;padding: 0; box-sizing: border-box;}
/*html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }*/
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
.placeholder {
	color: #aaa;
}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,b{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}

a{text-decoration: none;!important;color: #333;}
a:hover{text-decoration:none;!important; color: #e60012}
img{ border: none; }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.l { float: left;}.r { float: right;}
.wrap {
	width: 1240px;
	margin-right: auto;
	margin-left: auto;
}
/* 头部样式 */
header{
  width: 100%;
  border-top: 2px solid #e60012
}
.logo{
  display: block;
  padding:10px 0;
}
.t-ri{
	padding-top:40px;}
.t-bq{
  color: #cecece;
  padding:12px 0;
  text-align: right;
}
.t-bq a{
  color: #cecece;
  padding-left: 20px;
  padding-right: 10px;
  line-height: 15px;
  margin-left: 10px;
}
.t-bq a:nth-child(1){
  background: url(../images/icon01.jpg) no-repeat left center;
}
.t-bq a:nth-child(2){
  background: url(../images/icon02.jpg) no-repeat left center;
}
.t-bq a:nth-child(3){
  background: url(../images/yzj.png) no-repeat left center;
}
.t-bq a:hover{
  color: #e60012;
}
nav ul:after{
  content: "";
  clear: both;
  display: block;
}
nav ul li{
  float: left;
  font-size: 16px;
  font-weight: bold;

  position: relative;
}
nav ul li a{
  padding:4px 12px;
  display: block;
  height: 43px;
}
nav ul li a:hover{
  color: #e60012;
}
nav ul li:last-child{
  margin-right:0;
}

/*xs菜单样式开始*/
.xs-top{
	display: none;
}

.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: #000;
}
.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: #fff;
  line-height: 50px;
  font-size: 16px;
  padding-left: 15px;
  padding-right:10px;
  margin:0px;
  float:left;
  position:relative;
}
.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;
  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: 30px;
  height: 2px;
  background-color: rgba(255,255,255,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);
}
.xs-logo{ width:12%; padding-top:5px;}

footer{
  width: 100%;
  background: url(../images/f-bg.jpg) no-repeat;
  padding-top: 20px;
  color: #fff;
}
.f-cd dl{
  float: left;
  position: relative;
  padding:0 40px;
}
.f-cd dl:nth-child(6){float: right;}
.f-cd dl dt{
  font-size: 18px;
  padding-bottom: 30px;
}
.f-cd dl dd a{
  display: block;
  color: #fff;
  opacity: 0.5;
  padding-bottom: 15px;
}
.f-cd dl dd a:hover{
  opacity: 1;
}

.f-cd:after{
  content: "";
  clear: both;
  display: block;
}
.f-cd dl:after{
  content: "";
  position: absolute;
  right:0;
  top:0;
  width: 1px;
  height: 200px;
  background: #3c454c;
}
.f-cd dl:last-child:after{
  display: none
}
.f-cd dl:last-child dd{
  display: block;
  color: #fff;
  opacity: 0.5;
  line-height: 1.8
}
.banquan{
  background: rgba(0,0,0,0.5);
  line-height: 44px;
  height: 44px;
}
.banquan p{
  float: left;
  opacity: 0.5;
}
.banquan a{
  color: #fff;
  opacity: 0.5;
  float: right;
}


.s-page{width:100%; padding-top:34px; padding-bottom:30px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353; padding-top: 50px;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px;color:#777777; border:1px solid #cfcfcf; }
.page a:hover{background:#e60012; color: #fff; }
.page span.on{background:#e60012;border-color:#f7f7f7;  padding:6px 15px; color: #fff; }
.page a.on:hover{background:#e60012; }
.page a.on1{background:#ffffff;border:1px solid #f3f3f3;color:#535353;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#135dbe;border-color:#3BA2E3;color:#FFF;box-shadow:1px 1px 3px #CCC;}
.page a[disabled]{  color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}


.tttt{ 
  width:100%; 
  background: rgba(27, 27, 27, 0.7);
    position: absolute; 
    top:43px; 
    display:none;
    transition-duration:.5s;
    left: 0;
    z-index: 9999;
}
nav ul .tttt li{ 
  float:none; 
  padding:0;
  transition-duration:.5s; 
  margin:0;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tttt li a{ 
  color:#fff; 
  font-size: 14px;
  height: auto;
  line-height: 22px;
  padding-left: 0;
  transition-duration: .5s;
  padding:6px 0;
}
.tttt li a:hover{ color:#e60012; padding-left:5px;}

.jj-tt li a{ line-height:20px;}





/*手机菜单结束*/

@media only screen and (min-width: 1500px)
{
  .wrap{ width:1400px; }
  nav ul li{

}
.f-cd dl{
  padding:0 40px;
}
}

@media only screen and (max-width: 1240px) {
    .wrap{ width:1100px; }
.f-cd dl {
    padding: 0 20px;
}
  .logo{ width:45%;} 
.logo img{ width:100%;}
.t-ri{ padding-top:25px;}
   
}
@media only screen and (max-width: 1450px){
	.f-cd dl{
		padding: 0px 28px;
	}
}
@media only screen and (max-width: 1280px){
	.f-cd dl{
		padding: 0px 16px;
	}
}
@media only screen and (max-width: 992px) {
     .wrap{ padding-left:2%; padding-right:2%; width:auto; }
	 .xs-top{ display:block}
    .xs-logo{ width:6%;}
    footer{ background-size: cover; }
    .f-cd dl{ margin-bottom: 10px; padding:0 5px; }
    .f-cd dl dt{ padding-bottom: 15px; font-size: 16px; }
    .f-cd dl:after{ display: none; }
    .f-cd dl dd a{ padding-bottom: 5px; }
    .f-cd dl:last-child dd{ float: right; padding-left: 10px; }
    .f-cd dl:last-child dt{ float: left; }
    .banquan{ line-height: 24px; padding:5px 0; height: 50px; }
    .banquan a{ display: none; }
	header{ display:none;}
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
      .xs-logo{ width:12%;}
	  .f-cd dl{ min-height:170px;}
	  .f-cd dl:nth-child(4){ padding:0 30px;}
    .p1Page2{padding-top: 0px;}
}

@media (max-width: 479px) {
.page a{padding:0 10px 0 10px;}
 .p1Page2{padding-top: 0px;}
}




