@charset "utf-8";

.hadv, .case{ position:relative; width:100%; text-align:center; padding: 70px 0px; }
.hadv .hd, .about .hd, .case .hd{margin-bottom: 35px;}
.hadv .hd h2{color: #1f364b; font-size: 36px; font-weight: normal;}
.hadv .hd .txt { padding-top: 15px; font-size: 12px; color: #8098aa;}
.hadv .bd { position: absolute;  left: 50%; margin-left: -960px; width:1920px; height:429px; z-index:-1; }


.product { background:#f5f7f9 url("../images/product.jpg") repeat-x top;}
.product .pro-tit { height: 115px; }
.product .pro-tit ul li { float: left; width: 171px; height: 112px; border-bottom: 3px solid transparent; text-align: center; }
.product .pro-tit ul li a { display: block; width: 100%; padding-top: 12px; font-size: 14px; color: #4c6a7f; }
.product .pro-tit ul li.on { background: #f5f7f9; border-color: #0066c3; transition: background 0.3s ease 0s; }
.product .pro-tit ul li.on a { color: #0162b3;  }
.product .pro-tit ul li a i { display: block; height: 65px; }
.product .pro-tit ul li a .i1 { background: url("../images/kind_1.png") no-repeat center center; }
.product .pro-tit ul li a .i2 { background: url("../images/kind_2.png") no-repeat center center; }
.product .pro-tit ul li a .i3 { background: url("../images/kind_3.png") no-repeat center center; }
.product .pro-tit ul li a .i4 { background: url("../images/kind_4.png") no-repeat center center; }
.product .pro-tit ul li a .i5 { background: url("../images/kind_5.png") no-repeat center center; }
.product .pro-tit ul li a .i6 { background: url("../images/kind_6.png") no-repeat center center; }
.product .pro-tit ul li a .i7 { background: url("../images/kind_7.png") no-repeat center center; }

.product .pro-tit ul li.on a .i1 { background: url("../images/kind_01.png") no-repeat center center; }
.product .pro-tit ul li.on a .i2 { background: url("../images/kind_02.png") no-repeat center center; }
.product .pro-tit ul li.on a .i3 { background: url("../images/kind_03.png") no-repeat center center; }
.product .pro-tit ul li.on a .i4 { background: url("../images/kind_04.png") no-repeat center center; }
.product .pro-tit ul li.on a .i5 { background: url("../images/kind_05.png") no-repeat center center; }
.product .pro-tit ul li.on a .i6 { background: url("../images/kind_06.png") no-repeat center center; }
.product .pro-tit ul li.on a .i7 { background: url("../images/kind_07.png") no-repeat center center; }

.pro-con { position: relative; margin-top: 45px; }
.pro-con .hyh { position: absolute; top:-30px; right: 5px; width: 60px; padding-left: 20px; background: url("../images/flush.png") no-repeat; }
.pro-con .hyh a { color: #4c6a7f; font-size: 12px; }
.pro-con .pro-big { position: relative; float: left; width: 602px; height: 417px; text-align: center; }
.pro-con .pro-big .bd { width: 601px; height: 417px; }
.pro-con .pro-big .bd li{width:601; height:417px; background:#fff;}
.pro-con .pro-big .bd li .p{float:left; width:300px; padding-top:50px;}
.pro-con .pro-big .bd li .t{float:left; padding:110px 0 0 10px; width:290px; text-align:left;}
.pro-con .pro-big .bd li h2{ font-weight:100; font-size:30px; line-height:46px;}
.pro-con .pro-big .bd li h2 a, .pro-con .pro-big .bd li h2 a:hover{color:#333;}
.pro-con .pro-big .bd li span a{color:#666;}
.pro-con .pro-big .bd li .m{width:90px; line-height:24px; background:#0162B3; border-radius:5px; font-size:12px; text-align:center; margin-top:40px;}
.pro-con .pro-big .bd li .m a, .pro-con .pro-big .bd li .m a:hover{color:#fff; display:block; position:relative; padding-left:8px;}
.pro-con .pro-big .bd li .m a:before{ position: absolute; content: ""; left:14px; bottom:7px; border:3px solid transparent;  border-width:5px 7px;  border-left-color:#fff;  background:transparent;  z-index: 4;  }
.pro-con .pro-big .hd { position: absolute; width: 100%; bottom: 22px; }
.pro-con .pro-big .hd ul li { margin: 0 6px; display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #dbe1e7; text-indent:999em;}
.pro-con .pro-big .hd ul li.on { width: 33px; background: #0066c3; transition: background 0.3s ease 0s; cursor: pointer; }

.pro-con .pro-item { float: right; width: 592px; }
.pro-con .pro-item ul li { position: relative; float: left; margin:0 0 5px 5px; width: 290px; height: 206px; background: #fff; text-align: center; }
.pro-con .pro-item ul li .list-pic { width: 100%; text-align: center; height: 165px; }
.pro-con .pro-item ul li .name { height: 35px; color: #4c6a7f; line-height: 35px; font-size: 14px; }
.pro-con .pro-item ul li .gray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1,98,179,.92); transform: scale(0); opacity: 0; }
.pro-con .pro-item ul li .gray a { display: block; padding: 43px 0 0; color: #fff; }
.pro-con .pro-item ul li .gray a .name { font-size: 30px; color: #fff;  }
.pro-con .pro-item ul li .gray a .txt { padding:8px 0 45px 0; font-size: 12px; background: url("../images/hover_icon.png") no-repeat center bottom;   }
.pro-con .pro-item ul li:hover .gray{ opacity: 1; transform: scale(1); transition: all 0.3s ease 0s;}

.product .more { width: 136px; height: 68px; margin: 43px auto 0; background: url("../images/more.jpg") no-repeat; text-align: center;  }
.product .more a { display: block; padding-top: 32px; color: #4c6a7f; }

.about { border-bottom: 1px solid #f5f7f9; margin-bottom: 30px; padding:55px 0 0; }
.about .hd { text-align: center; }
.about .hd h2, .case .hd h2 {  color: #1f364b; font-size: 36px; font-weight: normal; }
.about .hd .txt { padding-top: 15px; font-size: 12px; color: #8098aa; }
.about .about-con { padding: 35px 0 0 0; }
.about .about-con .intropic { float: left; width: 604px; height: 346px; }
.about .about-con .intro { float: left; width: 534px; padding: 36px 31px 0; height: 310px; background: #f5f7f9; }
.about .about-con .intro h2 { height: 40px; font-size: 18px; }
.about .about-con .intro h2 a { color: #4c6a7f; }
.about .about-con .intro .txt { height: 90px; font-size: 12px; line-height: 24px; color: #4c6a7f; }
.about .about-con ul li { float: left; width: 95px; height: 95px; background: #fff; font-size: 20px; border-radius: 95px; margin:0 24px 20px 0; text-align: center; }
.about .about-con ul li span { display: block; padding: 20px 0 0; }
.about .about-con ul li:hover { background: #0066c3; color: #fff; transition: background 0.3s ease 0s; }
.about .about-con .more2 { width: 91px; height: 23px; }

.about-item { position: relative; width:1200px; bottom:-42px;}
.about-item .tempWrap {width:1200px !important;}
.about-item ul li { position: relative; float: left; width: 284px; margin:0 21px 0 0; background: url("../images/about-item.jpg") no-repeat;  }
.about-item ul li .list-txt { padding: 12px 9px 0; height:90px; line-height: 22px; color: #4c6a7f; font-size: 12px; }
.about-item ul li .time {width: 96%; text-align:center; padding-top:15px;}
.about-item ul li .time p { padding-top: 10px; color: #0066c3; font-size:13px;}

.about-item .aPrev,.about-item .aNext { position: absolute; bottom: 31px; cursor:pointer;}
.about-item .aPrev { left: -70px; }
.about-item .aNext { right: -70px; }

.news { position: relative; width:1200px; margin:0 auto;}
.news .tempWrap{width:1200px !important;}
.news .news-item { float:left; width: 380px; height: 487px; margin-right: 29px; background: #f5f7f9; }
.news .news-item .pic { width: 380px; height: 245px; }
.news .news-item dl { padding:20px; }
.news .news-item dt { height: 78px; }
.news .news-item dt a { line-height: 30px; color: #14283b; }
.news .news-item dd { height: 92px; line-height: 24px; font-size: 14px; }
.news .news-item .info { height: 20px; font-size: 12px; }
.news .news-item .info span { padding-right: 10px;}
.news .news-item .info span em { padding-left: 5px; vertical-align: middle; }

.news .aPrev,.news .aNext { position:absolute; top:182px; cursor:pointer;}
.news .aPrev { left:-100px; }
.news .aNext { right:-100px; }
.news .news-quan { text-align: center; padding: 35px 0; }
.news .news-quan ul li { display: inline-block; margin: 0 6px; width: 8px; height: 8px; border-radius: 8px; background: #7995a7;  cursor: pointer; text-indent:999em;}
.news .news-quan ul li:hover,.news .news-quan ul li.on { background: #0d50aa;  }

.case { background: #f5f7f9; padding-bottom: 70px;}
.case .hd {text-align: center;}
.case .hd .txt { padding-top: 15px; font-size: 12px; color: #8098aa; text-align: center; }
.case .case-tit { text-align: center; padding-bottom: 28px; }
.case .case-tit ul li { display: inline-block; padding: 0 7px 0 20px; background: url("../images/case_line.jpg") no-repeat left center; line-height: 25px; text-align: center; }
.case .case-tit ul li em{ display: block; border-bottom: 2px solid transparent; height: 26px; color: #4c6a7f; padding: 0 7px; font-size: 14px; cursor:pointer;}
.case .case-tit ul li.on em{ color:#0066c3; border-bottom: 2px solid #0066c3; }

.case .case-con { background: #fff; width:1200px; }
.case .case-con .tempWrap{width:1200px !important;}
.case .case-con ul li { float: left; border-right: 1px solid #f5f7f9; text-align: center; }

.case .case-quan { text-align: center; padding: 30px 0; }
.case .case-quan ul li { display: inline-block; margin: 0 6px; width: 8px; height: 8px; border-radius: 8px; background: #7995a7; cursor: pointer; text-indent:999em;}
.case .case-quan ul li.on { background: #0d50aa;}


.box-wrap, .wrap {
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
.col-hd-1 {
    border-bottom: 1px solid #005AB1;
    height: 45px;
    margin-bottom: 25px;
    position: relative;
}
.col-hd-1 h2 {
    border-bottom: 3px solid #005AB1;
    color: #005AB1;
    float: left;
    font-size: 16px;
    line-height: 39px;
    padding: 5px 15px 0 0;
    position: relative;
}
.col-hd-1 h2 .hot-ico {
    height: 15px;
    position: absolute;
    right: -10px;
    top: 5px;
    width: 25px;
}
.col-hd-1 .more {
    position: absolute;
    right: 15px;
    top: 18px;
}
.col-hd-1 .more a {
    color: #888;
    font-size: 12px;
}
.col-hd-1 .more a:hover {
    color: #d70c25;
}
.col-hd-2 {
    background: rgba(0, 0, 0, 0) url("../images/xian.png") no-repeat scroll center center;
    height: 50px;
    margin-bottom: 25px;
    text-align: center;
}
.col-hd-2 h2 {
    color: #d70c25;
    font-size: 16px;
    margin: 0 auto;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 145px;
}
.col-hd-2 h2 em {
    color: #a8a7a7;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}
.col-hd-2 h2 .hot-ico {
    height: 15px;
    position: absolute;
    right: 15px;
    top: -3px;
    width: 25px;
}
.pic-list-panel li {
    float: left;
    text-align: center;
}


      /*gxx add*/
  .xin-product-t0 {position: relative;}
.xin-product-t0 {width: 800px; height: 330px; position: relative;}
.xin-product-fl {width: 800px; height: 330px; position: relative;}
.xin-product-two {position: relative; width: 100%; }
.xin-product-t1, .xin-product-t2 {width: 394px; height: 332px; position: relative;margin-top: 15px;}
.xin-product-t1 {margin-right: 12px;}
.xin-product-fr {width: 390px; height: 677px; position: relative; margin-top:-330px;}
.xin-product-otitle {position: absolute; top: 40px; left:24px; text-align:left; }
.xin-product-otitle1 { font-size: 18px; color: #333333; }
.white {color: #fff !important; font-size: 22px;}
.xin-product-otitle1:after {content: ""; height: 2px; background: #cfcfcf; width: 36px;display: block; margin-top: 16px;}
.xin-product-otip1{margin-top: 10px;}
.xin-product-otip1, .xin-product-otip2 { color: #c4c6d5; line-height: 20px; font-size: 13px;}

.swiper-silde-img1, .swiper-silde-img2 { width: 50%; position: relative; }
.swiper-slide-info {position: absolute; top: 225px; left: 58px; color: #fff; width: 540px;}
.swiper-slide-title { font-size: 24px; margin-bottom:55px;}
.swiper-slide-tip { line-height: 25px; font-size: 14px; margin: 20px 0 55px 0; }
.xin-more { padding:0 30px; height: 36px; line-height: 36px; background-color: #f1861b; text-transform: uppercase; border-radius: 20px; font-size: 12px; width: max-content; }
.bannerB .swiper-xin-next, .bannerB .swiper-xin-prev { width: 74px; height: 74px; position: absolute; bottom: 0; top: calc(100% - 74px);  right: calc(50% - 74px); z-index: 111; border:none; outline: none;}
.bannerB .swiper-xin-next:active, .bannerB .swiper-xin-prev:active {border:none; outline: none;}
.bannerB .swiper-xin-prev {left: calc(50% - 74px); background: #fff url(../images/xin-icon01.png) no-repeat center center; }
.bannerB .swiper-xin-next {background-color: ;  background: #1657ac url(../images/xin-icon02.png) no-repeat center center;}

.pic-list-panel{ position: relative; width:100%;}
.pic-list-panel .tempWrap{width:100% !important;}
.pic-list-panel li{float: left;margin-bottom:25px; position: relative;}
.pic-list-panel li:nth-child(4n) {margin-right: 0 !important;}
.pic-list-panel li .item-box{transition:all 0.4s;-webkit-transition:all 0.4s;}
.pic-list-panel .tit {text-align: center; font-size:14px; line-height: 22px; padding:10px 0; background:#fff;}
.pic-list-panel .intro{line-height: 22px;position:relative; padding:10px 15px 15px; border-top: 1px dashed #DFDFDF; text-indent: 2em; border-bottom: 5px solid #D9D9D9;}
.pic-list-panel .detail {font-size: 12px; color: #999;}
.pic-list-panel .detail a {display:block; margin:0 auto; width:84px; line-height:30px; text-align:center; border-radius: 5px; background: #2C5BA9; color:#fff;}
.pic-list-panel .intro:after{content:"";width:0;height:5px;position:absolute;left:0;bottom:-5px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.pic-list-panel li .hover {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    bottom: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    transition: 0.3s;
}



.pic-list-panel li .item-box:hover .intro:after{width:100%;}
.pic-list-panel li .item-box:hover{box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);transform:translateY(-14px);-webkit-transform:translateY(-14px);}
.xin-case {position: relative; width: 100%;}
.xin-case .hd .txt {text-align: center;}

.home_page3 ul{ max-width:1440px; width:100%; margin:0 auto;}
.home_page3 .slick-list li{position:relative;float:left;width: 23% !important;text-align:center;margin-right: 1%;margin-bottom:  2%;margin-left: 1%;box-sizing:  border-box;overflow:hidden;background-color:#000;}
/*.home_page3 .slick-list li .Ispic{padding-bottom:100%;transition:0.2s;*/

/*    -webkit-filter: grayscale(100%);*/
/*    -moz-filter: grayscale(100%);*/
/*    -ms-filter: grayscale(100%);*/
/*    -o-filter: grayscale(100%);*/
/*    filter: grayscale(100%);*/
/*    filter: gray;}*/
.home_page3 .slick-list li .Ispic{padding-bottom:100%;transition:all 0.2s;}
/*.home_page3 .slick-list li:hover .Ispic{opacity:1;*/

/*    -webkit-filter: none;*/
/*    -moz-filter: none;*/
/*    -ms-filter: none;*/
/*    -o-filter: none;*/
/*    filter: none;*/
/*    filter: none;}*/
.home_page3 .slick-list li:hover .Ispic{    transform: scale(1.1);}
.home_page3 .slick-list li .hover{display: block;position:absolute;width:100%;left:0;height:  100%;bottom:-100%;color:#fff;background-color: rgba(0,0,0,0.3);transition:0.3s;}
.home_page3 .slick-list li:hover .hover{display: block;position:absolute;width:100%;left:0;height: auto;bottom:0;color:#fff;background-color: rgba(0,0,0,0.2);transition:0.3s;}
.home_page3 .slick-list li:hover .hover{ display:block;transition:0.3s;}
.home_page3 .slick-list li h2{padding:3% 0;opacity: 0;}
.home_page3 .slick-list li h2 a,.home_page3 .slick-list li p a{ color:#fff;}
.home_page3 .slick-list li p{opacity:0;-webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);font-size:16px;padding:0 3%;height:0;overflow:hidden;transition:opacity 0.3s 0.2s,transform 0.3s 0.2s;-ms-transition:opacity 0.3s 0.2s,transform 0.3s 0.2s;margin:0;}
.home_page3 .slick-list li .more{opacity:0;-webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);text-align:center;height:0;overflow:hidden;transition:opacity 0.3s 0.4s,transform 0.3s 0.4s;-ms-transition:opacity 0.3s 0.4s,transform 0.3s 0.4s;display:block; }
.home_page3 .slick-list li .more img{margin:0 auto;}
.home_page3 .slick-list li:not(:last-child)::after{ position:absolute; content:''; width:1px; height:100%; background:#fff; top:0; right:0;}
.home_page3 .slick-list li:hover .Ispic{opacity:1;}
.home_page3 .slick-list li:hover h2{padding-top:0;opacity:1;}
.home_page3 .slick-list li:hover .hover{padding:8% 0;}
.home_page3 .slick-list li:hover .more,
.home_page3 ul li:hover p{height:auto;opacity:1;-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.home_page3 .slick-list li:hover p{padding-bottom:3%;}

.hadv{padding-bottom:160px;}
.hadv .xin-product li{float: left; background-color: #EFF2F7; position: relative; text-align: left;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.hadv .xin-product li .img{position: absolute; right: 65px; bottom:50px;}
.hadv .xin-product li.li2 .img{ right: 65px; bottom: 35px;}
.hadv .xin-product li.li3 .img{ right: 10px; bottom: 10px;width:300px;}
.hadv .xin-product li.li4 .img{ right: 20px; bottom: 18px;}
.hadv .xin-product li .img img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);
transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;}
.hadv .xin-product li .text{margin: 40px 0 0 25px;}
.hadv .xin-product li .text h4 a{display: block; font-size: 18px; color: #333; font-weight: normal;}
.hadv .xin-product li.li1 .text h4 a{font-size: 22px;}
.hadv .xin-product li .text .line{width: 35px; height: 2px; background: #CFCFCF; margin: 15px 0 12px;}
.hadv .xin-product li .text p{font-size: 13px; color: #9596af; width: 140px;line-height: 20px;}
.hadv .xin-product li:hover{background-color: #133F86;}
.hadv .xin-product li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.hadv .xin-product li:hover .text h4 a{color: #fff;}
.hadv .xin-product li.li1{width: 800px; height: 330px;}
.hadv .xin-product li.li2{width: 388px; height: 675px; margin-left: 12px; float: right;}
.hadv .xin-product li.li3{width: 393px; height: 330px; margin-top: 15px;margin-right: 10px;}
.hadv .xin-product li.li3:nth-child(3n){;margin-right: 0;}
.hadv .xin-product li.li4{width: 393px; height: 330px; margin-left: 14px; margin-top: 15px;}

.hadv .xin-product li.li1{background: url(../images/probg.jpg) no-repeat center center;}
.hadv .xin-product li.li1 .text h4 a{color: #fff;}
.pro-more{width:200px;height:50px;display:flex;justify-content: center; align-items: center;position: absolute; bottom:74px;left: 50%;
    transform: translateX(-50%);background: #f1861b;color:#fff;text-transform: uppercase;border-radius: 10px;}
.pro-more:hover{color:#fff;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);}