@charset "utf-8";
/* CSS Document */
.banner_jxjh{ width:100%; height:360px; background:url(../images/jxjh_banner.jpg) center center no-repeat;background-size:auto 100%;}
.rules,.jj,.md,.md1,.jj1{ width:100%; background:#fff; padding:90px 0;}

.rules,.md1,.md{ background:#f5f5f5;}
.md{ overflow:hidden; padding:90px 0 50px;}
.md1{ overflow:hidden; padding:0 0 150px;}
.rules .txt,.jj .txt,.jj1 .txt,.md1 .txt{ width:100%; text-align:center; height:35px; margin-bottom:60px;}
.jj{padding:90px 0 75px;}
.jj .txt{ margin-bottom:12px;}
.rules .infor{ width:1196px; margin:0 auto; height:auto; padding:36px 42px ; box-sizing:border-box; background:#fff; border:2px solid #d61208;
 border-width:0 3px 3px 0; border-radius:3px; overflow:hidden; position:relative;}
.rules .infor h3{ font-size:24px; font-weight:normal; color:#333; line-height:2.2}
.rules .infor p{ font-size:16px; line-height:2.2; color:#555;}
.rules .infor .toggle_btn{ width:100%; text-align:center; height:26px; margin:36px 0 0;}
.rules .infor #ctr{ width:26px; height:24px; display:inline-block;  }
.rules .infor .topInfor{}

.jj .box1{ width:1200px; margin:0 auto; position:relative;}
.jj .box1 .left{ width:84%; border:3px solid #d61208; position:relative; margin-top:96px; padding:36px 42px; border-radius:3px; right:0; overflow:hidden}
.jj .box1 .left h5{ font-size:28px; line-height:2.2; font-weight:normal; margin-bottom:10px; color:#333;}
.jj .box1 .left p{ font-size:16px; line-height:2.2; color:#555; text-indent:2em;}
.jj .box1 .left .inner{ width:50%; padding-right:30px;}
.jj .box1 .left .inner a{ width:140px; height:40px; display:inline-block; margin-top:28px;
 background:url(../images/right_03.png) 0 0 no-repeat; background-size:100% 100%;}
.jj .box1 .right{ position:absolute; right:0; top:-50px; width:58%; text-align:right;}

.flexslider1 {
        margin: 0px auto;
        position: relative;
        width: 1200px;
        overflow: hidden;
        zoom: 1;
		height:500px;
    }
    
    .flexslider1 .slides li {
        width: 100%;
        height: 100%;
    }
	    
    .flexslider1 .slides li a{
        width: 1200px;
        height:600px;
		display:block;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;	
    }
	.flexslider1 .slides li a.bj1{
 	background:url(../images/b10.jpg) center center no-repeat;	
    }
    .flexslider1 .slides li a.bj2{
	background:url(../images/b4.jpg) center center no-repeat;	
    }

	.flexslider1 .slides li a.bj7{
 	background:url(../images/b7.jpg) center center no-repeat;
    }
    .flexslider1 .slides li a.bj5{
    background:url(../images/b8.png) center center no-repeat;
    }
  .flexslider1 .box1{ width:1200px; margin:0 auto; position:relative;}
  .flexslider1 .box1 .left{ width:84%; border:3px solid #d61208; position:relative; margin-top:96px; padding:36px 42px; height:314px; border-radius:3px; right:0; overflow:hidden}
  .flexslider1 .box1 .left h5{ font-size:28px; line-height:2.2; font-weight:normal; margin-bottom:10px; color:#333;}
  .flexslider1 .box1 .left p{ font-size:16px; line-height:2.2; color:#555; text-indent:2em;}
  .flexslider1 .box1 .left .inner{ width:50%; padding-right:30px;}
  .flexslider1 .box1 .left .inner a{ width:140px; height:40px; 
 background:url(../images/right_03.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; bottom:32px; right:560px;}
  .flexslider1 .box1 .right{ position:absolute; right:0; top:-50px; width:58%; text-align:right;}
.flexslider1 .flex-direction-nav a {
        width: 50px;
        height: 50px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../images/ad_lr.png) no-repeat;
        position: absolute;
        top: 90%;
        z-index: 10;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
		
    }

.flexslider1 .flex-direction-nav .flex-next {
        background-position: 0 -50px;
        left: 40px;
    }

.flexslider1 .flex-direction-nav .flex-prev {
        left: 150px;
    }

.flexslider1 .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }

.flexslider1 .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }

.flexslider1 .flexslider:hover .flex-next:hover,
.flexslider1 .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }

.flexslider1 .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }

.flexslider1 .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flexslider1 .flex-control-paging li a {
        background:url(../images/ad_ctr.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }

.flexslider1 .flex-control-paging li a.flex-active,
.flexslider1 .flex-control-paging li.active a {
        background-position: 0 0;
    }

.flexslider1 .flexslider .slides a img {
        width: 100%;
		height:100%;
        display: block;
    }
		
		
	/* 本例子css */
		.slideBoxs{ width:1200px; position:relative;  margin:0 auto; padding-bottom:100px;}
		.slideBoxs .hd{display: inline-block; height:60px; overflow:hidden; position:absolute;left:50%; margin-left:-153px; bottom:30px; z-index:1; }
		.slideBoxs .hd ul{zoom:1; float:left; margin-top:20px; width:1000px;}
		.slideBoxs .hd ul li{ float:left; margin-right:2px;  width:100px; height:40px; line-height:40px; text-align:center;color:#999; cursor:pointer; font-size:32px; font-weight:blod; }
		.slideBoxs .hd ul li.on{ color:#333; }
		.slideBoxs .bd{ position:relative; height:100%; z-index:0;   }
		.slideBoxs .bd li{ zoom:1; vertical-align:middle; }
		.slideBoxs .bd img{display:block; box-shadow:3px 3px 5px #DFDFDF; border-radius:8px; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBoxs .prev,
		.slideBoxs .next{ position:absolute; left:33%;  margin-top:-25px;  bottom:30px;
		 display:block; width:40px; height:40px; background:url(../images/icon_left.png) 0 0 no-repeat; background-size:100% 100%;
		  filter:alpha(opacity=50);opacity:1;   }
		.slideBoxs .next{ left:auto; right:33%; background:url(../images/icon_right.png) 0 0 no-repeat; background-size:100% 100%;}
		.slideBoxs .prev:hover,
		.slideBoxs .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBoxs .prevStop{ display:none;  }
		.slideBoxs .nextStop{ display:none;  }
		
		   .swiper-container {
      width: 1200px;
	  margin:0 auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
	  z-index:-1;
	  width: 650px;
	  height:296px;
	  padding:90px 0 60px;
	border-radius: 8px;
	z-index:-1
    }
	 .swiper-slide img {
		width:480px;
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
     width:650px; height:296px;
	  transform: scale(1.4);
	  z-index:999999
	}
	.swiper-slide-active img{width:464px}
	.swiper-button-next, .swiper-button-prev {
		top:54%;
		color: #d61208;
	}
	.swiper-button-next{ right:0;}
	.swiper-button-prev{ left:0;}
		
		
		
 #warpper{ width: 800px; height: 600px; margin: 20px auto;}
 .container{ width: 100%; height: 100%; overflow: hidden; position: relative; }
 
        .imgList{ width: 4800px; position: absolute; z-index: 5; }
        .imgList>li{ float: left; width: 800px; height: 600px; }
        .imgList>li>img{ width: 100%; height: 100%; }
 
         #warpper.pre1, #warpper .next1{ position: absolute; top: 275px; background: rgba(220,220,220,0.7); padding: 10px 0; z-index: 100; opacity: 0.6; filter: alpha(opacity=60); }
         #warpper .pre1:hover, #warpper .next1:hover{ cursor: pointer; opacity: 1; filter: alpha(opacity=100); }
         #warpper .pre1{ left: 10px; }
         #warpper .next1{ right: 10px; }
 
        .dollList{ width:180px;  position: absolute; z-index: 10; bottom: 20px; left: 310px ; }
        .dollList li{ float: left; margin-right: 10px; }
        .dollList li.sec a{ background: orange; }
        .dollList li a{ width: 15px; height: 15px; background: rgba(230,230,230,0.6); border-radius: 50%; display: inline-block;  }


.footer{ background:#f2f2f2;}
.footer p,.footer p a{ color:#333;}