body{
  overflow-x:hidden
}
.header{
  width: 100%;
  height: 80px;
  padding-left:50px;
  display: flex;
  align-items: center;
  background: url("../images/navmain-bg.png") repeat;
  position: fixed;
  top: 0;
  z-index: 100;
}
.header-bar{
  height: 80px;
}
.header .menu {
  min-width: 120px;
  text-align: center;
  position: relative;
}
.header .menu a{
  display: block;
  width: 100%;
}
.header .menu:hover .menu-list{
  display: block;

}
.header .menu .menu-list ul li:hover{
  background: rgba(255, 255, 255, 0.5);
}
/* .header .menu .menu-list ul li:hover a{
  color: #000;
} */
.header .menu .menu-text{
  line-height: 90px;
  color: #727272;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
}
.menu-list{
  width: 100%;
  position: absolute;
  top: 80px;
  left: 0;
  display: none;
}
.menu-list ul{
  width: 100%;
  background: rgba(0, 0, 0, 0.5)
}
.menu-list ul li{
  width: 100%;
}
.menu-list ul li a{
  color: #fff;
  padding: 10px 0;
}
.menu-list ul li a{
  display: block;
  text-align: center;
  font-size: 20px;
}
.nav{
  margin-left: 10%;
}
.nav ul{
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.nav ul li{
  width: 80px;
  height: 100%;
  line-height: 80px;
  font-size: 18px;
  margin: 0 50px;
  text-align: center;
}
.nav ul li a{
  /* color: #000; */
  color: inherit;
}
.nav ul li:nth-child(1){
  margin-left: 0;
}
/* banner */
.banner .banner-img{
  width: 100%;
  height: 630px;
}
/* 投资指南 */
.investment{
  padding: 20px 0;
  height: auto;
  background: #f8f8f8;
}
.investment-w{
  width: 1280px;
  margin: 0 auto;
}
.tit2{
  margin-bottom: 25px;
}
.title{
  text-align: center;
  margin-top: 20px;
}
.title h3{
  font-size: 36px;
}
.title .desc{
  font-size: 18px;
  color: #9d9d9d;
}
.title img{
  text-align: center;
  width: 34px;
  height: 4px;
  background: #646464;
}
.investment .content-box{
  width: 100%;
  padding-top: 35px;
}
.investment .content-box .tabs{
  /*margin-top: 30px;*/
  margin-bottom: 50px;  
}
.investment .content-box .tabs ul{
  display: flex;
  justify-content: center;

}
.investment .content-box .tabs ul li{
  width: 153px;
  height: 51px;
  margin: 0 15px;
  background: #0f6eda;
  text-align: center;
  line-height: 51px;
  color: #fff;
  font-size: 18px;
  border-radius: 12px;
  cursor: pointer;
}
.investment .content-box .box-text{
  overflow: hidden;
  display: none;
}
.investment .content-box .tab-box{
  overflow: hidden;
}
.investment .content-box .tab-box .box-img{
  width: 635px;
  height: 361px;
  background: #000;
  float: left;
}
.investment .content-box .tab-box .box-img video{
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.investment .content-box .tab-box .box-text{
  width: 645px;
  height: 380px;
  padding: 10px 0 10px 20px;
  float: right;
  position: relative;
}

.investment .content-box .tab-box .box-text h1{
  font-size: 50px;
  color: #6a6a6a;
}
.investment .content-box .tab-box .box-text .text,
.investment .content-box .tab-box .box-text .tab2-text,
.investment .content-box .tab-box .box-text .tab3-text{
  margin-top: 40px;
  text-indent: 2em;
  font-size: 18px;
  color: #343434;
  text-align: justify;
  line-height:35px;
}
.tab2-nav,.tab3-nav,.tab4-nav{
  width: 100%;
  position: absolute;
  bottom:20px;
}
.tab2-nav ul,.tab3-nav ul,.tab4-nav ul{
  display: flex;
  justify-content: center;
}
.tab2-nav ul li,.tab3-nav ul li,.tab4-nav ul li{
  width: 30%;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
}
.tab2-text,.tab3-text,.tab4-text{
  display: none;
}


/* 商品贸易 */
.trade{
  height: 620px;
  position: relative;
  overflow: hidden;
  background: url(../images/item2.jpg)no-repeat;background-size:cover; background-position:center;
}
.trade .trade-box{
  width: 960px;
  height: 100%;
  padding: 20px 0 0 40px;
  float: right;
  color: #fff;
  background: rgba(23,98,183,0.95);
}
.trade .trade-box h2{
  font-size: 24px;
  
}
.trade .trade-box h2::after{
  display: block;
  width: 95px;
  height: 3px;
  margin-top: 7px;
  background: #FFFFFF;
  
  content: "";
}
.trade .trade-box .pagination{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  width: 55%;
}

.trade .trade-box .pagination a{
  color: #fff;
  margin-left: 30px;
  cursor: pointer;
}
.trade .trade-box .pagination1{
	width: 460px;
	text-align: center;
}
.trade .trade-box .pagination1 a{
  color: #fff;
  margin-left: 30px;
  margin-right: 30px;
  cursor: pointer;
}
.trade-list{
  margin-top: 28px;
  display: flex;
}
/* 消费品类 && 工业品类 */
.trade-list .Consumption{
  margin-right: 100px;
}
.trade-list .Consumption .Consumption-title,
.trade-list .Industry .Industry-title{
  width: 154px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  font-size: 18px;
  text-align: center;
}
.trade-list .Consumption .Consumption-list{
	width: 640px;
}
.trade-list .Consumption .Consumption-list li,
.trade-list .Industry .Industry-list li{
  margin-top: 30px;
  font-size: 14px;
  width: 50%;
  float: left;
}



.tab4-texts {border-bottom:1px dashed #000;padding-bottom:10px;}
.tab4-texts:nth-child(1) h2 {margin-top:0;}
.tab4-texts h2 {margin:10px 0;}
.tab4-texts p a {color:#0f6eda;}







/*招商引资*/
.page-three {width:1300px;margin:0 auto;}
.page-three .content-box {margin-top:37px;margin-bottom: 40px;}

.page-three .xm-box {padding-bottom:40px;}

.page-three .list-box {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}

.page-three .list-box .pic {float:left;position:relative;height:225px;width:31.8%;margin-bottom:30px;overflow:hidden; }
.page-three .list-box img {height:100%;width:100%;}
.page-three .list-box span {display:block;position:absolute;z-index:88;left:0;right:0;bottom:0;line-height:20px;padding:12px 10px;font-size:16px;font-family:"microSoft yahei";text-align:center;color:#fff;background: rgba(0, 0, 0, 0.5);height: 48px;}
.page-three .list-box .hide-txt {display:none;position:absolute;z-index:99;left:0;bottom:0;right:0;top:0;padding:20px 10px;font-family:"microSoft yahei";color:#fff;background:rgba(23,98,183,0.95);background:#1762b7\9;}
.page-three .list-box .hide-txt h5 {text-align:center;font-size:16px;line-height:2;text-align: left;min-height: 50px;margin-bottom: 10px;}
.page-three .list-box .hide-txt p {width:96%;margin-top: 10px;font-size:14px;line-height:20px;max-height:30px;overflow:hidden;}
.page-three .list-box .hide-txt a {display:block;margin:0 auto;width:25px;height:25px;line-height:20px;text-align:center;color:#fff;font-size:22px;border:1px solid #fff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;text-decoration:none;outline:none;margin-top: 20px}


/* 项目推荐 */
.recommend {width:1280px;margin:0 auto;}
.recommend ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.recommend ul li {position:relative;margin-top:30px;width:30%;}
.recommend ul li a {display:block;width:100%;height:100%;position:relative;cursor:pointer;}
.recommend ul li a .layer {width:100%;height:48px;position:absolute;bottom:0;background:rgba(0,0,0,0.5);}
.recommend ul li a .layer p {text-align:center;color:#fff;line-height:48px;font-size:16px;}
.recommend ul li:hover .item-isshow {display:block;}
.recommend ul li .item-isshow {display:none;width:100%;height:100%;padding:34px 20px 30px 20px;background:rgba(23,98,183,0.8);position:absolute;cursor:pointer;top:0;left:0;z-index:1;transition:all .8s;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.recommend ul li .item-isshow h3 {text-align:left;color:#fff;font-size:16px;}
.recommend ul li .item-isshow p {font-size:14px;color:#fff;margin-top:18px;}
.recommend ul li .item-isshow .add {width:100%;margin-top:30px;text-align:center;}
.recommend ul li .item-isshow .add img {width:30px;height:30px;}
.ck-more {text-align:center;margin:10px 0;color:#6c6c6c;}

 
/* 文化旅游 */
.travel {width:1300px;margin:0 auto;position:relative;padding-top:35px;color:#000;clear: both;}
.swiper-container {width:1180px;height:100%;}



.swiper-slide {}
.jt-left,.jt-right {border-radius:50%;background:#f1f1f1;width:35px !important;height:35px !important ;font-size:14px !important;position:absolute;border:none;outline:none;}
.jt-left:hover {background:#0f6eda;}
.jt-right:hover {background:#0f6eda;}
.swiper-button-next,.swiper-button-prev {top:55% !important;}
.swiper-button-next:after,.swiper-button-prev:after {font-size:14px !important;color:#ccc;}
.swiper-button-prev:hover .swiper-button-prev:after {color:#fff !important;}

/* 文化旅游 */

.clearfixtr{zoom: 1;}
.clearfixtr:after{content: " ";display: block;clear: both;height: 0;}

 .sales-cards {margin:0 -15px 0 0;*zoom:1;height:300px;width:100%;height:100%;}
.sales-cards .item {float:left;width:283px;display:inline;margin:0 15px 15px 0}
.sales-cards a {display:block;font-size:12px;position:relative;height:300px}
.sales-cards a:hover {text-decoration:none;background-color:#f8f8f8}
.sales-cards .imagewl {height:180px;background:#e5e5e5 ;text-align:center;position:relative}

.sales-cards .imagewl img{height:200px; width:283px;}

.sales-cards .caption {border:1px solid #f1f1f1;padding:5px 10px 18px;position:absolute;left:0;bottom:0;right:0;height:105px;background-color:#fff;-webkit-transition:height .2s ease-in-out .1s;transition:height .2s ease-in-out .1s}


.sales-cards h3 {height:40px;margin-bottom:15px;font-weight:normal;color:#000;line-height:21px;overflow:hidden;-webkit-transition:height .2s ease-in-out .1s;transition:height .2s ease-in-out .1s;}
.sales-cards a:hover .caption {height:170px;background-color:#f9f9f9}
.sales-cards a:hover h3 {height:105px;}
.sales-cards .price {color:#ff8a00;line-height: 2}
.sales-cards .price b {font-size:16px;margin-top: 10px;}
.sales-cards .price-original {color:#999;text-decoration:line-through}
.sales-cards .mark-tag {position:absolute;left:0;top:0;padding:0 7px;line-height:26px;background-color:rgba(0,0,0,.7);color:#fff;font-size:12px}
.sales-cards .mark-type {position:absolute;left:0;top:0;padding:1px;line-height:18px;font-size:12px;color:#12bcc4;background-color:#12bcc4}
.sales-cards .mark-type strong {float:left;padding:0 10px;color:#fff;font-weight:normal}
.sales-cards .mark-type span {float:left;padding:0 8px;background-color:#fff}
.sales-cards .sell {float:right;font-size:12px;color:#666;max-width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top: 10px;}






.clear{ clear:both}


.parton{width:100%;height: 91%;}
.parton ul{}
.parton ul li{background: #f8f8f8; padding: 13px 10px;cursor: pointer;margin-bottom: 5px;transition: all 0.5s;}
.parton ul li .newl{ float:left; width:100%; height:80px; overflow:hidden}
.parton ul li .newl .titt {color: #4c4c4c;font-size: 16px;font-weight: bold;overflow: hidden;width: 100%;display: block;margin-bottom: 10px;height: 25px;line-height: 25px;}
.parton ul li .newl .sub{font-size: 14px;color: #666666;line-height: 24px;width: 100%;max-height:50px;overflow: hidden;}

.parton ul li .newr span{font-size: 42px;display: block;line-height: 45px; text-align:right; padding-right:60px}

:root{--color-white:#FFFFFF;--mutted-border-color:#eaecee;--box-shadow-normal:0 10px 10px rgba(0,0,0,0.08);--box-shadow-hover:0 4px 60px 0 rgba(0,0,0,0.1);}

.parton ul li:hover{border-radius:5px;transform:translateY(-5px);box-shadow:var(--box-shadow-normal),0 0 0 transparent;transition:all .50s cubic-bezier(.02,.01,.47,1);background-color:var(--color-white)!important;}
.parton ul li:hover .newl a{ color:#666}
.parton ul li:hover .newl .sub{color: #666;}




.cart-bttn a {font-size:12px;background:#ffffff;padding:5px 10px;width:100px;display:inline-block;border-color:#d9dde4;transition:0.3s;margin-right:0;float: right;margin-right: 50px;margin-top: 10px;}

.cart-bttn a::before {background:#1086ff;}
.cart-bttn a:hover {color:#fff !important;}

.bttn a {position:relative;font-family:"Muli";font-size:14px;background:#fff;color:#111111;font-weight:400;text-transform:capitalize;display:inline-block;width:100px;text-decoration:none;border:1px solid #63666b;transition:0.5s linear;text-align:center;border-radius:20px;overflow:hidden;z-index:111;margin-right:15px;}
.bttn a::before {content:"";position:absolute;top:0;left:0;width:150%;height:100%;background:#1086ff;z-index:-1;-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;transform-origin:0% 100%;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s,background-color 0.3s;transition:transform 0.3s,opacity 0.3s,background-color 0.3s;z-index:-1;}
.bttn a:hover::before {opacity:1;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);}



/*城市馆项目*/
.cszg3l{float:left;width:33.33333333%;padding:10px}
/*背景*/
.developer-train{clear: both; width:1300px;margin-bottom:20px;}
/*内容*/
.developer-train .tile{position:relative;background:#FFFFFF;height:240px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.10);border-radius:2px}
.developer-train .layer-figure{text-align:center;font-size:18px;color:#252b3a;height:79px;background:url("../images/trainblock.png") no-repeat center}
.developer-train .title{line-height:40px;border-bottom:1px solid #ddd;color:#252b3a;font-size:16px;height:60px;font-weight:600;}
.developer-train .dev-text{text-align:left;margin:5px 10px 0;font-size:14px;color:#444}
/*按钮*/
.developer-train .buttond{position:absolute;bottom:30px;right:35.842%;text-align:center;margin:auto;width:100px;height:32px;border:1px solid #1762b7;font-size:14px;color:#1762b7}
.developer-train .buttond p{line-height:2;color:#1762b7}
.developer-train .buttond:hover{background-color:#1762b7;border:none;cursor:pointer}
.developer-train .buttond:hover a p{color:#fff}


.containerzgshop{padding-right:5px;padding-left:5px;margin-right:auto;margin-left:auto;width:1300px; }




.alcon {padding:20px 0 0 0;overflow:hidden;}


.alcon .bd {width:100%;overflow:hidden;float:left;}
.alcon .bd li {width:13.76%;margin:10px 0.2604% 0 0.2604%;background:#fff;float:left;}
.alcon .bd li .pic {overflow:hidden;margin:1.6949%;}
.alcon .bd li .pic img {width:100%;height:100%;height: 170px }
.alcon .bd li .pic a {-webkit-transition:All 2s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;transition:All 0.4s ease-in-out;}
.alcon .bd li .pic a:hover {text-decoration:none;display:block;transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);}
.alcon .bd li .le {padding: 2%;text-align:center;height:50px;line-height:50px;  vertical-align:middle;background:#ececec;}
.alcon .bd li .le a {display:block;text-decoration:none;}
.alcon .bd li {border:1px solid #ececec;}
.alcon .bd li .le a {vertical-align:middle;}
.alcon .bd li .le a:hover {color:#fff;background:#0092e5;}
