@charset "utf-8";
body{font-size: 18px;background:#e4f1fd;}
.banner{background: url(../../images/special/hsnsj24121901.jpg) no-repeat center top; height:260px;;overflow: hidden;padding-top: 390px;}
.contBox{background: url(../../images/special/hsnsj241902.jpg) no-repeat center top; overflow: hidden;padding-bottom: 200px;}
.topheader {display: flex;height: 60px;justify-content: space-between;}
.header{background: #fff; overflow:hidden;}
.topheader img {height: 60px;}
.menulist {display: flex;height: 100%;align-items: center;}
.menulist li {margin: 0 15px;}
.bottom {background-color: #5db7f6;padding-bottom: 50px;}
.about {background-color: #3c98d8;line-height: 80px;font-size: 18px;text-align: center;color: #8DD5A0;margin-bottom: 30px;}
.about a {color: #FFF;}
.Copyright {line-height: 36px;font-size: 14px;width: 360px;text-align: left;color: #e7ffed;;white-space: nowrap}
.Copyright img {float: left;margin-right: 10px;margin-top: 10px;}
.mianCloum{width: 1200px;}
.mobImg {display: none;}

.bgC{background: url(../../images/special/hsnsj24121913.jpg) no-repeat right bottom; overflow: hidden;}
.bgbox{padding: 30px;}


.hr_50{height: 50px;}



.cloum01{width: 680px;}
.cloum02{width:520px;}
.spbox{border: 5px solid #f9fa47; border-radius: 30px;}

#example_video_1{width:670px!important;height:375px!important;}


.video-js .vjs-tech,#example_video_1{border-radius: 30px;}

.iphimg{display: none;}
.tit{font-weight:bold; margin-top: 60px;}
.tit{font-size: 20px;line-height: 36px;color: #fff;margin-bottom: 10px;}
.tit-sum{line-height: 32px;font-size: 18px;color: #fff;text-indent: 2em;}



@media (max-width: 768px){
    .mianCloum{width: 96%;}
    .domMobile,.mobImg {display: block;}
    .mobImg img,.pic img,.iphimg img{ display: block;width: 100%; height: auto;}
    .banner{display: none;}
    .contBox{background-size: cover;}

    .picList dd{width: 44%;margin:0 2% 30px 2%;}
.picImg img{width: 100%;height: auto;}


.iphimg{display: block;}

.hot-img img{width: 80%;}



.menulist{display: none;}
.logopic{float: left;}

.ticon{display: none;}

#example_video_1{width: 320px!important;height: 180px!important;}
.contBox{padding-bottom:30px;}



.cloum01,.cloum02{float: none!important;width: 100%!important;}

.spbox{border: none;}
.bgbox{padding: 15px;margin-top: 20px;}
.tit{margin-top: 15px;}


.bgC{background: none;}








.video-js .vjs-tech, #example_video_1{border-radius: 10px;}

.bgbox{background: url(../images/special/hsnsj24121913.jpg) no-repeat right bottom; overflow: hidden; background-size: cover;}
}