﻿@charset "utf-8";
/*CSS通用重置样式*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;list-style:none; text-decoration:none;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {font-size:12px;color:#333;background:#FFF;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clearfix:before,.cf:before,.clearfix:after,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{zoom:1;}
html{_text-overflow:ellipsis;} /*���IE6��ͼƬ����*/ 
iframe{display:block;}

ol, ul {list-style: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Init */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend{margin: 0; padding: 0;border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

/* common */
body { font: 14px/1.5 "Helvetica Neue", Microsoft YaHei, "Microsoft Yahei", Helmet, Freesans, sans-serif; color:#333333; 
}
a,a:visited{ text-decoration:none;}

.clearer{ line-height:0px; clear:both; }
strong{ font-weight:bold;}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} 
.clear {display: inline-block;    }
/**//* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/**//* End hide from IE-mac */


.header {
  width:100%;
  background:url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/home/img/eco_header.png) no-repeat center top;
  height:118px;
}

.headlines {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 42px;
  color: #0b699f;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 30px;
}
.headlines a {
  color:#0b699f
}
.headlines a:hover {
  color:#086295
}

.con {
  width:1200px;
  margin:0 auto;
  overflow:hidden;
  margin-top: 32px;
}




.part1_left {
  width: 674px;
  height: 380px;
  float: left;
  color: #333;
  position: relative;
  padding-top: 16px;
}



.part1_left .pagination {
  display: block;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
}
.part1_left_con {
  width: 674px;
  height: 380px;
}
.part1_left .swiper-slide {
  width: 674px;
  height: 380px;
  position: relative;
}
.part1_left .swiper-slide img{
  width: 674px;
  height: 380px;
}
.part1_left .swiper-slide h5 {
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 10;
  height: 45px;
  line-height: 45px;
  background: rgba(34, 69, 137, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\8;
  text-align: center;
}

.part1_left .swiper-slide h5 a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  margin-left: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1";
}

.part1_left .part1_left_prev,
.part1_left .part1_left_next {
  position: absolute;
  width: 40px;
  height: 74px;
  background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/home/img/eco_btn.png) no-repeat;
  z-index: 999;
}

.part1_left .part1_left_prev {
  top: 50%;
  margin-top: -37px;
  left: 0;
  background-position: 0 -74px;
  cursor: pointer;
}

.part1_left .part1_left_next {
  top: 50%;
  margin-top: -37px;
  right: 0;
  background-position: -40px -74px;
  cursor: pointer;
}

.part1_left .part1_left_prev:hover {
  background-position: 0 0;
}

.part1_left .part1_left_next:hover {
  background-position: -40px 0;
}

.part1_right {
  width: 526px;
  float:left;
  overflow:hidden;
}
.part1_right_top {
  width: 520px;
  height:60px;
  position: relative;
}

.part1_right_top a {
  display: block;
  width:35px;
  height:35px;
  position: absolute;
  right: 7px;
  top: 19px;
}
.part1_right ul {

padding-left: 45px;
}
.part1_right ul li {
  color: #333;
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  border-bottom: 1px #e3e3e3 dashed;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.banner_con {
  width:1200px;
  overflow:hidden;
  margin:0 auto;
  margin-top:35px;
}
.banner_con img {
  width: 32%;
  height: 95px;
  border-radius: 10px;
  margin: 0 0.5%;
}

.part2 {
  width:1200px;
  margin:0 auto;
  overflow:hidden;
  margin-top: 45px;
}
.part2_left {
  width:580px;
  float:left;
}
.part2_left_item {
  width:580px;
  overflow: hidden;
  margin-top: 15px;
  padding-bottom: 11px;
}
.part2_left_item img {
    width: 197px;
    height: 110px;
    float: left;
    margin-right: 10px;
}

