@charset "UTF-8";



.moban-list{
    position: absolute;
    left: 510px;
    top: 40px;
}
.moban-list ul li{
    float: left;
    margin-right: 10px;
}
.moban-list ul li a{
    font-size: 14px;
    color: #555555;
}
.moban-list ul li a:hover{
    color: #0077B5;
}

/* common css */
.index-title{
    width: 1200px;
    margin: 0 auto 10px;
}
.index-title h6{
    height: 79px;
    padding-top: 140px;
    text-align: center;
    font-size: 28px;
    color: #000000;
}
.index-title p{
    text-align: center;
    font-size: 14px;
    color: #777;
    padding: 10px 0;
}
.index-title p:before{
    display: inline-block;
    content: '';
    width: 28px;
    height: 27px;
    background: url("../images/lsub.png") left top no-repeat;
}
.index-title p:after{
    display: inline-block;
    content: '';
    width: 28px;
    height: 27px;
    background: url("../images/rsub.png") left top no-repeat;
}

.index-more{
    display: block;
    width: 177px;
    height: 46px;
    border: 1px #8c9dc7 solid;
    border-radius: 46px;
    margin: 30px auto 0;
    font-size: 20px;
    color: #3e5ea5;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
}
.index-more:hover{
    border: 1px #3e5ea5 solid;
    box-shadow: 0 0 8px 0 #3e5ea5;
}

.website-box{
    padding: 25px;
    margin: 70px 0;
    border: 10px #e2f0ff solid;
    min-height: 360px;
    position: relative;
}
.website-box .website-img{
    position: absolute;
    right: 30px;
    top: -38px;
    width: 415px;
    height: 520px;
}
.website-box .website-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.website-box .section{
    width: 665px;
}
.website-box .section .section-tt{
    height: 50px;
    background: url("../images/fwtt-bg01.png") right center no-repeat;
    margin-top: 25px;
    font-size: 14px;
    font-weight: normal;
}
.website-box .section .section-tt span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    padding: 0 30px 0 10px;
    background: url("../images/fwtt-bg02.png") right center no-repeat;
    margin-right: 20px;
}
.website-box .section .section-tt em{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    padding: 0 10px 0 10px;
    background: url("../images/mw-bg02.png") right center no-repeat;
    margin-right: 20px;
}
.website-box .section .section-detail{
    font-size: 18px;
    line-height: 50px;
    margin-top: 10px;
}

.translation{ padding: 40px 0; background: url("../images/section-bg.jpg") center top no-repeat;}
.translation .index-title{ position: relative;}
.translation .index-title h6{
    padding-top: 105px;
    padding-right: 120px;
    text-align: right;
    background: url("../images/mw-title02.png") center top no-repeat;
}
.translation .index-title p{
    position: absolute;
    top: 78px;
    right: 510px;
}

.website-title{
    height: 80px;
    padding-top: 48px;
    text-align: center;
}
.website-title h6{
    font-size: 28px;
    line-height: 45px;
    font-weight: normal;
}
.website-title p{
    font-size: 14px;
    color: #555555;
}
.title-line{
    height: 69px;
    background: url("../images/sb-line.png") center top no-repeat;
}

.answers{ padding-bottom: 40px;}
.answers .answers-title{
    padding-top: 115px;
    position: relative;
}
.answers .answers-title .title{
    position: absolute;
    left: 180px;
    top: 0;
    z-index: 99;
    width: 200px;
    height: 207px;
    background: url("../images/website-title03.png") center top no-repeat;
}
.answers .section{
    margin-top: 45px;
    padding-bottom: 80px;
    position: relative;
}
.answers .section .answers-detail{
    float: left;
    width: 815px;
}
.answers-detail .detail-title{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px #eeeeee solid;
    padding-left: 20px;
}
.answers-detail .detail-title h6{
    display: inline-block;
    padding-left: 20px;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
    background: url("../images/anline01.png") left center no-repeat;
    margin-right: 50px;
}
.answers-detail .detail-title .time{
    padding-left: 20px;
    background: url("../images/wtime01.png") left center no-repeat;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    font-family: Arial;
}
.answers-detail .detail{
    font-size: 16px;
    line-height: 32px;
    color: #555555;
    padding: 0 25px;
    margin-top: 10px;
    height: 192px;
    overflow: hidden;
}
.answers-detail:after{
    display: block;
    content: '';
    width: 112px;
    height: 1px;
    background: #ff6c00;
    margin-top: 25px;
}

.answers-list{
    float: right;
    width: 275px;
    padding: 0 15px;
    box-shadow: 0 0 5px 0 #eeeeee;
    position: absolute;
    right: 25px;
    top: -120px;
    background: #ffffff;
    z-index: 99;
}
.answers-list ul li{
    padding: 15px 0;
    border-bottom: 1px #eeeeee dashed;
}
.answers-list ul li .img{
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
}
.answers-list ul li .img img{
    display: block;
    width: 70px;
    height: 70px;
    transition: all 0.5s;
}
.answers-list ul li:hover .img img{
    transform: scale(1.1);
}
.answers-list .lists ul li .img .shade{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: url("../images/wnew01.jpg") center top no-repeat;
    background-size: 100% 100%;
}

.answers-list ul li .list-info{
    float: right;
    width: 185px;
    font-size: 12px;
    color: #888888;
}
.answers-list ul li .list-info em{
    font-size: 12px;
    color: #888888;
}
.answers-list ul li .list-info h6{
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 8px 0;
}
.answers-list ul li:hover .list-info h6{
    color: #3356a1;
}
.answers-list .lists-more{
    display: block;
    width: 177px;
    height: 37px;
    border-radius: 37px;
    border: 1px #8c9dc7 solid;
    color: #3356a1;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    margin: 20px auto;
}

.form{
    background: #dfedfd;
    height: 130px;
}
.form .form-title{
    float: left;
    position: relative;
    top: -5px;
    left: -33px;
    width: 400px;
    height: 154px;
    background: url("../images/quick-tt.png") center no-repeat;
}
.form .sub-form{
    float: right;
    padding-top: 44px;
}
.form .sub-form ul li{
    float: left;
    margin-left: 25px;
}
.form .sub-form ul li input{
    width: 210px;
    height: 40px;
    border: 1px #c0dcfb solid;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
}
.form .sub-form ul li button{
    width: 230px;
    height: 40px;
    background: #2d52a2;
    border-radius: 10px;
    border: none;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}



/*-- nav --*/
.navigation{}
.navigation .nav ul li{
    margin: 0 22px;
}
/* 首页 案例中心*/
.index-nav .nav ul li{
    margin: 0 30px;
}
/*-- nav end --*/
.banner{
    width: 100%;
    min-width: 1200px;
    height: 762px;
    overflow: hidden;
    position: relative;
}
.banner .swiper-container{
    width: 100%;
    height: 762px;
}
.banner .swiper-container ul li{
    background-size: 100% auto;
}
/* banner */
.slide-img{
    margin: 160px auto 0;
    width: 1200px;
    height: 438px;
    background: url("../images/website-bg01.png") center top no-repeat;
}
.slide-img .scroll-bg{
    height: 438px;
    background: url("../images/website-bg02.png") center no-repeat;
}
.slide-img .scroll-bg .scroll-text{
    text-align: center;
    padding-top: 144px;
}
.web-banner .slide-img .scroll-bg .scroll-text p,.web-banner .slide-img .scroll-bg .scroll-text .txt2{
    margin-bottom: 10px;
    position: relative;
    opacity: 0;
    transition: all 1s;
}
.web-banner .slide-img .scroll-bg .scroll-text p.txt1{
    left: -200px;
}
.web-banner .slide-img .scroll-bg .scroll-text .txt2{
    right: -200px;
}
.web-banner .slide-img .scroll-bg .now-ask{
    display: block;
    width: 216px;
    height: 55px;
    border: 2px rgba(255,255,255,0.6) solid;
    background: rgba(0,43,139,0.4);
    margin: 100px auto 0;
    border-radius: 55px;
    font-size: 24px;
    line-height: 55px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
}
.web-banner .txt2{
    text-align: center;
}
.web-banner .txt2 dl{
    display: inline-block;
}
.web-banner .txt2 dl dd{
    float: left;
    font-size: 36px;
    color: #ffffff;
}
.web-banner .txt2 dl dd:before{
    display: inline-block;
    content: '/';
    margin: 0 10px;
}
.web-banner .txt2 dl dd:first-child:before{
    display: none;
}
.web-banner .txt2 dl dd span{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Arial;
    color: rgba(255,255,255,0.5);
    padding-left: 36px;
}
.web-banner .txt2 dl dd:first-child span{
    padding-left: 0;
}

