@charset "utf-8";

/*清除浏览器的默认样式*/

h1,
h2,
h3,
h4,
h5,
p,
ul,
li,
ol,
dl,
dt,
dd,
img,
input,
button {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}


/*全局控制*/

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "微软雅黑", Arial !important;
    color: #292929;
    max-width: 1920px !important;
    background-attachment: fixed;
}

html {
    _background: url(xx.jpg) fixed;
    /* 文件不存在亦可以，随便命名 */
}

*html {
    overflow-x: hidden;
}

*+html {
    overflow-x: hidden;
}

.clear {
    clear: both;
    overflow: hidden;
    font-size: 0;
    display: block;
    height: 0;
}

a {
    text-decoration: none !important;
    cursor: pointer;
    color: #c5c5c5;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.posf {
    position: fixed;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.clboth {
    clear: both;
}

.disnone {
    display: none;
}

.mgrnone {
    margin-right: 0 !important;
}

.mglnone {
    margin-left: 0 !important;
}

.padlnone {
    padding-left: 0 !important;
}

.padrnone {
    padding-right: 0 !important;
}

.w1500 {
    width: 1500px !important;
    margin: 0 auto;
}

.mtb17 {
    margin: 17px 0;
}

.mt8 {
    margin-top: 8px;
}

.mt15 {
    margin-top: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mt30 {
    margin-top: 30px;
}

.mt36 {
    margin-top: 36px;
}

.img-res {
    width: 100%;
    height: auto;
}

.w30 {
    width: 33.333333333333%;
}

.w45 {
    width: 45%;
}

.block-bg {
    background-color: #f8f9f9;
}

.pd135 {
    padding: 135px 0;
}

.mt70 {
    margin-top: 70px;
}

.mb70 {
    margin-bottom: 70px;
}


/**header**/

.header {
    background-color: #fff;
    height: 84px;
    position: relative;
}

.head-title {
    margin: 23px 0 0 10px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

.header-btn {
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #ffc620;
    border-radius: 4px;
    border: 1px solid #ffc620;
    padding: 0px 15px;
    margin-left: 30px;
    margin-top: 25px;
}

.header-btn:hover {
    background-color: #ffc620;
    color: #fff;
}

.title-big {
    font-size: 14px;
    color: #565656;
}

.title-small {
    font-size: 12px;
    color: #a3a3a3;
}

.br {
    border-right: 1px solid #706f6f;
}


/**menu**/

.nav-bar {}

.nav-ul>li {
    float: left;
}

.nav-ul>li>a {
    font-size: 14px;
    color: #222;
    height: 84px;
    line-height: 84px;
    display: inline-block;
    padding: 0px 25px;
}

.nav-ul>li>a.active,
.nav-ul>li>a:hover {
    color: #ffc620;
    background-color: #fff;
}

.pro-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 84px;
    border-top: 1px solid #ddd;
    padding: 10px 320px 20px;
    font-size: 14px;
    display: block;
    background-color: #fff;
    z-index: 20000;
    display: none;
}

.second-menu {
    width: 180px;
    border-right: 1px solid #ddd;
    text-align: left;
}

.all-name {
    font-size: 16px;
    color: #222;
    padding: 10px 0 10px 20px;
}

.second-menu ul li a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    color: #222;
    width: 160px;
    padding-left: 20px;
}

.second-menu ul li a.active,
.second-menu ul li a:hover {
    background-color: #ffc61f;
    color: #fff;
    background: url(../images/menu/right.png) #ffc61f no-repeat 140px center;
}

.pro-menu-list {
    display: none;
}

.pro-menu-list ul {
    margin: 50px 40px 50px 60px;
}

.pro-menu-list ul li {
    margin-bottom: 25px;
}

.pro-menu-list ul li a {
    display: inline-block;
    color: #222;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    padding-left: 20px;
}

.pro-menu-list ul li a:hover {
    color: #ffc61f;
    font-weight: bold;
}

.pro-menu-list ul li .intr {
    font-size: 12px;
    color: #a3a3a3;
    padding-left: 20px;
}

.hot {
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(../images/menu/hot.png) no-repeat 0 0;
    margin-left: 10px;
    margin-bottom: -6px;
}

.icon11 {
    background: url(../images/menu/icon11.png) no-repeat 0 center;
}

.icon11:hover {
    background: url(../images/menu/icon11-hover.png) no-repeat 0 center;
}

.icon12 {
    background: url(../images/menu/icon12.png) no-repeat 0 center;
}

.icon12:hover {
    background: url(../images/menu/icon12-hover.png) no-repeat 0 center;
}

.icon13 {
    background: url(../images/menu/icon13.png) no-repeat 0 center;
}

.icon13:hover {
    background: url(../images/menu/icon13-hover.png) no-repeat 0 center;
}

.icon14 {
    background: url(../images/menu/icon14.png) no-repeat 0 center;
}

.icon14:hover {
    background: url(../images/menu/icon14-hover.png) no-repeat 0 center;
}

.icon15 {
    background: url(../images/menu/icon15.png) no-repeat 0 center;
}

.icon15:hover {
    background: url(../images/menu/icon15-hover.png) no-repeat 0 center;
}

.icon16 {
    background: url(../images/menu/icon16.png) no-repeat 0 center;
}

.icon16:hover {
    background: url(../images/menu/icon16-hover.png) no-repeat 0 center;
}


/**bottom**/

.bottom {
    background: url(../images/bottom-bg.png) no-repeat !important;
    background-position: center;
    background-size: cover;
    padding-top: 54px;
    color: #c5c5c5;
    font-size: 14px;
}

.link {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 40px;
}

.email {
    background: url(../images/info_e.png) no-repeat 0 center;
}

.tel {
    background: url(../images/info_t.png) no-repeat 0 center;
}

.address {
    background: url(../images/info_l.png) no-repeat 0 center;
}

.qr-b {
    width: 100px;
    margin-right: 20px;
    float: left;
}

.qr-b p {
    text-align: center;
}

.bottom-menu {
    float: left;
    margin-left: 80px;
    list-style: square inside url("../images/dot.png");
}

.bottom-menu li a {
    display: inline-block;
    margin-bottom: 50px;
    padding-left: 20px;
    background: url(../images/dot.png) no-repeat 0 center;
}

/* 引进部分 */



/* 回到顶部按钮 */
.backTop {
    width: 80px;
    height: 80px;
    position: fixed;
    right: 50px;
    bottom: -100px;
    background: #FFFFFF url(../images/backTop.png) 0px 0px no-repeat;
    cursor: pointer;
    z-index: 500;
    border: 1px solid #E5E5E5;
    display:none;
}

.backTop:hover{ 
    background:#ffc61f url(../images/backTop.png) 0px -80px no-repeat;
}
.backTop.zmx_active{ 
    bottom: 50px;
}
.animate {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
}
/* 回到顶部按钮 */
/************************************2018-8-25************************/
body, html{}
body{min-width:1220px;margin:0 auto;}
.w1500 {
    width:1200px !important;
    margin: 0 auto;
}
.w1500 {
    width:1200px !important;
    margin: 0 auto;
}
.header-btn{margin-left:15px;}
.nav-ul>li>a{padding:0 10px;}
.pro-list li .pro-item{width:380px;padding-left:15px;margin-left:20px;}
.pro-list li .pro-item .pro-intr{margin-left:120px;}
.pro-intr h2{font-size:24px;}
.list-wrap li{width:380px;}
.list-wrap li .stit{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-menu-list ul {
    margin: 50px 15px 20px 30px;
}
.about-bg{background-position:center;}
#aboutUs-1 .about_left{width:600px;}
#aboutUs-1 .about_left img{width:600px;}
#aboutUs-1 .about_center{width:300px;}
#aboutUs-1 .about_right{width:300px;}
#aboutUs-1 .about_center img{width:300px;}
#aboutUs-1 .about_right{width:300px;}
#aboutUs-1 .about_right img{width:300px;}
.zheng li{margin:0px 15px;}
.main_about1 img{display:block;width:100%;height:auto;}
.work-address{height:369px;overflow:hidden;}
.envi-item1{width:595px;}
.envi-item2{margin-left:610px;}
.envi-item1{height:auto;}
.about_2 img{width:760px;}
.work-wall{margin-left:760px;height:369px;overflow:hidden;}
.middle{width:1100px;}
.zheng li{margin:0px 10px;}
.zheng li{width:345px;}
.chang li{width:340px;}


/******************************829******************************/
.banner_830{background:url("../images/digitalImage/8301.jpg") no-repeat center;padding:200px 0px;color:#fff;height:715px;}
.banner_830 .txt{font-size:16px;line-height:30px;margin-top:25px;}
.sec_8301{padding:60px 0px;}
.sec_8301 h2{text-align:center;}
.sec_8301_con{background:url("../images/digitalImage/8302.jpg") no-repeat center;height:688px;}
.sec_8301_con .txt1{width:190px;margin-left:130px;margin-top:90px;}
.sec_8301_con .txt2{width:190px;margin-left:570px;margin-top:190px;}
.sec_8301_con .txt3{width:190px;margin-left:200px;margin-top:230px;}
.sec_8301_con .txt4{width:190px;margin-left:440px;margin-top:165px;}
.sec_8301_con h3{color:#434343;font-size:20px;}
.sec_8301_con .c{font-size:12px;line-height:24px;margin-top:5px;color:#434343}

.sec_8302{background:#f9fafc url("../images/digitalImage/8304.jpg") no-repeat center 0px;padding:50px 0px;}
.sec_8302 h2{text-align:center;}
.sec_8302 .txt{text-align:center;font-size:16px;margin-top:35px;}
.sec_8302_ul li{width:25%;float:left;margin-top:80px;}
.sec_8302_ul li .li_con{background:#fff;border-radius:10px;box-shadow:0px 3px 6px #ddd;padding:20px 15px;margin:0px 15px;height:300px;}
.sec_8302_ul li .li_con img{display:block;margin:0 auto;}
.sec_8302_ul li .li_con h3{font-size:20px;text-align:center;margin:10px 0px;}
.sec_8302_ul li .li_con .c{font-size:14px;color:#5a5a5a;margin-top:15px;line-height:24px;}

.sec_8303{background:url("../images/digitalImage/8303.jpg") no-repeat center;height:1264px;}
.sec_8303 h2{text-align:center;color:#fff;padding-top:50px;}
.sec_8304{padding:50px 0px;}
.sec_8304 h2{text-align:center;}
.sec_8304_ul{margin-top:60px;}
.sec_8304_ul li{width:33.333333%;float:left;}
.sec_8304_ul li .li_con{margin:20px 15px;}
.sec_8304_ul li img{display:block;}
.sec_8304_ul li h3{color:#3449eb;font-size:20px;margin-top:15px;}
.sec_8305{padding:80px 0px;background:url("../images/digitalImage/83015.jpg") no-repeat center;text-align:center;color:#fff;}
.sec_8305 .c{font-size:16px;color:#f9fafc;margin-top:15px;}
.sec_8305 h2{font-size:24px;}