@charset "utf-8";
/* CSS Document */

/*body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}


em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}*/
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/19e1f3b551_banner.jpg) no-repeat center 40px; overflow-x: hidden;}
a{color:#000;text-decoration:none}
a:hover{color:#0068b7;text-decoration:none;}
/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.content{ width:1000px; margin:0 auto; position:relative;}

.boxMo{ min-width:1000px;}



body {/* font-size:62.5%;*/ font-family: 'Microsoft YaHei',"微软雅黑",sans-serif; }

body, html { height: 100%;/* font-size: 62.5%*/ }


.nav{ position: absolute; top: 102px; left: 0; width: 100%; height: 50px; background-color: #0068b7; z-index: 999;}
.nav a{ position: relative; float: left; width: 12.5%; height: 50px; font: 16px/50px "Microsoft Yahei"; color: #fff; text-align: center;  cursor: pointer;}
.nav a:hover	{ background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/nav_bot.jpg) no-repeat center 40px;}
.nav a span{ position: absolute; right: 0; top: 0; width: 2px; height: 50px; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/nav_bor.png) no-repeat center top;}

.nav_fixed{ position: fixed; top: 40px; width:100%; left:0;}

#bgBox_wrap{ height: 1016px; z-index: 99;}
#bgBox_wrap .banner_cov{ position: absolute; top: 0; left: 50%;  width: 1920px; margin-left: -960px;}
#bgBox{ height: 1080px}

/*.iebox{ display: none; display: block\9;}*/

.main { position: relative; /*margin-top: -1080px; margin-top: 0\9;*/  height: 100%; position: relative; z-index: 1;}

.clouds_one {
  /*background: url("cloud_one.png"?tr=1);*/
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: 100%;
  -webkit-animation: cloud_one 50s linear infinite alternate;
  -moz-animation: cloud_one 50s linear infinite alternate;
  -o-animation: cloud_one 50s linear infinite alternate;
  animation: cloud_one 50s linear infinite alternate;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.clouds_two {
  /*background: url("cloud_two.png"?tr=1);*/
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: 100%;
  -webkit-animation: cloud_two 75s linear infinite alternate;
  -moz-animation: cloud_two 75s linear infinite alternate;
  -o-animation: cloud_two 75s linear infinite alternate;
  animation: cloud_two 75s linear infinite alternate;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.clouds_three {
  /*background: url("cloud_three.png"?tr=1);*/
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
  width: 100%;
  -webkit-animation: cloud_three 100s linear infinite alternate;
  -moz-animation: cloud_three 100s linear infinite alternate;
  -o-animation: cloud_three 100s linear infinite alternate;
  animation: cloud_three 100s linear infinite alternate;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*animate*/

@-webkit-keyframes cloud_one {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@-moz-keyframes cloud_one {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@keyframes cloud_one {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}

@-webkit-keyframes cloud_two {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@-moz-keyframes cloud_two {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@keyframes cloud_two {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}

@-webkit-keyframes cloud_three {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@-moz-keyframes cloud_three {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
}
@keyframes cloud_three {
  0% {
	/*left: 0*/
	transform: translateX(0);
  }
  100% {
	/*left: -200%*/
	transform: translateX(-100%);
  }
} 

/* ------------img_block_wrap-------------------*/
.img_block_wrap {
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    overflow: hidden;
    z-index: 1;
}


.img_block_con{
	position: absolute; top: 50%; left: 50%; width: 1100px; margin-left: -550px; z-index: 99; text-align: center; color: #fff;
}

.fixed_bg{  
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: block;
}

.fixed_bg .fixed_bg_con{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	z-index: -1
}

.fixed_bg .fixed_bg_con img{
	object-fit:cover;
}

@media only screen and (max-width: 768px) {
  .img_block_wrap .img_block_con{
      z-index: 10;
      min-width:100%;
      width:100%;
      margin: 0 auto;
      padding: 6em 1em;
      display: block;
  }

  .img_block_wrap .img_block_con h1, .img_block_wrap .img_block_con h2 {
        position: absolute;
        font-size:40px;
        font-size: 4rem;
        line-height: 4.4rem;
        font-weight:bold;
        display: block;
        left: 30%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-20%) translateY(-50%);
        -moz-transform: translateX(-20%) translateY(-50%);
        -ms-transform: translateX(-20%) translateY(-50%);
        -o-transform: translateX(-20%) translateY(-50%);
        transform: translateX(-20%) translateY(-50%);
    }
      .img_block_wrap .fixed_bg img{
         width: 100%;
         height: 100%;
      }

}

  

@media only screen and (min-width: 768px) {
  .fixed_bg{
    clip: rect(0,auto,auto,0);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
  
@media only screen and (min-width:1300px) {

  .img_block_wrap .img_block_con h1, .img_block_wrap .img_block_con h2 {
      font-size:65px;
      font-size: 6.5rem;
      font-weight:bold;
      line-height:7.6rem;
  }
}

/* ------------img_block_wrap-------------------*/


/* ------------box------------------*/
.box{
    /*overflow-x: hidden;*/
    display: block;
    position: relative;
}

.box .box-content{
	position:relative;
	margin: 0 auto;
	max-width: 1360px;
	z-index: 99;
}

.box-content .box-content-side{
    width: 720px;
    min-height: 1080px;
    padding: 20px 40px 20px;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ffffff', endColorstr='#99ffffff');
    background:rgba(255,255,255,.8);
}

/*.box-content .box-content-side.left-side{
	margin-right: 50%;
    margin-left:  0%;
}*/

/*
  .box .box-bg{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
  }

    .box-bg .box-bg-content{
        position: fixed;
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }*/  
    

@media only screen and (min-width: 768px) {
    /*.box .box-bg{
        clip: rect(0,auto,auto,0);
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }*/

    
}
 
/*@media (max-width:1100px) {
 .box .box-content{
     padding: 0px 0px;
  }

   .box-content .box-content-side{
      margin-left:  0;
      background:rgba(255,255,255,.8);
      padding: 10px 20px 10px 20px;
    }

    .box-content .box-content-side.left-side{
      margin-left:  0;
      margin-right:  0;
    }
}

@media (max-width:768px) {
   .box-content .box-content-side{   
      padding: 20px 20px;
    }
}*/

/* ------------box------------------*/


/**/
.mobile_lmT{ display: none;}

.headline_block{ }
.headline_t{ font: bold 36px/44px "Microsoft YaHei";}
.headline_t a{ color: #003083;}
.headline_des{ font-size: 20px; line-height: 40px; padding: 15px 0;}

.lmT{ position: relative; height: 50px; margin-bottom: 10px; font: bold 28px/48px "Microsoft Yahei"; color: #333; text-indent: 15px; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/lmT_bot.png) repeat-x center bottom;}
.lmT span{ position: absolute; left: 1px; top: 50%; width: 4px; height: 20px; margin-top: -10px; background-color: #0068b7; border-radius: 1px;}
.lmT .btn_more{ position: absolute; top: 0; right: 0; width: 19px; height: 39px; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/87fde434ba_btn_more.png) no-repeat center top;}

.newsList{ margin-bottom: 20px;}
.newsList li{ position: relative; height: 44px; padding-left: 14px; font: 18px/44px "Microsoft Yahei"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newsList.lh50 li{ height: 50px; line-height: 50px;}
.newsList.lh60 li{ height: 60px; line-height: 60px;}
.newsList li .dot{ position: absolute; top: 50%; left: 2px; width: 2px; height: 8px; margin-top: -4px; background-color: #0068b7;}
.newsList li a{}

.slider1_wrap{ position: relative; width: 720px; height: 360px; overflow:hidden;}
.slider1{}
.slider1 li{ position: relative; width: 720px; height: 360px;}
.slider1 li img{ width: 720px; height: 360px;}
.slider1 .slider_t{ position: absolute; bottom: 0; left: 0; width: 720px; height: 50px; font: 20px/50px "Microsoft Yahei"; text-align: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000'); background: rgba(0,0,0,0.5);}
.slider1 .slider_t a{color: #fff;}

.slider1_wrap .bx-wrapper{ position: relative;}
.slider1_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}


.slider1_wrap .bx-prev, .slider1_wrap .bx-next{ position: absolute; top: -40px; width: 20px; height: 20px; background-image: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/arr1.jpg); text-indent: 999em; overflow: hidden;}
.slider1_wrap .bx-prev{ right: 30px; background-position: 0 0;}
.slider1_wrap .bx-next{ right: 0; background-position:  -20px 0;}

/*湾区介绍*/
.wqjs_wrap{ height: 315px; background-color: #f1f1f1; border: 1px solid #e3e3e3;}

.wqjs_con{ position: relative; width: 100%; height: 315px;  z-index: 2;}
.map{ position: absolute; top: 0; left: 0; z-index: 3;}
.wqjs_list{}
.wqjs_list li{ position: absolute; width: 40px; height: 31px; font: 14px/24px "Microsoft Yahei"; color: #666; text-align: center; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/wqjs_li_bg.png) no-repeat 0 0; cursor: pointer; z-index: 4}
.wqjs_list li:hover, .wqjs_list li.active{ background-position: -40px 0; color: #fff;}

.li_gz{ left: 168px; top: 51px;}
.li_fs{ left: 106px; top: 94px;}
.li_dg{ left: 227px; top: 97px;}
.li_zs{ left: 160px; top: 160px;}
.li_sz{ left: 262px; top: 148px;}
.li_zh{ left: 138px; top: 230px;}
.li_zq{ left: 30px; top: 74px;}
.li_jm{ left: 56px; top: 212px;}
.li_hz{ left: 319px; top: 82px;}
.li_hk{ left: 278px; top: 197px;}
.li_macao{ left: 192px; top: 218px;}

.wqjs_tem{ display: none; position: absolute; top: 16px; right: 0; width: 320px; height: 230px; z-index: 5}
.wqjs_tem.active{ display: block;}
.wqjs_tem .btn_close{ position: absolute; top: 16px; right: 0; width: 20px; height: 20px; background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/zt/img/a9ec685793_btn_close.png) no-repeat center top; cursor: pointer;}
.wqjs_des{ position: absolute; right: 0; width: 320px; margin-top: 40px; padding: 10px 15px; font: 16px/30px "Microsoft Yahei"; background-color: #fff; border: 1px solid #e3e3e3; background: rgba(255,255,255,0.9); border-radius: 5px;}

.iBlock{ position: relative; width: 720px; height: 360px; margin-bottom: 20px;}
.iBlock img{ width: 720px; height: 360px;}
.iBlock_t{ position: absolute; bottom: 0; left: 0; width: 720px; height: 50px; font: 20px/50px "Microsoft Yahei"; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
    background:rgba(0,0,0,.7); text-align: center; text-overflow: ellipsis; overflow: hidden;}
.iBlock_t a{ color: #fff;}

.newsBlock{ margin-bottom:20px;}
.newsBlock_t{ padding-bottom: 10px; font: bold 28px/36px "Microsoft Yahei";}
.newsBlock_t a{ color: #003083;}
.newsBlock_des{ font: 20px/36px "Microsoft Yahei";}

.jrwq_des{ height: 360px; padding:0 20px; border:1px solid #dfdfdf; overflow-y: scroll;}
.jrwq_des p{font-size: 20px; line-height: 40px; text-indent: 2em;}

.nfch_list{}
.nfch_list li{ width: 720px; height: 360px; margin-bottom: 30px;}
.nfch_list li img{ width: 720px; height: 360px;}
.btn_nfch_list{ display: block; width: 100%; height: 60px; font: 20px/60px "Microsoft Yahei"; text-align: center; color: #666; background-color: #fff;}
a.btn_nfch_list:hover{ background-color: #0068b7; color: #fff;}

.sswq_tem{ position: relative; height: 80px; border-bottom: 1px solid #fff; overflow: hidden; transition: all ease-in-out 0.6s;}
.sswq_tem.active{ height: 580px; transition: all ease-in-out 0.6s;}
.sswq_t{ position: absolute; left: 0; top: 0; width: 100%; height: 80px; padding: 0 25px; background-color: #005db7; font: 22px/80px "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; overflow: hidden; cursor: pointer;}
.sswq_tem.active .sswq_t{ background-color: #2e9599;}
.sswq_i{ position: absolute; left: 0; top: 81px; width: 100%;}
.sswq_i img{ width: 720px; height: 500px;}

.iBlock2{ margin-bottom: 20px;}
.iBlock2 img{ float: left; width: 316px; height: 177px;}
.iBlock2_t{ float: right; width: 366px; padding-top: 20px; font: bold 28px/40px "Microsoft Yahei";}
.iBlock2_t a{ color: #003083;}

.wqzc_wrap{ margin-bottom: 20px; padding: 6px 12px; background-color: #f1f1f1; border: 1px solid #e3e3e3;}
.wqzc_con{ font: 20px/30px "Microsoft Yahei"; }

.banner_dwqlt{ display: block; margin: 20px 0;}

/*newsCenter*/
.newsCenter_block{ width: 720px;}
.newsCenter_block img{ width: 720px; height: 480px;}
.newsCenter_block_t{ margin-top: 20px; font: bold 26px/36px "Microsoft Yahei";}

.newsCenter_list{}
.newsCenter_list li{ height: 60px; padding: 19px 0 20px; font: 20px/30px "Microsoft Yahei"; border-bottom: 1px dashed #c2c2c2; overflow: hidden;}
.newsCenter_list li a{}

/*移动端页脚*/
.mobile_footer{ display:none; padding: 20px 0; background-color:#4883e1;}
.mobile_footer p{ font-size: 14px; line-height:24px; color:#fff; text-align:center;}