/* topbar */

.topbar{

    position: relative;

    z-index: 1001;

    width: 100%;

    height: 32px;

    line-height: 32px;

    background: #f8f8f8;

    color: #999;

    font-size: 12px;

    border-bottom: 1px solid #f2f2f2;

}



.topbar-inner{

    width: 1200px;

    margin: 0 auto;

}



.topbar a{

    display: inline-block;

    color: #999;

}



.topbar a:hover{

    color: #ed2f2e;

}



.topbar .red{

    color: #ed2f2e;

}



.topbar-bd{

    display: inline-block;

    margin: 0 15px;

    width: 1px;

    height: 12px;

    overflow: hidden;

    background: #ccc;

    vertical-align: -2px;

}



.topbar p{

    display: inline-block;

}



.topbar-left{

    float: left;

}



.topbar-right{

    float: right;

}



.topbar-right p:last-child{

    color: #666;

}



.topbar-bg-tel{

    display: inline-block;

    margin-right: 3px;

    vertical-align: -1px;

    width: 12px;

    height: 12px;

    background: url(../images/common.png) no-repeat -253px -10px;

}

/* topbar end */



/* www-head */

.g-head{

    width: 100%;

    padding-top: 25px;

    background: #fff;

    box-shadow: 0 2px 4px rgba(0,0,0,.03);

}



.logo{

    float: left;

}



.logo img{

    vertical-align: middle;

}



.logo-txt{

    margin-top: 5px;

    margin-left: 10px;

    padding-left: 10px;

    border-left: 1px solid #ddd;

}



/* 搜索框 */

.g-search{

    float: left;

    height: 40px;

    margin-top: 3px;

    border: 1px solid #ed2f2e;

}



.g-search div{

    position: relative;

    float: left;

    min-width: 110px;

    height: 38px;

    padding-right: 10px;

    line-height: 38px;

    text-align: center;

    border-right: 1px solid #ddd;

}



.g-search .arrow-down{

    position: absolute;

    right: 5px;

    top: 50%;

    margin-top: -2px;

}



.g-search h4{

    display: inline-block;

    min-width: 65px;

    color: #ed2f2e;

    font-size: 14px;

    font-weight: normal;

}



.g-search ul{

    display: none;

    position: absolute;

    top: 100%;

    left: -1px;

    z-index: 10;

    width: 111px;

    line-height: 36px;

    cursor: pointer;

    background: #fff;

    color: #999;

    border: 1px solid #ddd;

}



.g-search div:hover ul{

    display: block;

}



.g-search li{

    padding-right: 10px;

}



.g-search li:hover{

    color: #666;

    background: #f2f2f2;

}



.g-search input{

    float: left;

    border: none;

    padding: 0 10px;

    width: 300px;

    height: 38px;

}



.g-search button{

    float: left;

    border: none;

    background: #ed2f2e;

    color: #fff;

    min-width: 100px;

    padding: 0 20px;

    height: 38px;

    line-height: 38px;

    font-size: 16px;

}



#checkokForm{

    float: left;

    width: 0;

    height: 0;

    visibility: hidden;

}

/* 搜索框end */



.g-head-tell{

    float: right;

    margin-top: 3px;

    margin-left: 40px;

    color: #ed2f2e;

}



.g-head-tell i{

    display: inline-block;

    vertical-align: middle;

    margin-top: -3px;

    margin-right: 5px;

    width: 16px;

    height: 14px;

    background: url('../images/common.png') -253px -42px;

}



.g-head-tell b{

    display: block;

    margin-top: 5px;

    font-size: 16px;

    color: #ed2f2e;

}



.g-nav-box{

    position: relative;

    margin-top: 25px;

}



/* 分类 */

.g-classify{

    position: relative;

    float: left;

    width: 220px;

    height: 44px;

    background: #ed2f2e;

    color: #fff;

    border-radius: 4px 4px 0 0;

}



.g-classify h3{

    height: 44px;

    line-height: 44px;

    padding-left: 20px;

    font-size: 16px;

    font-weight: normal;

}



