/*#region ===========常用样式===========*/
.ibox {padding:100px 0; overflow: hidden;}
.il-tit {padding:0 0 60px 0; }
.il-tit .tit-info .tit { font-size:24px; color:#333;}
.il-tit .tit-info .subtit { color:#929292; padding:0 0 0 10px; }
.il-tit .cate a { display: inline-block; line-height: 30px; padding: 0 20px; margin: 0 5px; text-align: center; color:#929292;     transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border: solid 1px #e0e0e0; font-size: 13px;}
.il-tit .cate a:last-child{ margin-right: 0px;}
.il-tit .cate a.jj-more{font-family: Arial;}
.il-tit .cate a:hover , .il-tit .cate a.active {background:#15ab47; border: solid 1px #15ab47; color:#fff;}
.i-more-c { text-align:center; margin:60px auto 0;}
.i-more {display: inline-block; line-height: 40px; width: 200px; text-align: center;  border: 1px solid #ddd;  border-radius: 4px; padding-left: 10px;color:#929292;  transition: all .36s ease; }
.i-more:hover { color: #fff;  background-color: #15ab47; border: 1px solid #15ab47; }
.i-more .fa-angle-right {color:#fff; padding-left: 10px; transition: all .36s ease;}
.i-more:hover .fa-angle-right { padding-left: 26px;  color: rgba(253,253,253,.88);}
.i-more .fa-angle-right:before {margin-left: -7px; position: relative; transition: all .36s ease; }
.i-more:hover .fa-angle-right:before {position: relative;top: 0;margin-left: -20px;}
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block;}
.fontcc {font-family: 'CenturyGothic';}
.fonthn {font-family:'HelveticaNeue';}
input, textarea {  font-size: 14px; -webkit-appearance: none;}
.h80 {width:100%; height:80px;}
/*#endregion */


/*#region ===========头部导航1===========*/
.i-header1 {background: #fff; width:100%; height:90px;box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; top:0; z-index: 999;}
.i-header1 .logo {height:100%;}
.i-header1 .logo a {position: relative;  display: block;}
.i-header1 .logo a img { height:90px;/*margin-top:20px;*/ width:113px;}
.i-header1 .nav {padding-top: 16px; height: 64px; }
.i-header1 .nav .navitem { cursor: pointer; position: relative;float: left; height:100%; text-align: center;  transition: all .36s ease;}
.i-header1 .nav .navitem:hover .subnav {opacity: 1; visibility: visible;}
.i-header1 .nav .navitem>a { display: block;  border-bottom: 2px solid transparent;  overflow: hidden;color:#666;  padding:0 30px; text-align: center; line-height: 50px; }
.i-header1 .nav .navitem>a .fa-angle-down {position: absolute; top:18px; right: 6px;}
.i-header1 .nav .navitem .subnav { position: absolute; top: calc(100% - 2px); left: 0; z-index:99; opacity: 0; visibility: hidden; width: 120px; height: auto; border-top:2px solid #666; background:#fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); transition: all .36s ease;}
.i-header1 .nav .navitem .subnav li {cursor: pointer;width: 100%}
.i-header1 .nav .navitem .subnav li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 12px; color: #666; transition: all .36s ease;}
.i-header1 .nav .navitem .subnav li a:hover {color: #fff; background-color: #666;}
.i-header1 .nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s;}
.i-header1 .nav>li>a:before { content: ''; position: absolute;bottom: 0;left: 20px; width: 0; height: 2px; background-color: #666; transition: all .3s ease-out 0s;}
.i-header1 .nav>li>a span:after { content: attr(data-title); position: absolute;  color: #666; left: 0; transform: translateY(100%); width: 100%;}
.i-header1 .nav>li a.active span, .i-header1 .nav>li:hover a span { transform: translateY(-100%);}
.i-header1 .nav>li a.active:before, .i-header1 .nav>li:hover a:before { width: calc(100% - 40px);}
/*#endregion */

/*#==蓝色导航==*/
.i-header1.ls-a{ background-color: transparent; box-shadow: none; padding-top: 30px; transition: all 0.6s ease 0s;}
.i-header1.ls-a .fd-nav{ background: #fff; padding: 0px 40px; width: 1200px;}
.i-header1.ls-a.fixed-style{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-top: 0px;}

.i-header1.ls-a .nav>li>a span:after{ color: #0032a1;}
.i-header1.ls-a .nav>li>a:before{ background-color:#0032a1;}
.i-header1.ls-a .nav .navitem .subnav {border-top:2px solid #0032a1;}
.i-header1.ls-a .nav>li:hover a .fa-angle-down{color: #0032a1;}
.i-header1.ls-a .nav .navitem .subnav li a:hover {color: #fff; background-color: #0032a1;}

/*#==红色导航==*/
.i-header1.hs-a{ background-color: #fff;  padding-top: 0px; transition: all 0.6s ease 0s;}
.i-header1.hs-a .fd-nav{ background: #fff; padding: 0px 40px; width: 1200px;}
.i-header1.hs-a.fixed-style{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-top: 0px;}

.i-header1.hs-a .nav>li>a span:after{ color: #15ab47;}
.i-header1.hs-a .nav>li>a:before{ background-color:#15ab47;}
.i-header1.hs-a .nav .navitem .subnav {border-top:2px solid #15ab47;}
.i-header1.hs-a .nav>li:hover a .fa-angle-down{color: #15ab47;}
.i-header1.hs-a .nav .navitem .subnav li a:hover {color: #fff; background-color: #15ab47;}


/*#==绿色导航==*/
.i-header1.lvs-a{ background-color: #fff; box-shadow: none; padding-top: 0px; transition: all 0.6s ease 0s; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.i-header1.lvs-a .fd-nav{ background: #fff; padding: 0px 40px; width: 1200px;}
.i-header1.lvs-a.fixed-style{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); padding-top: 0px;}

.i-header1.lvs-a .nav>li>a span:after{ color: #15ab47;}
.i-header1.lvs-a .nav>li>a:before{ background-color:#15ab47;}
.i-header1.lvs-a .nav .navitem .subnav {border-top:2px solid #15ab47;}
.i-header1.lvs-a .nav>li:hover a .fa-angle-down{color: #15ab47;}
.i-header1.lvs-a .nav .navitem .subnav li a:hover {color: #fff; background-color: #15ab47;}


/*banner样式*/
.ix_banner{ }
.ix_banner .i-banner1 .swiper-slide{ }
.ix-relative{ background-color: #fff; position: relative; z-index: 10;}


/*#region ===========广告图片1===========*/
.i-banner1 .swiper-slide span {display:block; width:100%; }
.i-banner1 .swiper-slide a {display:block;}
.i-banner1 .sp-nav {bottom:20px!important;}
.i-banner1 .sp-nav .swiper-pagination-bullet {border: 1px solid #fff; width: 8px;height: 8px; margin:0 5px!important; background:none; opacity:1; }
.i-banner1 .sp-nav .swiper-pagination-bullet-active { background:#15ab47; border:solid 1px #15ab47;}
.i-banner1 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-20px; cursor: pointer; width:40px; height: 40px; border-radius: 40px;   background: rgba(0, 0, 0, 0.2); text-align: center; transition: all .3s ease-out 0s; }
.i-banner1 .sp-pn:hover {  background: rgba(0, 0, 0, 0.5);}
.i-banner1 .sp-prev {left: 30px; }
.i-banner1 .sp-next {right: 30px;}
.i-banner1 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-banner1 .swiper-slide img {width:100%;}
/*#endregion */


/*#region ===========图文列表1===========*/
.i-list1 .il-info ul li {position: relative;  width:33.3%; float: left; overflow: hidden;}
.i-list1 .il-info ul li .pro-img img {float: none;width: 100%;height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list1 .il-info ul li .pro-info {width: 100%;height: 100%; background: rgba(0,0,0,0); position: absolute;left: 0; top: 0;transition: all ease-out .3s;}
.i-list1 .il-info ul li .pro-info div {position: absolute; height: 100px;width: 100%; background: transparent; opacity: 0;top: 50%; margin-top: -30px; transition: all 0.3s ease-out 0s;}
.i-list1 .il-info ul li .pro-info p {padding: 0 20px; margin: 0 20px; text-align: center;  transition: all ease-out .3s;}
.i-list1 .il-info ul li .pro-info p.tit {color: #fff;font-size: 16px;}
.i-list1 .il-info ul li .pro-info p.cate {color: #ccc;   text-overflow: ellipsis; line-height: 160%;} 
.i-list1 .il-info ul li a:hover .pro-info { background: rgba(0,0,0,.5); position: absolute;}
.i-list1 .il-info ul li a:hover .pro-info div {opacity: 1;}
.i-list1 .il-info ul li a:hover .pro-img img { transform: scale(1.2, 1.2);}
/*#endregion */


/*#region ===========图文列表11===========*/
.i-list11 .il-info ul li  { width: 32%; float:left;  margin-right:2%; margin-bottom: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; visibility: hidden;}
.i-list11 .il-info ul li:nth-child(3), .i-list11 .il-info ul li:nth-child(6) { margin-right:0;}
.i-list11 .il-info ul li a { display: block; overflow: hidden;}
.i-list11 .il-info ul li .projectitem-wrapper { position: relative; padding-bottom:60px; background: #f6f6f6;}
.i-list11 .il-info ul li a .project-img { width: 100%; overflow: hidden; }
.i-list11 .il-info ul li a img {   width: 100%; background: #f6f6f6; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list11 .il-info ul li a:hover img { transform: scale(1.08, 1.08);}
.i-list11 .il-info ul li a .project-info { width: 100%;  height: 60px;  background: #fff; position: absolute; bottom: 0; transition: all ease-out .3s;}
.i-list11 .il-info ul li a:hover .project-info {  background: none; width: 100%; height: 100%; }
.i-list11 .il-info ul li a .project-info div { height: 60px; position: absolute;  bottom: 0px;  width: 100%;  overflow: hidden; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list11 .il-info ul li a .project-info div::before {  content: ''; position: absolute;  width: 100%;  height: 100%; border-bottom: 1px solid #ddd;  bottom: 0;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list11 .il-info ul li a .project-info .title { color: #666; width: 60%;  font-size: 16px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  line-height: 60px;  display: inline-block; padding:0 0 0 5%;  transition: all ease-out .3s;}
.i-list11 .il-info ul li a:hover .project-info .title { width: 55%; margin-left: 5%;}
.i-list11 .il-info ul li a .project-info .subtitle { width: 30%; color: #929292; display: inline-block;  line-height: 60px;  overflow: hidden; text-align: right; padding:0 5% 0 0; }
.i-list11 .i-more-c { margin: 30px auto 0;}
/*#endregion */


/*#region ===========图文介绍1===========*/
.i-info1 {  background-image:url(../img/iinfo1img1.jpg);  background-position: initial;background-size: cover;background-repeat: no-repeat; padding:160px 0; }
.i-info1 .i-info1-con { position: relative; width:1200px; margin: 0 auto;  }
.i-info1 .i-info1-con .i-info1-cc {height: 350px;margin: 0 auto; background-color: rgba(255,255,255,.5); border-radius: 2px;box-shadow: 0 10px 27px rgba(0,0,0,.08);}
.i-info1 .i-info1-con .mediabody .image {width: 420px; height: 350px; position: relative;z-index: 10; display: block; overflow: hidden; }
.i-info1 .i-info1-con .mediabody::after {content: " "; width: 460px; height: 250px;background: #666; position: absolute; z-index: 0; top: 140px;left: -40px;  display: inline-block;border-radius: 2px; box-shadow: -7px 3px 40px rgba(0,0,0,.16);}
.i-info1 .i-info1-con .contentbody  { padding-top: 60px; margin: 0 50px; width:680px; height: 140px;}
.i-info1 .i-info1-con .contentbody .txt .tit {font-size: 24px; line-height: 30px; color: #666;}
.i-info1 .i-info1-con .contentbody .txt .subtit { line-height: 40px; display: inline-block;  margin-left: 15px; color:#929292; }
.i-info1 .i-info1-con .contentbody .desc { line-height: 26px; color:#929292; margin-top: 20px;}
.i-info1 .i-info1-con .contentbody .desc a { margin-top: 40px;}
/*#endregion */


/*#region ===========图文列表2===========*/
.i-list2 .item {width:100%; position:relative; padding-bottom:110px; overflow: hidden; display: inline-block; }
.i-list2 .item .item-img img {border-radius: 4px; width:100%;}
.i-list2 .item .item-wrap {padding: 20px 20px 0; width: 100%;height: 100px;box-sizing: border-box; position: absolute;  bottom: 0; overflow: hidden; transition: all .36s ease;}
.i-list2 .item .item-wrap .item-info .tit {color: #333;  font-size: 16px;  line-height: 30px; transition: all .36s ease; } 
.i-list2 .item .item-wrap .item-info .subtit {width: 40%; overflow: hidden;   color: rgba(0,0,0,.42);  transition: all .36s ease; }
.i-list2 .item .item-wrap .item-desc {margin-top:15px; color:#fff;}
.i-list2 .item .detail  { color: rgba(251,119,119,0); width: 38px; height: 38px; position:absolute; border-radius: 38px; border: 1px solid #ddd;display: inline-block;  line-height: 32px;  right:20px; bottom:30px; background:#fff;  transition: all .36s ease; }
.i-list2 .item .detail i {font-size: 14px;  color: #929292; padding: 0; position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%);}
.i-list2 .item:hover .item-wrap {height: 100%; background: #666; border-radius: 4px; padding: 30px 20px 0; }
.i-list2 .item:hover .item-wrap .item-info .tit  {color:#fff;}
.i-list2 .item:hover .item-wrap .item-info .subtit {color: rgba(255,255,255,.36);}
.i-list2 .item:hover .item-wrap .item-desc {color: rgba(255,255,255,.8);}
.i-list2 .item:hover .detail { border:1px solid #fff; background: #fff; box-shadow: 0 3px 7px rgba(0,0,0,.2);}
.i-list2 .swiper-container { padding-bottom: 60px;}
.i-list2 .sp-nav {bottom:0!important;}
.i-list2 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list2 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;  }
/*#endregion */


/*#region ===========图文列表3===========*/
.i-list3 {background:#f6f6f6;}
.i-list3 .il-info ul li { width:23.5%; height: 100%; margin-right:2%; position: relative; float:left;}
.i-list3 .il-info ul li:nth-child(4), .i-list3 .il-info ul li:nth-child(8){margin-right:0;}
.i-list3 .il-info ul li a {display: block; width: 100%;height: 100%;}
.i-list3 .il-info ul li .ser-img { display: block; overflow: hidden;}
.i-list3 .il-info ul li .ser-img::before {position: absolute; background: rgba(255, 255, 255, .95); width: 90%; height: 90%; content: '';  left: 5%;  top: 5%;  opacity: 0; animation-duration: 1s;animation-fill-mode: both; z-index: 2; transition: all 0.36s ease-out 0s;}
.i-list3 .il-info ul li:hover .ser-img::before { opacity: 1; animation-name: flipInY;}
.i-list3 .il-info ul li .ser-img img { width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-img img { transform: scale(1.2, 1.2);}
.i-list3 .il-info ul li .ser-info {width: 100%; height: auto;  margin: 0 auto; background: transparent;  position: absolute; bottom: 50%;   text-align: center;  margin-bottom: -40px; z-index: 10;}
.i-list3 .il-info ul li a.detail { display: block; width: 30px;  height: 30px; position: absolute; top: 50%;  z-index: 5; left: 50%; margin-left: -15px; color: #838383; text-align: center; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list3 .il-info ul li a.detail i { color:#666; font-size:18px; }
.i-list3 .il-info ul li:hover a.detail  {  top: 70%; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit { color: #0033a0;   position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 16px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.i-list3 .il-info ul li .ser-info p.tit-s { position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 14px; color:#999; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-bottom: 10px; margin-bottom: 10px; }
.i-list3 .il-info ul li:hover .ser-info p.tit {  top: 0; opacity: 1;}
.i-list3 .il-info ul li:hover .ser-info p.tit-s {  top: 0; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit-s::before { content: '';  position: absolute; width: 0%; background: rgba(0, 0, 0, .15); height: 1px;left: 50%; bottom: 0;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-info p.tit-s::before {width: 60%;margin-left: -30%;left: 50%;}
.i-list3 .il-info ul li .ser-info p.desc { color:#666; width: 68%;  height: 40px; line-height: 20px;  margin: 0 auto;  opacity: 0; position: relative; top: -10px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list3 .il-info ul li:hover .ser-info p.desc {top: 10px; opacity: 1;}

.pg.i-list3.ibox{ background: #fff; padding: 40px 0px 20px 0px;}
.pg.i-list3 .il-info ul li{ margin-bottom: 2%;}
/*#endregion */


/*#region ===========图文列表4===========*/
.i-list4  a.newscontent {display: block;  position: relative;}
.i-list4 .wrapper {  height: 160px; }
.i-list4 .newsbody {display: inline-block; vertical-align: middle; width: 100%; }
.i-list4 .newsimg { display: block; width: 100%;  overflow: hidden;}
.i-list4 .newsitem .newsimg img {width:100%; display: inline; transition: all 0.36s ease;}
.i-list4 .newsitem:hover .newsimg img {transform: scale(1.08);}
.i-list4 .newsbody .tit {  height: 30px; width: 100%; font-size: 16px;  color: #666; line-height:inherit; margin-top: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsbody .desc {width:100%;  color: #929292; height: 50px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsbody .date { color: #666; opacity: 0;  position: relative; bottom: -20px; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsitem:hover .newsbody .tit { margin-top: 22px;}
.i-list4 .newsitem:hover .newsbody .desc { margin-top: 10px;}
.i-list4 .newsitem:hover .newsbody .date {  opacity: 1; bottom: -30px;}
.i-list4 .newsitem a.detail { position: absolute; right: 20px;opacity: 0; bottom: 0; border-top: 4px solid transparent; border-left: 6px solid rgb(83, 83, 83); border-bottom: 4px solid transparent; transition: all 0.36s ease-out 0s;}
.i-list4 .newsitem:hover a.detail { opacity: 1; right: 0;}
.i-list4 .newsitem::after { content: ""; position: absolute; width: 0%; bottom: 30px; height: 1px; opacity: 0; left: 50%; background: rgba(0, 0, 0, 0.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list4 .newsitem:hover::after { opacity: 1; left: 0; width: 100%; background: rgba(0, 0, 0, 0.2);}
.i-list4 .swiper-container { padding-bottom:60px;}
.i-list4 .sp-nav {bottom:0!important;}
.i-list4 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list4 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */


/*#region ===========图文列表5===========*/
.i-list5 { background:#f5f5f5;}
.i-list5 ul li {width:380px; position: relative; float:left; margin-right:30px;}
.i-list5 ul li:last-child {margin-right:0;}
.i-list5 ul li .img {width:100%; overflow: hidden;}
.i-list5 ul li .img img {display: inline; transition: all 0.36s ease; }
.i-list5 ul li:hover .img img { transform: scale(1.08);}
.i-list5 ul li .info {height: 220px; padding: 20px;box-sizing: border-box; transition: 0.36s ease;}
.i-list5 ul li:hover .info {  padding-top: 30px; background: #fff;}
.i-list5 ul li .info .tit {font-size:16px; color:#666; }
.i-list5 ul li .info .date { color: #929292;}
.i-list5 ul li .info .desc { color: #929292; height:50px;  overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  text-overflow: ellipsis;margin-top:10px;  transition: 0.36s ease;}
.i-list5 ul li .detail { position: absolute; bottom: 20px; left: 20px; margin-top: 20px; font-size: 12px; opacity: 0;  width: auto;  transition: 0.36s ease; color:#929292; }
.i-list5 ul li .detail .fa {font-size: 16px;  line-height: 32px; vertical-align: -1px; position: relative; opacity: 0; left: -10px;  padding-left: 10px;  transition: 0.36s ease; }
.i-list5 ul li:hover .detail { opacity: 1;  }
.i-list5 ul li:hover .detail .fa { left: 0; opacity: 1;}
.i-list5 ul li .info:after { content: ""; position: absolute; width: 40%; left: 0; bottom: 0; height: 3px; background: transparent; transition: 0.66s ease;}
.i-list5 ul li:hover  .info:after { width: 100%; background: #666;}
/*#endregion */


/*#region ===========图文列表6===========*/
.i-list6 .il-info .il-box1 { width:600px; height: 240px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box1 .img  {width:100%; overflow: hidden;}
.i-list6 .il-info .il-box .img img {width:100%; display: inline; transition: all .36s ease; }
.i-list6 .il-info .info { width:560px; position:absolute; bottom:-90px;  padding:10px 20px; background:rgba(0,0,0,.5);   transition: all .4s ease;}
.i-list6 .il-info .il-box3 .info { width:260px;}
.i-list6 .il-info .il-box4 .info { width:260px;}
.i-list6 .il-info .info p {width:80%; overflow: hidden;}
.i-list6 .il-info .info .tit {color:#fff; font-size: 16px;}
.i-list6 .il-info .info .desc {color: #ccc; line-height: 160%;}
.i-list6 .il-info .detail {color: rgba(251,119,119,0); width: 38px; height: 38px;position:absolute; border-radius: 38px; display: inline-block;  line-height: 38px;  right:20px; bottom:-40px; background:#fff; box-shadow: 0 3px 7px rgba(0,0,0,.2); transition: all .36s ease;}
.i-list6 .il-info .detail i {font-size: 14px;  color: #929292; padding: 0; position: absolute; top: 50%;  left: 50%; transform: translate(-50%,-50%);}
.i-list6 .il-info .il-box:hover .info {bottom:0;}
.i-list6 .il-info .il-box:hover .detail {bottom:16px;}
.i-list6 .il-info .il-box:hover .img img { transform: scale(1.08);}
.i-list6 .il-info .il-box2 { width:600px; height: 480px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box3 { width:300px; height: 240px; overflow: hidden; position: relative;} 
.i-list6 .il-info .il-box4 { width:300px; height: 240px; overflow: hidden; position: relative;} 
/*#endregion */


/*#region ===========图文介绍2===========*/
.i-info2 {  background:url(../img/iinfo2img1.jpg) center center no-repeat; padding: 160px 0; }
.i-info2 .i-info2-cc { width:855px; height: 350px;  background: #fff; float:right; box-shadow: 0 7px 17px rgba(6,6,6,.14);}
.i-info2 .i-info2-con .img {width:255px; text-align: right; overflow: hidden;}
.i-info2 .i-info2-con .wrapper {width:480px; text-align: left; padding:0 60px;}
.i-info2 .i-info2-con .wrapper .tit-info { padding:40px 0 20px 0;}
.i-info2 .i-info2-con .wrapper .tit {font-size: 24px; color: #666;}
.i-info2 .i-info2-con .wrapper .subtit { color: #929292;}
.i-info2 .i-info2-con .wrapper .desc { margin-bottom:30px; color:#929292;}
/*#endregion */


/*#region ===========图文列表7===========*/
.i-list7 .item { position: relative; padding-bottom: 50px;  }
.item-img img {width:100%;}
.i-list7 .item .item-mask {  height: calc(90% - 2px);  width: calc(92% - 2px);  border: 1px solid rgba(255,255,255,.53); margin: 4%;  position: absolute; top: 0; opacity: 0; transition: all ease-out .3s;}
.i-list7 .item:hover .item-mask {opacity: 1;}
.i-list7 .item .item-wrapper { position: absolute;  bottom: 20px;  left: 50%; width: 92%; background-color: #fff; margin-left: -46%;  box-shadow: 0 0 30px rgba(0,0,0,.2);  text-align: center;}
.i-list7 .item .tit-info {  padding: 20px; height: 40px;}
.i-list7 .item .tit { color: #666; font-size: 16px;margin: 0; line-height: 160%; transition: all ease-out .3s; }
.i-list7 .item .subtit { opacity: 1; color:#929292; line-height: 160%; transition: all ease-out .3s;  }
.i-list7 .item:hover .tit { margin-top: 8px; color: #ae1e1e;}
.i-list7 .item:hover .subtit { opacity: 0;}
.i-list7 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; }
.i-list7 .sp-pn:hover { background: #15ab47;}
.i-list7 .sp-prev {left: 0; }
.i-list7 .sp-next {right: 0;}
.i-list7 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
/*#endregion */


/*#region ===========图文列表8===========*/
.i-list8 {padding:0!important;}
.i-list8 .item-block {float: left;position: relative; overflow: hidden; background: #fff; width: 50%; height: 100%;	}
.i-list8 .item-img {  position: relative; overflow: hidden; display: block;}
.i-list8 .item-block .item-img {  width: 50%;}
.i-list8 .item-block .item-img img {width: 100%; transition: all .3s ease-out 0s; }
.i-list8 .item-block:hover .item-img img { transform: scale(1.06,1.06);}
.i-list8 .item-block.first .item-img { width: 100%; height: 100%;}
.i-list8 .item-block.first .item-wrapper { display: block;  position: absolute; bottom: 30%; width: 60%; left: 0; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-block .item-wrapper { width: 50%; position: relative; margin-top: 12%; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-block:nth-child(2) .item-wrapper { float: left;}
.i-list8 .item-block:nth-child(2) .item-img { float: right;}
.i-list8 .item-block:nth-child(3) .item-img {float: left;}
.i-list8 .item-block:nth-child(3) .item-wrapper { float: right;}
.i-list8 .item-block .item-img::before { content: ''; position: absolute; top: 0;  height: calc(100% - 22px); width: calc(100% - 22px); border: 1px solid transparent;  margin: 10px;  z-index: 2; transition: all ease-out .3s;}
.i-list8 .item-block .item-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list8 .item-info {  position: relative;  margin: 0 80px; display: block;}
.i-list8 .item-block:hover .item-img::before {border: 1px solid #fff;}
.i-list8 .item-block  .item-info .tit { color:#666; font-size: 20px;}
.i-list8 .item-block  .item-info .desc {color:#929292; margin-top:24px;}
.i-list8  .item-block .item-info:after { content: '';position: absolute;  width: 80px; height: 1px; top: 50px; left: 0; background: #ccc; transition: all .3s ease-out 0s;}
.i-list8  .item-block:hover .item-info:after {  width: 100%; }
@media only screen and (max-width: 1440px) { .i-list8 .item-block .item-wrapper { margin-top: 10%; } .i-list8 .item-block.first .item-wrapper {bottom: 20%; }  .i-list8 .item-info {  margin: 0 60px; }}
/*#endregion */


/*#region ===========图文列表9===========*/
.i-list9 .item-block { position:relative;}
.i-list9 .item-block .item-wrapper { background: #f6f6f6; transition: all ease-out .3s;}
.i-list9 .item-block .item-info {padding:15px 30px; }
.i-list9 .item-block .item-info .tit {font-size:16px; }
.i-list9 .item-block .item-info .subtit {color:#929292; }
.i-list9 .item-block a.detail { position: absolute;  bottom:25px;right: 30px;display: block;  width: 40px; height: 40px;border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px; text-indent:8px; transition: all ease-out .3s;}
.i-list9 .item-block a.detail i { font-size: 20px; color: #ccc; line-height: 36px;  transition: all .3s ease-out 0s;}
.i-list9 .item-block:hover a.detail {border: 1px solid #929292;background: #929292;}
.i-list9 .item-block:hover a.detail i {color: #fff; }
.i-list9 .swiper-container { padding-bottom: 60px;}
.i-list9 .sp-nav {bottom:0!important;}
.i-list9 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list9 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */


/*#region ===========图文介绍3===========*/
.i-info3 {padding:0!important;}
.i-info3 .i-info3-con {width:100%; background: #f6f6f6;}
.i-info3 .mb {width:50%}
.i-info3 .mb .image {display:block; overflow: hidden;}
.i-info3 .mb img {width:100%;}
.i-info3 .cb  {width:50%} 
.i-info3 .txt-info { padding:20% 12% 0;}
.i-info3 .txt-info .tit {font-size:24px; line-height: 100%; }
.i-info3 .txt-info .subtit { color:#929292;}
.i-info3 .desc { color:#929292; padding:5% 12%;}
.i-info3 .desc .i-more { margin:5% 0;}
@media only screen and (max-width: 1440px) {.i-info3 .txt-info { padding:15% 12% 0;} }
/*#endregion */

/*#region ===========图文介绍4===========*/
.i-info4.ibox{ padding-bottom: 170px;}
.i-info4 {  background-color:#fff;   background-position: initial;background-size: cover;background-repeat: no-repeat; padding:100px 0; }
.i-info4 .i-info4-con { position: relative; width:100%; margin: 0 auto; }

.i-info4 .mediabody { width: 50%;}
.i-info4 .i-info4-con .mediabody .image {width: 100%;  position: relative;z-index: 10; display: block; overflow: hidden; }

.i-info4 .i-info4-con .contentbody  { padding-top: 80px;  width:42%; margin-left: 4%;  }
.i-info4 .i-info4-con .contentbody .txt .tit {font-size: 24px; line-height: 30px; color: #666;}
.i-info4 .i-info4-con .contentbody .txt .subtit { line-height: 30px; display: inline-block;  margin-left: 15px; color:#929292; }
.i-info4 .i-info4-con .contentbody .desc {   line-height: 26px; color:#666; margin-top: 20px;}
.i-info4 .i-info4-con .contentbody .desc a { margin-top: 40px;}
.i-info4-nun{ padding-top: 50px;}
.i-info4-nun h1{ font-family: Arial; font-size: 42px;}
.iin-line{ width: 1px;  background: #f5f5f5f;    margin: 0px 30px;  background: #e0e0e0; height:80px;}
.i-info4-nun p{  font-size: 14px;}

/*#endregion */


/*#region ===========图文列表10===========*/
.i-list10 .item-block { position:relative; padding-bottom: 80px;}
.i-list10 .item-block a { position: relative;display: block;}
.i-list10 .item-block .date-wrap span { display: block; width: 100%; color: #929292; font-size: 20px; line-height: 40px; transition: all .3s ease-out 0s; }
.i-list10 .item-block .item-info {  padding: 0 0 10px; transition: all .3s ease-out 0s;}
.i-list10 .item-block .item-info .tit { width: 100%; height: 50px;  font-size: 16px;display: inline-block;   position: relative; transition: all .3s ease-out 0s;}
.i-list10 .item-block .item-info .tit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 1px;  transition: all .3s ease-out 0s; background: #ddd;}
.i-list10 .item-block:hover .item-info .tit:after { content: ''; position: absolute; bottom: 0; left: 0; width:100%; height: 1px;  transition: all .3s ease-out 0s; background: #ccc;}
.i-list10 .item-block .desc { color: #929292; height: 50px;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;   -webkit-line-clamp: 2;  text-overflow: ellipsis;  margin-top: 10px;  transition: 0.36s ease;}
.i-list10 .item-block .desc p { overflow: hidden;  width: 100%;  height: 55px; color: #929292;  transition: all .3s ease-out 0s;  }
.i-list10 .item-block .detail { margin-top: 20px;   color:#929292;  transition: 0.36s ease;}
.i-list10 .item-block .detail .fa {font-size: 16px;  line-height: 32px; vertical-align: 0px; position: relative; opacity: 0; left: -10px;  padding-left: 10px;  transition: 0.36s ease; }
.i-list10 .item-block:hover .detail .fa { left: 0; opacity: 1;}
.i-list10 .sp-nav {bottom:0!important;}
.i-list10 .sp-nav .swiper-pagination-bullet {border: 1px solid #ddd;  width: 8px;height: 8px; margin:0 5px!important; background:none; opacity: 1; }
.i-list10 .sp-nav .swiper-pagination-bullet-active { background:#666; border: 1px solid #666;}
/*#endregion */


/*#region ===========图文列表12===========*/
.i-list12 { background:#f6f6f6; }
.i-list12 .newstitem {  width: 560px; margin: 20px 80px 80px 0;  transition: all 0.3s ease-out 0s;}
.i-list12 .newstitem:nth-child(2) , .i-list12 .newstitem:nth-child(4) { margin-right: 0;}
.i-list12 .newstitem:nth-child(3) , .i-list12 .newstitem:nth-child(4) { margin-bottom: 0;}
.i-list12 .newstitem a.newscontent {  display: block;  position: relative; }
.i-list12 .news-wrapper {height: 100%; z-index: 1; position:relative;transition: all 0.25s ease 0s;}
.i-list12 .newstitem .news-wrapper::before { content: "";  display: inline-block; height: auto; vertical-align: middle; border-top: 1px solid #666;  width: 0px;   position: absolute;  left: 75px;  top: 15%;   z-index: 3; opacity: 0;  transition: all 0.3s ease-out 0s;}
.i-list12 .newstitem:hover .news-wrapper::before { opacity: 1; width: 46px;}
.i-list12 .newsbody .date {  position: absolute; background: #666; padding: 24px 20px; opacity: 1;  left: 0px;  transition: all 0.4s ease 0s;}
.i-list12 .newsbody .date .md {  color: #adadad; top: 40px;display: block;  line-height: 20px; width: 100%; }
.i-list12 .newsbody .date .year { white-space: nowrap; font-size: 20px; color: #fff;  display: block; line-height: 24px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list12 .newsbody .title { width: 440px;  height: 42px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  font-size: 16px; color: #575757;  line-height: 32px; top: 54px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.i-list12 .newsbody .description { width: 440px; overflow: hidden;   text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:180%;  color: #999;  top: 108px; padding-left: 120px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.i-list12  .newstitem:hover .newsbody .title , .i-list12  .newstitem:hover .newsbody .description { padding-left: 130px;}
/*#endregion */


/*#region ===========图文列表13===========*/
.i-list13 { background:url(../img/ilist13img1.jpg) center no-repeat;}
.i-list13 .item-block { width: 224px; float: left;   margin-right: 20px;  position: relative; box-shadow: 0 0 0 rgba(0,0,0,.15);  text-align: center; padding: 60px 30px; background: #fff;  transition: all .36s ease;}
.i-list13 .item-block:hover { box-shadow: 0 14px 50px 0 rgba(106,105,105,.16);}
.i-list13 .item-block:last-child { margin-right: 0;}
.i-list13 .item-info .title { font-size: 16px; line-height:30px; margin-top:10px; transition: all .36s ease; }
.i-list13 .item-block .item-des { margin-top: 20px; margin-bottom: 10px; color:#929292;}
.i-list13 .item-block .details {    display: inline-block; position: relative;  height: 31px;  width: 78px; transition: all .36s ease;}
.i-list13 .item-block .details:after { content: ""; position: absolute;  top: 50%; left: 50%; background-color: #000; transition: .36s ease;  height: 1px; opacity: .3;  margin-left: -14px; width: 30px;}
.i-list13 .item-block .item-img img { display: inline; transition: all .36s ease;}
.i-list13 .item-block:hover .item-img img { transform: scale(1.08);}
/*#endregion */


/*#region ===========图文列表14===========*/
.i-list14 .il-info {position:relative; padding-bottom: 40px; }
.i-list14 .swiper-container { }
.i-list14 .swiper-wrapper a {display:block;}
.i-list14 .swiper-wrapper img {width:100%;}
.i-list14 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-20px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center;  transition: all .36s ease; }
.i-list14 .sp-pn:hover { background: #15ab47;}
.i-list14 .sp-prev {left: 0; }
.i-list14 .sp-next {right: 0;}
.i-list14 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-list14.ibox.ix-relative{  padding-top: 60px; padding-bottom: 0px; border-bottom: solid 1px #ededed;}
/*#endregion */


/*#region ===========图文列表15===========*/
.i-list15 { padding:0!important; background:url(../img/ilist15img1.jpg) center no-repeat;}
.i-list15  .content-wrapper {  position: relative;  padding: 100px 0;}
.i-list15 .tab-content {   width:800px; height: 280px;  margin-top: 40px; overflow: hidden;}
.i-list15 .tab-content .item-block { position:relative;}
.i-list15 .tab-content .item-block:after { content: '';  background: #fff;  display: block;  width: 100%; height: 100%;  position: absolute;  top: 40px; left: 0;}
.i-list15 .tab-content .item-block .wrapper { position:relative; z-index: 9;}
.i-list15 .tab-content .item-img { width: 110px; height: 110px;  margin: 0; margin-left: 80px;  position: relative; border-radius: 110px; overflow: hidden;  margin-right: 30px;}
.i-list15 .tab-content .item-img img {max-width: 100%; display: block;}
.i-list15 .tab-content p.title {display: block; font-size: 16px;  padding-top: 56px;}
.i-list15 .tab-content p.subtitle {  color: #929292; line-height: 160%;}
.i-list15 .tab-content .description { padding: 0 80px; height: 84px;  line-height: 28px;  margin-top: 30px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical;}
.i-list15 .tab-button { width: 330px; height:390px; overflow: hidden;}
.i-list15 .tab-button .item-block { background:#fff; cursor: pointer; width: 330px!important; position: relative;  transition: all .36s ease;}
.i-list15 .tab-button .item-block .wrapper { padding: 28px 25px; position: relative; z-index: 9;}
.i-list15 .tab-button .item-block .item-wrapper {width:70%;}
.i-list15 .tab-button .item-block .item-img { width: 60px; height: 60px; overflow: hidden;  border-radius: 60px; position: relative; transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.i-list15 .tab-button .item-block .item-img img { border-radius: 80px;max-width: 100%; display: block;}
.i-list15 .tab-button .item-block .item-info p.title {font-size: 16px;  }
.i-list15 .tab-button .item-block .item-info p.subtitle { color: #929292; line-height: 180%;}
.i-list15 .tab-button .swiper-slide-active, .i-list15 .tab-button .item-block:hover  { background: #666; }
.i-list15 .tab-button .swiper-slide-active, .i-list15 .tab-button .item-block:hover p.title { color: #fff;}
.i-list15 .tab-button .swiper-slide-active p.subtitle, .i-list15 .tab-button .item-block:hover p.subtitle { color: #ccc!important;}
.i-list15 .sp-pn { position: absolute; top: 48%; z-index: 10;  cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center;  transition: all .36s ease; }
.i-list15 .sp-pn:hover { background: #666;}
.i-list15 .sp-prevs  {left: 0; }
.i-list15 .sp-nexts {right: 400px;}
.i-list15 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
/*#endregion */


/*#region ===========页脚表单1===========*/
.ifooter1 { background:#333; padding: 0!important; }
.ifooter1 .if-info {padding: 80px 0;}
.ifooter1 .ct-info {width:40%;}
.ifooter1 .ct-info h1 { color:#fff; font-size: 16px; font-weight: normal; margin-bottom: 20px; }
.ifooter1 .ct-info p {color:#929292;}
.ifooter1 .ct-info .icon {margin-top:20px;}
.ifooter1 .ct-info .icon a { width: 30px;  height: 30px; line-height: 28px; border-radius: 15px; display: block;  font-size: 16px;  margin-right: 10px;  text-align: center; background: rgba(0,0,0,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ifooter1 .ct-info .icon a:hover {  background: rgba(0,0,0,.3);}
.ifooter1 .ct-info .icon a i { line-height: inherit; color: #929292;}
.ifooter1 .ct-info .icon a:hover i {color: #fff;}
.ifooter1 .ct-form {width:60%;}
.ifooter1 .ct-form p {  float: left; margin-left: 20px;  width: 30%; }
.ifooter1 .ct-form p .inputtxt {width: 100%;height: 20px; line-height: 20px;  margin-bottom: 20px;  background-color: transparent; border: none;  border-bottom: 1px solid #666;  padding: 0 0 10px 0px; color: #fff; }
.ifooter1 .ct-form p textarea.inputtxt {  width: -webkit-calc(300% + 40px); padding:0; margin:10px 0; height:90px; line-height: 200%; resize: none; overflow: hidden;}
.ifooter1 .ct-form p .inputsub { width: 200px; background-color: transparent; color: #ccc; padding: 5px 0;  display: block; float: left;  position: relative;  top: 130px;  height: 40px;  left: calc(-100% - 20px); left: -moz-calc(-100% - 20px); left: -webkit-calc(-100% - 20px); border: 1px solid rgba(255,255,255,.2); cursor: pointer;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ifooter1 .ct-form p .inputsub:hover { background-color: rgba(255,255,255,1);  border: 1px solid rgba(255,255,255,.1); color: #333;}
.ifooter1 .if-infob {background: #fff;}
.ifooter1 .if-infob p {padding:10px 0; font-size: 12px; color:#929292; }
/*#endregion */


/*#region ===========页脚表单1===========*/
.ifooter2 { background:#fff; padding: 0!important; }
.ifooter2 .contactinfo { padding:60px 0 30px 0;}
.ifooter2 .contactinfo h1 { width:360px;  padding-right: 40px;  float: left; overflow: inherit;  white-space: inherit;  font-size: 16px; line-height: 24px;font-weight: normal;  margin-bottom: 30px;}
.ifooter2 .contactinfo p {  float: left; width:300px; padding: 0 40px; height: auto;  border-left: 1px solid #ddd; line-height: 24px;color: #929292;}
.ifooter2 .ff-social { clear: both; position: relative;  top: -30px;}
.ifooter2 .ff-social a {  width: 30px; height: 30px;  display: block; font-size: 16px;  text-align: center;  line-height: 28px; border-radius: 15px; background: rgba(99,99,99,.39);  color: #fff;margin-right: 10px;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.ifooter2 .ff-social a:hover { background:#666;}
.ifooter2 .ff-social a i {line-height: inherit;}
.ifooter2 .contactform {width:100%; overflow: hidden; padding-bottom: 80px;}
.ifooter2 .contactform form {  position: relative;  z-index: 1;}
.ifooter2 .contactform p { overflow: hidden;  width: calc(100% / 3); }
.ifooter2 .contactform .inputtxt { border: none;  width: calc(100% - 40px); margin-bottom: 10px; float: left; margin-right: 42px;  height: 40px;  padding: 10px 20px; box-sizing: border-box; background-color: rgba(0,0,0,.08); transition: all .3s ease-out 0s;}
.ifooter2 .contactform .contactform-content {  width: 68%; float: right; position: absolute;  top: 0;  left: 400px;}
.ifooter2 .contactform .contactform-content textarea {  height:90px;resize: none;  overflow: hidden; color:#666; }
.ifooter2 .contactform .contactform-submit {  width: 68%; float: right; position: absolute;  top: 100px;  left: 400px;}
.ifooter2 .contactform .contactform-submit .inputtxt { background-color:#666; color:#fff;}
.ifooter2 .if-infob {background: #f6f6f6; border-top:solid 1px #e5e5e5;}
.ifooter2 .if-infob p {padding:10px 0; font-size: 12px; color:#929292; }
.ifooter2 .if-infob p a{ color:#929292; }
.ifooter2 .if-infob p a:hover{ color:#ae1e1e; }
/*#endregion */


/*#region ===========内页通用样式===========*/
.page { margin:0 auto; text-align:center; padding:20px 0 80px 0;}
.paginator{ font-family:Arial; }
.paginator a { width:36px; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#eee;  margin:0 5px; color:#929292;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:#15ab47; color:#fff;}
.paginator span.cpb { width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#15ab47; }
.paginatordis{ display:none;}

.cbanner {width:100%; }
 .cbanner .cb-info {width:100%; max-width: 1920px; margin: 0px auto;height: 300px;}

.pagetarget  {padding:20px 0; margin-bottom:40px; background: #f6f6f6;}
.pagetarget .pagetarget-info {animation-fill-mode:none;}
.pagetarget .container-target {line-height:36px;}
.pagetarget .container-target a:hover{color:#15ab47;}
.pagetarget  .fa-angle-right { padding: 0 10px;}
.pagetarget .cate ul .citem {float:left; margin: 0 5px;text-align: center; position: relative; }
.pagetarget .cate ul .citem:hover a{ color:#15ab47;}
.pagetarget .cate ul .citem>a { display: inline-block; line-height: 36px; padding: 0 20px; color: #666;  }
.pagetarget .cate ul .citem>a::before { position: absolute;  content: ""; margin-top: 36px;  background: #15ab47; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pagetarget .cate ul .citem>a::after { position: absolute;  content: "/"; text-align: left; margin-left: 20px; color: #ccc;}
.pagetarget .cate ul .citem a.active::before , .pagetarget .cate ul .citem:hover>a::before {width: calc(100% - 40px);}
.pagetarget .cate-sub { position: absolute; top:36px; left:0; opacity: 0; background: #fff;  box-shadow: 0 5px 20px 5px rgba(0,0,0,.05);  width:100px; z-index: 99;   transition: all .3s ease-out 0s;}
.pagetarget .cate ul .citem:hover .cate-sub {opacity: 1; }
.pagetarget .cate-sub li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 12px; color: #666; transition: all .36s ease;}
.pagetarget .cate-sub li a:hover {color: #fff; background-color: #666;}

.cprolist .projectitem { width: 32%; float: left; margin-right:2%;   position: relative;  margin-bottom:100px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cprolist .projectitem:nth-child(3), .cprolist .projectitem:nth-child(6) {margin-right: 0;}
.cprolist .projectitem .project-img {width:100%; overflow: hidden;}
.cprolist .projectitem .project-img img {width:100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cprolist .projectitem a {display:block;}
.cprolist .projectitem a:hover img { transform: scale(1.2, 1.2);}
.cprolist .projectitem a .project-info { width: 100%; height: 100%;  background: rgba(0, 0, 0, 0);  position: absolute;  left: 0; top: 0;  transition: all ease-out .3s;}
.cprolist .projectitem a:hover .project-info { background: rgba(0,0,0,.5); }
.cprolist .projectitem a .project-info div { top: 100%; position: relative;}
.cprolist .projectitem a .project-info p.title { font-size:16px; margin-top:10px;}
.cprolist .projectitem a .project-info p.subtitle { color:#929292; line-height: 160%; }

.cabo-info {color:#929292; padding:80px 0 80px 0;}
.cabo-info h1 { font-size: 16px;  line-height: 200%; color: #666; padding-top: 10px; }
.cabo-info hr { height: 1px;  background: #ddd;  border: none; margin: 10px 0;}
.cabo-info p{line-height: 200%;}
.cabo-info p img{max-width:100%;}
.cabo-info.ccont{ padding-top: 40px;}

.cnewslist .newstitem { width: 100%; padding-bottom:30px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; position: relative;}
.cnewslist .newstitem a.newscontent {height:100%; display: block;}
.cnewslist .newstitem .newsimg { display: block; width: 240px; height: 150px; overflow: hidden;}
.cnewslist .newstitem .newsimg img {width:100%;  transition: all 0.36s ease;}
.cnewslist .newstitem:hover .newsimg img {transform: scale(1.08);}
.cnewslist .newstitem .newsbody {  width: 740px; position:relative; padding-left:40px;  transition: 0.36s ease;}
.cnewslist.w960{ padding-top: 80px;}
.cnewslist.w960 .newstitem .newsbody {  width: 500px; }
.cnewslist .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px;  color: #666;}
.cnewslist .newstitem .newsbody p.description { width: 100%; color: #929292; height: 50px; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.cnewslist .newstitem .newsbody p.date {color: #929292; margin:10px 0;}
.cnewslist .newstitem:last-child { border:none;}
.cnewslist .newstitem .details {position: absolute; bottom: 60px; right: 0;  font-size: 12px;  width: 120px; height: 40px; line-height: 40px;  border-radius: 40px; border: 1px solid rgba(0,0,0,.1);   text-align: center;  color: #929292; transition: 0.36s ease;}
.cnewslist .newstitem .details span { padding-left:20px; transition: 0.36s ease; }
.cnewslist .newstitem:hover .details span { padding-left:0; color:#fff; }
.cnewslist .newstitem .details i {  font-size: 16px; line-height: 32px; vertical-align: -1px;  position: relative;  opacity: 0;  left: -20px; padding-left: 10px; transition: 0.36s ease;}
.cnewslist .newstitem:hover .details i { left: 0;opacity: 1; }
.cnewslist .newstitem .details::after {content: ''; z-index: -1; position: absolute; height: 100%;  width: 0; left: 0;  top: 0;opacity: 0; background: #15ab47;  border-radius: 40px;  transition: all .36s ease;}
.cnewslist .newstitem:hover .details::after {  opacity: 1; width: 100%; color:#fff; }

.cnewdetail-info {color:#929292; padding:0 0 80px 0;}
.cnewdetail-info .tit-info {margin-bottom:30px; padding-top: 30px;}
.cnewdetail-info .tit-info h1 { font-size:20px; font-weight: normal; line-height: 200%; color: #666; padding-bottom:10px;  }
.cnewdetail-info .tit-info .info {padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.1);}
.cnewdetail-info .tit-info .info span { margin-right:40px;}
.cnewdetail-info .tit-info .info span em { font-family:Arial;}
.cnewdetail-info hr { height: 1px;  background: #ddd;  border: none; }
.cnewdetail-info .pn-nav { margin-top:30px; }
.cnewdetail-info .pn-nav a { width:45%; padding:1.5% 2%; background:#f6f6f6; transition: all .36s ease;}
.cnewdetail-info .pn-nav a:hover { background:#666; color:#fff; }

.cnewdetail-info .desc p img{ max-width:100%}

.cprodetail-info {color:#929292; padding:0 0 80px 0;}
.cprosp {width:50%;}
.cprosp .swiper-slide span {display:block; width:100%; }
.cprosp .sp-nav {bottom:20px!important;}
.cprosp .sp-nav .swiper-pagination-bullet {border: 1px solid #fff; width: 8px;height: 8px; margin:0 5px!important; background:none; opacity:1; }
.cprosp .sp-nav .swiper-pagination-bullet-active { background:#fff;}
.cprosp .swiper-slide img {width:100%;}
.cproinfo {width:46%;}
.cproinfo .title {font-size:24px; font-weight: normal; line-height: 200%; color: #666; }
.cproinfo .subdesc {color:#929292; padding-bottom:10px;  border-bottom: 1px solid rgba(0,0,0,.1);  margin-bottom:20px;}
.cproinfo .para {color:#929292;  }
.cproinfo .link {margin-top:20px;}
.cproinfo .link a {padding: 8px 20px; border: 1px solid rgba(0,0,0,.1); display: inline-block; color:#929292;  transition: all .36s ease; margin-right:20px;}
.cproinfo .link a:hover { background: #666; color:#fff;}
.cprodesc .title {width:100%; background:#f6f6f6; margin: 40px 0;}
.cprodesc .title span { padding:10px 40px; display: inline-block; font-size: 16px; color:#fff; background:#666;}
.cprodesc .description { margin-bottom:40px;} 
.cprodesc .description p img{max-width:100%;}
.cprodetail-info .tabbtn a {  position: relative; width: 50%; height: 50px; overflow: hidden; float: left; padding: 10px;  box-sizing: border-box; background: #f6f6f6; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-prev .img-wrap { width: 80px;  position: absolute; top: 50%;right:20px; transform: translateY(-50%); opacity: 0; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-prev .img-wrap img { width:100%; border-radius: 2px;}
.cprodetail-info .tabbtn .post-prev .infor-wrap {  width: 300px; position: relative; top: 46%; left:80px; transform: translateY(-50%);}
.cprodetail-info .tabbtn .post-prev .infor-wrap .title {  display: block; font-size: 16px; color:#666; line-height: 200%;  transition: all .36s ease; }
.cprodetail-info .tabbtn .post-prev .details {border-right: 1px solid #e5e5e5;  left: 30px; position: absolute; top: 50%; width: 30px; height: 20px;  overflow: hidden;	font-size: 20px;line-height: 20px; transform: translateY(-50%); transition: all .36s ease;}
.cprodetail-info .tabbtn .post-next .img-wrap { width: 80px;  position: absolute; top: 50%;left:20px; transform: translateY(-50%); opacity: 0; transition: all .36s ease;}
.cprodetail-info .tabbtn .post-next .img-wrap img { width:100%; border-radius: 2px;}
.cprodetail-info .tabbtn .post-next .infor-wrap {  width: 300px; position: relative; top: 46%; right:-200px;  text-align: right; transform: translateY(-50%);}
.cprodetail-info .tabbtn .post-next .infor-wrap .title {  display: block; font-size: 16px; color:#666; line-height: 200%;  transition: all .36s ease; }
.cprodetail-info .tabbtn .post-next .details {border-left: 1px solid #e5e5e5; text-align: right; right: 30px; position: absolute; top: 50%; width: 30px; height: 20px;  overflow: hidden;	font-size: 20px;line-height: 20px; transform: translateY(-50%);}
.cprodetail-info .tabbtn a:hover { background:#15ab47;}
.cprodetail-info .tabbtn a:hover .img-wrap { opacity: 1; }
.cprodetail-info .tabbtn a:hover .infor-wrap .title {color:#fff;}
.cprodetail-info .tabbtn a:hover .infor-wrap .subtitle {color:#ccc;}
.cprodetail-info .tabbtn a:hover .details {color:#fff;}
.cprodetail{ padding-top: 40px;}
.ccase .cprosp { width: 40%;}
.ccase .cproinfo {width: 58%; /*padding-top: 8%;*/}
.ccase{ padding-bottom: 40px;}
.pg.i-list16{ }

.ff-pp p{ display: inline-block;}

.pagetarget2{ width: 180px; padding-top: 80px;}
.pagetarget2-tit { border-bottom: solid 1px #e0e0e0;}
.pagetarget2-tit h1{ font-size: 20px; font-weight: normal;     color: #444;}
.pagetarget2-tit p{ font-family: "Arial"; font-size: 14px; color: #999;  padding-bottom: 10px;}
.pagetarget2-nav ul{ padding-top: 20px; }
.pagetarget2-nav ul li{ height: 40px; line-height: 40px;     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pagetarget2-nav ul li a{ padding-left: 16px; font-size: 14px; color: #999; position: relative; display: inline-block;     transition: all 0.3s ease-out 0s;  }
.pagetarget2-nav ul li a::before{ left:-10px; top: 15px; content: ""; position: absolute; width:3px; height: 12px; background: transparent;     transition: all 0.3s ease-out 0s; }
.pagetarget2-nav ul li a.active{ color:#333;}
.pagetarget2-nav ul li a.active::before{ left:0; background:#15ab47;}
.pagetarget2-nav ul li a:hover{  color:#333;}
.pagetarget2-nav ul li a:hover::before{left:0;  background:#15ab47;}
/*#endregion */


/*新增*/
a.jj-more:before{content: '+'; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #fff; position: absolute; margin-left: 8px; margin-top: 30px; opacity: 0; transition: all 0.3s ease-out 0s;}
a.jj-more:hover:before{opacity: 1; margin-top: 0;}
a.jj-more:hover span{color: transparent;}


/*==图文列表16==*/
.pg.i-list16 ul.p-i-l16-list{ padding-top: 80px;}
.i-list16 li.projectitem{float: left; width: 32%; margin-right: 2%; background: none;margin-bottom: 30px;transition: all 0.6s ease 0s;}
.i-list16 .projectitem:nth-child(3), .i-list16 .projectitem:nth-child(6) {margin-right: 0;}
.i-list16 .projectitem a{display: block;overflow: hidden;}
.i-list16 .projectitem .project-img{overflow: hidden;position: relative;}
.i-list16 .projectitem .project_img::before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0;background: #fff;display: inline-block;position: absolute;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem a img{float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list16 .projectitem .project-img::before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0;background: #fff;display: inline-block;position: absolute;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem .project-img::after{content: '';width: 1px;height: 21px;line-height: 40px;margin-top: -10px;background: #fff;display: inline-block;position: absolute;top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.i-list16 .projectitem a .project-info{width: 100%;left: 0;top: 0;transition: all ease-out .3s;height: 100px;background: none;position: inherit;}
.i-list16 .projectitem a .project-info div{background-color: #fff;padding: 20px 100px 0 0px;width: 280px;position: inherit;margin: 0;height: auto;transition: all 0.6s ease 0s;}
.i-list16 .projectitem .project-info p.title{margin-top: 0px;height: 24px;font-size: 16px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #666;text-align: left;padding: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.i-list16 .projectitem .project-info p.subtitle{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2px;color: #999;text-align: left;padding: 0;font-size: 13px;transition: all ease-out .3s;}
.i-list16 .projectitem a img{float: none;width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.i-list16 .projectitem:hover .project-info p.title{color: #15ab47;}
.i-list16 .projectitem a::after{content: "";width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 0px;opacity: 0;transition: all 0.3s ease 0s;}
.i-list16 .projectitem:hover a::after{height: 70.2%;}
.i-list16 .projectitem:hover a::after{opacity: 1;}
.i-list16 .projectitem:hover{box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.i-list16 .projectitem:hover a .project-info div{margin-left: 20px;}
.i-list16 .projectitem a .project-info::after{content: "";display: block;width: 60px;height: 60px;background-color: #e3e3e3;margin-left: 300px;margin-top: -52px;background: url(../img/ico_img01.png)no-repeat -170px 0px;transition: all 0.6s ease 0s;opacity: 0;}
.i-list16 .projectitem:hover a .project-info::after{opacity: 1;}
.i-list16 .projectitem a:hover .project_info{background: transparent;}
.i-list16 .projectitem:hover .project-img::before{top: 50%;opacity: 1;}
.i-list16 .projectitem:hover .project-img::after{top: 50%;opacity: 1;}
.i-list16 .projectitem a:hover img{transform: scale(1.1, 1.1);}

.i-list16 ul.p-i-l16-list .projectitem:hover a::after{height: 67%;}

/*==图文列表17==*/
.i-list17 .serviceitem { float: left; width: 32%; margin-right: 2%;  display: inline-block; transition: all 0.6s ease 0s; margin-bottom: 30px; background: #fff; padding-bottom: 50px;}
.i-list17 .serviceitem:nth-child(3){margin-right: 0%;}

.i-list17 .serviceitem a{transition: all 0.6s ease 0s;border-radius: 8px;text-align: center;display: block;width: 100%;height: 100%;}
.service_img{display: inline;}
.i-list17 .serviceitem a img{float: none;height: auto;margin: 0 auto;width: auto;max-height: 136px;margin-top: 34px;}
.i-list17 .serviceitem div{text-align: left;margin-top: 0px;padding: 10px 35px;background: #fff; padding-bottom: 50px;}
.i-list17 .serviceitem div p.title{height: 40px;line-height: 40px;transition: all ease-out .2s;text-align: center;white-space: nowrap;text-overflow: ellipsis;display: block;font-size: 18px;color: #2b2b2b;overflow: hidden;}
.i-list17 .serviceitem div p.description{color: #848484;font-size: 13px;line-height: 24px;width: 100%;display: block;padding-top: 40px;text-align: center;position: relative;}

.i-list17 .serviceitem a.details{text-align: center; display: block; position: relative; margin-top: -90px; border-radius: 20px; width: 0px; height: 38px; font-size: 14px; color: #595959; text-indent: -999px; line-height: 38px; overflow: hidden; border: 1px solid transparent; padding-right: 40px; background: #0033a0; transition: all 0.3s ease-in-out 0s; margin: 0px auto;}
.i-list17 .serviceitem a.details::before{content: ''; position: absolute; top: 19px; left: 50%; width: 15px; text-align: left; text-indent: 0px; height: 1px; line-height: 24px; font-size: 16px; background: #fff; margin-left: -7px;}
.i-list17 .serviceitem a.details::after{content: ''; position: absolute; top: 12px; left: 50%; width: 1px; text-align: left; text-indent: 0px; height: 15px; line-height: 24px; font-size: 16px; background: #fff;} .i-list17 a.details i{transition: all ease-out .3s; font-size: 16px; color: #ccc; text-indent: 12px; position: absolute; top: 3px; opacity: 0;}
.fa-angle-right:before{content: "\f105";}
.i-list17 .serviceitem:hover{box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1); transform:translatey(-80px);margin-top: -20px;}
.i-list17 .serviceitem:hover a.details{width: 60%;box-shadow: 0px 12px 32px rgba(0, 0, 0, 0); border: 1px solid rgba(237, 237, 237, 0);}
.pg.i-list17.ibox{ padding-bottom:0px;}


/*===图文列表18===*/
.i-list18 .item { position: relative; padding-bottom: 50px;  }
.item-img img {width:100%; transition: all .36s ease;}
.i-list18 .sp-pn { position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; }
.i-list18 .sp-pn:hover { background: #0033a0;}
.i-list18 .sp-prev {left: 50%; margin-left: -700px }
.i-list18 .sp-next {right: 50%; margin-right: -700px;}
.i-list18 .sp-pn i {display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-list18 .newsbody p.date{font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 30px; font-weight: 300; position: absolute; width: auto; text-align: left; right: auto; top: auto;}
.i-list18 p.title{width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 50px 0; font-size: 16px; height: 20px; line-height: 20px; padding-bottom: 0px; transition: all 0.6s ease 0s; margin-top: 54px; color: #333;}
.i-list18 .year{color: #2b2b2b; font-size: 24px; float: none; display: block; white-space: nowrap; margin-top: unset;}
.i-list18 .newsbody{display: inline-block; max-width: 100%; vertical-align: middle;}
.i-list18 .separator{display: none;}
.i-list18 .newsbody .description{width: 90%; margin-top: 26px; font-size: 13px; color: #777; text-align: left; height: 82px; overflow: hidden;}
.i-list18 .item:hover p.title{color: #0033a0;}
.i-list18 .item a.details{transition: all 0.6s ease 0s; display: block; position: relative; z-index: 20; bottom: -24px; color: #fff; background: #0033a0; width: 38px; height: 38px; margin: 0px; border-radius: 22px; line-height: 40px; overflow: hidden; border: none; text-indent: 160px; overflow: hidden; text-align: center; font-size: 14px; left: 0;}
.i-list18 .item a.details::before{content: ""; display: block; width: 13px; height: 1px; text-indent: 0px; position: absolute; top: 50%; line-height: 42px; background: #fff; left: 50%; margin-left: -6px;}
.i-list18 .item i{margin: 0; color: transparent; font-size: 20px; margin: 0;}
.i-list18 .item a.details::after{content: ""; display: block; width: 1px; height: 13px; text-indent: 0px; position: absolute; top: 13px; line-height: 42px; background: #fff; left: 50%;}
.i-list18 .item:hover a.details{background: #0033a0; width: 100px;}


/*===留言列表1==*/
.i-mess1 .il-tit{ text-align: center;}
.i-mess1-wp{ width: 1200px; margin: 0px auto;  background: #fff; margin-top: 160px; padding: 40px 0px;}
.i-mess1-wp h1{ line-height: 200%;}
.i-mess1-wp p{ color:#999;}
.i-mess1 .contactform p{overflow: hidden; float: left; width: calc(100% / 3);}
.i-mess1 .contactform .contactform_submit{float: none; margin: auto;}
.i-mess1 .contactform .contactform_content{width: 100%;}
.i-mess1 .contactform .contactform_content textarea{height: 70px; resize: none; overflow: hidden; margin-right: 0;}
.i-mess1 .contactform .contactform_tel{margin-right: 0;}
.i-mess1 .contactform .inputtxt{border: none; width: calc(100% - 40px); margin-bottom: 5px; background: none; color: #D6D6D6; float: left; border-bottom: 1px solid rgba(231, 228, 228, 0.22); margin-right: 42px; height: 40px; line-height: 20px; padding: 10px 20px; box-sizing: border-box; color: #bcbcbc; transition: all 0.3s ease-out 0s;}
.i-mess1 .contactform .inputtxt.submit:hover{background-color: rgba(186, 186, 186, 0.37); border: 2px solid rgba(134, 134, 134, 0); color: #E8E8E8;}
.i-mess1 .contactform{padding: 0px 100px;}
.i-mess1 .contactform .inputtxt{border: 1px solid #e1e7ee; width: calc(100% - 20px); margin-right: 20px; margin-bottom: 20px;}
.i-mess1 .contactform .inputtxt.submit{display: block; clear: both; float: none; height: 40px; border: 2px solid #ae1e1e; margin: 60px auto 0; padding: 0; cursor: pointer; width: 225px; margin-top: 20px; background-color: #15ab47; color: #fff; font-weight: 600; border-color: #15ab47; font-size: 16px; border-radius: 28px;}
.i-mess1 .contactform .inputtxt.submit:hover {background-color: #ffb43a; border-color: #ffb43a;}

/*图文列表19*/
.i-list19 .num-list{  position: relative; z-index: 11; background: #fff;   margin-top: -70px;  box-shadow: 0 5px 20px 0 rgba(0,0,0,.09);}
.i-list19 .num-list li{ width: 25%; float: left; text-align: center; padding: 30px 0px; position: relative;}
.i-list19 .num-list li .counterDX{ font-size: 50px; color:#4d4d4d;    font-family: 'HelveticaNeueLTPro-Th'; line-height: 52px;}
.i-list19 .num-list li p.number .unit {
    position: relative;
    top: 1px;
    left: 3px;
    font-size: 14px;
    vertical-align: top;
	color: #999;
}
.i-list19 .num-list li p.title{ font-size: 14px;  color: #999;}
.i-list19 .num-list  li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 45px;
    background-color: rgba(170,170,170,.2);
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/*===图文列表20*/
.i-list20 .i-list-20-con ul li{width: calc((100% - 48px)/3); float: left; border: 1px solid rgba(170,170,170,.2); background-color: transparent; overflow: hidden;}
.i-list20 .i-list-20-con ul li{ margin-left: 20px;}
.i-list20 .i-list-20-con ul li:nth-child(1), .i-list20 .i-list-20-con ul li:nth-child(4){ margin-left: 0px;}
.i-list20 .il20-img img{ max-width: 100%; transition: all .36s ease;}
.i-list20 .il20-tit{text-align: center; padding: 36px 20px 16px; background: #fff; position: relative; transition: all .36s ease; top: 0;}
.i-list20 .i-list-20-con ul li:hover .il20-tit{top:-70px;}
.i-list20 .il20-tit3{font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #999; text-align: center; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; transition: all .3s ease-out 0s; margin-top: 20px; position: absolute; margin-right: 20px; width: 88%;}
.i-list20 .i-list-20-con ul li:hover .il20-tit3{  display: block;}
.i-list20 .il20-tit1{ font-size: 16px; color: #4d4d4d; padding-bottom: 5px; }
.i-list20 .il20-tit2{ font-size: 14px; color: #999;}
.i-list20 .i-list-20-con ul li:hover{    box-shadow: 0 14px 50px -8px rgba(0,0,0,.12); color: unset; background: #fff;}
.i-list20 .i-list-20-con ul li:hover .il20-tit1{ color: #15ab47;}
.i-list20 .i-list-20-con ul li:hover .il20-img img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.pg.i-list20 .i-list-20-con ul li{ margin-bottom: 40px;}
.pg.i-list20 .i-list-20-con{ padding-top: 80px;}



/*======图文列表21===*/
.i-list21 .il-21-tit{ position: relative; }
.i-list21 .i-list-21-con ul li{ border:solid 1px #ebebeb; padding: 20px; position: relative; background: #fff; margin-bottom: 30px;     transition: all .32s ease;}
.i-list21 .il-21-tit{ width:calc(100% - 260px); box-sizing: border-box; padding-left: 40px;}
.i-list21 .il-21-tit-t1{transition: all .36s ease; color: #333; font-size: 16px; line-height: 30px; padding-top: 20px;}
.i-list21 .il-21-tit-t2{ font-family:HelveticaNeueLTPro-Th; font-size: 30px; position: absolute; right: 20px; top:18px; color: #666;}
.i-list21 .il-21-tit-t3{ width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .36s ease;
  font-size: 14px; line-height: 26px;  color: #999; padding-top: 10px;}
.il-21-tit-t4:after{font-size: inherit; display: inline-block; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px;}
.il-21-tit-t4:after{transition: all .36s ease;; width: 100%; color: #b7b7b7; text-align: center; vertical-align: middle; position: absolute; top: 50%;text-indent: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); line-height: 1; speak: none; font-style: normal; font-variant: normal; text-transform: none; left: 0px; content: "\f105";}
.il-21-tit-t4{display: inline-block; font-size: 14px; line-height: 30px;transition: all .36s ease; border: 1px solid rgba(170,170,170,.2); width: 120px; box-sizing: border-box; text-indent: -40px; text-align: center; color: transparent; border: none; position: absolute; right: 20px; margin: 0; -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); top: 90px; bottom: auto; padding: 4px 40px;}
.il-21-tit-t5{position: absolute; left: 310px; bottom: 25px;}
.il-21-tit-t5 .i2tt-bq{display: inline-block; padding: 0px 10px; position: relative; color: #999; font-size: 12px;}
.il-21-tit-t5 .i2tt-bq:after{content: ''; position: absolute; width: 1px; height: 12px; background-color: rgba(170,170,170,.5); top: 9px;right:-4px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.il-21-tit-t5 .i2tt-bq:last-child::after{opacity: 0;}
.il-21-img{width: auto; position: relative; overflow: hidden;}
.il-21-img img{transition: all .36s ease; display: inline; ;}

.i-list21 .i-list-21-con ul li:hover{border: 1px solid #ebebeb;;  box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);
    color: unset; background-color: #fff;}
.i-list21 .i-list-21-con ul li a:hover .il-21-tit-t1{ color: #15ab47; }
.i-list21 .i-list-21-con ul li a:hover .il-21-img img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.i-list21 .i-list-21-con ul li a:hover .il-21-tit-t4{border-color: #15ab47; background-color: #15ab47;overflow: hidden; -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); top: 90px; bottom: auto; padding: 4px 40px; color: #fff;  text-indent: -20px;}
.i-list21 .i-list-21-con ul li a:hover .il-21-tit-t4:after{left: 30px; color: #fff;}

.i-list21 .i-list-21-con ul li:nth-child(2n) .il-21-img.fl {
    float: right;
}
.i-list21 .i-list-21-con ul li:nth-child(2n) .il-21-tit.fr {
    float: left;
	padding-left: 0px;
	padding-right: 40px;
	 text-align: right;
}
.i-list21 .i-list-21-con ul li:nth-child(2n) .il-21-tit.fr .il-21-tit-t2{
	left: 0;
    right: initial;
}
.i-list21 .i-list-21-con ul li:nth-child(2n) .il-21-tit.fr .il-21-tit-t3{
	 margin-left: 290px;
	 width: initial;
}
.i-list21 .i-list-21-con ul li:nth-child(2n) .il-21-tit.fr .il-21-tit-t4{
	right:initial;
	left: 0px;

}
/*图文列表22*/
/*#region ===========图文列表7===========*/
.i-list22 .item{position: relative; padding-bottom: 20px;}
.item-img{overflow: hidden; position: relative; background: #000;}
.item-img img{width:100%;}
.i-list22 .item:hover .item-img img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); opacity: 0.5;}

.i-list22 .item .item-mask{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: all .36s ease; opacity: 0; border-radius: 100%; border: 1px solid #fff; box-sizing: border-box; width: 41px; height: 41px; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); margin: -60px auto auto -20px;}
.i-list22 .item:hover .item-mask{opacity: 1; margin: -20px auto auto -20px;}
.i-list22 .item .item-mask:before{content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 1px; height: 15px; background-color: #fff; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -8px; margin-left: -1px;}
.i-list22 .item .item-mask:after{content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 15px; height: 1px; background-color: #fff; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -1px; margin-left: -8px;}
.i-list22 .item .item-wrapper{width: 100%; background-color: #fff; text-align: center;}
.i-list22 .item .tit-info{padding: 20px 0px; text-align: left; transition: padding .36s ease;}
.i-list22 .item .tit{color: #666; font-size: 16px;margin: 0; line-height: 160%; transition: all ease-out .3s;}
.i-list22 .item .subtit{color:#929292; line-height: 160%; transition: all ease-out .3s;}
.i-list22 .item:hover .item-wrapper{box-shadow: 0 0 30px rgba(0,0,0,.2);}
.i-list22 .item:hover .tit-info{padding-left: 20px;}
.i-list22 .item:hover .tit{color: #15ab47;}
.i-list22 .sp-pn{position: absolute; top: 50%; z-index: 10; margin-top:-45px; cursor: pointer; width:40px; height: 40px; background-color: rgba(0,0,0,.3); text-align: center; transition: all .36s ease; right: 0;}
.i-list22 .sp-pn:hover{background: #15ab47;}
.i-list22 .sp-prev{left: 0;}
.i-list22.sp-next{right: 0;}
.i-list22 .sp-pn i{display:inline-block; line-height:40px; font-size: 20px; color:#fff;}
.i-list22 .item:after{content:'';position: absolute;bottom: 20px;width: 30%;opacity: 0;height: 2px;left:0;right:0;margin: auto;background: #15ab47;transition: all .36s ease-out;}
.i-list22 .item:hover:after{opacity: 1; width:100%;}

/*#endregion */

/*图文列表23*/
.i-list23 ul.content_list{float: right; width: 550px;}
.i-list23 ul.content_list .item_block:hover:not(:first-child) { box-shadow: 0 10px 30px rgba(0,0,0,.08);}
.i-list23 ul li.item_block{position: relative; padding: 40px 20px 34px 38px;}
.i-list23 ul li.item_block:not(:first-child){border-top: 1px solid #e5e5e5;}
.i-list23 ul li.item_block:first-child{position: absolute; top: 0px; left: 0px; width: 520px; height: 510px; box-sizing: border-box; padding: 44px 60px; background: rgb(248, 248, 248); transition: background 0.36s ease;}
.i-list23 ul li.item_block:first-child .item_img{position: absolute; bottom: 122px; overflow: hidden;}
.i-list23 ul li.item_block:first-child .item_img img{width: 100%; transition: all 0.36s ease;}
.i-list23 ul li.item_block:first-child .item_img img{max-width: 380px; }
.i-list23 ul li.item_block .item_wrapper{color: rgb(153, 153, 153); transition: color 0.36s ease;}
.i-list23 ul li .item_block .item_wrapper .date_wrap{color: inherit; font-family: HelveticaNeueLTPro-Th, Arial;}
.i-list23 ul li.item_block:not(:first-child) .item_wrapper .date_wrap{float: right;}
.i-list23 ul li.item_block:not(:first-child) .details{position: absolute; right: 26px; bottom: 44px; width: 40px; height: 24px; color: transparent; border-left: 1px solid #e5e5e5; overflow: hidden;}

.i-list23 ul li.item_block:not(:first-child) .details:after, .i-list23 ul li.item_block:not(:first-child) .details:before{font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; content: "\f105"; color: #b3b3b3; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.i-list23 ul li.item_block:not(:first-child) .details:before{left: 20px;}
.i-list23 ul li.item_block:not(:first-child):hover .details:before{left: 30px; opacity: 0;color: #15ab47;}
.i-list23 ul li.item_block:not(:first-child) .details:after{left: -30px; opacity: 0;}
.i-list23 ul li.item_block:not(:first-child):hover .details:after{left: 20px; opacity: 1;color: #15ab47;}

.i-list23 ul li.item_block .item_wrapper .date_wrap .year{display: none; font-family: inherit;}
.i-list23 ul li.item_block .item_wrapper .date_wrap .md{color: inherit; font-size: 24px; line-height: 30px; font-family: inherit;font-family: HelveticaNeueLTPro-Th, Arial;}
.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}
.i-list23 ul li.item_block .item_wrapper .item_info .title{color: inherit; font-size: 15px; line-height: 30px;}
.i-list23 ul li.item_block:not(:first-child) .item_wrapper .item_info .title{color: inherit; font-size: 15px; line-height: 30px; padding-left: 26px; -webkit-transform: translateX(-27px); -ms-transform: translateX(-27px); transform: translateX(-27px); transition: all .36s ease;color: #666;}
.i-list23 ul li.item_block:not(:first-child):hover .item_wrapper .item_info .title{color: #15ab47; -webkit-transform: translateX(-17px); -ms-transform: translateX(-17px); transform: translateX(-17px);}
.i-list23 ul li.item_block:not(:first-child):hover .item_wrapper .item_des{-webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}
.i-list23 ul li.item_block:first-child .item_wrapper .item_info .title{color: rgb(51, 51, 51); font-size: 18px; line-height: 30px; margin-top: 20px; transition: all 0.36s ease;}
.i-list23 ul li.item_block:hover:first-child .item_wrapper .item_info .title{ color: #15ab47; }
.i-list23 ul li.item_block:not(:first-child) .item_wrapper .item_info .title:before{content: "";width: 6px;height: 6px;border-radius: 6px;background-color: #666; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; left: 50px;top: 53px; line-height: inherit;}
.i-list23 ul li:hover.item_block:not(:first-child) .item_wrapper .item_info .title:before{background-color: #15ab47;}
.subtitle{color: #aaa;}
.i-list23 ul li.item_block .item_wrapper .item_des{margin-top: 11px; transition: all .36s ease;}
.i-list23 ul li.item_block:first-child .item_wrapper .item_des{margin-top: 18px; margin-bottom: 22px;}
.i-list23 ul li.item_block .item_wrapper .item_des .description{font-size: 13px; line-height: 26px; height: 52px; width: 380px; overflow: hidden;}
.i-list23 ul li.item_block:first-child .item_wrapper .item_des .description{padding-left: 0px; box-sizing: border-box; font-size: 13px; line-height: 26px; height: auto; max-height: 52px; width: 380px; transition: all 0.36s ease; border-left: 1px solid transparent; overflow: hidden;}
.i-list23 ul li.item_block:first-child .details{position: absolute; left: 0px; bottom: 34px; width: 140px; height: 37px; color: transparent; opacity: 0; background: rgb(34, 50, 107); transition: all 0.36s ease;}
.i-list23 ul li.item_block:first-child .details{left: 60px;}
.i-list23 ul li.item_block:first-child .details{background-color: #15ab47;}
.i-list23 ul li.item_block:first-child .details:after,
.i-list23 ul li.item_block:first-child .details:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgb(255, 255, 255); transition: all 0.36s ease;}
.i-list23 ul li.item_block:first-child .details:before{width: 0px; height: 15px; border-left: 1px solid rgb(255, 255, 255); top: -50%;}
.i-list23 ul li.item_block:first-child .details:after{width: 15px; height: 0px; left: 0px; border-top: 1px solid rgb(255, 255, 255);}
.i-list23 ul li.item_block:first-child .details::before{top: -50%;}
.i-list23 ul li.item_block:first-child:hover .details:after, .i-list23 ul li.item_block:first-child:hover .details:before{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.i-list23 ul li.item_block:first-child:hover .details:before{margin-top: -8px; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: -1px;}
.i-list23 ul li.item_block:first-child:hover .details:after{-webkit-transform: none; -ms-transform: none; transform: none; margin-left: -8px; margin-top: -1px;}
.i-list23 .content_list .item_block:not(:first-child) .item_img{display: none;}
.i-list-23-con{height: 510px; position: relative;}
.i-list23 ul li:hover.item_block:first-child .item_wrapper .item_des .description{padding-left: 30px; border-color:#d3d3d3;}
.i-list23 ul li:hover.item_block:first-child .details{background-color: #15ab47;opacity: 1;bottom: 54px;}

.i-list23 ul li:hover.item_block:first-child .item_img{ overflow: hidden;}
.i-list23 ul li:hover.item_block:first-child .item_img img{-webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);}

/*图文列表24*/
.i-list24-img{ width:30%; overflow: hidden;padding-top:5%;padding-bottom:5%; }
.i-list24-tit{width: 66%; box-sizing: border-box;}
.i-list24-img img{max-width: 100%; transition: all 0.36s ease;}
.i-list24 .swiper-slide{ background: #fff; }
.i-list24-tit{ padding-top: 5%;padding-bottom:5%;}
.i-list24-tit a .ilt-t1{ font-size: 18px; color: #666;}
.i-list24-tit a .ilt-t1 span{  color: #999;  font-size: 13px;}
.i-list24-tit a .ilt-t2{ position: relative; transition: all 0.36s ease; margin-top: 15px ; width: 95%; line-height: 180%; margin-bottom: 20px; color: #999; font-size: 13px;
height:48px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
.i-list24-tit a .ilt-t2:before{ content:''; width: 1px; height: 45px; background-color: #e0e0e0; display: block; position: absolute; left: 0; opacity: 0; transition: all 0.36s ease;}
.i-list24 .sp-pn{position: absolute; top: 100%; z-index: 10; margin-top:-40px; cursor: pointer; width:40px; height: 40px;  text-align: center; background: #f5f5f5; transition: all .36s ease; right: 0;}
.i-list24 .sp-pn:hover{background: #15ab47;}
.i-list24 .sp-prev{right: 40px;}
.i-list24 .sp-next{right: 0;}
.i-list24 .sp-pn i{display:inline-block; line-height:40px; font-size: 20px; color:#999999; transition: all 0.36s ease;}
.i-list24 .sp-pn:hover i{  color: #fff;}
.i-list24 .ilt-t3{ border: solid 1px #e0e0e0; width: 100px; font-size: 13px; font-family: 'Arial'; color: #999; height: 30px; border-radius: 0px; text-align: center; line-height: 30px; }
.ilt-t3 .fa-angle-right{ color: #fff; padding-left: 10px; transition: all 0.36s ease;}
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t1{ color:#15ab47;}
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t1 span{ color:#15ab47;}
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t2{  padding-left:3%; }
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t2:before{  opacity: 1; }
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t3{  background-color: #15ab47; border: solid 1px #15ab47; color: #fff;}
.i-list24 .swiper-slide:hover .i-list24-tit .ilt-t3 .fa-angle-right{ padding-left:20px; color: #fff;  }

.ckadh {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
}
.alfjs {
    width: 28.6%;
    border: 1px solid #ccc;
    padding: 10px;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 8px;
    margin-bottom: 8px;
    
}
    .alfjs img {
        filter: blur(0.6px);
    }

    #ssujt18 img{
        filter: blur(1px);
    }
#ssujt20 img {
    filter: blur(1px);
}
#ssujt21 img {
    filter: blur(1px);
}
#ssujt22 img {
    filter: blur(1px);
}
#ssujt23 img {
    filter: blur(1px);
}
.gmjaude {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.wjske {
    width: 1200px;
    margin: auto;
    clear: both;
    margin-bottom:60px;
}
.snnkew{
    width:100%;
    float:left;
}
.nwnwa{
    margin-left:12px;
    height:40px;
    line-height:40px;
    float:left;
    color:#666;
}