@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;-webkit-appearance: none;}	

ol, ul{list-style:none;}

html { overflow-x:hidden; -webkit-text-size-adjust:none;}

body {
    font-size:14px;
/*   font-family: 'PingFang SC','Microsoft YaHei','open sans','Lantinghei SC','Helvetica Neue',Helvetica,Arial,"sans-serif";*/
   font-family:"Microsoft YaHei","SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    color:#333; 
}
img{display:inline-block; max-width:100%}
/*a 链接*/
a { text-decoration:none; outline:none;color:#333; }
a:hover{ color:#f6ab00; }

/*浮动*/
.fl {float:left; display:inline}
.fr {float:right; display:inline}
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

.juzhong{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center; align-items: center;}


/* 按钮样式 */
input, button, textarea, select { font-size:100%; outline:none; resize:none;-webkit-appearance: none;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}


/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0;-webkit-appearance: none; }

.top{ height:60px; max-width:1200px;margin:0 auto; line-height:60px;overflow:hidden}
.logo{ width:20%; height:40px; float:left; margin-top:10px;}
.nav{ width:80%; float:left}
.nav ul{ width:80%; float:left; text-align:center}
.nav li{ display:inline-block;height:60px; overflow:hidden;font-size:18px; margin:0px 8%}

.language{ width:20%; text-align:right; float:left}
.language a{ margin-left:10px; display:inline-block}
.nav li a {
  display:block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position:relative;
  overflow:hidden;
  color:#000; 

}
.nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom:0;
  background: #f6ab00;
  height:4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.nav li a:hover:before,.nav li a:focus:before,.nav li a:active:before {right: 0;}
.nav li.cur a:before{ content: "";position: absolute;z-index: -1;right:0;bottom:0;background: #f6ab00;height:4px;}
.banner .swiper-container { width:100%; text-align:center;position:relative;}
.banner .swiper-container .swiper-pagination-bullet{width:10px; height:10px; border:2px solid #fff; margin:0px 10px; opacity:1; background:none}
.banner .swiper-container .swiper-pagination-bullet-active{background:#fff;width:10px; height:10px; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px;}

.banner .swiper-button-next,.banner .swiper-button-prev{ background:rgba(255,255,255,0.3); font-family:SimSun; color:#fff; font-size:25px; height:50px; width:30px; text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);  }


.maintit{ max-width:650px; margin:0 auto; background:url(../images/dix.jpg) repeat-x left center; text-align:center;}
.sycont  .maintit span,.syabout .maintit span{ background:#fff; padding:0px 20px; display:inline-block; color:#f6aa00; font-size:48px; }

.syabout{ padding:30px 0px 10px; max-width:1200px; margin:0 auto}
.syabouttxt{ padding:30px 0px;}
.syabouttxt img{ float:left;}
.sytxs{ float:right; width:844px; line-height:36px; font-size:18px;}
.sytxs div{ height:200px; overflow:hidden}
.sytxs p{ margin-top:20px;}
.sytxs a{ border:1px solid #bfbfbf; height:38px; display:inline-block; width:128px; border-radius:5px; font-size:14px; text-align:center}

.servicebj{ background-color:#f8f8f8; padding:30px 0px;}
.servicebox{ max-width:1200px; margin:0 auto}
.servicebox .maintit span{ background:#f8f8f8; padding:0px 20px; display:inline-block; color:#f6aa00; font-size:48px;}
.servicebox>p{ max-width:1000px; margin:20px auto; text-align:center; font-size:14px; color:#666; line-height:32px;}
.servicebox ul{ padding:20px 0px;}
.servicebox li{ width:30%; float:left;  margin-left:4%;text-align:center;}
.servicebox li:first-child{ margin-left:0px;}
.servicebox li p{ font-size:26px; line-height:40px; margin:10px 0px;}
.servicebox li span{ line-height:32px; display:block; font-size:16px; text-align:left}



.sycont{ max-width:1200px; margin:0 auto;padding:30px 0px; overflow:hidden}
.sycontxt p{ color:#333333; font-size:26px; margin:30px 0px;}
.sycontxt span{float:left; display:block;  font-size:16px; line-height:26px;  padding-right:8%; padding-left:20px; }
.sycontxt span.dizhi{ background:url(../images/2.png) no-repeat left 6px;}
.sycontxt span.yewu{ background:url(../images/1.png) no-repeat left 6px;}


.footerbj{ background-color:#c9c9c9; margin-top:30px;}
.footer{ max-width:1200px; margin:0 auto; padding:20px 0px;}

.ditu{ width:40%;}
.didh{ width:20%; margin-top:30px;}
.didh p{line-height:50px; }
.didh a{ display:inline-block; font-size:16px;}
.erma{ width:20%; text-align:right;margin-top:30px;}
.erma p{ width:150px; text-align:center; display:inline-block; line-height:50px;}

.banquan{ text-align:center; line-height:22px; padding:10px 0px;color:#666}

.teambox{ max-width:1200px; margin:0 auto;}
.teambox h2{ font-size:26px; font-weight:normal; margin:10px 0px 25px;}
.teambox p{ line-height:30px; text-indent:2em; font-size:18px;}
.huiyibox{ max-width:1200px; margin:40px auto; position:relative}
.huiyibox h2{ font-size:26px; font-weight:normal; margin:10px 0px;}

.huiyibox .swiper-container{ width:90%; margin:20px auto;}
.huiyibox .swiper-slide{ cursor:pointer}

.huipic{ width:342px; height:193px; overflow:hidden; position:relative; border-radius:10px; margin:0 auto;}
.huiyibox .swiper-slide>p{ font-size:20px; line-height:30px; padding:10px 0px; width:342px;margin:0 auto; }
.huiyibox .swiper-slide>span{ color:#666; display:block; width:342px;margin:0 auto; }
.huiyibox .swiper-slide>em{ font-style:normal; line-height:30px; font-size:16px; text-indent:2em; display:block; text-align:justify; width:330px;margin:0 auto;margin-top:15px;}
.huitxt{ position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.3); color:#fff; width:calc(100% - 20px); height:calc(100% - 20px); line-height:22px; overflow:hidden; padding:10px; display:none}
.huitxt p{ height:100%}
.huiyibox .swiper-button-next,.huiyibox  .swiper-button-prev{ top:23%}
.huiyibox .swiper-button-next{ background:url(../images/rightan.jpg) no-repeat center center; outline:none}
.huiyibox .swiper-button-prev{  background:url(../images/leftan.jpg) no-repeat center center; outline:none}


.servicebj.nonebj{ background:none}
.servicebj.nonebj .maintit span{ background:#fff; padding:0px 20px; display:inline-block; color:#f6aa00; font-size:48px;}
.serpic{ height:211px;}

.liaojie{ color:#f6ab00; margin:10px 0px; display:inline-block;}
.xuanxiang{ margin:10px 0px; overflow:hidden} 
.xuanxiang a{ width:230px; height:70px; background:url(../images/bt1.png) no-repeat; text-align:center; line-height:70px; display:block; float:left; cursor:pointer}
.xuanxiang a.cur{ background:url(../images/bt2.png) no-repeat; color:#fff}

.xuanbox p{ line-height:40px; font-size:18px; overflow:hidden; margin-top:25px;}
.xuanbox p span{ width:60%; float:left; height:40px; display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.xuanbox p em{ font-style:normal; width:20%; text-align:center; display:block; float:left}
.xuanbox p a{ border:1px solid #e1e1e1; border-radius:3px; display:block; float:right; width:84px; margin-left:18px; text-align:center}

.page{ text-align:center; margin-top:50px;}
.page a{border:1px solid #e1e1e1; border-radius:3px; font-size:18px; padding:0px 10px; display:inline-block; height:38px; margin:0px 5px; line-height:38px; text-align:center}
.page a.cur{ background-color:#eeeeee; color:#f6ab00}


.yanjiushowbox{ max-width:1200px; margin:0 auto; padding:30px 0px;}
.yantit{ color:#666}
.gundongtiao{ margin:30px 0px; background-color:#eeeeee; text-align:center; cursor:pointer; padding:20px 0px;}
.gundongtiao .swiper-container {width: 100%;height:800px;}
.gundongtiao .swiper-slide {height:auto; padding-right:40px; }
.gundongtiao .swiper-scrollbar{ background:#d4d4d4}
.gundongtiao .swiper-scrollbar-drag{ background:#feb536}
.swiper-container-vertical>.swiper-scrollbar{ width:15px;}

.shangxs a{ width:48%; line-height:30px; height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; display:block}
.shangxs a.xia{ text-align:right;background:url(../images/xia.jpg) no-repeat right center; background-size:auto 20px; padding-right:20px;}
.shangxs a.shang{ background:url(../images/shang.jpg) no-repeat left center; background-size:auto 20px; padding-left:20px;}

.download{ width:118px; height:38px; border:1px solid #fbd888; margin:0 auto; text-align:center; background:url(../images/down.jpg) no-repeat 18px center;  line-height:38px; font-size:18px; border-radius:3px; text-indent:25px; margin-top:30px;}
.download a{ display:block; color:#f6ab00}
.download:hover{ background:url(../images/down2.png) no-repeat 18px center #f6ab00; }
.download:hover a{color:#fff}
@media screen and (max-width:640px) {
	

}