@charset "utf-8";

html{font-family: "微软雅黑","microsoft yahei","宋体",Tahoma,Verdana; font-size:12px; line-height:14px;}

body{min-width:1180px; font-size: 12px;background: #f8f8f8;color:#444;}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size: 12px;}

textarea{resize:none;}

fieldset,img{border:0;}

:focus{outline:0;}

a:focus{outline:0;}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

abbr,acronym{border:0;font-variant:normal;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

code,kbd,samp,tt{font-size:100%;}

input,button,textarea,select{*font-size:100%;}

ol,ul,li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;width:100%;}

caption,th{font-weight:bold;}



sup,sub{font-size:100%;vertical-align:baseline;}

:link,:visited,ins{text-decoration:none;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

a{cursor:pointer;}

.clear{clear:both;line-height:0;font-size:0;}

.hidden{display:hidden;}

.none{display:none;}

.invisible{visibility:hidden;}

.error{color:#900;}

.fix{height:0;line-height:0;font-size:0;width:0;clear:both;}

.clearfix{display:block;}

.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

.float-left{float:left;}

.float-right{float:right;}

.yahei{font-family:\5FAE\8F6F\96C5\9ED1;}

.text-align-center{text-align:center;}

.bold{font-weight:bold;}

.layout{width: 1180px; margin: 0 auto;}

a{color: #666;}

a:hover{color: #f48702;}



.green{color: green;}

.red{color: red;}

.gray, a.gray {color: #666; }

.delprice{text-decoration: line-through; color: #aeaeae; }

.strPrice { font-family: Verdana, Geneva, sans-serif; color: #ff5400; font-weight: 700; font-size: 14px; vertical-align: top; }

.yenred, a .yenred {color: #c9033b!important;}

.yen{font-family: Arial,Helvetica,sans-serif; }

.bold{font-weight: bold;}

.sep{margin: 0 5px; color: #dfdfdf; }

.verifyimg{cursor: pointer; vertical-align: middle;}

del, .del{text-decoration: line-through; vertical-align: baseline;}







.money{ color: #E4393C;}

.num-18{font-size: 18px;}



.f14{font-size: 14px;} .f16{font-size: 16px;} .f18{font-size: 18px;} .f20{font-size: 20px;} .f24{font-size: 24px;}



.w100{width: 100px;} .w120{width: 120px;} .w150{width: 150px;} 





.mt10{margin-top: 10px!important;}

.mt15{margin-top: 15px!important;}





/*** 网站页面头部 ***/

.page_top{width:100%;border-bottom:1px solid #dcdcdc;line-height:40px; background: #f1f1f1; color: #f48702;height: 40px;}

.page_top .layout{height: 40px; line-height: 40px; background: #f1f1f1;position: relative;}

.top_logo {position: absolute;left:-48px;width: 48px;height: 39px; background: #f8f8f8;}

.top_right { float: right; }

.top_a { float: left; }

.top_a a { padding-right:20px;color:#f48702; font-size: 14px;}

.top_tel {float: right;}

.top_tel h1{background: url("../images/tel.png") left center no-repeat; padding-left: 24px;font-size: 14px;}



.nav_box{height: 90px;background: #f8f8f8;width: 100%;border-bottom: 5px solid #f48702;}

.nav_box .globa-header{height: 90px;background: #f8f8f8;}

.globa-header .header{float: left;width: 200px; height: 90px;}
.hua_style .header{float: left;width: 140px; height: 90px;}

.globa-header .header h1 { padding-top: 16px;}
.hua_style .header h1 { padding-top: 10px;}

.hua_style .header h1 img { height:70px; }



.globa-header .nav_menu { float: left; margin-left: 30px;}

.globa-header .nav_menu li{ float: left; margin-top: 25px; margin-bottom: 5px;}

.globa-header .nav_menu li a { float: left; width: 40px;height: 60px; display: inline-block;background: url("../images/nav_img.png") no-repeat; text-indent: -9999px;margin:0 10px;}

.globa-header .nav_menu li.nav_hua a{background-position: 0px 0px;  }

.globa-header .nav_menu li.nav_hua a:hover,.globa-header .nav_menu li.nav_hua a.current{background-position: 0px -60px;  }

.globa-header .nav_menu li.nav_yuan a{background-position: -40px 0px;  }

.globa-header .nav_menu li.nav_yuan a:hover,.globa-header .nav_menu li.nav_yuan a.current{background-position: -40px -60px;  }

.globa-header .nav_menu li.nav_jia a{background-position: -80px 0px;  }

.globa-header .nav_menu li.nav_jia a:hover,.globa-header .nav_menu li.nav_jia a.current{background-position: -80px -60px;  }

.globa-header .nav_menu li.nav_fu a{background-position: -120px 0px;  }

.globa-header .nav_menu li.nav_fu a:hover,.globa-header .nav_menu li.nav_fu a.current{background-position: -120px -60px;  }

.globa-header .nav_menu li.nav_sheng a{background-position: -160px 0px;  }

.globa-header .nav_menu li.nav_sheng a:hover,.globa-header .nav_menu li.nav_sheng a.current{background-position: -160px -60px;  }



#search_box { float: left; width: 300px;position: relative;z-index: 999;float: left;margin-left: 40px; margin-top: 50px;}
.hua_style #search_box { margin-left: 90px; }
#search_box .mallSearch-form { border: solid #f48702; border-width: 2px 0 2px 2px; position: relative;}

.mallSearch-form .mallSearch-input {background: #fff;height: 28px; position: relative; line-height: 28px;}

.s-combobox-input {color: #999;margin: 0;position: relative;z-index: 2;width: 210px;height: 22px;line-height: 22px;padding: 3px 3px 3px 5px;outline: 0;border: 0;}

.mallSearch-form .button {position: absolute; top: 0; right: 0px;width: 90px; height: 28px; line-height: 28px; border: 0; font-size: 14px;letter-spacing: 4px; cursor: pointer; color: #fff; overflow: hidden;

}.main-bg-color { background-color: #f48702;}

.nav_right { float: right; width: 300px;}

.nav_right .geyan { float: right; width: 210px; height:40px;text-align: center;overflow: hidden;}

.nav_right .geyan img{ display: inline-block;}

.nav_right .nav_title {float: right; width: 210px;}

.nav_right .nav_title li a { float: left; width: 30px;height: 50px; display: inline-block;background: url("../images/nav_right.png") no-repeat; text-indent: -9999px;}

.nav_right .nav_title li.nav_a a{background-position: 0px 0px;}

.nav_right .nav_title li.nav_a a:hover,.nav_right .nav_title li.nav_a a.current{background-position: 0px -50px;  }

.nav_right .nav_title li.nav_l a{background-position: -30px 0px;}

.nav_right .nav_title li.nav_l a:hover,.nav_right .nav_title li.nav_l a.current{background-position: -30px -50px;  }

.nav_right .nav_title li.nav_v a{background-position: -60px 0px;}

.nav_right .nav_title li.nav_v a:hover,.nav_right .nav_title li.nav_v a.current{background-position: -60px -50px;  }

.nav_right .nav_title li.nav_w a{background-position: -90px 0px;}

.nav_right .nav_title li.nav_w a:hover,.nav_right .nav_title li.nav_w a.current{background-position: -90px -50px;  }

.nav_right .nav_title li.nav_c a{background-position: -120px 0px;}

.nav_right .nav_title li.nav_c a:hover,.nav_right .nav_title li.nav_c a.current{background-position: -120px -50px;  }

.nav_right .nav_title li.nav_s a{background-position: -150px 0px;}

.nav_right .nav_title li.nav_s a:hover,.nav_right .nav_title li.nav_s a.current{background-position: -150px -50px;  }

.nav_right .nav_title li.nav_e a{background-position: -180px 0px;}

.nav_right .nav_title li.nav_e a:hover,.nav_right .nav_title li.nav_e a.current{background-position: -180px -50px;  }





/*** 网站侧边栏与banner ***/

.side_box { width: 100%; margin-top: 10px; }

.side_box .side_menu { float: left; width: 215px; height:490px; background:#fff; overflow: hidden; }

.side_menu .list {padding:8px 20px; width: 175px; border-bottom: 1px dashed #eee; float: left;}

.side_menu .list dl{ width: 100%; float: left;max-height: 60px; overflow-y: hidden;}

.side_menu .list dl dt a{ width: 100%; line-height: 24px; color:#f48702;}

.side_menu .list dl dd{ float: left; padding-right: 10px; line-height: 18px; }

.side_menu .list:last-child{ border: none; }

.side_banner { float: right; width:955px; height: 490px; background: #fff; }

.indexbanner{width:100%;position:relative;overflow:hidden;}

.indexbanner ul{height:auto !important;}

.indexbanner ul li{width:100%;height:auto !important;float:left;}

.indexbanner ul li img{display:block;width:100%;border-bottom: 1px solid #dedede;}

.bannerbtn{width:100%;height:15px; position:absolute;left:0;bottom:3%;text-align:center;z-index:20;}

.bannerbtn span{display:inline-block;width:13px;height:13px;overflow:hidden;margin:0 8px;background:#fff;opacity:0.6;filter:alpha(opacity=60);border-radius:10px;}

.bannerbtn span:hover,.bannerbtn span.swiper-active-switch{background:#f48702;}





/*** 诚品汇萃 ***/

.cphc_box {width: 100%; margin-top: 10px;}

.cphc_title { height:60px; position: relative; width: 100%; }

.cphc_title  h2 { width: 100%;  border-bottom:2px solid #f48702; line-height: 45px; text-indent: -9999px; }

.cphc_title  p { width: 234px;  height: 48px; background:#f8f8f8; position: absolute; z-index: 222; top:20px; left: 473px;}

.cphc_box .cphc_list { float: left; width: 100%; }

.cphc_box .cphc_list ul {  float: left;}

.cphc_box .cphc_list ul li { width: 550px; height:235px; background: #fff; float: left;margin-left: 27px; margin-top: 27px; position: relative; }

.cphc_box .cphc_list ul li a { width: 550px; height:235px;display: block; color:#444;}

.cphc_box .cphc_list ul li a:hover { -webkit-box-shadow:0 0 10px #ddd;   -moz-box-shadow:0 0 10px #ddd;  box-shadow:0 0 10px #ddd; }

.cphc_box .cphc_list ul li a .cphc_img  { width: 272px; height:235px;position: relative; overflow: hidden;float: left; }

.cphc_box .cphc_list ul li:nth-child(3) a .cphc_img ,.cphc_box .cphc_list ul li:nth-child(4) a .cphc_img { width: 272px; height:235px;position: relative; overflow: hidden;float: right; }

.cphc_box .cphc_list ul li a .cphc_img  img{ width: 100%; }

.cphc_box .cphc_list ul li a .cphc_img  em{ position: absolute; right: 0; top: 109px; background: url("../images/cphc_bg.png") no-repeat;z-index: 1234;width: 8px; height:17px; }

.cphc_box .cphc_list ul li:nth-child(3) a .cphc_img  em,.cphc_box .cphc_list ul li:nth-child(4) a .cphc_img  em{ position: absolute; left: 0; top: 109px; background: url("../images/cphc_right.png") no-repeat;z-index: 1234;width: 8px; height:17px; }

.cphc_box .cphc_list ul li a h3{ float: left; margin:10px 25px; width: 228px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 30px; color:#333; font-size: 14px; border-bottom: 1px solid #777; }

.cphc_box .cphc_list ul li a p{ float: left; margin:10px 25px; width: 228px; overflow:hidden; line-height: 20px; height:60px; color:#666; }

.cphc_box .cphc_list ul li a .cphc_price{ float: left; margin-left:25px; width: 228px;  color:#333; margin-top: 60px;font-size: 16px;}

.cphc_box .cphc_list ul li a .cphc_price span{ color:#222; font-size: 40px; padding-left: 5px;}





/*** 庭院首页产品展示 ***/

.sycp_box { width: 100%; margin-top: 20px; }

.cp_list { width: 100%;float: left;position: relative; margin-top: 40px;}

.tycolor_1 .cp_title { border-bottom: 1px solid #355794; }

.tycolor_1 .cp_title h2 a{ color:#355794; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_1 .cp_more a{ color:#355794; padding:2px 10px; border: 1px solid #355794; border-radius: 5px;}

.tycolor_1 .cp_ul li a {background:#355794;}



.tycolor_2 .cp_title { border-bottom: 1px solid #f8c301; }

.tycolor_2 .cp_title h2 a{ color:#f8c301; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_2 .cp_more a{ color:#f8c301; padding:2px 10px; border: 1px solid #f8c301; border-radius: 5px;}

.tycolor_2 .cp_ul li a {background:#f8c301;}



.tycolor_3 .cp_title { border-bottom: 1px solid #d22bd0; }

.tycolor_3 .cp_title h2 a{ color:#d22bd0; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_3 .cp_more a{ color:#d22bd0; padding:2px 10px; border: 1px solid #d22bd0; border-radius: 5px;}

.tycolor_3 .cp_ul li a {background:#d22bd0;}



.tycolor_4 .cp_title { border-bottom: 1px solid #ce0400; }

.tycolor_4 .cp_title h2 a{ color:#ce0400; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_4 .cp_more a{ color:#ce0400; padding:2px 10px; border: 1px solid #ce0400; border-radius: 5px;}

.tycolor_4 .cp_ul li a {background:#ce0400;}



.tycolor_5 .cp_title { border-bottom: 1px solid #f48f01; }

.tycolor_5 .cp_title h2 a{ color:#f48f01; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_5 .cp_more a{ color:#f48f01; padding:2px 10px; border: 1px solid #f48f01; border-radius: 5px;}

.tycolor_5 .cp_ul li a {background:#f48f01;}



.tycolor_6 .cp_title { border-bottom: 1px solid #4cb034; }

.tycolor_6 .cp_title h2 a{ color:#4cb034; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_6 .cp_more a{ color:#4cb034; padding:2px 10px; border: 1px solid #4cb034; border-radius: 5px;}

.tycolor_6 .cp_ul li a {background:#4cb034;}



.tycolor_7 .cp_title { border-bottom: 1px solid #57c3b4; }

.tycolor_7 .cp_title h2 a{ color:#57c3b4; font-size: 24px; line-height: 40px;font-weight: bold;}

.tycolor_7 .cp_more a{ color:#57c3b4; padding:2px 10px; border: 1px solid #57c3b4; border-radius: 5px;}

.tycolor_7 .cp_ul li a {background:#57c3b4;}





.cp_title { float: left; width: 100%; }

.cp_title h2 { float: left; margin-left: 27px;}

.cp_title .cp_menu { float: left; }

.cp_title .cp_menu span a{ float: left; margin-left: 20px; font-size: 14px; padding-top: 19px; color:#444; font-weight: bold;}

.cp_title .cp_more{ float: right; margin-right: 15px; font-size: 14px; margin-top: 14px;}

.cp_show { margin-top: 20px; float: left; width: 100%; }

.sycp_box .cp_list:nth-child(odd) .cp_img { float: left; width: 578px; height: 543px; border:1px solid #dedede; overflow: hidden;margin-top: 15px;}

.sycp_box .cp_list:nth-child(even) .cp_img { float: right; width: 578px; height: 543px; border:1px solid #dedede; overflow: hidden;margin-top: 15px;}

.cp_show .cp_img img { width: 100%;}

.sycp_box .cp_list:nth-child(odd) .cp_ul { float: right; width: 600px;}

.sycp_box .cp_list:nth-child(even) .cp_ul { float: left; width: 600px;}

.sycp_box .cp_list:nth-child(odd) .cp_ul li { float: left; margin-left: 15px; width: 283px; height:263px; border:1px solid #dedede; overflow: hidden;  margin-top: 15px;position: relative;}

.sycp_box .cp_list:nth-child(even) .cp_ul li { float: left; margin-right: 15px; width: 283px; height:263px; border:1px solid #dedede; overflow: hidden;  margin-top: 15px;position: relative;}

.cp_ul li img { display:block; width:100%;}

.cp_ul li a { display:none; position:absolute; color:#fff; left:0px; top:0px; width:100%; height:100%;}

.cp_ul li a p{ padding:30px 40px; line-height: 24px;}

.cp_ul li a em{ display:block; position:absolute; bottom:30px; right:30px; font-size: 14px;}

.cp_ul li a em span { font-size: 30px; padding-left: 3px;}





/*** footer ***/

#footer {width: 100%; margin-top: 20px; position: relative;}

.footer_1 { width: 100%; padding-top: 20px;  float: left;}

.footer_1 .footer_zheng  { width: 100%; float: left; border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;padding:20px 0;}

.footer_1 .footer_zheng li  { width: 275px; float: left; height:70px;}

.footer_1 .footer_zheng li:last-child  { width: 80px; float: right; height:70px;}

.footer_1 .footer_zheng li p.zheng  { margin-left: 20px; background: url("../images/baozheng.png") no-repeat; width: 42px; height: 42px; text-indent: -9999px;}

.footer_1 .footer_zheng li p.gui  { margin-left: 20px; background: url("../images/baozheng.png") no-repeat -42px 0; width: 42px; height: 42px; text-indent: -9999px;}

.footer_1 .footer_zheng li p.song  { margin-left: 20px; background: url("../images/baozheng.png") no-repeat -84px 0; width: 42px; height: 42px; text-indent: -9999px;}

.footer_1 .footer_zheng li p.pei  { margin-left: 20px; background: url("../images/baozheng.png") no-repeat -127px 0; width: 42px; height: 42px; text-indent: -9999px;}

.footer_1 .footer_zheng li p.tui  { margin-left: 20px; background: url("../images/baozheng.png") no-repeat -170px 0; width: 42px; height: 42px; text-indent: -9999px;}

.footer_1 .footer_zheng li p.f1_title  { margin-left: 20px; line-height: 26px;}

.footer_2 { width: 100%; padding-top: 20px;  float: left;}

.footer_help { padding-left: 250px;  float: left;}

.footer_help dl { float: left; width: 200px;}

.footer_help dl dt a { color:#333;  font-weight: bold; line-height: 20px;}

.footer_help dl dd a { color:#999; line-height: 18px; }

.footer_3 { width: 100%; margin-top: 20px;  float: left; background: #4d4948;}

.footer_3 .footer_bottom { padding: 40px 0px;  }

.footer_3 .footer_bottom p{ width: 100%; color:#9c9c9c; text-align: center;font-size: 10px; line-height: 30px;}

.footer_3 .footer_bottom p a{color:#fff;padding:0 5px;  font-size: 12px;}





/*detail_box*/

.detail_box {width: 100%; margin-top: 20px; position: relative;}

.detail_title { line-height: 30px; float: left; width: 100%;  }

.detail_title a { color: #2d5897; font-size: 14px;}

.detail_title a:first-child { color: #f8c301; }







.right-sidebar-con {height: 100%;width: auto;position: fixed;right: 0;bottom: 0;z-index: 9999;}

.right-sidebar-main {height: 100%;width: 36px;background: #fff;}

.right-idebar-panel{width: 36px;height: 100%;position: absolute;background: #000;z-index: 2;top: 0;left: 0px;}

.quick-links {position: absolute;top: 40%;left: 0;margin-top: -190px;*margin-top: -220px;background: #000;z-index: 2;width: 36px;}