/* CSS Document */
body{font-family: "Microsoft Yahei","STHeiti","SimSun","Arail","Verdana","Helvetica","sans-serif"; -webkit-text-size-adjust:none; padding:0; margin:0;}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
	zoom: 1;
}
img { border-width:0; vertical-align:bottom;}
a { text-decoration:none; color:#777;}
ul,li,p,span,h3 { padding:0; margin:0;}
ul,li { list-style:none;}
.fl {float:left;}
.fr {float:right;}




.caseTop { margin-top:28px;}
.caseTop a { color:#777;}
/*
.caseTop-menu { width:992px; height:56px; line-height:56px; font-size:30px;}
.caseTop-menu-left,.caseTop-menu-right { width:473px; background:#B8B8B8; cursor:pointer; padding-left:23px; color:#5C5C5C;}
.caseTop-menu-right { width:467px;}
.caseTop-menu-left.curr { background:#EEEEEE; color:#CE266B;}
.caseTop-menu-right.curr { background:#EEEEEE; color:#CE266B;}
*/
.caseTop-nav,.caseTop-nav-right { font-size:19px;}
.caseTop-nav li,.caseTop-nav-right li { background:#d7d7d7; color:#5a5a5a; float:left; height:64px; line-height:64px; width:165px; text-align:center; margin-bottom:6px;}
.caseTop-nav li a,.caseTop-nav-right li a { display:block; background:url(../img/caseTop-nav-line.jpg) center right no-repeat;}
.caseTop-nav li.list a,.caseTop-nav-right li.list a { background:none;}
.caseTop-nav li.current { margin:0; padding-bottom:6px; background:#CC70A1;}
.caseTop-nav li.current a,.caseTop-nav-right li.current a { color:#FFF; background:none}
.caseTop-nav .list1 a:hover{background:#e173a1;color:#fff;}
.caseTop-nav .list2 a:hover{background:#72c292;color:#fff;}
.caseTop-nav .list3 a:hover{background:#e75358;color:#fff;}
.caseTop-nav .list4 a:hover{background:#c69570;color:#fff;}
.caseTop-nav .list5 a:hover{background:#71abdc;color:#fff;}
.caseTop-nav .list6 a:hover{background:#6659a0;color:#fff;}
.caseTop-nav-right li { width:164px;}
.caseTop-nav-right li { background:#e6e1d7;}
.caseTop-nav-right li:hover a{ background:#6e52d5;color:#fff;display:block;}
.caseTop-nav-right li.current { margin:0; padding-bottom:6px; background:#CC70A1;}

.caseInfo { color:#FFF; padding:26px 62px 20px 18px;}
.caseInfo-report { background:url(../img/report.png) right no-repeat; font-size:16px; padding:0 72px 0 0; margin-top:6px;cursor:pointer;display:block;color:#fff;}
.download2 {background:url(../img/download2.png) no-repeat; color:#FFF; display:block; font-size:14px; padding-left:40px; margin-top:10px;}
.download2 span {border-bottom:1px solid #FFF;border-top:1px solid #FFF; height:24px; line-height:24px; display:inline-block}
.caseInfo-bg1,.current-bg1{ background:#e173a1 !important;}
.caseInfo-bg2,.current-bg2{ background:#72c292 !important;}
.caseInfo-bg3,.current-bg3{ background:#e75358 !important;}
.caseInfo-bg4,.current-bg4{ background:#c69570 !important;}
.caseInfo-bg5,.current-bg5{ background:#71abdc !important;}
.caseInfo-bg6,.current-bg6{ background:#6659a0 !important;}
.caseInfo-bg1 .caseInfo-report:hover{ background-image:url(../img/report01.png);color:#cd3681;}
.caseInfo-bg1 .caseInfo-report:hover .download2{ background:url(../img/down01.png) no-repeat; color:#cd3681;}
.caseInfo-bg1 .caseInfo-report:hover .download2 span {border-bottom:1px solid #cd3681;border-top:1px solid #cd3681;}
.caseInfo-bg2 .caseInfo-report:hover{ background-image:url(../img/report02.png);color:#009756;}
.caseInfo-bg2 .caseInfo-report:hover .download2 { background:url(../img/down02.png) no-repeat; color:#009756;}
.caseInfo-bg2 .caseInfo-report:hover .download2 span {border-bottom:1px solid #009756;border-top:1px solid #009756;}
.caseInfo-bg3 .caseInfo-report:hover{ background-image:url(../img/report03.png);color:#9f263f;}
.caseInfo-bg3 .caseInfo-report:hover .download2 { background:url(../img/down03.png) no-repeat; color:#9f263f;}
.caseInfo-bg3 .caseInfo-report:hover .download2 span {border-bottom:1px solid #9f263f;border-top:1px solid #9f263f;}
.caseInfo-bg4 .caseInfo-report:hover{ background-image:url(../img/report04.png);color:#95694b;}
.caseInfo-bg4 .caseInfo-report:hover .download2 { background:url(../img/down04.png) no-repeat; color:#95694b;}
.caseInfo-bg4 .caseInfo-report:hover .download2 span {border-bottom:1px solid #95694b;border-top:1px solid #95694b;}
.caseInfo-bg5 .caseInfo-report:hover{ background-image:url(../img/report05.png);color:#45789b;}
.caseInfo-bg5 .caseInfo-report:hover .download2 { background:url(../img/down05.png) no-repeat; color:#45789b;}
.caseInfo-bg5 .caseInfo-report:hover .download2 span {border-bottom:1px solid #45789b;border-top:1px solid #45789b;}
.caseInfo-bg6 .caseInfo-report:hover{ background-image:url(../img/report06.png);color:#43348b;}
.caseInfo-bg6 .caseInfo-report:hover .download2 { background:url(../img/down06.png) no-repeat; color:#43348b;}
.caseInfo-bg6 .caseInfo-report:hover .download2 span {border-bottom:1px solid #43348b;border-top:1px solid #43348b;}

/*客户简介*/
.client{ margin:20px 0;  font-size:14px; color:#777777; border:1px solid #cbcbcb;}
.client h2{ margin:0; padding:0; font-size:18px; font-weight:normal; display:block; margin-bottom:15px;}
.client p{ margin:0; padding:0; font-size:14px; color:#777777; font-weight:normal;}
/*
.caseInfo.curr-2 { background:#8ACC96;}
.caseInfo.curr-2 .caseInfo-report{ background:url(../img/report.png) right no-repeat;}

.caseInfo.curr-3 { background:#BA9470;}
.caseInfo.curr-3 .caseInfo-report { background:url(../img/report-3.png) right no-repeat;}
.caseInfo.curr-4 { background:#82ADE3;}
.caseInfo.curr-4 .caseInfo-report { background:url(../img/report-4.png) right no-repeat;}

.caseInfo.curr-5 { background:#6E52D6;}
.caseInfo.curr-5 .caseInfo-report { background:url(../img/report-5.png) right no-repeat;}
.caseInfo.curr-6 { background:#E63D57;}
.caseInfo.curr-6 .caseInfo-report { background:url(../img/report-6.png) right no-repeat;}
*/
.caseInfo-plan { font-size:14px;}
.caseInfo-plan h2{font-size:26px;padding-bottom: 6px;}
.caseInfo-plan div span{font-size:14px;line-height:24px;}


.caseMain { width:992px;}
.caseMain-left { }
.caseMain-left .container{width:720px;padding:0px 40px 40px 40px; border:1px solid #cbcbcb;background-color:#fff;margin-bottom:30px;color:#777; overflow:hidden}
.caseMain-left .line{width:720px; border-bottom:1px solid #cacaca; height:1px; position:relative; display:block;margin:30px auto;}
.caseMain-left-content { line-height:30px;}
.caseMain-left hr { border:none;border-bottom:1px solid #cacaca;width:720px;margin:30px 0;background:0;}
.caseMain-left-title { color:#777; font-size:36px ; margin:60px 0 0px 0; font-weight: bold;}
.caseMain-left-title span { font-size:18px; display:block; margin:10px 0 10px 0;font-weight:normal}
.caseMain-left-title1 { color:#000; font-size:32px !important; margin:38px 0 0px 0;background:url('/img/aboutjihe.jpg') no-repeat 100% 13px; }
.caseMain-left-content p { color:#777777; font-size:16px;padding-top:30px;}
.caseMain-left-content img{ max-width:720px;}
.caseMain-left .brandarea{color:#777;font-size:15px;}
.caseMain-left .imagearea{padding:30px 0;}
.caseMain-left .imagearea  img{padding:8px 0;}
.caseMain-left .brandarea .bitem{padding-bottom:20px;line-height: 24px;}
.caseMain-left .brandarea h2{font-size:18px;font-weight: bold;padding-bottom:6px;line-height: 28px;}
.caseMain-left .tel{padding:10px 45px 10px 35px;border-radius: 6px;font-size:22px;color:#fff;position:absolute;right:40px;bottom:15px;background:url('/img/buttons.png') -60px -408px no-repeat;background-color:#D11654;}


.abc { font-size:16px; color:#777; margin:60px 0; display:block;}
.abc-num { display:block; margin-bottom:20px; font-size:16px; color:#777;}
.customerName { display:block; font-size:24px; color:#777;}
.caseMain-left-title2 { color:#5C5C5C; display:block; font-size:20px; padding:0 18px;}
.caseMain-left-title2 a { color:#CE266B;}
.caseMain-left-title3 span{font-size:16px;line-height: 35px;margin:2px 0;}
.note { font-size:16px; display:block; margin-bottom:60px; color:#777; text-indent:-6px; /* 注 */}
.over { background:url(../img/over.png) center center no-repeat; height:158px; margin:105px 0 80px; width:100%;}

.casePost { padding:18px; margin-top:20px; width:662px; border:1px solid #cbcbcb;}
.casePost-bulletin { background:#CE266B; font-size:14px; padding:10px 0 13px 0;}
.casePost-bulletin h3 { background:url(../img/bulletin.png) center left no-repeat; font-weight:normal; padding-left:62px; margin-left:20px; color:#FFF; font-size:43px;}
.casePost-bulletin span { font-size:20px; display:block; color:#FFF; margin:13px 0 0 20px;}

.casePost-info { color:#5C5C5C; font-size:14px; width:306px;}
.casePost-info-title { color:#5C5C5C; height:48px; line-height:48px;}
.casePost-info input { outline:none; border:none; padding:5px 10px 5px 46px; margin-bottom:10px;}
.txt1,.txt2,.txt3,.txt4 { background:url(../img/input-bg.jpg) 0 0 no-repeat; width:252px; height:24px; line-height:24px;}
.txt2 { background:url(../img/input-bg.jpg) 0 -47px no-repeat;}
.txt3 { background:url(../img/input-bg.jpg) 0 -95px no-repeat;}
.txt4 { background:url(../img/input-bg.jpg) 0 -142px no-repeat;}
.txt-title { font-size:16px; margin:24px 0 10px 0; display:block; color:#5C5C5C;}
/*
.serviceInfo { border-bottom:1px solid #DDDDDD;border-top:1px solid #DDDDDD; margin-top:26px; padding:6px 0 22px 0}
.serviceInfo-nav { font-size:14px; color:#5C5C5C; margin-top:15px;}
.serviceInfo-nav li { padding:5px 0;}
.serviceInfo-title {display:block; font-size:16px; color:#5C5C5C;}
.serviceInfo-nav li input { vertical-align:bottom;}*/
 .case-box{ width:991px; padding:24px 0; margin-top:18px; border:1px solid #d6d6d6; background:white;box-shadow:0 1px 3px rgba(55, 72, 79, 0.2);overflow: hidden;}
 .case-box a{display:block; float:left;text-align:center;width:145px;margin:0 10px;color:#656565;cursor:pointer;}
 .case-box span{display:block;text-align: center;font-size:14px;}
 .case-box span.en{font-family: 'SUNG';font-size:25px;text-rendering:optimizeLegibility;}
 .case-box span.line{width:111px;border-bottom:1px solid #656565;margin:0 auto;}
 .case-box a.selected,.case-box a:hover{color:#bf0053;}
.case-box a.selected .line, .case-box a:hover .line{border-color:#bf0053;}

.state { color:#777; font-size:13.04px; display:block; float:left; vertical-align:bottom}
.submit { display:block;font-size:20px;padding:5px 28px; color:#fff; border:1px solid #bf0053;float:left;border-radius: 2px;float:right;background:#bf0053;cursor:pointer;font-family: "Microsoft Yahei";opacity: 0.7;filter: alpha(opacity=70)}
.submit:hover {background-color:#bf0053;color:#fff;opacity: 1;filter: alpha(opacity=100)}
.submit1 {position:absolute;bottom:38px;left:350px;display:block;font-size:20px;width:110px;height:99px; color:#fff; border:1px solid #d11654;float:left;border-radius: 8px;float:right;background:#d11654;cursor:pointer;font-family: "Microsoft Yahei"}

.serviceNeed { width:98%; display:block; height:160px; *height:166px; margin-bottom:20px;}/*textarea 留言*/

.caseMain-right { width:172px; overflow:hidden}
.share,.caseMain-right-title { color:#5C5C5C; height:40px;background-color:#fff; line-height:40px; font-size:14px; padding-left:12px; width:157px; border:1px solid #cbcbcb; margin-bottom:38px;}
.share{ height:32px !important; padding-top:8px;}
.caseMain-right-title { color:#000; font-size:19px; margin-top:20px;}
.bico-btn { width:172px; height:148px; display:block; overflow:hidden; margin-top:20px;}/*一键了解集合*/
/*.share a { display:inline-block; margin-right:10px; *margin-right:13px; height:23px; width:23px; margin-bottom:-6px;}
.share span { margin-right:20px; *margin-right:24px; display:inline-block;}*/

.weixi { background:url(../img/sign.png) 0 0 no-repeat;}
.sina { background:url(../img/sign.png) -37px -0 no-repeat;}
.qqwb { background:url(../img/sign.png) -74px -0 no-repeat;}
.dd { background:url(../img/sign.png) -111px -0 no-repeat;}
.q { background:url(../img/sign.png) -148px -0 no-repeat;}

.caseMain-right-tab,.services  { color:#777777; font-size:16px; line-height:23px;}
.caseMain-right-tab span { display:block; line-height:28px;}
.services {}
.services li{  line-height:28px;}
.caseMain-right-box { margin-top:15px;width:172px;position:relative; overflow:hidden;}
.caseMain-right-box a {display:block; height:auto; overflow:hidden; position:relative}
.caseMain-right-box a img{ width:100%; position:relative; z-index:1;}
.caseMain-right-box a span{ width:100%; height:40px; position:absolute; left:0;font-size:16px;bottom:0; line-height:40px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#cbcbcb00',endColorstr='#cbcbcb00');	background:rgba(203,203,203,0.7); z-index:3; color:#000; text-indent:10px;}

/*------------- cooperation */
.cooperation .container{ width:894px; border:1px solid #cbcbcb; background-color:#fff;padding:36px 50px 36px 43px; color:#777;}
.cooperation .container h3{ font-size:35px; font-weight:normal; color:#3b3b3b;}
.map {  font-size:12.46px; margin-top:48px;}
.map-nav { margin:0px 30px 0 0;}
.map-nav li { min-height:21px; line-height:30px;color:#777;}
.map-nav li.separate{border-top:1px solid #cbcbcb;margin-top:16px;height:16px;width:26px;min-height:1px;}
.map-nav li.Li2 { font-size:23px !important; color:#3b3b3b; margin:27px 0 16px 0;}
.map-nav li.First { margin-top:8px;}
.map-nav li.First a {display:block;font-size:21px;padding:5px 30px; color:#777; border:1px solid #cbcbcb;float:left;border-radius: 2px;}
.map-nav li.First a:hover{background-color:#bf0053;color:#fff;}

.leaveComments { margin-top:25px;}
.leaveComments .fr{padding-top:6px;}
.leaveComments p { font-size:24.12px; color:#3B3B3B; margin-left:12px; padding:27px 0;}
.leaveComments .fr span { display:block; width:391px; font-size:14px; color:#777; border:1px solid #cbcbcb; height:32px; line-height:32px; margin:0 0 9px 0px; padding: 0 5px 0 14px;}
.leaveComments .fr span.radio{height:16px;line-height: 0;margin:0 0 12px 0;}
.leaveComments .fr span input { width:310px; color:#000; background:none; outline:none; border:none;}
.leaveComments .subheader{font-size:20px; font-weight: normal;padding-top:15px;}
.leaveComments .line{border-bottom:1px solid #777;clear:both;padding-top:18px;margin-bottom:18px;}
.leaveComments i{color:#f00;}
.radio { border:none !important; text-align:right;}
.radio input { width:25px !important;}
.radioV{}
.radioV h4{line-height: 38px;font-size: 20px;font-weight: normal}
.radioV span{display:block;padding:0 0 28px 0;font-size: 18px;}
.radioV input{padding-left:0;margin-left:0;margin-right:16px;}

.cNav { margin-top:30px; width:993px;}
.cNav a { float:left; margin-right:43px;}



/* service 服务*/
.serviceNav{width:993px;margin-top:30px;overflow: hidden;position:relative; }
    .animateLink{
        width:320px;
        height:78px;
        display:block;
        border:1px solid #cbcbcb;
        position:relative;
        cursor:pointer;
        float:left;
        background-color:#fff;
        background-image:url('/img/s_nav_01.png');
    }
    .animateLink:hover{
        background-color:#dd1859;
        background-position: 0 -78px;
    }
    .animateLinkActive{
        background-color:#dd1859;
        background-position: 0 -78px;
    }
    .sliderArea{width:100%;height:1px;border-top:1px solid #cbcbcb;margin-top:30px;position:relative;}
    .sliderArea span{display:block;width:13px;height:24px;position:absolute;top:-12px;background-color:#F4F4F4;left:50%;}
    .sliderArea span i{display:block;width:1px; border-left:1px solid #cbcbcb;margin:0 auto;height:100%;}
    #sliderbtn{left:495px;}

.serviceBox {width:798px; border:1px solid #cbcbcb; margin-top:30px;position:relative;background-color:#fff;padding-bottom: 40px;text-align:center;color:#777;}
.serviceBox .title{background:#3e3b3a;margin-bottom: 30px;text-align:left;padding:20px 30px;}
.serviceBox h3 { font-weight:bold;  font-size:25px;text-align: left;color:#fff;}
.serviceBox img{margin:0 auto;}
.serviceBox span{font-size:23px;color:#fff;padding-top:2px;}
.serviceBox .p1{font-size:15px;text-align: left;padding:43px 76px;line-height: 30px;}
.serviceBox .line{border-top:1px solid #ddd;margin: 0px auto 20px;width:646px;}
/* service 关于集和*/
.aboutBico-box { width:756px; border:1px solid #cbcbcb; padding:0 22px 26px; margin-top:40px;position:relative;background-color:#fff;}

.aboutBico-box h3 { font-size:28px; font-weight:normal; margin:21px  0 12px 0; color:#3b3b3b;}
.aboutBico-box p { font-size:16px; color:#777; margin-top:20px; line-height:28px;}
.aboutBico-more { font-size:16px; margin-left:696px; display:inline-block;}
 .aboutBico-box .sharebtn{
     display:block; width:20px;height:20px;background:url('../img/buttons.png') no-repeat -4px -345px;position:absolute;top:33px;right:25px;cursor:pointer;
 }
.aboutBico-sidebar { width:156px; margin-top:40px;}


/* about-content */
.about-content { width:760px; margin-top:0px; font-size:15.51px; color:#777; background:white; border:1px solid #D6D6D6; padding:50px 20px 80px 20px;}
.about-content h3 { font-size:36px; margin-bottom:40px; font-weight:normal;}
.about-content .data { display:block; font-size:18px; margin-bottom:20px;}
.about-content p { line-height:26px; padding:12px 0px 12px 0px;}
.about-content img{
    padding:8px 0;
}
.about-content ul { padding:0 40px 0 24px;}
.about-content li { line-height:30px;}
.c-img { margin:0 0 18px 24px;}
.aboutus-content { width:650px; margin-top:44px; font-size:15.51px; color:#777; background:white; border:1px solid #D6D6D6; padding:50px 25px 80px 25px;}
.aboutus-content h3 { font-size:32px; margin-bottom:0px; font-weight: bold;color:#bf0053;}
    .aboutus-content h4{ font-size:25px; margin-bottom:0px; font-weight: bold;color:#bf0053}
    .aboutus-content h5{ font-size:15px; margin-bottom:0px;font-weight: bold;color:#bf0053}
    .aboutus-content .data { display:block; font-size:18px; margin-bottom:20px;line-height: 32px;}
    .aboutus-content p { line-height:27px; padding:12px 0px 12px 0px;}
    .aboutus-content img{
        padding:8px 0;
        max-width:650px;
    }
    .aboutus-content .line{ border-bottom:1px solid #cacaca; height:1px; position:relative; display:block;margin:30px 0;}

    .aboutus-content hr{border:none;border-top:1px solid #999999;margin-top:27px;margin-bottom:27px;}
    .aboutus-sidebar{width:265px; margin-top:50px;}
.mb20 { margin-bottom:20px;}

.social{
    border-top:1px solid #cacaca;
    width:100%;
    height:30px;
    margin:0 auto;
    margin-top:20px;
    padding-top:30px;
    position:relative;
    font-size:15px;
    color:#777;
}
.social div{
   position: absolute;
    right:0;

}
.social span{float:left;margin-right:15px;}
.social a{
    width:23px;
    height:23px;
    text-indent: -9999px;
    display:block;
    float:left;
    margin-right:15px;
    cursor:pointer;
    background:url('../img/buttons.png') no-repeat -5px -376px;
}
.social a.weixibtn{background-position:-5px -376px}
.social a.weibobtn{background-position:-42px -376px}
.social a.qqweibobtn{background-position:-79px -376px}
.social a.doubanbtn{background-position:-116px -376px}
.social a.pinterestbtn{background-position:-153px -376px}

.weixi_code{
    border:1px solid #CBCBCB;
    padding:8px;
    background-color:#fff;
    text-align:center;
    font-size:13px;
    color:#777;
    margin-bottom:30px;
}
.sun{ display:block; margin:150px auto 0 auto; clear:both;}

.urhere{ margin:30px 0 20px 0; color:#777777; font-size:15px;}
.urhere a{ color:#777777};
.urhere a:hover{ text-decoration:underline;}
.contactarea{
   border-top:1px solid #cacaca;margin-top:40px;padding-top:49px;

}

   .case .contactarea{
        border-top:1px solid #cacaca;margin-top:40px;padding-top:49px;

    }
    .case  .contactarea .leaveComments{border:none;width:100%;padding:0;}
    .case .contactarea .leaveComments .fl span{margin-left:0;width:268px;}
    .case   .contactarea .leaveComments .fl span input{width:195px;}
.knowledgebox1 .title2{color:#4c4c4c;font-size:12px;font-weight: bold;width:100%;}
.knowledgebox2 .title1{color:#4c4c4c;font-size:18px;font-weight: normal;width:100%;margin-bottom:0;}
.knowledgebox2 .text{color:#4c4c4c;font-size:18px;}
.knowledge-left-content {font-size:15px;line-height:27px;color:#777;}
.knowledge-right h2{margin-top:-40px; font-size:15px;color:#777;font-weight: normal;padding-bottom: 6px;}
.knowledge-right a{position:relative;width:275px;height:163px;}

   .case .leaveComments { margin-top:25px;}

   .case .leaveComments p { font-size:24.12px; color:#3B3B3B; margin-left:12px; padding:27px 0;}
   .case .leaveComments .fl span { display:block; width:381px; font-size:14px; color:#777; border:1px solid #cbcbcb; height:32px; line-height:32px; margin:0 0 12px 0px; padding: 0 5px 0 14px;}
   .case .leaveComments .fl span input { width:310px; color:#000; background:none; outline:none; border:none;}
   .case .radio { border:none !important; text-align:right;}
   .case .radio input { width:25px !important;}
   .case .radioV h4{font-size:18px;font-weight: normal;}
   .case .radioV span{display:block;padding:6px 0;font-size: 18px;}
   .case .radioV input{padding-left:0;margin-left:0;margin-right:16px;}
   .downContent p{padding:3px 0;}