@charset "utf-8";

/*banner*/
.banner{position: relative; height:820px;clear: both;margin-top: -6px;}
.ban_p,.ban_p ul,.ban_p li{width: 100%; height:820px;overflow: hidden;margin: 0 auto;}
.ban_p li a{ display:block; height:820px; background:url(../img/banner1.jpg) no-repeat center 0;margin: 0 auto;}
.ban_t{width:188px;height:40px;bottom: 0;left:50%;margin-left:400px;position: absolute;text-align: center;padding: 20px 0 0;padding-left: 12px;}
.ban_t em{width:15px;height:15px;margin-right:12px; display: inline-block;background:url(../img/ico09.gif) no-repeat center;}
.ban_t em.on{background:url(../img/ico08.png) no-repeat center;}
.banner .pageState{width: 198px;height: 98px;line-height: 98px;text-align: center;background: #ffd200;color: #222;left:50%;position: absolute;margin-left: -600px;top: 759px;font-family: Times New Roman;font-size: 20px;letter-spacing:5px;}
.banner .pageState span{font-size:40px;}

.til01{text-align: center;height:154px;color: #333;font-size:48px;line-height:68px;font-family: "Microsoft Yahei";}
.til01 a{color: #333;}
.til01 p{display: block;font-size:24px;line-height:42px;font-weight: normal;letter-spacing: 4px;}

/*收藏*/
.t_top{background:url(../img/line1.gif) no-repeat center bottom;height: 44px;line-height: 42px;text-align: right;color: #666;font-size: 12px;}
.t_top a{color: #666;display: inline-block;padding: 0 11px;}

/*空间增值*/
.design{padding: 44px 0 0;height: 963px;font-family: "Microsoft Yahei";line-height: 27px;overflow: hidden;background:url(../img/designbg.jpg) no-repeat center 0;}
.design .til01{height: 140px;}
.design_w{text-align: center;height: 163px;}
.design_w h3{font-size: 18px;height:49px;background:url(../img/line2.gif) no-repeat center 18px;line-height: 32px;color: #333;}
.design_w p{padding: 0 94px;}
.design_pw{width: 245px;padding: 287px 0 0;font-size: 9px;line-height: 20px;color: #999;}
.design_pw h3{height: 120px;text-transform: uppercase;font-family: Didot;font-size: 20px;line-height: 34px;color: #333;background:url(../img/ico10.gif) no-repeat 0 0;padding: 5px 0 0;}
.design_pw h3 span{display: block;line-height: 68px;font-size: 48px;color: #f0f0f0;}
.design_pt{width: 917px;}
.design_pt span{width:39px;height: 39px;display: block;position: absolute;left: 740px;top: 340px;}

/*服务*/
.serv{height:1436px;overflow: hidden;font-family: "Microsoft Yahei";line-height: 24px;background:url(../img/servbg.gif) no-repeat center 0;}
.serv1{padding:26px 0 0;height: 408px;}
.serv_w1{background:url(../img/servtbg.gif) no-repeat right 104px;padding:196px 250px 0 0;font-size: 20px;line-height: 34px;text-align: right;color: #222;height: 200px;width: 430px;}
.serv_w1 span{display: block;font-size: 18px;line-height:32px;text-transform: uppercase;font-family: Arial;}
.serv_p1{width: 522px;position: relative;}
.serv_p1 img{position: absolute;right: 0;top: 0;}
.serv2{height:473px;}
.serv_w2{width:554px;padding:66px 0 0 100px;position: relative;z-index: 1;}
.serv_w2 h3,.serv_w3 h3{font-size: 30px;line-height: 44px;height:105px;color: #222;}
.serv_w2 h3 span,.serv_w3 h3 span{font-size:20px;line-height:34px;font-weight: normal;display: block;}
.serv_w2 p,.serv_w3 p{display: block;padding: 0 0 50px;}
.serv_w2 span,.serv_w3 span{display: block;font-size: 9px;text-transform: uppercase;line-height: 20px;}
.serv_p2{width: 50%;background:url(../img/serv_pic2.jpg) no-repeat 99px 0;height: 400px;position: absolute;top: 0;right: 0;}
.serv3{height:530px;}
.serv_p3{width: 672px;}
.serv_w3{width: 500px;}
.serv_w3 h3{height: 192px;}
.serv_w3 h3 b{height:84px;line-height: 68px;color: #ffd200;text-transform: uppercase;font-family: Didot;font-size: 28px;display: block;}

/*案例*/
.clear {
    clear: both;
}
.case {
    padding: 96px 0 55px;
    height: auto;
    background: url(../img/line3.gif) repeat-x center 246px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}
.casetil {
    font-size: 20px;
    text-align: center;
    height: auto;
    line-height: 30px;
    padding: 17px 0 24px;
}
.casetil li {
    width: auto;
    padding: 0 21px;
    float: none;
    background: url(../img/ico04.gif) no-repeat right 5px;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
}
.casetil li:first-child a {
    color: #ffd200;
}
.cases_list {
width: 98%;
    overflow: hidden;
    margin: 10px auto;
}
.cases_list ul {
    width:100%;
}
.cases_list ul li {
    position: relative;
    width: 24.2%;
    float: left;
    margin-right: 0.8%;
    height: 253px;
    margin-top: 0.8%;
    overflow: hidden;
}
.cases_list ul li a img {
    width:100%;
    height:100%;
    transition:all 1s;
    object-fit: cover;
}
.cases_list ul li:hover img {
    transform:scale(1.2,1.2);
}
.cases_list ul li>div {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.6);
    z-index:1;
    text-align:center;
    display:none;
}
.cases_list ul li>div h3 {
    font-weight:normal;
    font-size:22px;
    line-height:100px;
    text-align:center;
}
.cases_list ul li>div h3 a {
    color:#fff;
}
.cases_list ul li>div div {
    width:100%;
    text-align:center;
    font-size:16px;
    color:#fff;
}
.cases_list ul li>div div span {
    color:#fff;
    padding:0 10px;
}
.cases_list ul li>div>a {
    padding:5px 35px;
    border:1px solid #be0e23;
    color:#be0e23;
    position:absolute;
    bottom:20px;
    left:50%;
    margin-left:-60px;
}
.casetil li.born{background:none;}
.casetil li em{display: block;font-size: 10px;line-height: 17px;text-transform: uppercase;color: #ccc;}
.casetil li a{display: inline-block;}
.casetil li.cur em,.casetil li a:hover em{color: #ffe360;}
.casetil li.cur a,.casetil li a:hover{color: #ffd200;}
.case_cl1,.case_cl2{width: 32%;top: 0;height:651px;position: absolute;right: 0;background:url(../img/case_pic2.jpg) no-repeat 0 0;}
.case_cl1 p,.case_cl2 p{width:100%;bottom: 0;padding: 0 70px;font-size: 24px;line-height: 40px;display: none;position: absolute;}
.case_cl1 a,.case_cl2 a{width:100%;top: 0;display: block;position: absolute;height:100%;left:0;}
.case_cl1 p{text-align: right;}
.case_cl1{left: 0;background:url(../img/case_pic1.jpg) no-repeat right 0;}
.case_l{width: 701px;height:651px;position: relative;margin: 0 auto;display: block;background: #fff;padding: 0 1px;overflow: hidden;}
.case_l ul{width: 706px;}
.case_l li{position: relative;margin: 0 1px 1px 0;}
.case_l li,.case_l li img{width:350px;height:350px;display: block;float: left;}
.case_l li.case_cl3,.case_l li.case_cl3 img{width: 701px;height:300px;}
.case_l li p{width:350px;display: none;position: absolute;left: 0;bottom: 0;padding:0 27px 10px;font-size: 24px;line-height: 33px;color: #fff;}
.case_l li:hover p,.case_cl1:hover p,.case_cl2:hover p{display: block;}
.case_l li p span{font-size: 14px;line-height: 24px;}
.case_l li a,.case_cl1 p a,.case_cl2 p a{color: #fff;display: block;}

/*团队*/
.team{font-family:"Microsoft Yahei";height: auto;line-height: 48px;clear: both;background:url(../img/teambg.jpg) no-repeat center 0;overflow: hidden;}
.team h2{width: 538px;height: auto;right: 0;top:0;background:url(../img/teamtil.gif) no-repeat 0 0;font-size:55px;line-height: 78px;color: #222;padding: 81px 0 0;position: absolute;position: relative;
    float: right;}
.team h2 span{display: block;font-weight: normal;line-height: 30px;font-size: 24px;letter-spacing: 11px;}
.team h2 a{color: #222;}
.prev1,.next1{width: 78px;height: 36px;display: block;position: absolute;top:555px;right: 372px;background:url(../img/next1.gif) no-repeat 0 0;z-index: 2;}
.prev1{right:455px;background:url(../img/prev1.gif) no-repeat 0 0;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.teamtil{width: 600px;height: 140px;left:0;top:442px;z-index: 2;}
.teamtil li{float: left;margin: 0 0 0 6px;}
.teamtil li,.teamtil li img{width: 140px;height: 140px;display: block;overflow: hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.teamtil li.on img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 4px #ffd200;}
.team_c dt,.team_c dt img{width:590px;height:590px;display: block;float: left;padding-top: 56px;}
.team_c dd{width:540px;height: auto;display: block;float: left;padding: 30px 0 145px 66px;font-size: 16px;overflow: hidden;}
.team_c dd h3{height:58px;font-size: 28px;border-bottom: solid 2px #ebebeb;line-height: 58px;color: #222;margin-bottom: 22px;}
.team_c dd h3 span{font-weight: normal;font-size: 18px;}
.team_c dd h3 a{color: #222;}
.team_c dd li{clear: both;}
.team_c dd .team_l2{padding: 18px 0 0;clear:both;}
.team_c dd .team_l2 p{clear: both;display: block;width: 585px;}
.team_c dd .team_l2 p b{color: #222;}
.team_c dd .team_l2 p em{width: 120px;float: left;padding: 18px 28px 0 0;border-right: solid 1px #efefef;height: 52px;margin: 0 28px 0 0;}
.team_c dd .team_l2 p em:last-child{margin: 0;border: 0;}
.team_c dd .team_l2 p img{display: block;width: 120px;height: 40px;}
.team_c dd li b{float: left;color: #222;width:80px;white-space:nowrap;}
.team_c dd li span{float: left;width:460px;line-height:24px;padding:10px 0 0;}
ul.team_l1 p {
    line-height: 37px;
}

/*优势*/
.edge{line-height:28px;font-family:"Microsoft Yahei";overflow: hidden;font-size: 16px;background:url(../img/edgebg.jpg) no-repeat center 0;    padding: 129px 0 254px;
    height: 1330px;}
.edge h2{height: 153px;font-size: 58px;color: #fff;line-height: 105px;background:url(../img/line4.png) no-repeat 0 bottom;}
.edge h2 b{color: #ffd200;}
.edge h2 p{font-weight: normal;font-size: 24px;display: block;line-height: 42px;letter-spacing:5px;}
.edge1{height:529px;padding: 110px 0 0;}
.edge_w1{padding:209px 0 0;width: 460px;}
.edge_p1{width: 570px;box-shadow:2px 2px 7px 4px #dddcdc;}
.edge2{height:402px;}
.edge_w2{width: 570px;padding: 65px 0 0;}
.edge_p2,.edge_p4{width: 560px;position: relative;}
.edge_p2 img{position: absolute;top: 0;left: -84px;}
.edge3{height: 454px;overflow:hidden;}
.edge_w3{width:462px;padding: 109px 0 0;}
.edge4{height: 460px;}
.edge_p4 img{position: absolute;top: 0;left:0;}
.edge_w4{width: 570px;padding: 118px 0 0;}
.edge h3{height:105px;font-size: 24px;line-height:36px;color: #222;font-weight: normal;}
.edge h3 span{font-weight: bold;color: #ffd200;font-size: 30px;line-height: 42px;display: block;}
.edge li{display: block;clear: both;padding:0 0 18px;width: 458px;}
.edge .edge3 li,.edge .edge4 li{padding:0;}

/*见证*/
.witn{height: 732px;font-family: "Microsoft Yahei";line-height: 30px;background:url(../img/witnbg.gif) no-repeat center bottom;}
.case .til01{background:url(../img/casetil.gif) no-repeat center 4px;}
.witn .til01{background:url(../img/witntil.gif) no-repeat center 7px;}
.witn_c dl{height: 580px;width:285px;float: left;padding: 0 9px 0 0;margin: 0 5px 0 0;border-right: solid 1px #f1f1f1;}
.witn_c dl.born{padding: 0;margin: 0;border: 0;}
.witn_c dt{height: 215px;overflow: hidden;}
.witn_c dt img{height: 255px;width: 285px;display: block;}
.witn_c dl:hover dt,.witn_c dl.cur dt{height: 255px;}
.witn_c dd{padding: 20px 30px 0 23px;}
.witn_c dd h3{height: 60px;line-height: 60px;font-size: 18px;font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.witn_c dd h3 a{color: #222;}
.witn_c dd p{height: 155px;overflow: hidden;}
.witn_c dd span a{display: block;width: 88px;line-height: 28px;text-align: center;border: solid 1px #e6e6e6;color: #c4c4c4;}
.witn_c dl:hover dd h3 a,.witn_c dl.cur dd h3 a{color: #ffd200;font-weight: bold;}
.witn_c dl:hover dd span a,.witn_c dl.cur dd span a{color: #fff;background: #ffd200;border-color: #ffd200;}

/*流程*/
.tec_p{font-family: "Microsoft Yahei";line-height: 18px;background:url(../img/tec_pbg.jpg) no-repeat center 0;height: 504px;padding: 68px 0 0;color: #333;}
.tec_pt{width: 352px;text-align: right;color: #fff;}
.tec_pt h2{height: 245px;font-size: 48px;line-height: 64px;}
.tec_pt h2 em{display: block;font-family: Didot;font-size: 60px;line-height: 61px;text-transform: uppercase;}
.tec_pt h2 span{display: block;font-size: 28px;line-height:36px;font-weight: normal;}
.tec_pho {
    font-family: Didot;
    font-size: 40px;
    line-height:69px;
    padding: 12px 0 0 44px;
    background: url(../img/c_pho.png) no-repeat 6px 38px;
    clear: both;
    float: right;
    border-top: solid 1px #fee880;
    font-weight: bold;
}
.tec_pc{width:800px;padding:20px 0 0 16px;}
.tec_pc li{width:86px;padding:25px 72px 0 42px;height: 138px;float: left;background:url(../img/ico06.gif) no-repeat right 61px;text-align: center;}
.tec_pc li.tec_pl2{background:url(../img/ico07.gif) no-repeat right 61px;}
.tec_pc li.tec_pl1{background:url(../img/ico11.gif) no-repeat center bottom;}
.tec_pc li.tec_pl3{background:none;}
.tec_pc li em{display: block;font-size: 40px;line-height: 44px;font-family:Didot;color: #ccc;}
.tec_pc li:hover,.tec_pc li:hover em{color: #ffd200;}

/*资讯*/
.newbox{line-height:24px;height:424px;font-family: "Microsoft Yahei";color: #999;border-bottom: solid 1px #f2f2f2;overflow: hidden;}
.newbox h2 {
    height: 114px;
    font-size: 48px;
    color: #000;
    width: 73%;
    line-height: 49px;
    float: left;
    display: block;
}
.newbox h2 em{display: block;font-family: Didot;color: #666;line-height: 36px;text-transform: uppercase;}
.newbox h2 a{color: #000;}
.newtil {
    height: 60px;
    line-height: 35px;
    font-size: 18px;
    width: 395px;
    right: 0;
    top: 40px;
    float: right;
    width: 23%;
    position: relative;
}
.newtil li{float: left;width: 98px;height: 35px;text-align: center;margin: 0 0 0 30px;color: #666;border: solid 1px #e6e6e6;}
.newtil li a{color: #666;}
.newtil li.cur{border-color: #ffd200;color: #ffd200;}
.newtil li.cur a{color: #ffd200;}

.new_c1 .hd{padding: 0 0 0 565px;height: 12px;}
.new_c1 .hd li{width: 13px;height: 13px;border-radius: 13px;background: #e6e6e6;float: left;margin: 0 16px 0 0;text-indent: 20px;overflow: hidden;}
.new_c1 .hd li.on{background: #ffd200;}

.new_c{width: 1260px;}
.new_c dl{width: 360px;height:226px;overflow: hidden;float: left;padding: 0 60px 0 0;line-height: 24px;color: #999;}
.new_c dt{height:146px;display: block;overflow: hidden;font-size: 16px;color: #000;line-height:70px;}
.new_c dt span{display: block;font-size:24px;font-family:Didot, Times New Roman;line-height:75px;color: #555;}
.new_c dt a {
    display: block;
    color: #555;
    border-top: solid 1px #e6e6e6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_c dd {
    display: block;
    height: auto;
    overflow: hidden;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.new_c dl:nth-child(n+4){display:none;}

/*合作*/
.part{padding:62px 0 0;height:119px;overflow: hidden;}
.prev2,.next2{width: 20px;padding: 19px 0;display: block;}
.part_c{width:1160px;overflow: hidden; }
.part_c li{width:180px;overflow: hidden;float: left;margin: 0 65px 0 0;}
.part_c li img{width:160px;display: block;margin: 0 auto;}

/*友情链接*/
.link{font-family:"Microsoft Yahei";color: #afafaf;white-space: nowrap;position: relative;height: 1px;z-index: 2;}
.link_c{height:24px;width:122px;border: solid 1px #dcdcdc;background: #fff;position: absolute;right: 0;top: -73px;padding: 0 9px;background:url(../img/f_ico6.gif) no-repeat 124px 9px;}
.link_c p{display: none;position: absolute;background: #fff;border: solid 1px #dcdcdc;border-bottom: 0;left:-1px;bottom: 22px;width:86px;padding: 0 9px;line-height: 24px;}
.link_c:hover p{display: block;}
.link a{color: #afafaf;display: block;}

span#fzwz {
    display: inline-block;
}