@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;}
*{padding:0; margin:0; list-style:none;}
body,button,input,select,textarea,font {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {/*font-size:100%;*/outline:none;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{ outline:none;}
/* color */
.f8f{background: #f8f8f8;}
.fff{color:#fff;}
.relat{position: relative; display: flex; justify-content: center; align-items: center;}
a{text-decoration:none;}
ul,li{padding:0; margin:0;}

body{font-family:"microsoft yahei";}
input,button,select{ font-family:"microsoft yahei";}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

/*wrap*/
.wrap{ display:block; margin:0 auto;}
/*wrap*/

/*header*/
.header{width:100%; display:inline-block;}
/*header*/

/*footer*/
.footer{width:100%; display:inline-block;}
/*footer*/

/*float*/
.fl{float:left;}
.fr{float:right;}

/*外边距*/
.mrgA5{margin:5px;}
.mrgT5{margin-top:5px;}
.mrgR5{margin-right:5px;}
.mrgB5{margin-bottom:5px;}
.mrgL5{margin-left:5px;}
.mrgA10{margin:10px;}
.mrgT10{margin-top:10px;}
.mrgR10{margin-right:10px;}
.mrgB10{margin-bottom:10px;}
.mrgL10{margin-left:10px;}
.mrgA15{margin:15px;}
.mrgT15{margin-top:15px;}
.mrgR15{margin-right:15px;}
.mrgB15{margin-bottom:15px;}
.mrgL15{margin-left:15px;}
.mrgA20{margin:20px;}
.mrgT20{margin-top:20px;}
.mrgT100{margin-top:100px;}
.mrgR20{margin-right:20px;}
.mrgB20{margin-bottom:20px;}
.mrgL20{margin-left:20px;}
.mrgA25{margin:25px;}
.mrgT25{margin-top:25px;}
.mrgR25{margin-right:25px;}
.mrgB25{margin-bottom:25px;}
.mrgL25{margin-left:25px;}
.mrgA30{margin:30px;}
.mrgT30{margin-top:30px;}
.mrgR30{margin-right:30px;}
.mrgB30{margin-bottom:30px;}
.mrgL30{margin-left:30px;}
.mrgA35{margin:35px;}
.mrgT35{margin-top:35px;}
.mrgR35{margin-right:35px;}
.mrgB35{margin-bottom:35px;}
.mrgL35{margin-left:35px;}
.mrgA40{margin:40px;}
.mrgT40{margin-top:40px;}
.mrgR40{margin-right:40px;}
.mrgR60{margin-right:60px;}
.mrgR78{margin-right:78px;}
.mrgB40{margin-bottom:40px;}
.mrgL40{margin-left:40px;}
.mrgL68{margin-left:68px;}
.mrgL82{margin-left:84px;}
.mrgA45{margin:45px;}
.mrgT45{margin-top:45px;}
.mrgR45{margin-right:45px;}
.mrgB45{margin-bottom:45px;}
.mrgL45{margin-left:45px;}
.mrgA50{margin:50px;}
.mrgT50{margin-top:50px;}
.mrgR50{margin-right:50px;}
.mrgB50{margin-bottom:50px;}
.mrgL50{margin-left:50px;}
.mrgB80{margin-bottom: 80px;}
.mrgB100{margin-bottom: 100px;}
.mrgL100{margin-left: 100px;}
.mrgB110{margin-bottom: 110px;}
.mrgA110{margin-top: 110px;}
/*内边距*/
.padT100{padding-top: 100px}
.pdm5{padding-bottom:5px;}
.pdm10{padding-bottom:10px;}
.pdm15{padding-bottom:15px;}
.pdm20{padding-bottom:20px;}
.pdm30{padding-bottom:30px;}
.pdm40{padding-bottom:40px;}
.pdm50{padding-bottom:50px;}
.pdm60{padding-bottom:60px;}

/*透明度*/
input[type=submit]:hover{ opacity:0.7; -moz-opacity:0.7;filter:alpha(opacity=70);}
/*公用*/
/*nav*/
a:link,a:visited{color:#c3cacd;text-decoration:none;}
.bgnav{background: #1b1b1b;}
.ff5,.active_top{  color:#ff5c0c!important;  }
.bgff5{background:#ff5c0c;}
.nav{
    height:70px;width:100%;
}
.nav_info{
    height:40px;max-width:770px;margin: 0 auto;  padding:15px 15px;
}
.nav_info>h1{
    width:90px;height:40px;float: left;margin-right: 50px;
}
.nav_info>h1>a{
    height: inherit;  width: 100%;  display: table;
}
.nav_info_ul{
    float: right;    height: 40px; line-height: 40px;
}
.nav_info_ul>li>ul a{
    color:#000;
}
.nav_info_ul>li{
    float: left; font-size: 14px;margin: 0 16px;
    position: relative ;  z-index:1;height:40px;
}
.nav_info_ul>li>a {position: relative; z-index: 1;}
.nav_info_ul>li ul{
    position: absolute;  width: 130px;  overflow:hidden;background: #fff;
    display:none;    text-align: center;  left:-38px;border-radius:5px ;top:45px;
    padding-top:13px;
    z-index: 999;
}
.nav_info_ul>li>ul>li{height:36px;font-size: 14px;line-height:36px;position: relative; z-index: 2;}
.nav_info_ul>li>ul>li a{display: inherit;position: relative; z-index: 2;}


@media screen and (max-width:1200px) and ( min-width:992px){
    .classic_case .banner_case{
        height: 404px;
    }
}
@media screen and (max-width:992px) and ( min-width:768px){
    .classic_case .banner_case{
        height: 404px;
    }
}
@media screen and (max-width:768px){
    .classic_case .banner_case{
        height: 404px;
    }
}
/* 导航部分 */
@media screen and (max-width:670px) and ( min-width:485px){
    .nav{
        height:170px;
    }
    .nav .nav_info{
        height: 120px;
    }
    .nav_info>h1{
        float: none;
        margin:0 auto;
    }
    .nav_info .nav_info_ul{
        padding:26px 0;
        float: none;
        margin: 0 auto;
        max-width: 430px;
    }
    .nav_info .nav_info_ul>li{
        margin:0 10px;
    }
}
@media screen and (max-width:485px){
    .nav{
        height:210px;
    }
    .nav .nav_info{
        height: 120px;
    }
    .nav_info>h1{
        float: none;
        margin:0 auto;
    }
    .nav_info .nav_info_ul{
        padding:26px 0;
        float: none;
        margin: 0 auto;
        max-width: 256px;
    }
    .nav_info .nav_info_ul>li{
        margin:0 10px;
        text-align: center;
        width:64px;
    }
}
/* 导航部分结束 */


span.out{
    border-width: 7px;display:none;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    position: absolute;  left: 19px;  top: 31px;
}
/* height:700px; */
.classic_case{
    position: relative;width: 100%;
}
/* height:70px;  */
.classic_case_img{
    width: 100%; background: url(../images/paster.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;top:0;z-index: 100;
}
.news_info_body .classic_case_img {position: relative;top:0; background: #1b1b1b;}
/* position: absolute; top:0;*/
.banner_case{width: 100%;height:700px;}

/*footer*/
.footer{
    width:100%;
}
.footer_list{
    width:100%;background: #444444;
}
.footer_list_info{
    max-width:1000px; margin: 0px auto; padding: 0 10px;
}
.footer_list_info h1{text-align: center;margin:0 auto;padding-top: 25px;padding-bottom: 25px;

}
.footer_list_info dl{
    text-align: left;
    font-size: 14px;line-height: 28px;
}
.footer_list_info dl dt{color:#fff;cursor:pointer;}
.footer_list_info dl dd{color:#747474;cursor:pointer;}
.footer_list_info dl dd a{color:#747474;}
.footer-nav {display: flex; justify-content: space-between; padding-bottom: 25px;}

.footer_wp{
    height: 74px;  line-height: 74px;  text-align: center;
    font-size: 14px;  color: #686868;  background-color: #222222;
}
.footer_wp a{ color: #686868; }
/* footer */
@media screen and (max-width:992px) and (min-width:768px){
    .footer_list_info{

    }
    .footer_list_info dl{

    }
}
@media screen and (max-width:768px){
    .footer-nav {display: block;}
    .footer_list_info dl {padding: 5px 0;}
    .footer_list_info dl dd {display: inline-block; padding-right: 5px;}
}