.newwbbanner{
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    background: url(../images/newbanner3.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
}

.zhyx-banner .slide-img .scroll-text p,.slide-img .scroll-text .txt2{
    margin-bottom: 20px;
    position: relative;
    opacity: 0;
    transition: all 1s;
}
.zhyx-banner .slide-img .scroll-text p.txt1{
    right: -200px;
}
.zhyx-banner .slide-img .scroll-text .txt2{
    right: -200px;
    height: 147px;
    width: 715px;
    background: url("../images/zhyx-bor.png") center top no-repeat;
}
.zhyx-banner .slide-img .scroll-text .txt2 span{
    display: block;
    text-align: center;
    font-size: 27px;
    color: #fef85a;
    margin-top: 10px;
}
.zhyx-banner .slide-img .scroll-text .txt2 b{
    display: block;
    text-align: center;
    font-size: 27px;
    color: #fef85a;
    margin-top: 20px;
    background: url("../images/zhys-line.png") center no-repeat;
    font-weight: normal;
}
.zhyx-banner .slide-img .scroll-text .txt2 ul li{
    display: inline-block;
    width: 23%;
    font-size: 30px;
    color: #ffffff;
}
.zhyx-banner .slide-img .scroll-text .txt2 ul li:before{
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    background: #ffffff;
    position: relative;
    top: -5px;
    margin-right: 10px;
}


/* banner */
.seo-banner{}
.seo-banner .slide-img{
    margin: 250px auto 0;
    width: 1200px;
    height: 400px;
    background: none;
}
.seo-banner .slide-img .txt-img{
    float: left;
    width: 481px;
    margin-left: -50px;
    position: relative;
    left: -200px;
    opacity: 0;
    transition: all 1s;
}
.seo-banner .slide-img .scroll-text{
    float: right;
    width: 715px;
    text-align: center;
}
.seo-banner .slide-img .scroll-text p{
    margin-bottom: 20px;
    position: relative;
    opacity: 0;
    transition: all 1s;
}
.seo-banner .slide-img .scroll-text p.txt1{
    right: -200px;
}
.seo-banner .slide-img .scroll-text p.txt2{
    right: -200px;
}
/* banner end */

/* index-website */
.index-website{ padding: 40px 0;}
.index-website .index-title{}
.index-website .index-title h6{
    background: url("../images/title01.png") center top no-repeat;
}
.website-list{
    margin-top: 30px;
    position: relative;
}
.website-list .swiper-container{
    height: 300px;
    padding-top: 50px;
}
.website-list ul li{
    height: 300px;
    background: url("../images/wc-bor01.png") center top no-repeat;
    text-align: center;
    font-size: 14px;
    position: relative;
    top: 0;
    transition: all 0.5s;
}
.website-list ul li:hover{
    background: url("../images/wc-bg01.jpg") center top no-repeat;
    top: -50px;
}
.website-list ul li a{
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/wc-bor02.png") center -300px no-repeat;
    transition: all 0.5s;
}
.website-list ul li:hover a{
    background: url("../images/wc-bor02.png") center top no-repeat;
}
.website-list ul li:hover *{
    color: #ffffff;
}
.website-list ul li h6{
    font-size: 28px;
    color: rgba(0,0,0,0.8);
}
.website-list ul li h6:before{
    display: block;
    content: '';
    width: 27px;
    height: 4px;
    background: rgba(0,0,0,0.5);
    margin: 12px auto 22px;
}
.website-list ul li:hover h6:before{
    width: 4px;
    height: 27px;
    background: #ffffff;
    margin: 5px auto;
}
.website-list ul li span{
    font-size: 14px;
    color: rgba(0,0,0,0.5);
    text-transform: uppercase;
    font-family: Arial;
}
.website-list ul li p{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 43px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px #eaeaea solid;
    color: rgba(0,0,0,0.7);
}
.website-list ul li:hover p{
    display: none;
}
.website-list ul li .letter{
    height: 84px;
    margin-top: -43px;
    transition: all 0.5s;
}
.website-list ul li:hover .letter{
    margin-top: 10px;
}
.website-list ul li:nth-child(1) .letter{ background: url("../images/wc11.png") center top no-repeat;}
.website-list ul li:nth-child(2) .letter{ background: url("../images/wc22.png") 71px top no-repeat;}
.website-list ul li:nth-child(3) .letter{ background: url("../images/wc33.png") center top no-repeat;}
.website-list ul li:nth-child(4) .letter{ background: url("../images/wc44.png") center top no-repeat;}
.website-list ul li:nth-child(5) .letter{ background: url("../images/wc55.png") center top no-repeat;}
.website-list ul li:nth-child(1):hover .letter{ background: url("../images/wc01.png") center top no-repeat;}
.website-list ul li:nth-child(2):hover .letter{ background: url("../images/wc02.png") 71px top no-repeat;}
.website-list ul li:nth-child(3):hover .letter{ background: url("../images/wc03.png") center top no-repeat;}
.website-list ul li:nth-child(4):hover .letter{ background: url("../images/wc04.png") center top no-repeat;}
.website-list ul li:nth-child(5):hover .letter{ background: url("../images/wc05.png") center top no-repeat;}
.website-list ul li .web-icon{
    height: 75px;
    width: 100%;
    margin: 13px auto 0;
}
.website-list ul li:nth-child(1) .web-icon{ background: url("../images/wp01.png") center top no-repeat;}
.website-list ul li:nth-child(2) .web-icon{ background: url("../images/wp02.png") center top no-repeat;}
.website-list ul li:nth-child(3) .web-icon{ background: url("../images/wp03.png") center top no-repeat;}
.website-list ul li:nth-child(4) .web-icon{ background: url("../images/wp04.png") center top no-repeat;}
.website-list ul li:nth-child(5) .web-icon{ background: url("../images/wp05.png") center top no-repeat;}
.website-list ul li:nth-child(1):hover .web-icon{ background: url("../images/wp11.png") center top no-repeat;}
.website-list ul li:nth-child(2):hover .web-icon{ background: url("../images/wp22.png") center top no-repeat;}
.website-list ul li:nth-child(3):hover .web-icon{ background: url("../images/wp33.png") center top no-repeat;}
.website-list ul li:nth-child(4):hover .web-icon{ background: url("../images/wp44.png") center top no-repeat;}
.website-list ul li:nth-child(5):hover .web-icon{ background: url("../images/wp55.png") center top no-repeat;}

.website-list .swiper-button-prev{
    display: block;
    width: 38px;
    height: 67px;
    left: -40px;
    background: rgba(94,132,227,0.5) url("../images/wleft.png") center no-repeat;
}
.website-list .swiper-button-next{
    display: block;
    width: 38px;
    height: 67px;
    right: -40px;

    background: rgba(94,132,227,0.5) url("../images/wright.png") center no-repeat;
}

/* index-website end */

/* index-process */
.index-process{ padding: 20px 0 40px; background: url("../images/wprocess-bg.jpg") center top no-repeat;}
.index-process .index-title{}
.index-process .index-title h6{
    background: url("../images/title02.png") center top no-repeat;
}
.process-list{
    background: rgba(0,43,193,0.3);
    margin-top: 50px;
}
.process-list ul li{
    float: left;
    width: 200px;
}
.process-list ul li .process-icon{
    height: 237px;
    border-bottom: 1px rgba(255,255,255,0.3) solid;
    transition: all 0.5s;
}
.process-list ul li:hover .process-icon{
    height: 233px;
    background: rgba(0,79,255,0.3);
    border-bottom: 5px #ffffff solid;
}
.process-list ul li .process-icon .icon{
    display: inline-block;
    margin-top: 75px;
    width: 100%;
    height: 82px;
    transition: all 0.5s;
}
.process-list ul li:nth-child(1) .process-icon .icon{ background: url("../images/sp01.png") center top no-repeat;}
.process-list ul li:nth-child(2) .process-icon .icon{ background: url("../images/sp02.png") center top no-repeat;}
.process-list ul li:nth-child(3) .process-icon .icon{ background: url("../images/sp03.png") center top no-repeat;}
.process-list ul li:nth-child(4) .process-icon .icon{ background: url("../images/sp04.png") center top no-repeat;}
.process-list ul li:nth-child(5) .process-icon .icon{ background: url("../images/sp05.png") center top no-repeat;}
.process-list ul li:nth-child(6) .process-icon .icon{ background: url("../images/sp06.png") center top no-repeat;}
.process-list ul li:hover .process-icon .icon{
    margin-top: 60px;
}
.process-list ul li .process-icon p{
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 15px 30px 10px;
    text-align: center;
    display: none;
}
.process-list ul li:hover .process-icon p{
    display: block;
}
.process-list ul li .process-name{
    height: 107px;
    background: rgba(0,79,255,0.3);
    font-size: 28px;
    line-height: 107px;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
}
.index-process .index-more{
    background: rgba(255,255,255,0.8);
    border-bottom: 1px #ffffff solid;
    color: #000000;
    margin: 50px auto 0;
}
/* index-process end */

/* index-center */
.index-center{ padding: 40px 0;}
.index-center .index-title{ position: relative;}
.index-center .index-title h6{
    padding-top: 100px;
    padding-left: 130px;
    text-align: left;
    background: url("../images/title03.png") center top no-repeat;
}
.index-center .index-title p{
    position: absolute;
    top: 78px;
    left: 525px;
}
.center-list{
    width: 100%;
    margin: 40px auto 50px;
    overflow: hidden;
}
.center-list .swiper-container{
    width: 960px;
    height: 350px;
    overflow: visible;
    padding: 10px 0;
}
.center-list .swiper-container ul li{
    padding: 15px;
    box-shadow: 0 0 10px 0 #cccccc;
    background: #f0f7ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 300px;
}
.center-list .swiper-container ul li .center-detail{
    float: left;
    width: 450px;
    height: 266px;
    overflow: hidden;
    background: url("../images/wcc-bg.png") left top no-repeat;
    padding: 10px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
}
.center-detail .detail-title{
    text-align: center;
    background: url("../images/wcasett-bg.png") center top no-repeat;
    background-size: auto 100%;
    padding: 10px 0 20px;
    color: #385ca5;
    font-size: 18px;
    margin-bottom: 5px;
}
.center-detail .detail-title h2{
    font-weight: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.center-detail .detail-title h2 a{
    color: #385ca5;
    font-size: 18px;
}
.center-detail .detail-title em{
    display: block;
    font-size: 12px;
    font-family: Arial;
}
.center-list .swiper-container ul li .center-detail .net-name{
    font-size: 16px;
    font-weight: normal;
    color: rgba(0,0,0,0.8);
    margin-bottom: 5px;
}
.center-list .swiper-container ul li .center-detail p{
    font-size: 14px;
    line-height: 20px;
    color: rgba(0,0,0,0.6);
    text-indent: 2em;
    height: 60px;
    overflow: hidden;
}
.center-list .swiper-container ul li .center-detail .net-time{
    padding-bottom: 10px;
    border-bottom: 1px #e2f0ff solid;
    margin-top: 10px;
}
.center-list .swiper-container ul li .center-detail .net-time .time{
    display: inline-block;
    padding-left: 24px;
    line-height: 24px;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    background: url("../images/wtime01.png") left center no-repeat;
}
.center-list .swiper-container ul li .center-detail .net-time .net-kinds{
    float: right;
    display: inline-block;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #93a5cc;
    border: 1px #93a5cc solid;
}
.center-list .swiper-container ul li .center-detail .look-info{
    display: block;
    width: 111px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px #b8c8e4 solid;
    border-radius: 30px;
    margin: 15px auto 0;
    color: #6b83b9;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.center-list .swiper-container ul li .center-detail .look-info:hover{
    color: #2d52a2;
    border: 1px #2d52a2 solid;
}
.center-list .swiper-container ul li .center-img{
    float: right;
    width: 470px;
    height: 266px;
    overflow: hidden;
}
.center-list .swiper-container ul li .center-img img{
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.3s;
}
.center-list .swiper-container ul li:hover .center-img img{
    transform: scale(1.1);
}
.center-list .swiper-container .swiper-pagination{}
.center-list .swiper-container .swiper-pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    background: url("../images/wr01.png") center no-repeat;
    opacity: 1;
    margin: 0 3px;
}
.center-list .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background: url("../images/wr02.png") center no-repeat;
}
/* index-center end */


