@CHARSET "UTF-8";

#container0{width:1028px;margin:0 auto;margin-top:10px;}
.left1{ background:url(../images/chan.jpg) no-repeat;height:37px;line-height:37px;}
.left2{float:left;width:100px;font-family:"微软雅黑";font-weight:bold;color:#fff;text-indent:30px;}
.left3{float:right;width:922px;height:37px;overflow:hidden;}

.sort12{}
.sort12 li{line-height:37px;line-height:37px;background:url(../images/xian.jpg) no-repeat;width:100px;float:left;}
.sort12 li a{display:block;height:37px;line-height:37px;width:100px;float:left;color:#000;font-weight:bold;overflow:hidden;
text-align:center;}
.sort12 li a:hover{text-decoration:none;color:#FFB600;} 
.wh{max-width: 1470px;padding: 0 15px;margin: 0 auto;}


.product_list00{}
.product_list00 li{float:left;margin-left:10px;margin-right:10px;padding-bottom:10px;_display:inline;}
.product_list00 li a.img{background:url(../images/chan2.jpg) no-repeat;padding:1px;}
.product_list00 li a.img img{width:182px;height:178px;}
.product_list00 li h3{text-align:center;padding-top:5px;}
.product_list00 li h3 a{font-weight:normal;}
.product_list00 li a.img{display:block;}
.product_list00 li a.img:hover{border-color:#e87518;}

.c2{background:url(../images/c2.jpg) no-repeat 49% top;padding-top:28px;height:935px;}
.container0{width:1150px;margin:0 auto;}
.ctitle{color:#999;font:600 30px "宋体";text-align:center;text-transform:uppercase;}
.ctitle span{display:block;color:#111;font-family:"微软雅黑";margin:3px 0 16px;}
.ctitle a{display:block;font:400 12px/25px "微软雅黑";background: url(../images/more.png) no-repeat left center;}
.ctitle i{display:block;font:400 18px/25px "微软雅黑";background: url(../images/ibg.png) no-repeat left center;}

.menu_cate{width:180px;float:left;border-right:1px solid #e6e6e6; background:linear-gradient(#fff,#d7d7d7);padding:20px 10px 0px 10px;margin-top:23px;}

/*产品推荐*/
.recommend_product{width:945px;float:right;margin-top:40px;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}


.sort1 li a{padding-left:44px;color:#fff;font:400 14px/34px "微软雅黑";height:45px;background:url(../images/sort1.png) no-repeat left center;display:block;}
.sort1 li .sec{margin-bottom:11px;}
.sort1 li .sec a{padding-left:45px;background:url(../images/sort2.png) no-repeat 20px center;color:#111;font:400 12px/25px "微软雅黑";height:25px;}
.sort1 li a:hover{color:#ff6600;}

.sort1 li:nth-child(3) .sec{
    height: 0!important;
    overflow: hidden;
}

.product_list11 li{float:left;margin-left:20px;padding-bottom:12px;_display:inline;position:relative;}
.product_list11 li a.img img{width:211px;height:180px;}
.product_list11 li h3{text-align:center;}
.product_list11 li h3 a{font-weight:normal;color:#333;font:400 14px/28px "微软雅黑";}
.product_list11 li h3 a:hover{color:#ff6600;}
.product_list11 li a.img{display:block;border:1px solid #c3c3c3;}
.product_list11 li h4{width:211px;height:180px;background:url(../images/eye.png) no-repeat center,rgba(21,86,176,.75);display:none;position:absolute;left:0;top:0;}
.product_list11 li:hover h4{display:block;}

.lxwm{color:#333;font:400 14px/22px "微软雅黑";padding:10px 8px;overflow:hidden;}
.lxwm img{margin-bottom: 5px;}


/*头部样式*/
.out-head{background: #013d83;height: 114px;width: 1600px;margin: 0 auto;position: relative;left: 50%;margin-left: -800px;}

#header{width:1100px;margin:0 auto;position:relative;}
.top{}
.logo{width: 22%;}
.logo img{max-width: 100%;}
.k2{line-height: 40px;font:400 12px/40px "微软雅黑";color:#fff;margin-left: -80px;}
.k2 a{color:#fff;}
.k3{margin-top: 40px;}

.topLink{width:400px;float:right;text-align:right;}
.topLink .k1{line-height:24px;padding-top:10px;padding-right:10px;}
.topLink .k1 a{padding-left:25px;}
.topLink .k1 a.ch{background:url(../images/ch.jpg) 0 50% no-repeat;}
.topLink .k1 a.en{background:url(../images/en.jpg) 0 50% no-repeat;font-family:'Arial';}

/*主体样式*/
#container{width:1000px;margin:0 auto;margin-top:27px;}

/*页面主体样式*/
.fl{float:left;}
.fr{float:right;}
.tt1{height:37px;background:#69b3fb;position:relative;}
.tt1 span{position:absolute;bottom:0;left:12px;height:32px;background:#FFF;width:89px;text-align:center;color:#0066cc;font:bold 15px/32px '微软雅黑';}


/*产品推荐*/


#about{height:250px;background:#0066cc;height:250px;}
.about{width:1000px;margin:0 auto;position:relative;}
.about .title{font:400 15px/30px '微软雅黑';color:#FFF;padding-left:20px;padding-top:10px;}
.about .content{color:#FFF;padding-top:7px;padding-left:5px;width:760px;font-family:"宋体";}
.about .content a{color:#e22537;text-transform: uppercase;}
.about-links{position:absolute;top:40px;right:0;}

.honor{width:230px;box-shadow:0 0 8px #ccc;}
.honor .content{padding-left:20px;padding-top:20px;}

/*首页左侧联系我们*/
.contact{width:310px;box-shadow:0 0 8px #ccc;height: 383px;}
.contact .content{padding:12px 0;padding-left:8px;}

/*首页区域*/
.region{border:1px solid #e0e1dc;margin-top:15px;color:#333;}
.region h3{line-height:30px;height:30px;line-height:30px;padding-left:10px;position:relative;font-family:"微软雅黑";background:#f3f3f3;
border-bottom:2px solid #0066cc;font-size:14px;}
.more_region{position:absolute;right:10px;line-height:30px;top:0;font-weight:normal;font-size:12px;}
.region .item{padding:10px;padding-bottom:0;color:#666;}
.region .item a{color:#666;padding-left:12px;padding-right:12px;line-height:26px;margin-bottom:6px;}
.region .item a:hover{text-decoration:underline;color:#df2525;}
.city h2{line-height:30px;border-bottom:2px solid #69b3fb;padding-left:5px;}
.city .item{line-height:28px;padding:10px;}


.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}


/*页面底部*/
#footer{background:#0066cc;margin-top:15px;color:#FFF;position:relative;font-family:"宋体";}
#footer a{color:#FFF;}
#footer h3{width:80px;line-height:30px;position:absolute;right:233px;top:5px;font-weight:normal;}
.nav_foot{width:1000px;margin:0 auto;text-align:center;border-bottom:1px solid #0199aa;padding-top:40px;}
.nav_foot a{padding: 0 10px;}

/*------------内页-------------------*/
.n_banner{width:1000px;margin:0 auto;}

.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#0066cc;font-size:14px;color:#fff;}
.left .box .content{padding:5px 0px;}

.n_banner{width:100%;}
.n_banner img{width:100%;}
.left{width:210px;float:left;}

.n_contact{margin-top:15px;box-shadow:0 0 8px #ccc;}
.n_contact h3{}
.n_contact .content{padding:5px;}

.right{width:774px;float:right;box-shadow:0 0 8px #ccc;}
.sitemp{line-height:38px;height:38px;overflow:hidden;background:url(../images/dot1.png) 8px 50% no-repeat;border-bottom:1px solid #69b3fb;}
.sitemp h2{float:left;text-align:left;padding-left:32px;font:bold 14px/38px '微软雅黑';color:#0066cc;}
.sitemp .site{float:right;text-align:right;line-height:38px;}

.right .content{padding:10px;padding-top:15px;overflow:hidden;}





.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

.top2{position: absolute;width: 100%;top:0;width: 100%;z-index: 999;background:rgba(0,0,0,0.5);}
.top2 .wh{height: 113px;}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}






.p1a {
    width: 50%;
    position: relative;
}

.p1a .p1a-img{overflow:hidden;}
.p1a .p1a-img img {
    display: block;
    width: 100%;transition:all 0.6s;cursor:pointer;
}
.p1a .p1a-img img:hover{transform:scale(1.1);}

.p1a .p1a1 {
    width: 49.9%;
    background-color: rgba(0, 0, 0, .6);
    padding: 1.6rem 2.4rem 1.7rem 2rem;
    color: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
}


.p1a .p1a1 h3 {
    font-size: 1.75rem;
    font-weight: normal;
}

.p1a .p1a1 h4 {
    font-size: 0.9rem;
    font-weight: normal;
    margin: 0.5rem 0 1.8rem;
}

.p1a .p1a1 p {
    font-size: 0.7rem;
    line-height: 2.5;
    color: #ffffff;
}

.p1b {
    width: 50%;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 4.6rem;
}

.p1b1 {
    padding-left: 1.8rem;
}

.p1b1 h3 {
    font-size: 0.9rem;
    font-weight: normal;
    color: #919191;
    margin-bottom: 0.6rem;text-transform:uppercase;font-family:"Arial";
}


.p1b1 h4 {
    font-size: 1.5rem;
    color: #1a1a1a;
    padding-bottom: 1rem;
    position: relative;
    margin-bottom: 1.4rem;
}

.p1b1 h4::after {
    content: "";
    width: 2.4rem;
    height: 0.25rem;
    background-color: #0e63ca;
    position: absolute;
    bottom: 0;
    left: 0;
}



.p1b1 p {
    font-size: 0.75rem;
    line-height: 1.875;
    color: #333333;
}

.p1b1 a.more {
    display: block;
    width: 6.55rem;
    background: url(../images/shou.png) no-repeat 1.1rem center;
    border: solid 1px #666666;
    transition: all ease .3s;
    position: relative;
    margin-top: 1.7rem;
}

.p1b1 a.more::after {
    content: "";
    width: 0;
    height: 2.37rem;
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #0e63ca;
    transition: all ease .3s;
    z-index: -1;
}

.p1b1 a.more h5 {
    font-size: 14px;
    line-height: 2.3rem;
    color: #666666;
    text-indent: 2.5rem;
    position: relative;
    z-index: 1;
    transition: all ease .3s;
}

.p1b1 a.more:hover {
    background: url(../images/tel2.png) no-repeat 1.1rem center;
    border: solid 1px #0e63ca;
}

.p1b1 a.more:hover::after {
    width: 101%;
}

.p1b1 a.more:hover h5 {
    color: #fff;
}

.p1b2 {
    margin-top: 2.5rem;
    margin-bottom: 3.5rem;
    padding-left: 2.35rem;
    flex-wrap: nowrap;
}

.p1b2 li a {
    display: block;
}

.p1b2 li a h3 {
    font-size: 3rem;
    font-family:"Impact";
    color: #0e63ca;
    display: inline-block;
    vertical-align: bottom;
    font-weight: normal;
}

.p1b2 li a span {
    font-size: 0.8rem;
    font-weight: normal;
    color: #333333;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 10px;
}

.p1b2 li a p {
    font-size: 0.8rem;
    color: #333333;
}
.p1b2 li a:hover span,.p1b2 li:hover a p{color: #0e63ca;}



.p1b3 {
    width: 100%;
    position: relative;
}

.p1b3-swiper {
    width: 100%;
    overflow: hidden;
}

.p1b3-swiper .swiper-slide a {
    display: block;
    position: relative;
}

.p1b3-swiper .swiper-slide a div.img {
    overflow: hidden;
}

.p1b3-swiper .swiper-slide a div.img img {
    display: block;
    width: 100%;
    transition: all ease .6s;
}

.p1b3-swiper .swiper-slide a:hover div.img img {
    transform: scale(1.1);
}

.p1b3-swiper .swiper-slide a .det {
    width: 100%;
    height:100%;position:absolute;left:0;top:0;
}


.p1b3-swiper .swiper-slide a .det .nr{display:flex;align-items: center;justify-content: center;flex-direction:column;height:100%;}
.p1b3-swiper .swiper-slide a .det .img2 img{max-width:100%;display:block;}
.p1b3-swiper .swiper-slide a .det h3{color:#fff;font-size:16px;font-weight:normal;margin-top:20px;}



.p1b3next {
    width: 0.95rem;
    height: 1.75rem;
    background: url(../images/jt2.png) no-repeat center center;
    position: absolute;
    right: -2.9rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% 100%;
    outline: none;
}


@media(max-width:1650px) {
    .p1b2 {
        margin-top: 1.8rem;
        margin-bottom: 1.8rem;
    }

    .p1a .p1a1 {
        width: 63.9%;
    }

    .p1a .p1a1 h4 {
        margin: 0.5rem 0 1rem;
    }

    .p1a .p1a1 p {
        line-height: 1.6;
    }
}



@media(max-width:1440px) {
    .p1b1 h4 {
        margin-bottom: 1rem;
    }
    .p1b2 li a h3{font-size:2.6rem;}
    .p1b2 {
        margin-top: 1.4rem;
        margin-bottom: 1.4rem;
    }

    .p1a .p1a1 {
        width: 82.9%;
        padding: 1.6rem 2.9rem 1.5rem 2.2rem;
    }
}





@media(max-width:1366px) {
    .p1b2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .p1a .p1a1 {
        width: 82.9%;
        padding: 1.3rem 2.9rem 1.1rem 2.2rem;
    }
    .p1b1 p{
        font-size: 14px;height:100px;line-height:25px;overflow:hidden;
    }
    .p1b2 li a h3{
        font-size:2.6rem;
    }
    .p1b1 a.more{margin-top:1.2rem;}
   
}

@media(max-width: 1024px) {
    .p1b2 li a h3 {
        font-size: 2.6rem;
    }
}


@media(max-width:768px) {
    .p1a {
        width: 100%;
    }

    .p1b {
        width: 100%;
        margin-top: 15px;
    }

    .p1b {
        padding-right: 0;
        padding: 0 15px;
    }

    .p1b1 {
        padding-left: 0;
    }

    .p1b2 {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .p1b3-swiper {
        width: 90%;
    }

    .p1b3next {
        right: 2%;
    }
       .p1b1 p {
        font-size: 14px;
        line-height: 1.8;height:auto!important;
    }
}



@media(max-width: 767px) {
    .p1a .p1a1 {
        width: 100%;
    }

    .p1a .p1a1 h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .p1a .p1a1 p {
        font-size: 14px;
        line-height: 1.8;
    }

    .p1b1 h3 {
        font-size: 16px;
    }

    .p1b1 h4 {
        font-size: 22px;
    }

    .p1b1 p {
        font-size: 14px;
    }

    .p1b1 a.more {
        width: 8.55rem;
        line-height: 3.3rem;
    }

    .p1b1 a.more h5 {
        line-height: 3.3rem;
    }

    .p1b1 a.more::after {
        height: 3.34rem;
    }

    .p1b2 li a span {
        font-size: 14px;
        padding: 0;
    }

    .p1b2 li a p {
        font-size: 14px;
    }
    .p1b1 a.more h5{font-size:13px;}
}


.w1500 {
    max-width: 1530px;
    padding: 0 15px;
    margin: 0 auto;
}




/*产品*/
.box2{margin-top:3%;overflow:hidden;}
.cptt{color:#1a1a1a;font-size:45px;}

		.slideTxtBox{margin:20px 0 30px;}
		.slideTxtBox .hd{max-width:1470px;margin:0 auto;padding:0 15px; line-height:35px;position:relative;}
		.slideTxtBox .hd ul{}
		.slideTxtBox .hd ul li{ float:left; cursor:pointer;color:#666666;font-size:16px;font-weight:bold;margin-right:4%;}
		.slideTxtBox .hd ul li a{ color:#666666;}
		.slideTxtBox .hd ul li.on{color:#0e63ca;}
		.slideTxtBox .hd ul li.on a{color:#0e63ca;}
		.slideTxtBox .hd ul li:hover a{color:#0e63ca;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{display:none;}
		.slideTxtBox .arrow .prev{display:block;width:19px; height:35px; float:right; overflow:hidden;
			 cursor:pointer; background:url(../images/lt.png) 0 0 no-repeat;right:55px;position:absolute;top:0;z-index:999;}
		.slideTxtBox .arrow .next{display:block;width:19px; height:35px; float:right; overflow:hidden;
			 cursor:pointer; background:url(../images/rt.png) 0 0 no-repeat;right:15px;position:absolute;top:0;z-index:999;}

		.slideTxtBox .bd{max-width:1834px;margin:0 auto;padding:0 15px;margin-top:4%;}
		.slideTxtBox .bd ul{zoom:1;display: flex; justify-content: flex-start;flex-wrap:wrap;}
		.slideTxtBox .bd ul li{width:19%;margin-bottom:2%;margin-right:1.2%;}
		.slideTxtBox .bd ul li:nth-child(5n){margin-right:0;}
		.slideTxtBox .bd ul li .img{border:1px solid #dcdcdc;}
		.slideTxtBox .bd ul li .img img{width:100%;display:block;}
		.slideTxtBox .bd ul li h3{width:100%;display:block;border:1px solid #eaeaea;border-top:none;height:60px;line-height:60px;text-indent:20px;background:url(../images/jt3.png) no-repeat 92% center;color:#333333;font-size:18px;font-weight:normal;overflow:hidden;}
		.slideTxtBox .bd ul li:hover .img{border-color:#0e63ca;}
		.slideTxtBox .bd ul li:hover h3{border-color:#6ea1df;color:#fff;background:#0e63ca url(../images/jt33.png) no-repeat 92% center;}
	

@media (max-width:1024px) {
 .cptt{font-size:40px;}
 .slideTxtBox .bd ul li h3{font-size:16px;height:50px;line-height:50px;}

}


@media (max-width:768px) {
 .cptt{font-size:35px;}
 .slideTxtBox .hd ul li{font-size:14px;}
 .slideTxtBox .bd ul li h3{font-size:16px;height:40px;line-height:40px;background:none;}
}


@media (max-width:640px) {
  .box2{margin-top:6%;}
 .cptt{font-size:25px;}
 .slideTxtBox .hd ul li{font-size:13px;margin-right:2%;}
 .slideTxtBox .bd ul li{width:49%;margin-bottom:4%;}
  .slideTxtBox .bd ul li:nth-child(2n){margin-right:0;}
  .slideTxtBox .bd ul li:nth-child(5){margin-right: 1.2%;}
 .slideTxtBox .bd ul li h3{font-size:15px;height:40px;line-height:40px;background:none;}
 .slideTxtBox .arrow .next{display:none;}
 .slideTxtBox .arrow .prev{display:none;}


}







/**/
.p3{padding: 3% 0 4%;background-color: #f7f7f7;}


.w1204{max-width:1234px;margin:0 auto;padding:0 15px;}
.p3a {
    text-align: center;
    width: 82%;
    margin: 0 auto;
}

.p3a h3 {
    font-size:45px;
    color: #333333;
    margin-bottom: 1.2rem;
}

.p3a p {
    font-size:17px;
    line-height: 2;
    color: #333333;
}


.p3b {
    position: relative;
}

.p3b-swiper {
    overflow: hidden;
    margin-top:2rem;
}


.p3b-swiper li a {
    display: block;background: #fff;
}

.p3b-swiper li a div.img {
    overflow: hidden;
}

.p3b-swiper li a div.img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease .6s;
}

.p3b-swiper li:hover a div.img img {
    transform: scale(1.1);
}

.p3b-swiper li a .cont {
    background-color: #fff;
    padding: 0.8rem 1.7rem;text-align:center;
}

.p3b-swiper li a .cont h3 {
    font-size: 1.2rem;
    font-weight: normal;

    color: #333333;
}

.p3b-swiper li a .cont p {
    font-size: 0.7rem;
    line-height: 2.14;
    color: #666666;
}
.p3b-swiper li:hover a .cont{background:#0e63ca;}
.p3b-swiper li:hover a .cont h3{color:#fff;}
.p3b-swiper li:hover a .cont p{color:#fff;}



.p3prev {
    width: 0.95rem;
    height: 1.75rem;
    background: url(../images/lt3.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: -2rem;
    outline: none;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.p3next {
    width: 0.95rem;
    height: 1.75rem;
    background: url(../images/rt3.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: -2rem;
    outline: none;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

@media(max-width: 1440px) {
    .p3a {
   
    }

    .p3b-swiper li a .cont {
        padding: 1.6rem 1.4rem 1.6rem 1.45rem;
    }

    .p3b-swiper {
        width: 90%;
        margin: 2rem auto 0;
    }

    .p3b-swiper li a .cont h3 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .p3b-swiper li a .cont p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;

    }

    .p3prev {
        left: 0;
    }

    .p3next {
        right: 0;
    }
}


@media(max-width: 768px) {
  .p3a h3{font-size:35px;}
  .p3a p{font-size:15px;line-height:1.8;}
  .p3b-swiper li a .cont h3{font-size:1rem;}
}



@media(max-width: 767px) {
    .p3a p {
        font-size: 14px;
    }

    .p3b-swiper li a .cont h3 {
        font-size: 16px;
    }

    .p3b-swiper li a .cont p {
        font-size: 14px;
        line-height: 1.8;
    }
}












@media(max-width: 1200px){
	.x-menu > li > a{padding: 0 1.5vw;}
	.kf,#m_div{display: none!important;}
}







/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #0e63ca;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #0e63ca;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-left:1px solid  rgba(255,255,255,.5);}
@media(max-width: 991px){
	body{padding: 60px 0 50px;}
}






.p4 {
    background: url(../images/bj1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 4.5rem 0 3.5rem;
}

.p4a h3 {
    font-size: 2.4rem;
    font-family: 'Arial';
    font-weight: normal;
    color: #ffffff;
    margin-bottom: 0.6rem;
}

.p4a h4 {
    font-size: 1.5rem;
    color: #ffffff;
}

.p4b {
    margin-top: 2rem;
}

.p4b li {
    margin-bottom: 0.8rem;
}

.p4b li a {
    display: block;
    overflow: hidden;
}

.p4b li a img {
    width: 100%;
    transition: all ease .6s;
}

.p4b li:hover a img {
    transform: scale(1.1);
}

.p4b .slick-slide{margin:0 6px;}




@media(max-width: 767px) {
    .p4a h3 {
        font-size: 25px;
    }

    .p4a h4 {
        font-size: 16px;
    }
}




.p5 {
    padding-top: 3rem;
}

.p5a h3 {
    font-size:50px;
    color: #333333;
}

.p5c {margin-top: 3vw;}
.p5a p {
    font-size:14px;
    line-height: 2.15;
    color: #666666;
    flex: 1;
    margin-left:4.5rem;
}

.p5b {
    margin: 1.5rem auto;
}

.p5b li a {
    display: block;
    position: relative;
}

.p5b li:nth-child(1) {
    width: 64.8%;
}

.p5b li:nth-child(2) {
    width: 34.067%;
}

.p5b li div.img {
    overflow: hidden;
}

.p5b li div.img img {
    display: block;
    width: 100%;
    transition: all ease .6s;
}

.p5b li:hover div.img img {
    transform: scale(1.1);
}

.p5b li .cont {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    padding: 0 1rem 0 1.5rem;
}

.p5b li .cont h3 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 0.6rem;
}

.p5b li .cont h4 {
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.p5c1 {
    width: 13.933%;
}

.p5c1 li {
    line-height:4.35rem;
    background-color: #eeeeee;
    text-align: center;
    position: relative;
    transition: all ease .3s;
}

.p5c1 li:nth-child(2){background:#d8d8d8;}
.p5c1 li::after {
    content: "";
    background: url(../images/sjx.png) no-repeat center center;
    background-size: cover;
    width:10px;
    height:16px;
    background-size: 100% 100%;
    position: absolute;
    right: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all ease .3s;
}


.p5c1 li span {
    font-size: 17px;color: #333333;
}

.p5c1 li.active {
    background-color: #0e63ca;
}
.p5c1 li.active span{
    color:#fff;
}


.p5c1 li.active::after {
    opacity: 1;
}


.p5c-cont {
    position: relative;
}

.p5c-cont .p5c-tab {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.p5c-cont .p5c-tab {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.p5c-cont .p5c-tab.active {
    position: static;
    opacity: 1;
    visibility: visible;
}

.p5c-cont {
    width: 81.67%;
    transform: translateY(-28px) translateX(-3px);
}

.p5c-cont li {
    padding: 29px 10px;
}

.p5c-cont li a {
    display: block;
    width: 100%;

}

.p5c-cont li a .img{width:100%;display:block;overflow:hidden;border: 1px solid #eeeeee;}
.p5c-cont li a .img img{
    display: block;
    width: 100%;overflow:hidden;transition:all 0.6s;cursor:pointer;
    
}


.p5c-cont li:hover a .img img{transform:scale(1.2);}


.p5c-cont li a div.time {
    align-items: flex-end;
}

.p5c-cont li a div.time .time1 {
    display: flex;
    align-items: center;
}

.p5c-cont li a div.time .time1 strong {
    font-size: 1.4rem;
    color: #0e63ca;
    line-height: 1;
}

.p5c-cont li a div.time .time1 em {
    font-size: 1.4rem;
    display: block;
    color: #0e63ca;
    margin-left: 5px;
    font-weight: bold;
}

.p5c-cont li a div.time .time1 span {
    font-size: 0.65rem;
    font-weight: normal;
    color: #666666;
    margin-left: 0.4rem;
    margin-top: 14px;
}

.p5c-cont li a h4 {
    font-size: 0.5rem;
    line-height: 1.5rem;
    color: #666666;
    font-weight: 400;
    flex: 1;
    line-height: 1;
    margin-left: 0.7rem;
    margin-bottom: 8px;
}

.p5c-cont li:hover a {}
   


.p5c-cont li a h3 {
    font-size:15px;
    font-weight: normal;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0.2rem 0 0.5em;
}

.p5c-cont li:hover a h3{color:#0e63ca;}


.p5c-cont li a p {
    font-size:12px;
    color: #666666;
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.p5c-swiper {
    overflow: hidden;
}



.p5prev {
    width:19px;
    height:33px;
    background: url(../images/lt4.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    outline: none;
}


.p5next {
    width:19px;
    height:33px;
    background: url(../images/rt4.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    outline: none;
}

@media(max-width: 1440px) {
    .p5c-swiper {
        width: 95%;
        margin: 0 auto;
    }

    .p5prev {
        left: 0;
    }

    .p5next {
        right: 0;
    }
}

@media(max-width: 1366px) {
    .p5c1 li strong {
        margin-right: 0;
    }
}

@media(max-width: 768px) {
    .p5c1 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .p5c1 li {
        width: 50%;
    }

    .p5c-cont {
        width: 100%;
        transform: initial;
    }
    .p5a h3{font-size:40px;}
}


@media(max-width: 767px) {
    .p5a {
        flex-direction: column;
    }

    .p5a h3 {
        margin-bottom: 10px;
    }

    .p5a p {
        margin: 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .p5b li:nth-child(1) {
        width: 100%;
    }

    .p5b li:nth-child(2) {
        width: 100%;
        margin-top: 15px;
    }

    .p5c1 li strong {
        font-size: 18px;
    }

    .p5c1 li span {
        font-size: 14px;
        margin-left: 4px;
    }

    .p5c-cont li a div.time .time1 strong {
        font-size: 2.4rem;
    }

    .p5c-cont li a div.time .time1 em {
        font-size: 1.5rem;
    }

    .p5c-cont li a div.time .time1 span {
        font-size: 16px;
        margin-left: 6px;
        line-height: 1;
    }

    .p5c-cont li a h4 {
        
    }

    .p5c-cont li a h3 {
        font-size: 14px;
    }

    .p5c-cont li a p {
        font-size: 12px;
    }

    .p5b li .cont h4 {
        font-size: 16px;
    }
}



@media(max-width:640px) {
    .p5a h3{font-size:30px;}
}





.p6 {
    
    background: #333333;
    padding-top: 2.6rem;
}

.p6a1 {
    width:31.67%;
}

.p6a1 img {
    max-width: 100%;
}

.fs{display:flex;justify-content:space-between;}

.p6a1 .p6a1b {width:60%;
    padding-left:73px;
    background: url(../images/dtel.png) no-repeat left center;
    margin-top: 3.5rem;height:60px;
    padding-top: 5px;
}

.p6a1 .p6a1b h3 {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.p6a1 .p6a1b p {
    font-size:17px;
    color: #fff;font-weight:bold;padding-top:10px;
}

.codes{width:29%;margin-top:2rem;}
.codes img{width:100%;display:block;}





.p6a2 {
    width:59.58%;
}

.p6a2 dl dt {
    font-size:16px;
    font-weight:bold;
    color: #fff;
    margin-bottom: 0.7rem;
}






.p6a2 .pro {
    width: 34.27%;
}

.p6a2 .pro dt {
    margin-bottom: 0.7rem;
}

.p6a2 .pro .p6a2b {
 width:100%;
}

.p6a2 .pro .p6a2b a {
    width: 50%;font-size: 14px;float:left;
    line-height: 2.5;
    color: #fff;
}
.p6a2 .pro .p6a2b a:hover{
    color:#0e63ca;
}
.lx{width: 50%;}

.p6a2 .p6a2b p {
    font-size: 14px;
    line-height: 2.5;
    color: #fff;
}




.p6a3 h3 {
    font-size: 0.9rem;
    font-weight: normal;
    color: #000000;
    margin-bottom: 2rem;
   margin-left: -48px;
}

.p6a3 p {
    width: 7rem;
    height: 7rem;
    /*border: solid 1px #666666;*/
}

.p6a3 p img {
    width: 100%;
    height: 100%;
}



.f_link {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    margin-top: 3rem;
}

.f_link a {
    color: #fff;
}



.copyright {
   
    padding: 0.8rem 0 0.8rem;
    font-size: 14px;
    color: #fff;
    margin-top:1.5rem;background:#4b4b4b;
}


.copyright a {
    color: #fff;
}
.copyright img{
    margin-top: -2px;
}



@media(max-width: 1440px) {
     .p6a2 .pro .p6a2b dd a{
        font-size: 13px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
@media(max-width: 1024px) {
 .p6a1 .p6a1b p{font-size:15px;}
 .p6a2{width:63%;}
 .p6a2 .pro{width:32.27%;}
 .float-kf{display:none!important;}
}

@media(max-width: 768px) {
    .p6a1 {
        width: 41.67%;
    }

    .p6a2 {
        width: 53.33%;
    }

    .p6a3 {
        margin-top: 1rem;
    }
    .p6a1 .p6a1b{width:64%;}
    .p6a2 .p6a2b p{font-size:12px;}
    .p6a2 dl dt{font-size:14px;}
}





@media(max-width: 767px) {
    .p6a1 {
        width: 100%;
    }

    .p6a1 .p6a1b {
     
    }

    .p6a2 {
        width: 100%;
    }

    .p6a2 dl dt {
        font-size: 14px;
        margin-top: 1.5rem;
    }

    .p6a3 h3 {
        font-size: 20px;
        margin: 0;
    }
    .p6a3 p img {
        margin: 0 !important;
    }
    .p6a3 p {
        width: 10.95rem;
        height: 10.95rem;
    }
    .copyright{font-size:12px;line-height:22px;}
    
}







/*手机底部*/
@media (max-width:768px) {
    .db {
        display: block !important;
    }
}


.dbb {
    height: 50px;
}

/* 页脚 */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #000;
}

.footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    padding: 10px 0;
    font-size: 0;
}

.footer ul li.active {
    background: #000;
}

.footer ul li a {
    display: block;
    color: #fff;
}



.footer li .icon-phone:before {
    font-size: 0;
}

.footer ul li a {
    border-left: 1px solid #fff;
}

.footer ul li:nth-child(1) a {
    border: none;
}


.page-product-inquiry a {
    color: #fff;
}

/* 内页样式 */

.w1350 {
    max-width: 1380px;
    padding: 0 15px;
    margin: 0 auto;
}


@media(max-width: 640px){
    .p1b2 li a p{font-size: 12px;}

  .p3a h3{font-size:25px;}
  .p1b1 a.more{width: 100px;}
  .p1b1 a.more h5{text-indent: 30px;}
  .p1b3-swiper .swiper-slide a .det .img2 img{height: 40px;}
 .cptt{font-size: 22px;}
 .slideTxtBox .bd ul li h3{text-align: center;text-indent: 0;}
 .p3{padding: 25px 0;}
 .p5a h3{font-size: 24px;}
}