@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff; overflow-x:hidden;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑",arial, "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top; max-width:100%;}  /* 图片在当前行内的垂直位置 */  
a,input,button,textarea,select{ outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -webkit-appearance: none;}   /* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
.single{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.many{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
@font-face {
    font-family: "IMPACT";
    src: url("../font/IMPACT.eot"); /* IE9 */
    src: url("../font/IMPACT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/IMPACT.woff") format("woff"), /* chrome、firefox */
    url("../font/IMPACT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/IMPACT.svg#IMPACT") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
.main{
  width: 1200px;
  margin: 0 auto;
}
.top{
  background: #f8f8f8;
  height: 42px;
  line-height: 41px;
  border-bottom: #eee 1px solid;
  font-size: 0
}
.top .t-l,.top .t-r{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  width: 600px;
}
.top .t-r{
  text-align: right;
}
.top .t-r .ite{
  display: inline-block;
  padding-right: 20px;
}
.top .t-r .tel{
  background: url(../images/tel_ui_03.png) no-repeat left center / 19px;
  padding-left: 25px
}
.top .t-r .sc{
  background: url(../images/sc_ui_03.png) no-repeat left center / 12px;
  padding-left: 17px
}
.top .t-r .language{
  background: url(../images/la_ui_03.png) no-repeat left center / 17px;
  padding-left: 22px;
  position: relative;
  cursor: pointer;
}
.top .t-r .language:after{
  content: '';
  width: 5px;
  height: 5px;
  border-top: #aaa 1px solid;
  border-right: #aaa 1px solid;
  position: absolute;
  transform: rotate(135deg);
  right: 3px;
  top: 50%;
  margin-top: -5px
}
.language .en{
  position: absolute;
  background: #f8f8f8;
  border: #eee 1px solid;
  border-top: none;
  width: 100px;
  left: 0;
  z-index: 99;
  text-align: center;
  text-transform: uppercase;
  display: none;
  cursor: pointer;
}

.top .t-r .language:hover .en{
  display: block;
  color: #009c76;
}
.head{
  font-size: 0;
  background: #fff;
}
.head .logo,.head .h-r{
  display: inline-block;
  vertical-align: middle;
}
.head .logo{
  width: 357px;
}
.head .logo img{
  width: 357px
}
.head .h-r{
  width: 843px;
  font-size: 16px;
  text-align: left;
  position: relative;
  
}
.head .h-r .nav .ite{
  display: inline-block;
  position: relative;
}
.head .h-r .nav a{
  display: block;
  height: 88px;
  line-height: 88px;
  margin: 0 13px;
  color: #000
}
.head .h-r .nav a:hover{
  color: #009c76;
}
.head .h-r .nav a.active{
  color: #009c76;
  position: relative;
}
.head .h-r .nav a.active:after{
  content: '';
  width: 100%;
  height: 2px;
  background: #009c76;
  position: absolute;
  left: 0;
  bottom: 0;
}
.head .h-r .nav a.active:before{
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  left: 50%;
  margin-left:-5px;
  bottom: 2px;
  background:url(../images/sj_15.png) no-repeat center bottom / 9px;
}

.head .h-r .nav .sec-menu{
  width: 600px;
  height: 0px;
  background: #fff;
  z-index: 99;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  font-size: 0;
  box-shadow: 0 15px 15px rgba(0,0,0,0.1);
  display: none;
  opacity: 0;
  transition: all .2s linear;
  border-top: #ddd 1px solid;
}
.head .h-r .nav .sec-content{
  padding: 30px 0;
}
.head .h-r .nav .ite:hover .sec-menu{
  height: auto;
  display: block;
  opacity: 1;
}