/* index-case */
.index-case{
    padding: 40px 0;
    background: url("../images/wcase-bg.jpg") center top no-repeat;
}
.index-case .index-title{ position: relative;}
.index-case .index-title h6{
    padding-top: 100px;
    padding-right: 120px;
    text-align: right;
    background: url("../images/title04.png") center top no-repeat;
}
.index-case .index-title p{
    position: absolute;
    top: 78px;
    right: 525px;
}
.index-case .website-title{
    background: url("../images/website-title02.png") center top no-repeat;
}
.case-kinds{
    text-align: center;
    border-bottom: 1px #e5eeff solid;
    margin-top: 20px;
}
.case-kinds ul{
    display: inline-block;
}
.case-kinds ul li{
    float: left;
    margin: 0 70px;
    position: relative;
    top: 5px;
}
.case-kinds ul li a{
    display: block;
    font-size: 24px;
    height: 32px;
    padding-bottom: 3px;
    color: rgba(0,0,0,0.7);
}
.case-kinds ul li.active a,
.case-kinds ul li:hover a{
    color: #385ca5;
    border-bottom: 5px #385ca5 solid;
}
.case-box{
    height: 578px;
    margin-top: 33px;
}
.case-list{}
.case-list .case-detail{
    display: none;
    padding: 25px;
    height: 337px;
    background: #ffffff;
    box-shadow: 0 0 10px 0 #eeeeee;
}
.case-list .case-detail .case-img{
    float: left;
    width: 602px;
    height: 337px;
    overflow: hidden;
}
.case-list .case-detail .case-img img{
    display: block;
    width: 100%;
    height: 337px;
    transition: all 0.5s;
}
.case-list .case-detail .case-img img:hover{
    transform: scale(1.1);
}
.case-list .case-detail .case-info{
    float: right;
    width: 502px;
}
.case-list .case-detail .case-info .case-title{
    text-align: center;
    background: url("../images/wcasett-bg.png") center top no-repeat;
    padding: 10px 0 22px;
    margin-bottom: 35px;
    color: #385ca5;
}
.case-list .case-detail .case-info .case-title a{
    font-size: 22px;
    color: #385ca5;
}
.case-list .case-detail .case-info .case-title h2{
    font-weight: normal;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 22px;
    color: #385ca5;
}
.case-list .case-detail .case-info .case-title em{
    display: block;
    font-size: 12px;
    font-family: Arial;
}
.case-list .case-detail .case-info h6{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    color: rgba(0,0,0,0.8);
}
.case-list .case-detail .case-info .project-info{
    font-size: 16px;
    text-indent: 2em;
    color: rgba(0,0,0,0.6);
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom: 15px;
}
.case-list .case-detail .case-info .case-time{
    display: block;
    font-size: 14px;
    color: rgba(0,0,0,0.4);
    padding-left: 25px;
    line-height: 16px;
    background: url("../images/wtime01.png") left center no-repeat;
}
.case-list .case-detail .case-info .case-more{
    display: block;
    margin-top: 10px;
    padding-top: 20px;
    line-height: 33px;
    text-align: center;
    border-top: 1px #eef6ff solid;
}
.case-list .case-detail .case-info .case-more a{
    display: inline-block;
    width: 111px;
    height: 33px;
    font-size: 16px;
    color: rgba(56,92,156,0.8);
    border: 1px rgba(56,92,156,0.4) solid;
    border-radius: 33px;
}
.case-list .case-detail .case-info .case-more a:hover{
    border: 1px rgba(56,92,156,0.8) solid;
    color: rgba(56,92,156,1);
    box-shadow: 0 0 8px 0 rgba(56,92,156,0.4);
}
.case-list .list{
    padding: 22px 25px;
    background: rgba(255,255,255,0.9) url("../images/wp-line01.png") 387px center no-repeat;
    box-shadow: 0 0 15px 0 #eeeeee inset;
}
.case-list .list p{
    display: inline-block;
    width: 356px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 24px;
    color: #6a80b5;
}
.case-list .list span{
    float: right;
    line-height: 31px;
    font-size: 18px;
    color: #6c6f72;
    padding-left: 25px;
    background: url("../images/wtime02.png") left center no-repeat;
}
.index-case .index-more{
    color: #000;
    border: 1px #ffffff solid;
    background: rgba(255,255,255,0.8);
}
/* index-case end */