.g-classify h3 i{

    display: inline-block;

    vertical-align: middle;

    margin-top: -4px;

    margin-right: 10px;

    width: 16px;

    height: 16px;

    background: url('../images/css_sprites.png') -175px -232px;

}



.g-classify ul{

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 50;

    width: 100%;

    height: 480px;

    color: #fff;

    background: #333;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

}



.g-classify:hover ul{

    display: block;

}



.g-classify li{

    height: 120px;

    padding: 22px 20px;

    border-top: 1px dashed #666;

}



.g-classify li:first-child{

    border-top: none;

}



.g-classify li.item-b{

    padding: 15px 20px;

}



.g-classify li:hover{

    background: #fff;

    border-color: transparent;

}



.g-classify h4{

    font-size: 16px;

    line-height: 1;

    margin-bottom: 15px;

}



.g-classify h4 a{

    display: block;

    color: #fff;

}



.g-classify li:hover h4 a{

    color: #333;

}



.g-classify li a:hover,

.g-classify li h4 a:not([href="javascript:"]):hover{

    color: #ed2f2e;

}



.g-classify .bg-arrow{

    float: right;

    margin-top: 2px;

    width: 14px;

    height: 14px;

    background: url('../images/common.png') -306px -247px;

}



.g-classify .bg-icon1,

.g-classify .bg-icon2,

.g-classify .bg-icon3,

.g-classify .bg-icon4{

    display: inline-block;

    vertical-align: middle;

    margin-top: -1px;

    margin-right: 10px;

    background-image: url('../images/common.png');

}



.g-classify .bg-icon1{ 

    width: 17px;

    height: 16px;

    background-position: -50px -247px;

}



.g-classify .bg-icon2{

    width: 16px;

    height: 15px;

    background-position: -160px -247px;

}



.g-classify .bg-icon3{

    width: 17px;

    height: 16px;

    background-position: -87px -247px;

}



.g-classify .bg-icon4{

    width: 20px;

    height: 17px;

    background-position: -10px -247px;

}



.g-classify li > p{

    margin-top: -10px;

    margin-left: 8px;

    font-size: 14px;

    line-height: 14px;

}



.g-classify li > p a{

    float: left;

    color: #aaa;

    margin-left: 20px;

    margin-top: 10px;

}



/* 二级分类 */

.g-classify .item-sub{

    display: none;

    position: absolute;

    top: 0;

    left: 100%;

    width: 740px;

    height: 480px;

    padding: 0 20px;

    line-height: 28px;

    background: #fff;

    color: #666;

    box-shadow: 0 0 5px rgba(0,0,0,.1);

}



.g-classify li:hover .item-sub{

    display: block;

}



.g-classify dl{

    padding: 15px 0;

    border-top: 1px dashed #ddd;

}



.g-classify dl:first-child{

    border-top: none;

}



.g-classify dt{

    float: left;

    width: 90px;

    font-weight: bold;

}



.g-classify dd{

    float: left;

    width: 630px;

    margin-left: -30px;

}



.g-classify dd a{

    float: left;

    margin-left: 30px;

    min-width: 70px;

    color: #666;

}



.g-classify .item-sub-tm dd{

    margin-left: -48px;

}



.g-classify .item-sub-tm dd a{

    min-width: 108px;

    margin-left: 48px;

}



.g-classify .item-sub-shop{

    line-height: 24px;

}



.g-classify .item-sub-service dd a{

    min-width: 112px;

}

/* 分类end */



/* 导航 */

.g-nav{

    float: left;

    width: 980px;

    height: 44px;

    overflow: hidden;

    line-height: 44px;

    font-size: 16px;

}



.g-nav li{

    float: left;

    margin-left: 47.5px;

}



.g-nav li a{

    display: inline-block;

}



.g-nav li a:hover,

.g-nav li.active a,

.g-nav li a.active{

    color: #ed2f2e;

}



