.w{width:1020px;position:relative;}
.box_bg{background: #ECECEC;}
#box3,#box5 {text-align:center;width:100%;}
#box1,#box2,#box3,#box4,#box5,#box6,#box7{min-width:980px;font-family:"microsoft yahei";font-weight: normal}
.box_btn {width:267px;height:39px; background-color:#00BCB8;border:none;font-family:"microsoft yahei";color:white;cursor:pointer;border-bottom: 2px solid #0877AC;}
.relative{position:relative}
.page_event_overlay{position:fixed;_position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:19;}
.pan_m2{position:fixed;_position:absolute;right:40%;top:30%;width:338px;border-bottom:solid 5px #d9d9d9;text-align:center;background-color:#fff;font-size:14px;z-index:20}
.pan_m2 #close{position:absolute;right:10px;top:5px;cursor:pointer;}
.pan_m2 .txt{color:#ccc;border:1px solid #cecece}
.pan_m2 h2{_margin-top:10px;padding-top:20px;padding-bottom:20px;font:normal 18px/20px "microsoft yahei";color:#333;}
.pan_m2 dd{margin-bottom:25px;line-height:40px;color:#333;}
.pan_m2 p {text-align:center;padding:10px;}
.pan_m2 .dd {position:relative;margin:10px auto;}
.pan_m2 .dd span {position: absolute;right:30px;top:15px;font-size:18px;}
.pan_m2 .box_btn {margin-bottom:30px;}
/*标题*/
.tit{position:absolute;left:0;top:52px;font: normal 30px/40px "微软雅黑"; font-family:微软雅黑,Arial,Verdana,"宋体"; color:#123a6b;}
/*box1*/
#box1{height:569px;background:url(../img/free_design/fd_01.jpg) no-repeat center top #1885E0;margin-top:-2px;font-size:14px;}
#box1 .w{position:relative;}
#box1 .fd_tit{height:93px;background: #00BCB8;text-align: center;color:#fff;}
#box1 .fd_tit h3{padding:15px 0;font-size: 18px;}
#box1 .fd_tit .de_sy{font-size: 14px;line-height: 36px;}
#box1 .fd_tit .de_sy span{display:inline-block;vertical-align: top;width: 27px;height: 36px;color:#323232;background: url(../img/free_design/num_bg.png) no-repeat;;font-size: 26px;}
#box1 .m{position:absolute;right:0;top:20px;width:317px;height:522px;border-bottom:solid 5px #d9d9d9;background-color:#fff;}
#box1 .m li>input,#box1 .m select{box-sizing: border-box;height:34px;line-height:34px;color:#666;font-family: "微软雅黑";}
#box1 .m #dalibao{height:20px;line-height:20px; margin-left:3px;}
#box1 .m .box_btn {margin-left:10px;}
#box1 .m #username,#box1 .m #mobile{width:276px;color:#cecece}
#box1 .mt{padding-top:5px;padding-left:20px;height:26px;line-height:26px;font-size:14px;}
#box1 .mt span{padding:0 3px;font-family:Arial;color:#f35516;}
#box1 .mc li{float:left;width:278px;padding:3px 20px;line-height:24px;font-family:"microsoft yahei";overflow:hidden;}
#box1 .mc .span1{color:#ff6800;}
#box1 .mc li.mobile{position:relative;padding-top:5px;}
#box1 .mc li.mobile .block{display:block;position:absolute;left:140px;top:-6px;line-height:16px;color:#ff6800;}
#box1 .mc input.txt{width:120px;padding:0 4px;border:solid 1px #ccc;}
#box1 .mc .area,#box1 .mc .code{width:284px;}
#box1 .mc select,#box1 .mc .code input{box-sizing:border-box;width:132px;border:solid 1px #ccc;}
.mc #design_area{width:132px!important;}
#box1 .code .verification_code{background: #00C0BB;color:#fff;border-radius:5px;border:1px solid #00C0BB!important;}
#box1 .code .disclick{background: #d1d1d1;border:1px solid #d1d1d1!important;}
#box1 #province,#box1 .code_text,#box1 #design_area{margin-right:9px;}
#selectDistrict select:nth-child(1){margin-right:13px;}
#box1 .mc li.cate{height:70px; margin-left:-1px;}
#box1 .mc li.cate div{height:22px;color:#333;overflow:hidden;}
#box1 .mc li.cate table{width:300px;}
#box1 .mc li.cate td{line-height:14px;height:24px;}
#box1 .mc li.house .dd{width:115px;height:40px;}
#box1 .mc li.file span{display:block;line-height:18px;color:#f35516;}
#box1 .mc li.btn{height:41px;line-height:16px; padding-bottom:0;}
#box1 .mc li.cnsm{padding-left:30px;height:50px;width:268px;overflow:inherit;word-wrap:break-word;font-size:12px;line-height:150%;}
#box1 .mc li.cnsm span {color:#FF7712}

#btn{margin:20px 0px;}
#btn a{display:inline-block;height:35px;font:normal 14px/35px "microsoft yahei";padding:0 30px;text-decoration:none;color:#fff;background-color:#f37020;border-radius:3px;}

#box1 .m3{position:absolute;padding:0px 15px;right:0;top:20px;width:308px;height:400px;border-bottom:solid 5px #d9d9d9;text-align:center;background-color:#fff;}
#box1 .m3 h2{font:normal 18px/20px "microsoft yahei";color:#333;margin:10px 0px;}
#box1 .m3 p{text-align:center;}
#box1 .m3 p a {color:#ff6800}
/*box2*/
#box2{padding:50px 0;}
#box2 .mt{height:50px;border-bottom:solid 1px #cecece;}
#box2 .mt h2{float:left;font:normal 28px/40px "microsoft yahei";color:#333;}
#box2 .mt .extra{float:right;padding-top:20px;font-size:14px;}
#box2 .mt strong{padding:0 3px;font-family:Arial;color:#0cb7b3;}
#box2 .mc{float:left;font-family:"microsoft yahei";}
#box2 .mc li{float:left;height:35px;border-bottom:solid 1px #cecece;color:#999;}
#box2 .mc li.title{margin-top:8px;padding-bottom:6px;font-size:14px;color:#666;}
#box2 .mc li.loading{height:45px;background:url(../img/loading.gif) no-repeat center center;}
#box2 .mc li span{float:left;display:block;width:150px;height:35px;line-height:35px;text-align:center;overflow:hidden;}
#box2 .mc li .s_data{width:90px;}
#box2 .mc li .s_fit{width:330px;}
#design_box{width:1020px;height:360px;overflow:hidden;}

/*pagin*/
#box2 .paginbox{margin:10px 0;text-align:right;}
#box2 .pagin a,#box2 .pagin span{display:inline-block;height:14px;padding:3px 7px 3px;border:1px solid #1784ED;margin-left:2px;font:normal 12px/14px "Arial";overflow:hidden;border-radius:3px;}
#box2 .pagin a:link,.pagin a:visited{color:#014fa4;}
#box2 .pagin a:hover,.pagin a:active{background-color:#1784ED;color:#fff;text-decoration:none;}
#box2 .pagin .current,.pagin .current:link,.pagin .current:visited{background-color:#1784ED;color:#fff;}
#box2 .pagin em{display:inline-block;height:14px;padding:3px 2px 3px 4px;font:normal 12px/14px "microsoft yahei";overflow:hidden;}

/*box3*/
#box3{height:2595px;}
#box3 .tit{left:375px;}
#box3 .tit2{top:908px;}
#box3 .tit3{top:1395px;}

/*box4*/
#box4 {background: #334C6A;}
#box4 h2{left:430px;font-size: 38px;color:#fff;}
#box4 .tit2{top:1155px;}
    /*box5*/
#box5 {padding-top:47px;}
#box5 h2{text-align:center;font-size:34px;line-height:40px;color:#123a6b;margin:30px 0px 60px;font-family:"microsoft yahei";font-weight: normal;}
#box5 h2 span{color:#00c6c1;}
#design_client_box{height:672px;margin:0 50px;overflow:hidden;text-align: left;border-bottom:solid 1px #3D7ECE;}
#design_client_box .first_col{float:left;width:185px;}
#design_client_box .last_col{float:left;width:200px;}
#design_client_box li{height:137px;padding:15px 0;border-top:solid 1px #3D7ECE;color:#999;overflow: hidden;}
#design_client_box li .fl{width:402px;height: 76px;margin-top: 12px;color:#3f6997;font-size: 16px;}
#design_client_box li .fr{width:486px;height:112px;padding:15px 0 10px 30px;line-height:2;font-size: 14px;color:#525860;border-left:1px solid #3D7FCD;}
#design_client_box li span{display: inline-block;width: 100%;margin: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#design_cateid input[type="checkbox"]{margin-left:3px;}
/*box6*/
#box6{padding-top:65px;text-align:center;}
#box6 .tit{left:385px;top:32px;}
#box6 .pro_cases{font-size: 0;}
#box6 .pro_cases a{float:left;margin-right: 9px;margin-bottom: 28px;}
#box6 .pro_cases a:nth-child(4n){margin-right: 0;}
#box6 .box6_btn {display:inline-block;width:392px;height:62px;margin-bottom: 28px;line-height:62px;font-size:20px;color:#fff;background:url("../img/free_design/fd_102.jpg") no-repeat;border:0;cursor:pointer;}