/* index-plan */
.index-plan{
    padding: 40px 0;
}
.index-plan .index-title{}
.index-plan .index-title h6{
    background: url("../images/title05.png") center top no-repeat;
}
.plan-list{ margin-top: 30px;}
.plan-list ul li {
    float: left;
    width: 200px;
    margin-right: 50px;
    margin-bottom: 35px;
    position: relative;
}
.plan-list ul li .plan-bg{
    padding: 15px;
    height: 220px;
    background: #e2f0ff url("../images/box-bor.png") center no-repeat;
    background-size: 174px 224px;
    transition: all 0.3s;
    text-align: center;
}
.plan-list ul li .more{
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    display: block;
    width: 177px;
    height: 46px;
    line-height: 46px;
    color: #000;
    border: 1px #ffffff solid;
    background: rgba(255,255,255,0.8);
    border-radius: 46px;
    text-align: center;
    margin: 0 auto;
}
.plan-list ul li:nth-child(5n){ margin-right: 0; }
.plan-list ul li:last-child .plan-bg{
    background: url("../images/box-bor02.jpg") center no-repeat;
    transition: all 0.5s;
}
.plan-list ul li:hover .plan-bg{ background-size: 200px 250px; }
.plan-list ul li:last-child:hover .plan-bg{ transform: scale(0); }
.plan-list ul li:last-child:hover .more{
    background: #3e5ea5;
    color: #ffffff;
}
.plan-list ul li .plan-box{
    width: 170px;
    height: 220px;
    background: #ffffff;
}
.plan-list ul li .plan-box .icon{
    display: inline-block;
    width: 100%;
    height: 74px;
    margin-top: 38px;
    padding: 0;
}
.plan-list ul li:nth-child(1) .plan-box .icon{ background: url("../images/wsp01.png") center no-repeat;}
.plan-list ul li:nth-child(2) .plan-box .icon{ background: url("../images/wsp02.png") center no-repeat;}
.plan-list ul li:nth-child(3) .plan-box .icon{ background: url("../images/wsp03.png") center no-repeat;}
.plan-list ul li:nth-child(4) .plan-box .icon{ background: url("../images/wsp04.png") center no-repeat;}
.plan-list ul li:nth-child(5) .plan-box .icon{ background: url("../images/wsp05.png") center no-repeat;}
.plan-list ul li:nth-child(6) .plan-box .icon{ background: url("../images/wsp06.png") center no-repeat;}
.plan-list ul li:nth-child(7) .plan-box .icon{ background: url("../images/wsp07.png") center no-repeat;}
.plan-list ul li:nth-child(8) .plan-box .icon{ background: url("../images/wsp08.png") center no-repeat;}
.plan-list ul li:nth-child(9) .plan-box .icon{ background: url("../images/wsp09.png") center no-repeat;}
.plan-list ul li .plan-box h6{
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    font-weight: normal;
}
.plan-list ul li .plan-box h6:before{
    display: block;
    content: '';
    width: 30px;
    height: 4px;
    margin: 20px auto 10px;
    background: #ffd0ad;
}
.plan-list ul li p{
    font-size: 14px;
    line-height: 18px;
    color: rgba(0,0,0,0.8);
    padding: 12px;
}
.index-plan .index-more{
    margin: 10px auto 0;
}
/* index-plan end */

/* index-service */
.index-service{
    padding: 20px 0 40px;
    background: url("../images/wservice-bg.jpg") center top no-repeat;
    height: 706px;
}
.index-service .index-title{}
.index-service .index-title h6{
    background: url("../images/title06.png") center top no-repeat;
}
.index-service .service{
    padding: 20px 0 30px;
    height: 283px;
    background: rgba(0,43,139,0.5);
    margin-top: 30px;
}
.index-service .service ul li{
    float: left;
    width: 300px;
    color: #ffffff;
    text-align: center;
}
.index-service .service ul li h6{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: normal;
    font-size: 28px;
    height: 70px;
    margin-bottom: 10px;
}
.index-service .service ul li span{
    display: block;
    height: 142px;
    line-height: 142px;
    border-left: 2px rgba(255,255,255,0.4) solid;
    margin-bottom: 15px;
}
.index-service .service ul li:first-child span{
    border-left: none;
}
.index-service .service ul li img{
    transition: all 0.5s;
    vertical-align: middle;
}
.index-service .service ul li:hover span img{
    transform: scale(1.1);
}
.index-service .service ul li p{
    display: block;
    width: 85%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}
.index-service .index-more{
    color: #000;
    border: 1px #ffffff solid;
    background: rgba(255,255,255,0.8);
}
/* index-service end */

/* index-news */
.index-news{
    padding: 40px 0;
}
.index-news .index-title{}
.index-news .index-title h6{
    background: url("../images/title07.png") center top no-repeat;
}
.news-kinds{
    text-align: center;
    border-bottom: 1px #e5eeff solid;
    margin-top: 20px;
}
.news-kinds ul{
    display: inline-block;
}
.news-kinds ul li{
    float: left;
    margin: 0 70px;
    position: relative;
    top: 5px;
}
.news-kinds ul li a{
    display: block;
    font-size: 24px;
    height: 32px;
    padding-bottom: 3px;
    color: rgba(0,0,0,0.7);
}
.news-kinds ul li.active a,
.news-kinds ul li:hover a{
    color: #385ca5;
    border-bottom: 5px #385ca5 solid;
}
.list-box{
    width: 1200px;
    margin: 20px auto 0;
}
.list-box .lists{}
.list-box .lists ul li{
    float: left;
    width: 48%;
    padding: 20px 10px;
    transition: all 0.3s;
    background: #fdfdfd;
    margin-bottom: 10px;
}
.list-box .lists ul li:nth-child(2n){
    float: right;
}
.list-box .lists ul li a{
    display: block;
    height: 130px;
    margin: 0 auto;
}
.list-box .lists ul li a:after{
    display: block;
    content: '';
    clear: both;
}
.list-box .lists ul li .img{
    float: left;
    width: 200px;
    height: 130px;
    overflow: hidden;
    position: relative;
}
.list-box .lists ul li .img img{
    display: block;
    width: 100%;
    height: 130px;
    transition: all 0.3s;
}
.list-box .lists ul li .img .shade{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    background: url("../images/wnew01.jpg") center top no-repeat;
    background-size: 100% 100%;
}


.list-box .lists ul li .left-info{
    float: right;
    width: 360px;
}
.list-box .lists ul li .left-info .news-time{
    height: 36px;
    margin-top: 5px;
}
.list-box .lists ul li .left-info .news-time h6{
    display: inline-block;
    font-family: Arial;
    font-size: 14px;
    line-height: 36px;
    color: rgba(0,0,0,0.7);
    font-weight: normal;
}
.list-box .lists ul li .left-info .news-time span{
    float: right;
    font-size: 14px;
    line-height: 36px;
    margin-left: 15px;
    color: rgba(0,0,0,0.6);
    padding-left: 10px;
    background: url("../images/r01.png") left center no-repeat;
}
.list-box .lists ul li .left-info .news-title{
    margin-bottom: 10px;
}
.list-box .lists ul li .left-info .news-title h6{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
}