.nav-hot{

    position: absolute;

    margin-top: -4px;

    margin-left: -15px;

    width: 31px; 

    height: 19px;

    background: url('../images/common.png') -234px -132px;

    animation: navUpdown 1s infinite;

}



.nav-new{

    position: absolute;

    margin-top: -4px;

    margin-left: -15px;

    width: 31px;

    height: 19px;

    background: url('../images/common.png') -234px -170px;

    animation: navUpdown 1s infinite;

}



.nav-dis5 {

    position: absolute;

    display: inline-block;

    margin-top: -4px;

    margin-left: -22px;

    width: 45px;

    height: 22px;

    background: url('../images/common.png') -285px -132px;

    animation: navUpdown 1s infinite;

}



@keyframes navUpdown {

    0%{

        transform: translateY(0px);

    }

    50%{

        transform: translateY(-5px);

    }

    100%{

        transform: translateY(0px);

    }

}

/* header end */



/* 经典客户 */

.g-title{

    margin: 30px auto 20px auto;

    line-height: 28px;

    text-align: center;

}



.g-title h3{

    font-size: 24px;

    font-weight: bold;

}



.g-title h3:before,

.g-title h3:after{

    display: inline-block;

    color: #ddd;

    font-size: 18px;

    font-weight: normal;

    vertical-align: top;

}



.g-title h3:before{

    content: '———○';

    margin-right: 25px;

}



.g-title h3:after{

    content: '○———';

    margin-left: 25px;

}



.g-title p{

    color: #999;

}



.g-partner{

    height: 112px;

    padding: 20px;

    margin-bottom: 25px;

    background: #fff;

    box-shadow: 0 0 5px rgba(0,0,0,.06);

    border-radius: 4px;

}



.g-partner .slick-slide{

    width: 194px;

    height: 72px;

    background-image: url(../images/partner.png);

}



.g-partner .item1{

    background-position: -10px -10px;

}

.g-partner .item2{

    background-position: -10px -102px;

}

.g-partner .item3{

    background-position: -202px -10px;

}

.g-partner .item4{

    background-position: -202px -102px;

}

.g-partner .item5{

    background-position: -10px -194px;

}

.g-partner .item6{

    background-position: -202px -194px;

}

.g-partner .item7{

    background-position: -10px -286px;

}

.g-partner .item8{

    background-position: -202px -286px;

}

.g-partner .item9{

    background-position: -394px -10px;

}

.g-partner .item10{

    background-position: -394px -102px;

}

.g-partner .item11{

    background-position: -394px -194px;

}

.g-partner .item12{

    background-position: -394px -286px;

}

.g-partner .item13{

    background-position: -10px -378px;

}

.g-partner .item14{

    background-position: -202px -378px;

}

.g-partner .item15{

    background-position: -394px -378px;

}

.g-partner .item16{

    background-position: -10px -470px;

}

.g-partner .item17{

    background-position: -202px -470px;

}

.g-partner .item18{

    background-position: -394px -470px;

}

/* 经典客户end */



/* 公司分布 */

.g-comdist{

    margin-top: 30px;

    width: 100%;

    height: 134px;

    background: #fff url(../images/1_bg.jpg) no-repeat 50% 50%;

    background-size: cover;

    overflow: hidden;

}



.g-comdist ul{

    -webkit-display: flex;

    -moz-display: flex;

    -ms-display: flex;

    display: flex;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    justify-content: space-between;

}



.g-comdist li{

    position: relative;

    width: 150px;

    height: 134px;

    text-align: center;

    overflow: hidden;

    transition: all 0.8s ease;

}



.g-comdist .fl{

    width: 100%;

    height: 134px;

    padding: 26px 0;

    background-size: cover;

}



.g-comdist .fl div{

    width: 52px;

    height: 52px;

    margin: 0 auto;

    border: 1px solid #ed2f2e;

    border-radius: 50%;

    line-height: 50px;

    font-size: 24px;

    font-weight: bold;

    color: #ed2f2e;

}



.g-comdist .fl span{

    display: block;

    margin-top: 10px;

    font-size: 16px;

    color: #666;

}



