.index_title{text-align: center; margin: 40px 0;}
.index_title h2{font-size: 38px; color: #3460b2;font-weight: bold; line-height: 42px; display: inline-block;position: relative;}
.index_title h2 span{color: #161616;}
.index_title h2::before{content: "";width: 18px;height: 1px;background: #777;position: absolute;top: 24px;left:-50px;}
.index_title h2::after{content: "";width: 18px;height: 1px;background: #777;position: absolute;top: 24px;right:-50px;}


/*banner*/
.banner{width: 100%;margin-top:20px}
.banner img{width: 100%;display: block;}

.banner .swiper-pagination-bullet{width:18px; height:18px; background: #fff; opacity: 1; margin:0 6px !important; transform: translateY(-10px);}
.banner .swiper-pagination-bullet-active{background: #1874bd;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px; height: 50px;  background: #fff; border-radius: 50%; font-family: "宋体"; text-align: center; line-height: 50px; color: #666; font-size: 25px;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after{display: none;}
.banner .swiper-button-prev:hover{color: #000;}
.banner .swiper-button-next:hover{color: #000;}

/*pro*/
.pro{width: 1200px; margin: 0 auto; padding-bottom: 20px;}
.pro_lb{width: 100%; position: relative;}
.pro_lb .swiper-slide{width: 263px;}
.pro_lb .swiper-slide .pic{width: 100%; height: 263px; overflow: hidden; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc;padding: 10px; box-sizing: border-box; }
.pro_lb .swiper-slide .pic img{display: block; max-width: 100%; max-height: 100%; transition: 0.5s;}
.pro_lb .swiper-slide p{text-align: center; font-size: 14px; color: #333; padding: 20px 20px 0; line-height: 1.7em;}


.pro_lb .swiper-slide:hover p{ color: #013796;}
.pro_lb .swiper-slide:hover img{transform: scale(1.1);}

.pro_lb .swiper-button-prev{left: -80px; top: 125px; outline: none; background: #3460b2;width: 50px; height: 55px;}
.pro_lb .swiper-button-next{right: -80px; top: 125px; outline: none; background: #3460b2;width: 50px; height: 55px;}
.pro_lb .swiper-button-prev::after,.pro_lb .swiper-button-next::after{font-size: 26px;}

.pro_btn{ height: 40px; padding: 0 40px; overflow: hidden; display:inline-block; margin-top: 20px; transform: translateX(-50%); margin-left: 50%; position: relative; background-color: #fff;color: #1b6cd8; border-radius: 50px; border:1px solid #1b6cd8; text-align: center; line-height: 40px; font-size: 16px;}
.pro_btn::before{display: inline; content: " All Products "; transition: 0.5s; position: relative; z-index: 10; font-weight: bold;}
.pro_btn::after{display: block; content: ""; position: absolute;top: 0; left: 0; width: 0;height: 100%;background-color: #1b6cd8; transition: 0.5s; z-index: 9;}
.pro_btn:hover::after{width: 100%;}
.pro_btn:hover::before{color: #fff;}

/*about*/
.about{width: 100%; background: url("../images/XTABOUTBG.jpg") no-repeat center; padding-top: 50px; padding-bottom: 40px;}
.ab_con{width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ab_con .ab_info{width: 700px; height: 400px; position: relative; box-shadow: 0 2px 5px 0 #ccc; background: #fff; padding: 40px 55px 35px; box-sizing: border-box;}
.ab_info h2{font-size: 38px; color: #3460b2;font-weight: bold;}
.ab_info h2 span{color: #161616;}
.ab_info>p{height: 210px; font-size: 14px; color: #333; line-height: 1.7em; margin-top: 15px;}
.ab_info ul{display: flex; position: absolute; left: 55px; bottom: 35px;}
.ab_info ul li{ margin-right: 45px;}
.ab_info ul li img{width: 60px; height: 60px;display: block; margin: 0 auto; transition: 0.3s;}
.ab_info ul li p{text-align: center; font-size: 16px; color: #333; margin-top: 10px; font-weight: bold;}

.ab_info ul li img:hover{transform: translateY(-5px);}

.ab_btn{transform: translateX(45px); height: 35px; padding: 0 30px; overflow: hidden; display: inline-block; margin-top: 25px; position: relative; background-color: #fff;color: #1b6cd8; border-radius: 50px; border:1px solid #1b6cd8; text-align: center; line-height: 35px; font-size: 14px;}
.ab_btn::before{display: inline; content: " MORE "; transition: 0.5s; position: relative; z-index: 10; font-weight: bold;}
.ab_btn::after{display: block; content: ""; position: absolute;top: 0; left: 0; width: 0;height: 100%;background-color: #1b6cd8; transition: 0.5s; z-index: 9;}
.ab_btn:hover::after{width: 100%;}
.ab_btn:hover::before{color: #fff;}


.ab_lb{width: 500px; height: 400px;}
.ab_lb video{width:100%; height:400px; object-fit:fill;}


/*product*/
.product{width: 1200px; margin: 0 auto;}

.anli_bj{width: 100%; background: url("../images/zz_bj.jpg") no-repeat center; overflow: hidden; margin-top: 0px; padding-bottom: 80px;}
.shili_bj{width: 100%; background:url("/images/zzry.jpg") no-repeat center; overflow: hidden; padding-top: 0px; padding-bottom:0px; display:inline-block}
.shili_bj .zz{ width: 1200px; margin: 0 auto;text-align: center}
.shili_bj .zz img {text-align: center}

/*news*/
.news_bj{width: 100%; background: url("../images/news-bj.jpg") no-repeat center; overflow: hidden; margin-top: 80px; padding-bottom: 80px;}
.news{width: 1200px; margin: 0 auto;}
.news_btn{margin-top: 30px;}
.news_btn::before{content: " All News ";}


/**/
.bg3{/*background:url(../images/ys_bg.png) no-repeat center top;*/ overflow: hidden;}
.part2{padding-top: 0; padding-bottom: 0px; text-align: center;}
.part2 img{margin-top: 0px;}

.ys{margin: 0 auto; padding: 0 0 0 0; counter-reset:ceshi;  border-top: 0px solid #e7e7e7;}
.ys li{position: relative; height: 325px; counter-increment:ceshi;}
.ys li span{position: absolute; right: 50%; margin-left: -590px; width: 100%; text-align: right; background: #fff; height: 350px; display: block;}
.ys li span img{}
.ys li .ys_box{position: absolute; right: 50%; margin-right: -590px; width: 590px; padding: 21px 0 0 0;}
/*.ys li .ys_box:before{position: absolute; left: 0px; top: -5px; display: block; content: ""; width: 200%; height: 5px; background: #3460b2;}*/
.ys li .ys_box h2{padding: 20px 0 0 0; font-size:18px; font-weight: bold; color: #161616; overflow: hidden; line-height: 28px;text-transform:uppercase;}
.ys li .ys_box h2 b img{float: left; line-height: 1;width: 60px;padding-right: 10px}
.ys li .ys_box h2 b:after{display: inline-block; }
.ys li .ys_box h3 img {padding: 0 0 7px 70px;}
.ys li .ys_box dl{padding-left: 73px; padding-right: 20px;}
.ys li .ys_box dl dd{line-height: 30px; color: #555; font-size: 14px;background:url('../images/x.jpg') no-repeat 0px 6px; padding-left:20px}
.ys li .ys_box dl dd i{margin-right: 7px;color: #305dc3;}

.ys li:first-child+li span,
.ys li:first-child+li+li+li span,
.ys li:first-child+li+li+li+li+li span{left: 50%; right:auto; margin: 0 -590px 0 0; text-align: left;}
.ys li:first-child+li .ys_box,
.ys li:first-child+li+li+li .ys_box,
.ys li:first-child+li+li+li+li+li .ys_box{right: auto; left: 50%; margin: 0 0 0 -590px;}
.ys li:first-child+li .ys_box:before,
.ys li:first-child+li+li+li .ys_box:before,
.ys li:first-child+li+li+li+li+li .ys_box:before{left: auto; right: 0px;}




.hzhb{width: 1200px; margin: 0 auto; padding-bottom: 20px; position: relative;}

.hzhb .pic_tu{width: 263px; height: 200px; position: relative; overflow: hidden;border: 1px solid #ccc; padding:7px;}
.hzhb .pic_tu img{display: block; width: 100%; height: 100%;   transition: .5s;}
.hzhb .pic_tu:hover img{transform: scale(1.1);}
.hzhb .swiper-pagination{width: 100%; bottom: -35px;}
.hzhb .swiper-pagination-bullet{width: 18px; height: 18px; margin: 0 5px; outline: none;}
.hzhb .swiper-pagination-bullet-active{background: #3460b2;}



/**/
.part11{text-align: center; padding-top: 30px; padding-bottom: 30px;}
.part11 h2{position: relative; margin-bottom: 20px; font-size: 32px; color: #333; line-height: 1; z-index: 1;}
.part11 h2:after{margin: 25px auto 0 auto; display: block; content: ""; width: 80px; height: 5px; background: #305dc3;}
.part11 h2:before{position: absolute; left: 0px; bottom: 3px; width: 100%; height: 1px; background: #e7e7e7; display: block; content: ""; z-index: -1;}
.part11 h3{position: relative; z-index: 1; font-size: 14px;  text-transform: uppercase;  color: #666;}