.list-box .lists ul li .left-info p{
    font-size: 14px;
    line-height: 24px;
    color: rgba(0,0,0,0.6);
    height: 48px;
    overflow: hidden;
}
.list-box .lists ul li:hover{
    box-shadow: 0 0 20px 0 #eeeeee;
}
.list-box .lists ul li:hover img{
    transform: scale(1.2);
}
.list-box .lists ul li:hover .left-info .news-title h6{
    color: #5571af;
}
.list-box .lists ul li .left-info .news-title span:hover{
    color: #5571af;
}

/* index-news end */

/* index-area */
.index-area{
    padding: 40px 0;
    background: #f9fcff;
}
.index-area .index-title{}
.index-area .index-title h6{
    background: url("../images/title08.png") center top no-repeat;
}
.area-list{ margin-top: 30px;}
.area-list ul li{
    float: left;
    margin-right: 20px;
}
.area-list ul li a{
    font-size: 16px;
    line-height: 28px;
    color: rgba(0,0,0,0.6);
    transition: all 0.3s;
}
.area-list ul li a:hover{
    color: #3e5ea5;
    text-decoration: underline;
}
/* index-area end */


/*--links --*/
.index-links{
    background: #e2f0ff;
}
.index-links .links-title{
    background: url("../images/website-links.png") left center no-repeat;
    border-bottom: 1px #ffffff solid;
    padding-bottom: 10px;
}
/*--links end --*/


/*-- footer --*/
/*.footer{
    background: #001770;
}
.footer .foot-left{
    background: #001c87;
}*/
/*-- footer end --*/

/*-- 外贸网站 -- */

.foreign-website,.high-website{ padding: 40px 0;}
.foreign-website .index-title,.high-website .index-title{ position: relative;}
.foreign-website .index-title h6{
    padding-top: 100px;
    padding-left: 150px;
    text-align: left;
    background: url("../images/fw-title.png") center top no-repeat;
}
.foreign-website .index-title p{
    position: absolute;
    top: 78px;
    left: 510px;
}
.high-website .index-title h6{
    padding-top: 100px;
    padding-left: 150px;
    text-align: left;
    background: url("../images/high-title.png") center top no-repeat;
}
.high-website .index-title p{
    position: absolute;
    top: 78px;
    left: 510px;
}

.f-website{
    padding: 40px 0;
    background: url("../images/section-bg.jpg") center top no-repeat;
}
.f-website .index-title{}
.f-website .index-title h6{
    padding-top: 110px;
    background: url("../images/fw-title02.png") center top no-repeat;
}
.high-end .high-list{ margin-top: 30px;}

.high-end{
    padding: 40px 0;
    background: url("../images/section-bg.jpg") center top no-repeat;
}
.high-end .index-title{}
.high-end .index-title h6{
    padding-top: 110px;
    background: url("../images/hew-title.png") center top no-repeat;
}
.high-list{ margin-top: 30px;}
.high-list ul li{
    float: left;
    width: 240px;
    height: 531px;
    position: relative;
}
.high-list ul li .high-detail{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px #2d52a2 solid;
}
.high-list ul li .high-detail .icon{ height: 150px;}
.high-list ul li:nth-child(1) .high-detail .icon{ background: url("../images/hewicon01.png") center no-repeat;}
.high-list ul li:nth-child(2) .high-detail .icon{ background: url("../images/hewicon02.png") center no-repeat;}
.high-list ul li:nth-child(3) .high-detail .icon{ background: url("../images/hewicon03.png") center no-repeat;}
.high-list ul li:nth-child(4) .high-detail .icon{ background: url("../images/hewicon04.png") center no-repeat;}
.high-list ul li:nth-child(5) .high-detail .icon{ background: url("../images/hewicon05.png") center no-repeat;}

.f-website .high-list ul li{width: 300px;}
.f-website ul li:nth-child(1) .high-detail .icon{ background: url("../images/fwicon01.png") center no-repeat;}
.f-website ul li:nth-child(2) .high-detail .icon{ background: url("../images/fwicon02.png") center no-repeat;}
.f-website ul li:nth-child(3) .high-detail .icon{ background: url("../images/fwicon03.png") center no-repeat;}
.f-website ul li:nth-child(4) .high-detail .icon{ background: url("../images/fwicon04.png") center no-repeat;}
.high-list ul li .high-detail .info{
    background: #2d52a2;
    color: #ffffff;
    height: 230px;
}
.high-list ul li .high-detail .info h6{
    padding-top: 25px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}
