@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; }
 h1, h2, h3, h4, h5, h6{font-weight: normal;}
img { border:0; }
ol, ul { list-style:none; }
a {text-decoration:none}
html,body{position:relative;height: 100%;}
body{background:#ece9e9;font-family:"Microsoft YaHei",Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;margin:0 auto;padding:0;}
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;
   -webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;
   -ms-flex-align:center;align-items:center;-webkit-box-pack:center;
   -webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
/*nav*/
.nav{display: none; position: fixed;top: 50%;margin-top: -285px ;width: 152px;left: 50%;
   margin-left: -640px; z-index: 10;background: rgba(0,0,0,0.3);/*background: #000\0;*/}
.nav .navlist{text-align: right;padding: 15px 0;}
.nav .navlist li{color: #fff;}
.navlist li a{display:block;font-size: 20px; color: #fff;line-height: 40px;margin: 0 20px 50px;border-radius: 4px;text-align: center;}
.navlist li a:hover{background: #FFF;color: #f98c20;}
.navlist li a.on{background: #FFF;color: #f98c20;}

.banner{position: relative;height:670px; background: url(../images/banner.png) no-repeat center top;}
.banner img{position: absolute;left: 50%;}
.banner .xls{top: 102px;margin-left: -250px;}
.banner .jz{top: 175px;margin-left: -279px;}
.banner .djch{top: 362px;margin-left: 118px;}

.main{width: 1280px;margin: 0 auto;overflow: auto;}
.section{position: relative; margin-left: 152px;padding: 120px 0;background: #fff;}
.section h3{font-size: 40px;position: absolute;top: 50px;left: 36px;color: #f28032;line-height: 40px;}
.section .swiper-container{position: static;}
.section .swiper-button-prev{background-image: url(../images/arrow2_l.png);background-size: 100% 100%;
 width: 15px;height: 28px;top: 105px;  left: 1046px;position: absolute;}
.section .swiper-button-next{background-image: url(../images/arrow2_r.png);background-size: 100% 100%;
   width: 15px;height: 28px;top: 105px;right: 14px;position: absolute;}
   
/*section01*/
.report{margin-top: -150px;margin-bottom: 150px;}
#section01{padding-bottom: 50px;}
#section01,#section02{padding-left:4px;padding-right: 4px;overflow: auto;}
.section01 .swiper-container{height: 536px;}
/*.section01 .swiper-container{width: 848px;float: left;}
#section01 .swiper-button-prev{left:764px }
#section01 .swiper-button-next{left:817px }*/
.section01 li img{width: 260px; height: 180px;}
.reportlist li>a{ display: block;  height: 180px;
  width: 260px;  overflow: hidden;}
.reportlist li a,.section06 .swiper-slide li a{color: #000;}
.reportlist li img:hover{transform:scale(1.2);}
.reportlist li a:hover,.section06 .swiper-slide li a:hover{color: #f28032}
.reportlist li p,.section06 .swiper-slide li p{font-size: 16px;line-height: 24px;text-align: center;padding: 5px;margin-bottom: 10px;}

.order{height: 690px;background: #f7f7f7;  float: right;  width: 260px;margin:-60px 10px 0 0;right: 10px;}
.order h4{font-size: 26px;color: #f28032;text-align: center;  margin: 20px 0 28px;}
.orderlist {padding:0 18px;}
.orderlist span{display: inline-block;height: 30px;line-height: 30px;width: 30px;border-radius: 50%;
   background: #cccccc;color: #fff;text-align: center;}
.orderlist li{margin-bottom: 30px;}
.orderlist .order_li span{background: #ff7b29}
.orderlist .order_li p{color:#ff7b29}
.orderlist p{float: right;color:#000;font-size: 18px; }   
/*section02*/
.playcontainer{padding: 138px 0;background: url(../images/wanfa_backg.jpg) no-repeat center center;}
.section02 .swiper-slide ul,.section01 .swiper-slide ul,.section06 .swiper-slide ul{font-size: 0}
.section02 .swiper-slide li,.section01 .swiper-slide li{display: inline-block;vertical-align: top; width: 260px; font-size: 14px;position: relative;margin: 20px 10px 0;}
.section02 li a{display: block;}
.section02 li img{display: block; width: 260px; height: 180px;}
.horizontal02{height: 400px;}
.play_con{position: absolute;width: 100%;  bottom: 0;background: rgba(0,0,0,0.5);height:50px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);    /*IE8支持*/}
.playcon_t{width: 100%;}
.play_con h4{font-size: 16px;color: #fff; text-align: center; width: 99%  padding: 5px;;}
.play_con p{display: none; color: #fff;padding: 14px 0;margin: 3px 20px; border-top: 1px #fff solid;text-align: center;}

/*section03*/
.main_line{margin: 140px auto;}
#section03{font-size: 0;}
.online,.underline{display: inline-block;width: 535px;font-size: 16px;}
.online{padding: 0 16px 0 12px;border-right: 1px #fff solid;}
.underline{padding: 0 12px 0 16px;}
.line{}
.line .swiper-container{height: 450px;}
.line li{/*display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;
   -webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;
   -ms-flex-align:center;align-items:center;-webkit-box-pack:center;
   -webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;*/
   margin:15px 0 30px;
}
.line li img{  display: inline-block;width: 120px;height: 83px;margin-right: 10px;vertical-align: top;}
.line li div{display: inline-block;width:400px;height: 83px;vertical-align: top;}
.line li a{color:#000;}
.line li a:hover{color:#f28032;}
.news_con h4{font-size: 16px;line-height: 20px;}
.news_con p{font-size: 12px;  height: 35px; overflow: hidden; margin-top: 10px;}
.news_con span{font-size: 14px;}
.section03 .underline_h{  left: 596px;}
.section03 .button-prev{position: absolute;  z-index: 10;
  cursor: pointer; background-image: url(../images/arrow3_u.png);
  background-size: 100% 100%;  height: 15px;  width: 28px;
}
.section03 .button-next{position: absolute;  z-index: 10;
  cursor: pointer; background-image: url(../images/arrow3_d.png);
  background-size: 100% 100%;  height: 15px;  width: 28px;
}
#section03 .online_prev{  top: 60px;  left: 515px;}
#section03 .online_next{ top: 100px;  left: 515px;}
#section03 .underline_prev{top: 60px;left: 1080px;}
#section03 .underline_next{  top: 100px;  left: 1080px;}
/*section04*/
.section_live{    margin-top: 20px;
  /*width: 660px;*/
  /*height:960px;*/
  height: 789px;
  color: #fff;
  text-align: center;
}
#section04{position:relative;margin-left: 0;background: url(../images/zjxc_backg2.jpg) no-repeat center top;  background-size: 100% 100%;}
#section04 h3{  left: 50%;  margin-left: -450px; margin-top: 25px; color: #000;} 
.section04 .swiper-slide{overflow: hidden;}
.section04 .swiper-slide img{display: block; width: 100%; height: 33.33%;}
.section04 .swiper-slide img:hover{transform:scale(1.2);}
.section01 li img{width: 260px; height: 260px;}
#section04  .swiper-button-prev{background-image: url(../images/arrow_l.png);left: 50%;margin-left: 484px}
#section04 .swiper-button-next{background-image: url(../images/arrow_r.png);left: 50%;margin-left: 537px}

.section06{padding-bottom: 90px;  margin-bottom: 100px;  margin-top: 100px;}
.section06 .swiper-slide li{display: inline-block;vertical-align: top; width: 200px; font-size: 14px;margin: 20px 12px 0;}
.section06 .swiper-slide li img{display: block; width: 200px;height: 275px;}
.section06 ul{  margin-left: 5px;}
.section06 .swiper-slide li a{display: block;position: relative;}
.section06 li a>div{  position: absolute;
  background: rgba(0,0,0,0.2);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  width: 100%;
  height: 100%;}
 .section06 li a>div:hover{background: none}
/*.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%;}
*/
.foot{font-size: 14px;text-align: center;line-height: 78px;color: #696969;}

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

/*animation*/
/*动画名称  动画时间   动画运动轨迹 动画延迟时间 动画播放次数（无限循环） 是否轮流反向播放动画(是)*/
.FadeInT{animation:FadeInT  1s  ease-in-out 0s ;-webkit-animation:FadeInT  1s ease-in-out 0s ;-ms-animation:FadeInT  1s ease-in-out 0s ;-moz-animation:FadeInT  1s  ease-in-out 0s ;}
.BounceIn{animation:BounceIn  1.2s  ease-in 0s ;-webkit-animation:BounceIn  1.2s  ease-in 0s ;-ms-animation:BounceIn  1.8s  ease 0s ;-moz-animation:BounceIn  1.8s  ease 0s ;}
.FadeInB{animation:FadeInB  1.5s  ease-in-out 0s ;-webkit-animation:FadeInB  1.5s  ease-in-out 0s ;-ms-animation:FadeInB 1.5s  ease-in-out 0s ;-moz-animation:FadeInB  1.5s  ease-in-out 0s ;}

@-webkit-keyframes FadeInB{0%{opacity:0;-webkit-transform:translateX(100px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes FadeInB{0%{opacity:0;-moz-transform:translateX(100px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes FadeInB{0%{opacity:0;-ms-transform:translateX(100px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes FadeInB{0%{opacity:0;transform:translateX(100px);}100%{opacity:1;transform:translateX(0);}}

@-webkit-keyframes FadeInT{0%{opacity:0;-webkit-transform:translateX(-200px) scale(0.3);}100%{opacity:1;-webkit-transform:translateX(0) scale(1);}}
@-moz-keyframes FadeInT{0%{opacity:0;-moz-transform:translateX(-200px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes FadeInT{0%{opacity:0;-ms-transform:translateX(-200px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes FadeInT{0%{opacity:0;transform:translateX(-200px) scale(0.3);}100%{opacity:1;transform:translateX(0) scale(1);}}

@-webkit-keyframes BounceIn{0%{opacity:0.3;-webkit-transform:scale(1.5);}
   /*50%{opacity:1;-webkit-transform:scale(1.3);}
   70%{-webkit-transform:scale(1.2);}*/100%{-webkit-transform:scale(1);}}
@-moz-keyframes BounceIn{0%{opacity:0.3;-moz-transform:scale(1.5);}
  /* 50%{opacity:1;-moz-transform:scale(1.3);}
   70%{-moz-transform:scale(1.2);}*/
   100%{-moz-transform:scale(1);}}
@-ms-keyframes BounceIn{0%{opacity:0;-ms-transform:scale(1.5);}
50%{opacity:1;-ms-transform:scale(1.3);}
70%{-ms-transform:scale(1.2);}100%{-ms-transform:scale(1);}}
@keyframes BounceIn{0%{opacity:0.3;transform:scale(1.5);}
/*50%{opacity:1;transform:scale(1.3);}70%{transform:scale(1.2);}*/
100%{transform:scale(1);}}