@charset "utf-8";
/* CSS Document */
/*banner*/
.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/right3.png) no-repeat;
}

.index_title{text-align: center;padding: 55px 0 40px 0;letter-spacing: 1px;}
.index_title h2{font-size: 30px;color: #313232;font-weight: normal;}
.index_title p.heng{font-size: 0;width: 71px;height: 3px;background: #0060a5;margin: 20px auto;}
.index_title p.txt{font-size: 16px;color: #191a1a;}

a.more{font-size: 16px;color: #fff;text-align:center; width: 124px;height: 42px;line-height: 42px;background: #0060a5; display:block;margin: 25px auto 0; }

/* in_adv */
.in_adv{background: url(../images/adv_bg.jpg) no-repeat top center;height: 237px;}
.in_adv .index_title h2{color: #fff;}
.in_adv .index_title p.heng{background: #fff;}
.in_adv .index_title p.txt{color: #fff;}

/* in_advan */
.in_advan{background: url(../images/adv_bg.jpg) no-repeat top center;height:110px;}
.in_advan ul li{float: left;width: 380px;line-height: 24px;font-size: 15px;margin-right: 12px;letter-spacing: 1px;}
.in_advan ul li a{color: #fff;}
.in_advan ul li img{display:block; width:120px;}
.in_advan ul li h2{color: #fff;font-size:18px;font-weight:bold;margin-top: -105px;margin-left:110px;}
.in_advan ul li h2 em{ font-size:12px;font-weight:normal;}
.in_advan ul li p{margin-top:5px;letter-spacing: 0;margin-left: 110px;font-size:12px;line-height:20px;color: #fff; text-align:left;}

/* in_product*/
.in_product .product_list { width:1200px; margin:0 auto;position: relative;}

.in_product .product_list .hd a {
display:block;
    position: absolute;
    top: 50%;
    margin-top: -60px;
    outline: 0;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    z-index: 9999;
    background-repeat: no-repeat;
}
.in_product .product_list .hd .prev {
    left: -45px !important;
}
.in_product .product_list .hd .prev {
    left: -75px !important;
    background: url(../images/slider-left.png);
    background-repeat: no-repeat;
    width: 44px !important;
    background-color: #fff !important;
    height: 44px !important;
}
.in_product .product_list .hd .prev:hover {
    background: url(../images/slider-left-hover.png);
    background-repeat: no-repeat;
}
.in_product .product_list .hd .next {
    right: -45px !important;
}
.in_product .product_list .hd .next {
    right: -75px !important;
    background: url(../images/slider-right.png);
    margin-top: -36px !important;
    background-repeat: no-repeat;
    width: 44px !important;
    height: 44px !important;
    background-color: #fff !important;
    margin-top: -60px !important;
}

.in_product .product_list .hd .next:hover {
    background: url(../images/slider-right-hover.png);
    background-repeat: no-repeat;
}

.in_product .bd{width: 100%;overflow: hidden;height: auto;}
.in_product .bd ul li{width:300px;position: relative;}
.in_product .bd ul li img{width:290px;height:290px;}
.in_product .bd ul li h2{font-size:16px; font-weight:normal;color:#313232;line-height: 56px; text-align:center;}
.in_product .bd ul li a{ display:block;border:1px solid #fff;}
.in_product .bd ul li a:hover{border:1px solid #f1f1f1;}
.in_product .bd ul li a:hover h2{color:#525356;}

/* in_service */
.in_service{ margin-top:40px; background:#f9f9f9;}
.in_service .bd{width: 100%;overflow: hidden;height: auto;}
.in_service .bd ul li{width: 384px;position: relative;}
.in_service .bd ul li img{width: 384px;height: 416px;}
.in_service .bd ul li .cover{position: absolute;z-index: 9;text-align: center;padding: 0 77px;top: 130px;width: 230px;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;}
.in_service .bd ul li h2{font-size: 22px;color: #fff;line-height: 36px;}
.in_service .bd ul li p.heng{font-size: 0;width: 71px;height: 3px;background: #fff;margin: 15px auto;}
.in_service .bd ul li p.txt{font-size: 15px;color: #fff;line-height: 36px;}
.in_service .bd ul li .mask_blue {background: #282c2f;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;opacity:.6; opacity:0\6\0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.in_service .bd ul li .btn_con {opacity: 0;transition: all .4s ease-in-out;}
.in_service .bd ul li .btn_con a {margin-top: 15px; width: 120px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #ddd;display: inline-block;color: #fff;font-size: 15px;}

.in_service .bd ul li:hover .mask_blue {background: #07a1f1;opacity:.8; opacity:0\8\0;}
.in_service .bd ul li:hover .cover {top:90px;}
.in_service .bd ul li:hover .btn_con {opacity:1;}
.in_service .bd ul li .btn_con a:hover{background:#fff; color: #525356;}

.in_service .hd {width: 100%;text-align: center;margin-top: 25px;}
.in_service .hd ul li {display: inline-block;width: 27px;height: 5px;background: #0060a5;margin: 0 5px;font-size: 0;border-radius:2.5px;}
.in_service .hd ul li.on {background: #07a1f1;}

/* in_news */
.in_news{background:#fafafa;margin-top: 55px;padding-bottom:55px; }
.in_news .news_top {text-align: center;}
.in_news .news_top li{display: inline-block;height: 38px;line-height: 38px;width: 130px;border:1px solid #000;margin:0 10px;}
.in_news .news_top li a{color: #000;font-size: 18px;}
.in_news .news_top li:hover,.in_news .news_top li.on{border:1px solid #0060a5;}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #0060a5;}

.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}
.in_news .news_box li {width: 543px;padding-bottom: 20px;float: left;margin-right:30px; margin-top: 30px;background:#fff;padding: 20px;border: 1px solid #f4f4f4;}
.in_news .news_box li .des img {height: 142px;width: 142px;border: 1px solid #e2e2e2;}
.in_news .news_box li .txt { width: 380px;}
.in_news .news_box li p.txt1{font-size: 16px;color: #313232;margin-bottom: 20px;}
.in_news .news_box li p.txt2{color: #9d9f9f;}
.in_news .news_box li:hover{-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.in_news .news_box li:hover p.txt1{color: #0060a5;}
.in_news .news_box li .txt a.fr{background: #0060a5;color: #fff;line-height: 18px;height: 20px;padding: 0 15px;border-radius: 10px;}
.in_news .news_box li .txt a.fr:hover{background: #07a1f1;}
.in_news a.more{background: #0060a5;}

/* in_case */
.in_case{padding-bottom:55px;}
.in_case ul li {border:1px solid #f0f0f0;float: left;width: 228px;margin: 0 5px;}
.in_case ul li img {width: 228px;height: 120px;}
.pp{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.pp:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}