@charset "utf-8";
.w1200{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
div{
    font-size: 16px;
}
.top{height: 125px;overflow: visible;z-index: 10;background-color: rgba(255, 255, 255, 0.5);position: fixed;width: 100%;top: 0;left: 0;}
.topline{width: 100%;height: 70px;display: flex;justify-content: space-between;align-items: center;}
.topline .logo{width:424px;height: 55px;float: left;background: url(../images/logo.png) 0 0 no-repeat;}
.topline .right{width: 239px;height: 55px;padding-left: 45px;background: url(../images/iphone.png) 0 0 no-repeat;box-sizing: border-box;display:none;}
.nav .right{width: 239px;height: 55px;padding-left: 45px;background: url(../images/iphone.png) 0 0 no-repeat;box-sizing: border-box;}
.topline .right .sp1{display: block;width: 100%;height: 22px;line-height: 22px;position: relative;text-align: center;color: #005297;}
.topline .right .sp1::before{content: "";width: 30px;position: absolute;left: 12px;top: 50%;height: 1px;background-color: #005297;}
.topline .right .sp1::after{content: "";width: 30px;position: absolute;right: 12px;top: 50%;height: 1px;background-color: #005297;}
.topline .right .sp2{display: block;width: 100%;height: 30px;line-height: 30px;margin-top: 3px;text-align: center;font-size: 24px;color: #005297;font-weight: bold;}
.nav{width: 100%;height: 60px;margin-top: 2px;display: flex;justify-content: space-between;align-items: center;}
.nav .right .sp1{display: block;width: 100%;height: 22px;line-height: 22px;position: relative;text-align: center;color: #005297;}
.nav .right .sp1::before{content: "";width: 30px;position: absolute;left: 12px;top: 50%;height: 1px;background-color: #005297;}
.nav .right .sp1::after{content: "";width: 30px;position: absolute;right: 12px;top: 50%;height: 1px;background-color: #005297;}
.nav .right .sp2{display: block;width: 100%;height: 30px;line-height: 30px;margin-top: 3px;text-align: center;font-size: 24px;color: #005297;font-weight: bold;}
.nav{width: 100%;height: 50px;margin-top: 0px;display: flex;justify-content: space-between;align-items: center;}
.nav .jiange{width: 1px;height: 28px;background-color: #005297;}
.nav li{flex: 1;height: 50px;position: relative;}
.nav li a{text-decoration: none;}
.nav li .a1{text-decoration: none;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #005297;height: 50px;}
.nav li .subnavbg{position: absolute;top: 50px;display: block;box-sizing: border-box;padding-top: 11px;background: url(../images/subnavbd.png) center 0 no-repeat;width: 225px;left: 50%;margin-left: -113px;display: none;}
.nav li .subnavbg div{width: 100%;padding: 11px 0;border-radius: 5px;background-color: rgba(255, 255, 255, 0.85);height: auto;}
.nav li .subnavbg div a{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;color: #333;text-align: center;text-decoration: none;font-size: 14px;}
.nav li:hover .subnavbg{display: block;}

.swiper-container{overflow: hidden;}
.swiper-container .swiper-slide{}
.search{height: 70px;background-color: #fff;}
.search .left{float: left;line-height: 70px;color: #666666;font-size: 14px;}
.searchbox{width: 396x;height: 40px;margin-top: 15px;overflow: hidden;background-color: #fff;float: right;}
.searchbox .i1{width: 356px;height: 40px;background-color: #fff;border:1px solid #e3e3e3;outline: none;line-height: 38px;text-indent: 14px;float: left;box-sizing: border-box;}
.searchbox .i2{width: 40px;height: 40px;border:none;outline: none;background: url(../images/search_10.png) center center no-repeat;}

.swiper1 img{
    display: block;
    width: 100%;
}
.box1{height: 700px;overflow: hidden;position: relative;background: url(../images/box1.jpg) center 0 no-repeat;background-size: cover;}
.box-title1{width: 100%;height: 104px;;margin-top: 34px;position: relative;}
.box-title1::after{position: absolute;bottom: 0;left: 50%;width: 50px;height: 2px;margin-left: -25px;background-color: #005297;content: "";}
.box-title1 h1{display: block;width: 100%;height: 47px;line-height: 47px;text-align: center;font-size: 35px;color: #005297;}
.box-title1 h2{display: flex;width: 100%;height: 23px;line-height: 23px;text-align: center;font-size: 16px;color: #707070;justify-content: center;align-items: center;}
.box-title1 h2 i{width: 300px;height: 1px;background-color: #707070;margin: 0 18px;}
.box1 h1,.box1 h2 i,.box1 h2,.box1 span{color:white!important;}
.box-title1 span{display: block;width: 100%;height: 24px;line-height: 24px;text-align: center;color: #707070;font-size: 14px;}
.indexprod-nav{width: 1150px;height: 49px;margin: 14px 25px 0 25px;box-sizing: border-box;padding: 0 25px;background-color: #f1f1f1;display: flex;justify-content: space-between;}
.indexprod-nav li{width: 150px;height: 49px;text-align: center;}
.indexprod-nav li a{display: block;width: 150px;height: 49px;line-height: 49px;color: #6d6d6d;font-size: 16px;text-align: center;text-decoration: none;}
.indexprod-nav li a:hover{background-color: #005297;color: #fff;}
.prodlist{width: 1150px;height: 480px;overflow: hidden;margin-left: 25px;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;border: 2px solid #f1f1f1;}
.prodlist li{width: 275px;height: 220px;float: left;margin: 3px 4px;}
.prodlist li a{display: block;width: 100%;height: 100%;}
.prodlist li a img{display: block;width: 100%;height: 100%;}

.box2{height: 656px;overflow: hidden;position: relative;background: url(../images/box2.jpg) center 0 no-repeat;background-size: cover;}
.box2-cont{width: 100%;height: 340px;display: flex;justify-content: space-between;box-sizing: border-box;padding: 0 16px;margin-top: 13px;}
.box2-cont .img{width: 500px;height: 340px;background: url(../images/box2pic.jpg) 0 0 no-repeat;}
.box2-cont .cont{display: flex;flex-direction: column;width: 652px;height: 340px;justify-content: space-between;}
.box2-cont .cont span{display: block;line-height: 40px;text-indent: 2em;font-size: 18px;color: #707070;}
.box2-cont .cont a{display: block;width: 150px;height: 40px;background-color: #005297;color: #fff;font-size: 18px;text-decoration: none;text-align: center;line-height: 40px;}
.box2list{width: 100%;height: 85px;display: flex;justify-content: center;margin-top: 40px;}
.box2list li{width: 300px;height: 85px;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;border-right: 1px solid #e0e0e0;color: #005297;}
.box2list li h1{display: flex;font-size: 52px;font-weight: bold;margin-bottom: 10px;}
.box2list li h1 font{font-size: 20px;}
.box2list li span{font-size: 20px;}
.box3{height: 254px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat;background-size: cover;}


.box4{height: 1709px;overflow: hidden;background: url(../images/box4.jpg) center 0 no-repeat;}
.box4-cont1{top: 308px;right: 0;position: absolute;background: url(../images/icon1.png) 0 0 no-repeat;}
.box4-cont2{top: 745px;left: 0;position: absolute;background: url(../images/icon2.png) 0 0 no-repeat;}
.box4-cont3{top: 1308px;right: 0;position: absolute;background: url(../images/icon3.png) 0 0 no-repeat;}
.box4-cont{width: 552px;box-sizing: border-box;padding-left:46px;}
.box4-cont h1{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 30px;font-weight: bold;color: #005297;}
.box4-cont h2{display: block;width: 100%;height: 21px;line-height: 21px;font-style: italic;font-size: 18px;color: #454545;}
.box4-cont h3{line-height: 34px;margin-top: 6px;height: 34px;color: #454545;font-size: 24px;}
.box4-cont span{line-height: 30px;color: #454545;font-size: 14px;display: block;margin-top: 29px;}
.box5{height: 630px;overflow: hidden;background: url(../images/box5.jpg) center 0 no-repeat;background-size: cover;}
.box4-cont2 h1,.box4-cont2 h2,.box4-cont2 h3,.box4-cont2 span{color:#fff;}
.box5-title1{width: 100%;height: 104px;;margin-top: 34px;position: relative;}
.box5-title1::after{position: absolute;bottom: 0;left: 50%;width: 50px;height: 2px;margin-left: -25px;background-color: #fff;content: "";}
.box5-title1 h1{display: block;width: 100%;height: 47px;line-height: 47px;text-align: center;font-size: 35px;color: #fff;}
.box5-title1 h2{display: flex;width: 100%;height: 23px;line-height: 23px;text-align: center;font-size: 16px;color: #fff;justify-content: center;align-items: center;}
.box5-title1 h2 i{width: 300px;height: 1px;background-color: #fff;margin: 0 18px;}
.box5-title1 span{display: block;width: 100%;height: 24px;line-height: 24px;text-align: center;color: #fff;font-size: 14px;}

.newslist{width: 100%;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;padding: 0 20px;margin-top: 28px;}
.newslist li{width:560px;height:110px;box-sizing: border-box;padding: 6px 26px 0 26px;background-color: #fff;margin-bottom: 25px;}
.newslist li a{text-decoration: none;color: #333;}
.newslist li h1{display: block;width: 100%;height: 28px;line-height: 28px;color: #333;font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li h2{display: block;width: 100%;height: 21px;line-height: 21px;color: #333;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li span{display: block;width: 100%;height: 36px;line-height: 18px;margin-top: 7px;font-size: 14px;color: #333;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



/* .newslist li:hover h1,.newslist li:hover span{color: #a02a24} */
.box6{height: 530px;overflow: hidden;background: url(../images/box6.jpg) center 0 no-repeat;background-size: cover;}
.hzlist{width: 100%;height: auto;margin-top: 20px;overflow: hidden;box-sizing: border-box;padding: 0 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hzlist li{width: 217px;height: 162px;margin-bottom: 15px;}
.hzlist li img{width: 100%;height: 100%;}

.bottom{height:321px;overflow: hidden;background: url(../images/bottom.jpg) center 0 no-repeat;}
.bottom .w1200{display: flex;height: 253px;}
.bottom .btlogo{width: 180px;height: 66px;background: url(../images/btlogo.png) center 0 no-repeat;margin-top: 101px;margin-left: 29px;background-size: cover;}
.bottom .btnavbg{width: 184px;height: auto;margin-top: 84px;margin-left: 65px;}
.bottom .btnavbg h1{display: block;width: 100%;font-size: 24px;font-weight: bold;color: #fff;}
.bottom .btnav{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} 
.bottom .btnav li{height: 35px;margin-top: 8px;}
.bottom .btnav li a{display: block;line-height: 35px;color: #fff;font-size: 16px;text-decoration: none;}
.bottom .erweima{width: 160px;margin-left: 69px;margin-top:50px;}
.bottom .erweima img{width: 160px;height: 160px;}
.bottom .erweima h1{display: block;width: 100%;height: 43px;line-height: 43px;text-align: center;color: #fff;font-size: 16px;}
.bottom-cont{width: 402px;margin-left: 46px;margin-top: 46px;}
.bottom-cont h1{display: block;width: 100%;height: 27px;font-size: 16px;color: #fff;}
.bottom-cont .cont1{width: 100%;display: flex;}
.bottom-cont .cont1 div{width: 190px;line-height: 22px;margin-top: 13px;color: #fff;font-size: 16px;}
.bottom-cont .cont2{width: 100%;line-height: 22px;margin-top: 13px;color: #fff;font-size: 16px;}
.footer{width: 100%;height: 70px;display:flex;text-align: center;font-size: 14px;color: #FFF;flex-flow: column;justify-content: center;align-items: center;color: white;}

.about-nav{width: 100%;height: 240px;display: flex;justify-content: space-between;box-sizing: border-box;padding:  0 50px;border-bottom: 1px solid #f5f5f5;}
.about-nav li{width: 173px;height: 240px;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #fff;}
.about-nav li i{display: block;width: 100%;height: 66px;}
.about-nav li:nth-child(1) i{display: block;background: url(../images/abouticon1.png) center center no-repeat;}
.about-nav li:nth-child(2) i{display: block;background: url(../images/abouticon2.png) center center no-repeat;}
.about-nav li:nth-child(3) i{display: block;background: url(../images/abouticon3.png) center center no-repeat;}
.about-nav li:nth-child(4) i{display: block;background: url(../images/abouticon4.png) center center no-repeat;}
.about-nav li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #fff;text-decoration: none;}
.about-nav li span{line-height: 19px;font-size: 14px;color: #999999;margin-top: 8px;}
.about-nav li h1{display: block;height: 30px;line-height: 30px;font-size: 14px;color: #333;}

.page-title{width: 100%;height: 104px;;margin-top: 34px;position: relative;margin-top: 30px;margin-bottom: 20px;}
.page-title::after{position: absolute;bottom: 0;left: 50%;width: 50px;height: 2px;margin-left: -25px;background-color: #005297;content: "";}
.page-title h1{display: block;width: 100%;height: 47px;line-height: 47px;text-align: center;font-size: 35px;color: #005297;}
.page-title h2{display: flex;width: 100%;height: 23px;line-height: 23px;text-align: center;font-size: 16px;color: #707070;justify-content: center;align-items: center;}
.page-title h2 i{width: 300px;height: 1px;background-color: #707070;margin: 0 18px;}
.page-title span{display: block;width: 100%;height: 24px;line-height: 24px;text-align: center;color: #707070;font-size: 14px;}
.page-nav{width: 100%;height: 50px;display: flex;justify-content: center;}
.page-nav a{width: 190px;height: 50px;box-sizing: border-box;border: 1px solid #005297;color: #005297;font-size: 18px;display: flex;align-items: center;justify-content: center;text-decoration: none;margin-right: 12px;}
.page-nav a:nth-last-child(1){margin-right: 0;}
.page-nav a:hover{background-color: #005297;color: #fff;}

.page{padding-bottom: 20px;height: auto;
/*overflow: hidden;*/
}
.page-main{min-height: 700px;}
.pagebanner1{height: 500px;overflow: hidden;background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{height: 500px;overflow: hidden;background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{height: 500px;overflow: hidden;background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{height: 500px;overflow: hidden;background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{height: 500px;overflow: hidden;background:url(../images/pagebanner5.jpg) center 0 no-repeat;}
.newslist2{width: 100%;height: auto;overflow: hidden;margin-top: 10px;box-sizing: border-box;padding: 0 6px;}
.newslist2 li{width: 100%;height: 108px;overflow: hidden;background-color: #f7f7f7;}
.newslist2 li .date{width: 81px;height: 81px;float: left;overflow: hidden;background-color: #005297;margin-top: 14px;margin-left: 13px;}
.newslist2 li .date h1{display: block;height: 34px;width: 100%;margin-top: 16px;text-align: center;color: #fff;font-size: 34px;line-height: 34px;}
.newslist2 li .date span{display: block;width: 100%;height: 20px;line-height: 20px;text-align: center;color: #fff;font-size: 14px;}
.newslist2 li a{display: block;float: right;width: 1043px;overflow: hidden;height: 69px;text-decoration: none;margin-right: 31px;}
.newslist2 li a h1{display: block;width: 100%;height: 34px;line-height: 34px;font-size: 18px;color: #333333;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;margin-top: 14px}
.newslist2 li a span{display: block;width: 100%;margin-top: 2px;line-height: 21px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;color: #666666;font-size: 14px;
overflow: hidden;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#005297;}


.prodlist2{width: 100%;height: auto;overflow: hidden;margin-left: 29px;margin-top: 39px}
.prodlist2 li{width:260px;height: 260px;float: left;margin-left: 30px;overflow: hidden;margin-bottom:26px;box-sizing: border-box;border:1px solid #e6e6e6}
.prodlist2 li a{text-decoration: none;color: #333;display: block;width: 100%;height:100%}
.prodlist2 li img{width: 100%;height: 216px}
.prodlist2 li span{display: block;width: 100%;height: 42px;line-height: 42px;color: #808080;font-size: 16px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;text-align: center;}
.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 39px auto 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage-cont p img{float: left;margin-right: 20px;margin-bottom: 20px;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #333;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}
.prodcontent{width: 946px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}
.ryzz{display:flex;justify-content: space-around;}
.ryzz img{border:1px solid #eee;}
.hezuo{display:flex;justify-content: space-around;flex-wrap: wrap;}
.hezuo img{border:1px solid #eee;margin-right: 40px;margin-bottom:20px;}
.hezuo img:nth-child(5n){margin-right:0;}
.qyyj{display:flex;justify-content: space-around;}
.qyyj img{border:1px solid #eee;}
.scsb{display:flex;justify-content: space-around;}
.scsb img{border:1px solid #eee;}
.jcsb{display:flex;justify-content: space-around;}
.jcsb img{border:1px solid #eee;}
.page.newpage{
    overflow: hidden;
}
.page-title lable{
    text-transform: uppercase;
}
.cebox{
    display: flex;
    flex-wrap: wrap;
}
.cebox .ce{
    flex: 0 0 25%;
}
.cebox .ce img{
    width: 95%;
}