@charset "utf-8";
html{font-size:100px;}
html,body{width:100%;min-height: 100vh;}
.r17{width: 17rem;margin: 0 auto;overflow: hidden;}
.w1200{
   width: 12rem;margin: 0 auto;overflow: hidden;
}
.topbg{
    height: 1.35rem;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.pagetopbg.tophead{
    display: none;
}
.top{
    width: 100%;
    padding: 0 1.1rem;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #d1dbee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top .logo{
    width: 248px;
    height: 100%;
    background: url(../images/logo.png) center no-repeat;
}
.nav{
    width: auto;
    height: 100%;
    padding-top: 0.12rem;
    display: flex;
    box-sizing: border-box;
}
.nav li{
    width: auto;
    height: 100%;
    margin-right: 1.08rem;
    display: flex;
}
.nav li:nth-last-child(1){
    margin-right: 0;
}
.nav li a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 0.14rem;
    padding: 0 0.08rem;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}
.nav li a:hover{
    border-bottom: 2px solid #fff;
}
.iphone{
    width: 1.6rem;
    height: auto;
}
.iphone .sp1{
    line-height: 0.26rem;
    font-size: 0.18rem;
    color: #fff;
}
.iphone .sp2{
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.25rem;
}
.mySwiper img{
    display: block;
    width: 100%;
}
.box1{
    width: 100%;
    height: 6.3rem;
    background: url(../images/box1.jpg) center 0 no-repeat;
    background-size: cover;
    overflow: hidden;
}
.boxtitle{
    width: 100%;
    height: 0.69rem;
    margin-top: 0.24rem;
    background: url(../images/titlebg.png) center center no-repeat;
    background-size: 5.19rem 0.2rem;
}
.boxtitle h1{
    display: block;
    width: 100%;
    height: 0.47rem;
    line-height: 0.47rem;
    text-align: center;
    font-size: 0.36rem;
    font-weight: bold;
}
.boxtitle font{
    color: #0068b7;
}
.boxtitle span{
    display: block;
    width: 100%;
    text-align: center;
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.14rem;
    color: #535353;
    text-transform: uppercase
}
.prodlist{
    width: 100%;
    height: 4.56rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.35rem;
}
.prodlist li{
    width: 3.8rem;
    height: 4.56rem;
    position: relative;
}
.prodlist li img{
    width: 100%;
    height: 100%;
}
.prodlist li .zhedang{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(206, 206, 206, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.prodlist li .zhedang h1{
    width: 100%;
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.3rem;
    color: #333;
    text-align: center;
}
.prodlist li .zhedang span{
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-weight: bold;
    font-size: 0.3rem;
    color: #333;
    margin-top: 0.59rem;
}
.prodlist li .zhedang i{
    width: 0.45rem;
    height: 0.45rem;
    background: url(../images/box1icon.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 1.18rem auto 0 auto;
}
.prodlist .jiange{
    width: 1px;
    height: 100%;
    background-color: #878787;
    margin: 0 0.02rem;
}
.prodlist li:hover .zhedang{
    background-color: rgba(0, 104, 183, 0.85);
}
.prodlist li:hover h1,.prodlist li:hover span{
    color: #fff;
}
.prodlist li:hover i{
    background: url(../images/box1iconh.jpg) 0 0 no-repeat;
}
.box2{
    height: 5rem;
    background: url(../images/box2.jpg) center 0 no-repeat;
    background-size: cover;
}
.boxtitle2{
    width: 100%;
    height: 0.69rem;
    margin-top: 0.24rem;
    background: url(../images/titlebg2.png) center center no-repeat;
    background-size: 5.19rem 0.2rem;
}
.boxtitle2 h1{
    display: block;
    width: 100%;
    height: 0.47rem;
    line-height: 0.47rem;
    text-align: center;
    font-size: 0.36rem;
    font-weight: bold;
    color: #fff;
}
.boxtitle2 font{
    color: #fff;
}
.boxtitle2 span{
    display: block;
    width: 100%;
    text-align: center;
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.14rem;
    color: #fff;
    text-transform: uppercase
}
.box2list{
    width: 100%;
    height: 2.3rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.57rem;
}
.box2list li{
    width: 1.51rem;
    height: 2.3rem;
}
.box2list li i{
    display: block;
    width: 1.51rem;
    height: 1.51rem;
}
.box2list li:nth-child(1) i{
   background: url(../images/box2icon1.png) 0 0 no-repeat;
   background-size: 100% 100%;
}
.box2list li:nth-child(2) i{
    background: url(../images/box2icon2.png) 0 0 no-repeat;
    background-size: 100% 100%;
 }
 .box2list li:nth-child(3) i{
    background: url(../images/box2icon3.png) 0 0 no-repeat;
    background-size: 100% 100%;
 }
 .box2list li:nth-child(4) i{
    background: url(../images/box2icon4.png) 0 0 no-repeat;
    background-size: 100% 100%;
 }
 .box2list li:nth-child(5) i{
    background: url(../images/box2icon5.png) 0 0 no-repeat;
    background-size: 100% 100%;
 }
 .box2list li span{
    display: block;
    width: 100%;
    height: 0.35rem;
    line-height: 0.35rem;
    margin-top: 0.15rem;
    color: #fff;
    font-size: 0.18rem;
 }
 .box3{
    height: 5.65rem;
    overflow: visible;
    background: url(../images/box3.jpg) center 0 no-repeat;
    background-size: cover;
    position: relative;
 }
 .box3 .left{
    width: 10.5rem;
    height: 6.15rem;
    position: absolute;
    background: url(../images/pic1.png) 0 0 no-repeat;
    background-size: 100% 100%;
    top: -1.02rem;
 }
 .box3 .right{
    width: 6.8rem;
    margin-right: 0.19rem;
    float: right;
 }
 .box3 .right .title{
    display: block;
    width: 100%;
    height: 0.85rem;
    line-height: 0.56rem;
    margin-top: 0.49rem;
    font-size: 0.48rem;
    color:#343434;
    font-weight: bold;
    position: relative;
 }
 .box3 .right .title font{
    color: #0068b7;
 }
 .box3 .right .title::after{
    content: "";
    width: 0.45rem;
    height: 0.03rem;
    background-color: #0068b7;
    position: absolute;
    bottom: 0;
    left: 0;
 }
 .box3 .right .cont{
    width: 100%;
    line-height: 0.3rem;
    margin-top: 0.18rem;
 }
 .box3 .right .cont span{
    text-indent: 2em;
    display: block;
    font-size: 0.16rem;
 }
 .box3list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.28rem;
 }
 .box3list li{
    width: auto;
 }
 .box3list li h1{
    display: block;
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.44rem;
    font-weight: bold;
    color: #0068b7;
 }
 .box3list li h1 font{
    font-size: 0.24rem;
 }
 .box3list li span{
    display: block;
    line-height: 0.36rem;
    color: #0068b7;
    font-size: 0.16rem;
 }
 .box3 .right a{
    display: block;
    padding-left: 0.53rem;
    height: 0.54rem;
    line-height: 0.54rem;
    background: url(../images/box3icon.png) 0 0 no-repeat;
    background-size: auto 100%;
    text-decoration: none;
    color: #0068b7;
    margin-top: 0.4rem;
    font-size: 0.16rem
 }
 .box4{
    height: 6.1rem;
    background: url(../images/box4.jpg) center 0 no-repeat;
    background-size: cover;
 }
 .piclist{
    width: 100%;
    height: 4.38rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.24rem;
 }
 .piclist li{
    width: 3.08rem;
    height: 4.38rem;
    display: flex;
    align-items: center;
 }
 .piclist li img{
    width: 100%;
 }
 .box5{
    height: 6.6rem;
    background: url(../images/box5.jpg) center 0 no-repeat;
    background-size: cover;
 }
 .box5-cont{
    width: 100%;
    height: 4.8rem;
    margin-top: 0.29rem;
    display: flex;
    justify-content: space-between;
 }
 .box5-cont .item{
    width: 8.3rem;
    height: 4.8rem;
 }
 .box5-cont .item:nth-child(1){
   background: url(../images/box5pic.jpg) 0 0 no-repeat;
   background-size: 100% 100%;position: relative;
}
.box5-cont .item:nth-child(2){
   background: url(../images/box5pic2.jpg) 0 0 no-repeat;
   background-size: 100% 100%;position: relative;
}
 .box5-cont .item .cont{
    position: absolute;
    left: 0.5rem;
    top: 2.45rem;
    width: 3.5rem;
    height: 1.85rem;
    background-color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 0 0.4rem 0 0.3rem;
 }
 .box5-cont .item .cont h1{
    display: block;
    width: 100%;
    line-height: 0.34rem;
    margin-top: 0.11rem;
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
 }
 .box5-cont .item .cont span{
    line-height: 0.24rem;
    margin-top: 0.16rem;
    display: block;
    color: #fff;
 }
 .box5-cont .item .cont i{
    width: 0.4rem;
    display: block;
    height: 0.4rem;
    background: url(../images/box5icon1.jpg) 0 0 no-repeat;
    background-size: cover;
    margin-top: 0.2rem;
 }
 .box6{
    height: 7.3rem;
    background: url(../images/box6.jpg) center 0 no-repeat;
    background-size: 100% auto;
 }
 .box6 .r17{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 }
 .box6 .left{
    width: 8.1rem;
 }
 .box6 .left .leftimg{
    width: 8.1rem;
    height: 4.25rem;
    background: url(../images/box6pic.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top: 0.24rem;
 }
 .box6 .left .newscont{
    width: 100%;
    height: 1.35rem;
    margin-top: 0.1rem;
    background-color: #fff;
    
    box-sizing: border-box;
    padding:0.2rem 0 0.2rem 0.3rem;
 }
 .box6 .left .newscont a{
   display: flex;
   justify-content: space-between;
   text-decoration: none;
   color: #333;
   width: 100%;
   height: 100%;
}
 .box6 .left .newscont .cont{
    width: 5.84rem;
 }
 .box6 .left .newscont .cont h1{
    display: block;
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #333;
 }
 .box6 .left .newscont .cont span{
    display: block;
    width: 100%;
    line-height: 0.24rem;
    margin-top: 0.14rem;
    color: #52504d;
    font-size: 0.14rem;
 }
 .box6 .left .newscont .time{
    width: 1.4rem;
    border-left: 1px solid #000;
 }
 .box6 .left .newscont .time h1{
    display: block;
    width: 100%;
    height: 0.6rem;
    font-size: 0.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.6rem;
 }
 .box6 .left .newscont .time span{
    display: block;
    line-height: 0.4rem;
    width: 100%;
    text-align: center;
    color: #52504d;
    font-size: 0.24rem;
 }
 .newslist{
    width: 8.73rem;
    height: auto;
    margin-top: 0.24rem;
 }
 .newslist li{
    width: 100%;
    height: 1.35rem;
    margin-bottom: 0.1rem;
    background-color: #fff;
    
    box-sizing: border-box;
    padding:0.2rem 0 0.2rem 0.3rem;
 }
 .newslist li a{
   display: flex;
    justify-content: space-between;
   text-decoration: none;
   color: #333;
   width: 100%;
   height: 100%;
}
 .newslist li .cont{
    width: 6.63rem;
 }
 .newslist li .cont h1{
    display: block;
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #333;
 }
 .newslist li .cont span{
    display: block;
    width: 100%;
    line-height: 0.24rem;
    margin-top: 0.14rem;
    color: #52504d;
    font-size: 0.14rem;
 }
 .newslist li .time{
    width: 1.4rem;
    border-left: 1px solid #000;
 }
 .newslist li .time h1{
    display: block;
    width: 100%;
    height: 0.6rem;
    font-size: 0.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.6rem;
 }
 .newslist li .time span{
    display: block;
    line-height: 0.4rem;
    width: 100%;
    text-align: center;
    color: #52504d;
    font-size: 0.24rem;
 }
 .bottom{
    height: 4rem;
    background: url(../images/footer.jpg) center 0 no-repeat;
    background-size: cover;
    margin-top: 0.4rem;
	position: relative;
 }
 .bottom .r17{
    display: flex;
    height: 3.36rem;
    border-bottom: 1px solid #8cb3dc;
 }
 .btnav{
    margin-top: 0.67rem;
    width: 8.12rem;
 }
 .btnav li{
    width: 2.42rem;
    float: left;
 }
 .btnav li a{
    text-decoration: none;
    color: #333;
 }
 .btnav li .a1{
    display: block;
    width: 100%;
    height: 0.35rem;
    line-height: 0.35rem;
    font-size: 0.16rem;
    color: #fff;
    margin-bottom: 0.28rem;
 }
 .btnav li .a2{
    display: block;
    width: 100%;
    height: 0.32rem;
    line-height: 0.32rem;
    font-size: 0.16rem;
    color: #fff;
 }
 .erweimabox{
    margin-top: 0.67rem;
    width: 4.2rem;
    display: flex;
    justify-content: space-between;
 }
 .erweimabox div{
    width: 1.5rem;
    height: auto;
 }
 .erweimabox div img{
    width: 1.5rem;
    height: 1.5rem;
 }
 .erweimabox div span{
    line-height: 0.3rem;
    margin-top: 0.06rem;
    color: #fff;
    display: block;
    text-align: center;
 }
 .btcont{
    margin-top: 0.67rem;
    width: 3.4rem;
 }
 .btlogo{
    width: 100%;
    height: 0.45rem;
    background: url(../images/btlogo.png) 0 0 no-repeat;
    margin-bottom: 0.1rem;
 }
 .btcont span{
    display: block;
    height: 0.33rem;
    padding-left: 0.3rem;
    line-height: 0.31rem;
    color: #fff;
    font-size: 0.14rem;
 }
 .btcont .sp1{
    background: url(../images/bticon1.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .btcont .sp2{
    background: url(../images/bticon2.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .btcont .sp3{
    background: url(../images/bticon3.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .btcont .sp4{
    background: url(../images/bticon4.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .btcont .sp5{
    background: url(../images/bticon5.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .btcont .sp6{
    background: url(../images/bticon6.png) 0 center no-repeat;
    background-size: 0.19rem 0.22rem;
 }
 .footer{
    display: flex;
	justify-content: space-between;
    width: 17rem;
    margin: 0 auto;
    color: #fff;
    font-size: 0.14rem;
    height: 0.6rem;
    line-height: 0.6rem;
}
 .footer .center{
     flex: 0 0 30%;
     padding-left: 40px;
 }
.footer a{
    color: white;
	text-decoration: none;
}
.pagetopbg{
   height: 1.35rem;
   box-sizing: border-box;
   padding: 0 1.1rem;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
   background-color: rgba(255, 255, 255, 0.6);
}
.pagetop{
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   border-bottom: 1px solid #d1dbee;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.pagetop .pagelogo{
   width: 248px;
   height: 100%;
   background: url(../images/pagelogo.png) center no-repeat;
}
.pagenav{
   width: auto;
   height: 100%;
   padding-top: 0.12rem;
   display: flex;
   box-sizing: border-box;
}
.pagenav li{
   width: auto;
   height: 100%;
   margin-right: 1.08rem;
   display: flex;
}
.pagenav li:nth-last-child(1){
   margin-right: 0;
}
.pagenav li a{
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #535353;
   font-size: 0.14rem;
   padding: 0 0.08rem;
   box-sizing: border-box;
   border-bottom: 2px solid transparent;
}
.pagenav li a:hover{
   border-bottom: 2px solid #0068b7;
}
.pageiphone{
   width: 1.6rem;
   height: auto;
}
.pageiphone .sp1{
   line-height: 0.26rem;
   font-size: 0.18rem;
   color: #0068b7;
}
.pageiphone .sp2{
   font-size: 0.24rem;
   color: #0068b7;
   line-height: 0.25rem;
}
.pagebanner{
   height: 4.8rem;
}
.pagebanner1{
   background: url(../images/pagebanner1.jpg) center 0 no-repeat;
}
.pagebanner2{
   background: url(../images/pagebanner2.jpg) center 0 no-repeat;
}
.pagebanner3{
   background: url(../images/pagebanner3.jpg) center 0 no-repeat;
}
.pagebanner4{
   background: url(../images/pagebanner4.jpg) center 0 no-repeat;
}
.pagebanner5{
   background: url(../images/pagebanner5.jpg) center 0 no-repeat;
}
.pagebanner6{
   background: url(../images/pagebanner5.jpg) center 0 no-repeat;
}
.locationbg{
   height: 0.8rem;
   box-shadow: 3px 4px 10px 0px rgba(0,0,0,0.2);
}
.location{
   display: flex;
   justify-content: space-between;
   height: 0.8rem;
}
.location .left{
   padding-left: 0.29rem;
   background: url(../images/location.png) 0 center no-repeat;
   background-size: 0.18rem 0.15rem;
   line-height: 0.8rem;
   font-size: 0.14rem;
}
.location .pagerightnav{
   display: flex;
}
.location .pagerightnav li{
   width: auto;
   height: 0.8rem;
   margin-right: 0.63rem;
}
.location .pagerightnav li:nth-last-child(1){
   margin-right: 0;
}
.location .pagerightnav li a{
   display: block;
   height: 0.8rem;
   line-height: 0.8rem;
   border-bottom: 0.02rem solid transparent;
   color: #666666;
   text-decoration: none;
   box-sizing: border-box;
   font-size: 0.14rem;
}
.location .pagerightnav li a:hover{
   color: #0068B7;
   border-bottom: 0.02rem solid #0068B7;
}
.page{
   height: auto;
   overflow: hidden;
   padding-top: 0.6rem;
}
.pagecontent{
   width: 100%;
   min-height: 500px;
   overflow: hidden;
}
.pagecontent p{
    display: block;
    font-size: 16px;
}
.prod-left{
   width: 2.4rem;
   float: left;
}
.prod-left .prod-logo{
   height: 0.81rem;
   background: url(../images/pagelogo.png) center top no-repeat;
   background-size: 2rem 0.42rem;
   border-bottom: 1px solid #d0d0d0;
}
.prod-nav{
   width: 100%;
   height: auto;
   margin-top: 0.18rem;
}
.prod-nav li{
   width: 100%;
   height: 0.4rem;
   margin-bottom: 0.14rem;
}
.prod-nav li a{
   display: flex;
   margin: 0 auto;
   width: 1.95rem;
   height: 0.4rem;
   border-radius: 0.08rem;
   background-color: #eeeeee;
   color: #444444;
   justify-content: center;
   align-items: center;
   text-decoration: none;
}
.prod-nav li a:hover{
   color: #fff;
   background-color: #0068b7;
}
.prod-right{
   width: 14.3rem;
   float: right;
}
.page-prodlist{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.page-prodlist li{
   width: 3.5rem;
   height: 3.12rem;
   margin-bottom: 0.08rem;
   margin-right: 0.1rem;
}
.page-prodlist li:nth-child(4n){
   margin-right: 0;
}
.page-prodlist li a{
   text-decoration: none;
   color: #fff;
}
.page-prodlist li img{
   width: 100%;
   height: 2.7rem;
   box-sizing: border-box;
   border: 1px solid #eeeeee;
}
.page-prodlist li span{
   width: 100%;
   height: 0.42rem;
   line-height: 0.42rem;
   display: flex;
   background-color: #505050;
   color: #fff;
   align-items: center;
   justify-content: center
}
.page-prodlist li:hover span{
   background-color: #0068b7;
}
.prodpage-right{
   width: 9rem;
   float: right;
}
.prodpage{width: 100%;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 0.39rem auto 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage-cont .pro-top{text-align: center;border-bottom: 1px solid #d0d0d0;padding-bottom: 16px;}
.prodpage-cont .pro-top h1{font-size: 18px;font-weight: bold;}
.prodpage-cont .center{width: 100%;height: 3.02rem;margin-top: 0.34rem;
text-align: center;}
.prodpage-cont .center img{width:  3.72rem;height: 3.02rem}
.prodcontent{width: 100%;height: auto;padding-bottom: 0.2rem;overflow: hidden;margin-top: 0.3rem;}
.page-newslist{
   width: 100%;
   height: auto;
   margin-top: 0.24rem;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}
.page-newslist li{
   width: 8.35rem;
   height: 1.35rem;
   margin-bottom: 0.1rem;
   background-color: #fff;
   
   box-sizing: border-box;
   padding:0.2rem 0 0.2rem 0.3rem;
}
.page-newslist li:hover{
    background-color: #0068b7;
}
.page-newslist li:hover h1,
.page-newslist li:hover span{
    color: #fff !important;
}
.page-newslist li:hover .time{
    border-color: #fff;
}
.page-newslist li a{
   width: 100%;
   height: 100%;
   text-decoration: none;
   color: #333;
   display: flex;
   justify-content: space-between;
}
.page-newslist li .cont{
   width: 6.63rem;
}
.page-newslist li .cont h1{
   display: block;
   width: 100%;
   height: 0.3rem;
   line-height: 0.3rem;
   font-size: 0.2rem;
   color: #333;
}
.page-newslist li .cont span{
   display: block;
   width: 100%;
   line-height: 0.24rem;
   margin-top: 0.14rem;
   color: #52504d;
   font-size: 0.14rem;
}
.page-newslist li .time{
   width: 1.4rem;
   border-left: 1px solid #000;
}
.page-newslist li .time h1{
   display: block;
   width: 100%;
   height: 0.6rem;
   font-size: 0.6rem;
   font-weight: bold;
   text-align: center;
   line-height: 0.6rem;
}
.page-newslist li .time span{
   display: block;
   line-height: 0.4rem;
   width: 100%;
   text-align: center;
   color: #52504d;
   font-size: 0.24rem;
}
.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:#407aee;}
.piclista{
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
}
.piclista li{
   width: 24%;
   margin-right: 1.3%;
   margin-bottom: 0.22rem;
}
.piclista li:nth-child(4n){
   margin-right: 0;
}
.piclista li img{
   width: 100%;
   height: 100%;
}
.gclist{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
}
.gclist li{
   width: 3.6rem;
   height: 2.9rem;
   margin-bottom: 0.08rem;
   margin-right: 0.85rem;
}
.gclist li:nth-child(4n){
   margin-right: 0;
}
.gclist li a{
   text-decoration: none;
   color: #fff;
}
.gclist li img{
   width: 100%;
   height: 2.4rem;
   box-sizing: border-box;
   border: 1px solid #eeeeee;
}
.gclist li span{
   width: 100%;
   height: 0.42rem;
   line-height: 0.42rem;
   font-size: 0.18rem;
   display: flex;
   color: #333;
   align-items: center;
   justify-content: center
}
.contact{width: 100%;height: 5.35rem;background-color: #0066cb;display: flex;}
.contact .map{width: 13rem;height: 5.35rem;box-sizing: border-box;border: 1px solid #ccc;}
.contact .contact-cont{width: auto;box-sizing: border-box;padding: 0 25px;flex: 1;}
.contact .contact-cont p,
.contact .contact-cont a{
    color: #fff;
}
.contact .contact-cont p:first-child{
    font-size: 18px;
}
.ce{
    display: flex;
    flex-wrap: wrap;
}
.ce p{
    flex: 0 0 24%;
    margin-right: 1%;
}
.ce p:last-child{
    margin-right: 0;
}
.ce p img{
    width: 100%;
}