*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box; color: #333;}
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;}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1200px; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}
.tywidth{ width: 1200px; margin: 0 auto;}

/*header */
.header{width: 100%;    position: absolute;  top: 0;  z-index: 1;}

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

.header .header-3 .log{width: 242px;float: left;margin-top: 28px;}

.header .header-3 .content{float: left;margin-left: 2%;}
.header .header-3 .content nav{margin-top: 40px;}
.header .header-3 .content nav a{display:block;float: left;height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;position: relative;margin-right: 48px;padding-left: 5px;padding-right: 5px;}
.header .header-3 .content nav a:nth-child(6n){height: 52px;}
.header .header-3 .content nav a:nth-child(7n){height: 52px;}
.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 2px #dc0100;color: #dc0100;}
.header .header-3 .content nav .on{border-bottom: solid 2px #dc0100;color: #dc0100;}

.header .header-3 .content nav ul{
    position: absolute;
    top: 52px;
    z-index: 999;
    display: none;
    left: -31px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    width: 144px;


}
.header .header-3 .content nav ul li{
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    /*height: 41px;*/
    line-height: 41px;
    font-size: 16px;
    color: #323232;
    padding-left: 23px;
    padding-right: 23px;
    background: #fff;
    border-top: solid 1px #ddd;
}
.header .header-3 .content nav ul li:hover{color: #dc0100;}



/*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: #dc0100;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}

/*search*/
.search{height: 140px;padding-top: 25px;background: url("../images/search_db.png")no-repeat right;    background-position-y: 87px;  }

.search .ss{width: 350px;margin-right: 0px;margin-top: 13px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 268px; line-height: 26px; height: 26px; z-index: 99;margin: 36px auto 0;margin-right: 80px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; height: 26px; background: none; line-height: 26px; color: #666; border-radius: 5px; text-indent: 0px; outline: none; border: none; width: 89%; font-size: 14px;}
.search #s_btn{ width: 29px; 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: #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;}
.search .ss .nav{ width: 350px;}
.search .ss .nav a{float: left;margin-right: 13px;color: #666;}

.search .t{width: 470px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;height: 86px;text-align: center;padding-top: 10px;}
.search .t b{font-size: 24px;font-weight: bold;}
.search .t p{color: #666;font-size: 18px;letter-spacing:3px;margin-top: 5px;}
.search .t b i{color: #dc0100;}
.search .dh{text-align: right;margin-top: 17px;}
.search .dh p{font-size: 24px;font-family: Impact;}


/*product*/
.product{height:1200px;padding-top: 20px;}
.product .top{width: 1200px;height: 110px;margin:0px auto 34px;text-align: center;background: url("../images/cp_top_db.png")no-repeat center;    background-position-y: 50px;}
.product .top h1{color: #dc0100;font-size: 26px;font-weight: bold;margin-bottom: 17px;}
.product .top h1 b{color: #08405a;font-weight: bold;}
.product .top .z{height: 30px;text-align: center;color: #666;font-size: 18px;}

.product .nr{height: 746px;}
.product .nr .fl{height: 1020px;width: 270px;background: url("../images/product_le.png")no-repeat center;margin-top: -20px;}
.product .nr .fl .list{width: 244px;background: #fff;margin:120px auto 0;overflow: hidden;padding-top: 20px;padding-left: 10px;padding-right: 10px;}
/*.product .nr .fl .list b{height: 44px;background: url("../images/product_le_mr.png")no-repeat right;display: block;border-top: solid 1px #ccc;line-height: 54px;padding-left: 14px;background-position-x: 180px;}*/
.product .nr .fl .list b{height: 54px;display: block;border-top: solid 1px #ccc;line-height: 54px;padding-left: 14px;background-position-x: 180px;}
.product .nr .fl .list b a{font-size: 16px;font-weight: bold;}

/*.product .nr .fl .list .on{background: url("../images/product_le_ho.png")no-repeat right;background-position-x: 183px;}*/
.product .nr .fl .list .on{background-position-x: 183px;}
.product .nr .fl .list .on a{font-size: 18px;color: #dc0100;font-weight: bold;}

.product .nr .fl .list .lb{padding-bottom: 5px;}
.product .nr .fl .list .lb li{padding-left: 14px;margin-bottom: 10px;}
.product .nr .fl .list .lb a{color: #666;}




.product .nr .fl .lists{width: 244px;background: #fff;margin:0 auto 0;overflow: hidden;padding-left: 10px;padding-right: 10px;}
.product .nr .fl .lists b{height: 44px;background: url("../images/product_le_mr.png")no-repeat right;display: block;border-top: solid 1px #ccc;line-height: 54px;padding-left: 14px;background-position-x: 180px;}
/*.product .nr .fl .lists b{height: 54px;display: block;border-top: solid 1px #ccc;line-height: 54px;padding-left: 14px;background-position-x: 180px;}*/
.product .nr .fl .lists b a{font-size: 16px;}

.product .nr .fl .lists .on{background: url("../images/product_le_ho.png")no-repeat right;background-position-x: 183px;}
/*.product .nr .fl .lists .on{background-position-x: 183px;}*/
.product .nr .fl .lists .on a{font-size: 18px;color: #dc0100;font-weight: bold;}

.product .nr .fl .lists .lb{padding-bottom: 5px;}
.product .nr .fl .lists .lb li{padding-left: 14px;margin-bottom: 10px;}
.product .nr .fl .lists .lb a{color: #666;}





.product .nr .fl .dh{margin-left: 78px;margin-top: 15px;}
.product .nr .fl .dh p{font-size: 24px;color: #fff;}

.product .nr .fl .an{height: 30px;margin-left: 25px;margin-top: 30px;}
.product .nr .fl .an a{height: 30px;width: 96px;display: block;border: solid 1px #fff;text-align: center;line-height: 30px;color: #fff;border-radius:5px;margin-right: 25px;float: left;}


.product .nr .ri{height: 1020px;width: 910px;overflow: hidden;}

.product .nr .ri .xq{width: 290px;height: 235px;float: left;margin-right: 17px;margin-bottom: 20px;}
.product .nr .ri .xx .xq:nth-child(3n){ margin-right: 0px;}
.product .nr .ri .xq .img{width: 290px;height: 194px;overflow: hidden;border-left: solid  #dc0100 1px;border-right: solid  #dc0100 1px;border-top: solid  #dc0100 1px;}
.product .nr .ri .xq:hover .img{border:1px solid #e0dede}
.product .nr .ri .xq .img img{width: 288px;height: 194px;}
.product .nr .ri .xq .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .nr .ri .xq .title{height: 40px;text-align: center; line-height: 40px;color: #fff;font-size: 16px;background: #dc0100;}
.product .nr .ri .xq:hover .title{color: #000000;background: #e0dede;}

/*mo_1*/
.mo_1{height: 650px;padding-top: 30px;}
.mo_1 .top{width: 1200px;height: 110px;margin:0px auto 34px;text-align: center;background: url("../images/cp_top_db.png")no-repeat center;    background-position-y: 50px;}
.mo_1 .top h1{color: #dc0100;font-size: 26px;font-weight: bold;margin-bottom: 17px;}
.mo_1 .top h1 b{color: #08405a;font-weight: bold;}
.mo_1 .top .z{height: 30px;text-align: center;color: #666;font-size: 18px;}

.mo_1 ul{height: 400px;}
.mo_1 ul li{height: 400px;width: 286px;position: relative;float: left;margin-right: 18px;}
.mo_1 ul li .mr{height: 86px;background: #dc0100;position: absolute;bottom: 0;width: 286px;text-align: center;font-size: 18px;font-weight: bold;color: #fff;}
.mo_1 ul li .mr .img{display: block;margin: -23px auto 10px;}
.mo_1 ul li .mr .xxx{margin: -23px auto 10px;width: 50px;height: 50px;background: #222;border-radius: 50px;line-height: 57px;}

.mo_1 ul li .ho{position: absolute;top: 0;background: url("../images/mo_1_db.png")no-repeat;height: 400px;width: 286px;text-align: center; padding: 90px 30px 1px 30px;display: none;}
/*.mo_1 ul li .ho img{margin-bottom: 10px;}*/
.mo_1 ul li .ho b{color: #fff;font-size: 18px;font-weight: bold;}
.mo_1 ul li .ho p{color: #fff;font-size: 16px;line-height: 30px;margin-top: 20px;}

.mo_1 ul li .ho .ho_xxx{width: 66px;height: 66px;background:#dc0100; border-radius: 50px;line-height: 76px;margin:0 auto 10px;}



/*case*/
.case{height: 692px;padding-top: 50px;background: url("../images/case_bg.png")no-repeat;}
.case .top{width: 1200px;height: 110px;margin:0px auto 34px;text-align: center;background: url("../images/case_top_db.png")no-repeat center;    background-position-y: 50px;}
.case .top h1{color: #dc0100;font-size: 26px;font-weight: bold;margin-bottom: 17px;}
.case .top h1 b{color: #08405a;font-weight: bold;}
.case .top .z{height: 30px;text-align: center;color: #999;font-size: 18px;}


.case .nr{width: 1200px;height: 440px;position: relative;}

.case .nav{width: 480px;height: 196px;position: absolute;left: 0;}
.case .nav ul{width: 480px;height: 237px;}

.case .nav ul li{width: 230px;height: 52px;background: #f5f5f5;padding-left: 42px;padding-top: 14px;margin-right: 20px;margin-bottom: 20px;}
.case .nav ul li .ho{display: none;}
.case .nav ul li:nth-child(2n){ margin-right: 0px;}
.case .nav ul li .wz{font-size: 18px;margin-left: 10px;}

.case .nav ul a{width: 230px;height: 52px;background: #f5f5f5;padding-left: 42px;padding-top: 14px;margin-bottom: 20px;display: block;margin-right: 0;}
.case .nav ul a .wz{font-size: 18px;margin-left: 10px;}


.case .nav ul .on{background: #dc0100;}
.case .nav ul .on .mr{display: none;}
.case .nav ul .on .ho{display: block;}
.case .nav ul .on .wz{color: #fff;}

.case .db{width: 1200px;height: 440px;overflow: hidden;}
.case .db .t{width: 480px;height: 204px;margin-top: 236px;}
.case .db .t a img{ margin-right: 20px;}
.case .db .t a:nth-child(2n) img{ margin-right: 0px;}
.case .db .tup{width: 680px;height: 440px;position: relative;overflow: hidden;}
.case .db .tup:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}

.case .db .tup .xq{width: 680px;height: 96px;position: absolute;bottom: 0;background: url("../images/case_xq_db.png")no-repeat;padding-left: 34px;padding-top: 10px;}
.case .db .tup .xq .ac{width: 464px;}
.case .db .tup .xq b{font-size: 18px;font-weight: bold;}
.case .db .tup .xq b a{color: #fff;}
.case .db .tup .xq p{color: #cccccc;margin-top: 5px;}
.case .db .tup .xq .an{display: block;width: 113px;height: 96px;margin-top: -10px;}





/*advantage*/
.advantage{ padding: 55px 0 60px; font-size: 0;height: 1800px;}
.advantage ul li{ position: relative; height: 380px; margin-bottom: 65px;}
.advantage ul li:last-child{ margin-bottom: 0;}
.advantage ul li .bjy{ background: url(../images/ysbybg.png)no-repeat; width: 122px; height: 122px; position: absolute; top: -38px; color: #fff; font-size: 30px; line-height: 36px; text-align: center; padding: 24px 17px;}
.advantage ul li .bjy_z{ left: -1px;}
.advantage ul li .bjy_y{ right: -1px;}
.advantage ul li>div{ display: inline-block; vertical-align: top; width: 600px; height: 380px; overflow: hidden;}
.advantage ul li .pic img{ width: 100%;}
.advantage ul li .text{ background: #fff; padding: 35px 0 0 30px;}
.advantage ul li .text dt>div{ display: inline-block; vertical-align: middle;}
.advantage ul li .text dt .bj{ color: #dc0100; font-size: 48px; width: 80px; height: 80px; border: 1px solid #dc0100; text-align: center; line-height: 80px; font-family: arial;}
.advantage ul li .text dt .by{ margin-left: 15px; color: #474747; font-size: 22px; line-height: 36px;}
.advantage ul li .text dl{ padding: 20px 15px 0 0;}
.advantage ul li .text dl dd{ padding-left: 100px; background: url(../images/cpicon2.png)no-repeat 73px 10px; margin-bottom: 10px; color: #666; font-size: 16px; line-height: 26px;}
.advantage ul li .text ol>div{ display: inline-block; vertical-align: top;margin-right: 80px;}
.advantage ul li .text ol>div{ color: #474747; font-size: 16px;}
.advantage ul li .text ol>div span{ display: block; color: #474747; font-size: 18px; line-height: 18px; margin-bottom: 5px;}
.advantage ul li .text ol>div span i{color: #dc0100; font-size: 36px; font-family: arial;}
.advantage ul li .text ol{ padding: 30px 0 0 100px;}
.advantage ul .li1 .text ol div{margin-right: 70px;}
.advantage ul .li2 .text ol div{margin-right: 58px;}
.advantage ul li .text ol .kn3{ margin-right: 0;}

.ly{height: 455px;width: 1262px;margin: auto;background: url("../images/yl_db.png")no-repeat center;}
.ly .right{height: 290px;width: 456px;padding-top: 57px;margin-right: 130px;}
.ly .right h3{font-size: 26px;color: #dc0100;}
.ly .right input{border-radius:5px;}

.ly .right input::-webkit-input-placeholder{ /* WebKit browsers */  color: #ccc;}
.ly .right input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #ccc;}
.ly .right input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #ccc;}
.ly .right input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #ccc;}

/*about*/
.about{height: 592px;background: url("../images/about_db.png")no-repeat center;margin-top: 50px;}
.about .nr{height: 592px;}
.about .nr .left{width: 539px;}
.about .nr .left .img{margin-top: 46px;width: 539px;height: 366px;overflow: hidden;}
.about .nr .left .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}

.about .nr .right{width: 503px;margin-right: 70px;margin-top: 210px;}
.about .nr .right h3{color: #fff;font-size: 22px;font-weight: bold;margin-bottom: 25px;}
.about .nr .right p{color: #fff;line-height: 25px;}
.about .nr .right .an{color: #fff;height: 36px;width: 120px;line-height: 36px;text-align: center;display: block;    border-radius: 5px; background: #dc0100;float: right;margin-top: 20px;}



/*news*/
.news{height: 700px;padding-top: 80px;}
.news .list{width: 395px;height: 617px;margin-right: 29px;}
.news .img{margin-top: 5px;width: 395px;}
.news li{height: 45px;border-bottom: dashed 1px #ccc;padding-left: 15px;background: url("../images/xw_inc.png")no-repeat left;line-height: 45px;}
.news li a{color: #666;}
.news li b{color: #999;}
.news li:hover a,.news li:hover b{color: #da251d;}


.news .ac{width: 352px;margin-right: 0;}
.news .ac li{width: 352px;}

/*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: 277px;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: 97px;font-size: 16px;}
.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: 98px;height: 98px;}
















































