*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 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%;}
@font-face{font-family: Arial;src: url('../fonts/Arial.ttf');font-weight: normal; font-style: normal;}

/*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: #999999;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;font-family: "Arial"}
.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{letter-spacing: 2px; 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: 0px 18px; 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: 100%; display: none; left: 0px;}
.header .header-3 .content nav ul li{ display: block; float: left; text-align: center; height: 54px; line-height: 54px; font-size: 14px; color: #fff; background: #da251d; float: left; width: 100%; overflow: hidden;}
.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: 456px;padding-top: 13px; padding-left: 5px;margin: 0 auto 50px;letter-spacing: 1px; animation: bounceInLeft 2s; -moz-animation: bounceInLeft 2s; -webkit-animation: bounceInLeft 2s; -o-animation: bounceInLeft 2s; 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: 22px;color: #fff;display: block;}
.product .left .wz i{font-size: 14px;color: #e57d73;font-family: Arial;text-transform: uppercase;}
.product .left .list{height: 647px;width: 273px;background: #fff;margin: 10px auto 0;border-radius: 10px;padding-top: 13px;}
.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: 16px; margin-bottom: 17px; text-align: left; padding-left: 45px; margin-top: 10px; overflow: hidden;}
.product .left .list .bt:hover{background: url(../images/cp-list-ho.png)no-repeat;color: #da251d;}
.product .left .list li{padding-left: 15px; text-align: left;margin-bottom: 10px;width: 100%;overflow: hidden;}
.product .left .list li a{color: #666666;}
.product .left .list li:hover a{color: #da251d;}
.product .left .dh{height: 54px;width: 224px;margin: 12px auto 0;}
.product .left .dh img{float: left;margin-top: 12px;margin-right: 12px;}
.product .left .dh .wz{float: left;width: 148px;}
.product .left .dh .wz span{color: #fff;font-size: 20px;}
.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: 766px;letter-spacing: 1px; padding-top: 13px;padding-left: 10px;margin: 0 auto 22px; animation: bounceInLeft 2s; -moz-animation: bounceInLeft 2s; -webkit-animation: bounceInLeft 2s; -o-animation: bounceInLeft 2s; 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: 8px;}
.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;font-size: 12px;}

/*advantage*/

.advantage{height: 1711px;padding-top: 36px;}
.advantage .top{letter-spacing: 1px; height: 76px;background: url("../images/advantage_top.png")no-repeat center; text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 741px; padding-top: 13px;padding-left: 10px;margin: 0 auto 50px; animation: bounceInLeft 2s; -moz-animation: bounceInLeft 2s; -webkit-animation: bounceInLeft 2s; -o-animation: bounceInLeft 2s; 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: 26px;margin-top: 20px;}
.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: 75px;}
.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-left: 0px;}

/*Industry*/

.Industry{background: url("../images/Industry-bg.png")no-repeat top;height: 964px;padding-top: 30px;}
.Industry .top{letter-spacing: 1px; height: 76px; background: url("../images/Industry_top.png")no-repeat center; text-align: left;font-size: 26px;color: #000;font-weight: bold; width: 496px;padding-top: 13px;padding-left: 10px;margin: 0 auto 40px; animation: bounceInLeft 2s; -moz-animation: bounceInLeft 2s; -webkit-animation: bounceInLeft 2s; -o-animation: bounceInLeft 2s; 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: 1200px;margin: auto;padding-left: 40px;}
.Industry .nr .nav li{float: left;text-align: center;margin-right: 13px;}
.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: 12px;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{letter-spacing: 1px; height: 76px;background: url("../images/about_us.png")no-repeat center; text-align: left;font-size: 26px;color: #000;font-weight: bold;width: 686px; padding-top: 13px;padding-left: 10px;margin: 0 auto 40px; animation: bounceInLeft 2s; -moz-animation: bounceInLeft 2s; -webkit-animation: bounceInLeft 2s; -o-animation: bounceInLeft 2s; 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: 22px;}
.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: 210px;height: 60px;float: left;margin-right: 30px;}
.news .left .top ul li img{float: left;margin-right: 10px;margin-top: 5px;}
.news .left .top ul li h3{color: #666;font-size: 18px;font-weight: bold;line-height: 20px;}
.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: 185px;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: 18px;font-weight: bold;line-height: 20px;}
.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: 970px;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: 72px;}
.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;}
