/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, caption, 
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
   margin: 0;
   padding: 0;
   font-size: 12px;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
  
 /* custom */
 a{
  color: #333333;
   text-decoration: none;
   -webkit-backface-visibility: hidden;
   text-decoration: none;
 }
 a:hover{
  text-decoration: none;
  color: unset;
 }
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 html, body{
   width: 100%;
   font-family: "aria","思源黑体", "Microsoft YaHei", "黑体",  sans-serif;
 }
 body{
   line-height: 1;
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   color: #333333;
 }
 html{
   overflow-y: scroll;
 }
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: inline-block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{
   *zoom: 1;
 }
img{
    display: block;
    max-width: 100%;
  }
 /*隐藏*/
 .dn{
   display: none;
 }
 *{
   color: #333333;
   box-sizing: border-box;
 }

.headtopz{height:36px; background:#f7f7f7; line-height:36px; font-size:12px; clear:both;}
.headtel{text-align:right;}
.headtel span{ margin-right:10px;}
.headtel span::before{padding-right:5px; vertical-align:middle;}
.headtel img{ display:inline-block; width:32px;height:32px; vertical-align:middle;}
 /*header*/
header{padding-top:0px; padding-bottom:20px; }
header a.logo{ display:block;width:200px; height:30px; margin:0px auto; margin-top:20px;}


 /*nav*/
.pcnav {
  background: #fff;
  height: 40px;
}

.pcnav ul {
  display: flex;
  justify-content: space-around;

}

.pcnav ul a,.pcnav ul li  {
  font-size: 16px;
  color: #333;
  cursor: pointer;
  line-height: 40px;
}
.pcnav ul li{
  position: relative;
}

.pcnav ul li a.active{ color:#1baba1!important; border-bottom:3px solid #1aaca2; padding:3px 10px;}
.pcnav ul .child_nav{
  width: 180px;
  background: #17b8ad;
  position: absolute;
  z-index: 9;
  left: -10px;
  display: none;
}
.pcnav ul .child_nav>div,.child_nav>div>a{ color:#fff;
 padding: 10px;
 width: 100%;
 text-align: left;

}
.pcnav ul .child_nav>div{ border-bottom: 1px solid #06a398; position:relative;}
.child_about{width:240px!important; overflow:hidden;}

.pcnav ul .child_nav>div:hover{background:#0c9a90;
  color: #1baba1;
}
.pcnav .child_nav>div>a:hover{color:#fdfca7; }
.pcnav .inner_nav{ width:120%;position: absolute; z-index:999999;background: #f0eeee;left:180px; top:0px;display: none;}
.pcnav .inner_nav a{
  color: #333;
  display: block;
  padding: 5px 20px 5px 10px;
}


.pcnav .inner_nav a:hover{
  background:#0cc5b8;
  color: #fff;
}
.pcnav ul li:hover,.pcnav ul li>a:hover{
 color: #1baba1;
}
.navbar{
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0px;
}
/*footer*/
footer {
  padding: 50px 0 0;
  background:#1baba1;
  box-shadow: 1px 1px 4px 1px #1baba1; 
}
footer .container{max-width:1170px; }
footer .container .col-sm-3{padding-left:30px;}
.footer_title {
  font-size: 20px;
  margin-bottom: 20px; color:white;
}

footer a {
  display: block;
  text-align: left;
  margin-bottom: 14px;
  font-size: 14px;color:#fff;
}
footer a:hover{color:#fdfca7;}

footer .contact {
  height: 100%;
  height: 150px;

}
footer .contact p{
color:#fff; line-height:26px; text-align:left; font-size:13px;
}




.copyright {
margin-top: 50px;
  background: #3a3a3a;

  height: 50px;

  line-height: 50px;
}
.copyright p{
  font-size: 12px;
  color: #fff;
}
.copyright p span{color:#888; float:right; margin-right:5px;}
.copyright p span a{color:#888; display:inline;}


/*turn page*/
#turn_page{text-align:center; height:26px; line-height:26px;}
#turn_page .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px; *padding:4px 5px 1px 5px;}
#turn_page .en .page_button{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px;}
#turn_page .page_item{background:#fff; border:1px solid #ccc; padding:2px 5px; margin:0 3px;}
#turn_page .page_item_current{background:#f0f0f0; border:1px solid #ccc; padding:2px 5px; margin:0 3px; color:red;}


@media (min-width: 1200px) {
  .container {
      width: 1250px;
  }
}

@media(max-width:768px){
.banner{
	margin-top: 50px;
}
footer .container{margin-bottom:60px;}
footer .container .col-sm-3{padding-left:20px; box-sizing:border-box;}
.footer_title {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: left;
}
.series .col-sm-4{margin:60px auto;}
.series .col-sm-4:first-child{ margin-top:0px;}
footer a {
  display: block;
  text-align: left;
  margin-bottom: 14px;
  font-size: 14px;
}
footer .contact {
  border-left: unset;
  height: 100%;
  padding-left: unset;
  height: 150px;
  margin-left: unset;
}
.copyright {
  margin-top: 0px;
  background: #333333;
  height: 60px;
  line-height: 60px;
}
}