@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{height:800px;overflow:hidden;position:relative;width:100%;}
.banner .hd{position:absolute;left:50%;bottom:5%;height:16px;overflow:hidden;z-index:9;margin:0 0 0 -52px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:16px;height:16px;border-radius: 50%;margin:0 6px;overflow:hidden;background:#888;line-height:999px;}
.banner .hd ul .on{background:#f0b513;padding:0 10px;border-radius: 8px;}

.banner .bd ul{opacity:1;filter:alpha(opacity=100);}
.banner .bd li{width:100%;height:800px;position:absolute;top:0;left:0;}

.banner .prev,.banner .next{position:absolute;z-index:99;display:block;width:50px;height:75px;overflow:hidden;opacity:0.3;filter:alpha(opacity=30);top:40%;cursor:pointer;}
.banner .prev{background:#000 url(../images/l.png) center no-repeat;left:0;}
.banner .next{background:#000 url(../images/r.png) center no-repeat;right:0;}
.banner .prev:hover,.banner .next:hover{opacity:0.5;filter:alpha(opacity=50);}

/*头部*/
.index-title{text-align:center;font-size:46px;font-weight: normal;line-height: 46px;padding-top:60px;}
.index-title span{font-size:20px;text-transform:uppercase;font-family: Arial;}
.w{color:#fff}

/*服务案例*/
.case-work{width:100%;background:#fff;overflow:hidden;}
.case-work-con{width:1212px;margin:0 auto;overflow:hidden;padding-bottom:50px;}
.case-index-nav{margin:20px 0 30px 0;text-align:center;}
.case-index-nav ul{display:inline-block;}
.case-index-nav li{float:left;margin:0 10px;}
.case-index-nav li a{width:120px;height:36px;background:#666;display:block;line-height:36px;font-size:16px;color:#fff;text-align:center;text-decoration: none;}
.case-index-nav li a:hover{background: #f0b513;}
.case-index-nav .on a{background: #f0b513;}

.case-index li{width:291px;float:left;margin:6px;position:relative;}
.case-txt{width:231px;height:138px;background:#141a23;position:absolute;top:0;left:0;opacity:0;transition: all 0.5s linear;padding:40px 30px;}
.case-index li .on:hover > .case-txt{opacity:0.8;transform: scale(1.01);}
.case-index a{text-decoration:none}
.case-index h4{font-size:18px;line-height:36px;color:#fff;    height: 36px;overflow: hidden;}
.case-index p{font-size:14px;line-height:24px;color:#f2f2f2;}

/*广告*/
.advertisement{width:100%;height:114px;background:#d60011;}
.advertisement-con{width:1200px;margin:0 auto;}
.adv-l{width:530px;float:left;padding: 17px 0;}
.adv-l h3{font-size:22px;color:#fff;line-height:40px;}
.adv-l h4{font-size:22px;color:#fff;line-height:40px;font-weight: normal;}
.adv-l h4 span{color:#efff01;font-weight: bold;}
.adv-r{width:380px;float:right;}
.adv-r a{display:block;background: #fff url(/templets/yifang/images/adv.jpg) 30px center no-repeat;height: 60px;margin:27px 0;border-radius: 10px;padding-left: 80px;line-height: 60px;font-size: 22px;font-weight: bold;color: #333;text-decoration: none;}
.adv-r a span{color:#d60011;}
.adv-r a:hover{color:#333;text-decoration: none;}

/*6大专业优势*/
.youshi{width:100%;height:756px;background:#333 url(../images/major-bj.jpg) no-repeat center center;}
.youshi_con{width:1212px;margin:0 auto;}
.youshi_txt{padding-top: 40px;}
.youshi_txt li{float:left;margin:6px;position:relative;width:392px;height:240px;}
.youshi_txt li a{position:absolute;top:0;left:0;display:block;width:392px;}
.youshi_txt li a .list_mask{position: absolute;width: 100%;height: 20%;bottom: 0;left: 0;display: block;z-index: 4;background:#f0b513;opacity:0;transition: all 1s linear;}
.youshi_txt li a .list_mask1{position: absolute;width: 100%;height: 20%;bottom: 0;left: 0;display: block;z-index: 4; background: #ddd; opacity: 100;transition: all 1s linear;}
.youshi_txt li a img{transition: all 1s linear;}
.youshi_txt li a:hover > img{transform: scale(1.01);}
.youshi_txt li a:hover > .list_mask{opacity:2;transform: scale(1.01);}

.list_mask h6{text-align:center;line-height:74px;font-size:24px;margin-top:33px;color:#fff;}
.list_mask span{width:45px;border-bottom:1px solid #fff;display:block;margin:0 auto;}
.list_mask p{font-size:14px;color:#fff;line-height:20px;margin:0 auto;margin-top:17px;width:271px;text-align:center;}
.list_mask1 h6{text-align:center;line-height:74px;font-size:24px;margin-top:33px;color:#000;}
.list_mask1 span{width:45px;border-bottom:1px solid #000;display:block;margin:0 auto;}
.list_mask1 p{font-size:14px;color:#000;line-height:20px;margin:0 auto;margin-top:17px;width:271px;text-align:center;}

/*我们的专业服务*/
.service{width:100%;background:#fff;overflow:hidden;}
.ser-con{width:1212px;margin:0 auto;padding-bottom:60px;}
.ser-con ul li{float:left;margin:30px 6px 0 6px;}
.ser-con ul li div{width:190px;height:240px;display:block;color:#fff;text-align:center;}
.ser-con ul li div h3{font-size:20px;padding:105px 0 5px 0; font-weight: normal;}
.ser-con ul li div p{font-size:14px;padding: 10px 20px;}

.ser-con ul li .a1{background:url(../images/img-01.png) no-repeat center center;}
.ser-con ul li .a1:hover{background:url(../images/img1.png) no-repeat center center;}
.ser-con ul li .a2{background:url(../images/img-02.png) no-repeat center center;}
.ser-con ul li .a2:hover{background:url(../images/img2.png) no-repeat center center;}
.ser-con ul li .a3{background:url(../images/img-03.png) no-repeat center center;}
.ser-con ul li .a3:hover{background:url(../images/img3.png) no-repeat center center;}
.ser-con ul li .a4{background:url(../images/img-04.png) no-repeat center center;}
.ser-con ul li .a4:hover{background:url(../images/img4.png) no-repeat center center;}
.ser-con ul li .a5{background:url(../images/img-05.png) no-repeat center center;}
.ser-con ul li .a5:hover{background:url(../images/img5.png) no-repeat center center;}
.ser-con ul li .a6{background:url(../images/img-06.png) no-repeat center center;}
.ser-con ul li .a6:hover{background:url(../images/img6.png) no-repeat center center;}

/*关于壹方*/
.company{width:100%;height:500px;background:#333 url(../images/about-bj.jpg) no-repeat center center;overflow:hidden;}
.company_con{width:1200px;margin:0 auto;}
.company_con h2{margin-bottom: 40px;}
.company_txt{float:left;width:800px;}
.company_txt h3{font-size:24px;color:#fff;}
.company_txt p{font-size:18px;color:#fff;line-height:46px;margin:24px 0;text-indent:2em;}
.company_txt a{font-size:18px;color:#9f9ea0;}

/*资质证书*/
.honor{float:right; width: 346px; height: 274px; position: relative; overflow: hidden;}
.honor .hd ul{display:none; }
.honor .hd .prev{float:left;width:40px;height:40px;background:#000 url(../images/l.png) center no-repeat;cursor:pointer;position: absolute;left:0;top:100px;opacity:0.3;filter:alpha(opacity=30);z-index: 99;}
.honor .hd .prev:hover{opacity:0.6;filter:alpha(opacity=60);}
.honor .hd .next{float:right;width:40px;height:40px;background:#000 url(../images/r.png) center no-repeat;cursor:pointer;position: absolute;right:0;top:100px;opacity:0.3;filter:alpha(opacity=30);z-index: 99;}
.honor .hd .next:hover{opacity:0.6;filter:alpha(opacity=60);}

.honor .bd{width: 346px;margin:0 auto;position: relative;z-index: 1;}
.honor .bd ul li{float:left;}
.honor .bd ul li img{width: 346px; height: 238px;}
.honor .bd ul li h3{text-align:center;background: rgba(0,0,0,0.6);color:#fff;font-size:16px;line-height:36px;position: relative;top: -36px;}

/*设计团队*/
.team{width:100%;overflow:hidden;}
.team-con{width:1210px;margin:0 auto;padding-bottom:20px;}
.picScroll{width:1210px;margin: 30px auto 50px auto;position: relative;}
.picScroll .hd ul{display:none; }
.picScroll .hd .prev{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left top;cursor:pointer;position: absolute;left:-30px;top:123px;}
.picScroll .hd .prev:hover{background:url(../images/arrowhead.png) no-repeat left -28px;}
.picScroll .hd .next{float:left;width:21px;height:28px;background:url(../images/arrowhead.png) no-repeat left -56px;cursor:pointer;position: absolute;right:-30px;top:123px;}
.picScroll .hd .next:hover{background:url(../images/arrowhead.png) no-repeat left -84px;}

.picScroll .bd{ width:1210px;margin:0 auto;}
.picScroll .bd ul li{ margin:0 5px; float:left;}

.playerdetail .detailimg{width:232px;height:274px;}
.playerdetail .detailimg img{width:232px;height:274px;}
.playerdetail .teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
.playerdetail .teadetail{color:#787878;text-align:center;font-size:14px;line-height:32px;}
.button{width:162px;margin:0 auto;}
.button .button1,.button .button2{width:81px;background:#afafaf;float:left;font-size:14px;color:#fff;line-height:28px;text-align:center;}
.button .button2{background:#d60011;float:right;}

/*服务流程*/
.flow{width:100%;height:400px;background:#333;overflow:hidden;}
.flow_con{width:1200px;margin:0 auto;}
.flow ul{display: inline-block;margin-top:20px;background:url(../images/flow.png) center no-repeat;}
.flow ul li{float: left;width:150px;text-align:center;font-size:20px;color:#fff;}
.flow ul li span{display:block;padding:80px 0 0 0;}
.flow .b{padding-top:40px;}
.flow .b span{padding:0 0 80px 0;}

/*服务承诺*/
.promise{width:100%;background:#fff;overflow:hidden;}
.promise_con{width:1212px;margin:0 auto;}
.promise ul li{float:left;width: 190px;height:200px;position: relative;text-align:center;padding:40px 0 0 0;background: rgba(102,102,102,1);margin: 20px 6px 50px 6px;cursor: pointer;color:#fff;-webkit-transition: background 0.4s 0.5s;transition: background 0.4s 0.5s;}
.promise ul li:hover{background: rgba(255,255,255,0);-webkit-transition-delay: 0s;transition-delay: 0s;}
.promise ul li h3{font-size: 20px;text-align:center;padding:130px 0 0 0;-webkit-transition: color 0.4s 0.5s;transition: color 0.4s 0.5s;}
.promise ul li:hover h3{color: #f0b513;-webkit-transition-delay: 0s;transition-delay: 0s;}
.promise ul li svg {position: absolute;top: 0;left: 0;}
.promise ul li svg line {stroke-width: 6;fill: none;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.promise ul li:hover svg line {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;stroke: #f0b513;}
.promise ul li svg line.top,.promise ul li svg line.bottom {stroke-dasharray: 220 160; }
.promise ul li svg line.left,.promise ul li svg line.right {stroke-dasharray: 320 160;}
.promise ul li:hover svg line.top {-webkit-transform: translateX(-380px);transform: translateX(-380px);}
.promise ul li:hover svg line.bottom {-webkit-transform: translateX(380px);transform: translateX(380px);}
.promise ul li:hover svg line.left {-webkit-transform: translateY(480px);transform: translateY(480px);}
.promise ul li:hover svg line.right {-webkit-transform: translateY(-480px);transform: translateY(-480px);}

.promise1 h3{background:url(../images/promise1.png) top center no-repeat;}
.promise1:hover h3{background:url(../images/promise1_hover.png) top center no-repeat;}
.promise2 h3{background:url(../images/promise2.png) top center no-repeat;}
.promise2:hover h3{background:url(../images/promise2_hover.png) top center no-repeat;}
.promise3 h3{background:url(../images/promise3.png) top center no-repeat;}
.promise3:hover h3{background:url(../images/promise3_hover.png) top center no-repeat;}
.promise4 h3{background:url(../images/promise4.png) top center no-repeat;}
.promise4:hover h3{background:url(../images/promise4_hover.png) top center no-repeat;}
.promise5 h3{background:url(../images/promise5.png) top center no-repeat;}
.promise5:hover h3{background:url(../images/promise5_hover.png) top center no-repeat;}
.promise6 h3{background:url(../images/promise6.png) top center no-repeat;}
.promise6:hover h3{background:url(../images/promise6_hover.png) top center no-repeat;}

/*我们的客户*/
.clients{width:100%;background:#333 url(../images/flow-bj.jpg) no-repeat center center; background-size: 100% 100%; overflow:hidden;}
.clients_con{width:1212px;margin:0 auto;}
.clients_con ul{overflow:hidden;padding: 20px 0 50px 0;}
.clients_con li{width:190px;float:left;margin:18px 6px 0 6px;}
.clients_con li img{width:190px;height:90px;}
.clients_con li p{font-size:18px;color:#fff;text-align:center;margin-top:8px;}

/*新闻*/
.news{width:100%;background:#fff;overflow:hidden;}
.news_con{width:1230px;margin:30px auto 0 auto;}
.news_txt,.FAQ{width:585px;float:left;margin:0 15px 10px 15px;}
.news_txt h4,.FAQ h4{border-bottom:2px solid #f0b513;font-size:18px;line-height: 50px;}
.news_txt h4 a,.FAQ h4 a{display:block;float:right;font-size:12px;color:#f0b513;line-height:50px;}

.news_txt_list{overflow:hidden;margin-bottom: 10px;margin-top: 15px;}
.news_txt_list img{float:left;width:140px;height:100px;}
.news_txt_list h5{width:400px;float:left;font-weight: normal;font-size: 14px;line-height: 30px;padding-left:10px;}
.news_txt_list p {width:400px;float:left;padding:0 0 0 10px;font-size:12px;color:#999;line-height:22px;}
.news_txt li a{font-size:14px;line-height:34px;}

.FAQ_list{margin-top: 10px;}
.FAQ_list h5{font-size:14px;line-height: 30px;}
.FAQ_list p{color:#666;line-height:20px;}

/*友情链接*/
.link{width:1200px;margin:0 auto 30px auto;}
.link h3{border-bottom:2px solid #d60011;font-size:18px;line-height: 50px;margin-bottom:10px;}
.link a{font-size:14px;line-height:30px;}
.link span{padding:0 15px;}