﻿@charset "utf-8";
body{
    background-color:#fff;
    font-size:12px;
    color:#333;
}
a:hover{
    text-decoration:none;
}
.tl{text-align:left !important;}
.BgF5{background-color: #f5f5f5 !important;}
.spacem{letter-spacing: 0.5em;}
.cFB8{color:#fb8686;}
.c1AB{color:#1abfbe;}
.cEEB{color:#FFBD30;}
.cEE8{color:#619ee8;}
.cFE7{color:#fe7171;}
.c6FA{color:#6faffd;}
.cF6B{color:#69bf6b;}
.fz14{font-size:14px !important;}
#warp{
    max-width:980px;
    width:100%;
    height:100%;
    margin: 0 auto;
    overflow:hidden.;
}
.warp{
    max-width:980px;
    width:100%;
    height:100%;
    margin: 0 auto;
    overflow: hidden;
}
.maxW{
    max-width:1100px;
    width:100%;
    margin: 0 auto;
}



/* start 内容*/
.content_banner{
    margin-top:70px;
}
.content_banner .item-title{
    text-align:center;
}
.content_banner .item-title .title{
    font-size:28px;
    line-height:68px;
    padding:0 24px;
    position: relative;
    display:inline-block;
    border-bottom:1px solid #ccc;
}
.content_banner .title .icon-cir{
    height:5px;
    width:5px;
    padding:0 5px;
    position:absolute;
    bottom: -3px;
    left:50%;
    margin-left: -5px;
    background:url(../images/icon-cir.png) center top no-repeat;
    background-color:#fff;
}
.content_banner .item-title .notes{
    padding-top:25px;
    font-size:14px;
    color:#999;
}

.Pro-plan-dir{
    padding-top:40px;
    padding-bottom:80px;
    text-align:center;
}

.Pro-plan-dir-list{
    width:100%;
    padding-top:75px;
}
.Pro-plan-dir-list a{
    width:33%;
    float:left;
    cursor:text; 
}
.Pro-plan-dir-list a i{
    font-size:100px;
}
.Pro-plan-dir-list a h3{
    font-size:26px;
    color:#333;
    padding-top:40px;
}
.Pro-plan-dir-list a p{
    font-size:14px;
    color:#999;
    padding-top:25px;line-height: 1.5;
}

/*案例展示*/
.Case-study{
    padding-top:50px;
    text-align:center;
}
.Case-study-list{
    width:100%;
    padding-top:80px;
}
/* .accordion */
.accordion { height:312px;overflow: hidden;position:relative; }
.accordion:after { content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.accordion._create:after { display: none; }
.accordion__ul { display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:312px;overflow:hidden;position:absolute;left:0;top:0;z-index: 100;}
.accordion__li { display:block;list-style: none;margin: 0;padding: 0;height:312px;float:left;overflow: hidden;box-shadow: 0 0 10px 0 #000;transition: all 0.3s ease-out; }
.accordion__img { display: block;cursor: pointer;height: 312px;}
.poster-box{
    background:#494949;
    height:100px;
}
.poster-box p{
    padding-top:15px;
    font-size:17px;
    color:#fff;
}
/* /.accordion */


/*资质背景*/
.Quali-bg{
    padding-top:50px;
    padding-bottom:100px;
    text-align:center;
}
.Quali-bg-list{
    padding: 40px 0.5% 0;
}
.Quali-bg-list div{
    width:33%;
    float:left;
    
}
.Quali-bg-list div i{
    font-size:95px;
}
.Quali-bg-list div h3{
    font-size:16px;
    color:#333;
    padding-top:20px;
}
.Quali-bg-list div p{
    line-height: 1.6;
    font-size:13px;
    color:#999;
    padding-top:20px;
}

/* 客户&合作方 */
.Client-partner{
    padding-top:50px;
    padding-bottom:62px;
    text-align:center;
}
.Client-partner-box{
    width:100%;
    height:360px;
    position: relative;
}
.Client-partner-nav li{
    display:inline-block;
}
.Client-partner-nav li>a{
    font-size:16px;
    color:#4e4e4e;
    padding:26px 6px 12px;
    margin:0 15px;
    display:inline-block;
    text-align:center;
    border-bottom:2px solid #f5f5f5;
}
.Client-partner-nav li:hover>a,.Client-partner-nav li.active>a{
    color:#02c1de;
    border-color:#02c1de;
}
.Client-partner-list{
    display:none;
    height: 300px;
    padding-top:43px;
    position:absolute;
    top:0px;
    left:0;
}
.Client-partner-list a{
    width:161px;
    float:left;
    margin:0 10px 34px;
    background:#fff;
    position:relative;
    line-height: 100px;
}
.Client-partner-list a img{
    width:100%;
    height:auto;
    clear:both;
    display:inline-block;
    vertical-align: middle;
}
.Client-partner-list a .mask{
    display:none;
    width:100%;
    height:100%;
    color:#fff;
    font-size:12px;
    background: rgba(0,0,0,0.3);
    position:absolute;
    left:0;
    top:0;
}
.Client-partner-list a:hover .mask{
    display:block;
}
.gylogo_box{ border: 1px solid #ebebeb;width: 1098px; background: #fff;
padding-top: 40px;padding-bottom: 40px; text-align: center;}
/*新闻动态*/
.News-info{
    padding-top:45px;
    padding-bottom:110px;
}
.News-info-banner{
    padding-top:80px;
}
.News-info-hot{
    margin-left:10px;
    float:left;
    position:relative;
}
.News-info-hot img{
    width:564px;
    border-radius:3px;
}
.News-info-hot .News-text{
    font-size:15px;
    color:#fff;
    width:100%;
    background: rgba(0,0,0,0.6);
    position:absolute;
    bottom:0;
    left:0px;
    border-radius:0px 0px 3px 3px;
}
.News-info-hot .News-text p{
    padding: 17px 10px;
}
.News-info-list{
    float:right;
    width:576px;
}
.News-info-list li{
    height:90px;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    margin-bottom:22px;
}
.News-info-list li:last-child{
    margin-bottom:0px;
}
.News-info-list li a{
    display:block;
}
.News-info-list li img{
    width:150px;
    height:90px;
    float: left;
    border-radius:3px;
}
.News-info-list li h2{
    font-size:16px;
    color:#333;
    vertical-align: top;
    padding-left:170px;
}
.News-info-list li p{
    font-size:14px;
    color:#999;
    padding-left:170px;
}
.Look-more-btn{
    width:118px;
    height:36px;
    line-height:36px;
    display:block;
    border:1px solid #cbcdcd;
    border-radius: 3px;
    font-size:14px;
    color:#999;
    text-align:center;
    margin:52px auto;
}
/* end 内容*/