*{ 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: 35px;width: 100%;line-height: 35px;background: #eee;}
.header .header-1 .content{width: 1200px;margin: auto;}
.header .header-1 .content b{color: #6e6e6f;font-size: 14px;line-height: 35px;}
.header .header-1 .content nav{line-height: 35px;float: right;height: 35px;}
.header .header-1 .content nav a{color: #999;font-size: 14px;margin-right: 25px;}


.header .header-2{height: 136px;}
.header .header-2 .content{width: 1200px;height: 136px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top: 30px;}
.header .header-2 .content .text{float: left;margin-top: 37px;margin-left: 30px;}
.header .header-2 .content .text h3{font-size: 24px;color: #1f1a17;margin-bottom: 5px;font-weight: bold;}
.header .header-2 .content .text h3 span{font-size: 24px;color: #da251d;font-weight: bold;}
.header .header-2 .content .text b{font-size: 18px;color: #1c1b1b;}
.header .header-2 .content .phone{float: right;margin-top: 30px;width: 260px;height: 106px;background: url("../images/phone_bj.png")no-repeat;    background-position-y: 6px;}
.header .header-2 .content .phone .dh{color: #da251d;font-size: 18px;float: left;text-align: center;margin-top: 5px;}
.header .header-2 .content .phone .dh h3{color: #da251d;font-size: 24px;line-height: 30px;font-weight: bold;}

.header .header-3{height: 58px;width: 100%;background: url("../images/header-3_bj.png")no-repeat center;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{display:block;float: left;height: 58px;line-height: 58px;font-size: 16px;color: #fff;text-align: center;background: url("../images/header_nav_bj.png")no-repeat right;padding-left: 23px;padding-right: 23px;position: relative;}

.header .header-3 .content nav a:hover{background: #da251d;}
.header .header-3 .content nav .on{background: #da251d;}

.header .header-3 .content nav ul{
    position: absolute;
    top: 58px;
    z-index: 999;
    /*width: 150px;*/
    display: none;
    left: -19px;
}
.header .header-3 .content nav ul li{
    width: 150px;
    display: block;
    float: left;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    color: #fff;
    background: #da251d;
    float: left;
    /*padding-left: 23px;*/
    /*padding-right: 23px;*/
}
.header .header-3 .content nav ul li:hover{background: #fff;color: #333;}



/*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;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: 73px; line-height: 73px;background: url("../images/search_bj.png")no-repeat bottom;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #ccc; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #000; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 35px; line-height: 35px;font-weight: bold;}
.search-keywords .wb > a{ color: #666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #da251d;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat right; width: 350px; line-height: 35px; height: 35px; z-index: 99; position: relative;top: 0px;}
.search-form{ display: inline-block; float: right;margin-top: 17px;}
#searchForm .search-input{ vertical-align: top; height: 35px; background: none; line-height: 35px; color: #333; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 35px; height: 35px; background: none; color: #333; 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: #ccc;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #ccc;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #ccc;}



/*product*/
.product{height: 1012px;padding-top: 30px;width: 1200px;margin: auto;}
.product .top{height: 76px;background: url("../images/product_top.png")no-repeat center;text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 386px;padding-top: 13px;padding-left: 10px;margin: 0 auto 50px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.product .on{animation-play-state:running;}


.product .left{height: 820px;width: 286px;background: #da251d;text-align: center;float: left;padding-top: 20px;}
.product .left .wz b{font-size: 24px;color: #fff;display: block;}
.product .left .wz i{font-size: 14px;color: #e57d73;font-family: Arial;text-transform:uppercase;}

.product .left .list{height: 640px;width: 273px;background: #fff;margin: 10px auto 0;border-radius:10px;padding-top: 13px;overflow: hidden;}
.product .left .list .bt{height: 58px;width: 273px;display: block;background: url("../images/cp-list-mr.png")no-repeat;line-height: 58px;color: #333;font-size: 20px;margin-bottom: 17px;text-align: left;padding-left: 66px;margin-top: 10px;}
.product .left .list .bt:hover{background: url("../images/cp-list-ho.png")no-repeat;color: #da251d;}
.product .left .list li{padding-left: 30px;text-align: left;margin-bottom: 10px;}
.product .left .list li a{color: #666666;}
.product .left .list li:hover a{color: #da251d;}

.product .left .dh{height: 54px;width: 204px;margin: 12px auto 0;}
.product .left .dh img{float: left;margin-top: 12px;margin-right: 12px;}
.product .left .dh .wz{float: left;width: 148px;    padding-top: 4px;}
.product .left .dh .wz span{color: #fff;font-size: 19px;}

.product .right{width: 895px;float: right;height: 820px;}
.product .right .xq{width: 285px;height: 253px;float: left;margin-right: 20px;margin-bottom: 31px;}
.product .right .xq:nth-child(3n){ margin-right: 0px;}
.product .right .xq .img{width: 285px;height: 213px;overflow: hidden;border-left: solid  #ccc 1px;border-right: solid  #ccc 1px;border-top: solid  #ccc 1px;}
.product .right .xq .img img{width: 285px;height: 213px;}
.product .right .xq .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}

.product .right .xq .title{height: 40px;text-align: center; line-height: 40px;color: #666;font-size: 16px;background: #eee;}
.product .right .xq:hover .title{color: #fff;background: #da251d;}


/*jpz*/
.jpz{height: 526px;background: url("../images/jpz-bj.png")no-repeat center;margin-top: 20px;padding-top: 30px;}
.jpz .top{height: 76px;background: url("../images/jpz_top.png")no-repeat center;text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 301px;padding-top: 13px;padding-left: 10px;margin: 0 auto 22px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.jpz .on{animation-play-state:running;}

.jpz .ty_content{height: 343px;background: url("../images/jpz-cbj.png")no-repeat center;}
.jpz .ty_content .left{float:left;padding-top: 37px;}
.jpz .ty_content .right{float:right;padding-top: 37px;}
.jpz .ty_content .left .mo-1{height: 75px;width: 300px;padding-top: 13px;padding-left: 12px;}
.jpz .ty_content .left .mo-1 b{display: block;color:#333;font-size: 16px;font-weight: bold;}
.jpz .ty_content .left .mo-1 i{color:#666;}


/*advantage*/
.advantage{height: 1711px;padding-top: 36px;}
.advantage .top{height: 76px;background: url("../images/advantage_top.png")no-repeat center;text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 441px;padding-top: 13px;padding-left: 10px;margin: 0 auto 50px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.advantage .on{animation-play-state:running;}


.advantage .mo_1{height: 326px;}
.advantage .mo_1 .img{height: 326px;width: 669px;overflow: hidden;float: left;}
.advantage .mo_1 .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}

.advantage .mo_1 .wen{height: 326px;width: 530px;float: left;}
.advantage .mo_1 .wen .nr_1{padding-left: 50px;padding-right: 10px;padding-top: 10px;}
.advantage .mo_1 .wen .nr_1 h3{color: #da251d;font-size: 28px;font-weight: bold;margin-bottom: 5px;}
.advantage .mo_1 .wen .nr_1 b{color: #1f1a17;font-size: 20px;font-weight: bold;}
.advantage .mo_1 .wen .nr_1 p{color: #666;line-height: 30px;margin-top: 25px;}

.advantage .mo_1 .wen .nr_2{height: 126px;background: #f3f3f3;margin-top: 28px;padding-left: 50px;padding-top: 29px;}
.advantage .mo_1 .wen .nr_2 .x{float: left;margin-right: 115px;}
.advantage .mo_1 .wen .nr_2 .x b{font-size: 28px;color: #da251d;font-weight: bold;display: block;}
.advantage .mo_1 .wen .nr_2 .x b i{font-size: 16px;color: #da251d;}
.advantage .mo_1 .wen .nr_2 .x span{font-size: 16px;color: #666666;}

.advantage .mo_2{margin-top: 60px;margin-bottom: 60px;}
.advantage .mo_2 .wen .nr_1{padding-right: 50px;padding-left: 0px;}


/*Industry*/
.Industry{background: url("../images/Industry-bg.png")no-repeat top;height: 964px;padding-top: 30px;}
.Industry .top{height: 76px;background: url("../images/Industry_top.png")no-repeat center;text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 400px;padding-top: 13px;padding-left: 10px;margin: 0 auto 40px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}

.Industry .on{animation-play-state:running;}

.Industry .nr{height: 810px;background: url("../images/Industry_bj.png")no-repeat center;margin: auto;width: 1200px;    padding-top: 54px;  }
.Industry .nr .nav{height: 60px;width: 1037px;margin: auto;}
.Industry .nr .nav li{width: 64px;float: left;text-align: center;margin-right: 44px;}

.Industry .nr .nav li .mr{display: block;margin: auto;}
.Industry .nr .nav li .ho{display: none;}

.Industry .nr .nav .on .mr{display: none;}
.Industry .nr .nav .on .ho{display: block;margin: auto;}
.Industry .nr .nav b{display: block;font-size: 16px;color: #333;margin-top: 15px;}
.Industry .nr .nav .on b{color: #da251d;font-weight: bold;}

.Industry .nr .list{height: 590px;margin-top: 45px;padding-left: 30px;padding-right: 30px;}
.Industry .nr .list .xq{height: 278px;width: 360px;position: relative;float: left;margin-right: 30px;margin-bottom: 30px;}
.Industry .nr .list .xq:nth-child(3n){ margin-right: 0px;}
.Industry .nr .list .xq .mr{height: 50px;width: 360px;position: absolute;background: #eeeeee;bottom: 0px;font-size: 16px;font-weight: bold;color: #666;line-height: 50px;text-align: center;}
.Industry .nr .list .xq .ho{height: 93px;width: 360px;position: absolute;bottom: 0px;background: url("../images/Industry_list_ho.png")no-repeat center;padding: 12px;overflow: hidden;display: none;}
.Industry .nr .list .xq b{font-size: 16px;color: #fff;font-weight: bold;}
.Industry .nr .list .xq p{font-size: 14px;color: #fff;margin-top: 5px;height: 42px;overflow: hidden;}


/*about*/
.about{height: 585px;margin-top: 40px;}
.about .top{height: 76px;background: url("../images/product_top.png")no-repeat center;text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 386px;padding-top: 13px;padding-left: 10px;margin: 0 auto 40px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.about .on{animation-play-state:running;}


.about .left{width: 700px;height: 400px;float: left;}
.about .right{width: 463px;height: 400px;float: right;border-bottom: solid 1px #ccc;border-top: solid 1px #ccc;padding-top: 30px;}
.about .right p{color: #666666;line-height: 30px;}
.about .right .more{display: block;margin-top: 20px;}

/*Photo*/
.Photo{height: 496px;}
.Photo li{height: 220px;width: 282px;float: left;margin-right: 25px;margin-bottom: 28px;}
.Photo li:nth-child(3n){ margin-right: 0px;}
.Photo .z{width: 282px;height: 220px;overflow: hidden;}
.Photo .z:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}
.Photo .c{width: 586px;height: 220px;overflow: hidden;}
.Photo .c:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}



/*news*/
.news{width: 1200px;padding-top: 30px;height: 543px;margin: auto;}
.news .left{width: 720px;float: left;}
.news .left .top{height: 60px;border-bottom: solid 1px #e0e0e0;margin-bottom: 30px;}
.news .left .top ul li{width: 163px;height: 60px;float: left;margin-right: 68px;}
.news .left .top ul li img{float: left;margin-right: 10px;margin-top: 5px;}
.news .left .top ul li h3{color: #666;font-size:20px;font-weight: bold;}
.news .left .top ul li b{color: #aaaaaa;font-size:12px;font-weight: bold;font-family: Arial;}
.news .left .top ul li .ho{display: none;}
.news .left .top ul .on .ho{display: block;}
.news .left .top ul .on .mr{display: none;}
.news .left .top ul .on{border-bottom: solid 1px #da251d;}
.news .left .top ul .on h3{color: #da251d;}
.news .left .nr{height: 382px;}
.news .left .nr ul li .a{height: 200px;border-bottom: solid 1px #f0f0f0;}
.news .left .nr ul li .a .le{float: left;width: 320px;height: 180px;overflow: hidden;}
.news .left .nr ul li .a .le:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}
.news .left .nr ul li .a .ri{float: right;width: 368px;}
.news .left .nr ul li .a .ri h3{font-size:18px;color: #333;font-weight: bold;margin-bottom: 10px;}
.news .left .nr ul li .a .ri p{font-size:14px;color: #666;height: 80px;}
.news .left .nr ul li .a .ri p a{color: #666;}
.news .left .nr ul li .a .ri p a:hover{color: #da251d;    text-decoration: underline;  }
.news .left .nr ul li .a .ri .anb{width: 135px;height: 81px;text-align: center;line-height: 40px;background: url("../images/anb_bj.png")no-repeat;}
.news .left .nr ul li .a .ri .anb a{color: #fff;font-size: 14px;}
.news .left .nr ul li .lb .xq{height: 91px;width: 350px;border-bottom: dashed 1px #ccc;float: left;padding-top: 20px;margin-right: 20px;}
.news .left .nr ul li .lb .xq:nth-child(2n){margin-right: 0px;}
.news .left .nr ul li .lb .xq .sj{height: 60px;border-right: solid 1px #ccc;float: left;width: 49px;}
.news .left .nr ul li .lb .xq .sj b{font-size: 24px;color: #666;}
.news .left .nr ul li .lb .xq .sj i{font-size: 16px;color: #636363;}
.news .left .nr ul li .lb .xq .zz{float: left;    margin-left: 17px; margin-top: 18px;}
.news .left .nr ul li .lb .xq .zz a{font-size: 14px;color: #333;}
.news .left .nr ul li .lb .xq:hover .zz a{color: #da251d}

.news .right{width: 410px;float: right;}
.news .right .top{height: 60px;border-bottom: solid 1px #e0e0e0;margin-bottom: 15px;}
.news .right .top .le{width: 140px;height: 60px;float: left;margin-right: 68px;border-bottom: solid 1px #da251d;}
.news .right .top .le img{float: left;margin-right: 10px;margin-top: 5px;}
.news .right .top .le h3{color: #da251d;font-size:20px;font-weight: bold;}
.news .right .top .le b{color: #aaaaaa;font-size:12px;font-weight: bold;font-family: Arial;}
.news .right li{position: relative;margin-bottom: 20px;}
.news .right li span{position: absolute;right: -8px;}

.news .right li a{color: #666;}
.news .right li a:hover{color: #da251d;}


/*link*/
.link{height: 60px;margin-top: 50px;}
.link .left{height: 57px;background: url("../images/link_bj.png")no-repeat;width: 1050px;float: left;padding-left: 130px;padding-top: 32px;overflow: hidden;}
.link .left a{color: #666;margin-right: 30px;}
.link .left a:hover{color: #da251d;}
.link .right{float: right;}





/*bottom*/
.bottom{height: 286px;background: url("../images/foot.png")no-repeat center;margin-top: 30px;padding-top: 10px;}
.bottom nav{height: 70px;border-bottom: solid 1px #2f2f2f;line-height: 70px;overflow: hidden;}
.bottom nav a{color: #fff;margin-right: 79px;}
.bottom nav a:hover{color: #da251d;}
.bottom nav a:last-child{margin-right: 0px;}

.bottom .nr{height: 145px;margin-top: 30px;}
.bottom .nr .mo-1{float: left;margin-right: 90px;}
.bottom .nr .mo-1 p{color: #fff;margin-bottom: 10px;}
.bottom .nr .mo-1 p a{color: #fff;}

.bottom .nr .mo-2{margin-top: 10px;margin-right: 0px;}
.bottom .nr .ewm{float: right;margin-top: 10px;}
.bottom .nr .ewm img{width: 109px;height: 109px;}









