.high-list ul li .high-detail .info p{
    padding: 0 30px;
    font-size: 15px;
    line-height: 24px;
    height: 144px;
    overflow: hidden;
    color: #ffffff;
    text-align: justify;
}
.high-list ul li .num-icon{
    position: absolute;
    top: 382px;
    left: 0;
    width: 100%;
    height: 149px;
}
.high-list ul li:nth-child(1) .num-icon{ background: url("../images/hew01.png") center bottom no-repeat;}
.high-list ul li:nth-child(2) .num-icon{ background: url("../images/hew02.png") center bottom no-repeat;}
.high-list ul li:nth-child(3) .num-icon{ background: url("../images/hew03.png") center bottom no-repeat;}
.high-list ul li:nth-child(4) .num-icon{ background: url("../images/hew04.png") center bottom no-repeat;}
.high-list ul li:nth-child(5) .num-icon{ background: url("../images/hew05.png") center bottom no-repeat;}
.high-list ul li:nth-child(2n) .num-icon{
    top: 0;
    background-position: center center!important;
}
.high-list ul li:nth-child(2n) .high-detail{ top: 149px;}
.high-list ul li:nth-child(2n) .high-detail .info{ background: #5774b5;}


/* 案例 */
.website-case{
    padding: 40px 0;
}
.website-case .website-title{
    padding-top: 48px;
    background: url("../images/website-title01.png") center top no-repeat;
}
/*-- 外贸网站 end -- */

/* 定制网站 */
.index-custom{ padding: 40px 0;}
.index-custom .index-title{ position: relative;}
.index-custom .index-title h6{
    padding-top: 105px;
    padding-left: 155px;
    text-align: left;
    background: url("../images/cw-title01.png") center top no-repeat;
}
.index-custom .index-title p{
    position: absolute;
    top: 78px;
    left: 510px;
}

.custom-website{ padding: 40px 0; background: url("../images/section-bg.jpg") center top no-repeat;}
.custom-website .index-title{ position: relative;}
.custom-website .index-title h6{
    padding-top: 105px;
    padding-right: 120px;
    text-align: right;
    background: url("../images/cw-title02.png") center top no-repeat;
}
.custom-website .index-title p{
    position: absolute;
    top: 78px;
    right: 510px;
}
.custom-section{
    min-height: 582px;
    background: url("../images/cw-ad-bg.png") 10px top no-repeat;
    margin-top: 60px;
    position: relative;
}
.custom-section .ask-btn{
    position: absolute;
    left: 0;
    bottom: 45px;
    transition: all 0.3s;
}
.custom-section .ask-btn:hover{
    transform: scale(1.1);
}
.custom-list{
    float: right;
    width: 780px;
}
.custom-list ul li{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.custom-list ul li h2{
    height: 54px;
    line-height: 54px;
    padding-left: 70px;
    font-size: 30px;
    color: #1150c0;
    font-weight: bold;
    font-family: '宋体';
}
.custom-list ul li:nth-child(1){}
.custom-list ul li:nth-child(1) p{ padding-left: 100px;}
.custom-list ul li:nth-child(2){ padding-left: 102px;}
.custom-list ul li:nth-child(2) p{ padding-left: 85px;}
.custom-list ul li:nth-child(3){ padding-left: 137px;}
.custom-list ul li:nth-child(3) p{ padding-left: 50px;}
.custom-list ul li:nth-child(4){ padding-left: 123px;}
.custom-list ul li:nth-child(4) p{ padding-left: 36px;}
.custom-list ul li:nth-child(5){ padding-left: 44px;}
.custom-list ul li:nth-child(5) p{ padding-left: 40px;}
.custom-list ul li:nth-child(1) h2{
    background: url("../images/cw01.png") left center no-repeat;
}
.custom-list ul li:nth-child(2) h2{
    background: url("../images/cw02.png") left center no-repeat;
}
.custom-list ul li:nth-child(3) h2{
    background: url("../images/cw03.png") left center no-repeat;
}
.custom-list ul li:nth-child(4) h2{
    background: url("../images/cw04.png") left center no-repeat;
}
.custom-list ul li:nth-child(5) h2{
    background: url("../images/cw05.png") left center no-repeat;
}
/* 定制网站 end */


/* 营销网站 */
.marketing-website{ padding: 40px 0;}
.marketing-website .index-title{ position: relative;}
.marketing-website .index-title h6{
    padding-top: 105px;
    padding-left: 150px;
    text-align: left;
    background: url("../images/mw-title01.png") center top no-repeat;
}
.marketing-website .index-title p{
    position: absolute;
    top: 78px;
    left: 510px;
}
/* 营销网站 end */

/* 模板主题 */
.template{ padding: 40px 0;}
.template .index-title{ position: relative;}
.template .index-title h6{
    padding-top: 105px;
    padding-left: 130px;
    text-align: left;
    background: url("../images/wt-title01.png") center top no-repeat;
}
.template .index-title p{
    position: absolute;
    top: 78px;
    left: 510px;
}
.wt-list{}
.wt-list ul li{
    height: 64px;
    background: url("../images/wt-bg.png") left center no-repeat;
    margin-top: 22px;
}
.wt-list ul li h2{
    display: inline-block;
    width: 68px;
    height: 52px;
    text-align: center;
    margin-right: 10px;
    background: #2d52a2;
}
.wt-list ul li:nth-child(2n) h2{
    background: #6688d1;
}
.wt-list ul li h2 em{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px #ffffff solid;
    color: #ffffff;
}
.wt-list ul li h2{
    line-height: 52px;
}

.template-info{
    padding: 40px 0;
    background: url("../images/section-bg.jpg") center top no-repeat;
}
.template-info .template-img{
    float: left;
    width: 450px;
}
.template-info .template-img img{
    display: block;
    width: 100%;
}
.template-info .detail{
    float: right;
    width: 720px;
    font-size: 22px;
    line-height: 48px;
    padding-top: 60px;
}
.template-info .detail ul{
    margin-top: 30px;
}
.template-info .detail ul li{
    float: left;
    width: 230px;
    height: 69px;
    border-radius: 10px;
    background: #86bbf3;
    margin-bottom: 17px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #ffffff;
    position: relative;
}
.template-info .detail ul li:nth-child(2){
    float: right;
    width: 374px;
    height: 156px;
    padding-right: 100px;
}
.template-info .detail ul li:nth-child(3){
}
.template-info .detail ul li .time{
    padding-left: 58px;
    background: url("../images/ticon01.png") left center no-repeat;
}
.template-info .detail ul li .price{
    padding-left: 58px;
    background: url("../images/ticon02.png") left center no-repeat;
}
.template-info .detail ul li .true-icon{
    position: absolute;
    right: 0;
    top: 0;
    width: 97px;
    height: 156px;
    background: #4373bf url("../images/ticon03.png") center no-repeat;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.template-info .detail ul li:nth-child(4),.template-info .detail ul li:nth-child(5){
    margin-right: 18px;
    background: #006cd8;
}
.template-info .detail ul li a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 69px;
    color: #ffffff;
}
.template-info .detail ul li:nth-child(4):hover,.template-info .detail ul li:nth-child(5):hover{
    background: #40b8cb;
}
/* 模板主题 end */

/* 案例中心 */
.website-center{
    padding: 0 0 40px;
}
.wcase-kinds{
    border-bottom: 1px #e8f0ff solid;
}
.wcase-kinds ul{
    display: flex;
    justify-content: space-between;
}
.wcase-kinds ul li{
    width: 400px;
    line-height: 55px;
    text-align: center;
}
.wcase-kinds ul li a{
    display: inline-block;
    font-size: 24px;
    color: rgba(0,0,0,0.9);
    line-height: 55px;
    position: relative;
    top: 2px;
}
.wcase-kinds ul li.active a{
    padding: 0 10px;
    color: #3e5ea5;
    border-bottom: 5px #3e5ea5 solid;
}
.wcase-list{ margin: 60px 0;}
.wcase-list ul li{
    float: left;
    width: 580px;
    background: #f3f3f3;
    margin-bottom: 30px;
}
.wcase-list ul li:nth-child(2n){
    float: right;
}
.wcase-list ul li .case-img{
    width: 578px;
    height: 323px;
    overflow: hidden;
    border: 1px #d6d6d6 solid;
    position: relative;
}
.wcase-list ul li .case-img img{
    display: block;
    width: 100%;
}
.wcase-list ul li .case-img .shade{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5) url("../images/look-shade.png") center no-repeat;
    transform: scale(0);
    transition: all 0.3s;
}
.wcase-list ul li:hover .case-img .shade{
    transform: scale(1);
}
.wcase-list ul li .case-info{
    padding: 15px;
    height: 100px;
}
.wcase-list ul li .case-info h6{
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
}
.wcase-list ul li .case-info h6 a{
    display: inline-block;
    font-size: 20px;
}
.wcase-list ul li .case-info h6 .equipment{
    display: inline-block;
    font-size: 14px;
    color: #666666;
    height: 28px;
    padding: 0 13px;
    border: 1px #dddddd solid;
    margin-left: 10px;
}
.wcase-list ul li .case-info h6 .time{
    display: inline-block;
    font-size: 14px;
    color: #b5b5b5;
    margin-left: 10px;
    padding-left: 25px;
    background: url("../images/wtime01.png") left center no-repeat;
}
.wcase-list ul li .case-info .text{ }
.wcase-list ul li .case-info .text p{
    display: inline-block;
    width: 420px;
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    color: rgba(0,0,0,0.6);
}
.wcase-list ul li .case-info .text .info-btn{
    float: right;
    width: 100px;
    height: 25px;
    font-size: 14px;
    border: 1px #3e5ea5 solid;
    text-align: center;
    line-height: 24px;
    border-radius: 5px;
    margin-top: 25px;
}
.pages{ text-align: center;}
.pages a{
    display: inline-block;
    min-width: 19px;
    height: 26px;
    line-height: 26px;
    border: 1px #c6c1b6 solid;
    font-size: 14px;
    color: #666666;
    margin: 0 3px;
    padding: 0 5px;
}
.pages a.now-page{
    background: #3e5ea5;
    color: #ffffff;
    border: 1px #3e5ea5 solid;
}

.website-center .case-list{
    margin: 60px 0;
}
.website-center .case-list ul li{
    margin-bottom: 37px;
}
.website-center .case-list ul li .case-detail{
    display: block;
    box-shadow: 0 0 10px 0 #dddddd;
}
.website-center .case-list ul li:nth-child(2n) .case-detail .case-img{
    float: right;
}
.website-center .case-list ul li:nth-child(2n) .case-detail .case-info{
    float: left;
}

/* 案例中心 end */

