
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.wfg{box-shadow: 5px 0px 16px #ececec;}

.tit{text-align: center;font-weight: normal;position: relative;padding-bottom: 22px;}
.tit:after{position: absolute;width: 52px;height: 4px;content: "";background: #004098;left: 50%;margin-left: -26px;bottom: 0;}
.rxfl.tit:after{position: absolute;width: 0;height: 0;content: "";background: #004098;left: 50%;margin-left: -26px;bottom: 0;}

.tit span{display: block;font-size: 50px;color: #333;line-height: 50px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 18px;font-weight: lighter;}
.tit em {
    color: #004098;
    font-weight: bold;
}
.tit img{vertical-align: top;}
/*banner*/
.banner{height: 650px;overflow: hidden;}
.banner .bd li{height: 650px;background: url(../image/banner.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 650px;}
/*search*/
.search{height: 94px;}
.search p{float: left;height: 94px;line-height: 94px;font-size: 14px;color: #333;}
.search p a{margin-right:15px;color: #666;}
.s_box{float: right;width: 270px;height: 38px;position: relative;border: 1px solid #b2b2b2;margin-top: 26px;border-radius: 19px;}
.s_box:after{position: absolute;width: 1px;height: 16px;background: #666;content: "";right: 46px;top: 11px;}
.s_box .input1{float:left;width:200px;padding-left: 18px;height:38px;line-height: 38px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: right;width:20px;height: 38px;border: 0;background: url(../image/sou.png) no-repeat center;outline: 0;cursor: pointer;margin-right: 16px;}

/*pro*/
.pro {
    padding: 76px 0 50px;
    background: #f0f0f0;
    height: 1200px;
}
/* .pro h2{margin-bottom: 50px;} */
.pro_con{height: 493px;}
.pro_con ul{float: left;width: 942px;}
.pro_con li{float: left;height: 493px;position: relative;margin-right: 1px;width: 70px;overflow: hidden;transition: all 0.5s;}
.pro_con li img{width: 657px;height: 493px;}
.pro_con li h3{position: absolute;right: 0;top: 0;width: 70px;font-weight: normal;font-size: 18px;color: #fff;line-height: 22px;text-align: center;background: rgba(0,0,0,0.7);}
.pro_con li h3 a{display: block;padding: 130px 20px 0;height: 363px;color: #fff;background: url(../image/pro_jt1.png) no-repeat center 340px;}
.pro_con li.on{width: 657px;}
.pro_con li.on h3{background: rgba(226,53,53,0.9);font-weight: bold;}
.pro_bd{float: left;width: 258px;height: 493px;background: #fff;}
.pro_det{padding: 116px 30px 0;height: 377px;}
.pro_det h3{font-size: 16px;color: #333;font-weight: normal;line-height: 16px;height: 50px;position: relative;margin-bottom: 22px;}
.pro_det h3:after{position: absolute;width: 28px;height: 2px;content: "";background: #004098;left: 0;bottom: 0;}
.pro_det p{font-size: 14px;color: #666;line-height: 26px;height: 170px;}
.pro_det .more{display: block;width: 86px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;font-family: Arial;background: #333;border-radius: 15px;}
.pro_list{margin-top: 42px;position: relative;}
.pro_list h3{height: 28px;line-height: 28px;font-weight: normal;margin-bottom: 28px;position: relative;}
.pro_list h3:after{position: absolute;width: 832px;height: 1px;background: #dedede;content: "";right: 130px;top: 13px;}
.pro_list h3 b{float: left;font-size: 18px;color: #333;background: url(../image/pro_jt.png) no-repeat right center;padding-right: 38px;}
.pro_list h3 i{float: right;font-size: 14px;color: #666;text-transform: uppercase;}
.pro_list li{float: left;width: 288px;margin-right: 16px;}
.pro_list li i{display: block;height: 214px;border: 1px solid transparent;overflow:hidden;}
.pro_list li img{width: 286px;height: 214px;transition: all 0.5s;}
.pro_list li h4 a{display: block;height: 54px;line-height: 54px;text-align: center;font-size: 14px;font-weight: normal;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_list li:hover i{border-color: #004098;}
.pro_list li:hover img{transform: scale(1.05);}
.pro_list .prev{position: absolute;left: -70px;top: 142px;}
.pro_list .next{position: absolute;right: -70px;top: 142px;}


/*fea*/
.fea{padding: 100px 0 70px;}
.fea h2{margin-bottom: 32px;}
.fea_con{height: 661px;background: url(../image/fea_bg.jpg) no-repeat center 0;}
.fea_con ul{padding-top: 18px;}
.fea_con li{float: left;width: 353px;height: 169px;border-radius:30px 0px 30px 0px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-bottom: 55px;position: relative;}
.fea_con li:nth-child(odd){margin-right: 494px;}
.fea_con li h3{height: 50px;line-height: 50px;padding-top: 20px;padding-left: 36px;font-weight: normal;font-size: 16px;color: #333;margin-bottom: 10px;position: relative;}
.fea_con li h3:after{position: absolute;width: 250px;height: 1px;content: "";background: #d0d2d7;left: 36px;bottom: -1px;}
.fea_con li h3 b{font-size: 24px;vertical-align: top;margin-right: 8px;}
.fea_con li p{font-size: 14px;color: #333;line-height: 24px;padding: 0 36px;position: relative;}
.fea_con li p:after{position: absolute;width: 6px;height: 6px;content: "";border-radius: 100%;border: 1px solid #e33a3a;left: 20px;top: 8px;}
.fea_con li:hover h3{background: #333;color: #fff;border-radius:30px 0 0 0;overflow: hidden;}
.fea_con li:after{position: absolute;width: 26px;height: 26px;background: url(../image/c1.png) no-repeat;content: "";}
.fea_con li:hover:after{background: url(../image/c2.png) no-repeat;}
.fea_con li:nth-child(1):after{right: -96px;top: 203px;}
.fea_con li:nth-child(3):after{right: -96px;top: 65px;}
.fea_con li:nth-child(5):after{right: -96px;top: -74px;}
.fea_con li:nth-child(2):after{left: -82px;top: 203px;}
.fea_con li:nth-child(4):after{left: -82px;top: 65px;}
.fea_con li:nth-child(6):after{left: -82px;top: -74px;}


/*case*/
.case{padding: 110px 0 80px;background: url(../image/case_bg.jpg) no-repeat center 0;}
.case h2{margin-bottom: 60px;}
.case li{float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1rem;box-shadow:0px 0px 49px 0px rgba(0, 0, 0, 0.15);}
.case li:nth-child(4n){margin-right: 0;}
.case li i{display: block;overflow: hidden;}
.case li img{display: block;width: 100%;transition: all 0.5s;}
.case li i:hover img{transform: scale(1.05);}
.case li h4{height: 3.6rem;line-height: 3.6rem;font-size: 1rem;color: #333;background: url(../image/case_jt1.png) no-repeat 80% center #fff;}
.case li h4 a{display: block;padding: 0 22%;}
.case li:hover h4{background: url(../image/case_jt2.png) no-repeat 80% center #004098;}
.case li:hover h4 a{color: #fff;}

/*ser*/
.ser {
    padding: 110px 0 84px;
    background: url(../image/lybg.jpg) no-repeat center 0;
}
.ser h2{margin-bottom: 60px;}
.ser_l{float: left;width: 950px;height: 408px;background: #fff;margin-left: -360px;}
.ser_l dd{width: 100%;}
.ser_l dd h3{width: 410px;font-size: 30px;color: #333;font-weight: normal;height: 78px;line-height: 78px;border-bottom: 1px solid #e5e7eb;margin-bottom: 20px;}
.ser_l dd h3 b{float: right;font-size: 46px;color: #333;font-family: Arial;opacity: 0.2;line-height: 40px;height: 26px;overflow: hidden;margin-top: 26px;}
.ser_l dd p{font-size: 14px;color: #4c4c4c;line-height: 27px;}
.ser_l dd .tel{margin-top: 65px;padding-left: 44px;background: url(../image/tel1.png) no-repeat left 6px;}
.ser_l dd .tel i{display: block;font-size: 14px;line-height: 14px;color: #333;font-family: "Arial";}
.ser_l dd .tel b{display: block;font-size: 40px;line-height: 44px;font-family: "Arial";}
.ser_l dd .tel a.zx{float: right;width: 127px;height: 51px;line-height: 51px;text-align: center;font-size: 14px;color: #fff;background: #333;border-radius: 25px;margin-top: 6px;}
.ser_r {
    float: right;
    width: 590px;
    background-color: #fff;
    box-shadow: 0 0 18px #f5f5f5;
    height: 400px;
    border-radius: 50px 0 50px 0px;
}
.ser_r li {
    float: left;
    width: 150px;
    height: 158px;
    text-align: center;
    margin: 26px 10px 10px 18px;
}

.ser_r li i {
    display: block;
    width: 49px;
    height: 49px;
    background: #fff;
    border-radius: 100%;
    margin: 16px auto 0;
    box-shadow: 0 0 20px #d0d0d091;
}
.ser_r li p{font-size: 18px;color: #333;line-height: 18px;padding: 22px 0 18px;}
.ser_r li b{display: block;font-size: 14px;color: #333;position: relative;line-height: 14px;font-family: Arial;z-index: 1;}
.ser_r li b:after{position: absolute;width: 22px;height: 3px;content: "";background: #004098;left: 50%;margin-left: -11px;bottom: 1px;z-index: -1;}
.ser_r li.on{background: url(../image/ser_li.png) no-repeat;}
.ser_r li.on p,.ser_r li.on b{color: #fff;}

/*ys*/
.ys{padding: 66px 0 0;}
.ys h2{margin-bottom: 50px;}
.ys h2 i{font-size: 36px;line-height: 36px;}
.ys_con{height: 594px;background: url(../image/ys_bg.jpg) no-repeat center 0;}
.ys_l{float: left;width: 280px;}
.ys_l ul{padding: 60px 0 0;}
.ys_l li{height: 30px;line-height: 30px;padding: 44px 0;position: relative;}
.ys_l li i{float: left;margin-right: 8px;font-size: 40px;line-height: 36px;color: #fff;height: 24px;overflow: hidden;font-weight: bold;font-family: Arial;opacity: 0.2;}
.ys_l li span{font-size: 30px;color: #fff;position: relative;z-index: 2;}
.ys_l li.cur span{font-weight: bold;}
.ys_l li.cur:after{position: absolute;width: 230px;height: 14px;content: "";background: #004098;left: 2px;bottom: 37px;z-index: 1;}
.ys_r{float: right;width: 609px;}
.ys_r dl{height: 594px;position: relative;}
.ys_r dt img{margin-right: -360px;}
.ys_r dd{position: absolute;width: 390px;padding: 0 36px;height: 286px;background: #004098;left: -217px;top: 154px;border-radius:30px 30px 0 0;}
.ys_r dd h3{padding: 42px 0 22px;color: #fff;font-size: 30px;line-height: 30px;position: relative;margin-bottom: 14px;}
.ys_r dd h3:after{position: absolute;width: 60px;height: 1px;content: "";background: #fff;left: 0;bottom: 0;}
.ys_r dd p{font-size: 18px;color: #fff;line-height: 34px;height: 94px;position: relative;}
.ys_r dd p:after{position: absolute;width: 5px;height: 5px;content: "";border: 1px solid #fff;border-radius: 100%;left: -16px;top: 9px;}
.ys_r dd .xq{opacity: 0.2;}

/*coop*/
.coop{padding: 50px 0;background: #f0f0f0;}
.coop h2{height: 57px;border-bottom: 1px solid #d6d6d6;font-weight: normal;margin-bottom: 32px;}
.coop h2 span{float: left;font-size: 18px;color: #333;line-height: 38px;padding-left: 50px;background: url(../image/coop_ic.png) no-repeat left center;}
.coop h2 a{float: right;font-size: 14px;color: #333;font-family: Arial;line-height: 38px;}
.coop_list li{float: left;width: 218px;margin-right: 27.5px;}
.coop_list li i{display: block;width: 218px;height: 109px;overflow: hidden;}
.coop_list li img{display: block;width: 218px;height: 109px;transition: all 0.5s;}
.coop_list li:hover img{transform: scale(1.05);}
.coop_list li span{display: block;height: 54px;line-height: 54px;font-size: 14px;color: #333;text-align: center;}
.coop_list{position: relative;}
.coop_list .prev{position: absolute;left: -70px;top:40px;}
.coop_list .next{position: absolute;right: -70px;top:40px;}
.coop_list .tempWrap{width: 100% !important;}

/*news*/
.news{padding: 80px 0 70px;}
.news h2{margin-bottom: 12px;}
.news h3{height: 75px;font-weight: normal;}
.news h3 span{float: left;position: relative;}
.news h3 span:after{position: absolute;width: 20px;height: 2px;content: "";left: 126px;top: 12px;background: #004098;}
.news h3 span a{float: left;font-size: 24px;color: #010101;line-height: 24px;margin-right: 75px;height: 32px;}
.news h3 span a.cur{color: #004098;font-weight: bold;border-bottom: 4px solid #004098;}
.news h3 img{float: right;margin-top: -16px;}
.new_con dl{float: left;width: 572px;}
.new_con dt{height: 264px;overflow:hidden;}
.new_con dt img{display:block;width: 572px;height: 264px;transition: all 0.5s;}
.new_con dt:hover img{transform:scale(1.05);}
.new_con dd{padding-top:26px;height: 78px;}
.new_con dd i{float: left;width: 113px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;font-family: Arial;}
.new_con dd i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #333;}
.new_con dd .new_det{float: right;width: 420px;}
.new_con dd .new_det h4 a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;font-weight: normal;}
.new_con dd .new_det span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con dd .new_det a:hover{color: #004098;}
.new_con ul{float: right;width: 562px;}
.new_con li{height: 92px;border:1px solid #ebebeb;padding-top:16px;margin-bottom:20px;}
.new_con li i{float: left;width: 130px;height: 78px;border-right:1px solid #ebebeb;font-size: 14px;color: #666;line-height: 20px;text-align:center;}
.new_con li i b{display:block;font-size: 50px;line-height: 50px;padding-top: 6px;color: #333;}
.new_con li p{float: left;width: 390px;margin-left: 24px;}
.new_con li p a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;}
.new_con li p span{display:block;font-size: 14px;color: #888;line-height: 24px;}
.new_con li:hover a{color: #004098;}
.new_con li:last-child{margin-bottom: 0;}

/*abt*/
.abt{
    height: 945px;
    padding-top: 110px;
    /* background: url(../image/abt_bg.jpg) no-repeat center 0; */
}
.abt h2{margin-bottom: 60px;}
.abt dl{height: 400px;background: #fff;}
.abt dt{width: 662px;height: 400px;float:left;overflow:hidden;}
.abt dt img{display: block;width: 662px;height: 400px;transition: all 0.5s;}
.abt dt:hover img{transform:scale(1.05);}
.abt dd{float: right;width: 460px;margin-right: 44px;}
.abt_sz{padding: 48px 0 0;height: 118px;}
.abt_sz li{float: left;margin-right: 84px;position: relative;}
.abt_sz li:after{position: absolute;width: 20px;height: 38px;content: "";background: url(../image/abt_line.png) no-repeat;right: -52px;top: 18px;}
.abt_sz li:last-child{margin-right: 0;overflow: hidden;}
.abt_sz li b{display: block;height: 48px;}
.abt_sz li i{display: inline-block;font-size: 40px;color: #333;line-height: 48px;font-family: Arial;}
.abt_sz li em{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align:center;font-size: 20px;color: #fff;background: #004098;border-radius: 50%;vertical-align: top;}
.abt_sz li p{font-size: 16px;line-height: 22px;color: #333;font-weight: bold;}
.abt_desc{font-size: 14px;color: #666;line-height: 30px;letter-spacing: 1px;}
.album{height: 302px;background: #fff;}
.album_t{float: left;margin-left: 18px;width: 150px;}
.album_t h3{margin: 32px 0 0;height: 55px;line-height: 55px;font-weight: normal;}
.album_t h3 i{float: left;width: 55px;height: 55px;border-radius: 50%;background: #333;margin-right: 15px;}
.album_t h3 a{font-size: 14px;color: #333;}
.album_t h3.on i{background: #004098;}
.album_con{float: right;width: 988px;margin: 36px 16px 0 0;}
.album_bd li{float: left;width: 222px;margin-right: 33px;}
.album_bd li img{display: block;width: 222px;}
.album_bd li span{display: block;font-size: 14px;color: #333;text-align: center;line-height: 54px;}
.album_bd .tempWrap{width: 100% !important;}




.links{height: 70px;line-height: 70px;font-size: 14px;color: #333;}
.links b{margin-right: 30px;}
.links a{color: #666;margin-right: 54px;}


html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
    .case li em{font-size: 16px;}
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}



/*补充样式*/
.top_head {
    position: relative;
    background: #9c9c9c;
    line-height: 45px;
    height: 45px;
    font-size: 14px;
    color: #fff;
}
.wd1200 {
    width: 1200px;
    margin: 0 auto;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.top_head a {
    font-size: 14px;
    color: #fff;
}
.top_cc {
    position: relative;
    height: 125px;
    overflow: hidden;
}
.wd1200 {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
.logo {
    float: left;
    line-height: 125px;
}
.logowz {
    float: left;
    padding-left: 26px;
    margin-left: 16px;
    margin-top: 35px;
    background: url(../image/logo_fgx.png) no-repeat left center;
}
.top_ewm {
    float: right;
    margin-top: 25px;
    margin-left: 20px;
}
.logowz h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1;
}
.logowz p {
    font-size: 18px;
    color: #666666;
    padding-top: 8px;
}
.top_ewm img {
    width: 79px;
    height: 79px;
}
.top_phone {
    float: right;
    padding-left: 60px;
    background: url(../image/tel1.png) no-repeat left center;
    font-size: 14px;
    color: #666666;
    margin-top: 35px;
}
.nav_wap {
    position: relative;
    height: 60px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    width: 100%;
    justify-content: center;
    
}
.clearfix {
    zoom: 1;
    /* padding-left: 24px; */
}
.x-menu {
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-left: 0;
}
.x-menu>li {
    position: relative;

    flex-grow: 1;
    text-align: center;
    border-right: 1px solid #e5e5e5;

}

.x-menu>li>a {
    display: block;
    padding: 0 .8vw;
    font-size: 16px;
    color: #333333;
    line-height: 58px;
}
.x-menu>li>a:hover {
    background: #004098;
    color: #fff;
}
/* select, input, img, select {
    vertical-align: middle;
} */
.top_phone p:nth-child(2) {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.product-menu {
    float: left;
    width: 270px;
    margin-top: 40px;
}

.product-menu .tit {
    padding: 32px 35px 30px 40px;
    color: #fff;
    background: #222222;
    line-height: 36px;
}

.product-menu h2 {
    font-size: 30px;
    font-weight: normal;
}
.product-menu p {
    font-size: 16px;
    font-family: Arial;
}
.product-menu dl {
    border-top: none;
    background: #fff;
    overflow: hidden;
    padding-bottom: 5.5px;
}
.product-menu dt {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #004098;
}
.product-menu dt a {
    color: #fff;
    font-size: 19px;
}
.product-menu dt i {
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 14px;
    width: 24px;
    height: 24px;
}
.product-menu dt span {
    display: block;
    overflow: hidden;
}
.product-menu dt, .product-menu dd {
    padding: 0 30px 0 30px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}
.product-menu dd a {
    display: block;
    color: #111;
    background: url(../image/menu_dd.png) no-repeat right center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-right: 22px;
}
.product-list {
    float: right;
    width: 930px;
    margin-top: 40px;
}
.product-list li {
    float: left;
    width: 293px;
    height: 318px;
    overflow: hidden;
    background: #fff;
    border: #e1e1e1 solid 1px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.product-list li .pic {
    position: relative;
    width: 305px;
    height: 190px;
    overflow: hidden;
}
.product-list li .text {
    position: relative;
    z-index: 333;
    width: 100%;
    text-align: center;
}
.product-list li .text span {
    display: block;
    padding: 0 10px;
    color: #333;
    font-size: 18px;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 10px;
    margin-bottom: 13px;
}
.product-list li .text p {
    line-height: 22px;
    color: #666666;
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.product-list li .text a {
    display: inline-block;
    margin-top: 9px;
    padding: 0 50px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    border: #e1e1e1 solid 1px;
    border-radius: 20px;
}
.product-menu dd:hover {
    color: #fff;
    background: #004098;
}
.product-menu dd:hover a {
    color: #fff;
}
.product-menu .contact {
    background: #fff;
    height: 222px;
    border-top: 1px solid #e5e5e5;
}
.product-menu .contact img{
    padding: 18px 65px;
}
.product-menu .contact p{
    font-size: 14px;
    color: #111;
    text-align: center;
}
.product-list li .text a:hover {
    color: #fff;
    background: #004098;
    border-color: #004098;
}
.clearfix img{
    /* padding-top: 8px; */
}

.jz_bg{background:url(../image/jz_bg.jpg) no-repeat center 0;height: 410px;padding: 140px 0 0;overflow: hidden;}
.yin_t b{color: #093e5e;}
.jz_t{display: block;font-size: 36px;color: #fff;width: 260px;height: 160px;background: #004098;position: absolute;top: -44px;left: 18px;line-height: 44px;padding: 40px 0 0 40px;z-index: 20;text-transform: uppercase;}
.jz_t i{display: block;font-style: normal;}
.jz_m{padding: 48px 0 0;}
.jz_m dl{width: 1164px;height: 225px;background: #fff;padding: 18px;background: url(../image/bq.jpg) no-repeat center 0;}
.jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 300px;height: 225px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd {
    width: 1080px;
    float: left;
    padding: 30px 0 0 46px;
}
.jz_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;font-weight: normal;}
.jz_m dl dd h5 a:hover,.jz_m dl dd span a:hover{color: #093e5e;}
.jz_m dl dd em{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px;overflow: hidden;padding: 5px 0 0;}
.jz_m .jz_desc {
    font-size: 15px;
    color: #666;
    line-height: 28px;
    height: 120px;
    overflow: hidden;
}
.jz_m dl dd span{display: block;padding: 20px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}
.jz_btn{width: 128px;height: 46px;position: absolute;top: 12px;right: 0;z-index: 20;}
.jz_btn a{display: block;width: 46px;height: 46px;margin-left: 18px;float: left;}
.jz_btn .jz_lico{background:url(../image/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../image/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../image/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../image/jz_rico02.png) no-repeat;}

.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 90px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;text-decoration: none;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.yin_t:before {left: 36%;}
.yin_t:after {right: 36%;}

.hz{background:url(../image/hz_bg.jpg) no-repeat center 0;height: 366px;overflow: hidden;}
.hz ul li{width: 210px;height: 118px;float: left;position: relative;line-height: 0;margin-top: 30px;margin-left: 37px;overflow: hidden;}
.hz ul li:nth-child(6n) {
    margin-left: 0;
}
.hz ul li img{width: 210px;height: 118px;}
.hz ul li a{width: 190px;height: 0;display: block;position: absolute;text-decoration: none;bottom: 0;left: 0;font-size: 14px;color: #fff;background: rgb(0, 64, 152,0.8);text-align: center;line-height: 118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 0 10px;transition:height .3s;-moz-transition:height .3s; /* Firefox 4 */-webkit-transition:height .3s; /* Safari and Chrome */-o-transition:height .3s; /* Opera */}
.hz ul li:hover a{height: 118px;}
.hz .nobor,.hz ul li:first-child{margin-left: 0;}


.news_box .page{
    display: flex;
    margin-top: 50px;
}

.news_box .page .news_list{
    width: 32%;
    margin-right: 2%;
    border: 1px solid #cecccc;
}
.news_box .page .news_list:nth-child(3n){
    margin-right: 0%;
}

.news_list_title{
    font-size: 18px;
    line-height: 58px;
    background: #333333;
    height: 58px;
    line-height: 58px;
    color: #fff;
    text-indent: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
}
.news_list_title img{
    margin-right: 10px;
}
.news_list_top{
    width: 94%;
    margin: auto;
    border-bottom: 1px solid #cecccc;
    box-sizing: border-box;
    padding: 20px 0 0;
}
.news_list_top ul li{
    margin-bottom: 20px;
}
.news_list_top ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news_list_top ul li a h3{
    width: 70%;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;
    flex-grow: 1;
    margin-right: 10px;
    font-size: 16px ;
    line-height: 20px;
    height: 20px;
}
.news_list_top ul li a h4{
    line-height: 20px;
    height: 20px;
}

.news_list_top ul li a p{
    margin-top: 5px;
    color: #615c5c;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news_list_bottom{
    width: 94%;
    margin: auto;
    padding: 20px 0 0;
}

.news_list_bottom ul li{
    margin-bottom: 10px;
}

.news_list_bottom ul li a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news_list_bottom ul li a h3{
    width: 70%;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
    overflow: hidden;
    flex-grow: 1;
    margin-right: 10px;
    position: relative;
    line-height: 20px;
    height: 20px;
}

.news_list_bottom ul li a h4{
    line-height: 20px;
    height: 20px;
}

.news_box .page .news_list:nth-child(3n) li{
    border-bottom: 1px solid #cecece;
}

.news_box .page .news_list:nth-child(3n) h3::before{
    content: "问";
    display: block;
    background-color: #014198;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.news_box .page .news_list:nth-child(3n) h3{
    padding-left: 24px;
    line-height: 30px;
    height: 30px;
    color: #014198;
    margin-bottom: 10px;
}


.news_box .page .news_list:nth-child(3n) p::before {
    content: "答";
    display: block;
    background-color: #2a2a2a;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

.news_box .page .news_list:nth-child(3n) p{
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_box .page .news_list:nth-child(3n) li:nth-last-child(1){
    border-bottom: none;
}


.nav_fix {position: fixed;top: 0;z-index: 999999;width:100%;margin:0 auto;}
body{min-width:1200px;width:100%;overflow-x:hidden;max-width: 1920px;margin: auto;}
i,em{ font-style:normal;}
.content{ width:1200px; margin:0 auto;}
.head{height:180px;background: url(../image/head_bg.jpg) repeat-x;}
.h_con{height: 115px;}
.h_con .t_logo{float: left;margin: 25px 22px 0 0;}
.h_con h2{float: left;margin-top: 20px;padding-left: 18px;position: relative;font-weight: normal;}
.h_con h2:after{position: absolute;width: 1px;height: 42px;background: #b5b5b5;content: "";left: 0;top: 15px;}
.h_con h2 span{display: block;font-size: 24px;color: #333;line-height: 24px;}
.h_con h2 i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 9px;}
.h_con .tel{float: right;margin-top: 25px;padding-left: 44px;font-size: 14px;line-height: 14px;color: #333;background: url(../image/tel1.png) no-repeat left 6px;font-family: "Arial";margin-right:36px;}
.h_con .tel b{display: block;font-size: 40px;line-height: 44px;}
.h_nav{height: 65px;}
.h_nav li{float:left;height:65px;line-height: 65px;position: relative;z-index: 1;}
.h_nav li a{display:block;font-size: 16px;color:#333;padding: 0 16px;transition: all 0.3s;}
.h_nav li:after{position: absolute;width: 100%;height: 0;content: "";left: 0;bottom: 0;background: #004098;transition: height .3s;z-index: -1;}
.h_nav li:hover:after,.h_nav li.cur:after{height: 100%;}
.h_nav li:hover a,.h_nav li.cur a{color: #fff;font-weight: bold;}


/*banner*/
.fullSlide{ min-width:1200px; position:relative; }
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; }
.fullSlide .bd li img {display:block; width:100%;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:20px; position:absolute; z-index:1;}
.fullSlide .hd ul{margin-left:500px; }
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
.fullSlide .hd ul .on{background:#004098;}


/* .footer{height:316px;background: #333;} */
.f_con{height: 246px;padding-top: 70px;}
.ft_l{float: left;width: 460px;}
.f_nav{border-top: 2px solid #3e3e3e;height: 102px;padding: 20px 0;}
.f_nav a{float: left;width: 130px;font-size: 13px;color: #fff;line-height: 34px;padding-left: 30px;background: url(../image/fnav.png) no-repeat left center;}
.f_nav a:nth-child(3n){float: right;width: 110px;}
.ft_l p{font-size: 14px;color: #fff;line-height: 70px;border-top: 2px solid #3e3e3e;height: 70px;white-space: nowrap;}
.ft_l p b{float: left;font-size: 30px;font-family: Arial;padding-left: 26px;background: url(../image/tel2.png) no-repeat left center;line-height: 40px;margin-top: 14px;margin-right: 18px;}
.tact{float: left;width: 270px;margin-left: 70px;border-top: 2px solid #3e3e3e;padding-left: 65px;}
.tact p{font-size: 14px;line-height: 26px;color: #fff;padding-left: 40px;height: 52px;margin: 24px 0;}
.tact p b{display: block;}
.tact p a{color: #fff;}
.tact .p1{background: url(../image/foot1.png) no-repeat 3px center;}
.tact .p2{background: url(../image/tel2.png) no-repeat 3px center;line-height:22px;height:44px;}
.sao{float: right;width: 212px;margin-top: 20px;padding: 12px 10px 0;background: url(../image/sao_bg.png) no-repeat;}
.sao p{width: 96px;}
.sao p img{width: 96px;height: 96px;}
.sao p span{display: block;font-size: 14px;color: #fff;text-align: center;line-height: 14px;padding-top: 26px;}


.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 62px;
    position: relative;
}

.client-2 li i {
    background: url(../image/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
       width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
}
.client-2 .my-kefu-ftop .my-kefu-main{
    padding-top: 6px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 62px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #333;
    color: #fff;
    height: 53px;
    width: 230px;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #333;
    width: 97px;
    height: 53px;
    position: relative;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 115px;
    height: 115px;
}