.head .h-r .nav .sec-menu .sec-l,.head .h-r .nav .sec-menu .sec-r{
  display: inline-block;
  vertical-align: top;
}
.head .h-r .nav .sec-menu .sec-l{
  width: 200px;

}
.head .h-r .nav .sec-menu .sec-r{
  width: 400px;
  padding: 0 40px;
  border-left: #ddd 1px solid;
}
.head .h-r .nav .sec-menu .sec-r .img{
    width: 320px;
    height: 200px;
    background: #eee;
}
.head .h-r .nav .sec-menu .sec-r .img img{
  width: 320px;
  height: 200px;
}
.head .h-r .nav .sec-menu .sec-l dd{
  position: relative;
  border-bottom: #eee 1px solid
}
.head .h-r .nav .sec-menu .sec-l dd:hover{
  background: #009c76;

}
.head .h-r .nav .sec-menu .sec-l dd .three-menu{

  position: absolute;
  background: #009c76;
  padding:0 20px;
  width: 200px;
  white-space: nowrap;
  z-index:999;
  right: -200px;
  top: 0;
  display: none
}
.head .h-r .nav .sec-menu .sec-l dd:hover .three-menu{
  display: block;
}

.head .h-r .nav .sec-menu .sec-l a{
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: left;
  padding-left:20px;
  color: #999;
  background: url(../images/dhtb.png) no-repeat left center ;
  
}