.location{
    line-height: 30px;
    padding: 15px 0;
    background: #fafafa;
}
.location p{
    padding-left: 20px;
    background: url("../images/licon01.png") left center no-repeat;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
}
.location p span{ color: #e32827;}
.location p a{ color: rgba(0,0,0,0.5);}
.location p a:hover{ color: #0077B5;}

.news-detail{
    float: left;
    width: 880px;
    box-shadow: 0 0 10px 0 #eeeeee;
    margin-top: 50px;
}
.news-detail .news-title{
    text-align: center;
    font-size: 14px;
    color: #999;
    border-bottom: 1px #cccccc dashed;
    padding: 30px 0 15px;
}
.news-detail .news-title h2{
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    margin-bottom: 20px;
}
.news-detail .detail{
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    padding: 24px;
}
.news-detail .share{
    text-align: center;
    border-top: 1px #cccccc dashed;
    padding: 10px 0;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
}
.news-detail .share #share3{
    display: inline-block;
}
.news-detail .share #share3 .social-share-icon{
    border: none;
    color: #ffffff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
}
.news-detail .share #share3 .icon-qzone{
    background: #ffc000;
}
.news-detail .share #share3 .icon-weibo{
    background: #d81e06;
}
.news-detail .share #share3 .icon-wechat{
    background: #1afa29;
}
.news-page{
    padding: 25px;
    border-top: 1px #cccccc dashed;
}
.news-page ul li{
    float: left;
    width: 45%;
    height: 40px;
    line-height: 40px;
    border: 1px #cccccc solid;
    border-radius: 10px;
}
.news-page ul li:nth-child(2){
    float: right;
}
.news-page ul li a{
    display: block;
    width: 90%;
    padding-left: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #8d8d8d;
    font-size: 14px;
}

.right-side{
    float: right;
    width: 300px;
    box-shadow: 0 0 10px 0 #eeeeee;
    margin-top: 50px;
}
.side-title{
    background: #475c99;
    padding: 0 15px;
    line-height: 36px;
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
}
.side-title span{
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial;
}

.reading{}
.reading ul{
    padding: 0 15px;
}
.reading ul li{
    padding: 18px 0;
    border-top: 1px #e5e5e5 solid;
}
.reading ul li:first-child{
    border-top: none;
}
.reading ul li img{
    display: block;
    width: 118px;
    height: 78px;
    float: left;
}
.reading ul li .reading-info{
    display: block;
    width: 137px;
    height: 78px;
    float: right;
}
.reading ul li .reading-info h6{
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.reading ul li .reading-info span{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #475c99;
    padding: 0 10px;
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    border: 1px #475c99 solid;
}
.reading ul li:hover .reading-info span{
    background: #ffffff;
    color: #475c99;
}

.side-order{}
.side-order ul{
    padding: 10px 20px;
}
.side-order ul li{
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    margin-bottom: 10px;
}
.side-order ul li p{
    float: left;
    display: inline-block;
}
.side-order ul li input{
    float: right;
    width: 160px;
    height: 24px;
    line-height: 24px;
    border: 1px #e5e5e5 solid;
    padding: 0 10px;
    border-radius: 5px;
}
.side-order ul li textarea{
    float: right;
    width: 160px;
    height: 78px;
    line-height: 26px;
    border: 1px #e5e5e5 solid;
    padding: 0 10px;
    border-radius: 5px;
}
.side-order ul li button{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px #475c99 solid;
    background: #475c99;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

.project-detail{
    margin-top: 50px;
    box-shadow: 0 0 10px 0 #eeeeee;
}
.project-detail .detail{
    float: left;
    width: 660px;
    padding: 30px 0 0 20px;
    font-size: 18px;
    line-height: 42px;
    color: #555555;
}
.project-detail .detail h6{
    color: #193380;
    font-size: 24px;
    margin-bottom: 10px;
}
.project-detail .detail p{
    height: 252px;
    overflow: hidden;
}
.project-detail .detail h6:after{
    display: block;
    content: '';
    width: 50px;
    height: 1px;
    background: #193380;
    margin-top: 10px;
}
.project-detail .share{
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
    color: rgba(0,0,0,0.6);
}
.project-detail .share #share3{
    display: inline-block;
}
.project-detail .share #share3 .social-share-icon{
    border: none;
    color: #ffffff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
}
.project-detail .share #share3 .icon-qzone{
    background: #ffc000;
}
.project-detail .share #share3 .icon-weibo{
    background: #d81e06;
}
.project-detail .share #share3 .icon-wechat{
    background: #1afa29;
}

.project-detail .project-form{
    float: right;
    width: 480px;
    height: 427px;
    background: url("../images/project-bg.jpg") center top no-repeat;
    position: relative;
}
.project-form .pf-title{
    text-align: center;
    padding-top: 17px;
    line-height: 60px;
    color: #ffffff;
    font-size: 24px;
    font-weight: normal;
}
.project-form .pf-title:after{
    display: block;
    content: '';
    width: 50px;
    height: 1px;
    background: #ffffff;
    margin: 0 auto 20px;
}
.project-form ul{
    padding: 0 35px;
}
.project-form ul li{
    margin-bottom: 16px;
}
.project-form ul li p{
    float: left;
    line-height: 32px;
    color: #ffffff;
    font-size: 16px;
}
.project-form ul li input,.project-form ul li textarea{
    float: right;
    width: 290px;
    height: 32px;
    line-height: 32px;
    border: 1px #4968c3 solid;
    background: #9aa5c7;
    padding: 0 15px;
    color: #ffffff;
}
.project-form ul li textarea{
    height: 96px;
}
.project-form button{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #f37f29;
    color: #ffffff;
    border: none;
    font-size: 20px;
    cursor: pointer;
}

.article-detail{
    margin-top: 30px;
}
.article-detail .detail{
    width: 1160px;
    padding: 20px;
    box-shadow: 0 0 10px 0 #eeeeee;
    font-size: 14px;
    line-height: 24px;
    color: #777777;
}
.article-detail .news-page{
    border-top: none;
}

.recommend{
    padding-top: 30px;
}
.recommend .title{
    font-size: 24px;
    color: #193380;
    margin-bottom: 30px;
}
.recommend ul li{
    float: left;
    width: 380px;
    margin-left: 30px;
    box-shadow: 0 0 10px 0 #dddddd;
}
.recommend ul li:first-child{
    margin-left: 0;
}
.recommend ul li .info{
    padding: 10px 15px;
    font-size: 14px;
    color: #444444;
}
.recommend ul li .info h6{
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 5px;
}
.recommend ul li .info p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.recommend ul li:hover .info h6{
    color: #0077B5;
}


.seo-title{
    text-align: center;
    margin-bottom: 30px;
}
.seo-title h2{
    display: inline-block;
    font-size: 48px;
    text-shadow: 3px 0 3px #eddaff;
    color: #27bec5;
    line-height: 54px;
    font-weight: normal;
    margin: 0 20px;
}
.seo-title h2:before,
.seo-title h2:after{
    display: inline-block;
    content: '';
    width: 97px;
    height: 8px;
    background: url("../images/seo-title-line.png") center no-repeat;
    position: relative;
    top: -10px;
    margin: 0 20px;
}
.seo-title h6{ margin-top: 5px; }
.seo-title span{
    font-size: 14px;
    color: #949393;
    font-family: Arial;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 22px;
}
.seo-title span:before,
.seo-title span:after{
    display: inline-block;
    content: '';
    width: 24px;
    height: 22px;
    margin: 0 5px;
    position: relative;
    top: 3px;
}
.seo-title span:before{
    background: url("../images/hand01.png") center no-repeat;
}
.seo-title span:after{
    background: url("../images/hand02.png") center no-repeat;
}
.seo-title p{
    color: #8c8c8c;
    font-size: 16px;
    margin-top: 10px;
}
/* 了解SEO优化 */
.SEO{
    padding: 50px 0;
}
.seo-kinds{
    margin-bottom: 40px;
}
.seo-kinds ul li{
    float: left;
    width: 398px;
    height: 58px;
    border: 1px #30e0e8 solid;
	 display: block;
    text-align: center;
    line-height: 58px;
    color: #a3a3a3;
    font-size: 20px;
    cursor: pointer;
}

