/*除首页外的其他所有页面 pc*/
/*底部的提交评论块*/
.bottom-comment-block{
    display:inline-block;
    width:100%;
}
.bottom-comment-block .bottom-container{
    width:981px;
    margin:0 auto;
}
.bottom-comment-block .about{
    float:left;
}
.bottom-comment-block .about .title{
    font-size:22px;
    margin-bottom:10px;
    color:#555;
}
.bottom-comment-block .about .title2{
    font-size: 16px;
    line-height: 22px;
    color: #999;
}
.bottom-comment-block .about .contact-list{
    color:#191919;
    line-height:2em;
    background:url(about-page-contact-icons.jpg) no-repeat;
    background-position-y:7px;
    margin-top:20px;
}
.bottom-comment-block .about .contact-list li i{
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align: middle;
}
.bottom-comment-block .about .contact-list li a:hover{
    color:#0168b5;
}
.bottom-comment-block .comment{
    float:right;
    width:612px;
}
.bottom-comment-block .comment .title{
    font-size:22px;
    margin-bottom:10px;
    color:#111;
}
.bottom-comment-block .comment .inner-shadow{
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1) inset;
    border: 1px solid #dadada;
    font-size:inherit;
    resize: none;
}
.bottom-comment-block .comment .inner-shadow::-webkit-input-placeholder{
    color:#ccc;
}
.bottom-comment-block .comment .inner-shadow:-ms-input-placeholder{
    color:#ccc;
}
.bottom-comment-block .comment .inner-shadow::-moz-placeholder{
    color:#ccc;
}
.bottom-comment-block .comment input[type=text]{
    height:38px;
    line-height:38px;
    padding:0 10px;
    outline: none;
}
.bottom-comment-block .comment input[type=text]:focus{
    border-color: rgba(82,168,236,.8);
}
.bottom-comment-block .comment textarea{
    line-height:38px;
    padding:0 10px;
}
.bottom-comment-block .comment .row{
    display:inline-block;
    width:100%;
}
.bottom-comment-block .comment .input-row{
    margin-bottom:15px;
}
.bottom-comment-block .comment .input-row input{
    float:left;
    margin-right:10px;
    width: calc((100% - 54px) / 2);
    width: -moz-calc((100% - 54px) / 2);
    width: -webkit-calc((100% - 54px) / 2);
}
.bottom-comment-block .comment .input-row input:last-child{
    margin-right:0;
}
.bottom-comment-block .comment .textarea-row{
    margin-bottom:15px;
}
.bottom-comment-block .comment .textarea-row textarea{
    float:left;
    width: calc(100% - 22px);
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    font-size:12px;
    height:100px;
}
.bottom-comment-block .comment .textarea-row textarea:focus{
    outline: none;
    border-color: rgba(82,168,236,.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
}
.bottom-comment-block .comment .submit-row{
}
.bottom-comment-block .comment .submit-row .left{
    line-height:43px;
}
.bottom-comment-block .comment .submit-row .left a{
    color:#1ec4c6;
}
.bottom-comment-block .comment .submit-row input[type=submit]{
    height:43px;
    border:0;
    padding:0;
    width:140px;
    cursor:pointer;
    background-color:#48aae5;
    border-radius:4px;
    color:white;
    font-size:16px;
    float:right;
    -webkit-appearance:none;
}

/*左右布局*/
.page-body .left-area{
    float:left;
    width: calc(100% - 316px);
    width: -moz-calc(100% - 316px);
    width: -webkit-calc(100% - 316px);
}
.page-body .right-area{
    float:right;
    width:241px;
    padding-left:37px;
    border-left:1px dashed #cccccc;
    margin-top:5px;
}
.page-body .right-area .cat-list{
    border-top:1px solid #d9d9d9;
}
.page-body .right-area .cat-list li{
    border-bottom:1px solid #d9d9d9;
}
.page-body .right-area .cat-list li a{
    display:block;
    line-height:37px;
    padding:0 5px;
    margin:5px 0;
    font-size:15px;
}
.page-body .right-area .cat-list li:hover a,
.page-body .right-area .cat-list li.on a{
    background-color:#0795d7;
    color:white;
}
.page-body .right-area .cat-list li a:before{
    content:"";
    display:inline-block;
    width:4px;
    height:7px;
    vertical-align:middle;
    background:url(article-page-cat-icon.png);
    margin-right:21px;
}
.page-body .right-area .cat-list li:hover a:before,
.page-body .right-area .cat-list li.on a:before{
    background:url(article-page-cat-icon1.png);
}
.page-body .right-area .new-case .title{
    font-size:16px;
    margin-top:17px;
    margin-bottom:11px;
}
.page-body .right-area .new-case .img-block{
    display:inline-block;
    width:100%;
    height:187px;
    position:relative;
    vertical-align:top;
}
.page-body .right-area .new-case .img-block .img-list{
    width:100%;
    height:100%;
}
.page-body .right-area .new-case .img-block .img-list a{
    display:inline-block;
    width:100%;
    height:100%;
}
.page-body .right-area .new-case .img-block .img-list a img{
    width:100%;
}
.page-body .right-area .service{
    background-color:#efefef;
    font-size:12px;
}
.page-body .right-area .service a{
    position:relative;
    padding-top:31px;
    padding-bottom:10px;
    text-align:center;
    display:inline-block;
}
.page-body .right-area .service a.s1{
    width:92px;
}
.page-body .right-area .service a.s2{
    width:57px;
}
.page-body .right-area .service a.s3{
    width:84px;
    text-indent:8px;
}
.page-body .right-area .service a img{
    display:inline-block;
    width:26px;
    height:26px;
    position:absolute;
    left:50%;
    top:7px;
    margin-left:-13px;
}
.page-body .right-area .service a.s3 img{
    margin-left:-8px;
}
.page-body .right-area .wx-contact{
    margin-top:25px;
}
.page-body .right-area .wx-contact .img{
    position:relative;
    width:147px;
    height:147px;
    padding:21px;
    margin:0 auto;
}
.page-body .right-area .wx-contact .img img{
    width:100%;
    height:100%;
}
.page-body .right-area .wx-contact .img i{
    position:absolute;
    background-color:#fbdbdb;
}
.page-body .right-area .wx-contact .img .h{
    width:36px;
    height:1px;
}
.page-body .right-area .wx-contact .img .v{
    height:36px;
    width:1px;
}
.page-body .right-area .wx-contact .img .c1{
    left:0;
    top:0;
    animation: wx-qrcode-border-scan-c1 1.2s infinite normal;
    -moz-animation: wx-qrcode-border-scan-c1 1.2s infinite normal;
    -webkit-animation: wx-qrcode-border-scan-c1 1.2s infinite normal;
    -o-animation: wx-qrcode-border-scan-c1 1.2s infinite normal;
}
.page-body .right-area .wx-contact .img .c2{
    right:0;
    top:0;
    animation: wx-qrcode-border-scan-c2 1.2s infinite normal;
    -moz-animation: wx-qrcode-border-scan-c2 1.2s infinite normal;
    -webkit-animation: wx-qrcode-border-scan-c2 1.2s infinite normal;
    -o-animation: wx-qrcode-border-scan-c2 1.2s infinite normal;
}
.page-body .right-area .wx-contact .img .c3{
    right:0;
    bottom:0;
    animation: wx-qrcode-border-scan-c3 1.2s infinite normal;
    -moz-animation: wx-qrcode-border-scan-c3 1.2s infinite normal;
    -webkit-animation: wx-qrcode-border-scan-c3 1.2s infinite normal;
    -o-animation: wx-qrcode-border-scan-c3 1.2s infinite normal;
}
.page-body .right-area .wx-contact .img .c4{
    left:0;
    bottom:0;
    animation: wx-qrcode-border-scan-c4 1.2s infinite normal;
    -moz-animation: wx-qrcode-border-scan-c4 1.2s infinite normal;
    -webkit-animation: wx-qrcode-border-scan-c4 1.2s infinite normal;
    -o-animation: wx-qrcode-border-scan-c4 1.2s infinite normal;
}
.page-body .right-area .wx-contact .text{
    text-align:center;
    margin-top:17px;
    font-size:18px;
}

/*文章页*/
.article-page .page-body{
    margin-top:64px;
}
.article-page .page-body .left-area .article-container{
    padding:0 4em;
}
.article-page .page-body .left-area .article-container .article-title{
    font-weight:bold;
    color:#039;
    font-size:20px;
    text-align:center;
    display:inline-block;
    width:100%;
    margin-top:32px;
    margin-bottom:26px;
}
.article-page .page-body .left-area .article-container .article-content{
    line-height:48px;
    font-size:15px;
    border-bottom:1px solid #eeeeee;
    padding-bottom:32px;
}
.article-page .page-body .left-area .article-container .article-content .note{
    margin-top:13px;
}
.article-page .page-body .left-area .article-container .article-content .content img{
    max-width:100%;
}
.article-page .page-body .left-area .article-container .article-bottom{
    line-height:32px;
    margin-top:15px;
}
.article-page .page-body .left-area .article-container .article-bottom .l{
    display:inline-block;
    color:#666666;
   width: calc(100% - 116px);
    width: -moz-calc(100% - 116px);
    width: -webkit-calc(100% - 116px);
	line-height:40px;
}
.article-page .page-body .left-area .article-container .article-bottom .l a{
    margin-right:56px;
  font-size:16px;
    display:inline-block;
    vertical-align: middle;
}
.article-page .page-body .left-area .article-container .article-bottom .l a:hover{
    color:#0168b5;
}
.article-page .page-body .left-area .article-container .article-bottom .r{
    float:right; 
}
.article-page .page-body .left-area .article-container .article-bottom .r i{
    display:inline-block;
    font-style:normal;
    width:32px;
    height:32px;
    background:url(article-page-back-list.png);
    vertical-align:middle;
}
.article-page .page-body .left-area .article-container .article-bottom .r span{
    display:inline-block;
    padding:0 9px;
    background-color:#f4f4f4;
    color:#232323;
    vertical-align:middle;
}
.article-page .page-body .left-area .article-container .article-bottom .r:hover span{
    color:#0168b5;
}
.article-page .page-body .left-area .article-container .article-related{
    margin-top:43px;
    margin-bottom:66px;
    display:inline-block;
    width:100%;
}
.article-page .page-body .left-area .article-container .article-related .title{
    font-size:18px;
    font-weight:bold;
    margin-bottom:23px;
}
.article-page .page-body .left-area .article-container .article-related .list{
}
.article-page .page-body .left-area .article-container .article-related .list li{
    padding: 0 85px;
    font-size:16px;
    line-height:48px;
    width: calc(50% - 170px);
    width: -moz-calc(50% - 170px);
    width: -webkit-calc(50% - 170px);
    float:left;
}
.article-page .page-body .left-area .article-container .article-related .list li:before{
    content:"●";
    margin-right:12px;
}
.article-page .page-body .left-area .article-container .article-related .list li a:hover{
    color:#0168b5;
}

/*方案页*/
.case-page .page-body .left-area{
    margin-bottom:50px;
}
.case-page .page-body .left-area .declaration{
    font-size:20px;
    margin-top:35px;
    margin-bottom:54px;
}
.case-page .page-body .left-area .case-list{
}
.case-page .page-body .left-area .case-list .case{
    border:1px solid #cbcbcb;
    margin-bottom:16px;
    padding:25px 61px 25px 25px;
    display:inline-block;
}
.case-page .page-body .left-area .case-list .case .img{
    float:left;
    width:340px;
    height:270px;
    overflow:hidden;
    vertical-align: top;
}
.case-page .page-body .left-area .case-list .case .img img{
    width:100%;
}
.case-page .page-body .left-area .case-list .case .bod{
    position:relative;
    float:right;
    width: calc(100% - 360px);
    width: -moz-calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
    height:270px;
}
.case-page .page-body .left-area .case-list .case .bod .title1{
    font-size:24px;
    font-weight:bold;
    margin-bottom:6px; color: #333; margin-top:15px;
}
.case-page .page-body .left-area .case-list .case .bod .title1 a:hover{
    color:#0168b5;
}
.case-page .page-body .left-area .case-list .case .bod .title2{
    font-size:14px;
   /* font-weight:bold;*/
    margin-bottom:14px;
    line-height:32px;
    height:32px;
    font-style: italic;
    color: #666;
    overflow:hidden;
}
.case-page .page-body .left-area .case-list .case .bod p{
    margin:0;
    line-height:25px;
    height:75px;
    overflow:hidden;
}
.case-page .page-body .left-area .case-list .case .bod .bottom{
    position:absolute;
    left:0;
    bottom:15px;
    width:100%;
}
.case-page .page-body .left-area .case-list .case .bod .bottom .zx{
    display:inline-block;
    line-height:32px;
    padding:0 21px 0 21px;
    background-color:#7f7f7f;
    color:white;
}
.case-page .page-body .left-area .case-list .case .bod .bottom .zx:hover{
    background-color:#ed1b23;
}
.case-page .page-body .left-area .case-list .case .bod .bottom .zx:before{
    content:"";
    display:inline-block;
    width:16px;
    height:16px;
    background:url(case-page-zx.png);
    vertical-align: middle;
    margin-right:7px;
}
.case-page .page-body .right-area{
    margin-top:69px;
}

/*文章列表页*/
.article-list-page .page-body .left-area{
    margin-bottom:50px;
}
.article-list-page .page-body .left-area .declaration{
    font-size:20px;
    margin-top:35px;
    margin-bottom:54px;
}
.article-list-page .page-body .left-area .article-list{
    margin-bottom:16px;
    margin-top:8px;
    padding:0 84px;
}
.article-list-page .page-body .left-area .article-list .article{
    font-size:15px;
    padding:25px 11px 14px 11px;
    border-bottom:1px solid #eeeeee;
}
.article-list-page .page-body .left-area .article-list .article a:hover{
    color:#0168b5;
}

/*demo2页*/
.demo2-page .page-body .filter-area{
    display:inline-block;
    width:100%;
    padding:18px 0 20px 0;
}
.demo2-page .page-body .filter-area .left{
    float:left;
}
.demo2-page .page-body .filter-area .left span{
}
.demo2-page .page-body .filter-area .left .color-list{
    display:inline-block;
    background:url(demo2-page-color-filter.gif) no-repeat;
    vertical-align: middle;
}
.demo2-page .page-body .filter-area .left .color-list a{
    float:left;
    width:18px;
    height:18px;
    margin-right:13px;
}
.demo2-page .page-body .filter-area .right{
    float:right;
}
.demo2-page .page-body .filter-area .right input[type=text]{
    height:26px;
    padding:0 10px;
    border:1px solid #e4e4e4;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    vertical-align: top;
    outline: none;
    color:inherit;
    margin-right:-5px;
}
.demo2-page .page-body .filter-area .right input[type=submit]{
    background:url(demo2-page-search.gif);
    width:46px;
    height:28px;
    border:0;
    padding:0;
    vertical-align: top;
    outline: none;
}
.demo2-page .page-body .demo-area{
    background-color:#62a8ea;
    padding-top:30px;
}
.demo2-page .page-body .demo-area .demo-list{
    width: calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    display:inline-block;
}
.demo2-page .page-body .demo-area .demo-list .demo{
    position:relative;
    float:left;
    width: calc((100% - 80px) / 2);
    width: -moz-calc((100% - 80px) / 2);
    width: -webkit-calc((100% - 80px) / 2);
    height:350px;
    margin-bottom:30px;
    margin-right:20px;
    padding:10px;
    background-color:white;
}
.demo2-page .page-body .demo-area .demo-list .demo .pc-img{
    position:relative;
    height:100%;
    overflow:hidden;
}
.demo2-page .page-body .demo-area .demo-list .demo .pc-img img{
    width:100%;
    position:relative;
    left:0;
    top:0;
    transition: top 6s;
    -moz-transition: top 6s;
    -webkit-transition: top 6s;
    -o-transition: top 6s;
}
.demo2-page .page-body .demo-area .demo-list .demo .mobile-img{
    position:absolute;
    right:0;
    bottom:0;
    width:164px;
    height:307px;
    background:url(demo2-page-mobile-model-bg.png);
    background-size: 164px 307px;
}
.demo2-page .page-body .demo-area .demo-list .demo .mobile-img .view{
    position:relative;
    width:148px;
    height:230px;
    margin:37px 8px 40px 8px;
    overflow:hidden;
}
.demo2-page .page-body .demo-area .demo-list .demo .mobile-img .view img{
    width:100%;
    position:relative;
    left:0;
    top:0;
    transition: top 6s;
    -moz-transition: top 6s;
    -webkit-transition: top 6s;
    -o-transition: top 6s;
}
.demo2-page .page-body .page-area{
    padding-bottom:50px;
}

/*demo页*/
.demo-page .page-body .filter-area{
    display:inline-block;
    width:100%;
    padding-top:18px;
}
.demo-page .page-body .filter-area .container{
    position:relative;
}
.demo-page .page-body .filter-area .left{
    float:left;
}
.demo-page .page-body .filter-area .left .row{
    margin-bottom:20px;
}
.demo-page .page-body .filter-area .left .row .label{
}
.demo-page .page-body .filter-area .left .row select{
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
.demo-page .page-body .filter-area .left .row .color-list{
    display:inline-block;
    vertical-align: middle;
}
.demo-page .page-body .filter-area .left .row .color-list a{
    float:left;
    width:18px;
    height:18px;
    margin-right:13px;
    border:1px solid #eeeeee;
}
.demo-page .page-body .filter-area .left .row .color-list a:last-child{
    margin-right:0;
    background:url(demo-page-color-filter.gif) no-repeat;
    background-position:-370px 0;
}
.demo-page .page-body .filter-area .right{
    position:absolute;
    right:0;
    top:0;
}
.demo-page .page-body .filter-area .right input[type=text]{
    height:26px;
    line-height:26px;
    padding:0 10px;
    border:1px solid #e4e4e4;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    vertical-align: top;
    outline: none;
    color:inherit;
    margin-right:-5px;
}
.demo-page .page-body .filter-area .right input[type=submit]{
    background:url(demo-page-search.gif);
    width:46px;
    height:28px;
    border:0;
    padding:0;
    vertical-align: top;
    outline: none;
}
.demo-page .page-body .demo-area{
    overflow:hidden;
}
.demo-page .page-body .demo-area .demo-list{
    width: calc(100% + 34px);
    width: -moz-calc(100% + 34px);
    width: -webkit-calc(100% + 34px);
    display:inline-block;
}
.demo-page .page-body .demo-area .demo-list .demo{
    position:relative;
    float:left;
    width: calc((100% - 136px) / 4 - 1px);
    width: -moz-calc((100% - 136px) / 4 - 1px);
    width: -webkit-calc((100% - 136px) / 4 - 1px);
    margin-bottom:20px;
    margin-right:34px;
    background-color:white;
    color:#555;
}
.demo-page .page-body .demo-area .demo-list .demo .img{
    padding:5px;
    border:1px solid #cccccc;
    overflow:hidden;
}
.demo-page .page-body .demo-area .demo-list .demo .img img{
    float:left;
    width:100%;
    position:relative;
    left:0;
    top:0;
    transition: top 6s;
    -moz-transition: top 6s;
    -webkit-transition: top 6s;
    -o-transition: top 6s;
}
.demo-page .page-body .demo-area .demo-list .demo .title{
    line-height:2em;
}
.demo-page .page-body .demo-area .demo-list .demo .title a:hover{
    color:#0168b5;
}
.demo-page .page-body .demo-area .demo-list .demo .bottom{
}
.demo-page .page-body .demo-area .demo-list .demo .bottom .red{
    color:red;
}
.demo-page .page-body .page-area{
    padding-bottom:50px;
}

/*mall页*/
.mall-page .page-body .filter-area{
    display:inline-block;
    width:100%;
    padding-top:18px;
}
.mall-page .page-body .filter-area .container{
    position:relative;
}
.mall-page .page-body .filter-area .left{
    float:left;
}
.mall-page .page-body .filter-area .left .row{
    margin-bottom:20px;
}
.mall-page .page-body .filter-area .left .row .label{
}
.mall-page .page-body .filter-area .left .row .color-list{
    display:inline-block;
    vertical-align: middle;
}
.mall-page .page-body .filter-area .left .row .color-list a{
    float:left;
    width:18px;
    height:18px;
    margin-right:13px;
    border:1px solid #eeeeee;
}
.mall-page .page-body .filter-area .left .row .color-list a:last-child{
    margin-right:0;
    background:url(mall-page-color-filter.gif) no-repeat;
    background-position:-370px 0;
}
.mall-page .page-body .filter-area .right{
    position:absolute;
    right:0;
    top:0;
}
.mall-page .page-body .filter-area .right input[type=text]{
    height:26px;
    padding:0 10px;
    border:1px solid #e4e4e4;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    vertical-align: top;
    outline: none;
    color:inherit;
}
.mall-page .page-body .filter-area .right input[type=submit]{
    background:url(mall-page-search.gif);
    width:46px;
    height:28px;
    border:0;
    padding:0;
    vertical-align: top;
    outline: none;
}
.mall-page .page-body .demo-area{
    overflow:hidden;
}
.mall-page .page-body .demo-area .demo-list{
    width: calc(100% + 34px);
    width: -moz-calc(100% + 34px);
    width: -webkit-calc(100% + 34px);
    display:inline-block;
}
.mall-page .page-body .demo-area .demo-list .demo{
    position:relative;
    float:left;
    width: calc((100% - 102px) / 3);
    width: -moz-calc((100% - 102px) / 3);
    width: -webkit-calc((100% - 102px) / 3);
    margin-bottom:20px;
    margin-right:34px;
    background-color:white;
    color:#555;
}
.mall-page .page-body .demo-area .demo-list .demo .img{
    padding:5px;
    border:1px solid #cccccc;
    overflow:hidden;
}
.mall-page .page-body .demo-area .demo-list .demo .img img{
    float:left;
    width:100%;
    position:relative;
    left:0;
    top:0;
    transition: top 6s;
    -moz-transition: top 6s;
    -webkit-transition: top 6s;
    -o-transition: top 6s;
}
.mall-page .page-body .demo-area .demo-list .demo .title{
    line-height:2em;
}
.mall-page .page-body .demo-area .demo-list .demo .title a:hover{
    color:#0168b5;
}
.mall-page .page-body .demo-area .demo-list .demo .bottom{
}
.mall-page .page-body .demo-area .demo-list .demo .bottom .red{
    color:red;
}
.mall-page .page-body .page-area{
    padding-bottom:50px;
}

/*faq 页*/
.faq-page .page-body .share-bock{
    margin-top:20px;
}
.faq-page .page-body .question-list{
}
.faq-page .page-body .question-list .question{
    border-bottom:1px dashed #bfbfbf;
}
.faq-page .page-body .question-list .question:last-child{
    border-bottom:0;
}
.faq-page .page-body .question-list .question .title{
    padding-top: 37px;
    padding-bottom: 20px;
    font-size:28px;
    font-weight:lighter;
}
.faq-page .page-body .question-list .question .content{
    line-height:48px;
    font-size:15px;
    margin-bottom:30px;
    color:#555555;
}
.faq-page .page-body .question-list .question .content img{
    max-width:100%;
}

/*文章2 页*/
.article2-page .page-body{
    margin-top:40px;
}
.article2-page .page-body .content{
    line-height:48px;
    font-size:15px;
    margin-top:30px;
    margin-bottom:18px;
}
.article2-page .page-body .content img{
    max-width:100%;
}
.article2-page .page-body .related-articles{
    margin-bottom:60px;
}
.article2-page .page-body .related-articles .title{
    font-weight:bold;
    font-size:20px;
    margin-bottom:1em;
}
.article2-page .page-body .related-articles .list{
    line-height:35px;
    color:#555;
    display:inline-block;
    width:100%;
}
.article2-page .page-body .related-articles .list li{
    float:left;
    width: calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    padding-right:20px;
}
.article2-page .page-body .related-articles .list li:before{
    content: "•";
    margin-right: 12px;
}
.article2-page .page-body .related-articles .list li a:hover{
    color:#0168b5;
}

/*关于我们页*/
.about-page .page-body{
    margin-top:30px;
}
.about-page .page-body .declaration{
    margin-bottom:10px;
}
.about-page .page-body .declaration .left{
    display:inline-block;
    font-size:20px;
    line-height:38px;
}
.about-page .page-body .declaration .nav{
    float:right;
    margin-right:1em;
    margin-top:18px;
}
.about-page .page-body .declaration .nav a{
    color:#555;
    margin-left:2em;
}
.about-page .page-body .declaration .nav a:hover{
    color:white;
    background-color:#0cc;
}
.about-page .page-body .wmss-block{
    margin-top:45px;
}
.about-page .page-body .wmss-block .img img{
    max-width:981px;
    width:100%;
    margin:0 auto;
    display:block;
}
.about-page .page-body .wmss-block .wmss-container{
    padding:45px 50px 0 50px;
    line-height:48px;
    font-size:15px;
}
.about-page .page-body .wmss-block .wmss-container .intro{
    border-bottom:1px solid #333333;
    padding-bottom:24px;
    margin-bottom:24px;
}
.about-page .page-body .wmss-block .wmss-container .meaning span{
    color:white;
    background-color:#00acff;
}
.about-page .page-body .item-block{
    margin-top:40px;
}
.about-page .page-body .item-block .block-title{
    font-size:18px;
    line-height:35px;
    padding:0 50px;
}
.about-page .page-body .item-block .block-content img{
    max-width:981px;
    width:100%;
    margin:0 auto;
    display:block;
}
.about-page .page-body .item-block.tdcy .block-content{
    margin-top:40px;
}
.about-page .page-body .bottom-block{
    margin-top:60px;
    margin-bottom:120px;
}

/*定制页*/
.custom-made-page .page-body .declaration{
    font-size:20px;
    margin-top:35px;
    margin-bottom:54px;
}
.custom-made-page .page-body .big-img{
}
.custom-made-page .page-body .big-img img{
    width:100%;
}
.custom-made-page .page-body .division{
}
.custom-made-page .page-body .division .division-title{
    text-align:center;
}
.custom-made-page .page-body .division .division-title div{
    font-size:30px;
    margin-bottom:9px;
}
.custom-made-page .page-body .division .division-title p{
    font-size:15px;
    line-height:36px;
    margin:0;
}
.custom-made-page .page-body .division.cpyfw{
    margin-top:75px;
}
.custom-made-page .page-body .division.cpyfw .division-body{
    text-align:center;
    margin-top:48px;
    display:inline-block;
    width:100%;
}
.custom-made-page .page-body .division.cpyfw .division-body .round{
    border:1px solid #cccccc;
    width:222px;
    height:184px;
    float:left;
    padding-top:38px;
    border-radius:50%;
    margin-right: calc((100% - 224px * 5) / 4 - 1px);
    margin-right: -moz-calc((100% - 224px * 5) / 4 - 1px);
    margin-right: -webkit-calc((100% - 224px * 5) / 4 - 1px);
}
.custom-made-page .page-body .division.cpyfw .division-body .round:last-child{
    margin-right:0;
}
.custom-made-page .page-body .division.cpyfw .division-body .round .title{
    font-size:15px;
    font-weight:bold;
    margin-bottom:14px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.custom-made-page .page-body .division.cpyfw .division-body .round .intro{
    line-height:24px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.custom-made-page .page-body .division.zycld{
    margin-top:97px;
    margin-bottom:140px;
}
.custom-made-page .page-body .division.zycld .division-body{
    display:inline-block;
    width:100%;
    margin-top:43px;
}
.custom-made-page .page-body .division.zycld .division-body .step{
    width:186px;
    float:left;
    margin-right: calc((100% - 186px * 6) / 5 - 1px);
    margin-right: -moz-calc((100% - 186px * 6) / 5 - 1px);
    margin-right: -webkit-calc((100% - 186px * 6) / 5 - 1px);
}
.custom-made-page .page-body .division.zycld .division-body .step:last-child{
    margin-right:0;
}
.custom-made-page .page-body .division.zycld .division-body .step .img{
    text-align:center;
}
.custom-made-page .page-body .division.zycld .division-body .step .bod .title{
    text-align:center;
    font-weight:bold;
    font-size:15px;
    margin:15px 0 17px 0;
}
.custom-made-page .page-body .division.zycld .division-body .step .bod p{
    margin:0;
    line-height:26px;
}

/*联系我们页*/
.contact-page .page-body .top-block{
    font-size:18px;
    line-height:40px;
    color:#555;
    text-align:center;
    padding:10px 0;
}
.contact-page .page-body .top-block .pdaddress{
    padding-left:75px;
}

.contact-page .page-body .map-block{
    height:420px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.contact-page .page-body .map-block #my-map{
    height:100%;
}
.contact-page .page-body .bottom-block{
    margin-top:60px;
    margin-bottom:120px;
}

/*公司网站建设页*/
.company-page .page-body .left-area .declaration{
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: 54px;
}
.company-page .page-body .left-area .division{
}
.company-page .page-body .left-area .division .division-title{
    line-height: 32px;
    height:32px;
    font-size: 16px;
    border-bottom: 2px solid #dcdcdc;
    position:relative;
}
.company-page .page-body .left-area .division .division-title b{
    display:inline-block;
    border-bottom: 2px solid black;
    padding-right:12px;
}
.company-page .page-body .left-area .division .division-body{
}
.company-page .page-body .left-area .division .division-body .row{
    border-bottom:1px dotted #ddd;
    display:inline-block;
    width:100%;
    padding:50px 0;
}
.company-page .page-body .left-area .division .division-body .row:last-child{
    margin-bottom:50px;
}
.company-page .page-body .left-area .division .division-body .row .col{
    width:50%;
    float:left;
}
.company-page .page-body .left-area .division .division-body .row .col .left{
    float:left;
    width:60px;
}
.company-page .page-body .left-area .division .division-body .row .col .bod{
    float:left;
    width: calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    padding:0 30px 0 20px;
    font-size:15px;
}
.company-page .page-body .left-area .division .division-body .row .col .bod .title{
    font-weight:bold;
    color:#555;
    line-height:48px;
}
.company-page .page-body .left-area .division .division-body .row .col .bod .intro{
    color:#666;
    line-height:2em;
}
.company-page .page-body .right-area{
    margin-top: 69px;
}

/*手机页*/
.mobile-page .page-body .top-block{
    margin-top:20px;
    display:inline-block;
    width:100%;
}
.mobile-page .page-body .top-block .left{
    float:left;
}
.mobile-page .page-body .top-block .right{
    float:left;
    font-size:22px;
    line-height:50px;
    margin-top:10px;
}
.mobile-page .page-body .top-block .right .title{
    font-weight:bold;
}
.mobile-page .page-body .content-block{
    line-height:48px;
    font-size:15px;
}
.mobile-page .page-body .bottom-block{
    margin-top:1em;
    margin-bottom:50px;
}
.mobile-page .page-body .bottom-block .list{
    display:inline-block;
    width:100%;
}
.mobile-page .page-body .bottom-block .list li{
    float:left;
    width:140px;
    text-align:center;
    margin-right: calc((100% - 140px * 7) / 6 - 1px);
    margin-right: -moz-calc((100% - 140px * 7) / 6 - 1px);
    margin-right: -webkit-calc((100% - 140px * 7) / 6 - 1px);
}
.mobile-page .page-body .bottom-block .list li:last-child{
    margin-right:0;
}
.mobile-page .page-body .bottom-block .list li .img{
    display:block;
    margin:0 auto;
    width:90px;
    height:90px;
    background:url(mobile-page-icons.jpg) no-repeat;
    background-position-y:25px;
}
.mobile-page .page-body .bottom-block .list li.s1 .img{
    background-position-x:0;
}
.mobile-page .page-body .bottom-block .list li.s2 .img{
    background-position-x:-120px;
}
.mobile-page .page-body .bottom-block .list li.s3 .img{
    background-position-x:-240px;
}
.mobile-page .page-body .bottom-block .list li.s4 .img{
    background-position-x:-374px;
}
.mobile-page .page-body .bottom-block .list li.s5 .img{
    background-position-x:-540px;
}
.mobile-page .page-body .bottom-block .list li.s6 .img{
    background-position-x:-715px;
}
.mobile-page .page-body .bottom-block .list li.s7 .img{
    background-position-x:-880px;
}
.mobile-page .page-body .bottom-block .list li .title{
    margin-bottom:1em;
}
.mobile-page .page-body .bottom-block .list li .intro{
    line-height:2em;
}

/* 案例详情*/
.illustrate{width:100%;background:url(dian_03.jpg);overflow:hidden}
.illustrate_con{padding:20px 0;overflow:hidden;color:#d3d3d3;text-align:left;position:relative;}
.illustrate_con ul{width:750px;float:left}
.illustrate_con ul h1{font-size:24px;color:#fff;margin-bottom:15px}
.illustrate_con strong{font-weight:400;float:left;display:block;margin-top:3px}
.illustrate_con .bt{float:right;width:175px;margin:50px 20px 0 0}
.illustrate_con .bt a.back,.illustrate_con .bt a.next{width:30px;text-indent:-10000px;height:30px;display:block;float:left}
.illustrate_con .bt a{margin:0 2px}
.illustrate_con .bt a.back{background:url(icon1.png) -254px -261px no-repeat}
.illustrate_con .bt a.back:hover{background-position:-254px -302px}
.illustrate_con .bt a.next{background:url(icon1.png) -290px -261px no-repeat}
.illustrate_con .bt a.next:hover{background-position:-290px -302px}
.illustrate_con .bt a.full{background:url(icon1.png) -68px -292px no-repeat;width:65px;padding-left:25px;height:30px;float:left;display:block;color:#079bbb;line-height:28px}
.illustrate_con .bt a.full:hover{background-position:-160px -261px;color:#fff}

.introduce {
    width: 98%; padding:0 1%;
    overflow: hidden;
    background: #e9ece5;
    margin-top:30px;
}
.introduce .title h1 {
    font-size: 18px;
    color: #272727;
}
.introduce_con p {
    color: #272727;
    line-height: 26px;
    /* text-align: left;*/
    text-indent: 24px;
    padding-bottom: 60px;margin-bottom: 10px;
    font-size: 14px;
}


.alcenter{ text-align: center;}

/* 客户评价*/
.appraisal li,.appraisal li .img b{height:116px;vertical-align:middle}.appraisal{padding-top:1px}
.appraisal li{margin-top:-1px;border:1px solid #e5e5e5;overflow:hidden;background: #fff}
.appraisal li .img{float:left;text-align:center;width:30%;height:116px; background:url(appraisalLine.png) top right no-repeat; min-width: 120px;}
.appraisal li .img img{padding-top: 18px;}
.appraisal li .info{float:left;width:68%; margin-left:2%; line-height: 25px; }
.appraisal li .info p.tit{background:url(appraisalIcon.png) 0 50% no-repeat;padding-left:20px}
.appraisal li .info p.fs14{line-height:25px;height:50px;overflow: hidden}
.appraisal li:hover{background-color:#f2f2f2;border:1px solid #d5d5d5;z-index:10}

.ny_lt ul li{border-bottom:1px dotted #CCC;}
.newstitle{font-size:14px;line-height:40px;height:40px;padding-left:20px}

.container1{ width: 70%; margin:0 auto;}

/*404*/
.not-find-page .mes-block{
    background-color: #62a8ea;
    padding:80px 0;
    text-align: center;
}
.not-find-page .mes-block .r1{
    font-size:36px;
    line-height: 1.2em;
    color:#222;
    margin:22px 0 11px 0;
}
.not-find-page .mes-block .r2{
    font-size:22px;
    line-height: 26px;
    color:white;
    margin-bottom:11px;
}
.not-find-page .mes-block .r3{
    font-size:36px;
    line-height: 1.2;
    color:white;
    margin:22px 0 11px 0;
}
.not-find-page .service-block{margin-top:30px;margin-bottom:20px;float:left;width:100%}
.not-find-page .service-block .list{width:calc(100% - 313px);width:-moz-calc(100% - 313px);width:-webkit-calc(100% - 313px);float:left}
.not-find-page .service-block .list li{float:left;margin-right:10px;margin-bottom:10px;color:#fff;font-size:16px;height:104px;position:relative}
.not-find-page .service-block .list li a{width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);padding:0 20px;word-break:break-all;float:left;position:relative;top:50%;transform: translate(0,-50%);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);-moz-transform: translate(0,-50%);}
.not-find-page .service-block .list li a span{display:block;}
.not-find-page .service-block .list li.b1{background-color:#7ed2a1}
.not-find-page .service-block .list li.b2{background-color:#85c1e9}
.not-find-page .service-block .list li.b3{background-color:#cfb66b}
.not-find-page .service-block .list li.b4{background:url(index-page-icon1.png) center no-repeat;background-color:#76d7c4;background-position-x:85%;background-size:53px 53px}
.not-find-page .service-block .list li.b5{background-color:#f4a7a1}
.not-find-page .service-block .list li.b6{background-color:#eba08a}
.not-find-page .service-block .list li.b7{background-color:#b5d28d}
.not-find-page .service-block .list li.b8{background-color:#d0768d}
.not-find-page .service-block .list li.b8 a{height:100%}
.not-find-page .service-block .list li.b9{background-color:#6ed3de}
.not-find-page .service-block .list li.b9 a{height:100%}
.not-find-page .service-block .list li.b10{background-color:#ee67b2}
.not-find-page .service-block .list li.b10 a{height:100%}
.not-find-page .service-block .list li.s, .not-find-page .service-block .list li.c{width:calc((100% - 50px) / 6);width:-moz-calc((100% - 50px) / 6);width:-webkit-calc((100% - 50px) / 6);}
.not-find-page .service-block .list li.s img{position:absolute;left:calc(50% - 22px);left:-moz-calc(50% - 22px);left:-webkit-calc(50% - 22px);top:16px;width:44px}
.not-find-page .service-block .list li.s div{margin-top:66px;text-align:center;width:100%}
.not-find-page .service-block .list li.b{width:calc((100% - 50px) / 6 * 2 + 10px);width:-moz-calc((100% - 50px) / 6 * 2 + 10px);width:-webkit-calc((100% - 50px) / 6 * 2 + 10px);margin-right:9px;}
.not-find-page .service-block .list li.end{margin-right:0}
.not-find-page .service-block .form{width:303px;height:218px;float:right;background-color:#28b463}
.not-find-page .service-block .form .box{padding:16px 41px 0 41px}
.not-find-page .service-block .form li{margin-top:15px}
.not-find-page .service-block .form li.bottom{margin-top:16px}
.not-find-page .service-block .form input{padding:0;border:0}
.not-find-page .service-block .form input[type=text]{line-height:22px;height:22px;padding:0 2px}
.not-find-page .service-block .form .box .title{font-size:16px;color:#fff;margin-top:8px}
.not-find-page .service-block .form .box .name{width:215px;border:1px solid #bfccd2}
.not-find-page .service-block .form .box .qq{width:69px;margin-right:5px;border:1px solid #bfccd2}
.not-find-page .service-block .form .box .tel{width:135px;border:1px solid #bfccd2}
.not-find-page .service-block .form .box .other{width:221px;height:22px;border:1px solid #bfccd2}
.not-find-page .service-block .form .box .bottom input{line-height:25px;background-color:#000;color:#fff;padding:0 7px;margin-right:23px}
.not-find-page .service-block .form .box .bottom a{line-height:25px;color:#fff}