.g-comdist .cont{

    display: none;

    position: absolute;

    top: 0;

    left: 150px;

    width: 0;

    height: 134px;

    padding: 30px 20px;

    background: #333;

    color: #999;

    text-align: left;

    line-height: 20px;

    transition: all 0.8s ease;

}



.g-comdist .cont:before{

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -6px;

    margin-left: -6px;

    border-right: 6px dashed #333;

    border-right: 6px solid #333/9;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

}



.g-comdist .cont h3{

    margin-bottom: 10px;

    color: #fff;

}



.g-comdist-icon{

    display: inline-block;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 8px;

    width: 16px;

    height: 18px;

    background: url('../images/common.png') -196px -247px;

}



.g-comdist li:hover{

    width: 420px;

    -webkit-flex-shrink: 0;

    -moz-flex-shrink: 0;

    -ms-flex-shrink: 0;

    flex-shrink: 0;

}



.g-comdist li:hover .fl{

    width: 150px;

}



.g-comdist li:hover .cont{

    display: block;

    width: 270px;

}



.g-comdist li:nth-child(1):hover .fl{

    background-image: url(../images/shenzhen.jpg);

}

.g-comdist li:nth-child(2):hover .fl{

    background-image: url(../images/changsha.jpg);

}

.g-comdist li:nth-child(3):hover .fl{

    background-image: url(../images/foushan.jpg);

}

.g-comdist li:nth-child(4):hover .fl{

    background-image: url(../images/wuhan.jpg);

}

.g-comdist li:nth-child(5):hover .fl{

    background-image: url(../images/hangzhou.jpg);

}

.g-comdist li:nth-child(6):hover .fl{

    background-image: url(../images/nanjing.jpg);

}

.g-comdist li:nth-child(7):hover .fl{

    background-image: url(../images/guiyang.jpg);

}

.g-comdist li:nth-child(8):hover .fl{

    background-image: url(../images/beijing.jpg);

}



.g-comdist li:hover .fl div{

    color: #fff;

    border-color: #fff;

}



.g-comdist li:hover .fl span{

    color: #fff;

}

/* 公司分布end */



/* 四大优势 */

.g-advantage{

    margin-top: 30px;

    width: 100%;

    padding: 25px 0;

    background: #fff;

    box-shadow: 0 -5px 5px rgba(0,0,0,.01);

}



.g-advantage li{

    float: left;

    margin-left: 110px;

}



.g-advantage li:first-child{

    margin-left: 0px;

}



.g-advantage li:last-child{

    margin-left: 0;

    float: right;

}



.g-advantage div{

    float: left;

    width: 48px;

    height: 48px;

    margin-right: 10px;

    transition: all 0.5s;

}



.g-advantage li:hover div{

    transform: rotateY(180deg) perspective(400px);

}



.g-advantage .bg-icon1{

    background: url('../images/common.png') -10px -280px;

}



.g-advantage .bg-icon2{

    background: url('../images/common.png') -78px -280px;

}



.g-advantage .bg-icon3{

    background: url('../images/common.png') -146px -280px;

}



.g-advantage .bg-icon4{

    background: url('../images/common.png') -214px -280px;

}



.g-advantage h3{

    float: left;

}



.g-advantage h3 b{

    display: block;

    font-size: 18px;

}



.g-advantage h3 small{

    display: block;

    margin-top: 10px;

    font-size: 14px;

    color: #999;

}

/* 四大优势end */



/* footer上部分 */

.footer-top{

    width: 100%;

    padding: 40px 0;

    background: #fff;

    border-top: 1px solid #f6f6f6;

}



.footer-nav{

    float: left;

    margin-left: 120px;

}



.footer-nav:first-child{

    margin-left: 0;

}



.footer-nav a:hover{

    color: #ed2f2e;

}



.footer-nav li a{

    display: inline-block;

    line-height: 24px;

    color: #999;

}



