html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;min-width: 320px;background: #fff;color: #333;min-width:1400px;}

.main{
    width: 1400px;
    margin: 0 auto;
}
/*img{*/
    /*width: 100%;*/
    /*height: 100%;*/
/*}*/


.dropbtn {
    display: block;
    color: black;
    padding: 16px 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    margin-top: 59px;
    font-weight: bold;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    padding-top: 22px;
    font-size: 16px;
    width: 150px;
    z-index: 10;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /* min-width: 160px; */
    margin-left: -28px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align: center;
    padding-bottom: 22px;
}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    /* background-color: #C0C0C0; */
    color: #ff5722;
}

.ds_date h1{ word-break: break-all}

.ds_date .ds_icon_date{
    float: left;margin-right:10px ;width:25px;height:25px;
    background: url("/front/diansheng/images/date1.png")no-repeat center center/100% 100%;
}



.ds_date:hover .ds_icon_date{
    background: url("/front/diansheng/images/date1.png")no-repeat center center/100% 100%;
}



.menu{height: 139px;box-shadow:rgba(51, 51, 51, 0.15) 1px 6px 6px 0px;z-index: 99999999;box-sizing: border-box;position: relative;}
.menu .main>div{
    padding-top: 23px;
    /* display: flex; */
}
.menu .logo{
    width: 326px;
    height: 77px;
    padding-right: 203px;
    padding-left: 120px;
    float: left;
}


.navi{
    float: right;
    margin-right: 99px;
}

