*{ 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.html');font-weight: normal; font-style: normal;}
.ty_content{ width: 1200px; margin: 0 auto;}

/*header*/
.header{height: 738px;overflow: hidden;}
.header .left{height: 738px;width: 636px;background: url("../images/header_le.html")no-repeat;padding-top: 214px;float: left;}
.header .left ul{width: 200px;float: right;margin-right: 45px;}
.header .left ul li a{color: #fff;font-size: 16px;}
.header .left ul li img{margin-right: 30px;}
.header .left ul .n:hover{background: url("../images/header_le_y.png")no-repeat left;}
.header .left ul .n{padding-left: 41px;margin-top: 29px;}

.header .right{width: 100%;}
.header .right .top{height: 37px;width: 100%;}
.header .right .top nav{height: 37px;line-height: 37px;width: 618px;float: right;}
.header .right .top nav a{color: #999;font-size: 14px;}
.header .right .top nav a:hover{color: #a8bb66;}


/*@media screen and (max-width: 1880px){*/
    /*.header .right{*/
        /*width: 1227px;*/
    /*}*/
    /*.header .right .top{*/
        /*width: 1227px;*/

    /*}*/
/*}*/


/*banner*/
.banner-index{overflow: hidden;    width: 100%;  }
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 67%; 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: #a8bb66;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}

.slideBox .nav-bar{position:absolute;top:0;width:100%;}
.slideBox .nav-bar .nav_area{width:62.5%;margin:auto;}
.slideBox .nav-bar .nav_area ul{width: 200px;margin-right: 45px;}
.slideBox .nav-bar .nav_area ul li a{color: #fff;font-size: 16px;}
.slideBox .nav-bar .nav_area ul li img{margin-right: 30px;}
.slideBox .nav-bar .nav_area ul .n:hover{background: url("../images/header_le_y.png")no-repeat left;}
.slideBox .nav-bar .nav_area ul .n{padding-left: 41px;margin-top: 29px;}

.slideBox .nav-bar .nav_area .top-nav-bar{height: 37px;text-align: right;line-height: 37px;}
.slideBox .nav-bar .nav_area .top-nav-bar a{color: #999;}



/*search*/
.search{height: 149px;background: url("../images/search_bj.png")no-repeat center;padding-top: 23px;}
.search .le{height: 90px;width: 284px;float: left;border-right: solid 1px #ccc;}

.search .cl{height: 90px;width: 590px;float: left;border-right: solid 1px #ccc;}
.search .cl span{font-size: 24px;color: #666666;font-weight: bold;display: block;margin: 10px auto 13px;width: 380px;}
.search .cl span b{font-size: 24px;color: #a8bb66;font-weight: bold;}
.search .cl i{font-size: 16px;color: #666;display: block;margin: auto;width: 380px;}

.search .phone{float: right;width: 231px;margin-top: 22px;margin-right: 0px;}
.search .phone .dh{color: #333333;font-size: 18px;float: right;text-align: left;    margin-left: 11px;  margin-top: 0px;}
.search .phone .dh h3{color: #666;font-size: 24px;line-height: 30px;font-family: Impact;}

#searchForm {
    background: url(../images/search.html) no-repeat;
    width: 220px;
    line-height: 26px;
    height: 26px;
    margin-top: 47px;
}
#searchForm .search-input {
    vertical-align: top;
    height: 25px;
    background: none;
    line-height: 25px;
    color: #666;
    border-radius: 5px;
    text-indent: 20px;
    outline: none;
    border: none;
    width: 86%;
    font-size: 14px;
}
#searchForm #s_btn {
    width: 30px;
    height: 30px;
    background: none;
    color: #fff;
    outline: none;
    border: none;
    float: right;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}






/*product*/
.product{width: 1200px;height: 1270px;margin: auto;padding-top: 50px;}
.product .top{height: 45px;text-align: center;font-size: 30px;color: #333;margin-bottom: 44px;
    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 .nav{height: 58px;border: solid 1px #ccc;margin-bottom: 20px;}
.product .nav .bt{background: url("../images/productbt.png")no-repeat;width: 184px;height: 58px;text-align: center;color: #fff;font-size: 18px;line-height: 58px;float: left;margin-right: 65px;}
.product .nav nav{float: left;height: 58px;line-height: 58px;}
.product .nav nav a{color: #666;font-size: 16px;margin-right: 70px;}
.product .nav nav a:hover{color: #a8bb66;}
.product .nav img{float: right;margin-right: 24px;margin-top: 14px;}
.product .nr{height: 850px;}
.product .nr .xq{width: 263px;height: 400px;text-align: center;color: #666666;font-size: 16px;float: left;margin-right: 49px;margin-bottom: 25px;}
.product .nr .xq .img{width: 263px;height: 320px;border: solid 1px #ccc;padding-top: 30px;text-align: center;margin-bottom: 16px;}
.product .nr .xq:hover .img{border: solid 2px #a8bb66;}
.product .nr .xq:hover{color: #a8bb66;}
.product .nr .xq:nth-child(4n){ margin-right: 0px;}
.product .an{margin-top: 12px;}


/*module*/
.module_1{height: 370px;background: url("../images/module_1_bj.html")no-repeat center;padding-top: 40px;}
.module_1 .top{height: 70px;text-align: center;margin-bottom: 40px;}
.module_1 .top b{color: #a8bb66;font-size: 30px;}
.module_1 .top b span{font-weight: bold;}
.module_1 .top i{color: #ccc;}

.module_1 .dh{width: 622px;height: 47px;background: #fff;margin: 30px auto 0;padding-left: 34px;line-height: 47px;}
.module_1 .dh img{float: left;margin-top: 11px;margin-right: 20px;
    animation: tada 2s infinite;-moz-animation: tada 2s infinite;	/* Firefox */  -webkit-animation: tada 2s infinite;	/* Safari 和 Chrome */  -o-animation: tada 2s infinite;	/* Opera */

}
.module_1 .dh b{color: #666666;font-size: 18px;margin-right: 23px;}
.module_1 .dh i{color: #666666;font-size: 24px;font-family: Impact;    margin-right: 23px;
}


/*module_2*/
.module_2{height: 778px;padding-top: 50px;background: url("../images/module_2_bj.png")no-repeat center;background-position-y: 140px;

}

.module_2 .top{margin: auto;width: 460px;text-align: center;font-size: 18px;color: #666;margin-bottom: 90px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;

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

.module_2 .top b{color: #333333;font-size: 30px;display: block;margin-bottom: -20px;}

.module_2 .nr{width: 1200px;height: 170px;margin: auto;}
.module_2 .nr .left{width: 304px;height: 170px;float: left;}
.module_2 .nr .left .t{height: 105px;line-height: 105px;margin-bottom: 5px;}
.module_2 .nr .left .t img{float: left;margin-right: 10px;}
.module_2 .nr .left .t b{font-size: 24px;}
.module_2 .nr .left p{font-size: 16px;color: #666666;line-height: 30px;}

.module_2 .nr .right{float: right;}
.module_2 .nr .right .t{text-align: right;}
.module_2 .nr .right .t img{float: right;margin-left: 10px;}



/*advantage*/
/*.advantage{height: 2233px;*/
/*}*/
.advantage .top{text-align: center;margin-bottom: 70px;
    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 .content{margin: auto;}
.advantage .content .mode{height: 470px;margin-bottom: 0px;width: 1200px;margin: auto;}
.advantage .content .mode .wz{float: left;width: 39%;margin-right: 31px;}
.advantage .content .mode .wz .title{overflow: hidden;}
.advantage .content .mode .wz .title img{float: left; margin-right: 20px;margin-top: 23px;}
.advantage .content .mode .wz .title .wenzhi{float: left;margin-top: 6px;}
.advantage .content .mode .wz .title .wenzhi h3{font-size: 36px;color: #a8bb66;margin-bottom: 5px;font-weight: bold;}
.advantage .content .mode .wz .title .wenzhi h3 span{font-weight: bold;color: #333;}
.advantage .content .mode .wz .title .wenzhi p{font-size: 24px;color: #666666;}
.advantage .content .mode .wz ul li{font-size: 16px;color: #666;background: url("../images/li_bj.html")no-repeat;padding-left: 15px; line-height: 30px;margin-bottom: 35px;background-position: 0px 8px;}
.advantage .content .mode .img{float: right;}
.advantage .content .mode .wz .an{width: 170px;height: 45px;line-height: 45px;border: solid 2px #a8bb66;display: block;text-align: center;color: #a8bb66;font-size: 16px;border-radius:21px;margin-top: 42px;}
.advantage .content .mode .wz .an:hover{border: solid 2px #a8dd66}

.advantage .content .mode_1{width: 1200px;margin: auto;height: 442px;margin-bottom: 80px;margin-top: 40px;}
.advantage .content .mode_1 .img{float: left;}
.advantage .content .mode_1 .wz{float: right;width: 39%;margin-top: 0px;}
.advantage .content .mode_1 .wz .title{overflow: hidden;}
.advantage .content .mode_1 .wz .title img{float: left; margin-top: 23px; margin-right: 20px;}
.advantage .content .mode_1 .wz .title .wenzhi{float: left;margin-top: 6px;}
.advantage .content .mode_1 .wz .title .wenzhi h3{font-size: 36px;color: #a8bb66;margin-bottom: 5px;font-weight: bold;}
.advantage .content .mode_1 .wz .title .wenzhi h3 span{font-weight: bold;color: #333;}
.advantage .content .mode_1 .wz .title .wenzhi p{font-size: 24px;color: #666666;}
.advantage .content .mode_1 .wz ul li{font-size: 16px;color: #666;background: url("../images/li_bj.html")no-repeat;padding-left: 15px; line-height: 30px;margin-bottom: 35px;background-position: 0px 8px;}

.advantage .content .mode_1 .wz .an{width: 170px;height: 45px;line-height: 45px;border: solid 2px #a8bb66;display: block;text-align: center;color: #a8bb66;font-size: 16px;border-radius:21px;margin-top: 42px;}
.advantage .content .mode_1 .wz .an:hover{border: solid 2px #a8dd66}



/*honor*/
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.honor{ height: 645px; overflow: hidden;padding-top: 40px;}
.tywidth{ width: 1200px; margin: 0 auto;}
.honor .top{width: 250px;text-align: center;margin: 0px auto 10px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;

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

.honor .top b{font-size: 30px;color: #333333;}
.honor .top i{font-size: 18px;color: #666666;}
.poster-main{ position: relative;margin: 0 auto;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.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: 85px!important;height: 91px!important;}
.poster-main .poster-prev-btn{ left: -130px; background: url(../images/btn1.png) no-repeat;}
.poster-main .poster-next-btn{ right: -130px; background: url(../images/btn2.png) no-repeat;}
.poster-item-title{ font-size: 17px; color: #342f33; margin: 20px 0 0; text-align: center; line-height: 17px; display: block;}



/*certified*/
.certified{height: 413px;width: 1200px;margin: auto;}
.certified .top{width: 288px;text-align: center;margin: 0px auto 10px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.certified .top b{font-size: 30px;color: #333333;}
.certified .top i{font-size: 18px;color: #666666;}
.certified .on{animation-play-state:running;}

.certified .nr{height: 264px;}
.certified .nr ul li{height: 264px;width: 289px;float: left;margin-right: 14px;}
.certified .nr ul li .img{height: 218px;width: 289px;background: url("../images/certified_bj.png")no-repeat center;padding: 23px;}
.certified .nr ul li p{color: #666666;font-size: 16px;text-align: center;}

.certified .an{height: 39px;}
.certified .an .jt{float: right;}



/*ad_1*/
.ad_1{height: 372px;background: #f6f6f6;}
.ad_1 .content{height: 372px;width: 1284px;margin: auto;}
.ad_1 .content .xq{float: left;}
.ad_1 .content .wz{float: right;width: 561px;margin-top: 50px;}


.ad_1 .content .wz .dh{width: 518px;height: 47px;background: url("../images/module_1_dh.png")no-repeat center;margin: 30px auto 0;padding-left: 34px;line-height: 47px;}
.ad_1 .content .wz .xx{float: left;margin-top: 11px;margin-right: 20px;
    animation: tada 2s infinite;-moz-animation: tada 2s infinite;	/* Firefox */  -webkit-animation: tada 2s infinite;	/* Safari 和 Chrome */  -o-animation: tada 2s infinite;	/* Opera */

}
.ad_1 .content .wz b{color: #666666;font-size: 18px;margin-right: 67px;}
.ad_1 .content .wz i{color: #666666;font-size: 24px;font-family: Impact}


/*customer*/
.customer{height: 710px;width: 1200px;margin: auto;}

.customer .top{width: 288px;text-align: center;margin: 50px auto 43px;
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari 和 Chrome */
    -o-animation: bounceInLeft 2s;/* Opera */
    animation-play-state:paused;
}
.customer .top b{font-size: 30px;color: #333333;}
.customer .top i{font-size: 18px;color: #666666;}
.customer .on{animation-play-state:running;}

.customer .nr{height: 492px;overflow: hidden;}
.customer .nr .list{height: 492px;width: 382px;border: solid 1px #ccc;padding: 10px;float: left;margin-right: 27px;}
.customer .nr .list:nth-child(3n){ margin-right: 0px;}
.customer .nr .list .img{height: 244px;width: 361px;}
.customer .nr .list b{display: block;color: #666;font-size: 20px;font-weight: bold;text-align: center;margin-top: 30px;margin-bottom: 20px;}
.customer .nr .list .x{width: 55px;border: solid 1px #a8dd66;margin: auto;}
.customer .nr .list p{color: #666666;font-size: 16px;line-height: 30px;width: 272px;margin: auto;margin-top: 25px;}

.customer .hd{height: 16px;width: 112px;margin: 36px auto 0;}
.customer .hd ul li{float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;border-radius: 50%;border: solid 1px #a8dd66;}
.customer .hd ul .on{background: #a8dd66;}



/*about*/
.about{width: 1200px;margin: auto;}
.about .nr{height: 415px;}
.about .nr .img{height: 415px;width: 646px;float: right;}
.about .nr .wz{height: 415px;width: 456px;float: left;}
.about .nr p{color: #666;font-size: 16px;line-height: 30px;margin-top: 35px;margin-bottom: 20px;}
.about .nr .wz .an{width: 112px;height: 35px;display: block;background: #fff;color: #333;line-height: 35px;text-align: center;border: solid 1px #ccc;}
.about .nr .wz .an:hover{background: #a8bb66;color: #fff;}

.about .list{height: 240px;margin-top: 30px;}
.about .list .a{height: 240px;width: 1147px;overflow: hidden;float: left;}
.about .list .a li{height: 240px;width: 271px;text-align: center;font-size: 16px;color: #666;float: left;margin-right: 21px;}
.about .list .a li img{height: 192px;width: 271px;margin-bottom: 5px;}

.about .list .b{height: 240px;width: 49px;float: right;}
.about .list .b .le{display: block;width: 49px;height: 92px;margin-bottom: 9px;background: url("../images/cfxc_ri.html")no-repeat;}
.about .list .b .le:hover{background: url("../images/cfxc_ri_h.html")no-repeat;}
.about .list .b .ri{display: block;width: 49px;height: 92px;background: url("../images/cfxc_le.html")no-repeat;}
.about .list .b .ri:hover{background: url("../images/cfxc_le_h.html")no-repeat;}



/*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: #a8bb66;}
.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: #a8bb66;}
.xw .list .lb{margin-bottom: 40px;}
.xw .list .lb .xx{height: 159px;background: #a8bb66;}
.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 p{color: #eee;margin-top: 10px;line-height: 27px;}
.xw .list .xq{margin-bottom: 20px;}
.xw .list .xq:nth-child(7n){ margin-bottom: 0px;}
.xw .list .xq a{color: #666;}
.xw .list .xq a:hover{color: #a8bb66;}
.xw .list .xq b{float: right;color: #666;}

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




/*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: #fff;}
/*.bottom .content .a ul li:hover a{color: #a8bb66;}*/

.bottom .content .b{width: 280px;float: left;margin-left: 180px;margin-right: 180px;}
.bottom .content .b .top{margin-bottom: 20px;}
.bottom .content .b p{color: #fff;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: #fff;font-size: 16px;}
.bottom .content .c ul li img{margin-bottom: 20px;}
.bottom .lx{margin: auto;text-align: center;color: #fff;line-height: 30px;height: 30px;}
.bottom .lx a{color: #fff;}