/*=========================================================================================================================================================*/
/*========================================================================header=========================================================================*/
/*=========================================================================================================================================================*/
/*网站标题1*/
.cost_title{width: 100%; background: #f5f5f5; padding: 40px 0 50px 0; text-align: center;}
.cost_title h2{font-size: 36px; color: #383e4c;}
.cost_title h2 span{background: #383e4c; display: block; width: 64px; height: 4px; margin : 0 auto; margin-top: 10px;}
/*网页标题样式2*/
.cost_title_1{border-bottom: 1px solid #c4c4c4; padding: 80px 0 4px 0; }
.cost_title_1 p.p1{font-size: 24px; color: #383e4c; padding-bottom: 5px;}
.cost_title_1 p.p2{width: 380px; height: 4px; background: #e55047; margin-bottom: -6px;}
.cost_title_1 p.p2 span{display: block; float: left; width: 64px; height: 4px; background: #383e4c;}
/*网站头部*/
.head_layout{height: 970px; background: url(imgwzjs/cost_head_bg.jpg) no-repeat #f5f5f5; }
.top_layout{width: 100%; height: 380px;     margin: 0px;
    padding: 90px; }
.top_layout p{text-align: center; font-size: 16px;}
.top_layout p.p1{letter-spacing: 1.5em; padding-bottom: 20px;}
.top_layout p.p2 span{display: block; width: 115px; margin: 0 auto; margin-top: 25px; height: 4px; background: #383e4c;}
.top_layout .how_much{width: 100%; height: 200px;  position: relative;}
.top_layout .how_much .img{width:851px; height: 102px; display: block; position: absolute; left: 175px; top: 0; opacity: 0.3;}
.top_layout .how_much .img.load{top: 80px; opacity: 1;}
.head_menu{width: 1000px; margin: 0 auto; padding: 30px 0;}
.head_menu .list{float: left; margin: 0 20px;}
.banner_layout{width: 100%; height: 600px; position: relative; overflow: hidden; position: relative;}
.banner{width: 1200px; height:606px; position: absolute; left: -1200px; top: 0; opacity: 1;} 
.banner_txt{margin: 0 auto; font-size: 16px; text-align: center;}
/*特效基本框架CSS结束，应用特效时，以上样式可删除*/
.main_visual{height:606px; overflow:hidden;position:relative;}
.main_image{height:606px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:606px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:606px;}
.main_image li span{display:block;width:100%;height:606px}
.main_image li a{display:block;width:100%;height:606px} 
div.flicking_con{position:absolute;top:520px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -20px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(imgwzjs/btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px} 
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(imgwzjs/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(imgwzjs/hover_right.png) no-repeat right top;right:100px;}
/*套餐详解*/
.package{width: 100%; margin: 0 auto; height: 800px; background: url(imgwzjs/cost_bg.jpg) no-repeat center center #383e4c;}
.package .left_box{width: 268px; height: 800px; }
.tab_btn_layout{padding: 50px 0 0 70px; float: left;}
.tab_btn_layout li{width: 134px; height: 134px; background: #ccc; margin: 35px 0; }
.tab_btn_layout li.i1{background: url(imgwzjs/order_jichu.png) no-repeat;}
.tab_btn_layout li.i2{background: url(imgwzjs/order_zhongduan.png) no-repeat;}
.tab_btn_layout li.i3{background: url(imgwzjs/order_gaoji.png) no-repeat;}
.tab_btn_layout li.i4{background: url(imgwzjs/order_jingji.png) no-repeat;}
.tab_btn_layout li.chose{background-position: -134px 0;}
.sanjiao{ width: 25px; margin: 50px 0 0 35px; float: left; position: relative;}
.sanjiao li{width: 25px; height: 204px; position: absolute; background: url(imgwzjs/sanjiao.png) no-repeat left center; left: 0; top: 0;} 
.package .right_box{width: 928px; height: 730px;}
.tab_content_layout{position: relative; width: 100%; height: 100%;}
.tab_content_layout li{ position: absolute; left: 10px; top: 30px;}
.tab_content_layout li.hide{display: none;}
.package_intro{border: 1px solid #fff; border-bottom: none;} 
.package_intro .line{border-bottom: 1px solid #fff;}
.package_intro .line.chose{background: #f5f5f5;}
.right_box .line{height: 44px; } 
.right_box .line p{display: block; float: left; line-height: 44px;  color: #fff;}
.right_box .line p.chose{color: #383e4c;}
.right_box .line p.p1{width: 118px; text-align: center;   font-size: 16px; border-right: 1px solid #fff;}
.right_box .line p.p2{width: 775px; font-size: 12px;  padding-left: 20px;}
.package_bottom{width: 100%;}
.package_bottom a{display: block; width: 253px; height: 54px; line-height: 54px; text-align: center; font-size: 24px; text-decoration: none; background: #bd433d; color: #fff; float: right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.package_bottom a:hover{background: #e55047;}
.package_bottom p{float: left; font-size: 28px; color: #fff; font-family: "微软雅黑" ; padding: 8px 50px;}
.package_bottom p span{display: block; width: 40px; height:40px; float: left; background: url(imgwzjs/icon_page.png) -27px -206px;}
/*费用构成*/
.cost_combine_layout{background: #f5f5f5; padding-bottom: 20px;}
.cost_list{width: 1200px; height: 300px; background: url(imgwzjs/cost_combine_bg.jpg); margin-bottom: 38px;}
.cost_list .intro{width: 470px; height: 300px;}
.cost_list .content{width: 710px; height: 280px; margin: 10px; background: #f5f5f5; overflow: hidden; position: relative;}
.cost_list .ifo{padding-top: 30px; width: 90%; text-align: center; float: left;}
.cost_list .ifo.pd50{padding-top: 50px;}
.cost_list .ifo span.ico{display: block; width: 60px; height: 60px; margin: 0 auto; }
.cost_list .ifo span.ico1{background: url(imgwzjs/icon_page.png) -22px 0;}
.cost_list .ifo span.ico2{background: url(imgwzjs/icon_page.png) -118px 0;}
.cost_list .ifo span.ico3{background: url(imgwzjs/icon_page.png) -210px 0;}
.cost_list .ifo span.h_title{font-size: 30px; color: #f5f5f5; padding-top: 10px;}
.cost_list .ifo p.line{width: 314px; height: 1px; background: #938c98; margin: 10px auto;}
.cost_list .ifo p.line span{display: block; margin: 0 auto; width: 44px; height: 3px; background: #e55047;}
.cost_list .ifo p.p_title{font-size: 12px; color: #f5f5f5; line-height: 25px;}
.cost_btn{width: 10%; float: left; padding-top: 95px;} 
.cost_btn li{width: 20px; height: 20px; border-radius: 10px; background: #fff; color: #000; text-align: center; line-height: 20px; font-family: "微软雅黑"; font-size: 12px; margin: 10px; cursor: pointer;}
.cost_btn li.chose{background: #e55047; color: #fff;}
.cost_right_content{position: absolute; left: 0; top: 0;}
.cost_right_content_list{width: 710px; height: 280px; position: relative;}
.cost_right_content_list span{float: left; width: 220px; height: 280px; font-size: 24px; color: #383e4c; line-height: 280px; text-align: center;}
.cost_right_content_list p{font-size: 12px; width: 480px; float: right; color: #383e4c; line-height: 25px; padding: 95px 10px 0 0;}
.cost_right_content_list a{display: block; text-decoration: none; position: absolute; width: 140px; height: 30px; background: #be4541; color: #fff; font-size: 16px; text-align: center; line-height: 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.cost_right_content_list a:hover{background: #e55047;}
.cost_right_content_list a.right{ right: 280px; bottom: 20px;}
.cost_right_content_list a.left{ left: 270px; bottom: 20px;}
/*案例*/
.cost_case_layout{z-index: 9999;}
.cost_case_layout .cost_title{background: transparent;}
.cost_case_layout{height: 1080px;  }
.cost_case_content li{margin: 12px; float: left;} 
.case_list{width: 375px; height: 325px;  position: relative;}
.w_board{width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; filter:alpha(opacity=30);opacity:0.3;  -moz-opacity:0.3;}
.show_board{width: 100%;  height: 100%;   position: absolute; left: 0; top: 0; z-index: 2;}
.case_list .pic{width: 365px; height: 226px; background: #fff; float: left; margin: 5px; border-bottom: 1px solid #e7e7e7; overflow: hidden;}
.case_list .pic img{width: 100%; height: 100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.case_list .pic img:hover{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.case_list .ifo{padding: 10px;}
.case_list .ifo span{font-size: 18px;   padding-bottom: 5px; color: #383e4c;}
.case_list .ifo p{font-size: 14px; color: #383e4c; height: 45px; overflow: hidden; }
.check_more{display: block; margin: 0 auto; margin-top: 20px; text-align: center; line-height: 30px; width: 160px; height: 30px; border : 1px solid #383e4c; border-radius: 5px; text-decoration: none; font-size: 14px; color: #383e4c;}
.check_more:hover{text-decoration: none; color: #fff; border:1px solid #fff;}
/*售后服务*/
.sold_service{padding-top: 50px;}
.sold_service li{float: left; margin: 25px;}
.sold_service_list{width: 250px; text-align: center; background: #e55047; padding: 30px 0;}
.sold_service_list.color1{background: #383e4c; margin-top: 50px;}
.sold_service_list span.ico{display: block; width: 60px; height: 60px; margin: 0 auto; }
.sold_service_list span.ico4{background: url(imgwzjs/icon_page.png) -22px -100px;}
.sold_service_list span.ico5{background: url(imgwzjs/icon_page.png) -118px -100px;}
.sold_service_list span.ico6{background: url(imgwzjs/icon_page.png) -212px -100px;}
.sold_service_list span.ico7{background: url(imgwzjs/icon_page.png) -118px -200px;}
.sold_service_list span.h_title{font-size: 30px;  padding-top: 10px; color: #fff;}
.sold_service_list p.line{width: 225px; height: 1px; background: #938c98; margin: 10px auto; background: #f5f5f5;} 
.sold_service_list p.p_title{padding: 0 20px; font-size: 12px;   line-height: 25px; color: #f5f5f5; text-align: left;}
.sold_service_list a{display: block; margin: 0 auto; margin-top: 30px; text-align: center; line-height: 30px; width: 160px; height: 30px; border : 1px solid #fff; border-radius: 5px; text-decoration: none; font-size: 14px; color: #fff;}
.sold_service_list a:hover{text-decoration: none; color: #e7e7e7; border:1px solid #e7e7e7;}
/*联系我们*/
.cost_contact_layout{padding-bottom: 40px;}
.contact_content {padding-top: 40px;}
.form_list{width: 650px;  margin-bottom: 10px;}  
.form_list textarea{width: 617px; font-size: 14px; height: 82px; padding: 10px; border: 1px solid #e7e7e7; background: #f5f5f5; resize: none;}
.form_list a{display: block; width: 640px; height: 30px; text-align: center; line-height: 30px; background: #383e4c; color: #fff; font-size: 16px; text-decoration: none;}
.form_list a:hover{background: #485164;} 
.lrbox label{display: block; float: left; width: 220px;  height: 45px; margin-bottom: 10px; position: relative;}
.lrbox label span{font-size: 14px; color: #111; position: absolute; top: 13px; left: 14px;}
.lrbox p{font-size: 18px; color: #fff; text-shadow:  0 1px 3px #000; } 
.reg_text{display: block; width:169px; height:16px; padding:14px; background:#f5f5f5; color: #111; font-size: 14px; } 


.middle_float_contact{width: 708px; height: 345px; position: fixed; left: 50%; top: 50%; margin-left: -354px; margin-top: -172px; background: url(imgwzjs/layer.png); z-index: 99999999999; display: none;} 
.middle_float_contact p{position: absolute; left: 135px; top: 230px; font-size: 14px; font-family: "微软雅黑";}
.middle_float_contact a{position: absolute;  font-family: "微软雅黑"; text-decoration: none;}
.middle_float_contact a.a1{font-size: 14px; color:#111; left: 322px; top: 230px;}
.middle_float_contact a.a2{font-size: 16px; color:#fff; display: block; width: 121px; height: 35px; background: #a0a0a0 !important; text-align: center; line-height: 35px; left: 104px; top: 278px;}
.middle_float_contact a.a3{font-size: 16px; color:#fff; display: block; width: 121px; height: 35px; background: #e55047; text-align: center; line-height: 35px; left: 255px; top: 278px;}
.middle_float_contact a.a4{display: block; width: 30px; height: 30px;  right: 26px; top: 63px;}