.footer-nav li:first-child a{

    font-size: 16px;

    color: #333;

    margin-bottom: 10px;

}



.footer-code{

    float: left;

    margin-left: 120px;

    text-align: center;

    color: #999;

}



.footer-code li{

    float: left;

    margin: 0 10px;

}



.footer-code li div{

    width: 102px;

    height: 102px;

    box-sizing: content-box;

    padding: 6px;

    border: 1px solid #ddd;

    border-radius: 2px;

}



.footer-code li span{

    display: block;

    margin-top: 5px;

}



.footer-weibo{

    background: url('../images/common.png') -4px -4px;

}



.footer-wxd{

    background: url('../images/common.png') -126px -4px;

}



.footer-tell{

    float: right;

    color: #666;

}



.footer-tell p{

    font-size: 16px;

}



.footer-bg-tell{

    display: inline-block;

    vertical-align: middle;

    margin-top: -3px;

    margin-right: 5px;

    width: 22px;

    height: 18px;

    background: url('../images/common.png') -181px -189px;

}



.footer-tell h3{

    margin-top: 10px;

    font-size: 30px;

    color: #ed2f2e;

}



.footer-share{

    margin-top: 30px;

}



.footer-share i{

    display: inline-block;

    vertical-align: middle;

    margin: -6px 5px 0 5px;

    width: 31px;

    height: 30px;

    cursor: pointer;

}



.footer-bg-weibo{

    background: url('../images/common.png') -130px -189px;

}



.footer-bg-qq{

    background: url('../images/common.png') -133px -132px;

}



.footer-bg-wx{

    background: url('../images/common.png') -184px -132px;

}

/* footer上部分end */



.footer{

    width: 100%;

    padding: 30px 0;

    background: #212121;

    color: #999;

    font-size: 12px;

}



.footer-flink{

    margin-bottom: 20px;

    line-height: 22px;

}



.footer-flink dt{

    float: left;

    width: 60px;

    font-weight: bold;

}



.footer-flink dd{

    float: left;

    max-width: 1140px;

}



.footer-flink dd a{

    display: inline-block;

    margin: 0 10px;

    color: #666;

}



.footer-flink dd a:hover{

    color: #999;

}



.footer p{

    text-align: center;

    line-height: 2;

}



.footer p a{

    color: #999;

}



.footer-bg-ghs{

    display: inline-block;

    vertical-align: middle;

    margin: -3px 3px 0 5px;

    width: 20px;

    height: 20px;

    background: url('../images/common.png') -246px -207px;

}



.footer-ident{

    margin-top: 20px;

    text-align: center;

}



.footer-ident a{

    display: inline-block;

    margin: 0 5px;

    width: 100px;

    height: 38px;

}



.footer-bg-ident1{

    background: url('../images/common.png') -10px -132px;

}



.footer-bg-ident2{

    background: url('../images/common.png') -10px -189px;

}



.footer-bg-gx{

    background: url('../images/common.png') -190px -400px;

}

/* footer end */



/* 面包屑导航 */

.crumbs {

    padding: 15px 0;

    font-size: 12px;

    color: #999;

}



.crumbs a {

    margin: 0 5px;

    padding: 0;

    color: #999;

}



.crumbs a:hover{

    color: #ed2f2e;

}

/* 面包屑导航end */



/* 分页 */

.pagination{

    min-height: 32px;

    margin: 20px auto;

    font-family: '微软雅黑';

    font-size: 14px;

    text-align: center;

}



.pagination span,.pagination a{

    box-sizing: border-box;

    display: inline-block;

    margin: 0 4px;

    padding: 0 12px;

    height: 32px;

    line-height: 30px;

    color: #666;

    text-align: center;

    background: #fff;

    border: solid 1px #d8d8d8;

    border-radius: 2px;

}



.pagination a{

    text-decoration: none;

}



.pagination a:hover{

    color: #fff;

    background: #ed2f2e;

    border-color: #ed2f2e;

}



.pagination .disabled{

    cursor: not-allowed;

}