.head .h-r .nav .sec-menu .sec-l dd:hover a{
  color:  #fff;
  font-weight: bold;
  background: url(../images/dhtb_w.png) no-repeat left center ;
}
.head .h-r .nav .sec-menu .sec-l dd .three-menu a{
  color:#fff;
  background:none;
   border-bottom:  #ddd 1px dotted;
   padding: 0;
   font-size: 12px;
   font-weight: normal;

}
.head .h-r .nav .sec-menu .sec-l dd .three-menu a:hover{
  color: #fff;
  font-weight: normal;
}
.head .h-r .nav , .head .h-r .search{
  display: inline-block;
  vertical-align: middle;
}
.head .h-r .search{
  background: url(../images/search_ui_10.png) no-repeat center center / 21px;
  width: 21px;
  height: 21px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.head .h-r .search a{
  display: block;
  width: 21px;
  height: 21px;
}

.links{
  background: #009c76;
  font-size: 0;
  margin-top: 40px;
}
.links .main{
  padding: 20px 0;
}
.links dt{
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-right: 15px;
  display: inline-block;
  margin-right: 10px;
}
.links dt:after{
  content: '';
  width: 1px;
  height: 13px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 2px;
}
.links dd{
  display: inline-block;
  font-size: 14px;
  margin: 0 10px;
}
.links dd a{
  color: #fff;
}
.links dl,.links .medium{
  display: inline-block;
  vertical-align: middle;
}
.links dl{
  width: 1024px;
}
.links .medium a{
  padding-left: 10px;
}
.foot{
  background: #f7f7f7;
  padding: 40px 0;
  font-size: 0;
 margin-top:20px;
}
.foot .f-t-l,.foot .f-t-r{
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.foot .f-t-l{
  width: 820px;
  
}
.foot .f-t-l dl{
  display: inline-block;
  padding-right:20px;
  vertical-align: top;
  padding-bottom:50px;
  width:136px;
}
.foot .f-t-l dl dt{
  font-size: 16px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 8px;
  white-space:nowrap
}
.foot .f-t-l dl dt a{
  color: #333;
}
.foot .f-t-l dl dt:after{
  content: '';
  width: 50%;
  height: 1px;
  background: #aaa;
  position: absolute;
  left: 0;
  bottom: 0;
}
.foot .f-t-l dl dd{
  padding: 9px 0;
}
.foot .f-t-l dl dd a{
  color: #999;
  font-size: 14px;
}
.foot .f-t-r{
  width: 380px;
  padding-left: 50px;
  border-left: #ddd 1px solid;
}
.foot .f-t-r .ser-tel{
  font-size: 16px;
  background: url(../images/ser.jpg) no-repeat left center / 44px;
  height: 32px;
  line-height: 32px;
  padding-left: 59px;
  color: #333;
}
.foot .f-t-r .ser-con{
  font-size: 14px;
  line-height: 2;
  color: #999;
  padding-left: 59px;
}
.foot .f-t-r .ewm{
  padding-left: 59px;
  display: flex;
  padding-top: 10px;

}
.foot .f-t-r .ewm .ite{
  margin-right: 40px;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.2) inset;
}
.foot .f-t-r .ewm .ite .img{
  width: 100px;
}
.foot .f-t-r .ewm .ite img{
  width: 99px;
  height: 99px;
}
.foot .f-t-r .ewm .ite .name{
  font-size: 12px;
  color: #009c76;
  
  text-align: center;
  padding: 10px 0;
}
.foot-bottom{
  font-size: 12px;
  background: #fff;
  color: #ccc;
  padding: 20px 0;
  font-size: 0;
}
.foot-bottom .f-b-l{
    width: 1010px;
}
.foot-bottom .f-b-l,.foot-bottom .f-b-r{
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.head .wap-menu{
  display: none;
}
.wap-menu-box{
  display: none;
}
.yuyan{
	display:none;
	}
@media screen and ( max-width: 980px ) {
  body{
    padding-top: 1.1rem;
  }
  .main{
    width: 100%;    
  }
  .top{
    display: none;
  }
  .head{
  padding: 0.266667rem;
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 999;
  width: 100%;

  }
  .head .logo{
  width: auto;
  height: 0.6rem;
  }
  .head .logo img{
    width: auto;
    height: 0.6rem;
    position: relative;
    z-index: 999;
    
  }
  .head .h-r{
    display: none;
  }
  .yuyan{
	  display:block;
	  position:absolute;
	  right:1.4rem;	 
	  top:0;
	   display:flex;
	  }
	  .yuyan a{
		  line-height:100%;
		  padding:0.2rem;
		  height:100%;
		  white-space:nowrap;
		  }
		  .yuyan a img{
			  width:0.7rem;
			  height:0.7rem;
			  }
  .head .wap-menu,.head .close-menu{
    display: block;
    width: 1.333333rem;
    height: 100%;
    background: url(../images/menu.png) no-repeat center center / 0.533333rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
  }
  .head .close-menu{
    background: url(../images/close.png) no-repeat center center / 0.533333rem;
  }
  .wap-menu-box{
    display: none;
    background: #fff;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
        padding-top: 1.3rem;
  }
  .wap-menu-box:After{
    content: '';
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 1.1rem;
  }
  .wap-menu-box dl{
    padding: 0.266667rem 0.666667rem;
  }
  .wap-menu-box dl dt{
    font-size: 0.373333rem;
    font-weight: bold;
    padding-bottom: 0.266667rem;
    color: #333;
  }
  .wap-menu-box dl dt a{
    color: #000;
  }
  .wap-menu-box dl dd{
    font-size: 0.32rem;
    display: inline-block;
  }
  .wap-menu-box dl dd a{
    display: block;
    padding: 0.2rem 0.4rem 0.2rem 0;
  }


.links{
  padding: 0.266667rem;
  margin-top: 0.666667rem;
}
.links .main{
  padding:0.533333rem 0;
}
.links dt{
  width: 100%;
  font-size: 0.373333rem;
  padding-right:0;
  margin-right: 0;
  padding-bottom: 0.266667rem;
}
.links dt:after{
  display: none;
}
.links dd{
  font-size: 0.32rem;
  margin: 0.133333rem 0.4rem 0.133333rem 0;
}
.links dl{
  width: 100%;
}
.links .medium{
  padding-top: 0.4rem;
}
.links .medium a{
  padding-left: 0px;
  padding-right: 0.2rem;
}
.foot{
  display: none;
}

.foot-bottom{
  font-size: 0.266667rem;
  background: #fff;
  color: #ccc;
  padding: 0.4rem;
  font-size: 0;
}
.foot-bottom .f-b-l{
    width: 100%;
    text-align: center;
    line-height: 1.8;
}
.foot-bottom .f-b-l,.foot-bottom .f-b-r{
  display: inline-block;
  vertical-align: middle;

}
.foot-bottom .f-b-r{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding-top: 0.266667rem;
}
.foot-bottom .f-b-r img{
   margin: 0 auto;
   display: block;
   height: 0.533333rem;
}

}