* {margin: 0;padding: 0; box-sizing: border-box;}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../font/SourceHanSansCN-Normal.woff2") format("woff2"),
        url("../font/SourceHanSansCN-Normal.woff") format("woff"),
        url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),
        url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
        url("../font/SourceHanSansCN-Normal.svg") format("svg");
}
body {font-family: "SourceHanSansCN-Normal"; 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;}
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;
}

/* 头部样式 */
.w85{
	width: 95%; margin: 0 auto
}
.top{ width:100%; position:fixed; z-index:9999;transition-duration:.5s;}
.t-top{ width:80%; margin:0 auto;}
.logo{ padding: 12px 0; }
.nav_fixed{ background:#000;}
.t_ri{
	
}
.t_ri ul li{ 
	float:left; 
	position:relative; 
	line-height:2; 
	margin-right:20px;
}
.t_ri ul li a{ 
	color:#fff; 
	font-size:14px; 
	display:block;
	transition-duration: .5s;
	height: 63px;
	line-height: 63px;
}
.t_ri ul li a:hover{
	opacity: 0.6;
}

.t_ri ul li .on{ color:#fff;}
.yy{
	background: url(../images/yy.png) no-repeat left center;
	line-height: 24px;
	padding-left: 23px;
	margin-top: 20px;
}
.yy{ color:#fff;}
.yy a{
	color: #fff;
	padding:0 10px;
}
.search1{
	padding:22px 0 0 20px;
}
.tttt{ 
	width:160%; 
	background: rgba(27, 27, 27, 0.7);
    position: absolute; 
    top:63px; 
    display:none;
    transition-duration:.5s;
    left: -20%;
}
.t_ri ul .tttt li{ 
	float:none; 
	padding:5px 10px;
	transition-duration:.5s; 
	margin-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.t_ri ul .tttt li a{ 
	color:#fff; 
	font-size: 14px;
	height: auto;
	line-height: 30px;
}
.tttt li a:hover{ color:#3d9d8a; padding-left:5px;}

/*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:#0e51a4;
}
.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: 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:35%; padding-top:5px;}


.izl-rmenu {
  margin-right: 0;
  width: 90px;
  position: fixed;
  right: 58px;
  bottom: 10%;
  z-index: 999;
}

.btn_top {
  background-image: url(../images/back.png);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 90px;
  width: 90px;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  transition-duration: .5s;
}
.btn_top:hover{
   background-image: url(../images/back1.png);
}

footer{
	background: #222222;
	padding:23px 0 22px 0;
}
.f-lx p{
	border:2px solid #d3d3d3;
	padding:11px 30px;
	color: #dfdfdf;
	font-size: 24px;
	font-weight: bold;
	font-family: "Arial";
	margin-top: 43px;
}
.f-lx p span{
	background: url(../images/tel.png) no-repeat left center;
	padding-left: 49px;
}
.f-cd:after,.banquan:after{
	content: "";
	clear: both;
	display: block;
}
.f-cd dl{
	float: left;
	padding-left: 20px;
	padding-top:25px;
}
.f-cd dl dt{
	font-size: 17px;
	color: #fff;
	padding-bottom: 25px;
}
.f-cd dl dd a{
	display: block;
	font-size: 15px;
	color: #fff;
	opacity: 0.5;
	padding-bottom: 8px;
	transition-duration: .5s;
}
.f-cd dl dd a:hover{
	opacity: 1;
}
.banquan {
	color: #dfdfdf;
	font-size: 16px;
	border-top: 2px solid #919191;
	padding-top: 10px;
	margin-top: 10px;
	font-size:15px;
}
.banquan p{
	padding-top: 10px;
}
.banquan ul li{
	float: left;
	padding-left: 10px;
}







/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:24px; height:24px; background:url(../images/search.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}

.f-cd {
  float: none !important;
}
/*手机菜单结束*/

@media only screen and (min-width: 1440px)
{
  .wrap{ width:1400px; }
  .f-cd { float: none !important;}
  .f-cd dl{
	padding-left: 50px;
}
}

@media only screen and (max-width: 1240px) {
    .wrap{ width:940px; }
.widgets_single_nav_7 .logo{ width:30%; padding-top:20px;}
.widgets_single_nav_7 .logo img{ width:100%;}
.widgets_single_nav_7 .inav .h_nav_li{ padding:0 10px;}
.widgets_single_nav_7 .inav .h_nav_li >a{ font-size:16px;}
.zx-list li a{ width:80%;}
   

   
}
@media only screen and (max-width: 992px) {
    .wrap{ width:740px; }
    .top{
      display: none;
    }
    .xs-top{
      display: block;
    }

}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    .wrap{ padding-left:2%; padding-right:2%; width:auto; }
    #particle{
      padding:30px 0;
    }
	footer{ padding:20px 0; }
.f-lx img{ width: 60%; }
.f-lx p{ margin-top: 10px; padding:5px 10px; margin-bottom:20px; }
.f-cd dl{ width: 50%;padding-left: 0; min-height: 200px; }
.f-cd dl dt{ padding-bottom: 10px; }
.banquan{ margin-top: 0; }
.btn_top{ width:50px; height:50px;background-size:cover}
.f-cd dl dd a{ font-size:13px;}
.f-cd dl dt{ font-size:15px;}
.btn_top{ display:none;}
.f-cd dl:nth-child(4){ width:40%;}
.f-cd dl:nth-child(5),.f-cd dl:nth-child(6){ width:30%;}
.f-lx{ display:none}
}