*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
/*.fl{ float: left;}*/
/*.fr{ float: right;}*/
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1400px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}


/*header */
.header{width: 100%;height: 98px;position: fixed;top: 0;z-index: 1;border-bottom: solid 1px #7d7b79;}

.header .header-3{height: 98px;width: 1700px;margin: auto;}

.header .header-3 .log{width: 187px;float: left;margin-top: 20px;}
.header .header-3 .content{width: 70%;float: left;margin-left: 9%;}
.header .header-3 .content nav a{display:block;float: left;height: 98px;line-height: 98px;font-size: 16px;color: #fff;text-align: center;position: relative;margin-right: 8%;font-weight: bold;}
.header .header-3 .content nav a img{position: absolute;left: 11px;top: 18px;display: none;}
.header .header-3 .content nav a:last-child{margin-right: 0px;}

.header .header-3 .content nav .x{float: left;margin-top: 12px;}

/*.header .header-3 .content nav a:hover{border-bottom: solid #d1ac7d 2px;}*/
/*.header .header-3 .content nav .on{border-bottom: solid #d1ac7d 2px;}*/

.header .header-3 .content nav a:before{ content: ""; position: absolute; width: 0; height: 3px; background: #d1ac7d; bottom: 0; transform: translateX(-50%); transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 50%; opacity: 0;}
.header .header-3 .content nav .on:before,.header .header-3 .content nav a:hover:before{ opacity: 1;width: 61px;}


.header .header-3 .hd-btn{width: 99px;float: right;}
.header .header-3 .hd-btn .phone-btn{width: 30px;height: 30px;background: url("../images/phone-icon.png")no-repeat center;    float: left;     position: relative;    margin-top: 40px;
    padding-right: 56px; }

.header .header-3 .hd-btn .phone-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    margin-top: -9px;
    height: 18px;
    background: rgba(255,255,255,0.2);
}

.header .header-3 .hd-btn .search-btn{width: 30px;height: 30px;background: url("../images/search.png")no-repeat center;    float: left;     position: relative; margin-top: 40px;    margin-left: 13px;}


.header .header-3 .h_dh{width: 326px;height: 125px;background: #fff;float: right;display: none;}
.header .header-3 .h_dh .xr{float: left;    margin-top: 13px;margin-left: 30px;}
.header .header-3 .h_dh .xx{float: right;margin-right: 26px;margin-top: 26px;}

.header .header-3 .search-pop{
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 28px 0;
    width: 100%;
    background: #fff;

}
.header .header-3 .search-pop .inner {
    height: 45px;
    overflow: hidden;
}
.header .header-3 .search-pop .inner .search-form {
    position: relative;
    height: 45px;
    overflow: hidden;
}
.header .header-3 .search-pop .inner .search-form input {
    display: block;
    padding: 10px;
    width: 100%;
    height: 45px;
    font-size: 14px;
    border: none;
    outline: none;
    border: #f0f0f0 solid 1px;
}
.header .header-3 .search-pop .inner .search-form button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    background: #222328;
}




/*banner*/
.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}

.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;border-radius: 20px;background: #79746f;}
.slideBox .hd ul li.on{background: #d1ac7d;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}

.slideBox .i_img{
    position: absolute; left: 49.5%; bottom: 38px; z-index: 1;
    margin: 33px auto;
    background: url("../images/b_jt.png")no-repeat center;
    width: 12px;
    height: 18px;
    animation: slideInDown 2s linear infinite;
    -moz-animation: slideInDown 2s linear infinite;	/* Firefox */
    -webkit-animation: slideInDown 2s linear infinite;	/* Safari 和 Chrome */
    -o-animation: slideInDown 2s linear infinite;	/* Opera */
}


/*mo_1*/
.mo_1{height: 769px;padding-top: 85px;background: url("../images/mo_1_db.png")no-repeat  center;}
.mo_1 .top{width: 1200px;height: 80px;margin:0 auto 75px;text-align: center;}
.mo_1 .top h2{color: #222;font-size: 36px;font-weight: bold;}
.mo_1 .top h2 b{color: #d1ac7d;font-weight: bold;}
.mo_1 .top .z{height: 30px;text-align: center;color: #333;font-size: 20px;text-transform:uppercase;}

.mo_1 .nr{height: 455px;}
.mo_1 .nr .left{height: 455px;width: 671px;position: relative;}
.mo_1 .nr .left .img{height: 455px;width: 671px;}
.mo_1 .nr .left .img img{height: 455px;width: 671px;}

.mo_1 .nr .left .nav{height: 90px;width: 671px;background: url("../images/mo_1_le_db.png")no-repeat;position: absolute;bottom: 0;}
.mo_1 .nr .left .nav li{height: 90px;width: 167px;padding-top: 19px;text-align: center;color: #fff;font-size: 16px;float: left;}
.mo_1 .nr .left .nav li img{margin: 0 auto 2px;display: block;}
.mo_1 .nr .left .nav .on{background: #d1ac7d;width: 170px;}

.mo_1 .nr .right{height: 455px;width: 687px;float: right;}
.mo_1 .nr .right .su{height: 107px;width: 687px;background: url("../images/mo_1_ri_su.png")no-repeat;text-align: center;margin-bottom: 50px;}
.mo_1 .nr .right .su .x{height: 107px;width: 223px;padding-top: 10px;float: left;margin-right: 9px;}
.mo_1 .nr .right .su .x p{font-size: 38px;font-weight: bold;color: #d1ac7d;}
.mo_1 .nr .right .su .x span{font-size: 16px;color: #666;}
.mo_1 .nr .right .su .x p b{font-size: 22px;position: relative;top: -18px;}

.mo_1 .nr .right .p1{color: #666;font-size: 16px;line-height: 30px;}
.mo_1 .nr .right .p1 b{color: #d1ac7d;font-size: 16px;font-weight: bold;}

.mo_1 .nr .right .ac{border-bottom: dashed 1px #ccc;margin-top: 25px;margin-bottom: 25px;}
.mo_1 .nr .right .hd b{display: block;font-size: 32px;color: #d1ac7d;font-weight: bold;}




/*mo_2*/
.mo_2{height: 880px;padding-top: 85px;background: url("../images/mo_2_db.png")no-repeat  center;}
.mo_2 .top{width: 1200px;height: 80px;margin:0 auto 65px;text-align: center;}
.mo_2 .top h2{color: #fff;font-size: 36px;font-weight: bold;}
.mo_2 .top h2 b{color: #d1ac7d;font-weight: bold;}
.mo_2 .top .z{height: 30px;text-align: center;color: #fff;font-size: 20px;text-transform:uppercase;}

.mo_2 .nr{height: 563px;}

.mo_2 .nr .left{height: 563px;width: 276px;}
.mo_2 .nr .left li{margin-bottom: 3px;}
.mo_2 .nr .left li .mr{height: 59px;line-height: 59px;text-align: center;font-size: 18px;color: #222;background: #e9e8e8;}
.mo_2 .nr .left li .ho{display: none;}

.mo_2 .nr .left .on .mr{display: none;}
.mo_2 .nr .left .on .ho{height: 314px;width: 276px;position: relative;display: block;}
.mo_2 .nr .left .on .ho .img{height: 314px;width: 276px;}
.mo_2 .nr .left .on .ho b{color: #fff;font-size: 20px;position: absolute;bottom: 26px;font-weight: bold;margin-left: 50px;}


.mo_2 .nr .right{height: 563px;width: 1110px;}
.mo_2 .nr .right li{position: relative;}
.mo_2 .nr .right .img{height: 563px;width: 1110px;}
.mo_2 .nr .right .img img{height: 563px;width: 1110px;}

.mo_2 .nr .right .wz{height: 337px;width: 358px;position: absolute;background: url("../images/mo_2_ri.png")no-repeat;    left: 56px;top: 126px;padding-left: 45px;padding-top: 78px;padding-right: 45px;}
.mo_2 .nr .right .wz h3{font-size: 20px;color: #d1ac7d;font-weight: bold;}
.mo_2 .nr .right .wz .x{border-bottom: solid 1px #999;margin-top: 16px;margin-bottom: 16px;}
.mo_2 .nr .right .wz p a{font-size: 16px;color: #fff;}


/*product*/
.product{height: 1000px;padding-top: 70px;background: #eeeeee;}
.product .top{width: 1200px;height: 80px;margin:0 auto 55px;text-align: center;}
.product .top h2{color: #222;font-size: 36px;font-weight: bold;}
.product .top h2 b{color: #d1ac7d;font-weight: bold;}
.product .top .z{height: 30px;text-align: center;color: #333;font-size: 20px;text-transform:uppercase;}

.product .nr{height: 731px;}
.product .nr .ck{height: 731px;width: 453px;overflow: hidden;float: left;margin-right: 10px;}
.product .nr .mk{height: 731px;width: 453px;padding-top: 78px;padding-left: 70px;padding-right: 70px;}
.product .nr .mk b{display: block;font-size: 28px;color: #333;}
.product .nr .mk b a{color: #333;}
.product .nr .mk i{font-size: 10px;color: #999;text-transform:uppercase;}

.product .nr .mk nav{height: 61px;margin-top: 30px;}
.product .nr .mk nav a{float: left;display: block;border-right: solid 1px #999;text-align: center;    padding-right: 12px;padding-left: 12px;margin-bottom: 20px;}
.product .nr .mk nav a:hover{color: #d1ac7d;}
.product .nr .mk nav a:nth-child(1){padding-left: 0;}
.product .nr .mk nav a:nth-child(5){padding-left: 0;}
.product .nr .mk nav a:nth-child(6){border-right:none;}
.product .nr .mk nav a:nth-child(4n){border-right:none;margin-right: 0px;}

.product .nr .mk_1{background: url("../images/product_01_db.png")no-repeat;}
.product .nr .mk_1:hover{transition: all 1s;transform: scale(1.1);}
.product .nr .mk_2:hover{transition: all 1s;transform: scale(1.1);}

.product .nr .mk_2{background: url("../images/product_02_db.png")no-repeat;}

.product .nr .mk_3{height: 731px;width: 474px;float: right;}

.product .nr .mk_3 .xx{height: 361px;width: 474px;margin-bottom: 9px;overflow: hidden;}
.product .nr .mk_3 .xx:hover .x_01{transition: all 1s;transform: scale(1.1);}
.product .nr .mk_3 .xx:hover .x_02{transition: all 1s;transform: scale(1.1);}

.product .nr .mk_3 .x_01{height: 361px;width: 474px;background: url("../images/cp_x_01.png")no-repeat;padding-top: 78px;padding-left: 30px;padding-right: 258px;float:none;}
.product .nr .mk_3 .x_01 nav{height: 135px;}
.product .nr .mk_3 .x_01 nav a:nth-child(2n){border-right:none;margin-right: 0px;}
.product .nr .mk_3 .x_01 nav a:nth-child(3){padding-left: 0;}

.product .nr .mk_3 .x_01 .an{width: 86px;height: 20px;display: block;line-height: 20px;text-align: center;color: #fff;background: #d1ac7d;}

.product .nr .mk_3 .x_02{background: url("../images/cp_x_02.png")no-repeat;}




/*mo_3*/
.mo_3{height: 715px;padding-top: 83px;background: url("../images/mo_3_db.png")no-repeat;}
.mo_3 .top{width: 1200px;height: 80px;margin:0 auto 50px;text-align: center;}
.mo_3 .top h2{color: #fff;font-size: 36px;font-weight: bold;}
.mo_3 .top h2 b{color: #d1ac7d;font-weight: bold;}
.mo_3 .top .z{height: 30px;text-align: center;color: #fff;font-size: 20px;text-transform:uppercase;}


.mo_3 .nr{height: 427px;}
.mo_3 .nr li{float: left;}
.mo_3 .nr .su{width: 82px;text-align: center;padding-top: 154px;float: left;}
.mo_3 .nr .su b{font-size: 62px;color: #41403e;}

.mo_3 .nr li .mr{width: 314px;border: solid 1px #ccc;height: 427px;}
.mo_3 .nr li .mr .wz{height: 427px;width: 314px;padding-top: 37px;text-align: center;}
.mo_3 .nr li .mr .wz p{color: #fff;font-size: 16px;margin-bottom: 20px;}
.mo_3 .nr li .ho{display: none;}

.mo_3 .nr .on .mr{display: none;}

.mo_3 .nr .on .ho{height: 427px;width: 608px;border: solid 1px #d1ac7d;padding: 27px;display: block;}
.mo_3 .nr .on .ho .img{height: 370px;width: 287px;}
.mo_3 .nr .on .ho .wz{height: 370px;width: 210px;padding-top: 37px;text-align: center;}
.mo_3 .nr .on .ho .wz p{color: #fff;font-size: 16px;margin-bottom: 20px;}

/*team*/
.team{height: 970px;padding-top: 70px;}
.team .top{width: 1200px;height: 80px;margin:0 auto 55px;text-align: center;}
.team .top h2{color: #222;font-size: 36px;font-weight: bold;}
.team .top h2 b{color: #d1ac7d;font-weight: bold;}
.team .top .z{height: 30px;text-align: center;color: #333;font-size: 20px;text-transform:uppercase;}

.team .nr{height: 700px;}
.team .nr .tu_1{height: 700px;width: 459px;float: left;margin-right: 11px;overflow: hidden;}
.team .nr .tu_1:hover .aa{transition: all 1s;transform: scale(1.1);}
.team .nr .xq .mo{position: relative;margin-bottom: 11px;}
.team .nr .xq .mo .ho{display: none;}
.team .nr .xq .img{width: 459px;height: 344px;}

.team .nr .xq .on .ho{display: block;}
.team .nr .xq .ho{width: 459px;height: 344px;background: #000000a6;position: absolute;top: 0;text-align: center;padding-top: 124px;}
.team .nr .xq .ho h3{color: #fff;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.team .nr .xq .ho b{color: #d1ac7d;    text-transform: uppercase; }

.team .nr .xq .mo .ho .i_img{
    margin: 33px auto;
    background: url("../images/shub.png")no-repeat center;
    width: 22px;
    height: 32px;
    animation: slideInDown 2s linear infinite;
    -moz-animation: slideInDown 2s linear infinite;	/* Firefox */
    -webkit-animation: slideInDown 2s linear infinite;	/* Safari 和 Chrome */
    -o-animation: slideInDown 2s linear infinite;	/* Opera */
}


/*case*/
.case{height: 695px;padding-top: 70px;background: url("../images/case_db.png")no-repeat;}
.case .top{width: 1200px;height: 80px;margin:0 auto 50px;text-align: center;}
.case .top h2{color: #fff;font-size: 36px;font-weight: bold;}
.case .top h2 b{color: #d1ac7d;font-weight: bold;}
.case .top .z{height: 30px;text-align: center;color: #fff;font-size: 20px;text-transform:uppercase;}

.case .nr{width: 1456px;margin:auto;position: relative;}
.case .nr .jt{position: absolute;top: 100px;    z-index: 1; }
.case .nr .ri{right: 0;}

.case .nr .list li{width: 426px;float: left;margin-right: 61px;}
.case .nr .list li .img{width: 426px;height: 267px;position: relative;}
.case .nr .list li .img .ho{position: absolute;top: 17px;left: 19px;display: none;}

.case .nr .list li .wz{margin-top: 30px;}
.case .nr .list li .wz b{color: #fff;font-size: 20px;}
.case .nr .list li .wz i{color: #606060;font-size: 12px;display: block;    text-transform: uppercase;margin: 5px 0 20px 0;}
.case .nr .list li .wz p{color: #fff;}

.case .nr .list li:hover .wz b{color: #d1ac7d;}

/*about*/
.about{height: 772px;background: url("../images/about_db.png")no-repeat center;}
.about .nr .left{padding-top: 131px;width: 922px;}
.about .nr .left .list{height: 55px;margin-top: 48px;}
.about .nr .left .list .ac{float: left;margin-right: 98px;}
.about .nr .left .list .ac img{float: left;    margin-right: 10px;margin-top: 6px;}
.about .nr .left .list .ac .wz{float: left;}
.about .nr .left .list .ac .wz p{font-size: 16px;color: #666;}

.about .nr .right{width: 281px;text-align: center;padding-top: 30px;margin-right: 44px;}
.about .nr .right .list{width: 281px;height: 604px;margin-top: 16px;margin-bottom: 16px;
    overflow: hidden;}
.about .nr .right .list li{width: 281px;height: 194px;margin-bottom: 11px;}
.about .nr .right .list img{width: 281px;height: 194px;}

/*mo_4*/
.mo_4{height: 346px;background: url("../images/mo_4_db.png")no-repeat center;}
.mo_4 .left .jt{height: 346px;background: url("../images/mo_4_jt.png")no-repeat;width: 27px;float: left;}
.mo_4 .left .jt a{display: block;height: 50%;}

.mo_4 .left .nav{width: 109px;float: left;padding-top: 44px;height: 318px;overflow: hidden;}
.mo_4 .left .nav li{float: left;font-size: 16px;color: #fff;margin-bottom: 30px;}
.mo_4 .left .nav .on{height: 20px;margin-bottom: 40px;}
.mo_4 .left .nav .on b{color: #d1ac7d;font-size: 28px;font-weight: bold;}
.mo_4 .left .nav .on span{float: left;margin-top: 9px; margin-right: 4px;}

.mo_4 .right{width: 1247px;height: 251px;background: url("../images/mo4_ri_db.png")no-repeat;margin: 47px 0 47px 0;padding-left: 36px;}
.mo_4 .right .wz{padding-top: 33px;width: 690px;float: left;}
.mo_4 .right .wz h3{font-size: 38px;color: #fff;}
.mo_4 .right .wz h3 b{font-size: 18px;color: #d1ac7d;text-transform: uppercase;}
.mo_4 .right .wz .x{border-bottom: solid 3px #d1ac7d;width: 37px;margin-top: 15px;margin-bottom: 30px;}
.mo_4 .right .wz i{color: #fff;font-size: 16px;}
.mo_4 .right .wz p{color: #606060;font-size: 12px;text-transform: uppercase;margin-top: 10px;line-height: 20px;}

.mo_4 .right .img{float: right;margin-top: 25px;margin-right: 25px;}

/*news*/
.news{height: 786px;padding-top: 70px;background: url("../images/news_db.png")no-repeat center;}
.news .top{width: 1200px;height: 80px;margin:0 auto 55px;text-align: center;}
.news .top h2{color: #222;font-size: 36px;font-weight: bold;}
.news .top h2 b{color: #d1ac7d;font-weight: bold;}
.news .top .z{height: 30px;text-align: center;color: #333;font-size: 20px;text-transform:uppercase;}


.news .nav{width: 520px;height: 50px;margin:0 auto 55px;text-align: center;}
.news .nav li{width: 160px;height: 50px;background: #fff;color: #666;font-size: 18px;float: left;margin-right: 20px;line-height: 50px;text-align: center;}
.news .nav .on{background: #d1ac7d;color: #fff;}

.news .list{height: 395px;}
.news .list .mk{height: 395px;width: 436px;float: left;position: relative;margin-right: 46px;}
.news .list .mk img{height: 322px;width: 436px;}
.news .list .mk .wz{height: 120px;width: 385px;position: absolute;bottom: 0;background: url("../images/news_db_01.png")no-repeat;left: 30px;padding: 20px 23px 0 33px;}
.news .list .mk .wz b{font-size: 16px;}
.news .list .mk .wz p{color: #666;margin-top: 12px;}

.news .list .mk_1{height: 395px;width: 436px;float: left;background: #fff;margin-right: 46px;padding-left: 15px;padding-right: 15px;}
.news .list .mk_1 .xq{height: 66px;border-bottom: dashed 1px #f0f0f0;line-height: 66px;}
.news .list .mk_1 .xq:nth-child(6){border-bottom:none;}
.news .list .mk_1 .xq a{font-size: 16px;color: #666;}
.news .list .mk_1 .xq b{color: #999;font-size: 14px;float: right;}






/*foot*/
.foot{height: 490px;background: url("../images/foot_db.png")no-repeat center;padding-top: 40px;}
.foot .nav{height: 62px;background: url("../images/foot_nav.png")no-repeat center;padding-left: 344px;}
.foot .nav a{display: block;height: 62px;line-height: 62px;float: left;margin-right: 76px;font-size: 16px;color: #fff;}
.foot .nav a:hover{color: #d1ac7d;}
.foot .nav a:nth-child(8){margin-right: 0;}

.foot .mk_1{height: 230px;margin-top: 75px;}
.foot .mk_1 .left b{font-size: 20px;font-weight: bold;color: #fff;display: block;margin-bottom: 20px;}
.foot .mk_1 .left p{font-size: 16px;color: #fff;margin-bottom: 10px;}


.foot .mk_1 .right .kf{text-align: right;padding-top: 30px;float: right;}
.foot .mk_1 .right .kf img{margin-bottom: 30px;}
.foot .mk_1 .right .kf p{font-size: 16px;color: #fff;}
.foot .mk_1 .right .kf b{font-size: 22px;color: #fff;font-weight: bold;}

.foot .mk_1 .right .ewm{background: url("../images/foot_ewm.png")no-repeat;width: 163px;height: 163px;padding: 14px;float: right;margin-left: 40px;text-align: center;color: #fff;}
.foot .mk_1 .right .ewm img{width: 134px;height: 134px;margin-bottom: 18px;}


.foot .links{height: 83px;line-height: 83px;color: #fff;}
.foot .links b{font-weight: bold;font-size: 28px;display: block;margin-right: 552px;float: left;width: 108px;}
.foot .links a{font-size: 16px;color: #fff;margin-right: 67px;}
.foot .links a:nth-child(7){margin-right: 0;}





@media only screen and (max-width: 1350px) {

    .header .header-3 .content{
        width: 48%;
        margin-left: 7%;
    }
    .header .header-3 .content nav a{
        margin-right: 4%;
    }
    .header .header-3 .hd-btn {
        width: 99px;
        float: left;
    }
    .foot .mk_1{
        width: 77%;
    }

}