*{ 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'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}
/* css style: */
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
/*header */
.header{width: 100%;height: 260px;/*position: fixed;z-index: 10;background: #fff;*/}
.header .header-1{height: 40px;width: 100%;line-height: 40px;background: #f1f1f1;}
.header .header-1 .content{width: 1200px;margin: auto;}
.header .header-1 .content b{color: #333;font-size: 14px;line-height: 40px;}
.header .header-1 .content nav{line-height: 40px;float: right;}
.header .header-1 .content nav a{color: #333;font-size: 14px;}
.header .header-2{border-bottom: solid 1px #ececec;}

.header .header-2 .content{width: 1200px;height: 152px;margin: auto;padding-top: 20px;}
.header .header-2 .content .log{float: left;}
.header .header-2 .content .text{float: left;margin-top: 19px;margin-left: 20px;}
.header .header-2 .content .text h3{font-size: 24px;color: #000177;font-family: "Microsoft YaHei", 微软雅黑;font-weight:bold;margin-bottom: 10px; }
.header .header-2 .content .text h3 span{background-image:-webkit-linear-gradient(bottom,#404040,#8a8a8a,#464646);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.header .header-2 .content .text b{font-size: 18px;color: #666;}
.header .header-2 .content .phone{float: right;width: 197px;margin-top: 0px;}
.header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: left;text-align: right;margin-right: 11px;}
.header .header-2 .content .phone .dh h3{color: #333;font-size: 18px;line-height: 30px;font-weight: bold;}

.header .header-3{height: 66px;width: 100%;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{display:block;float: left;text-align: center;height: 66px;line-height: 66px;font-size: 16px;color: #333;border-right: 1px solid #ccc;
    /* padding-left: 20px; */
    /* padding-right: 21px; */
    width: 14.2%;
}
.header .header-3 .content nav a img{float: right;margin-top: 24px;}
.header .header-3 .content nav a:hover{color: #fff;background: #000177;}
.header .header-3 .content nav .on{color: #fff;background: #000177;}

/*banner*/
.banner-index{ font-size: 0;/*padding-top: 260px;*/}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 50px; 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: #000177;}
.banner-index .slideBox .bd img{ width: 100%;}


/*search*/
.search{ width: 100%; height: 90px; line-height: 90px;}
.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: 16px; display: inline-block; border-radius: 16px; text-align: center; height: 30px; line-height: 30px; width: 80px; font-weight: bold;}
.search-keywords .wb > a{ color: #333; font-size: 16px;}
.search-keywords .wb > a:hover{ color: #000177;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 350px; line-height: 35px; height: 35px; z-index: 99; position: relative; margin-top: 28px;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; height: 35px; background: none; line-height: 35px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 36px; 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;}



/*case*/
.case{background: #f1f1f1;height: 848px;}
.case .content{padding-top: 40px;width: 1200px;margin: auto;}
.case .content .top{margin-bottom: 40px;text-align: center;}
.case .content .top h3{font-size: 32px;color: #000;margin-bottom: 10px;}
.case .content .top b{font-size: 18px;color: #666;}
.case .content ul{height: 680px;}
.case .content ul li{width: 400px;float: left;}
.case .content ul li .img{width: 401px;height: 325px;overflow: hidden;}
.case .content ul li .img:hover img{transform: scale(1.1, 1.1);  transition-duration: 300ms;}
.case .content ul li .wz{width: 401px;height: 325px;padding-top: 22px;background: url("../images/cbjmr.png")no-repeat  362px 287px #fff;}
.case .content ul li .wz:hover{background: url("../images/cbjho.png")no-repeat  362px 287px #fff;}
.case .content ul li .wz .mr{display: block;margin: auto;}
.case .content ul li .wz .ho{display: none;margin: auto;}
.case .content ul li .wz h3{font-size: 24px;color: #333;text-align: center;margin-top: 25px;margin-bottom: 25px;}
.case .content ul li .wz .mk{padding-left: 40px;padding-right: 40px;width: 100%;}
.case .content ul li .wz .mk .xq{float: left;margin-right: 17px;margin-bottom: 17px;width: 160px;}
.case .content ul li .wz .mk .xq:nth-child(2n){margin-right: 0px;width: 144px;}
.case .content ul li .wz .mk .xq a{font-size: 16px;color: #666;}
.case .content ul li .wz .mk .xq:hover a:hover{ color: #000177;}

/*product*/
.product{width: 1200px;margin: auto;height: 1312px;padding-top: 40px;}
.product .top{margin-bottom: 40px;text-align: center;}
.product .top h3{font-size: 32px;color: #000;margin-bottom: 10px;}
.product .top b{font-size: 18px;color: #666;}

.product .nav{height: 95px;}
.product .nav li{height: 95px;width: 200px;padding-top: 10px;color: #666;font-size: 16px;text-align: center;border-right: solid 1px #ccc;float: left;}
.product .nav li img{display: block;margin: auto;margin-bottom: 15px;}
.product .nav li:hover{background: #000177;color: #fff;}
.product .nav li .ho{display: none;}
.product .nav .on{background: #000177;color: #fff;}
.product .nav .on .ho{display: block;}
.product .nav .on .mr{display: none;}

.product .nr{margin-top: 38px;height: 925px;}
.product .nr ul li .xq{width: 380px;height: 425px;border: solid 1px #ccc;padding-top: 40px;color: #666;font-size: 16px;text-align: center;float: left;margin-right: 30px;margin-bottom: 36px;}
.product .nr ul li .xq .img img{width: 255px;height: 274px;}
.product .nr ul li .xq .img{width: 255px;height: 274px;margin: auto;margin-bottom: 26px;}
.product .nr ul li .xq:nth-child(3n){margin-right: 0px;}
.product .nr ul li .xq .img:hover img{transform: scale(1.1, 1.1);  transition-duration: 300ms;}

.product .an{width: 186px;height: 55px;border: solid 1px #ccc;text-align: center;line-height: 55px;margin: auto;}
.product .an a{color: #666;font-size: 16px;}
.product .an:hover{background: #000177;}
.product .an:hover a{color: #fff;}


/*ad1*/
.ad1{background: #d2d2d4;}
.ad1 .content{width: 1200px;margin: auto;}
.ad1 .content .top{height: 196px;}
.ad1 .content .top .le{float: left;margin-top: 70px;}
.ad1 .content .top .le h3{font-size: 30px;color: #333333;margin-bottom: 10px;}
.ad1 .content .top .ri{float: right;width: 290px;animation: bounceInRight 2s;-moz-animation: bounceInRight 2s;	/* Firefox */  -webkit-animation: bounceInRight 2s;	/* Safari 和 Chrome */  -o-animation: bounceInRight 2s;	/* Opera */animation-play-state:paused;}
.ad1 .content .top .ri img{float: left;}
.ad1 .content .top .ri .wz{float: right;color: #333333;font-size: 18px;  text-align: right; margin-right: 11px;margin-top: 77px;}
.ad1 .content .top .ri .wz h3{color: #000177;font-size: 23px;font-weight: bold;}
.ad1 .content .top .on{animation-play-state:running;}

/*jjfa*/
.jjfa{padding-top: 40px;}
.jjfa .top{margin-bottom: 40px;text-align: center;}
.jjfa .top h3{font-size: 32px;color: #000;margin-bottom: 10px;}
.jjfa .top b{font-size: 18px;color: #666;}
.banner1 .swiper {
    margin:0 auto;
    position:relative;
}
.current-swiper {
    width:1200px;
    height:960px;
    margin:0 auto;
    position:relative;
    z-index:99;
}
.left-swiper {
    position:absolute;
    left:0px;
    top:52px;
    z-index:1;
}
.right-swiper {
    position:absolute;
    right:0px;
    left:auto;
    top:52px;
    z-index:1;
}
.nocurrent-swiper {
    width:479px;
    height:500px;
    box-shadow:0 0 20px rgba(0,0,0,0.05);
}

.swiper-slide .img{margin: auto;width: 1198px;height: 613px;margin-bottom: 48px;}

.swiper-slide .nr{height: 224px;}
.swiper-slide .nr .a{width: 800px;float: left;}
.swiper-slide .nr .a h3{color: #333333;font-size: 24px;    font-weight: normal;}
.swiper-slide .nr .a h3 span{color: #666666;font-size: 18px;    font-weight: normal;}
.swiper-slide .nr .a ul li{color: #666;font-size: 16px;background: url("../images/ysy.png")no-repeat 0 11px;padding-left: 30px;line-height: 30px;margin-top: 14px;}
.swiper-slide .nr .b{float: right;width: 220px;height: 48px;background: url("../images/ysan.png")no-repeat;margin-top: 147px;padding-top: 13px;padding-left: 20px;}
.swiper-slide .nr .b:hover{background: url("../images/ysanho.png")no-repeat;}
.swiper-slide .nr .b a{font-size: 16px;color: #333;}

.slide1 {
    width:1200px;
    height:930px;
    position: relative;
}
.slide2 {
    width:1200px;
    height:930px;
    /*background: #000;*/
    position: relative;

}
.slide3 {
    width:1200px;
    height:930px;
    /*background: rebeccapurple;*/
    position: relative;

}

.swiper-button-prev {
    width:130px;
    height:42px;
    background:url(../images/le.png) no-repeat center center;
    left: 12%;
}
@media screen and (max-width: 1750px){
    .swiper-button-prev {
        left: 135px;
    }
}
@media screen and (max-width: 1600px){
    .swiper-button-prev {
        left: 32px;
    }
}

.swiper-button-next {
    width:130px;
    height:42px;
    background-size:auto;
    background-image:url(../images/ri.png);
    right: 12%;

}
@media screen and (max-width: 1750px){
    .swiper-button-next {
        right: 135px;
    }
}
@media screen and (max-width: 1600px){
    .swiper-button-next {
        right: 32px;
    }
}


.ad2{height: 430px;background: #d2d2d4;}
.ad2 .content{width: 1200px;margin: auto;height: 430px;background: url("../images/ad2bj.png")no-repeat 0px 133px;}
.ad2 .content .top{height: 196px;}
.ad2 .content .top .le{float: left;margin-top: 70px;}
.ad2 .content .top .le h3{font-size: 30px;color: #333333;margin-bottom: 10px;}
.ad2 .content .top .ri{float: right;width: 290px;animation: bounceInRight 2s;-moz-animation: bounceInRight 2s;	/* Firefox */  -webkit-animation: bounceInRight 2s;	/* Safari 和 Chrome */  -o-animation: bounceInRight 2s;	/* Opera */animation-play-state:paused;}
.ad2 .content .top .ri img{float: left;}
.ad2 .content .top .ri .wz{float: right;color: #333333;font-size: 18px;  text-align: right; margin-right: 11px;margin-top: 77px;}
.ad2 .content .top .ri .wz h3{color: #000177;font-size: 23px;font-weight: bold;}

.ad2 .content .top .on{animation-play-state:running;}


/*kehuanl*/
.kehuanl{height: 720px;width: 1200px;margin: auto;padding-top: 55px;}
.kehuanl .top{margin-bottom: 50px;text-align: center;}
.kehuanl .top h3{font-size: 32px;color: #000;margin-bottom: 10px;}
.kehuanl .top b{font-size: 18px;color: #666;}

.kehuanl .nav{height: 55px;background: url("../images/kehuanlnav.png")no-repeat;margin-bottom: 50px;}
.kehuanl .nav li{height: 55px;width: 199px;line-height: 55px;text-align: center;color: #333;font-size: 18px;float: left;}
.kehuanl .nav .on{background: url("../images/kehuanly1.png")no-repeat 37px 23px;}
.kehuanl .nav .on{background:#000177;color: #fff;}

.kehuanl .nr{height: 390px;position: relative;width: 1200px;}
.kehuanl .nr .cc{width: 1065px;height: 390px;margin: 0 66px;}
.kehuanl .nr .jt{position: absolute;top: 50%;height: 34px;width: 20px;}
.kehuanl .nr .yb{right: 0px;}

.kehuanl .nr .cc .left{width: 384px;height: 390px;float: left;}
.kehuanl .nr .cc .left h3{font-size: 24px;color: #666;font-weight: bold;margin-bottom: 40px;}
.kehuanl .nr .cc .left p{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 15px;}
.kehuanl .nr .cc .left p span{font-size: 16px;color: #333;}
.kehuanl .nr .cc .left .an{width: 186px;height: 55px;border: solid 1px #ccc;text-align: center;line-height: 55px;margin-top: 47px;}
.kehuanl .nr .cc .left .an a{color: #666;font-size: 16px;}
.kehuanl .nr .cc .left .an:hover{background: #000177;}
.kehuanl .nr .cc .left .an:hover a{color: #fff;}
.kehuanl .nr .cc .right{float: right;}


/*gywm*/
.gywm{height: 864px;background: #f1f1f1;}
.gywm .content{width: 1200px;margin: auto;padding-top: 40px;}
.gywm .content .top{margin-bottom: 40px;text-align: center;}
.gywm .content .top h3{font-size: 32px;color: #000;margin-bottom: 10px;}
.gywm .content .top b{font-size: 18px;color: #666;}

.gywm .content .a{height: 433px;margin-bottom: 40px;}
.gywm .content .a .left{width: 804px;height: 433px;float: left;}
.gywm .content .a .right{width: 350px;height: 433px;float: right;}
.gywm .content .a .right h3{font-size: 24px;color: #333;font-weight: bold;    margin-top: -16px;  }
.gywm .content .a .right p{font-size: 15px;color: #666;line-height: 30px;height: 169px;}
.gywm .content .a .right .an{width: 186px;height: 55px;border: solid 1px #ccc;text-align: center;line-height: 55px;margin-top: 47px;}
.gywm .content .a .right .an a{color: #666;font-size: 16px;}
.gywm .content .a .right .an:hover{background: #000177;}
.gywm .content .a .right .an:hover a{color: #fff;}

.gywm .content .b{height: 195px;position: relative;}
.gywm .content .b .jt{position: absolute;top: 40%;height: 34px;width: 20px;}
.gywm .content .b .yb{right: 0px;}

.gywm .content .b .list{width: 1130px;height: 195px;margin: 0 34px;}
.gywm .content .b .list ul li{width: 272px;float: left;text-align: center;color: #666;font-size: 16px;margin-right: 14px;}



/*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;font-size: 16px;}
.xw .wd ul li .wz b{display: block;font-size: 16px;margin-bottom: 6px;}
.xw .wd ul li .wz b a{color: #333333;font-size: 18px;}
.xw .wd ul li:hover .wz b a{color: #000177;}
.xw .wd ul li .wz p a{color: #666;font-size: 15px;}

.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: 240px;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: #000177;}
.xw .list .lb{margin-bottom: 23px;}
.xw .list .lb .xx{height: 159px;background: #000177;}
.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: 16px;}
.xw .list .xq:nth-child(7n){ margin-bottom: 0px;}
.xw .list .xq a{color: #666;font-size: 16px;}
.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: 0px;margin-bottom: 33px;}
.frilist ul li a{ font-size: 14px; color: #fff;}
.frilist ul{ margin-left: 30px;}
.frilist ul li{ float: left; margin-right: 40px;}
.frilist ul li a:hover{ color: #fff;}


/*bottom*/
.bottom{height: 500px;background: #000177;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: 24px;width: 114px;margin-bottom: 24px;}
.bottom .content .a ul li a{color: #fff;}
.bottom .content .a ul li:hover a{color: #fff;}

.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;}