html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; font-weight:normal;}
ul, ol { list-style-type: none;}em { font-style: normal}
body {
color: #444;
margin: 0;
position: relative;
height: 100%;
}
input,textarea { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif;line-height:30px; border:none;outline:none;}
a { color: #333; text-decoration: none;cursor: pointer;}
a:hover { color: #2751a7;}
body, div{ line-height:26px; font-size: 16px}
/*********common area*************/
.g-c-area {margin:0px auto; position: relative}
.fl-left {float:left}
.fl-right {float:right}
.txt-c {text-align: center}
/**clear**/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*******************/
.w1080 {width:1200px;margin:0 auto;border:0px solid #ccc}
.mb30 {margin-bottom: 30px}
.sp10 {font-size:1px;display:block; clear:both;overflow:hidden;height:10px;}
.gray {color:#aaaaaa}
/*******list*******/
.cm-ul-list {}
.cm-ul-list li { line-height: 34px;height:34px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.2s linear; -webkit-transition:all 0.2s linear}
.cm-ul-list li a {margin-left:5px}
.cm-pic-list {}
.cm-pic-list li{float:left;margin-right:3.2%;width:30%; margin-bottom:20px;}
.cm-pic-list img {width:100%;height:100%}
.cm-pic-list p { overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center}
.cm-pic-list li a { margin:10px 0 6px}
.cm-picrw-list {}
.cm-picrw-list li {margin-bottom: 20px; position: relative;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.cm-picrw-list li>a { display: block; position: relative; margin-right:20px}
.cm-picrw-list li>a img { width: 175px; height: 115px; display: block; position: absolute;top:0px;left:0px; z-index: 20 }
.cm-picrw-list li p {margin-left:190px }
.cm-picrw-list li a p,
.cm-picrw-list li p { height: 115px; line-height: 29px;border-bottom: 1px solid #e9e9e9;overflow: hidden; }
.img-overw {position: relative;line-height: 0px; display: inline-block}
.img-overw img {width:100%;height:100%}
.img-overw p {position: absolute; width: 100%; height: 50px;line-height: 58px; bottom: 0px; color: #fff;
padding: 0 8px; background: -webkit-linear-gradient(bottom, rgba(0,0,0,1), rgba(0,0,0,0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.pagenumb {padding:10px 0; text-align: center}
.pagenumb a {margin:0 10px; display: inline-block;width:12px;height:18px}
.pagenumb a img {width:100%;height:100%}
.pagenumb em {width:7px;height:7px; border-radius: 4px; background: #fff; display: inline-block;margin:5px 6px}
.pagenumb em.on {background: #fde47b}
.videobox {}
.videobox li {position: relative}
.videobox li a img { width: 100%; height: 100%; }
.videobox li>a:before, .videobox a:before {
content: ''; display: block; width: 60px; height: 60px;
background: url("/news/images/20220409/i-play.png") no-repeat;
background-size: 100%; border-radius: 50%;
position: absolute;
left: 50%; top: 50%; z-index: 10;margin-left:-30px;margin-top:-30px;
}
.list-2col li {float:left;width:47%;margin-right:3%;}
.list-4col li {float:left;width:25%}
.list-5col li {float:left;width:20%}
/*****/
/*背景*/
/*.sc_top{ background: url("/news/images/20220409/top.jpg") no-repeat top;height:720px; background-size: cover}
@media screen and (max-width:1920px) {
}*/
body {background: #fff}
.fl_left {float:left}
.fl_right {float:right}
.rollleft ,.rollright {margin:0 5px}
.cm-pic-list {width:103.5%}
.cm-ul-list li a{ background:url("/news/images/20220409/dot.png") no-repeat 0 center;padding-left:12px;background-size:4px 4px}
@media screen and (max-width:1920px) {
}
/*** all ****/
.section { overflow: hidden; position:relative ;/* height:950px; */width:100%;height: 100%;}
.section .bg-img { position: absolute;
width: 100%; height: 100%; left: 0; top: 0; z-index: 1;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.section .scont {z-index: 10;position: absolute;width:1200px; height:640px; top:50%;margin-top:-20%;left: 50%;margin-left: -600px;}
.s1-area{margin-top:-15%!important;}
/*栏目*/
.sc-title-bgw {height:95px; text-align: center; }
.sc-title-bg1 {background: url("/news/images/20220409/bar1.png") no-repeat center 0; }
.sc-title-bg2 {background: url("/news/images/20220409/bar2.png") no-repeat center 0; height:95px}
.sc-title-bg3 {background: url("/news/images/20220409/bar3.png") no-repeat center 0;}
.sc-title-bg4 {background: url("/news/images/20220409/bar4.png") no-repeat center 0;}
.sc-title-bg5 {background: url("/news/images/20220409/bar5.png") no-repeat center 0;}
.sc-title-bg6 {background: url("/news/images/20220409/bar6.png") no-repeat center 0; }
.sc-title-bg7 {background: url("http://www.hinews.cn/news/pic/003/218/221/00321822194_d1ebb3d1.png") no-repeat center 0; height:115px}
.sc1 .bg-img { background-image: url(http://www.hinews.cn/news/pic/003/218/230/00321823018_65cb4403.jpg); -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center 0; }
.sc2 .bg-img { background-image: url(/news/images/20220409/bg-s2.jpg) }
.sc3 .bg-img { background-image: url(/news/images/20220409/bg-s3.jpg) }
.sc4 .bg-img { background-image: url(/news/images/20220409/bg-s4.jpg) }
.sc5 .bg-img { background-image: url(/news/images/20220409/bg-s5.jpg) }
.sc6 .bg-img { background-image: url(/news/images/20220409/bg-s6.jpg) }
.sc7 .bg-img { background-image: url(/news/images/20220409/bg-s7.jpg) }
/******* 底部 *****/
.footer{width:100%;background:#00397f}
.copyright{ width:100%;padding:30px 0 30px 0;}
.copyright p{font-size:12px; color:#a4bcf3;text-align: center;}
/****/
.sc1-cont { text-align: center;width:100%;margin:0 auto}
.sc1-cont img{ width:100%;height:100%}
.s2-area {position: relative;background: url("/news/images/20220409/c2-bg.png") no-repeat center 30px; }
.s2-area .sc-title-bg2 {position: absolute;right:20px;top:00px ;z-index: 20;width:460px;}
.s2-area .fl-left {width:550px;padding:46px 0 0 23px}
.s2-area .fl-left img {width:100%;height:100%}
.s2-area .fl-left a{color:#fff}
.s2-area .fl-right {width:540px;padding:140px 40px 0 0}
.s2-area .fl-right h3 {font-size: 24px;font-weight: bold;margin-bottom:15px}
.s2-area .fl-right h3 a{color:#4b4a9a;}
.s2-area .fl-right li {height: 38px;line-height: 38px}
.s2-area .fl-right .cm-ul-list li:hover {background: #cfceea}
.s2-area .bd {height:510px}
.dmlist span{margin-bottom: 25px;line-height: 45px;background: #b3c2f2;border-radius: 30px; padding:5px 16px; absolute;cursor: pointer;position: relative;}
.dmlist li {display: inline-block;line-height: 36px;margin:10px 8px 10px;}
.dmlist li span:before {
content: ''; display: block; width: 16px; height: 12px;
background: url("/news/images/20220409/i-adown.png") no-repeat;
background-size: 100%; border-radius: 50%;
position: absolute; left: 50%; top: 30px; z-index: -1;margin-left:-8px; }
.dmlist li span:hover {background:#7d90cc;color:#fff}
.dmlist li span:hover a{color:#fff !important;}
.dmlist li span:hover:before {background: url("/news/images/20220409/i-adown2.png") no-repeat;}
.s2-area .more {width:100%;display: inline-block;padding:20px}
/****/
.s3-area .bd {position: relative;background: url("/news/images/20220409/s3line.png") no-repeat 0 -30px;width:100%;height: 520px;margin-top:10px}
.lxitem {position: absolute;z-index: 10;width:280px}
.lxitem div {float:left}
.lxitem .lx-name {padding-top:20px;}
.lxitem .lx-pic{margin-left:0px;background: url("/news/images/20220409/p3bg.png") no-repeat;width:136px;height:96px;padding:22px}
.lxitem .lx-pic img {width:100%;height:100%; }
.videoarea {width:800px; position: absolute; top:50%;left:50%;margin-left:-400px; margin-top:-250px; z-index: 20;background: #013b83;padding:12px; line-height: 0px;}
.video-close {width:100%; position: absolute;top:-20px;right:-20px; z-index: 20; text-align: right}
#videoPlay2 { }
/***/
.section .s4-area {position: relative;width:1100px;margin-left:-550px}
.onepic {position: absolute;top:100px;left:0px;z-index: 20;background: #fff;border:#013b83 10px solid;width:900px;line-height: 0px}
.twopic {position: absolute;top:130px;right:0px;z-index: 10;background: #063165;width:800px;}
.twopic img {opacity: 0.4;filter:alpha(opacity=40);}
.onepictitle {position: absolute;bottom:20px;left:0px;z-index: 25; background-image: url("/news/images/20220409/pictitlebg.png");
width:840px;line-height: 0px;height:60px;color:#fff;line-height: 61px;padding-left:70px;font-size: 18px}
.s4-area img {width:100%;height:100%; }
.sc4 a.arrow-left { position: absolute;top:320px;left:50px;z-index: 5;opacity: 0.6;filter:alpha(opacity=60); display: inline-block}
.sc4 a.arrow-right { position: absolute;top:320px;right:50px;z-index: 35;opacity: 1;filter:alpha(opacity=100); display: inline-block}
/****/
.s5-area {position: relative}
.sc5 .bd {width:940px;margin:0px auto ;padding:20px 20px 0px;}
.sc5-list {width:100%;overflow: hidden}
.sc5-list ul {width:103%}
.sc5-list ul li {width:31%;margin-right:2%;line-height: 0}
.sc5 a.arrow-left { position: absolute;top:320px;left:50px;z-index: 5;opacity: 0.6;filter:alpha(opacity=60); display: inline-block}
.sc5 a.arrow-right { position: absolute;top:320px;right:50px;z-index: 5;opacity: 0.6;filter:alpha(opacity=60); display: inline-block}
.s6-area .bd {text-align: center}
/****/
.sc7-list {margin:15px auto 20px}
.sc7-list .item {float:left; background: #fff;width:100%; position: relative; line-height: 0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear}
.sc7-list .item img{width:100%}
.sc7-list .item p{padding:10px 15px ; }
.sc7-list .item-col {height:90px}
.sc7-list .item:nth-child(even) img{ }
.sc7-list .item:nth-child(odd) img{position: absolute;top:90px;}
.sc7-list .item:hover {background: #4087de;color:#fff}
.col-loop {text-align: center}
/* 在原先实现稿基础上新增 */
/* bannerTab的样式 */
.tabItem .swiper-slide img{width: 550px;height: 309px;}
.tabItem .swiper-slide p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 老外讲故事开始样式 */
#videoPlay2{display: none;}
.lx-pic{cursor: pointer;}
/* 我和我的自贸港 */
.myZimaog .swiper-slide {height: calc((100% - 30px) / 2);position: relative;}
.myZimaog .swiper-slide p{position: absolute;bottom: 8px;width: 90%;background-color: rgba(0,0,0,0.5);color: #FFFFFF!important;height: 30px;line-height: 30px;font-size: 16px;padding: 0 5%;}
.myZimaognext:after,.myZimaogprev:after{display: none!important;}
/* 专题延申样式 */
.item> p a{position: relative;}
.item:hover a{color: #FFFFFF!important;}
.sc7-list {padding-bottom: 80px;position: relative;}
.sc7-list .swiper-pagination{bottom: 0;text-align: center;width: 100%;}
.sc7-list .swiper-pagination span{margin: 0 5px;}
.sc7-list .swiper-pagination-bullet-active{width: 30px;border-radius: 3px;height: 5px;background-color: rgb(28,92,197);}
/* 生动自贸港样式 */
.shengdongBox{display: flex;justify-content: space-between;background: #294b90;}
.s4-arealeft{width: 690px;padding: 12px;background: #153a85;position: relative;}
.s4-areaRight{width: 280px;color: #fff; padding: 30px 40px;}
.s4-arealeft button{position: absolute;bottom: 20px;left: 20px;background: none;border: none; width: 50px;}
.s4-arealeft video,.s4-arealeft>img{width: 100%;}
.s4-areaRight h3{font-size: 26px;color: #fff;margin-bottom: 20px;line-height: 34px;}
.s4-areaRight p {color: #fff;font-size: 12px;line-height: 24px;padding-bottom: 10px;}
/* 导航样式 */
.swiper-container {width: 100%;height: 100%; }
.nav{z-index: 999; position: fixed;width:200px;height:393px;z-index: 10;top:50%;margin-top: -262px;right:0%; margin-left:500px;background-image: url(/news/images/20220409/navBg.png);background-size: 100% 100%;background-repeat: no-repeat; padding-top: 90px;display: none;}
.nav i{font-size: 16px;color: rgb(28,51,133); cursor:pointer; width:185px;line-height: 45px;font-style:normal;text-align:center;float: left;}
.nav i.this{font-size: 17px;font-weight: bold;display: block;}
.closeNav{position: absolute;top: 25px;right: 15px;}
/* 头图下拉箭头样式 */
.sc1{position: relative;}
.goTo{position: absolute;bottom: 50px;z-index: 99;left: 50%;border: 2px solid #ffffff; border-radius: 50%;padding: 5px;}
/* */
.dmlist {width: 1200px;overflow: hidden;margin: auto;}
.dmlist>ul {white-space: nowrap;}
.dmlist>ul>li {display: inline-block;margin: 10px;}
.padding-5 {padding: 5px;}
.margin-t-20 {margin-top: 20px;}
/* */
.mySwiper .swiper-slide img{width: 550px;height: 309px;}
@media screen and (max-width:1440px) {
.s1-area{margin-top: -18%!important;}
}
@media screen and (max-width:1380px) {
/* .section .scont{top: 30%;} */
.s1-area{margin-top: -20%!important;}
.s2-area .sc-title-bg2{right: 12%;}
.s2-area,.s6-area,.s5-area,.s4-area,.s3-area,.s7-area{top: 35%!important;}
}
/* 手机版样式 */
@media screen and (max-width:750px) {
body{height: auto;}
*,.s2-area .bd{float: inherit;height: auto;}
.section .scont{position: inherit;height: auto!important;margin-left: 0;top: 0;width: 100%;}
.swiper0>.swiper-wrapper{display: flow-root!important;}
.sc1-cont img{width: 90%;}
.s1-area{padding-top: 45%!important;left: 0!important;padding-bottom: 50%;}
.section .scont{margin-top: 15%;left: 0;}
.s2-area{background: none;}
.s2-area .sc-title-bg2{width: 100%;position: inherit;height: 80px;background-size: 200%;}
.s2-area .fl-left,.s2-area .fl-right{width: 100%;padding: 0;}
.goTo{display: none;}
.fl-right{float: inherit;}
.cm-ul-list,{width: 90%;margin: auto;}
.dmlist{width: 100%;}
.s2-area .more{width: 100%;margin:20px auto;padding: 0;}
.sc-title-bgw{background-size: 200% !important;}
.lxitem{position: inherit;width: 47%;left: 0!important;top: 0!important;display: flex;}
.s3-area .bd{background: none;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lxitem div{float: inherit;}
.lxitem .lx-pic{width: 100%;height: auto;background: none;}
.lxitem .lx-name{padding-top: 0;width: 20px;}
.lxitem .lx-pic img{max-height: 85px;background-color: #FFFFFF;padding: 5px;border-radius: 5px;border: solid #eee;}
.videoarea{width: 95%;left: 0;margin-top: 0;margin-left: 0;top: 40%;padding: 15px 2.5%;}
.video-close{right: 1%;top: -5px;}
.tabBox{flex-wrap: wrap;}
.Tabarealeft,.shengdongBox,.tabBox,.tabContent,.tabTop{width: 100%!important;height: auto!important;}
.sc3pic,.sc3pic video,.player{width: 100%!important;padding: 0;}
.sc3-rig h3{font-size: 20px;}
.sc5 .bd{width: 90%;padding: 0 0 150px 0;margin: 20px auto;min-height: 300px;}
.myZimaognext, .myZimaogprev {top: 65%!important;}
.myZimaogprev{left: 30%!important;}
.myZimaognext{right: 30%!important;}
#showcase{width: 100%;height: auto;}
.wrap3d{width: 95%;margin-left: 5%!important;}
.footer{position: inherit!important;}
.sc-title-bg7{height: 70px;}
.sc7-list .swiper-pagination{bottom: 100px;}
.sc7-list{padding-bottom: 180px;}
.cm-pic-list img{border-radius: 5px;}
.s2-area .fl-left{margin-bottom: 20px;}
.mySwiper .swiper-slide{position: relative;}
.mySwiper .swiper-slide p{position: absolute;width: 90%;background-color: rgba(0,0,0,0.5);padding: 5px 5%;bottom: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.shengdongBox{flex-wrap: wrap;}
.s4-areaRight{width: 90%;margin: auto;padding: 0;}
.sc5-list li img{max-height: 180px;}
.cm-pic-list li a,.cm-pic-list li a div{display: block;width: 100%;}
.s2-area .fl-right h3{font-size: 20px;line-height: 30px;padding: 0 10px;}
.lxitem .lx-pic{padding: 22px 30px;}
.s4-areaRight h3{font-size: 23px;}
.s4-areaRight p{font-size: 16px;}
.mySwiper .swiper-slide img{width: 100%!important;height: auto!important;}
}