﻿*{ 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: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}

/*header */
.header{width: 100%;}
.header .header-1{height: 40px;width: 100%;line-height: 40px;background:#cccccc3b;}
.header .header-1 .content{width: 1200px;margin: auto;padding-right: 15px;}
.header .header-1 .content b{color: #666;font-size: 14px;line-height: 40px;}
.header .header-1 .content nav{line-height: 40px;float: right;}
.header .header-1 .content nav a{color: #666;font-size: 14px;}

.header .header-2{border-bottom: solid 1px #ccc;}
.header .header-2 .content{width: 1200px;height: 170px;margin: auto;}
.header .header-2 .content .log{
    float: left;
    margin-top: 17px;
    margin-right: 5%;
    
}

.header .header-2 .content .text{float: left;margin-top: 50px;}
.header .header-2 .content .text h3{font-size: 30px;color: #666;font-family: "Microsoft YaHei", 微软雅黑;margin-bottom: 5px;}
.header .header-2 .content .text h3 span{color: #cc0000;font-weight:bold;}
.header .header-2 .content .text b{font-size: 18px;color: #666666;}
.header .header-2 .content .text b span{color: #cc0000;}

.header .header-2 .content .phone{float: right;margin-top: 0px;margin-right: 0px;}
.header .header-2 .content .phone .al{float: left;    margin-right: 15px; margin-top: 50px;}
.header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: left;text-align: left;    margin-right: 15px;  margin-top: 45px;}
.header .header-2 .content .phone .dh h3{
    color: #cc0000;
    font-size: 30px;
    line-height: 30px;
    font-family: Impact;
    
}

.header .header-3{
    height: 80px;
    width: 100%;
    background: #cc0000;
}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{
    display:block;
    float: left;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    position: relative;    
    padding: 0 50px;
    
}
.header .header-3 .content nav a .cc{height: 15px;border-right: solid 1px #343434;position: absolute;top: 27px;right: 0px;}
.header .header-3 .content nav a:hover{color: #fff;background: url("../images/nav_no.png")no-repeat top;}
.header .header-3 .content nav .on{
    color: #000;
    /*background: url("../images/nav_no.png")no-repeat top;*/
    background: #fff;
    
}


.header .header-3 .content nav a:hover{
    color: #000;
    background: #fff;
}


.header .header-3 .content nav ul{
    position: absolute;
    top: 80px;
    z-index: 999;
    width: 150px;
    display: none;
    left: -18px;
}
.header .header-3 .content nav ul li{
    width: 150px;
    display: block;
    float: left;
    text-align: center;
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    color: #333;
    background: #fff;
    float: left;
    border-bottom: dashed 1px #ccc;
}
.header .header-3 .content nav ul li:hover{background: #cc0000;color: #fff;}




/*banner*/
.banner-index{ font-size: 0;overflow: hidden;}
.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;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #666666;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}


/*search*/
.search{ width: 100%; height: 70px; line-height: 85px;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #333; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 26px; line-height: 26px; width: 60px;}
.search-keywords .wb > a{ color: #999; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #cc0000;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 285px; line-height: 26px; height: 26px; z-index: 99; position: relative;top: 0px;}
.search-form{ display: inline-block; float: right;margin-top: 30px;}
#searchForm .search-input{ vertical-align: top; height: 25px; background: none; line-height: 26px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 26px; height: 26px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{ /* WebKit browsers */  color: #666;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #666;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #666;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #666;}

/*module_1*/
.module_1{
    height: 880px;
    padding-top: 50px;
    display: none;
}
.module_1 .ty_content{height: 780px;background: url("../images/module_1.png")no-repeat center;}
.module_1 .top{width: 310px;margin:0 auto 65px;}
.module_1 .top b{font-size: 30px;color: #666;display: block;margin-bottom: 10px;}
.module_1 .top i{font-size: 18px;color: #666;}

.module_1 .nr{height: 400px;}
.module_1 .nr .left{width: 361px;height: 400px;float: left;}
.module_1 .nr .left .wz{width: 320px;height: 176px;margin-bottom: 82px;}
.module_1 .nr .left .wz .img{margin-bottom: 15px;}
.module_1 .nr .left .wz .img img{float: left;margin-right: 15px;}
.module_1 .nr .left .wz .img b{font-size: 24px;color: #333;font-weight: bold;display: block;margin-bottom: 5px;}
.module_1 .nr .left .wz .img i{font-size: 20px;color: #333;}
.module_1 .nr .left .wz p{font-size: 16px;color: #666;width: 306px;line-height: 30px;}

.module_1 .nr .right{float: right;}
.module_1 .nr .right .wz{float: right;margin-top: 82px;text-align: right;}
.module_1 .nr .right .wz .img img{float: right;margin-left: 15px;}

.module_1 .list{height: 193px;margin-top: 55px;}
.module_1 .list li{height: 193px;width: 274px;position: relative;float: left;margin-right: 34px;}
.module_1 .list li:nth-child(4n){ margin-right: 0px;}

.module_1 .list li .wz{height: 193px;width: 274px;position: absolute;top: 0px;padding: 66px;text-align: center;    background-color: rgba(0,0,0,0.5);}
.module_1 .list li .wz b{font-size: 18px;color: #fff;display: block;margin-bottom: 10px;}
.module_1 .list li .wz i{font-size: 18px;color: #fff;}


/*product*/
.product{height: 1190px;background: #f1f1f1;padding-top: 40px;}
.product .top{margin:0 auto 33px;text-align: center;}
.product .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.product .top i{font-size: 18px;color: #666;}

.product .nr{height: 990px;}
.product .nr .left{width: 287px;float: left;border: solid #ccc 1px;height: 988px;}
.product .nr .left b{display: block;width: 285px;background: #e7e7e7;height: 68px;line-height: 68px;padding-left: 43px;}
.product .nr .left b a{color: #666;font-size: 18px;}
.product .nr .left b span{float: right;margin-right: 25px;}
.product .nr .left b:hover{background: #cc0000;}
.product .nr .left b:hover a{color: #fff;}
.product .nr .left b:hover span{color: #fff;}

.product .nr .left .on{background: #cc0000;}
.product .nr .left .on a{color: #fff;}
.product .nr .left .on span{color: #fff;}

.product .nr .left ul{background: #fff;padding-top: 10px;padding-bottom: 1px;}
.product .nr .left ul li{padding-left: 43px;margin-bottom: 10px;}
.product .nr .left ul li a{color: #666;font-size: 16px;}
.product .nr .left ul li:hover a{color: #cc0000;}

.product .nr .right{width: 869px;float: right;}
.product .nr .right .t{height: 72px;}
.product .nr .right ul{height: 918px;}
.product .nr .right ul li{width: 277px;background: #fff;text-align: center;float: left;margin-right: 18px;margin-bottom: 20px;}
.product .nr .right ul li a{font-size: 16px;color: #666;}
.product .nr .right ul li:hover a{color: #cc0000;}
.product .nr .right ul li:nth-child(3n){ margin-right: 0px;}


/*ad_1*/
.ad_1{height: 340px;background: url("../images/ad_1bj.png")no-repeat center;padding-top: 70px;}
.ad_1 .nr{width: 797px;background: url("../images/ad_1nr.png")no-repeat center;height: 218px;}
.ad_1 .nr b{font-size: 38px;color: #fff;font-weight: bold;display: block;margin: auto;    width: 660px; }
.ad_1 .nr b span{color: #cc0000;}
.ad_1 .nr p{color: #fff;font-size: 28px;margin-top: 30px;text-align: center;}
.ad_1 .nr .dh{height: 42px;line-height: 34px;font-size: 20px;color: #fff;margin-top: 42px;text-align: center;}
.ad_1 .nr .dh span{font-family: Arial;color: #fff;font-size: 29px;font-weight: 600;}



/*product*/
.advantage{height: 837px;padding-top: 40px;}
.advantage .top{margin:0 auto 43px;text-align: center;}
.advantage .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.advantage .top i{font-size: 18px;color: #666;}

.advantage .nav{height: 142px;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;}
.advantage .nav ul{height: 142px;width: 1200px;margin: auto;}
.advantage .nav ul li{height: 142px;width: 300px;border-left: solid 1px #ccc;float: left;font-size: 20px;color:#666;text-align: center;font-weight: bold;padding: 41px;}
.advantage .nav ul li b{display: block;color: #999;font-size: 12px;margin-top: 4px;text-transform : uppercase;}

.advantage .nav ul .on{color: #cc0000;}
.advantage .nav ul .on b{color: #cc0000;}

.advantage .nr{width: 1320px;margin: 30px auto 0;height: 443px;position: relative;}
.advantage .nr .jt{position: absolute;top: 41%;}
.advantage .nr .ri{right: 0px;}

.advantage .nr .db{width: 1200px;margin: auto;height: 443px;overflow: hidden;}
.advantage .nr .db .t_le{float: left;}
.advantage .nr .db .w_ri{float: right;width: 477px;}
.advantage .nr .db .w_ri b{font-size: 58px;font-weight: bold;text-transform: uppercase;color: #f1f1f1;display: block;margin-bottom: 10px;}
.advantage .nr .db .w_ri i{font-size: 20px;color: #333;display: block;margin-bottom: 13px;}
.advantage .nr .db .w_ri i img{margin-right: 15px;float: left;margin-top: 5px;}
.advantage .nr .db .w_ri .w{color: #666;font-size: 16px;padding-left: 15px;line-height: 30px;margin-bottom: 13px;}


/*module_2*/
.module_2{height: 1230px;background: #f1f1f1;padding-top: 40px;}

.factory{width: 1200px;margin: auto;}
.factory .top{margin:0 auto 5px;text-align: center;}
.factory .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.factory .top i{font-size: 18px;color: #666;}

.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.tywidth{ width: 1200px; margin: 0 auto;}
.poster-main{ position: relative;margin: 0 auto;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 500px;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main .poster-btn{ position: absolute; top: 170px; cursor: pointer; width: 40px!important;height: 80px!important;}
.poster-main .poster-prev-btn{ left: -125px; background: url(../images/advantage_le.png) no-repeat;}
.poster-main .poster-next-btn{ right: -130px; background: url(../images/advantage_ri.png) no-repeat;}
.poster-item-title{ font-size: 17px; color: #342f33; margin: 10px 0 0; text-align: center; line-height: 17px; display: block;}



/*honor*/
.honor{width: 1320px;margin: auto;position: relative;height: 420px;}
.honor_top{margin:55px auto 30px;text-align: center;}
.honor_top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.honor_top i{font-size: 18px;color: #666;}

.honor .db{width: 1200px;margin: auto;height: 420px;overflow: hidden;}
.honor .jt{position: absolute;top: 41%;}
.honor .ri{right: 0px;}

.honor .db li{width: 276px;height: 427px; text-align: center;color: #666;font-size: 18px;float: left;margin-right: 32px;}
.honor .db li .img{width: 276px;height: 376px;background: url("../images/honor_libj.png")no-repeat center;padding: 30px;margin-bottom: 13px;}
.honor .db li .img img{width: 216px;height: 316px;}


/*case*/
.case{height: 760px;padding-top: 50px;}
.case .top{margin:0 auto 43px;text-align: center;}
.case .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.case .top i{font-size: 18px;color: #666;}

.case .content{width: 1200px;margin: auto;height: 534px;background: url("../images/c1_bj.png")no-repeat right;background-position-x: 98%;}
.case .content .left{float: left;margin-top: 35px;}
.case .content .left .fuji{position: relative;width: 856px;}
.case .content .left .fuji .img{width: 856px;height: 464px;}
.case .content .left .fuji .title{width: 100%;height: 113px;position: absolute;bottom: 0;}
.case .content .left .fuji .title .a{float: left;width: 86.8%;background: url("../images/c_tibj.png")no-repeat;height: 113px;padding-left: 37px;padding-right: 45px;padding-top: 15px;}
.case .content .left .fuji .title .a h3{color: #fff;font-size: 18px;border-bottom: dashed 1px #ccc;    height: 40px;margin-bottom: 10px;}
.case .content .left .fuji .title .a h3 a{color: #fff;font-size: 18px;}


.case .content .left .fuji .title .a p{color: #fff;font-size: 15px;line-height: 23px;}
.case .content .left .fuji .title .a p a{color: #fff;font-size: 15px;}
.case .content .left .fuji .title .a h3 span{color: #fff;font-size: 18px;font-weight: bold;}
.case .content .left .fuji .title .b{float: right;height: 113px;}
.case .content .right{float: right;padding-top: 93px;}
.case .content .right ul li{height: 70px;color: #333;font-size: 16px;line-height: 70px;text-align: center;width: 302px;margin-bottom: 5px;}
.case .content .right ul .on, .case .content .right ul .on a{background: #cc0000;color: #fff;}



/*ad2*/
.ad_2{height: 339px;background: url("../images/ad_2.png")no-repeat center;padding-top: 90px;}
.ad_2 .left{width: 437px;height: 205px;float: left;margin-left: 40px;}

.ad_2 .nr{width: 658px;background: url("../images/ad_2nr.png")no-repeat center;height: 187px;float: right;}
.ad_2 .nr b{font-size: 31px;color: #fff;font-weight: bold;display: block;margin: auto;    width: 660px; text-align: center;}
.ad_2 .nr b span{color: #cc0000;}
.ad_2 .nr p{color: #fff;font-size: 22px;margin-top: 30px;text-align: center;}
.ad_2 .nr .dh{height: 42px;line-height: 34px;font-size: 16px;color: #fff;margin-top: 32px;text-align: center;}
.ad_2 .nr .dh span{font-family: Arial;color: #fff;font-size: 24px;font-weight: 600;}


/*about*/
.about{height: 750px;padding-top: 40px; background: #f1f1f1;}
.about .top{margin:0 auto 50px;text-align: center;}
.about .top b{font-size: 30px;color: #333;display: block;margin-bottom: 10px;}
.about .top i{font-size: 18px;color: #666;}

.about .nr_1{
    height: 566px;
    /*background: url("../images/about_bj.png")no-repeat;*/
    width: 1195px;
    margin: auto;
    padding-top: 40px;
    overflow: hidden;
}
    
.about .nr_1 .left{float: left;width: 440px;margin-left: 30px;padding-top: 20px;}
.about .nr_1 .left b{font-size: 32px;font-weight: bold;color: #333;display: block;margin-top: 10px;margin-bottom: 12px;}
.about .nr_1 .left .s{width: 40px;border-bottom: solid 5px #cc0000;}
.about .nr_1 .left p{font-size: 16px;color: #666;margin-top: 22px;line-height: 30px;}
.about .nr_1 .left p a{color: #333;}
.about .nr_1 .right{float: right;}

.about .nr_2{height: 100px;width: 1195px;margin: 40px auto 0;}
.about .nr_2 li{width: 268px;height: 88px;float: left;margin-right: 41px;}
.about .nr_2 li .wz{width: 160px;border-right: solid 1px #ccc;height: 58px;float: right;margin-top: 18px;}
.about .nr_2 li .wz b{font-size: 18px;color: #666;font-weight: bold;display: block;margin-bottom: 10px;}
.about .nr_2 li .wz i{color: #999;    text-transform: uppercase; }
.about .nr_2 li img{float: left;}
.about .nr_2 li .ho{display: none;}


.about .nr_3{height: 345px;width: 1320px;margin: 5px auto 0;}
.about .nr_3 .v_top{height: 95px;background: url("../images/v_top.png")no-repeat left;width: 1195px;margin: auto;}
.about .nr_3 .v_top ul{height: 95px;width: 407px;float: right;position: relative;}
.about .nr_3 .v_top li{width: 216px;height: 59px;margin-top: 16px;font-size: 22px;line-height: 59px;color: #fff;float: left;}
.about .nr_3 .v_top .li_1{background:url("../images/nr_3_li1.png")no-repeat;padding-left: 50px;}
.about .nr_3 .v_top .li_2{background:url("../images/nr_3_li2.png")no-repeat;padding-left: 50px;}

.about .nr_3 .v_top .on .li_1{background:url("../images/nr_3_li01.png")no-repeat;}
.about .nr_3 .v_top .on .li_2{background:url("../images/nr_3_li02.png")no-repeat;}


.about .nr_3 .nr li{position: relative;}
.about .nr_3 .nr li .tempWrap{margin: auto;}
.about .nr_3 .nr li .jt{position: absolute;top: 31%;}
.about .nr_3 .nr li .ri{right: 0px;}
.about .nr_3 .list{height: 266px;width: 1195px;margin: auto;}
.about .nr_3 .list .xq{height: 266px;width: 288px;color: #666;font-size: 16px;text-align: center;float: left;margin-right: 14px;}
.about .nr_3 .list .xq .img{height: 211px;width: 288px;background: url("../images/ryuzz.png")no-repeat;margin-bottom: 15px;padding: 23px;}





/*xw*/
.xw{width: 1200px;margin: auto;height: 518px;margin-top: 40px;}
.xw .wd{width: 600px;height: 518px;border-right: solid 1px #ccc;float: left;}
.xw .wd .top{width: 543px;margin-bottom: 30px;}

.xw .wd ul li{width: 543px;border-top: solid 1px #ccc;height: 148px;padding-top: 30px;}
.xw .wd ul li img{float: left;margin-right: 27px;}
.xw .wd ul li .wz{float: left;margin-top: 10px;width: 426px;}
.xw .wd ul li .wz b{display: block;font-size: 16px;margin-bottom: 6px;}
.xw .wd ul li .wz b a{color: #333333;}
.xw .wd ul li:hover .wz b a{color: #cc0000;}
.xw .wd ul li .wz p a{color: #666;}


.xw .list{width: 543px;height: 518px;float: right;}
.xw .list .top{width: 543px;height: 76px;border-bottom: solid 1px #ccc;margin-bottom: 31px;}
.xw .list .top ul{width: 222px;float: left;    margin-top: -5px;}
.xw .list .top ul li{font-size: 19px;float: left;color: #666;margin-right: 30px;font-weight: bold;letter-spacing: 1px;}
.xw .list .top ul .on{color: #cc0000;}
.xw .list .lb{margin-bottom: 40px;}
.xw .list .lb .xx{height: 159px;background: #cc0000;}
.xw .list .lb .xx img{float: left;margin-right: 37px;}
.xw .list .lb .xx .zzz{float: left;width: 273px;padding-top: 40px;}
.xw .list .lb .xx .zzz b{color: #fff;font-size: 16px;}
.xw .list .lb .xx .zzz b a{color: #fff;}
.xw .list .lb .xx .zzz p{color: #eee;margin-top: 10px;line-height: 27px;}
.xw .list .lb .xx .zzz p a{color: #eee;}
.xw .list .xq{margin-bottom: 17px;}
.xw .list .xq:nth-child(7n){ margin-bottom: 0px;}
.xw .list .xq a{color: #666;}
.xw .list .xq b{float: right;color: #666;}
.xw .list .xq:hover a{color: #cc0000;}
.xw .list .xq:hover b{color: #cc0000;}

/*frilist*/
.frilist{ background: url(../images/linkbg.png)no-repeat;height: 104px; line-height: 94px; width: 1200px;margin: auto;margin-top: 80px;margin-bottom: 33px;
    overflow: hidden;}
.frilist ul li a{ font-size: 14px; color: #333;}
.frilist ul{ margin-left: 30px;height: 104px;overflow: hidden;}
.frilist ul li{ float: left; margin-right: 10px;height: 25px;}
.frilist ul li a:hover{ color: #cc0000;}


/*bottom*/
.bottom{height: 361px;background: url("../images/bottombj.png")no-repeat center;padding-top: 44px;}
.bottom .content{width: 1200px;margin: auto;height: 286px;}
.bottom .content .a{width: 280px;float: left;}
.bottom .content .a .top{margin-bottom: 20px;}
.bottom .content .a ul li{float: left;margin-right: 37px;width: 103px;margin-bottom: 24px;}
.bottom .content .a ul li a{color: #dcdcdc;}
.bottom .content .a ul li:hover a{color: #cc0000;}

.bottom .content .b{width: 299px;float: left;margin-left: 180px;margin-right: 160px;}
.bottom .content .b .top{margin-bottom: 20px;}
.bottom .content .b p{color: #dcdcdc;margin-bottom: 13px;}

.bottom .content .c{width: 280px;float: left;}
.bottom .content .c .top{margin-bottom: 20px;}
.bottom .content .c ul li{width: 126px;text-align: center;color: #dcdcdc;font-size: 16px;}
.bottom .content .c ul li img{margin-bottom: 20px;}
.bottom .lx{margin: auto;text-align: center;color: #afafaf;line-height: 30px;height: 30px;}
.bottom .lx a{color: #afafaf;}


















































