.main-box{
    padding-bottom:80px;
}
/*标题样式*/
.proTitle{
    margin-top:50px;
}
.proTitle h1{
    font-size:30px;
    font-weight: 700;
    color:#000;
}
.proTitle span{
    display:block;
    width:200px;
    height:2px;
    background:#000;
    margin: 10px auto;
}

.main-box>p{
    width:65%;
    text-align: center;
    margin:0 auto;
}
.main-box>p{
    color:#af772a;
    font-size:20px;
    margin-bottom:50px;
}

/*标题样式结束*/
.visual{
   /* width:1200px;*/
    width:700px !important;
    margin:0 auto;
    position:relative;
}
.slides_container li{
    width:100%;
}
.slides_container li a{
    display: block;
    position:relative;
    color:#000;
    width:100%;
}
/*.slides_container li a div.img{
    width:500px;
    height:360px;
}*/
.slides_container li a div.introduce{
    position:absolute;
    right:0;
    bottom:28px;
   /* width:250px;
    height:250px;*/
    background:#fff;
    border:2px solid #d2ac67;
    /*padding:0 0 5px 20px;*/
    overflow-x: hidden;
     overflow-y:auto;
    /*font-family: "微软雅黑";*/
}
.slides_container li a div.introduce .d_logo img{
    width:103px;
    height:auto;
}
div.introduce span{
    display: block;
    width:25px;
    height:1px;
    background: #000;
}
div.introduce>div>div{
    display: inline-block;
}
.intro_title{
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0 5px;
    padding:0 2px;
    border-bottom: 1px solid #000;
    display:inline-block;
}
.intro_desc{
    line-height: 20px;
}
.inform,.intro_desc{
    margin-bottom: 26px;
}
.intro_desc,div.introduce>div>div p{
    font-size: 14px;
}
div.introduce>div>div p{
    line-height: 23px;
}
.introduce .d_logo{
    margin:15px 0 35px;
}
.slideControl{
    width:132px;
    height:28px;
    line-height: 28px;
    position: absolute;
    right:0;
    background:#d2ac67;
    text-align: center;
    z-index:10;
}
.slideControl p{
    display: inline-block;
    line-height: 38px;
}
.slideControl p a,.slideControl p span{
    display: table-cell;
    vertical-align: middle;
    height:38px;
    line-height: 38px;
}
.slideControl p.bias{
    margin:0 18px;
}
@media screen and (max-width:768px){
    .main-box{
        padding-top:15px;
        padding-bottom: 30px;
    }
    .proTitle span{
    display:block;
    width:200px;
    height:2px;
    background:#000;
    margin:10px auto 10px;
        }
    .visual{
        width:auto !important;
    }
    .slides_container li a div.img,
    .slides_container li a div.introduce{
        width:auto;
        height:auto;
    }
    .slides_container li a div.img img{
        margin:0 auto;
    }
    .slides_container li a div.introduce{
        position:relative;
        margin:0px auto 0;
        padding: 0 15px;
        right:auto;
        bottom:auto;
    }
    .introduce .d_logo{
        margin:5px 0 20px 0;
    }
    
    .slides_container li a div.introduce .d_logo img{
        width: 60%;
        max-width: 220px;
        margin:5% 0 0 0;
    }
    .intro_title{
         font-size: 24px;
        margin-top: 10px;
        text-decoration: none;
        border-bottom: none;
    }
    .inform{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    }
    .inform .notice{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
        font-size: 2.5em;
    }
    .notice_content{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size:20px;
    color: gray;
    }
 div.introduce>div>div p{
    font-size: 18px;
    font-weight:normal;
 }
 .big_circle{
    width: 15px;
    height: 15px;
    margin-bottom: 10px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #d2ac67;
 }
 .small_circle{
    width: 5px;
    height: 5px;
    margin-bottom: 10px;
     -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #d2ac67;
 }
 .link_icon{
    margin-bottom: 20px;
 }
 .link_icon img{
  -webkit-animation:circle 4s infinite linear;
  -o-animation:circle 4s infinite linear ;
  animation:circle 4s infinite linear;
 }
@-webkit-keyframes circle{
0%{ 
    -webkit-transform:rotate(0deg);
       -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
         -o-transform:rotate(0deg);
            transform:rotate(0deg);
  
}
100%{ 
    -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
 }
}
@-o-keyframes circle{
0%{ 
    -webkit-transform:rotate(0deg);
       -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
         -o-transform:rotate(0deg);
            transform:rotate(0deg);
  
}
100%{ 
    -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
 }
}
@keyframes circle{
0%{ 
    -webkit-transform:rotate(0deg);
       -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
         -o-transform:rotate(0deg);
            transform:rotate(0deg);
  
}
100%{ 
    -webkit-transform:rotate(360deg);
       -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
         -o-transform:rotate(360deg);
            transform:rotate(360deg);
 }
}

  .text-center>a{
    font-size: 20px;
     color:#d2ac67;
  }
}
@media (min-width:768px){
    .main-box .slideControl p{
    width:25px;
    }
}
@media ( min-width:992px ){
    .main-box{
    padding-bottom:30px;
}
    .visual{

    width:900px !important;
    height:670px;
    margin:0 auto;
    position:relative;
}

    .slides_container li a div.img{
    width:700px;

    height:670px;
    min-height: 670px;
    clear: both;
    }
   .slides_container li a div.img img{
        width:700px;
        max-width: 700px;
        height:570px;
        min-height: 570px;
   }
   .intro_title{
    font-size: 20px;
   
    }
    .intro_desc{
     font-size:16px;
     /*padding-right: 10px;*/
    }
    .slides_container li a div.introduce .d_logo img{
    width:120px;
    height:auto;
}

  .slideControl{
                
                bottom: 495px !important;
                top:auto;
                right:0;
                }

.slides_container li a div.introduce{
                    width:280px !important;
                    height:280px !important;
                    position:absolute;
                    right:0;
                    bottom:215px !important;
                }

}

