@charset "utf-8";
/* by xiaoyu 20151104 */

.container_yu {
    width: 1000px;
    height: 100%;
    margin: 0 auto;}

/*网站运营*/

.web-operation .hd {
    text-align: center;
}
.web-operation .hd h2 {
    font-size: 30px;
    color: #0987c9;
    line-height: 32px;
}
.web-operation .hd span {
    color: #999999;
    width: 560px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
}
.web-operation .one {
    margin: 70px auto;
}
.web-operation .one .con {
    background: url(../images/web-operation-b.png) center top no-repeat;
    height: 878px;
    margin-top: 50px;
    position: relative;
}
.web-operation .one .txt {
    position: absolute;
    text-align: center;
}
.web-operation .one .txt h3 {
    font-size: 16px;
    color: #333;
}
.web-operation .one .txt p {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}
.web-operation .one .a {
    width: 240px;
    top: 140px;
    left: 60px;
}
.web-operation .one .b {
    width: 220px;
    top: 20px;
    left: 400px;
}
.web-operation .one .c {
    width: 210px;
    top: 220px;
    left: 680px;
}
.web-operation .one .d {
    width: 210px;
    top: 500px;
    left: 675px;
}
.web-operation .one .e {
    width: 210px;
    top: 640px;
    left: 377px;
}
.web-operation .one .f {
    width: 210px;
    top: 550px;
    left: 120px;
}
.web-operation .two {
    background: #e9f7ff;
    padding: 70px 0;
}
.web-operation .two .con {
    background: url(../images/web-operation-c.png) center top no-repeat;
    height: 490px;
    margin-top: 70px;
    position: relative;
}
.web-operation .two .txt {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    position: absolute;
}
.web-operation .two .txt p {
    background: url(../images/web-operation-arrow.png) no-repeat;
    text-indent: 18px;
}
.web-operation .two .a {
    left: 325px;
    top: 48px;
}
.web-operation .two .b {
    left: 650px;
    top: 215px;
}
.web-operation .two .c {
    left: 270px;
    top: 345px;
}
.web-operation .two .a p {
    background-position: 0 6px;
}
.web-operation .two .b p {
    background-position: 0 -25px;
}
.web-operation .two .c p {
    background-position: 0 -55px;
}
.web-operation .three {
    margin: 70px 0;
    overflow: hidden;
}
.web-operation .three ul li {
    float: left;
    width: 170px;
    margin: 70px 40px 0 40px;
}
.web-operation .three ul li span {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: url(../images/web-operation-ico.png) no-repeat;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}
.web-operation .three ul li span:hover {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background: url(../images/web-operation-ico.png) no-repeat;
}
.web-operation .three ul li h3 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-top: 20px;
    text-align: center;
}
.web-operation .three ul li p {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    margin-top: 10px;
}
.web-operation .three ul li span.ico-a {
    background-position: center 0;
}
.web-operation .three ul li span.ico-a:hover {
    background-position: center -131px;
}
.web-operation .three ul li span.ico-b {
    background-position: center -262px;
}
.web-operation .three ul li span.ico-b:hover {
    background-position: center -393px;
}
.web-operation .three ul li span.ico-c {
    background-position: center -524px;
}
.web-operation .three ul li span.ico-c:hover {
    background-position: center -655px;
}
.web-operation .three ul li span.ico-d {
    background-position: center -786px;
}
.web-operation .three ul li span.ico-d:hover {
    background-position: center -917px;
}
.web-operation .four {
    background: #0182c9;
    padding: 70px 0;
    overflow: hidden;
}
.web-operation .four .hd h2 {
    color: #fff;
}
.web-operation .four .hd span {
    color: #86b6de;
}
.web-operation .four ul {
    width: 960px;
    margin: 70px auto;
    overflow: hidden;
}
.web-operation .four ul li {
    float: left;
    width: 200px;
    height: 234px;
    background: #fff;
    margin: 0 10px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}