.seo-kinds ul li.active{
    background: #30e0e8;
}
.seo-kinds ul li.active {
    color: #ffffff;
}
.seo-detail{}
.seo-detail .optimize{
    float: left;
    width: 660px;
    font-size: 16px;
    color: #a3a3a3;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px #97eff3 solid;
}
.seo-detail .optimize h6{
    font-size: 30px;
    line-height: 30px;
    color: #27bec5;
    font-weight: normal;
    margin-bottom: 20px;
}
.seo-detail .optimize p:after{
    display: block;
    content: '';
    width: 129px;
    height: 2px;
    background: #97eff3;
    margin-top: 15px;
}
.seo-detail .optimize-img{
    float: right;
    width: 480px;
    text-align: center;
}
.seo-detail .whyDo{
    padding-top: 30px;
}
.seo-detail .whyDo ul{
    display: flex;
    justify-content: space-between;
}
.seo-detail .whyDo ul li{
    width: 235px;
    height: 234px;
    background: url("../images/seo-bg01.png") center no-repeat;
    text-align: center;
}
.seo-detail .whyDo ul li p{
    padding: 60px 20px 0;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}
.seo-detail .seo-part{}
.seo-detail .seo-part ul li{
    float: left;
    width: 260px;
    margin-right: 50px;
    margin-bottom: 20px;
}
.seo-detail .seo-part ul li:nth-child(4n){
    float: left;
    width: 260px;
    margin-right: 0;
}
.seo-detail .seo-part ul li h6{
    height: 59px;
    line-height: 59px;
    padding: 0 13px 0 83px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    color: rgba(0,0,0,0.8);
}
.seo-detail .seo-part ul li:nth-child(1) h6{ background: url("../images/seo-part01.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(2) h6{ background: url("../images/seo-part02.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(3) h6{ background: url("../images/seo-part03.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(4) h6{ background: url("../images/seo-part04.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(5) h6{ background: url("../images/seo-part05.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(6) h6{ background: url("../images/seo-part06.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(7) h6{ background: url("../images/seo-part07.png") center no-repeat;}
.seo-detail .seo-part ul li:nth-child(8) h6{ background: url("../images/seo-part08.png") center no-repeat;}
.seo-detail .seo-part ul li p{
    font-size: 16px;
    line-height: 24px;
    height: 96px;
    overflow: hidden;
    color: rgba(0,0,0,0.6);
}
/* 了解SEO优化 end */

/* seo优势在哪里 */
.seo-advantage{
    padding: 50px 0 30px;
    background: #f2feff;
}
.adv-section{
    height: 600px;
    background: url("../images/seoAd-bg.png") center top no-repeat;
    position: relative;
}
.adv-section .adv-info{
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif;
}
.adv-section .adv-info h6{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}
.adv-section .adv-info:nth-child(1){
    width: 130px;
    left: 75px;
    top: 400px;
}
.adv-section .adv-info:nth-child(2){
    width: 180px;
    left: 180px;
    top: 200px;
}
.adv-section .adv-info:nth-child(3){
    width: 205px;
    left: 385px;
    top: 60px;
}
.adv-section .adv-info:nth-child(4){
    width: 200px;
    left: 620px;
    top: 60px;
}
.adv-section .adv-info:nth-child(5){
    width: 180px;
    right: 170px;
    top: 170px;
}
.adv-section .adv-info:nth-child(6){
    width: 140px;
    right: 77px;
    top: 410px;
}
/* seo优势在哪里 end  */

/* seo优化方案 */
.seo-plan{
    padding: 50px 0;
}
.plan-list{}
.plan-list ul li{
    float: left;
    width: 200px;
    margin-right: 50px;
    margin-bottom: 20px;
}
.plan-list ul li .plan-bor{
    width: 170px;
    height: 220px;
    background: #d6f9fa;
    border-radius: 15px;
    padding: 15px;
}
.plan-list ul li .plan-bor .bor-info{
    width: 170px;
    height: 185px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 10px 2px #c3e5ec;
    padding-top: 35px;
    text-align: center;
}
.plan-list ul li .plan-bor .bor-info .icon{
    height: 75px;
    margin-bottom: 24px;
}
.plan-list ul li:nth-child(1) .icon{ background: url("../images/seo-plan01.png") center no-repeat;}
.plan-list ul li:nth-child(2) .icon{ background: url("../images/seo-plan02.png") center no-repeat;}
.plan-list ul li:nth-child(3) .icon{ background: url("../images/seo-plan03.png") center no-repeat;}
.plan-list ul li:nth-child(4) .icon{ background: url("../images/seo-plan04.png") center no-repeat;}
.plan-list ul li:nth-child(5) .icon{ background: url("../images/seo-plan05.png") center no-repeat;}
.plan-list ul li:nth-child(6) .icon{ background: url("../images/seo-plan06.png") center no-repeat;}
.plan-list ul li:nth-child(7) .icon{ background: url("../images/seo-plan07.png") center no-repeat;}
.plan-list ul li:nth-child(8) .icon{ background: url("../images/seo-plan08.png") center no-repeat;}
.plan-list ul li:nth-child(9) .icon{ background: url("../images/seo-plan09.png") center no-repeat;}
.plan-list ul li .plan-bor .bor-info h6{
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    font-weight: normal;
    padding: 0 20px;
}
.plan-list ul li .plan-bor .bor-info h6:before{
    display: block;
    content: '';
    width: 30px;
    height: 4px;
    background: #fff299;
    margin: 0 auto 10px;
}
.plan-list ul li p{
    padding: 15px;
    color: rgba(0,0,0,0.7);
}
.plan-list ul li:nth-child(1){
    margin-left: 120px;
}
.plan-list ul li:last-child{
    margin-right: 0;
}
.index-plan .plan-list ul li:nth-child(1){
    margin-left: 0;
}
.seo-plan .plan-list ul li:nth-child(5){
    margin-right: 50px;
}
/* seo优化方案 end */

/* 免费咨询专家 */
.ad-banner{
    height: 201px;
}
.ad-banner a{
    display: block;
    height: 201px;
}
/* 免费咨询专家 end */

/* 我们对您的服务承诺 */
.seo-promise{
    padding: 50px 0 100px;
}
.promise-section{}
.promise-section .net-project-list{}

.promise-section .net-project-list ul li{
    float: left;
    width: 240px;
    text-align: center;
}

/* 我们对您的服务承诺 end */
/* 网络营销项目 */
.net-project{
    padding: 60px 0;
    background: #ffffff;
}
.net-project-list{}
.net-project-list ul li{
    float: left;
    width: 300px;
    text-align: center;
}
.net-project-list ul li.active:after{
    display: block;
    content: '';
    width: 120px;
    height: 4px;
    background: #ffde00;
    margin: 20px auto 0;
}
.net-project-list ul li .icon{
    padding-top: 36px;
    height: 200px;
    transition: all 0.5s;
    background: url("../images/nmp-shadow.png") center no-repeat;
}
.net-project-list ul li.active .icon{
    padding-top: 0;
    height: 236px;
    background: url("../images/nmp-shadow.png") center bottom no-repeat;
}
.net-project-list ul li h6{
    font-size: 20px;
    font-weight: normal;
    color: #696969;
    margin-top: 10px;
}
.net-project-list ul li.active h6{
    color: #27bec5;
}
.net-project-list ul li p{
    font-size: 14px;
    color: #696969;
    height: 20px;
}
.net-project-list ul li.active p{
    color: #27bec5;
}
.net-project-detail{
    font-size: 16px;
    line-height: 24px;
    color: #888;
    padding: 12px 50px;
    border-top: 1px #d6f9fa solid;
    border-bottom: 1px #d6f9fa solid;
    text-align: center;
    margin-top: -2px;
}
.net-project-detail .detail{
    display: none;
}
.net-question{
    padding: 80px 0 60px;
    background: #e7feff url("../images/net-question-bg.jpg") center top no-repeat;
}
.question-list{
    width: 750px;
    margin: 70px auto 0;
}
.question-list ul li{
    height: 101px;
    padding: 35px 130px 40px 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin-top: -20px;
}
.question-list ul li:nth-child(1){
    background: url("../images/question01.png") left center no-repeat;
    color: #24bbc9;
}
.question-list ul li:nth-child(2){
    background: url("../images/question02.png") left center no-repeat;
    color: #b6d83c;
}
.question-list ul li:nth-child(3){
    color: #bd89bf;
    background: url("../images/question03.png") left center no-repeat;
}
/* 网络营销项目 end */