@media ( min-width:1200px ){
    .main-box{
    padding-bottom:30px;
}
    .visual{

    width:1050px !important;
    height:670px;
    margin:0 auto;
    position:relative;
}

    .slides_container li a div.img{
    width:900px;

    height:670px;
    min-height: 670px;
    clear: both;
    }
   .slides_container li a div.img img{
        width:800px;
        max-width: 800px;
        height:570px;
        min-height: 570px;
   }
   .intro_title{
    font-size: 20px;
   
    }
    .intro_desc{
     font-size:18px;
     /*padding-right: 10px;*/
    }
    .slides_container li a div.introduce .d_logo img{
    width:200px;
    height:auto;
}

  .slideControl{
                
                bottom: 495px !important;
                top:auto;
                right:0;
                }

.slides_container li a div.introduce{
                    width:320px !important;
                    height:320px !important;
                    position:absolute;
                    right:0;
                    bottom:175px !important;
                }

}
@media ( min-width:1600px ){
    .main-box{
    padding-bottom:30px;
}
    .visual{

    width:1280px !important;
    height:670px;
    margin:0 auto;
    position:relative;
}

    .slides_container li a div.img{
    width:1100px;

    height:670px;
    min-height: 670px;
    clear: both;
    }
   .slides_container li a div.img img{
        width:950px;
        max-width: 950px;
        height:630px;
        min-height: 630px;
   }
   .intro_title{
    font-size: 23px;
   
    }
    .intro_desc{
     font-size:18px;
     /*padding-right: 10px;*/
    }
    .slides_container li a div.introduce .d_logo img{
    width:200px;
    height:auto;
}

  .slideControl{
                width: 180px;
                bottom: 505px !important;
                top:auto;
                right:0;
                }

.slides_container li a div.introduce{
                    width:380px !important;
                    height:380px !important;
                    position:absolute;
                    right:0;
                    bottom:125px !important;
                }

}

.slide_rBt:hover img{
    background: ;
}
@media (max-width:768px){

    .main-box p.text-center{
        width: 100%;
        margin: 0 auto;
        padding:0 15px ;
        margin-bottom:30px;
    }
    .proTitle{
        margin-top:15px;
    }
    .proTitle span{
        height: 1px;
        margin:10 auto;
    }
}

@media (min-width:768px){
    .intro_desc{
        width: 90%;
        margin:0 auto;
    }
    .intro_title{
        margin-left: 5%;
    }
}