.part2_left_item h5 {
 font-size:20px;
 line-height: 29px;
 font-weight:bold;
 color:#333;
 height: 59px;
display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.part2_top {
  width:100%;
  position: relative;
  overflow: hidden;
}
.part2_top a {
  display: block;
  width:35px;
  height:35px;
  position: absolute;
  right: 10px;
  top: 39px;
}
.part2_left_item h5 a{
  color:#333;
}

.part2_left_item p {
  font-size: 16px;
  line-height: 26px;
      display: -webkit-box;
  color:#666666;
  padding-top: 4px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.part2_left_item p a{
  color:#666666;
}



.part2_right {
  width:580px;
  float:left;
  margin-left: 40px;
}


.part2_bigpic {
  width:575px;
  height:326px;
  position: relative;
  margin-top: 15px;
}
.part2_bigpic img {
  width:575px;
  height:326px;
}
.part2_bigpic h5 {
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0px;
  z-index: 10;
  height: 45px;
  line-height: 45px;
  background: rgba(34, 69, 137, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\8;
  text-align: center;
}
.part2_bigpic h5 a {
  color: #fff;
}

.part2_right ul {
margin-top:15px;
}
.part2_right ul li {
  color: #333;
  padding-bottom:10px;
  line-height: 30px;
  font-size: 16px;
  padding-left: 25px;
  padding-right: 25px;
  border-bottom: 1px #e3e3e3 dashed;
  margin-top:10px;
  }
  .part2_right ul li a {
    color: #333;
  }


  .topm {
    width:1200px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 45px;
  }
  .topm a {
    display: block;
    width:35px;
    height:35px;
    position: absolute;
    right: 33px;
    top: 31px;
  }


.part3 {
  width:1200px;
  margin:0 auto;
  overflow:hidden;
  margin-top: 35px;
}

.part3_one {
  width:1200px;
  overflow:hidden;
}
.part3_one ul li {
  width:580px;
  float:left;
  overflow:hidden;
  margin-left: 10px;
  padding-right: 10px;
}
.part3_one ul li img {
  float:left;
  width:233px;
  height:130px;
  margin-right:15px;
  border-radius: 10px;
}

.part3_one h5 {
  font-size:20px;
  line-height: 29px;
  font-weight:
  bold;
  color:#333;
  height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
 }
.part3_one h5 a{
  color:#333;
}

.part3_one p {
  font-size: 16px;
  line-height: 26px;
  color:#666666;
  padding-top: 4px;
  height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.part3_one p a{
  color:#666666;
}


.part3_two {
  width:1200px;
  overflow:hidden;
  margin-top: 20px;
}
.part3_two ul li {
  color: #333;
  float: left;
  margin-left: 10px;
  padding-left: 30px;
  width: 543px;
  margin-right: 10px;
  height: 56px;
  line-height: 56px;
  font-size: 18px;
  background: url(https://nfcms-mainsiteoss.188-5633.com/economy/__tpl_asset/home/img/eco_libg.png) no-repeat left center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px #e3e3e3 dashed;
}


.part4 {
  width:1200px;
  margin:0 auto;
  overflow:hidden;
  margin-top: 35px;
  padding-bottom: 30px;
}

.part4 ul li {
  width:580px;
  float:left;
  overflow:hidden;
  margin-left: 10px;
  padding-right: 10px;
  margin-bottom:25px;
  height: 130px;
}
.part4 ul li img {
  float:left;
  width:233px;
  height:130px;
  margin-right:15px;
  border-radius: 10px;
}

.part4 h5 {
  font-size:20px;
  /* width: 330px; */
  line-height: 29px;
  font-weight:bold;
  color:#333;
  /* float: right; */
 }
.part4 h5 a{
  color:#333;
}

.part4 p {
  font-size: 16px;
  line-height: 31px;
  color:#666666;
  padding-top: 4px;
}

.part4 p a{
  color:#666666;
}




.banner_container {
  width:1200px;
  margin:0 auto;
  height:95px
}


.banner_container .swiper-slide {
  height:95px;
}

.banner_container .swiper-slide  img{
    width: 96%;
    height: 95px;
}
