@charset "UTF-8";
/*-----------------------------*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
li{list-style-type:none;}
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
textarea { resize:none; }
map area{ outline: none; }
img {border:0;  vertical-align:middle; }
body, button, input, select, textarea {font: 12px 'Microsoft YaHei', Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1", sans-serif;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
a{color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-weight:normal;}
s,i,em{font-style:normal;text-decoration:none;}
.w1200{width: 1200px; margin: 0 auto;overflow: hidden;}
.fl{float: left;}
.fr{float: right}
.mr0{margin-right: unset !important;}
.swiper-container{clear: both;}
.address-tab li span{height:80px;}
/*-----------------------------*/


/*header start*/
.wrap{max-width: 640px;  margin: 0 auto;}
.header{max-width:640px;width:100%;margin: 0 auto;	position:sticky;top: 0;z-index: 999999;}
.header .logo{width:100%;background:#FFFFFF;color:#fff;padding: 1rem 0;}
.header p{line-height:2rem;font-size:1.8rem;}
.header h3{width:5.2rem;height:5.2rem;line-height:2.4rem;border:1px solid #fff;position:absolute;right:14px;top:20px;text-align: center;cursor:pointer;color:#fff;font-weight:normal;border-radius:10px;}
.province{width:100%;font-size:1.8rem;}
.province table{width: 100%;border-collapse: collapse;border: none;}
.province table td{max-width: 6.4rem;text-align: center;border: 1px solid #bbb;}
.logo_l{margin-right: 1rem;}
.logo_l img{display: table-cell;vertical-align: middle;}
.logo_c{padding-top: 0.5rem;}
.logo_c p{font-size:1.6rem; line-height: 2.4rem; color:#333;}
.logo_r h2{font-weight: unset;line-height:3rem;font-size: 2.4rem;}
.logo_r span{line-height: 3rem;display: block;  font-size: 2.4rem;}
.logo_r .tel_box{margin-left: 1rem;}
.logo_r .tel_box p{color: #666666;font-size: 1.8rem; float: right;}
.logo_r .tel_box span{color: #E50210; font-size: 2rem; line-height: 4rem;    clear: both;}


    /*header end*/

/*foot start*/
.address{ font-size:0.875rem; line-height:1.5rem;}
.address td{ padding:0 5px;font-size:1.6rem !important;line-height:2.5rem;}
.address-tab{ margin-top:10px; margin-bottom:5px; height:90px;}
.address-tab li{ width:25%; float:left; text-align:center; position:relative;}
.address-tab li.active span{background:#E50210;}
.address-tab li.active i{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:12px solid #E50210; position:absolute; top:78px; left:50%; margin-left:-10px;}
.address-box{ padding:0 5px;}
.main-title {color: #000;font-size: 3.2rem;font-weight: 600;text-align: center;background: rgba(0, 0, 0, 0) url("../images/title01_bg.png") no-repeat scroll center center;}
.foot{position:fixed;bottom:0;background:#eee;max-width:640px;width:100%;margin:0 auto;z-index:100000;}
.foot a{float: left}

.address-box table {background-color: #CCCDCC;border-collapse: initial;border-spacing: 1px;}

/*foot end*/


/*-------------首页----------------*/
/*banner start*/
.banner{position:relative;overflow:hidden;margin:0 auto 10px;max-width:640px;}
.banner img{width:100%;}
.banner .hd{position:absolute;height:28px;line-height:28px;bottom:0;right: 48%;z-index:1;}
.banner .hd li{display:inline-block;width:8px;height:8px;background:rgba(255,255,255,0.4);text-indent:-9999px;overflow:hidden;margin:0 3px;border-radius:100%;}
.banner .hd li.on{background:#fff;}
.banner .bd{position:relative;z-index:0;}
.banner .bd li{position:relative;text-align:center;}
.banner .bd li img{vertical-align:top;width:100%;}
.banner .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.f_banner img{width:100%;}
/*banner end*/
/*nav start*/
.nav{width:100%;margin-top:2.6rem;}
.nav ul li{width:13%;float:left;text-align:center;margin-left:6%;margin-bottom:5%;}
.nav ul li img{border-radius:2%;}
.nav ul li h3{font-size:1.8rem;color:#555555;}
/*nav end*/






.container-hot{width: 100%;background-image: url(../images/container-hot-bg.jpg);background-repeat: repeat-x;position: relative; height: 280px}

.hot-tit h1,.hot-tit p{color: #000;text-align: center;}
.hot-tit p{margin-bottom: 1rem}
.hot-tit h1{letter-spacing: 3px;font-size: 2.4rem;font-weight: 600;}
.hot-tit i{ border-bottom: 1px #b5b5b5 solid; display: block;margin: 0 auto;width: 50%;position: relative}
.hot-tit i a {width: 45px;height: 3px;background-color: red;display: block;margin: 0 auto;;position: absolute;left: 43%;top:-1px}



.technology{z-index: 99;position: absolute;top:14%;left: 2.2%;  width: 610px;margin: 0 auto;background: #fff;padding: 35px 15px;}
.technology .wrap-dian{width: 7px; height: 304px; background-image: url("../images/dian.png");background-repeat: repeat-y;}
.img-c img:nth-child(1){width: 175px}
.img-c img:nth-child(2){width: 205px}
.img-c img:nth-child(3){width: 146px}


.container-fw{background-image: url("../images/myfuwu.png"); height: 420px;}
.container-fw-warp{padding-top: 16rem;}




.container-fa{width: 100%;background-image: url(../images/container-hot-bg.jpg);padding:2rem 1rem}
.container-fa img{margin-bottom: 1rem}

.container-globalnav{width: 100%;padding: 1rem}
.container-globalnav .line-warp{width: 220px;     margin: 0 auto; margin-top: 2rem; position: relative; height: 20px; padding-top: 5px;margin-bottom:5rem; text-align: center}
.container-globalnav .line-warp i{display: block;width: 80%; margin: 0 auto; height: 2px;border-bottom: 2px solid #1f2121;}
.container-globalnav .line-warp em{width: 107px; height: 14px; background: #ea8a8b; position:absolute; bottom:4px;left: 26%;}
.container-globalnav .line-warp h2{letter-spacing: 15px; text-align: center; font-size: 2.2rem; position: absolute; bottom: 4px; left: 28%}
.container-globalnav .line-warp span{line-height: 6rem; font-size: 1.4rem}


.globalnav-warp{overflow: hidden; padding: 2rem 0;}

.globalnav-warp ul li{float: left;background: #d61518; text-align: center; margin:0 2% 2% 0;    height: 4rem;line-height: 4rem; border-radius: 6%; width: 23.5%}
.globalnav-warp ul li a{color: #ffffff; font-size: 1.6rem}
.globalnav-warp .on{background: #fff; border: 1px solid #d61518; box-sizing: border-box}
.globalnav-warp .on a{color:#d61518; }
.globalnav-warp ul li:nth-child(4){margin-right: unset}
.globalnav-warp ul li:nth-child(8){margin-right: unset}

.column-main-com .warp-small-img{margin-bottom: 1rem; }
.column-main-content-warp{overflow: hidden; display: none}
.column-main-content-warp.on{display: block}

.column-main-content-warp ul li{float: left; width: 32%;margin:0 2% 2% 0}
.column-main-content-warp ul li:nth-child(3){margin-right:unset}
.column-main-content-warp ul li:nth-child(6){margin-right:unset}
.column-main-content-warp ul li p{text-align: center; width:100%;background: #cccccc; padding: 0.8rem; font-size: 1.6rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.column-main{overflow: hidden}
.column-main ul li{float: left; width: 32%;margin:0 2% 2% 0}
.column-main ul li:nth-child(3){margin-right:unset}
.column-main ul li:nth-child(6){margin-right:unset}
.column-main ul li p{text-align: center; width:100%;background: #cccccc; padding: 0.8rem; font-size: 1.6rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.column-main .more{clear: both;width: 100%; text-align: center;background:#d61518; font-size: 1.4rem; padding: 0.5em}
.column-main .more a{color: #fff}


.liucheng-img{padding: 2em}

.column-main-dayi ul{border: 1px solid #cccccc; margin-top: 2em}
.column-main-dayi ul li{padding: 1em;}
.column-main-dayi ul li h3{margin-bottom: 0.6em;color: #000000; font-size: 1.6rem}
.column-main-dayi ul li p{font-size: 1.4rem; color: #888888; text-indent: 2rem; line-height: 2rem}
.column-main-dayi i{width: 95%; margin: 0 auto; height: 1px;background:#f3f3f3; display: block}
.column-main-dayi i:last-child{overflow: hidden}

.fl-warp em{background: #e4aecd !important;}
.fs-warp em{background: #9dd5da !important;}
.qx-warp em{background: #59aaef !important;}
.bg-warp em{background: #fcdf9f !important;}
.ys-warp em{background: #d7cbee !important;}
.bao-warp em{background: #83c2b5 !important;}
.yan-warp em{background: #f6b4a0 !important;}
/*-----------------------------*/



/*--------------关于我们---------------*/
.ab-banner,.al_banner,.anli-youshi{width: 100%;}
.about-hot-tit{ text-align: center;    padding: 2rem 0;}
.about-hot-tit h1{font-size: 36px;letter-spacing: 1px;font-weight: 500; color: #d61518}
.about-hot-tit p{font-size:14px; color: #666666;margin: 4px 0 6px 0}
.about-hot-tit i{width:90%;height: 1px; border-bottom: 1px #666666 solid;display: block; margin: 0 auto;margin-bottom: 15px;position: relative}
.about-hot-tit i a{width: 100px;height: 3px; background-color: red; display: block;position: absolute;top: -1px; left: 41%}
.about-hot-tit span{color: #666666; font-size: 20px;letter-spacing: 1px;}


.jqwc{padding:2rem 1rem; }
.jqwc img {float: left;margin: 0px 20px 10px 0px; width: 260px}
.jqwc p {font-size: 16px;line-height: 2.5rem;padding-bottom: 1rem;-webkit-margin-before: 0;-webkit-margin-after: 0;text-indent: 2rem;text-align: left;}
.jqwc span{text-align: left; color: red;display: block;    letter-spacing: unset;    font-weight: 600;}
.about-hot-tit span a{font-style: unset; color: #d61518}

.about-shili{width: 100%; background: #e8e8e8}
.about-shili ul {padding:2rem;overflow: hidden}
.about-shili ul li{float: left;}
.about-shili ul li img{ width: 180px}

.about-swp{width: 100%;background: url("../images/about-bg.jpg"); height: 240px;}
.about-swp-warp{padding: 4.7rem 0}
/*.pc-banner .swiper-slide{width: 155px !important;}*/
.about-swp-warp .swiper-slide img{ width:100%}


.about-shijing{padding: 2rem 2rem; overflow: hidden}
.about-shijing .ab-1 li{float: left;margin-bottom:6px;margin-right:1%;width: 49%;}
.about-shijing .ab-1 li img{width:100%;}
.about-shijing .ab-1 li:nth-child(4){margin-right: unset}

.about-shijing .ab-2 li{float: left;margin:0 6px 6px 0}
.about-shijing .ab-2 li:nth-child(3){width: 274px}
.about-shijing .ab-2 li:nth-child(4){width: 304px;margin-right: unset}

.about-shijing .ab-3 li{float: left;margin:0 6px 6px 0;width:181px}
.about-shijing .ab-3 li:nth-child(2){width: 203px}
.about-shijing .ab-3 li:nth-child(3){width: 194px}
.about-shijing .ab-3 li:nth-child(4){width: 257px}
.about-shijing .ab-3 li:nth-child(5){width: 153px}
.about-shijing .ab-3 li:nth-child(6){width: 166px}

.about-service{width: 100%;background: #e8e8e8}
.gsfc-x{padding: 2rem 2.4rem; overflow: hidden}
.gsfc-x img{display: block}
.gsfc-x .img_box {float: left;}
.gsfc-x .img_box:nth-child(1){width: 385px}
.gsfc-x .img_box:nth-child(2){width: 188px}
.gsfc-x .img_box:nth-child(3){width: 188px}
.gsfc-x .img_box:nth-child(4){width: 188px}
.gsfc-x .img_box:nth-child(5){width: 188px}
.gsfc-x .img_box:nth-child(6){width: 188px}
.gsfc-x .img_box:nth-child(7){width: 188px}
.gsfc-x .img_box:nth-child(8){width: 385px}
.gsfc-x .img_box:nth-child(9){width: 582px}
.gsfc-x .img_box:nth-child(10){width: 188px}
.gsfc-x .img_box:nth-child(11){width: 188px}
.gsfc-x .img_box:nth-child(12){width: 188px}
.gsfc-x .img_box:nth-child(13){width: 188px}
.gsfc-x .img_box:nth-child(14){width: 188px}
.gsfc-x .img_box:nth-child(15){width: 188px}

.mb8 {margin-bottom: 8px;}
.mr8 {margin-right: 8px;}

/*-----------------------------------*/

/*---------------大客户案例------------*/

.anli-warp{overflow: hidden; }
.anli-warp .anli-line-warp{width: 500px; margin: 0 auto; position: relative; height: 2rem;padding: 6rem 0; margin-bottom: 2rem; text-align: center}
.anli-warp .anli-line-warp i{display: block; width: 85%; height: 1px; border-bottom: 1px solid #1f2121;margin:0 auto;}

.anli-warp .anli-line-warp em{width: 200px;height: 14px;position: absolute;bottom: 5rem;left: 29%; background: #ffffff}
.anli-warp .anli-line-warp h2 {letter-spacing: 1px;text-align: center;font-size: 2.8rem;position: absolute;bottom: 4.4rem;left: 175px; font-weight: bold}
.anli-warp .anli-line-warp span{line-height: 6.2rem;font-size: 1.8rem}


.anli-con{width: 100%;background: #eeeeee; padding: 2rem;}
.anli-con .anli-c-i{margin: 0 auto;position: relative;}

.service-warp{width: 100%; background: #eeeeee;padding: 2rem; max-width: 640px;}


.service-warp .service-pro{background: #ffffff; overflow: hidden; padding: 2rem 3rem;}
.service-warp .service-pro ul li{margin: 0 6px 6px 0; float: left; width: 24.16%;}
.service-warp .service-pro ul li:nth-child(4n){margin-right: unset;}


.banquan{
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 8rem;
}
.banquan p{
    line-height: 2.4rem;
}
.banquan a{
    color:#333333;
}
/*---------------大客户案例------------*/





/*-------------比例----------------*/
@media screen and (max-width: 480px) {
    .f_34 {
        font-size: 1.8rem
    }
    .f_30 {
        font-size: 1.6rem
    }
    .f_28 {
        font-size: 1.4rem
    }
    .f_26 {
        font-size: 1.3rem
    }
    .f_24 {
        font-size: 1.2rem
    }
    .f_22 {
        font-size: 1.1rem
    }
    .f_20 {
        font-size: 1rem
    }
}
@media screen and (max-width: 320px) {
    .f_34 {
        font-size: 1.6rem
    }
    .f_30 {
        font-size: 1.4rem
    }
    .f_24 {
        font-size: 1.2rem
    }
    .f_20 {
        font-size: 0.5rem
    }
}
/*-------------比例----------------*/

/*招聘*/
.zpbox{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.zpbox img{
    width: 100%;
    margin-top: 10px;
}
.zpmain{
    margin-bottom: 20px;
}
.zpmain .zphide{
    display:none;
}
.zpmain table{
    line-height: 2.4rem;
    font-size: 1.6rem;
    border-collapse: initial !important;
    border-spacing:1px !important;
    background: #b5b5b5;
}
.zpmain table td{
    padding:10px;
    text-align: center;
    background:#F9F9F9;
}
.zpmain table .zptb td{
    background:#e94843;
    color:#ffffff;
    line-height: 2rem;
}

.zpmain .zphide td{
    background:#ffffff;
    text-align: left;
}
.zpmain .zphide h3{
    font-weight: bold;
    line-height: 35px;
    font-size: 15px;
}

.titlebox{
    position: relative;
    text-align: center;
    margin: 1rem 0;
}
.mtitle{
    display: inline-block;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 600;
    color: #000;
    background: #fff;
    z-index: 10;
    position: relative;
    padding: 0 1rem;
}
.mtitleline{
    display: block;
    width: 60%;
    height: 1px;
    background: #000000;
    position: absolute;
    top: 1.6rem;
    left: 20%;
}
.two-menu{
    overflow:hidden;
    margin-bottom: 20px;
}
.two-menu a{
    float: left;
    width: 30%;
    margin: 5px;
    line-height: 3rem;
    font-size: 1.6rem;
    color: #333;
    text-align: center;
    background: #f3f5f7;
    border-radius: 5px;
}
.two-menu a.on{
    background:#d61518;
    color:#ffffff;
}