@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: normal;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1300px; color:#333333;
    line-height: 28px;
    overflow: hidden;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}
a{font-size:14px; color:#333333;}
.w1300,.box{ width:1300px; margin:auto;}
.top30{ margin-top:30px;}
.bottom30{margin-bottom:30px;}
.dis{ display: none;}
.w960{width:960px;}
.mod1009 .search_page_list_img img{width: 30% !important;}

.top{ background: #f5f5f5 no-repeat; overflow: hidden; height: 45px; font-size: 14px; font-weight: 100;color: #666; line-height: 45px;}
.top a{font-size: 14px; font-weight: 100;color: #666;}
.logo{
    margin-top:50px;
    margin-bottom: 46px;
}
.header{ overflow: hidden;}
.xt{
    margin-left: 20px;
        margin-top: 52px;
}
.tadv{
        margin-top: 54px;
}
.tadv_t{
    font-size: 26px;
    font-weight: bold;
    color: #17335e;
}
.tadv_t b{
    color: #bf0002;
}
.tadv_l{font-size: 20px;letter-spacing: -0.2px;padding-top: 5px;}
.head_noe{ margin-left: 25px;margin-top: 7px;}
.head_noe strong{ font-size: 26px;}
.head_noe strong span{ color: #17335e;}
.head_noe p{ font-size: 14px; color: #666;letter-spacing: 0.55px;}
.head_tel{ margin-top: 54px;}
.head_tel img{vertical-align: sub; margin-right: 5px;}
.head_tel strong{ font-family: Arial; font-size: 32px; color: #bf0002; display: block; margin-top: 2px;}  

.nav{ height: 70px; background: #17335e; overflow: hidden; position: relative;}
.nav li{ float: left; width: 11.1%; text-align: center;}
.nav li a{ font-size: 16px; color: #fff; line-height: 70px; display: block; position: relative; z-index: 1;}
.lines{ height:100%; background:#bf0002; width:0; display:block; position:absolute; top:0; left:0; z-index: 0;}


.servich{ background: url(images/5.jpg) no-repeat center; height: 499px; overflow: hidden;}
.title{ font-size: 16px; font-weight: 100; color: #666; text-align: center; margin: 60px 0 40px;}
.title strong{ font-size: 36px; color: #333; display: block; margin-bottom: 3px;}
.title strong span{ color: #17335e;}
.servich li{ width: 236px; height: 259px; background: url(images/7.png) no-repeat; float: left; margin-left: 30px; text-align: center; position: relative; transition: all 0.5s; cursor: pointer;}
.servich li:nth-child(1){ margin-left: 0;}
.servich li strong{ font-size: 24px; display: block; margin: 112px 0 4px;}
.servich li p{ font-size: 14px; font-weight: 100; line-height: 20px; color: #666;}
.servich li::after{ content: ""; width: 23px; height: 3px; background: #17335e; position: absolute;left:107px;  bottom: 41px;display: block;}
.servich li::before{ content: ""; display: block; width: 100%; height: 37px; background-image: url(images/8.png) ; background-repeat: no-repeat;background-position: center top; transition: all 0.5s;position: absolute; top:58px}
.servich li:nth-child(2)::before{background-image: url(images/9.png) ;}
.servich li:nth-child(3)::before{background-image: url(images/10.png) ;}
.servich li:nth-child(4)::before{background-image: url(images/11.png) ;}
.servich li:nth-child(5)::before{background-image: url(images/12.png) ;}
.servich li:hover{ background: url(images/6.png) no-repeat;}
.servich li:hover::before{background-position: center bottom;}
.servich li:hover strong{ color: #fff;}
.servich li:hover p{ color: #dbe7ff;}
.servich li:hover::after{ background:#fff;}

.product{ overflow: hidden;}
.product_left{ width: 310px;}
.proudct_one{ background: #17335e; text-align: center; height: 135px; font-size: 14px; color: #dbe7ff; text-transform: uppercase; overflow: hidden;}
.proudct_one strong{font-size: 32px; color: #ffffff; display: block; margin: 38px 0 3px;}
.product_left ul{ padding: 0px 20px; border: 1px solid #eee; padding-bottom: 38px;
    background: #fff;
}
.product_left li{ height: 57px; line-height: 57px; border-bottom: 1px solid #eee; padding-left: 25px; background: url(images/13.png) no-repeat center;}
.product_left li a{ font-size: 16px;display: block;}
.product_left li:hover a{ color: #17335e;}
.product_right{ width: 960px;}
.product_right dl{ width: 306px; height: 344px; float: left; margin-right: 20px;}
.product_right dl:nth-child(3n){ margin-right: 0px;}
.product_right dl:nth-child(n+4){ margin-top: 20px;}
.product_right dl img{ width: 304px; height: 282px; border: 1px solid #eee; display:block;}
.product_right dl dt{ width: 100%;background: #eee; margin-top: 10px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; transition: all 0.3s;}
.product_right dl:hover dt{ background: #17335e; color: #fff;}
.product_tel{ width: 365px; height:56px; background: #17335e url(images/dianhua.png)76px 12px no-repeat; line-height: 56px; font-size: 14px; color: #dbe7ff; margin: 60px auto 0;padding-left: 120px;transition: all 0.3s linear;}
.product_tel strong{ font-size: 18px; color: #fff;}
.product_tel:hover{
    background: #bf0002 url(images/dianhua.png)76px 12px no-repeat;
    transition: all 0.3s linear;
}
.case{overflow: hidden; height: 889px; background: url(images/17.jpg) no-repeat center;}
.case .title{ color: #dbe7ff;}
.case .title strong{ color: #fff;}
.case dl{ width: 420px; height: 315px; float: left; margin-right: 20px; position: relative;}
.case dl img{width: 420px; height: 315px;}
.case dl:nth-child(3n){ margin-right: 0;}
.case dl:nth-child(n+4){ margin-top: 20px;}
.case dl dt{ width: 340px; height: 80px; position: absolute; left: 20px; bottom: 20px; background: rgba(0, 0, 0, 0.7); padding:0 20px}
.case dl dt span{ font-size: 16px; color: #fff; display: block;margin: 18px 0 3px; z-index: 1; position: relative;}
.case dl dt p{ font-size: 14px; color: #9b9a9b; z-index: 1; position: relative;}
.case dl dt::after{ content: ""; display: block; background: #17335e; width: 0; height: 100%; position: absolute; left: 0;top: 0; transition: all 0.5s ease;}
.case dl:hover dt::after{ width: 100%;}
.case dl:hover dt p{ color: #dbe7ff;}

/*优势*/
.adv_bg{background:#26272b url(images/bam_12.jpg)no-repeat bottom center; padding:80px 0px; overflow:hidden}
.adv_t p{color: #fff;}
.adv_t d{color: #ffff00;}
.adv_t dd{color: #fff;}
.adv_cont {margin-top: 70px; background: #f5f5f5;    overflow: hidden;}
.adv_cont li{padding: 35px;background: #fff;display: block;float: left;width:115px;height: 650px;overflow: hidden;position: relative;transition: 0.5s ease all;cursor: pointer;}
.adv_cont li+li{margin-left: 1px;}
.adv_cont li.on{width: 670px;}
.adv_cont li p{color: #bf0002;font-size: 28px;font-weight: bold;display: inline-block;margin: 20px 0 15px 0;}
.adv_cont li t{display: block;font-family: Arial; color:#aaa;line-height: 20px;}
.adv_cont li span{color: #ccc;margin: 0 20px;position: relative;top: -3px;font-size: 0px !important;}
.adv_cont li dd{width:700px;color: #333;line-height: 30px;font-size: 18px !important; position: absolute;   opacity: 0; top:560px; left:80px; transition: 0.3s ease all;}
.adv_cont li d{width:400px;color: #17335e;font-weight: bold;font-size: 20px;font-size: 16px !important;   position: absolute;  opacity: 0;top:514px; left:320px; transition: 0.3s ease all;}
.adv_cont li i{font-size: 110px;font-family: 'Impact';color: #f8f8f8;font-style: normal;position: absolute; right: 56px;bottom: 30px;transition: 0.3s ease all;}
.adv_cont li.on t{display:none;}
.adv_cont li.on span{font-size: 16px !important;}
.adv_cont li.on dd{    left:35px; opacity: 1;}
.adv_cont li.on d{  left:220px;   opacity: 1;}
.adv_cont li.on i{right: 40px;}
.adv_img img{
        width: 670px;
}



/*公司介绍*/
.t_com{
    margin-top: 70px;
    margin-bottom: 10px;
}
.com_bg{height:690px;background: url(images/bam_23.jpg)no-repeat center;}
.com_fl{width:560px;margin-top: 160px;}
.com_fl_t *{display: block;}
.com_fl_t t{font-size: 80px;line-height: 80px;color:#eaeaea;  font-weight: bold;}
.com_fl_t b{margin-top: -35px;font-size: 30px;color:#17335e;}
.com_fl_t b:after{content:"";display: block;width:30px;height:2px;margin:35px 0 35px 0;background:#bf0002;}
.com_fl_t p{font-size: 16px;color:#999;line-height: 32px;}
.com_fl_b{margin-top:45px;}

.com_fr{width:635px;height:480px;margin:138px 60px 0 0;}

.com_fl_b a{
    width: 150px;
    height: 46px;
    line-height: 46px;
    display: block;
    background: #17335e;
    margin-right:2px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s linear;
}
.com_fl_b a:hover{
     width: 180px;
     background: #bf0002;
     transition: all 0.3s linear;
}