@charset "utf-8";

.picture {
    position: relative;
    overflow: hidden;
}

.picture img {
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
}


.each-item:hover .picture img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    zoom: 1.1 \9;
}


.about_lans .l1 {
    font-size: 35px;
    font-weight: bold;
    color: #222222;
    padding-bottom: 25px;
}

.about_lans .l2 {
    font-size: 16px;
    line-height: 1.8;
    color: #444444;
}
.about4_sum {
    text-align: center;
    background: #f8fafd;
    padding: 50px 0 50px;
}

.about4_sum .swiper-container {
    margin-top: 40px;
}

.about4_sum a {
    position: relative;
    color: #222222;
    box-sizing: border-box;
    padding: 35px;
    margin-bottom: 80px;
    background: #FFFFFF;
}

.about4_sum a:after {
    position: absolute;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 4px;
    background: #0062ff;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.about4_sum a:hover:after {
    left: 0;
    width: 100%;
}

.about4_sum .lans {
    margin-top: 20px;
}

.about4_sum .lans .l1 {
    font-size: 16px;
    width: calc(100% - 25px);
    float: left;
    text-align: center;
}

.about4_sum .lans .icon {
    float: right;
    background: url("../images/g20.png");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin-top: 4px;
}

.about4_sum a:hover .icon {
    background: url("../images/g21.png");
    background-size: 100% 100%;
}

.about4_sum a:hover {
    color: #0062ff;
}


.swiper-pagination, .about4_sum .swiper-pagination {
    bottom: 20px;
}

.swiper-pagination .swiper-pagination-bullet, .about4_sum .swiper-pagination-bullet {
    width: 5px !important;
    height: 5px !important;
    margin: 5px 15px !important;
    background: #ccdefb;
    border: 0;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .about4_sum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15px !important;
    height: 15px !important;
    background: url("../images/g23.jpg");
    background-size: 100%;
    margin: 0 10px !important;
}

.about {
  width: 100%;
  height: auto; background: #f7f7f7; padding:60px 0px; margin:0px auto; border-top:1px solid #F0F0F0
}