.web-operation .four ul li .shadow {
    bottom: -120px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    width: 180px;
    padding: 10px;
}
.web-operation .four ul li:hover .shadow {
    bottom: 10px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.web-operation .four ul li .shadow p {
    color: #fff;
    font-size: 14px;
}
.web-operation .four ul li .shadow small {
    color: #c4c4c4;
    font-size: 12px;
}
.web-operation .four .btn {
    width: 450px;
    margin: 0 auto;
}
.web-operation .four .btn a {
    background: #d3bb20;
    height: 60px;
    line-height: 60px;
    width: 450px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.web-operation .four .btn a:hover {
    background: #cdb61f;
}

/* 网站优化 */

.optimize-main .row h2 {
    font-size: 36px;
    color: #0987c9;
    text-align: center;
    margin: 70px auto;
    line-height:normal;
}
.optimize-main .row h2 span {
    font-size: 18px;
    color: #ff9c21;
    display: block;
}
.optimize-main .row h2 small {
    font-size: 14px;
    color: #999;
    display: block;
}
.optimize-main .row img {
    display: block;
    margin: 0 auto;
}
.optimize-main .row1 {
    padding-bottom: 70px;
    background: url(../images/optimizefoot1.png) no-repeat center bottom;
}
.optimize-main .row1 img {
    margin-top: 100px;
}
.optimize-main .row2, .optimize-main .row4 {
    overflow: hidden;
    background-color: #007abd;
}
.optimize-main .row2 h2, .optimize-main .row4 h2 {
    color: white;
}
.optimize-main .row2 h2 span, .optimize-main .row4 h2 span {
    color: #e4ff00;
}
.optimize-main .foot2 {
    height: 50px;
    background: url(../images/optimizefoot2.jpg) no-repeat center bottom;
}
.optimize-main .row3 {
    background: url(../images/optimizefoot1.png) no-repeat center bottom;
    padding-bottom: 100px;
}
.optimize-main .row4 mark {
    width: 300px;
    height: 60px;
    font-size: 18px;
    color: white;
    background-color: #00a5ff;
    line-height: 60px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 80px auto 110px;
    display: block;
}
/* 网站维护 */

.safeguard-main h2 {
    text-align: center;
    font-size: 36px;
    color: #0987c9;
    margin: 70px auto;
    line-height:normal;
}
.safeguard-main h2 span {
    color: #f7961e;
}
.safeguard-main h2 small {
    color: #999999;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
.safeguard-main ul {
    margin-bottom: 25px;
    padding-bottom: 30px;
    overflow: hidden;
    background: url(../images/linebg.png) no-repeat center bottom;
}
.safeguard-main ul li {
    width: 230px;
    height: 130px;
    margin-right: 20px;
    float: left;
}
.safeguard-main ul li h4 {
    margin-left: 80px;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.safeguard-main ul li p {
    margin-left: 80px;
    font-size: 12px;
    color: #999999;
}
.safeguard-main ul .guardicon {
    float: left;
    width: 70px;
    height: 70px;
    background: url(../images/guardicon.png) no-repeat;
}
.safeguard-main ul .guardicon0 {
    background-position: 0 0;
}
.safeguard-main ul .guardicon1 {
    background-position: 0 -120px;
}
.safeguard-main ul .guardicon10 {
    background-position: 0 -240px;
}
.safeguard-main ul .guardicon11 {
    background-position: 0 -360px;
}
.safeguard-main ul .guardicon12 {
    background-position: 0 -480px;
}
.safeguard-main ul .guardicon13 {
    background-position: 0 -600px;
}
.safeguard-main ul .guardicon14 {
    background-position: 0 -720px;
}
.safeguard-main ul .guardicon15 {
    background-position: 0 -840px;
}
.safeguard-main ul .guardicon2 {
    background-position: 0 -960px;
}
.safeguard-main ul .guardicon3 {
    background-position: 0 -1080px;
}
.safeguard-main ul .guardicon4 {
    background-position: 0 -1200px;
}
.safeguard-main ul .guardicon5 {
    background-position: 0 -1320px;
}
.safeguard-main ul .guardicon6 {
    background-position: 0 -1440px;
}
.safeguard-main ul .guardicon7 {
    background-position: 0 -1560px;
}
.safeguard-main ul .guardicon8 {
    background-position: 0 -1680px;
}
.safeguard-main ul .guardicon9 {
    background-position: 0 -1800px;
}
.safeguard-main table {
    text-align: center;
}
.safeguard-main table caption {
    font-size: 26px;
    color: #0987c9;
    margin: 30px auto;
}
.safeguard-main table th {
    color: #16abfc;
    padding: 20px 0;
    text-align: center;
    border: 1px solid #a6e5ff;
}
.safeguard-main table .high-light {
    background-color: #e7f7fd;
}
.safeguard-main table td {
    border: 1px solid #a6e5ff;
    padding: 20px 0;
}
.safeguard-main table i {
    font-size: 20px;
    color: #f7961e;
}
.safeguard-main mark {
    display: block;
    line-height: 72px;
    text-align: center;
    background-color: #008bd8;
    font-size: 22px;
    color: white;
    width: 452px;
    height: 72px;
    margin: 50px auto 90px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.safeguard-main mark span {
    color: #f0ff00;
}
.safeguard-main mark {
    display: block;
    line-height: 72px;
    text-align: center;
    background-color: #008bd8;
    font-size: 22px;
    color: white;
    width: 452px;
    height: 72px;
    margin: 50px auto 90px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.waterfall{position:relative;width: 1200px; margin:20px auto;height: auto;}
.col_four{float:left;margin-left:20px;margin-right:2px;padding:0;width:260px;margin-bottom:20px;}
.relative{position:relative;}

.projects{margin:0px 0px 0px;padding:0;border-width:1px;border-style:solid;border-color:#f1f1f1 #dadada #dadada #f1f1f1;-webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,.05);-moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,.05);box-shadow:4px 4px 0px 0px rgba(0,0,0,.05);}
.projects-thumbnail{position:relative;margin:0;padding:0px;}
.projects-thumbnail a{text-decoration:none;}
.projects-thumbnail img{display:block;margin:0;padding:0;}
.projects-thumbnail:after{content:"";width:0px;height:0px;position:absolute;z-index:2;left:50%;bottom:0px;margin-left:-8px;border-left-width:8px;border-right-width:8px;border-bottom-width:8px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;-moz-border-end-style:dashed !important;border-bottom-color:#fff;border-left-color:transparent;border-right-color:transparent;}
.project-thumbnail-overlay{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background:#000;zoom:1;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.projects-thumbnail .project-to-detail{background:url(../images/shenlan.png) no-repeat scroll 0 0 transparent;position:absolute;z-index:3;width:40px;height:40px;overflow:visible;line-height:40px;text-align:center;font-size:2em;font-weight:bold;top:50%;left:50%;margin:-20px 0px 0px -20px;pointer-events:none;filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(4);-moz-transform:scale(4);-o-transform:scale(4);-ms-transform:scale(4);transform:scale(4);-webkit-transition:all 0.4s ease-in-out 0.2s;-moz-transition:all 0.4s ease-in-out 0.2s;-o-transition:all 0.4s ease-in-out 0.2s;-ms-transition:all 0.4s ease-in-out 0.2s;transition:all 0.4s ease-in-out 0.2s;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/shenlan.png");_background:none;}
.projects:hover .project-thumbnail-overlay{filter:alpha(opacity=50);opacity:0.5;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.projects:hover .project-to-detail{filter:alpha(opacity=80);opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);pointer-events:auto;}
.project-desc{margin:0;padding:8px;text-align:center;background-color:#FFFFFF;}
.project-desc p{margin:0 0 0!important;padding:0;font-size:14px;font-weight:bold;height:20px;line-height:20px;overflow:hidden;}
.project-desc p b{font-weight:normal;}
.project-desc p.nofont a{font-size:12px;font-weight:normal;}
.project-desc p a{color:#666666;}
.project-desc p a:hover{color:#0765d1; }
.project-to-detail{background:#49acd5;color:#FFF;}

.caseshow {width:1200px!important;;margin:0 auto;}
.caseshow .caption{height:32px;margin:40px 0 20px 60px;padding-left:20px;font-size:22px;background:url(/default/images/icons.png) no-repeat 0px -471px;}
.caseshow .words{margin:0px 80px 0 60px;}
.caseshow .words>h1{display:inline-block;margin:0px 0px 15px 0px;font-size:18px;line-height:30px;text-indent:28px;}
.caseshow .words>span.rel{margin-left:28px;color:#888;line-height:30px;}
.caseshow .words>span.rel a{color:#888;text-decoration:none;}
.caseshow .words>span.rel a:hover{border-bottom:1px solid #999;}
.caseshow .words>span.rel u{margin:0px 12px;color:#bbb;text-decoration:none;}
.caseshow .words p{line-height:25px;text-indent:28px;}
.caseshow .words>dl.tags{margin-top:20px;}
.caseshow .words>dl.tags dt{display:inline-block;margin-left:28px;}
.caseshow .words>dl.tags dt .glyphicon{margin:0px 8px 0px 12px;}
.caseshow .words>dl.tags dd{display:inline-block;margin-top:10px;}
.caseshow .words>dl.tags dd a{margin-right:5px;padding:2px 8px 4px 8px;color:White;background:#2fd0b5;text-decoration:none;}
.caseshow .demo{margin:0 auto;margin-bottom:30px;width:1000px;border-left:15px solid White;border-right:15px solid White;background:White;}
.caseshow .demo p{margin:0px;font-size:0;}
.caseshow .demo img{width:1000px;border-top:15px solid White;border-bottom:15px solid White;}

.pages{width:640px;font-size:14px;padding:0 10px}
.pages ul{padding:12px 0;margin:0 auto;text-align:center}
.pages ul li{float:left;font-family:Tahoma;margin-left:6px;border:1px solid #e9e9e9;height:28px;line-height:28px}
.pages ul li a{float:left;padding:0 10px;color:#333;display:block;height:28px;line-height:28px}
.pages ul li a:hover{color:#fff;text-decoration:none;padding:0 10px;background:#1995dd}
.pages ul li.thisclass,.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{padding:0 10px;background:#1995dd;font-weight:bold;color:#fff;border:0}
.pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999}
.pages .pageinfo strong{color:#555;font-weight:normal;margin:0 2px}