/*#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; border-radius: 30px; padding: 0 20px; margin: 0 5px; text-align: center; color:#929292; }

.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: #666; border: 1px solid #666; }
.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:'HelveticaNeueLT-Pro-45-Lt';}
input, textarea {  font-size: 14px; -webkit-appearance: none;}
.h80 {width:100%; height:80px;}
/*#endregion */
.cabo{
    margin-bottom:40px;
}

/*#region ===========头部导航1===========*/
.i-header1 {background: #fff; width:100%; min-width:1200px; height:80px;box-shadow: 0 0 10px rgba(0,0,0,.1);  z-index: 999;}
.i-header1 .logo {height:100%;}
.i-header1 .logo a {position: relative;  display: block;}
.i-header1 .logo a img { height:40px;margin-top:20px;}
.i-header1 .nav {padding-top: ; height: ; }
.i-header1 .nav .navitem { cursor: ; position: ;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;  overflow: hidden;color:#666;  padding:0 25px; text-align: center; line-height: 80px; height:80px; }
.i-header1 .nav .navitem>a .fa-angle-down {position: absolute; top:18px; right: 6px;}
.i-header1 .nav .navitem:hover .navitem-a{
    background:#f6f6f6;
}
.kuai{
    display:none;
}
.i-header1 .nav .navitem:hover .kuai{
    display:block;
}
.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;color:#666;}
/*.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 { color:#000;}
/*.i-header1 .nav>li a.active:before, .i-header1 .nav>li:hover a:before { width: calc(100% - 40px);}*/

.kuai{
    height:720px;
    display:none
}
.nav .sub{
    display:none;
}

.nav .sub {
    width: 100%;
    background:#f6f6f6;
    min-height: 120px;
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    top: 79px;
    position: absolute;
    z-index:999;
    line-height: 26px;
}
    .nav .sub .navs {
        width:1200px;
        margin:0 auto;
        margin-top:40px;
        text-align:center;
    }
    .i-header1 .nav .navitem:hover>a{
        background: #f6f6f6;
    }
.nav .sub .navs a{
    display:inline-block;
    color:#666666;
    background:#fff;
    font-size:14px;
    height:40px;
    line-height:40px;
    text-align:center;
    padding:0 25px;
    margin-right:20px;
}
.nav .sub .navs a.on{
    background:#333333;
    color:#fff;
}
.lists ul{
    display:none;
}
.nav  .sub ul {
    width: 1200px;
    margin: 0 auto;
    padding:40px 0;
}
.nav .sub li.prr {
    width: 224px;
    height: 260px;
    display: block;
    margin: 0 8px;
    margin-bottom:20px;
    float:left;
}
.nav .sub li.fen2 {
    line-height: 40px;
    margin: 10px 0;
    margin-right: 20px;
    display: inline-block;
}
.nav .sub li.fen2>a:hover{
    background: #333333;
    color: #fff;
}
.nav .sub li.fen2>a {
    height: 100%;
    display: inline-block;
    padding: 0 30px;
    color: #666666;
    background: #fff;
}

.nav .nav2 .sub ul a {
    width: 300px;
}
span.l_pic img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.nav .sub a .title {
        line-height: 260%;
    width: 100%;
    display: block;
    background:#ebebeb;
}
.i-header1 .nav .navitem:hover .kuai{
    display:block;
}
.i-header1 .nav .navitem:hover .sub{
    display:block;
}

/*#endregion */


/*#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:#fff;}
.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 {  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(../images/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:284px; height: 100%; margin-right:20px; position: relative; float:left;}
.i-list3 .il-info ul li:last-child {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, .92); 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: 60%; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit {   height: 40px;  line-height: 40px; position: relative; top: 35px; opacity: 0;  padding-top: 0; font-size: 16px; color:#666; 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 {  top: 0; opacity: 1;}
.i-list3 .il-info ul li .ser-info p.tit::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::before {width: 60%;margin-left: -30%;left: 50%;}
.i-list3 .il-info ul li .ser-info p.desc { color:#929292; width: 68%;  height: 40px; line-height: 20px;  margin: 0 auto;  opacity: 0; position: relative; top: -10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  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;}
/*#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(../images/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: 25px;  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 {  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;}
.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: #666;}
.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 ===========图文列表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(../images/ilist13img1.jpg) center no-repeat;}
.i-list13 .il-tit .tit-info .tit { color: #fff;}
.i-list13 .il-tit .tit-info .subtit { color: #ccc;}
.i-list13 .il-tit .cate a {color:#fff;}
.i-list13 .il-tit .cate a:hover , .i-list13 .il-tit .cate a.active {background:#fff; color:#666;}
.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;}
.i-list14 .swiper-container { width:1080px;}
.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: #666;}
.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;}
/*#endregion */


/*#region ===========图文列表15===========*/
.i-list15 { padding:0!important; background:url(../images/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:#f6f6f6; padding: 0!important; }
.ifooter2 .contactinfo { padding:80px 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: #fff;}
.ifooter2 .if-infob p {padding:10px 0; font-size: 12px; color:#929292; }
/*#endregion */


/*#region ===========内页通用样式===========*/
.page { margin:0 auto; text-align:center;min-width:1200px; padding:40px 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:#666; color:#fff;}
.paginator span.cpb { width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#666; }
.paginatordis{ display:none;}

.cbanner {width:100%; }
.cbanner .cb-info {width:100%;  min-height: ;}

.i-header1  .lang{
    border-bottom: 2px solid transparent;
    overflow: hidden;
    color: #666;
    padding-top:31px;
    text-align: center;
    height:auto;
    line-height: 20px;
}
.i-header1  .lang img{
    float:left;
    
}
.i-header1  .lang  span{
    float:left;
    margin-left:10px;
    color:#666666;

}
.i-header1  .lang  a{
    float: left;
    margin-left:25px;
}

.pagetarget  {padding:12px 0; min-width:1200px; margin-bottom:40px; background: #f6f6f6;}
.pagetarget .pagetarget-info {animation-fill-mode:none;}
.pagetarget .container-target {line-height:36px;width:40%;}
.pagetarget  .fa-angle-right { padding: 0 10px;}
.pagetarget .cate ul .citem>a:hover{
    color:#333;
}
.pagetarget .container-target a:hover{
    color:#333;
}
.pagetarget .cate ul .citem a.active{
    color:#333;
}
.pagetarget .cate ul .citem {float:left; margin: 0 5px;text-align: center; position: relative; }
.pagetarget .cate ul .citem>a { display: inline-block; line-height: 36px; padding: 0 10px;  }
.pagetarget .cate ul .citem>a::before { position: absolute;  content: ""; margin-top: 36px;  background: #ccc; 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: 11px; 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-left:2%; margin-bottom:20px;   position: relative;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.cprolist .projectitem:nth-child(3), .cprolist .projectitem:nth-child(6), .cprolist .projectitem:nth-child(12) {margin-right: 0;}

.cprolist.faci .projectitem:nth-child(3), .cprolist.faci .projectitem:nth-child(6), .cprolist.faci .projectitem:nth-child(9) {margin-right: 0;}*/

.cprolist .projectitem:nth-child(3n+1){margin-left:0%;}
.cprolist.faci .projectitem:nth-child(3n+1){margin-left: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 .project-img img { transform: scale(1.2, 1.2);}
.cprolist .projectitem a .project-info { width: 100%; height: 100%;   background: #f6f6f6;  position: ;  left: 0; top: 0;  /*transition: all ease-out .3s;*/}
.cprolist .projectitem a:hover .project-info { background: #333333; }
.cprolist .projectitem a .project-info div { top: 100%; position: relative; height:;padding:10px 0; }
.cprolist .projectitem a .project-info p.title { font-size:16px; margin-top:0px;}
.cprolist .projectitem a:hover .project-info p.title{
    color:#fff;
}
.cprolist .projectitem a:hover .project-info p.subtitle{
    color:#999;
}
.cprolist .projectitem a:hover .hei-back{
    display:block;
}


.pronav ul{
    position:relative;
}
.pronav ul li{
    float:left;
    height:40px;
    line-height:40px;
    margin:50px 0;
    margin-right:20px;
}
.pronav ul li.on>a{
    color:#fff;
    background:#333333;
}
.pronav ul li>a{
    height:100%;
    display:inline-block;
    padding:0 25px;
    color:#666666;
    background:#fff;
}
.pronav .pronavlit{
    position:absolute;
    top:110px;
    display:none;
    width:100%;
    min-height: 60px;
    text-indent:25px;
    background:#fff;
    line-height: 60px;
    left:0;

}
.pronav .pronavlit a{
    color:#666666;
    font-size:14px;
}
.pronav .pronavlit a:hover{
    color:#333333;
}
.pronav2{
    margin:40px auto;
}
.pronav2 .all{
    width:100%;
    background:#fff;
}
.pronav2 .all .cont {
    width:95%;
    margin:0 auto;
}
.pronav2 .all .cont .lists{
    padding:10px 0;
    border-bottom:1px solid #eeeeee;
}
.pronav2 .all .cont .search {
    padding:20px 0;
}
.pronav2 .all .cont .search .search_s{
    position:relative;
    display:inline-block;
    margin-left:30px;
}
.pronav2 .all .cont .search  span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: left;
}
.pronav2 .all .cont .search .search_s .search_txt{
    
    float: left;
    width: 260px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    padding-right: 39px;
    border:0 none;
    color: #666;
    background:#f6f6f6;
    outline: none;
    font-size: 13px;
}
.pronav2 .all .cont .search .search_s .search_btn {
    position: absolute;
    right: 15px;;
    top: 10px;
}
.pronav2 .all .cont .lists span{
    display:inline-block;
    width:165px;
    text-align:right;
    color:#666666;
    font-size:14px;
}
.pronav2 .all .cont .lists .lists_a{
    display:inline-block;
    margin-left:20px;
}
.pronav2 .all .cont .lists .lists_a a{
    height:30px;
    line-height:30px;
    color:#666666;
    padding:0 15px;
    display:inline-block;
    font-size:14px;
    margin:0 10px;
}
.pronav2 .all .cont .lists .lists_a a:hover{
    color:#fff;
    background:#333333;
}
.pronav2 .all .cont .lists .lists_a a.on{
    color:#fff;
    background:#333333;
}



.hei-back{
    position:absolute;
    top:0;
    display:none;
    left:0;
        z-index: 999;

    
}
.hei-back img{
    width:100%;
}
.cprolist .projectitem a .project-info p.subtitle { color:#929292; line-height: 160%; }

.cprolist .projectitem a .project-info div>p{
    width:90%;
    margin:0 auto;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.cabo-info {color:#222222; padding:0 0 0px 0;}
.cabo-info p{
    color:#222222;
    line-height:40px;
}
.cabo-info .cabo-info-dou{
    width:100%;
    background:#f6f6f6;
    padding: 30px 0;
}
.cabo-info .cabo-info-dou>p{
        width: 95%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.tu{
    margin:40px 0;
}
.cabo-info .cabo-info-dou .cabo-info-dou-text{
    width:90%;
    margin:0 auto;
}
.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;}

.cnewslist {
    margin-top:15px;
}
.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 .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px; }
.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: #666;  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;}
.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; }

.cprodetail-info {color:#929292; padding:0 0 80px 0;}
.cprosp {width:100%;}
.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:100%;}
.cproinfo .title {font-size:22px; font-weight: normal; line-height: 200%; color: #666; }
.cproinfo .subdesc {color:#929292; margin-top:50px; padding-bottom:10px;  border-bottom: 1px solid rgba(0,0,0,.1);  margin-bottom:20px;}
.cproinfo .subdesc span{
    padding-bottom:14px;
    border-bottom:1px solid #333333;
    font-size:16px;
}
.cprodetail{
    margin-top:15px;
}
.cprodetail-info .cpro .fl{
    height:490px;
    width:600px;
}
.cproinfo .para p{
    font-size:14px;
    color:#666666;
}
.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 .text .description{
    display:none;
}
.cprodesc .text .description .down{
    margin:20px 0;
    width:530px;
    background:#f6f6f6;
    margin-right:10px;
    padding:12px 30px;  
}
.cprodesc .text .description .down{
    height:56px;
    vertical-align:middle;
}
.cprodesc .text .description .down  .pdf{
    background:url("/images/pdf.png") no-repeat center left;
    padding-left:60px;
}
.cprodesc .text .description .down  .zip{
    background:url("/images/zip.png") no-repeat center left;
    padding-left:60px;
}
.cprodesc .text .description .down .fr{
    height:56px;
    line-height:40px;
}
.cprodesc .text .description .down .fr a{
    margin-left: 20px;
    margin-top: 20px;
    display: inline-block;
}
.cprodesc .text .description .down  p{
    color:#666666;
    font-size:14px;
    width:350px;
}
.cprodesc .title span { padding:10px 40px; display: inline-block; font-size: 16px; color:#fff; background:#666;}
.cprodesc .description { margin-bottom:40px;} 
.cprodetail-info .tabbtn a {  position: relative; width: 50%; height: 100px; 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:#666;}
.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;}
/*#endregion */






/*#region ===========尾部样式===========*/
.foot {
    padding: 40px 0px;
    background:#333333;
    min-width:1200px;
    margin:0 auto;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.f_box1 {
    margin-right: 25px;
}
.f_box1 .p_t {
    margin-bottom: 10px;
}
.foot .wrap .fr{
    margin-right:0;
}
.p_t {
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
    background: url(../images/bot_bai.jpg) no-repeat;
    height: 35px;
    background-position: left bottom;
}
.f_box1 .comp{
    background:none;
}
.f_box1 p{
    color:#999;
}
.f_box1 a {
    display: block;
    color: #999999;
    margin: 10px 0;
    font-size:13px;
    overflow: hidden;
}
.f_box1 a:hover{
    color:#fff;
}
.f_copyright {
    background: #222222;
    padding:15px 0;
    min-width:1200px;
    margin:0 auto;
}
.f_text {
    font-size: 12px;
    color: #666666;
    height: 30px;
    line-height: 30px;
}
/*#endregion */


/*走进浩江*/
.cprolist.faci .projectitem .project-img { width:100%; height:auto;}
.cprolist.faci .projectitem .project-img img{ max-width: 100%;  max-height: 216px;}


/*#region ===========图文列表12===========*/
.i-list12 { background:#f6f6f6; }
.i-list12 .newstitem {  width: 560px; margin: 20px 40px 20px 0;  transition: all 0.3s ease-out 0s;     height: 92px;}
.i-list12 .newstitem:nth-child(even) { margin-right: 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 */
.pg-fy.page{ text-align:left;}
.pg-fy.page .paginator a { text-align:center; background:#fff;}
.pg-fy.page .paginator span.cpb { text-align:center;}
.pg-fy.page .paginator a:nth-child(1) {margin-left:0px;}


/*下载列表*/
.down_list { height:40px; line-height:40px; position:relative; border-bottom:dashed 1px #ccc; width:100%;}
.down_list a{ display:block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
    .down_list a:before { content:""; width:5px; height:5px; background-color:#666; display:inline-block;  margin-right:5px; vertical-align: middle;}
.down_list a span { position:absolute; right:0; top:0px;}

.f_copyright a{color:#666;}

/*首页新闻*/
.i-list12.ix-news .newstitem {    width: calc( 50% - 40px);}
.i-list12.ix-news .newsbody .title { width:75%;}
.i-list12.ix-news .newsbody .description{ width:75%;}
 .i-list12.ix-news .newstitem{   margin: 80px 40px 0px 0px;}



 /*其他*/
 .i-header1 .logo a img {  height: 50px;  margin-top: 15px;}

 .cabo-info p {  color: #333; line-height: 200%;}


  /*客服*/

 #side-bar .qqcont { background: rgba(0,0,0,0.8); margin-left: -80px; padding: 5px 20px 10px 20px; margin-bottom: 20px; border-radius: 4px;box-shadow: 0 0 8px rgba(0,0,0,.1); }
#side-bar .qqcont p:first-child { line-height: 40px; color: #fff; border-bottom: 1px dashed #555; margin-bottom: 5px; }
#side-bar .qqcont a { color: #ccc; line-height: 32px; display: inline-block; }
#side-bar .qqcont a:hover { color: #fff; }
#side-bar .qqcont img { width: 20px; vertical-align: middle; margin-right: 5px; }
.exp { width:130px;  margin-left: -80px; margin-bottom:20px;  text-align:center; position:relative;  }
.exp .expa { width:100%; display:inline-block;line-height:46px;color:#fff;border-radius:4px; font-size:15px;background: rgba(16,136,213,1); box-shadow: 0 0 8px rgba(0,0,0,.1); position:relative; z-index:9; }
.exp .up {width:100%; padding:10px 0 14px; visibility:hidden; opacity:0; position:absolute; bottom:0; z-index:1;  background: rgba(0,0,0,0.8); transition: all .3s ease; }
.exp .up a { display:inline-block; color:#fff; line-height:36px;  }
.exp:hover .up { visibility:visible; opacity:1; bottom:42px;  border-top-left-radius:4px; border-top-right-radius:4px; transition: all .3s ease;}

/*-----------------------------------------------------kf-----------------------------------------------------*/
.side-pannel {position:fixed; width:50px; bottom:60px; right:20px; z-index:999; }
.side-bar>a {width:50px;height:50px;  position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; border-radius:50%; background:#1088d5;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2);  -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.side-bar>a:hover{ background:#222;}
.side-bar a.gotop:hover{ background:#222;}

.side-bar .dh{ width:50px;height:50px; position: relative; text-align: center; margin-bottom:10px;  display:block; cursor:pointer; float:left; display:block; border-radius:50%;  background:#1088d5;  
box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:all .3s ease-out; }
.side-bar .dh:hover{ background:#222;}
.side-bar .dh i{ background:url(../images/side-01.png) no-repeat; width:23px; height:23px; display:block; margin:14px auto;}
.side-bar a.wx i{ background:url(../images/side-02.png) no-repeat; width:26px; height:22px; display:block; margin:14px auto;}
.side-bar a.gotop i{ background:url(../images/side-03.png) no-repeat; width:23px; height:13px; display:block; margin:17px auto;}
.side-bar .dh .hide{  width:247px;  position:absolute; left:-250px; top:-36px;}
.side-bar .dh .hied_con{ width:230px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;
box-shadow:0 0 8px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width 0.3s ease-in-out; -webkit-transition:width 0.3s ease-in-out; display:none;}
.side-bar .dh:hover .hied_con{ display:block }
.side-bar .dh .hied_con:after { content:""; width:10px; height:10px; background:#222; position:absolute; right:11px; top:58px; transform:rotate(45deg);  -webkit-transform:rotate(45deg);}
.side-bar .dh .hide dl { width:200px; margin:0 auto; overflow:hidden; text-align:left; font-size:12px; margin-top:10px;}
.side-bar .dh .hide dl dt.title { margin-bottom:10px; font-size:14px;    }
.side-bar .dh .hide dl dt.tel {margin-top:-6px;  display: inline-block;  line-height: 250%;}
.side-bar .dh .hide dl dt a { color:#fff; font-family:Arial, sans-serif; font-size:18px; font-style:italic;  }
.side-bar .dh .hide dl dt a span {font-family:"微软雅黑";  font-style:normal; font-size:14px; padding-left:6px;}
 .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; }
.popover1{ width:360px; height:600px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-300px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover1 dl a { width:100px; height:36px; line-height:36px; background:#1088d5; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover1 dl a:hover { background:#005ca1;}

.popover2{ width:360px; height:600px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-300px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover2 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}
.popover2 dl a { width:100px; height:36px; line-height:36px; background:#1088d5; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 
transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.popover2 dl a:hover { background:#005ca1;}