.about .top-list {

  width: 100%;
  height: auto; overflow:hidden

}
.about .top-list .list-cent {

  width:57%;
  height: auto;
  float:left;

}
.about .top-list .list-cent .cent-title {
  font-size:25px;
  font-weight: bold;
  color: #333;
}
.about .top-list .list-cent .cent-heng {
  width: 50px;
  height: 3px;
  margin: 20px 0px;
  background: #666666;
}
.about .top-list .list-cent .tags{display:flex; margin:5px 0px }
.about .top-list .list-cent .tag{box-sizing:border-box;padding:5px 9px;line-height:14px;text-align:center;border:1px solid #ff6600;border-radius:2px;color:#fff;font-size:15px;margin-right:12px; background:#FF9900}

.about .top-list .list-cent .cent-text {
  margin-top:20px;
  font-size: 16px;
  line-height: 28px;
  color: #666;
}
.about .top-list .list-pic {
  width: 40%;
  height: auto; float:right;
}
.about .top-list .list-pic img {
  width: 100%;
}
.about .top-list .web-pic {
  display: none;
}
.index_five {
    background-color: #f6f6f6;
    padding: 77px 0 87px;
}

.contact{width: 100%;height: auto; background: #f7f7f7; padding:50px 0px; margin:0px auto; border-top:1px solid #F0F0F0}
.contact .contact-left{width: 48%; float:left; height: auto;}
.contact .contact-right{width: 50%; float:right;height: auto;}
.contact .contact-left .contact_title {font-size: 20px;line-height: 39px;color: #173969;}
.contact .contact-left .contact_futitle {font-size: 16px;color: #4f4e4e;line-height: 39px;}
.contact .contact-left .contact_fl_con {margin-top: 30px;font-size: 16px;line-height: 30px;color: #4f4e4e;}
.c-pany {
    border-bottom: 1px solid #e1e1e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
	 font-size:25px;
}

.c-add {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%; font-size:16px;
}

.c-code {

    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%;font-size:14px;
	border-top: 1px solid #e1e1e0;
	padding-top:20px; text-align:center
}
.c-code1 {

   width: 30%;font-size:13px; float:left; text-align:center;
   margin:10px 0px;
}



.c-tr {
    width: calc(100% - 70px);
    word-break: break-all;
    float: left;
}
.c-tr a:hover{
    color:#ee7300;
}
.c-flx{
    display: flex;
    display: -webkit-box;
 /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
 /* Firefox 17- */
    display: -webkit-flex;
 /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
 /* Firefox 18+ */
    display: -ms-flexbox;
 /* IE 10 */
    justify-content: left;
    align-items: center;
    float:left;
    width: 70px;
}
.c-tl {
    width: 50px; padding-left:2px
}
.c-flx img{
    margin-right: 5px;
}


@media screen and (max-width: 1000px) {
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .about4_sum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        margin: 0 5px !important;
    }
.about_lans{ width:98%; margin:0px auto}
 .about_lans .l1 {
    font-size: 28px;

}
 .about_lans .l2 {
    font-size: 14px;

}

.about .top-list .list-cent .tag{font-size:14px;}
    .about4_sum {
        padding: 40px 0 20px;
    }

    .about4_sum .swiper-container {
        margin-top: 15px;
    }

    .about4_sum a {
        padding: 25px;
        padding-bottom: 0px;
    }
  .about4_sum .lans .l1 { padding-bottom:20px
    }
    .about4_sum .lans .l1 {
        font-size: 14px;
    }

    .about4_sum .swiper-pagination .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        margin: 2.5px 7.5px;
        background: #ccdefb;
        border: 0;
    }

    .about4_sum .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

 
   .about {padding:40px 0px; }

.about .top-list {width:98%; margin:0px auto}
.about .top-list .list-cent { margin:20px auto 0px; width:98%; float:none}
  .about .top-list .list-cent .cent-title {
    font-size:20px;  

  }
.about .top-list .list-cent .tag{padding:5px ;font-size:14px;margin-right:10px; background:#FF9900}
  .about .top-list .list-cent .cent-text {

    font-size:15px;
    line-height: 30px;
    color: #666;
  }
  .about .top-list .list-pic {
    width: 100%;
    height: auto;
  }
  .about .top-list .list-pic img {
    width: 100%; margin-bottom:20px
  }
  .about .top-list .web-pic {
    display: block;
  }
  .about .top-list .pc-pic {
    display: none;
  } 
  
.contact {padding: 25px 0;}
.contact .contact-left{width: 96%; margin:0px auto;float: none; }
.contact .contact-right{width: 96%;margin:0px auto;float: none;}
.contact .contact-left .contact_fl_con {margin-top: 10px;}
  .contact .contact-left .contact_futitle {font-size: 14px;} 
  .c-code1 {

   width: 100%;font-size:13px; text-align:center;
   margin:1px auto;
}
}


@media screen and (max-width: 768px) {
   
    .swiper_sum .swiper_sum_wrapper, .about2_win .swiper_sum {
        bottom: 10px;
    }
	

}
.index-case {width:100%;overflow:hidden}
.index-case .iprt01_btm .lt_box { float:left; margin-right:0.8%; width:39%;background-image:url(../images/index-case.jpg); background-position:center bottom; background-repeat:no-repeat; min-height:660px}
.index-case .iprt01_btm .lt_box ._con{padding:20% 12%;}
.index-case .iprt01_btm .lt_box ._con ._tt { margin-bottom:24px; font-size:24px; line-height:1.2; color:#ffffff; }
.index-case .iprt01_btm .lt_box ._con ._tt a{ color:#ffffff;}
.index-case .iprt01_btm .lt_box ._con ._desc { margin-bottom:60px; font-size:15px; line-height:1.9; color:#ffffff; }
.index-case .iprt01_btm .lt_box ._con .wd_white { color:#000;  background-color:#fdf002; border:#fdf002 1px solid;  width:280px;  height:45px; line-height:45px; text-align:center; font-size:18px; margin:0px auto;}
.index-case .iprt01_btm .rt_box{float:left; width:60%; overflow:hidden}


.index-case .iprt01_btm .rt_box .list li {float:left;margin:1% 1.5% 1.5% 1.5%;width:47%;box-shadow: 0 0 10px rgba(222,229,238,.75);}
.index-case .iprt01_btm .rt_box .list li .img {width:100%;position:relative;overflow:hidden;}
.index-case .iprt01_btm .rt_box .list li .img .zz {width:100%;height:100%;position:absolute;left:0;top:100%;z-index:2;background:rgba(10,68,141,.59);transition:all ease .3s;}
.index-case .iprt01_btm .rt_box .list li .img .zz img {width:50px;height:50px;position:absolute;left:50%;transform:translateX(-50%);top:65px;}
.index-case .iprt01_btm .rt_box .list li:hover .img .zz {top:0;}
.index-case .iprt01_btm .rt_box .list li .tbox {width:100%;box-sizing:border-box;padding:10px 18px;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-title {font-size:18px;line-height:25px;color:#000;margin-bottom:6px;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-txt {font-size:14px; line-height:20px; color:#000; opacity:.5; margin-bottom:7px;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-more { width:100px;height:30px;box-sizing:border-box; border:1px solid #b5b5b5; text-align:center;line-height:30px; font-size:12px; color:#666;border-radius:14px;margin-left:-4px;transition:all ease .3s;}
.index-case .iprt01_btm .rt_box .list li:hover .tbox .tbox-title  {color:#0a448d;}
.index-case .iprt01_btm .rt_box .list li:hover .tbox .tbox-more  { color:#fff; background:#0a448d;border:1px solid #0a448d;}



.index-case .iprt01_btm .rt_float_cell ._msk,
.index-case .iprt01_btm .arrs{ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
@media only screen and (max-width: 992px){
.index-case .iprt01_btm .lt_box{height: auto;margin: 0 auto;width:100%;min-height:400px}

.index-case .iprt01_btm .lt_box ._con{padding:10% 5%;}
.index-case .iprt01_btm .lt_box ._con ._desc { margin-bottom:40px;}
.index-case .iprt01_btm .rt_box{width: 100%;margin-top: 20px;}

.index-case .iprt01_btm .rt_box .list {width:98%;margin:0px auto;padding:0px 0 30px;}
.index-case .iprt01_btm .rt_box .list li {width:100%;margin:0px auto 20px;}
.index-case .iprt01_btm .rt_box.list li:nth-child(2n) {margin-right:0;}
.index-case .iprt01_btm .rt_box .list li .tbox {padding:15px 10px;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-title {font-size:16px;line-height:15px;margin-bottom:8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-txt {font-size:12px;line-height:15px;margin-bottom:8px;}
.index-case .iprt01_btm .rt_box .list li .tbox .tbox-more {width:70px;height:25px;line-height:23px;border-radius:12px;font-size:12px;}


}


.index_9{padding:30px 0;background-size: cover!important;}
.index_9_main{text-align: center}
.index_9_main .d1{}
.index_9_main .d1 p{display: inline-block;color: #FFF;line-height:25px;margin: 10px 15px; font-size:16px}
.index_9_main .d1 p img{margin-right:10px}
.index_9_main .d2{color: #FFF;font-weight: bold;line-height:50px;padding:20px 10px; font-size:24px;letter-spacing:1px}

.red{color:#F6A307; font-size:30px;}

.index_9_main .d3{text-align: center;padding:20px 15px;}
.index_9_main .d3_{display: inline-block;}
.index_9_main .d3 .a1{background: #FFF;float: left;margin-right:40px; font-size:18px;}
.index_9_main .d3 .a1 img{margin-top:8px}
.index_9_main .d3 .a1 span:nth-child(1){width: 40px;height: 45px;line-height: 45px;text-align: center;background: #DF0000;float: left;}
.index_9_main .d3 .a1 span:nth-child(2){transition: .3s ease;width: 100px;height: 45px;line-height: 45px;color: #333333;float: left}
.index_9_main .d3 .a2{line-height: 45px;color: #DF0000;float: left;font-weight: bold;font-size:20px}
.index_9_main .d3 .a2 img{margin-right:10px; margin-top:10px}


.index_9_main .d3 .a1:hover span:nth-child(2){background:#DF0000;color: #FFF;}

@media(max-width: 1000px){
.index_9_main .d1 p{margin:10px; }
.index_9_main .d2{font-size:24px}
.index_9_main .d3{ display:none}
.index_9_main .d2{font-size:20px;letter-spacing:1px}

.red{font-size:25px;}

 
}



/*资讯详情*/
.zixunxq_a{
    padding: 50px 0;
}

.zixunxq_a .btm{margin-top: 0;}

.zixunxq_a .left{
    background: #fff;
    padding: 50px;
}

.zixunxq_a .left .bt{
    color: #000000;
    font-weight: initial;
}

.zixunxq_a .left .xinxa{
    color: #000000;
    margin-top: 16px;
}

.zixunxq_a .left .xinxa > div{float: left;}

.zixunxq_a .left .xinxa .sj{margin-right: 20px;}
.zixunxq_a .left .xinxa .fl{margin-right: 20px;}

.zixunxq_a .left .text{
    color: #666666;
    line-height:35px;
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid #e5e5e5; font-size:15px
}


.zixunxq_a .left .xia{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.zixunxq_a .left .xia .zu{float: left;width: 45%;}
.zixunxq_a .left .xia .yo{float: right; width:45%}



@media(max-width: 1100px){
    .zixunxq_a {
        padding: 40px 0;
    }
    .zixunxq_a .left {
        padding: 30px 20px;
    }
    .zixunxq_a .left .xinxi{width: 100%;}
    .zixunxq_a .left .text {margin-top: 20px;padding-top: 20px;}
}

@media(max-width: 640px){
    .zixunxq_a .left .xia {
        margin-top: 30px;
        padding-top: 20px;
    }
.zixunxq_a .left .xia .zu{float: left;width:100%; margin:10px 0px;}
.zixunxq_a .left .xia .yo{float: left;width:100%;margin:10px 0px;}
}


.case_d{
   width: 100%;height: auto; background: #f7f7f7; padding:50px 0px; margin:0px auto; border-top:1px solid #F0F0F0
}
.case_dd{
   width: 100%;height: auto; margin:0px auto;
}
.case_d .contact_title {font-size: 20px;line-height: 39px;color: #173969;}
.case_d .contact_futitle {font-size: 16px;color: #4f4e4e;line-height: 39px;}
.case_d .ul{
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
	margin:20px 0px;
}
.case_d .ul li{
    width: 16.66%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    transition: all 0.4s;
    position: relative;

}

.case_d .ul li:hover{
    z-index: 9;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.case_d .ul li .img{
	line-height: 0;
	-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
    transition: all 0.3s;
}

.case_d .ul li:hover .img{
     -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
@media(max-width: 1100px){
.case_d { width:100%; margin:0px auto}
.case_d {
        padding: 40px 0 20px;
    }
	.case_dd{
   width: 98%;height: auto; margin:0px auto;
}
	   .case_d .ul li{width: 25%;}
}
@media(max-width: 640px){
   
    .case_d .ul li{width: 33.3%;}
  
}