/*========顶部横幅============*/
.banner              {height: 600px;/* position:relative; *//* margin-top: 191px; */margin-bottom: 10px;}
.detail_body .banner {background:none; }
.bannerlong          {width:100%;height:100%;overflow:hidden;position:relative;background: #cccccc;}
.bannerlong ul       {height:100%; position:absolute; left:0; top:0;padding:0; margin:0; }
.bannerlong ul li    {height:100%; float:left; }
.bannerlong ul li a  {height:100%; display:block;}

.dot                 {width:1000px; margin:0 auto; height:15px; position:relative; }
.onlydot             {display:none; }
.dot ul              {margin:-45px auto 0; }
.dot ul li           {background:#FFF;height: 10px;width: 10px;float:left;margin-right:15px;border-radius:50%;cursor:pointer;/* border: solid 2px #cccccc; */}
.dot ul li.active{background:#09F;}

.banner_btn{background-color: rgba(0, 0, 0, 0.2);}
.banner_btn.pre_btn{background:url(../images/ntl.png)}
.banner_btn.next_btn{background:url(../images/ntr.png)}



/*.banner{width: 100%;padding-top: 245px;height: 565px;text-align: center;}*/
/*.banner h1{font-size: 70px;font-weight: bold;}*/
/*.banner h2{margin-top: 20px;font-size: 40px;font-weight: bold;}*/

.one{/* display: flex */overflow: hidden;/* border: solid; */width: 1153px;margin: 68px auto 0 auto;}
.one > a{display: block;margin: 60px 0;width: 555px;height: 270px;float: left;}
.one .inde{margin-right: 43px;}

.index .about{padding-top: 60px;/* display: flex; */width: 1153px;/* border: solid; */margin: 0 auto;overflow: hidden;}
.index .about .left{background-color: #ec6727;color: #ffffff;width: 407px;height: 318px;padding: 43px 94px 43px 76px;float: left;}
.index .about .left h1{font-size: 25px;}
.index .about .left p{font-size: 15px;line-height: 1.5;text-align: justify;margin: 25px 0;height: 224px;}
.index .about .left a{padding: 5px 10px;font-size: 20px;color: #ffffff;border: 2px solid #ffffff;border-radius: 5px;}
.index .about .right{width: 575px;height: 404px;float: left;background-size: cover!important;}
.index .relative_img{position: relative;width: 168px;height: 123px;bottom: 45px;left: 616px;}
.index .moment{display: flex;flex-wrap: wrap;padding-top: 42px;}
.index .moment > a{height: 331px;width: 455px;margin: 5px;}
.index .moment .one{height: 422px;width: 815px;}
.index .moment .two{height: 423px;width: 563px;}

.information{padding-bottom: 222px;}
.information .news-title{
    text-align: center;
    margin-top: 60px;
    color: #ec6727;
}
.information > a{display: block;padding: 32px 10px 23px 11px;border-bottom: 1px solid #cccccc;margin: 5px 150px;}
.information > a > h1{margin: 15px 0;font-weight: bold;font-size: 34px;}
.information > a > h2{font-weight: bold;font-size: 26px;}

.contact_banner{width: 1170px;margin: 0 auto;padding-top: 119px;height: 258px;text-align: center;}
.contact_banner h1{font-size: 70px;font-weight: bold;color: #c6561a;}

.contact .info{
    /* width: 700px; */
    margin: 152px 130px 24px 130px;
    padding: 50px 204px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}
.contact .info > h1{
    color: #c6561a;
}
.contact .con{
    width: 700px;
    height: 100px;
    margin: 45px 116px;
    padding: 30px 214px;
    border-bottom: 1px solid #000000;
}
.contact .con > div > div{float: left;}

.footer{background-color: #ffefe7;height: 290px;width: 100%;margin-top: 100px;}
.footer h2{margin-top: 20px;font-weight: 600;}
.footer h3{margin-top: 5px;font-weight: 600;}
.footer .content{display: flex;font-weight: 600;padding: 20px 0px;}
.footer .content .nav{width: 250px;}
.footer .content .nav dl{float: left;width: 130px;font-size: 16px;margin: 5px 5px  5px 0;}

.footer .content .contact{margin-left: 363px;width: 300px;margin-right: 170px;}
.footer .content .logo{width: 325px;height: 77px;margin-top: 58px;}

.orangered{color:  #f27e44;}
.copyright {
    font-size: 16px;
    margin: 20px;
    text-align: center;
}


.title{display: flex;margin: 85px 0;text-align: center;}
.title > .text{height: 53px;width: 500px;}
.title > .text h1{font-size: 38px;font-weight: bold;}
.title >.solid{width: 100%;border-bottom: 1px solid #000000;height: 32px;}



.media .image-details p{border-bottom: solid 2px #fff;padding-bottom: 5px;padding: 0 14px 10px 10px;}


/*图片悬停给效果*/
/*这是引用的基本结构*/
/*<div class="media">*/
/*<div class="overlay"></div>*/
/*<img src="" />*/
/*<div class="image-details"></div>*/
/*</div>*/


.media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.media:hover {
    cursor: pointer;
}

.overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 0;
    transition: all ease-in-out 0.2s;
}

.media:hover .overlay {
    opacity: 1;
}

.media img {
    width: 100%;
    z-index: -1;
    margin: auto;
    transform: scale(1);
    transition: all ease-in-out 0.2s;
}

.media:hover img {
    transform: scale(1.1);
    filter: blur(1px);
}

.image-details {
    text-align: center;
    color: white;
    font-size: 20px;
    z-index: 4;
    position: absolute;
    top: 100%;
    opacity: 0;
    transition: all ease-in-out 0.2s;
}

.media:hover .image-details {
    top: 40%;
    opacity: 1;
}

@media only screen and (max-width: 900px) {
    .media {
        width: 70%;
        height: 70%;
    }
}

/*图片悬停给效果*/

/* 资料下载 */
.data-download{
    background-color: #fff;
    width: 1154px;
    height: 84px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.data-download .download-btn{
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.data-download .download-btn img{
    width: 36px;
    height: 42px;
}

.data-download .download-btn span{
    color: #565656;
    font-size: 12px;
}
/* end of 资料下载 */


/*============翻页===============*/
#pages {margin:65px 1px 1px 1px;padding:4px;text-align:right;overflow:hidden;/* border-bottom: #999 1px solid; */}

.product-function{clear:both;}
.page-guide {float:left;margin:0 auto;padding:0;display:table;float: revert;}/*设置display+margin属性，可以实现居中*/
.page-guide a{display:block;border:solid 1px #CCC;margin:2px;background-color: #e9c37a;}
.page-guide a:hover{background-color:#deb887;color:#000000;border:none; text-decoration:none; }
.page-guide span{border:1px solid #CCC;margin:2px;background-color:#e9e9e9; }

.page-guide span,
.page-guide a       {float:left;margin:0 10px 0 0;width: 30px;height: 25px;line-height: 25px;text-align:center;border:none;font-size:13px;padding:2px 8px 2px 8px;color:#000000;border-radius: 5px;}

.pages_num          {float:left; overflow:hidden; }
/*=========翻页==================*/




.video-cover{ width: 900px;
    min-height: 400px;
    background-color: #ececec;
    margin: 25px auto;}


.video-cover img{display: table-cell;
margin: 0 auto;
vertical-align: middle;
padding-top: 129px;}