@charset "utf-8";
/* Global CSS */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding:0; margin:0; }
li { list-style-type:none; }
img { border:0; }
ol, ul { list-style:none; }
a {text-decoration:none}
html,body{position:relative;height: 100%;}
body{background:#eee;font-family:"Microsoft YaHei",Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;margin:0 auto;padding:0;}
/*nav*/
.nav{position: fixed;top: 0;  height: 52px;width: 100%;z-index: 10;background: rgba(217,136,13,0.5)}
.nav .navlist{width: 1200px;text-align: right;padding: 15px 0;}
.nav .navlist li{display: inline-block;color: #fff;}
.navlist li a{display: inline-block; color: #fff;padding: 0 12px;line-height: 28px;margin: 0 3px;border-radius: 8px;}
.navlist li a:hover{background: #f2e1cb;color: #f98c20;}
.preview{position:relative;}
.preview ul{position: absolute;display: none;}
.prevhover{height: 124px;
  background-color: #f3e2cc;
  border-radius: 18px;
  padding-bottom: 10px;}
.preview ul a{width: 71px;margin: 0; text-align: center;font-size:12px;line-height: 24px; background: #f3e2cc;color: #8f8a82;border-radius: 0px;}
.preview ul a:hover{color:#f98c20 }
.banner{position: relative;height: 100%}

.banner .mouse{bottom: 10px;margin-left:-15px;}
.banner img{position: absolute;left: 50%;}
.banner .map{margin-left:-120px;top: 170px;}
.banner .mapicon{ top: 520px;  margin-left: 456px;}
.banner .addr{  top: 500px;  margin-left: 262px;}
.banner .arrow{margin-left: -10px;bottom: 14px;}

.section{overflow: hidden;}
.section h3{font-size: 30px;color: #f98c20; text-align:center;font-weight: normal;}
.section h3 span{display: inline-block; line-height: 48px;border-bottom: 2px #f98c20 solid;}
.section01{height: 100%;background:#d26a06 url(../images/banner.jpg) no-repeat center top;}

/*section02*/
.section02{background: url(../images/bg01.jpg) no-repeat center top;}
.section02 h3{margin: 30px 0 30px;}
.environ_list{padding: 20px 30px;overflow: hidden; position: relative;}
.environ_list ul{}
.environ_list ul .pic_list{float: left;margin:0 9px;width: 350px;overflow: hidden;}
.environ_list ul .pic_list img{vertical-align: middle;width: 100%;height: 198px;}
.pic_list .time{text-align: right;color: #f98c20;line-height: 50px;font-size: 20px;background: none; padding:0;visibility:hidden;height:50px;}
.pic_list .time span{margin-right: 10px;}
.pic_list h4{font-size: 18px;color: #676767;text-align: center;padding: 0 35px;background: #fff;}
.pic_list h4 a{display: block; color: #676767;line-height: 28px;padding: 15px 0;margin: 0 10px;border-bottom: 2px #f88b1f solid;height: 55px;}
.pic_list h4 a:hover{color:#f88b1f; }
.pic_list p{font-size: 14px;color: #747474;/*text-align: center;*/line-height: 20px;padding: 15px 35px;background: #fff;height:100px;}
.turn_left{position: absolute;  position: absolute;  left: -28px;  top: 50%;}
.turn_left a,.turn_right a{  display: block;  background-color: #976636;  height: 35px;  width: 35px;  border-radius: 50%;  text-align: right;
  line-height: 35px;  padding: 8px;margin-top: -25px;}
.turn_left a:hover,.turn_right a:hover{background: #683402;}
.turn_right{position: absolute;right:-28px;  top: 50%;}
.turn_right a{text-align: left;}
.office_list .mb01_tab{background-color: #00A9A6;color: #fff;}
.zw_apply .app, .zw_apply .collect{background-color:#ff5900;color: #ffff00;border: none !important;}
.ft_bg{background-color: #858585}

/*section03*/

.section03{background: url(../images/bg02.jpg) no-repeat center top;}
/* zy-Slide */
	.zy-Slide section{ color: #FFFFFF; border-width: 1px; border-style: solid; }
	.zy-Slide{
    font-size: 12px;
    position:relative;
    padding: 0 20px;
    height: 530px;
    /*margin:50px auto 0;*/
}
.zy-Slide ul{
    position:relative;
    width: 1200px;
    height:530px;
    margin:0 auto;
    padding:0;
}
.zy-Slide li{
    position:absolute;
    list-style:none;
    background:#000;
    width:0;
    height:0;
    top:146px;
    left:377px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
    margin:0;
    padding:0;
}
.zy-Slide li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){
 position: absolute; top: 50%; width: 39px; height: 40px; margin-top: -10px; cursor: pointer; line-height: 40px; padding-left: 12px; padding-right: 12px; }
.zy-Slide section:nth-child(1){
      right: 50%;
  margin-right: 618px;
}
.zy-Slide section:nth-child(2){
      left: 50%;
  margin-left: 618px;  
}

.section03 h3{margin: 30px 0 50px;color: #fff}
.section03 h3 span{border-bottom: 2px #fff solid;}
.moddle{margin:0 2%;background: url(../images/video02.jpg) no-repeat left center;}
/*.section03 li video{width: 100%;height:445px;cursor: pointer;}*/
.section03 .leftli{background: url(../images/video01.jpg) no-repeat left center;}
.section03 .rightli{background: url(../images/video03.jpg) no-repeat left center;}

/*.section03 .begin{position: absolute;}
*/
.section04{background:url(../images/bg03.jpg) no-repeat center top;}
.main{width: 1200px;margin: 0 auto;height: 545px;background: #fff;padding: 35px 0 20px;  overflow: hidden;}
.section04 h3{margin:20px 0;}
.main>div{display: inline-block;vertical-align: top;}
.main .left_list p{padding: 0px 45px 20px;color: #f88d20;font-size: 18px;}
.left_list .list{display: inline-block;margin-left: 45px;}
.list li{font-size: 16px;text-align: center;}
.list li a{display: block;color: #666666;line-height: 60px;border-bottom: 2px #f88d20 solid;}
.list li a:hover{background: #f88d20;color: #fff;}
.list li .hoveron{background: #f88d20;color: #fff;}
.main .right_cont{  width: 770px;  height: 545px;  overflow: auto;  margin-left: 50px;}
.right_cont div{display: none;  height: 545px;  overflow: auto;}
.right_cont img{}
.right_cont h4{margin: 10px 0 40px;}
.section05{background: #e7eaec;}
.section05 .pinglun{width: 1200px; height: 100%; margin:auto; overflow: auto;}

.pagination{position:fixed;right: 10px;top: 50%;margin-top: -20px;}
.pagination a{display:block;margin-top: 10px;}
.pagination a span{display: block;height: 10px;border-radius: 50%; background: #fff;width: 10px;margin: 0 auto}
.pagination a.on{padding: 5px;border: 1px #fff solid;border-radius: 50%;}

.top{display: none; position: fixed;left: 50%;bottom: 50px;  width: 80px;margin-left: 600px;text-align: center; background: #fff;}
.top p{font-size: 14px;color: #000;padding: 5px 2px 0;}
.top p span{color: #f98c20}
.top>img{width: 78px;}
.top a{background: #dddddd;  display: block;
  padding: 5px 0 0;}
  .top a:hover{background: #f98c20;}

.foot{font-size: 14px;text-align: center;line-height: 78px;color: #696969;}

.lar{margin-top:10px;}

.section02{height: 720px;}
.section03{height: 720px;}
.section04{height: 720px;}
.adsw{width:100%;}

/*.Flash{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
*/

/*animation*/
/*动画名称  动画时间   动画运动轨迹 动画延迟时间 动画播放次数（无限循环） 是否轮流反向播放动画(是)*/
.fadeIn{animation:FadeIn  2.5s  linear 0s infinite alternate;-webkit-animation:FadeIn  2.5s  linear 0s infinite alternate;-ms-animation:FadeIn  2.5s  linear 0s infinite alternate;-moz-animation:FadeIn  2.5s  linear 0s infinite alternate;}
.FadeInT{animation:FadeInT  1s  linear 0s ;-webkit-animation:FadeInT  1s  linear 0s ;-ms--animation:FadeInT  1s  linear 0s ;-moz--animation:FadeInT  1s  linear 0s ;}
.LightSpeedIn{animation:LightSpeedIn  1.5s  ease-in 0s ;-webkit-animation:LightSpeedIn  1.5s  ease-in 0s ;-ms--animation:LightSpeedIn  1.5s  ease-in 0s ;-moz-animation:LightSpeedIn  1.5s  ease-in 0s ;}
.Flash{animation:Flash  2s  linear 0s infinite ;-webkit-animation:Flash  2s  linear 0s infinite ;-ms-animation:Flash  2s  linear 0s;-moz-animation:Flash  2s  linear 0s;}

@-webkit-keyframes Flash{0%,50%,100%{bottom:15px;}25%,75%{bottom: 13px}}
@-moz-keyframes Flash{0%,50%,100%{bottom:15px;}25%,75%{bottom: 13px}}
@-ms-keyframes Flash{0%,50%,100%{bottom:15px;}25%,75%{bottom: 13px}}
@keyframes Flash{0%,50%,100%{bottom:15px;}25%,75%{bottom: 13px}}
@-webkit-keyframes FadeIn{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.5;}}
@-moz-keyframes FadeIn{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.5;}}
@-ms-keyframes FadeIn{0%{opacity:0.3;}50%{opacity:1;}100%{opacity:0.5;}}
@keyframes FadeIn{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.5;}}
@-webkit-keyframes FadeInT{0%{opacity:0;-webkit-transform:translateY(-100px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes FadeInT{0%{opacity:0;-moz-transform:translateY(-100px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes FadeInT{0%{opacity:0;-ms-transform:translateY(-100px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes FadeInT{0%{opacity:0;transform:translateY(-100px);}100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes LightSpeedIn{
   0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
   60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
   80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
   100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@-ms-keyframes LightSpeedIn{
   0%{-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
   60%{-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
   80%{-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
   100%{-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}
}
@-moz-keyframes LightSpeedIn{
   0%{-moz-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
   60%{-moz-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
   80%{-moz-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
   100%{-moz-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}}
@keyframes LightSpeedIn{
   0%{transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;}
   60%{transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;}
   80%{transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;}
   100%{transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;}}