.pagination .disabled:hover{

    color: #999;

    background: #fff;

    border-color: #d6d6d6;

}



.pagination .active {

    background: #ed2f2e;

    color: #fff;

    border: 1px solid #ed2f2e;

}



.pagination .jump-ipt{

    display: inline-block;

    outline: none;

    border: solid 1px #d6d6d6;

    width: 46px;

    height: 32px;

    line-height: 30px\9;

    padding: 0 8px;

    box-sizing: border-box;

    text-align: center;

    font-size: 14px;

    color: #666;

    margin: 0 3px;

    border-radius: 2px;

}



.pagination .jump-ipt:focus{

    border-color: #ed2f2e;

}



.pagination .jump-btn{

    width: 50px;

    padding: 0;

}

/* 分页end */



/* 网店 */

.shop-head-buy{

    margin-top: 3px;

    margin-left: 15px;

    float: right;

    padding: 0 20px;

    height: 40px;

    line-height: 38px;

    font-size: 16px;

    border: 1px solid #FF8C04;

    color: #FF8C04;

}



.shop-nav li{

    margin-left: 45px;

}



.shop-classify ul{

    height: 434px;

}



.shop-classify li {

    height: 108.5px;

    padding: 18px 20px;

}



.shop-classify .bg-tmall,

.shop-classify .bg-jd,

.shop-classify .bg-taobao,

.shop-classify .bg-other{

    display: inline-block;

    vertical-align: middle;

    margin-top: -2px;

    margin-right: 10px;

    width: 18px;

    height: 18px;

    background-image: url('../images/css_sprites.png');

}



.shop-classify .bg-tmall{

    background-position: -648px -301px;

}



.shop-classify .bg-jd{

    background-position: -768px -259px;

}



.shop-classify .bg-taobao{

    background-position: -610px -301px;

}



.shop-classify .bg-other{

    background-position: -729px -259px;

}



.shop-classify .bg-arrow{

    background: url('../images/css_sprites.png') -758px -301px;

}



.shop-classify li > p{

    margin-left: -17px;

    margin-top: -10px;

    font-size: 12px;

    line-height: 14px;

}



.shop-classify li > p a{

    min-width: 48px;

    margin-left: 17px;

    margin-top: 10px;

}



.shop-advantage .bg-icon1{

    background: url('../images/css_sprites.png') -610px -123px;

}

.shop-advantage .bg-icon2{

    background: url('../images/css_sprites.png') -678px -123px;

}

.shop-advantage .bg-icon3{

    background: url('../images/css_sprites.png') -746px -123px;

}

.shop-advantage .bg-icon4{

    background: url('../images/css_sprites.png') -610px -191px;

}

/* 网店end */



/* 新媒体 */

.mt-nav{

    width: auto;

    margin-bottom: 8px;

}



.mt-nav li{

    margin-left: 60px;

}



.mt-nav li:first-child{

    margin-left: 0;

}



.mt-head-btns{

    float: right;

    margin-top: 2px;

    height: 40px;

    line-height: 38px;

    font-size: 0;

}



.mt-head-btns a{

    display: inline-block;

    padding: 0 20px;

    border: 1px solid #eee;

    font-size: 16px;

    font-weight: bold;

    color: #FF6000;

}



.mt-head-btns a:first-child{

    border-right: none;

    color: #ed2f2e;

}



.mt-head-btns a i{

    display: inline-block;

    width: 18px;

    height: 18px;

    margin-right: 5px;

    vertical-align: middle;

    margin-top: -2px;

}



.mt-head-btns .bg-icon1{

    background: url(../images/css_sprites.png) -47px -10px;

}



.mt-head-btns .bg-icon2{

    background: url(../images/css_sprites.png) -85px -10px;

}

/* 新媒体end */



/* 创业服务 */

.inno-head{

    padding-top: 20px;

}



.inno-nav{

    float: right;

    width: auto;

    margin-top: 5px;

    margin-bottom: 20px;

}



.inno-nav li{

    margin-left: 40px;

}

/* 创业服务end */