.boxtit {overflow:hidden; position:relative;z-index:9999; }
.boxtit h1{font-size:30px; color:#1e396c;line-height:70px;z-index:9; }
.boxtit span{ color:rgba(0,0,0,0.1); font-family:Arial; font-size:70px; line-height:70px;text-transform:uppercase; position:absolute; left:0; top:-5px;z-index:-1;}
.pagecontent{overflow:hidden; padding:5% 0; margin:auto}

.index {overflow:hidden;}
.index .banner {background:url(/upload/images/2021/7/4e02c458c25f2b05.png) no-repeat center top; width:100%; height:600px;}
.index .companybox{background:url(/images/2517.jpg) no-repeat 850px 0px; padding-top:120px; padding-bottom:5%; overflow:hidden; }
.index .companybox .leftbox{float:left; width:500px;}
.index .companybox .rightbox{float:right; width:650px;}
.index .companybox .intro {overflow:hidden; margin-top:15px;}
.index .companybox .intro p{color:#333; line-height:26px; margin-bottom:15px; font-size:15px;}
.index .companybox .more{ border:1px solid #1e396c; color:#1e396c; line-height:35px; padding:0 35px; margin-top:25px; border-radius:25px; display:inline-block; }
.index .companybox .more:hover{background-color:#1e396c; color:#fff; }
.index .productbox {overflow:hidden;  background-color:#f9f9f9; padding:5% 0 3%;}
.index .productbox .boxtit {text-align:center; width:350px; margin:2% auto;}
.index .productbox .boxtit span{color:#ddd;}
.index .productbox .leftbox{width:250px; height:610px; float:left; background-color:#fff; padding:10px 20px 10px;}
.index .productbox .leftbox a{display:block; line-height:40px; width:100%; color:#666; position:relative;text-indent:15px;}
.index .productbox .leftbox a.on{font-weight:bold; color:#1e396c}
.index .productbox .leftbox a::before{ content: '';  position: absolute;  left: 0;  bottom: 45%; width: 4px; height: 4px; background: #333; border-radius: 2px;}
.index .productbox .leftbox h2{position:relative;  overflow:hidden;margin-bottom:15px; font-weight:bold; font-size:18px; color:#1e396c; padding: 15px 0; border-bottom:1px solid #1e396c}
.index .productbox .leftbox h2::before{ content: ''; position: absolute; right: -30px; bottom: 0;border-bottom: 45px solid rgba(0, 0, 0, .4); border-left: 30px solid transparent;border-right:30px solid transparent;}
.index .productbox .leftbox h2::after{ content: ''; position: absolute; right: -10px; bottom: 0; border-bottom: 40px solid rgba(30,57,106,0.6); border-left: 30px solid transparent;  border-right:30px solid transparent;}
.index .productbox .rightbox{width:930px; float:right;}
.index .productbox .rightbox .cons{display:none}
.index .productbox .rightbox .cons:first-child{display:block}
.index .productbox .item{width:100%; height:300px; overflow:hidden; margin-bottom:10px; border:1px solid #1e396c; overflow:hidden; display:block;background-color:#333; }
.index .productbox .item .imgbox{width:464px; margin:auto; float:left;background-color:#fff; }
.index .productbox .item .imgbox img{width:400px; margin:auto}
.index .productbox .item .textbox{width:464px; margin:auto; background-color:#1e396c; padding:3% 3%; float:right}
.index .productbox .item:nth-child(2n) .imgbox{float:right;}
.index .productbox .item:nth-child(2n) .textbox{float:left;}
.index .productbox .item h2{color:#f9f9f9; font-size:24px; font-weight:normal; line-height:30px; }
.index .productbox .item h3{color:#f9f9f9; font-size:14px; font-weight:normal; line-height:20px; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index .productbox .item .advantage{margin-top:20px; height:96px;}
.index .productbox .item .advantage p{font-size:14px; line-height:24px;color:#f9f9f9; margin-bottom:8px;}
.index .productbox .item .more{border:1px solid #1e396c; background-color:#fff; color:#1e396c; line-height:35px; padding:0 35px; margin-top:25px; border-radius:25px; display:inline-block; }
.index .productbox .item .more:hover{background-color:#1e396c; color:#fff; }
.index .newsbox {overflow:hidden;  background-color:#fff; padding:5% 0 3%;}
.index .newsbox .boxtit {text-align:center; width:210px; margin:1% auto;}
.index .newsbox .listbox{width:100%; padding:2% 0 5%; overflow:hidden}
.index .newsbox .item{width:285px; height:212px; overflow:hidden; float:left; border:1px solid #ddd; margin-left:20px; }
.index .newsbox .item:first-child{margin-left:0;}
.index .newsbox .item img{width:100%;}
.index .newsbox .item .info{padding:10px 20px; height:212px;width:100%; background-color:rgba(0,0,0,0.5); margin-top:-45px; position:relative;position:relative;-webkit-transition: all linear 0.4s;transition: all linear 0.4s; }
.index .newsbox .item .info h4{color:#fff; font-size:15px; font-weight:bold; line-height:28px;  height:28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index .newsbox .item .info p{color:#fff; margin-top:10px; line-height:24px;}
.index .newsbox .item:hover .info{margin-top:-212px;background-color:rgba(0,0,0,0.8);}

.about {overflow:hidden;}
.about .companybox{padding-top:5%; padding-bottom:5%; overflow:hidden; }
.about .companybox .leftbox{float:left; width:423px;}
.about .companybox .rightbox{float:right; width:577px;}
.about .companybox .rightbox p{color:#333; line-height:26px; margin-bottom:15px; font-size:16px;}

.products {overflow:hidden;}
.products .pagecontent{width:1100px; margin:auto}
.products .listbox{width:100%; overflow:hidden}
.products .item{width:31.333333%; margin:1%; overflow:hidden; float:left;  -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -o-transition: transform .3s linear; -ms-transition: transform .3s linear;    transition: transform .3s linear;}
.products .item .imgbox{width:100%;  border:1px solid #ddd; overflow:hidden;}
.products .item img{width:100%;  }
.products .item img:hover{  -webkit-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important;  -ms-transform: scale(1.1) !important;  transform: scale(1.1) !important;}
.products .item p{color:#333; font-size:15px; font-weight:bold; line-height:38px;  height:38px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.products .cates {overflow:hidden; padding:10px;}
.products .cates  a{line-height:34px; width:16.666%; text-indent:0; text-align:left; background-color:#fff; float:left; color:#666}
.products .cates  a.on{font-weight:bold; color:#1e396c; }

.producinfo{overflow:hidden;  }
.producinfo .productimgs{ margin-top:4%; position:relative}
.producinfo .productimgs .imgbox{float:left; width:50%; border:1px solid #ddd;}
.producinfo .productimgs .productintro{width:45%; float:right}
.producinfo .productimgs .productintro h1{font-size:22px; color:#333; position:relative; line-height:50px; padding-bottom:10px;}
.producinfo .productimgs .productintro h1::after{content:""; width:60px; height:2px; background-color:#1e396c; position:absolute; left:0; bottom:10px;}
.producinfo .productimgs .productintro p{font-size:15px; color:#444; line-height:24px; margin-top:10px;}
.producinfo .contents{overflow:hidden; margin-top:50px;}
.producinfo .contents .tab-nav{ padding: 30px 0; overflow:hidden; background-color:#1e396c}
.producinfo .contents .tab-nav a{font-size:16px; color:#f9f9f9; line-height:40px; display:block; float:left; margin-right:30px;}
.producinfo .contents .tab-nav a:hover,.producinfo .contents .tab-nav a.on{font-size:18px; color:#fff;border-bottom:2px solid #fff}
.producinfo .contents .tab-con{overflow:hidden; padding-bottom:50px;}
.producinfo .contents .tab-con .con{display:none}
.producinfo .contents .tab-con .con p{color:#333; line-height:24px; margin-top:15px; font-size:15px;}
.producinfo .contents .tab-con .con img{margin:auto; max-width:100%}
.producinfo .series{background-color:#eee; padding:30px 0px 50px;}
.producinfo .series .tit{color:#333; font-size:22px; line-height:40px; letter-spacing:1px; padding:10px 0 25px;}
.producinfo .series .seriesbox{padding-bottom:65px}
.producinfo .series .swiper-slide{display:block; background-color:#fff; padding:20px; height:380px;}
.producinfo .series .swiper-slide h3{color:#333; font-size:18px; line-height:50px;}
.producinfo .series .swiper-slide p{color:#666;font-size:15px; }
.producinfo .series .swiper-slide img{width:100%; margin-top:35px;}
.producinfo .series .swiper-slide span{display:none; margin-top:20px; text-align:right; position:relative; line-height:30px;}
.producinfo .series .swiper-slide span::after{content:""; width:55px; height:2px; background-color:#1e396c; position:absolute; right:0; bottom:-3px; }
.producinfo .series .swiper-slide:hover h3{color:#1e396c}
.producinfo .series .swiper-slide:hover span{color:#1e396c; display:block}
.producinfo .series .swiper-pagination{}
.producinfo .series .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border:1px solid #999; background:none; opacity:0.8;}
.producinfo .series .swiper-pagination .swiper-pagination-bullet-active{background:#1e396c; border:1px solid #1e396c;}

.news {overflow:hidden;}
.news .listbox{width:100%; overflow:hidden; margin-top:5%;}
.news .item{width:100%; display:block; margin-bottom:2%; overflow:hidden; border-bottom:1px solid #ddd;}
.news .item .imgbox{width:18%; float:left;  }
.news .item .imgbox img{width:100%;  }
.news .item .info{width:80%; float:right;  }
.news .item .info h3{color:#333; font-size:16px; font-weight:bold; line-height:38px;  height:38px; }
.news .item .info p{color:#555; font-size:14px;line-height:26px;  margin-top:10px; margin-bottom:10px; }
.news .item .info span{color:#999; font-size:14px;line-height:24px;   }
.news .item:hover h3{color:#1e396c}
.news .pages {overflow:hidden;display:block; width:500px; margin: 20px auto; }
.news .pages a {display:block; float:left; width:50px; height:35px; text-align:center; line-height:35px; margin-right: 12px;     background-color: #fff;}
.news .pages a:hover,.pages a.current{background-color:#ec6c00; color:#fff; }
.news .pages a.prev,.pages a.next { overflow:hidden; }

.newsinfo{overflow:hidden}
.newsinfo .title {overflow:hidden;border-bottom:1px solid #1e396c; padding-bottom:20px;}
.newsinfo .title h1{font-weight:bold; color:#333; font-size:26px; text-align:center; line-height:36px;}
.newsinfo .title p{text-align:center; margin-top:20px;}
.newsinfo .title p span{line-height:24px; margin:0 10px; color:#999; font-size:13px;}
.newsinfo .content {padding:3% 2%; }
.newsinfo .content p{color:#333; line-height:28px; margin-top:15px; font-size:15px;}
.newsinfo .content img{margin:auto; max-width:100%; margin:auto;}

.contact {}
.contact .contactinfo{overflow:hidden; padding:3% 0;}
.contact .contactinfo .item{width:25%; float:left; text-align:center; padding:60px 0 20px}
.contact .contactinfo .item.tel{background:url(/images/img_tel.png) no-repeat top center;}
.contact .contactinfo .item.fax{background:url(/images/img_fax.png) no-repeat top center;}
.contact .contactinfo .item.mail{background:url(/images/img_mail.png) no-repeat top center;}
.contact .contactinfo .item.address{background:url(/images/img_address.png) no-repeat top center;}
.contact .contactinfo .item .p1{color:#333; font-size:15px; line-height:24px;}
.contact .contactinfo .item .p2{color:#333; font-size:16px; font-weight:bold; line-height:30px;}
.contact .map{padding:5% 0; background-color:#f9f9f9;}



@media screen and (max-width:1000px) {
    .boxtit {width:100%; text-align:center; }
    .boxtit h1{font-size:22px; color:#333;line-height:1.1;z-index:9; }
    .boxtit span{font-size:20px; line-height:30px; display:block; position:initial;}

    .index .banner {background:no-repeat; width:100%; height:auto;}
    .index .companybox{background:none; padding:5%; overflow:hidden; }
    .index .companybox .leftbox{display:none}
    .index .companybox .rightbox{float:none; width:100%;}
    .index .companybox .more{ display:block; width:60%; text-align:center;border-radius:25px; border-radius:0; margin:25px auto 0; }
    .index .productbox {padding:5% 1% 3%;}
    .index .productbox .boxtit {text-align:center; width:100%; margin:2% auto;}
    .index .productbox .leftbox{width:100%; height:auto; float:none; background-color:#f9f9f9; padding:0; overflow:hidden;}
    .index .productbox .leftbox a{line-height:30px; width:31.33%; margin:0.5% 1%; text-indent:0; text-align:center; background-color:#fff; float:left}
    .index .productbox .leftbox a.on{font-weight:bold; color:#fff; background-color:#1e396c}
    .index .productbox .leftbox a::before{ display:none}
    .index .productbox .leftbox h2{display:none}
    .index .productbox .rightbox{width:100%; float:none; margin-top:2%;}
    .index .productbox .item{width:100%; height:auto; margin:0 auto 1%; border:none;  }
    .index .productbox .item .imgbox{width:100%; margin:auto; float:none;background-color:#fff; }
    .index .productbox .item .imgbox img{width:80%; margin:auto;}
    .index .productbox .item .textbox{width:100%; margin:auto;  padding:5%; float:none}
    .index .productbox .item:nth-child(2n) .imgbox{float:left;}
    .index .productbox .item:nth-child(2n) .textbox{float:right;}
    .index .productbox .item h2{color:#f9f9f9; font-size:22px; font-weight:normal; line-height:30px; }
    .index .productbox .item h3{color:#f9f9f9; font-size:12px; font-weight:normal; line-height:20px; margin-top:10px;}
    .index .productbox .item .more{border-radius:0; }
    .index .newsbox {overflow:hidden;  background-color:#fff; padding:5% 5% 8%;}
    .index .newsbox .boxtit {text-align:center; width:100%; margin:2% auto;}
    .index .newsbox .listbox{width:100%; margin-left:0; padding:0; }
    .index .newsbox .item{width:49.5%; height:auto; float:left; border:1px solid #ddd; margin-left:0; position:relative;}
    .index .newsbox .item:nth-child(2n){float:right;}
    .index .newsbox .item .info{padding:0; height:auto;width:100%; position:absolute; bottom:0; left:0; right:0; height:38px; }
    .index .newsbox .item .info h4{ line-height:38px;  height:38px; padding:0 5%; font-weight:normal; text-align:center}
    .index .newsbox .item .info p{display:none;}
    .index .newsbox .item:hover .info{margin-top:auto;background-color:rgba(0,0,0,0.8);}

    .about .companybox{padding:5%; }
    .about .companybox .leftbox{float:none; width:100%;}
    .about .companybox .leftbox img{width:80%; margin:auto}
    .about .companybox .rightbox{float:none; width:100%;}
    .about .companybox .workshop{width:100%}

    .products .pagecontent{width:100%; padding:5%; margin:auto}
    .products .listbox{margin:2% 0;}
    .products .item{width:49.5%; margin:1% auto;  float:left; }
    .products .item:nth-child(2n){float:right; }
    .products .item .imgbox{width:100%;  border:1px solid #ddd;}
    .products .item p{font-weight:normal; padding:2px 5%}
    .products .cates {overflow:hidden; padding:10px 0;}
    .products .cates  a{line-height:30px; width:33.333%; text-indent:0; text-align:center; background-color:#fff; float:left; color:#666}
    .products .cates  a.on{font-weight:bold; color:#fff; background-color:#1e396c }
    .producinfo .productimgs{ padding:5%; margin-top:4%; position:relative}
    .producinfo .productimgs .imgbox{float:none; width:100%; border:1px solid #ddd;}
    .producinfo .productimgs .imgbox img{width:100%}
    .producinfo .productimgs .productintro{width:100%; float:none; padding:5% 0;}
    .producinfo .productimgs .productintro h1{font-size:20px; line-height:45px; padding-bottom:10px;}
    .producinfo .productimgs .productintro p{font-size:14px; color:#444; line-height:1.8; margin-top:10px;}
    .producinfo .contents{overflow:hidden; margin-top:0;}
    .producinfo .contents .tab-nav{ padding: 10px 5%; }
    .producinfo .contents .tab-nav a{font-size:15px; color:#f9f9f9; line-height:35px;}
    .producinfo .contents .tab-nav a:hover,.producinfo .contents .tab-nav a.on{font-size:16px; font-weight:bold; color:#fff;border-bottom:2px solid #fff}
    .producinfo .contents .tab-con{overflow:hidden; padding:5%;}
    .producinfo .series{background-color:#eee; padding:5%;}
    .producinfo .series .tit{color:#333; font-size:20px; line-height:40px; letter-spacing:1px; padding:10px 0 15px;}
    .producinfo .series .seriesbox{padding-bottom:50px}
    .producinfo .series .swiper-slide{display:block; background-color:#fff; padding:20px; height:auto;}
    .producinfo .series .swiper-slide h3{color:#333; font-size:18px; line-height:50px;}
    .producinfo .series .swiper-slide p{color:#666;font-size:15px; }
    .producinfo .series .swiper-slide img{width:100%; margin-top:25px;}
    .producinfo .series .swiper-slide span{display:none;height:0px;}

    .news .pagecontent{background-color:#f9f9f9;}
    .news .listbox{width:100%; overflow:hidden; margin-top:1%; padding:4%; }
    .news .item{width:100%; background-color:#fff; padding:3%; }
    .news .item .imgbox{width:32%; float:left;  }
    .news .item .info{width:65%; float:right;  }
    .news .item .info h3{color:#333; font-size:15px; line-height:1.5; margin-top:8%; }
    .news .item .info p{display:none;}
    .news .item .info span{color:#999; font-size:12px;line-height:24px;   }

    .newsinfo .pagecontent{padding:5%;}
    .newsinfo .title {overflow:hidden;border-bottom:1px solid #1e396c; padding-bottom:10px;}
    .newsinfo .title h1{ color:#333; font-size:22px; text-align:center; line-height:1.6;}
    .newsinfo .title p{text-align:center; margin-top:10px;}
    .newsinfo .content {padding:3% 1%; }

    .contact .contactinfo{padding:5% 10%;}
    .contact .contactinfo .item{width:100%; float:none; text-align:left; padding:2% 0 2% 65px; }
    .contact .contactinfo .item.tel{background:url(/images/img_tel.png) no-repeat center left;}
    .contact .contactinfo .item.fax{background:url(/images/img_fax.png) no-repeat center left;}
    .contact .contactinfo .item.mail{background:url(/images/img_mail.png) no-repeat center left;}
    .contact .contactinfo .item.address{background:url(/images/img_address.png) no-repeat center left;}
    .contact .map{display:none; }
}