/* 头部轮播 */
.sw_box {width: 100%;max-height: 800px; overflow: hidden; }
.sw_box .swiper-slide img {width: 100%;max-height: 810px;cursor: default;}

/* about */
.about_bg {width: 100%;height: 746px;background-color: #f7f7f7;overflow: hidden;}
.about_box{width: 1204px;height: 555px;margin: 0 auto;padding-top: 113px;}
.about_fl{padding-top: 59px;}
.about_fl h2 {font-size: 42px;font-weight: bold;color: #2460ba;background: url(underline.png) no-repeat left 54px;line-height: 36px; height: 57px;}
.about_fl p{width: 623px;font-size: 14px;color: #666666;line-height: 28px;margin-top: 22px;}
.about_fl .about_column {width: 518px;margin-top: 70px;}
.about_fl .about_column ul li{float: left;width: 238px;height: 50px;line-height: 50px;margin-right: 18px;margin-bottom: 19px;}
.about_fl .about_column ul li:nth-child(2n){margin-right: 0;}
.about_fl .about_column ul li a{background: url(about_colume.png) no-repeat;display: block;padding-left: 45px;font-size: 16px;background-size: 100%;}
.about_fl .about_column ul li a:hover{background: url(about_colume_bg.png) no-repeat;color: #ffffff;}

/* Products */
.products h2 {font-size: 42px;font-weight: bold;color: #2460ba;background: url(underline.png) no-repeat center 54px;text-align: center; line-height: 36px; height: 57px;}
.products_comule {width: 100%;margin-top: 41px;margin-bottom: 45px;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;  border:none;}
.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0;  }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:none;}
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:5px; zoom:1; text-align:center}
.picScroll-left .hd ul li{ display:inline-block;  width:40px; height:5px; border-radius:2px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#004098; line-height:0; font-size:0; text-indent:9999em}
.picScroll-left .hd ul li.on{ background:#2674c7; }
.picScroll-left .pageState{ display:none}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ height:513px;float:left; _display:inline; overflow:hidden; text-align:center; position:relative}
.picScroll-left .bd ul li .pic{ height:315px; position:relative}
.picScroll-left .bd ul li .pic p{ position:absolute; width:100%; height:160px; line-height:36px; bottom:24px; left:0;color: #ffffff;}
.picScroll-left .bd ul li .pic img{ display:block; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.picScroll-left .bd ul li .pic a{ text-align:center; font-size:23px; color:#FFFFFF; font-weight:bold ; line-height:36px; }
.picScroll-left .bd ul li .pic a:hover{ border-color:#999;}
.picScroll-left .bd ul li .title{ padding:20px 24px; display:none}
.picScroll-left .bd ul li .title a{line-height:29px; font-size:15px; color:#FFFFFF; display:block}

.picList li:nth-child(1){ background:url(products_1.png) no-repeat center top; background-size:cover}
.picList li:nth-child(2){ background:url(products_2.png) no-repeat center top; background-size:cover}
.picList li:nth-child(3){ background:url(products_3.png) no-repeat center top; background-size:cover}
.picList li:nth-child(4){ background:url(products_4.png) no-repeat center top; background-size:cover}
.picList li:nth-child(5){ background:url(products_5.png) no-repeat center top; background-size:cover}
.picList li:nth-child(6){ background:url(products_6.png) no-repeat center top; background-size:cover}
.picList li:nth-child(7){ background:url(products_2.png) no-repeat center top; background-size:cover}
.picList li:nth-child(8){ background:url(products_3.png) no-repeat center top; background-size:cover}
.picList li div.indexcasebg{ width:100%; height:100%; position:absolute; top:0; left:0;}
.picList li:hover div.indexcasebg{ background:url(products_bg.png);}
.picScroll-left .bd ul li .title a.casemore{ width:214px; height:50px; display:block; margin:0 auto; background:#2674c7; border-radius:4px; font-size:18px; color:#FFFFFF; text-align:center; line-height:50px; margin-top:40px}
.picList .indexcasebg .title p{color: #ffffff;}

/* Our Businesses */
.businesses_comule h2 {font-size: 42px;font-weight: bold;color: #2460ba;background: url(underline.png) no-repeat center 54px;text-align: center; line-height: 36px; height: 57px;}
.businesses_comule {width: 100%;margin: 33px 0 66px 0;}
.businesses .busin_box {width: 1455px;height: 432px;margin: 0 auto 54px;position: relative;}
.busin_boxlist{width: 1260px;margin: 0 auto; background: #f7f7f7;overflow: hidden;}
.arrow-left {background: url(homefl.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 61px;height: 61px;}
.arrow-right {background: url(homefr.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 61px;height: 61px;}
.swiper-containertwo .swiper-slide a {width: 315px;height: 430px;display: block;float: left;}
.businesses .busin_box .swiper-containertwo .swiper-slide a .busin_pic img{width: 100%;height: 215px;}
.busin_tit {padding: 30px 31px  0;font-size: 20px;color: #000033;font-weight: bold;line-height: 29px;margin-bottom: 12px;}
.busin_scation {padding: 0 25px 35px;font-size: 16px;color: #999999;line-height: 26px;}
@media (any-hover:hover){
  .businesses .busin_box .swiper-containertwo .swiper-slide a .busin_pic img:hover{transition: all 0.3s linear;transform: scale(1.1);}
}

@media screen and (max-width:1680px){
  .about_box {padding-top: 70px;}
  .about_fl{margin-left: 30px;}
  .about_fr {margin-right: 30px;}
  .busin_boxlist{width: 1100px;}
  .arrow-left{left: 40px;}
  .arrow-right{right: 40px;}
  .swiper-containertwo .swiper-slide a{width: 275px;}
}
/* 手机端 */
@media screen and (max-width:768px){
  .busin_tit{margin-bottom: 0;}
    .busin_scation{margin-bottom: 10px; padding: 10px 10px 0;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
    .blue_bg{display: none;}
    .mobtop{display: block;}
    .sw_box{height: auto;}
    .sw_box .swiper-slide img{height: auto;}
    .about_bg {height: auto;}
    .about_box {padding-top: 0;}
    .about_fl {padding-top: 30px;float: none;padding:50px 20px 0;margin-left: 0;}
    .about_fl h2,
    .products h2,
    .businesses_comule h2 {text-align: center;background: url(underline.png) no-repeat center 54px;font-size: 38px;}
    .about_fl p {width: 100%;}
    .about_fl .about_column {width: 100%;margin-top: 20px;}
    .about_fl .about_column ul li{width: 160px;margin-right:7px;margin-bottom:10px;}
    .about_fl .about_column ul li a{background-size: 100% 100%;padding-left: 10px;}
    .about_fr {float: none;width: 100%;text-align: center;margin-top: 20px;}
    .about_fr img{width: 80%;}
    .businesses_comule{margin: 50px 0 45px 0;}
    .businesses .busin_box ul li{width: 100%;float: none;margin-bottom: 20px;background: #f7f7f7;}
    .businesses .busin_box{background: #fff;margin: 0 auto 30px;width: 100%;}
    .businesses {padding: 0 10px;}
    .about_fl .about_column ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .busin_boxlist{width: 100% !important;}
    .swiper-containertwo .swiper-slide a{width: 100% !important;height: auto;}
    .swiper-containertwo .swiper-slide a img{height: 237px !important;}
    .pagination {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: -20px;
        width: 100%;
      }
      .swiper-pagination-switch {
        display: inline-block;
        width: 40px;
        height: 5px;
        border-radius: 2px;
        background: #2674c7;
        box-shadow: 0px 1px 2px #555 inset;
        margin: 0 3px;
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        }
      .swiper-active-switch {
        background: #004098;
      }
}

    @media screen and (max-width:360px) {
        .about_fl h2, .products h2, .businesses_comule h2 {font-size: 32px;}
        .about_fl .about_column ul{justify-content: normal;align-items: center;flex-direction: column;}
        .about_fl .about_column ul li{margin-right: 0;}
    }