body{ }
.about{ overflow: hidden; padding-bottom: 80px;}
.about-left{ width: 206px; height: 400px; background: #0f7ac7 url(../images/bg-about.png) no-repeat center bottom; padding: 40px 25px; box-sizing:border-box; color: #fff;}
.about-left .about-title{ padding-left: 15px; margin-bottom: 70px;}
.about-left .about-title h3{ font-size: 20px; line-height: 20px; font-weight: 700; position: relative; padding-bottom: 8px;}
.about-left .about-title h3:before{ content: ''; height: 24px; width: 3px; background: #fff;border-radius: 4px; position: absolute; left: -20px; top: -2px;}
.about-left .about-title p{ font-size: 14px; line-height: 14px;}
.about-left .ab-class li{  width: 156px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 15px; background: rgba(255,255,255,0.3); border-radius: 5px; cursor: pointer; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.about-left .ab-class li a{ display: inline-block; height: 40px; color: #fff; font-size: 13px; padding-left: 30px; background: url(../images/icon01.png) no-repeat left 10px;}
.about-left .ab-class li:nth-of-type(2) a{ background-position: left -38px;}
.about-left .ab-class li:nth-of-type(3) a{ background-position: left -87px;}
.about-left .ab-class li:nth-of-type(4) a{ background-position: left -135px;}
.about-left .ab-class li:hover{ 
  background-image: -moz-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);
  background-image: -webkit-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);
  background-image: -ms-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);}

.about-middle{ width: 584px; height: 400px; }
.about-right{ height: 400px; width: 410px; background: #fafafa; padding: 40px 30px; box-sizing:border-box;}
.about-right .h20{ font-size: 20px; line-height: 20px; margin-bottom: 20px; font-weight: 700; color: #333;}
.about-right .p18{ font-size: 18px; line-height: 18px; color: #0f7ac7; margin-bottom: 20px;}
.about-right .p14{ color: #666; font-size: 14px; line-height: 22px;}
.about-right .more{ width: 160px ; height: 46px; display: inline-block; border-radius: 5px; font-size: 16px; line-height: 46px; text-align: center; color: #fff; margin-top: 60px; background: #57a2d8;}
.about-right .more:hover{  background-image: -moz-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);
  background-image: -webkit-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);
  background-image: -ms-linear-gradient( 0deg, rgb(91,182,71) 0%, rgb(95,173,213) 82%);
 }

 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align: right; padding-right: 10px; box-sizing:border-box;}


.product{ background: #1b7dc4; overflow: hidden; padding-bottom: 80px ; background: url(../images/bg-produ.jpg) no-repeat center; }
.product .title-box .title,.product .title-box .intro{ color: #fff;}
.product-in .pro-left{ width: 380px; height: 500px; float: left;} 
.product-in .pro-left a,.product-in .pro-left a dt{ width: 380px; height: 500px;}
.product-in .pro-middle{  width: 380px; margin-left: 30px; margin-right: 30px;  float: left;}
.product-in .pro-middle a,.product-in .pro-middle a dl{ width: 380px; height: 235px; display: block; }
.product-in .pro-middle a:first-of-type{ margin-bottom: 30px;}
.product-in dl dd{ height: 46px; margin-top: -46px; position: relative; z-index: 2; background-color: rgba( 91, 182, 71,0.8 ); line-height: 46px; font-size: 18px; color: #fff; padding-left: 25px; padding-right: 25px;
	box-sizing:border-box; position: relative;}
.product-in dl dd:after{ content: '' ; width: 8px; height: 16px; background: url(../images/icon-arr01.png)no-repeat center; position: absolute; right: 25px; top: 16px;}

.product-in .pro-right{  width: 380px;  float: right;}
.product-in .pro-right a,.product-in .pro-right a dl{ width: 380px; height: 235px; display: block; }
.product-in .pro-right a:first-of-type{ margin-bottom: 30px;}


.product-in a,.product-in a dt{ width: 380px;height: 235px; overflow: hidden; position: relative; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.product-in a:hover dt:after,.product-in a:hover dt:after{ content: ''; width: 380px; height: 64px;  background: url(../images/bg-spro.png) no-repeat; position: absolute;bottom: 0px;left: 0;}
.product-in a dt:after,.product-in a dt:after{ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.product-in a dd,.product-in a dd{ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.product-in a:hover dd,.product-in a:hover dd{ background: transparent;}
.product-in a dt img{ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.product-in a:hover dt img{ transform:scale(1.1);}

.invest{ padding-bottom: 80px; overflow: hidden;}
.invest-in .inv-left{ width: 585px;}
.inv-left .pic-box,.inv-left .pic-box a{  width: 585px; height: 280px; overflow: hidden; box-sizing:border-box; display: block; transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.inv-left .pic-box{ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }

.inv-left .pic-box img{ width: 100%;  height: 100%; }

.inv-left:hover .pic-box a{ padding: 3px; -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);}
.inv-left:hover .intro-box .inv-title a{  color: #0f7ac7;}

.inv-left .intro-box{ padding-left: 20px; padding-right: 20px; padding-top: 25px;}
.inv-left .intro-box .inv-title a{ font-size: 20px; line-height: 36px; color: #333; margin-bottom: 15px; display: inline-block; width: 540px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.inv-left .intro-box .p16{ font-size: 16px; color: #848484; line-height: 30px;}
.inv-left .intro-box .date{ font-size: 12px; color: #848484; margin-top: 10px;padding-left: 25px; position: relative;}
.inv-left .intro-box .date:before{ width: 15px; height: 15px; content: '';  background: url(../images/icon-date.png) no-repeat center; position: absolute; left: 0;top: -2px;}

.inv-right{ width: 585px; }
.inv-right .intro-list{ height: 125px; overflow: hidden; margin-bottom: 30px;}
.inv-right .intro-list:hover .pic-box{  padding: 3px; background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);}
.inv-right .intro-list:last-of-type{ margin-bottom: 0;}
.inv-right .pic-box{ box-sizing:border-box; float: left; width: 190px; height: 125px; overflow: hidden; margin-right: 20px; display: block; box-sizing:border-box;  transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}

.inv-right .pic-box a{ width: 100%; height: 100%; display: block;}
.inv-right .pic-box img{ width: 100%; /*height: 100%;*/ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s;}
.inv-right .intro-box{ float: left; width: 375px;}
.inv-right .intro-box .inv-title a{ font-size: 18px; line-height: 30px; color: #333; margin-bottom: 15px; width: 375px; display: inline-block; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;  transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s;}
.inv-right .intro-list:hover .intro-box .inv-title a{ color: #0f7ac7;}
.inv-right .intro-box .p14{ font-size: 14px; color: #848484; line-height: 24px;}
.inv-right .intro-box .date{ font-size: 12px; color: #848484; margin-top: 10px;padding-left: 25px; position: relative;}
.inv-right .intro-box .date:before{ width: 15px; height: 15px; content: '';  background: url(../images/icon-date.png) no-repeat center; position: absolute; left: 0;top: -2px;}

.news{ padding-bottom: 90px; overflow: hidden; background: #f8f8f8;}
.news-in .nw-menu{ text-align: center; margin-bottom: 40px;}
.news-in .nw-menu li{ display: inline-block; color: #3e3e3e; cursor: pointer; font-size: 16px; font-weight: 500; width: 140px; height: 46px; line-height: 46px; box-sizing:border-box;}
.news-in .nw-menu li.on{ color: #fff; border-radius: 5px;
  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
}

.news{ background: url(../images/bg-news.png) no-repeat bottom; -webkit-background-size: 100% auto;
background-size: 100% auto;}
.news-in .nw-menu li.party{ padding-left: 20px; position: relative;}
.news-in .nw-menu li.party:before{ width: 20px; height: 20px; content: '';background: url(../images/icon-party.png)no-repeat center; position: absolute; left: 27px; top: 12px;}
.news-box{  width: 1200px; margin: 0 auto;}
.news-box .news-list{ width: 380px; float: left; margin-left: 20px;}
.news-box .news-list dl{ transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.news-box .news-list:hover dl{background: #fff; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.15);}
.news-box .news-list .pic-box{ width: 380px; height: 240px; overflow: hidden;}
.news-box .news-list .pic-box img{ width: 100%; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.news-box .news-list:hover .pic-box img{ transform:scale(1.1);}
.news-box .news-list dd{ padding-top: 30px;}
.news-box .news-list h4{ font-size: 18px; color: #333; width: 380px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-bottom: 15px;max-height: 24px;text-overflow: ellipsis;}
.news-box .news-list .p14{ font-size: 14px; color: #919191; width: 380px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; margin-bottom: 40px;}
.news-box .news-list .date{ font-size: 14px; color: #999;}
.news-box .news-list.md-list{ margin-left: 30px; margin-right: 30px;}
.news .swiper-button{ width: 36px; height: 80px; display: block; background: url(../images/icon-arr.png) no-repeat left center; position: absolute; top: 100px; cursor: pointer;}
.news .prev{ left: 40px;}
.news .prev:active{ background-position: -46px center;}
.news .next{ right: 40px; background-position: right; }
.news .next:active{ background-position: -92px center;}
.nw-bottom{ position: relative; width: 1380px; margin: 0 auto; overflow: hidden;}

.swiper-container2,.swiper-container3,.swiper-container4,.swiper-container5{ padding-bottom: 20px;}
.swiper-slide{ text-align: left;}
