html{font-size: 12px;}
body{font-size:14px;font-family: "microsoft yahei","微软雅黑","arial, helvetica, sans-serif";line-height:25px;background:#ffffff;}
*{margin: 0;padding: 0;border: 0;}
ul,dl{list-style: none;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration:none;color: #CC0000;}
.position_r{position: relative;}
.shadow{height:auto;box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.img_auto,.img_auto img{width: 100%;height:auto}
.img_block{display:block;}
.fixed{position:fixed; top:0; z-index:99;width:100%;}
/*行间距*/
p{line-height: 30px;}
.p_lh24,.p_lh24 p{line-height: 24px;}
.button{padding: 5px 20px; border-radius: 10px;background-color:#f7f7f7;}
.button a{color: #FFFFFF;}
/*内间距*/
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad_tb20{padding:20px 0;}
.pad_tb50{padding:50px 0;}
.pad_l20{padding-left:20px;}
/*外间距*/
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
/*边框*/
.bk{border: 1px solid #cccccc;}
.bk_red{border:1px solid #cc0000;}
.bk_b{border-bottom: 1px solid #cccccc; padding: 10px 0px;}
.bk_b_red{border-bottom:3px solid #cc0000; padding: 10px 0px;}
.bk_b_dashed{border-bottom: 1px dashed #cccccc; padding: 10px 0px;}
/*背景*/
.bg{background: #f9f9f9;}
.bg_gray{background:#eeeeee;}
.bg_red,.bg_red a,a.bg_red{background:#cc0000;color: #FFFFFF;}
.bg_orange{background:#ffaa0f;color: #FFFFFF;}
.bg_white{background: #FFFFFF;}
.bg_black{background: #000000;}
/*图片背景*/
.bg1{background: url(../image/bj1.jpg) no-repeat;background-size: cover; height:100%;}
.bg2{background: url(../image/bj1.jpg) no-repeat;background-size: cover; height:100%;}
/*字体颜色*/
.txt_red{color:#cc0000;}
.txt_gray{color:#333333;}
.txt_orange{color:#ffaa0f;}
.txt_white,.txt_white a,a.txt_white{color:#ffffff;}
.txt_white:hover{text-decoration:none;color: #ffffff;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix:after{ content: ""; display:block;height:0;clear:both; }
/*标题+字体大小*/
h1{font-size: 28px;line-height: 48px;}
h2{font-size: 24px;line-height: 48px;}
h3{font-size: 20px;line-height: 40px;}
.f38{font-size: 38px;}
.f24{font-size: 24px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f12{font-size: 12px;}
/*文字对齐*/
.txt_center{ text-align: center;}
.txt_right{ text-align: right;}
.txt_left{ text-align: left;}
/*框架*/
.container{width: 1200px; margin: 0 auto; height: auto;box-sizing: border-box;}
.w1000,.w930,.w250,.w600,.w800,.w500,.w530,.w450,.w400,.w350,.w200{height: auto;box-sizing: border-box;margin: 0 auto;}
.w1000{width: 1000px;margin: 0 auto;}
.w930{width: 930px;}
.w880{width: 880px;}
.w600{width: 600px;}
.w700{width: 700px;}
.w500{width: 500px;}
.w530{width: 530px;}
.w350{width: 350px;}
.w300{width: 300px;}
.w800{width: 800px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w250{width: 250px;margin: 0 auto;}
.w200{width: 200px;}
.w100{width:100px;margin: 0 auto;}
.h60{height:60px;}
.h600{height:600px;}
/*顶部*/
.header{background: #f7f7f7;height: 40px;line-height: 40px;color:#333333;}
.header a{color: #333333;}
/*logo*/
.logo{width: 600px;float: left;}
.logo img{display: inline-block;}
/*电话*/
.tel{background: url(../image/tel.png) no-repeat left center;padding-left: 50px;padding-top: 20px;height:100px;vertical-align: middle;display: table-cell;}
/*导航*/
.navbar{height: auto;background:#cc0000;}
.nav{height: 50px;}
.nav li{width:calc(100%/10); float: left;text-align: center;}
.nav li:first-child{background: url(../image/home.png) no-repeat left center;}
.nav a{display:inline-block;width:100%;font-size: 16px;font-weight:500;line-height: 50px;color: white;}
.nav .active,.nav a:hover{background:#990000;text-decoration: none;}
/*子菜单*/
.nav_title{position: relative;}
.nav_title i{padding:8px;background: url(../image/xia.png) no-repeat center center;margin-left: 10px;}
.nav_sub{display:none;z-index:9999;width:100%;height:auto;position:absolute;top:50px;left:0;background-color:rgb(0, 0, 0,.5);}
.nav_sub p{border-bottom: 1px solid #cccccc;line-height:40px;}
.nav_sub p:last-child{border-bottom: none;}
.nav_sub p a{color:#ffffff;}
.nav_sub p a:hover{color:#ffffff;}
/* banner */
.ico {background: url(../image/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
#banner_main {position: relative;z-index: 2;height:auto;}
.banner {min-width: 1200px;height:550px;position: relative;overflow: hidden;z-index:0;}
.banner li {width: 100%;height:auto;z-index:1;overflow: hidden;display: none;text-align: center;}
.banner li:first-child {display: block;}
.banner li a{ display: block;position: absolute;transform: translate3d(-50%, 0px, 0px);left: 50%; width: 1920px;height: 550px;}
.banner li img,.banner li video {width:100%;height: 100%;display:block;}
#banner .tip {height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;width:100%;bottom: 25px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 50%;margin-top: -25px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 4%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 4%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 3.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 3.6%;}
.banner1{max-height: 350px;overflow: hidden;text-align: center;}
.banner1 img{width:100%; max-width: 1920px;height: auto;}
/*特点*/
.tedian{background:#ffffff;width:1200px;padding:20px 50px;text-align:center;position: absolute;z-index: 99;top:-20px;box-sizing: border-box;}
.tedian i{background: url(../image/tsicon.png)no-repeat 30px top;font-style:normal;width:calc(100%/6);display:inline-block;box-sizing: border-box;}
.tedian i:nth-child(2){background-position:30px -75px; }
.tedian i:nth-child(3){background-position:30px -150px; }
.tedian i:nth-child(4){background-position:30px -226px; }
.tedian i:nth-child(5){background-position:30px -301px; }
.tedian i:nth-child(6){background-position:30px -376px; }
/*标题*/
.bt{line-height: 40px;}
.bt1{background: url(404.png)no-repeat center;color: #333;font-size: 26px;}
.bt2{background: url(404.png)no-repeat center;color: #fff;font-size: 26px;}
.bt3{font-size: 18px;line-height: 40px;height: 40px;overflow: hidden;background: #cc0000;color: #FFFFFF;}
.bt3 span{float: right;margin-right: 20px;font-size: 14px;}
.bt3 a{color: #FFFFFF;}
.bt3 a:hover{color: #FFFFFF;}
.bt span{float: right;margin-right: 20px;font-size: 14px;}
.bt_p span{background: url(../image/icony.png) no-repeat center;}
/*联系*/
.lx{background:url(../image/logo_contact.png) no-repeat left center;height:90px;line-height:90px;padding-left:88px;font-size:24px;margin-bottom:20px;}
/*关于我们右侧*/
.about{ background: url(../image/about.png) no-repeat left top; height: 600px;padding-left: 120px;padding-top: 105px;}
.about li{height: 101px;margin-bottom: 100px;}
/*理由*/
.liyou{height:auto;}
.liyou li{text-align:center;box-sizing: border-box;}
.liyoutxt li:hover{background:#f7f7f7;}
.liyoutxt li{height:210px;padding:20px;box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.liyou h3{color:#cc0000;}
.liyoubg{background: url(../image/ysbg.png) no-repeat left top;height:108px;line-height:108px;font-size:18px;font-weight:bold;color:#ffffff;}
/*服务流程*/
.ser{background: url(../image/liu.jpg) no-repeat;background-size:cover;height:height;}
.ser ul{overflow: hidden;margin-top:50px;height: auto;background: url(../image/ser-line.png)no-repeat center 66px;;}
.ser ul li{float: left;width:150px; text-align: center;font-size: 16px;}
.ser ul li span {color: #fff;font-size: 16px;display: block;}
.ser_img{width:54px;height:54px;border-radius: 50%;background: #FFFFFF;line-height: 54px;margin:0 auto;}
.ser_img img{width:40px;height:40px;vertical-align: middle;transition: all .5s;}
.ser_img img:hover{transform: rotate(360deg);}
.ser_img:hover{border: 2px solid #f8a000; box-sizing: border-box;}
.ser ul li:nth-child(2n-1) span{margin-top: 60px;}
.ser ul li:nth-child(2n-1) .ser_img{margin-top: 70px;}
.ser ul li:nth-child(2n) span{margin-top:70px;}
/*文字列表*/
.lie,.lie1{padding: 10px;}
.lie li,.lie1 li{ border-bottom: 1px solid #CCCCCC;overflow: hidden;padding:3px 5px;}
.lie li{background: url(../image/news_s.png) no-repeat 5px center;line-height: 40px;padding-left: 20px;}
.lie li span{float: right;margin-right: 10px;font-size: 12px;color: #999;}
.lie1 li{line-height: 36px;height: 36px;}
.lie_p li{height: auto;}
.lie_p p{color: #666;}
.lie1 li span{float: right;margin-right: 10px;font-size: 12px;color: #999;}
.lie_4 li{width:25%;float:left;}
.lie_3 li{width:33.3%;float:left;}
/*图片列表*/
.lie_img1 li {text-align:center;line-height: 40px;}
.lie_img1 li img,.lie_img3 img,.lie_img2 img,.lie_img4 img{width:100%;height:auto;display: block;margin: 0 auto;}
.lie_img3,.lie_img4{display:block;margin:20px auto;}
.lie_img2{background:#ffffff;}
.lie_img2 li,.lie_img3 li,.lie_img4 li{float:left;box-sizing: border-box;line-height: 40px;}
.lie_img2 li{width:50%;box-shadow: 0 3px 9px rgba(204,204,204,0.9);padding: 30px;box-sizing: border-box;}
.lie_img3 li{position: relative;width:31%;padding:10px;height:auto;overflow: hidden;margin:10px;}
.lie_img4 li{width:25%;padding: 10px;}
.lie_img2 video,.lie_img4 video{width:100%;height:auto;display: block;margin: 0 auto;}
.lie_img2 li strong{text-align:center;}
.img_bk li{text-align:center;border:1px solid #cccccc;}
.img_bk li:hover{border:1px solid #cc0000;}
.lie_img2 li strong,.lie_img3 li strong,.lie_img4 li strong{display: block;width:100%;height: 40px;overflow: hidden;font-weight: normal;font-size: 16px;}
.lie_img4 strong{text-align:center;}
.lie_img3 li p,.lie_img4 li p{color: #999999;}
/*装修案例*/
.anli li strong{text-align:left;position: absolute;left:0; bottom:0; z-index:99;width:100%;height:100%;background:rgba(0,0,0,.6);color:#FFFFFF;opacity: 0;padding: 50px;box-sizing: border-box; }
.anli li strong hr{border: 1px solid #ffffff; margin-bottom: 5px;}
.anli li:hover strong{opacity: 1;}
.anli li:nth-child(1),.anli li:nth-child(2){width:50%;padding: 10px;height: 333px;}
.anli li:nth-child(1) img,.anli li:nth-child(2) img{width:100%;height:auto;overflow:hidden;}
/*底部*/
.footer{background: #2f2f2f;height: auto;color: #fff;}
.nav_foot{height:50px;line-height: 50px;border-bottom: 1px solid #545454;text-align: center;}
.nav_foot a{display: inline-block;width: 110px;text-align: center;font-size: 16px;}
.nav_foot a:hover{color: #f4b006}
.footer a{color: #fff;}
/*产品展示内页*/
.s-lt {height:700px; height:700px;overflow:hidden;text-align:center;}
.s-lt img {width:700px;height:700px;}
.s-slide {position: relative;width: 100%;background:#f9f9f9;padding:20px;box-sizing: border-box;}
.s-pic {position: relative;overflow: hidden;width:100%;height:152px;margin: 0 auto;}
.s-pic ul {position: absolute;width: 600%;}
.s-pic li {float: left;}
.s-pic li+li {margin-left: 20px;}
.s-pic li img {height: 150px;width:150px;border:1px solid #cccccc;}
.s-slide .prev, .s-slide .next {position: absolute;top:80px;font-size: 30px;cursor: pointer;color: #ccc;}
.s-slide .prev {left: 0;}
.s-slide .next {right: 0;}
.s-slide .prev:hover, .s-slide .next:hover {color: #1e1c1c;}
.pro_bt{background: url(404.png) no-repeat; height: 40px;line-height:40px;padding-left: 20px;color: #FFFFFF;}
.pro_nr{margin:10px auto;}
.pro_nr img{display: block;margin:0 auto;}
/*图片焦点图切换*/
.picMarquee-top{ margin:0 auto; width:100%; overflow:hidden; position:relative;}
.picMarquee-top .bd{ padding:10px; }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ text-align:center; zoom:1; }
.picMarquee-top .bd ul li .pic{ text-align:center; }
.picMarquee-top .bd ul li .pic img{ width:100%; height:auto;border:1px solid #ccc;padding:2px;box-sizing: border-box;}
.picMarquee-top .bd ul li .pic a:hover img{ box-shadow: 0 3px 9px rgba(204,204,204,0.9); }
.picMarquee-top .bd ul li .title{ line-height:24px;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block; }
.slideBox .bd li p{}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:44px; height:45px;background:url(../image/icon.png) -40px -60px no-repeat; filter:alpha(opacity=50);opacity:0.8;}
.slideBox .next{ left:auto; right:3%; background-position:-82px -60px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/*当前位置*/
.position{padding-left: 30px;background: url(404.png) no-repeat left center;}
/*文字横排列表*/
.txt{ height: auto;margin-bottom:20px;}
.txt a{color:#333333;margin-right:20px;display: inline-block;}
.txt1{ height: auto;margin-bottom:20px;}
.txt1 a{padding:5px 10px;background:#f7f7f7;color:#000000;margin-right:20px;display: inline-block;}
/*图文*/
.tw {height: 120px;overflow:hidden;padding:10px 0;}
.tw a{display: block;}
.tw_time{float:left; width:180px;line-height: 120px;text-align: center; border-right:3px solid #ffffff;}
.tw_img{float:right; width:200px;height: 120px;overflow:hidden;text-align: center;}
.tw_img img{width: 100%;height:auto;display: block;}
.tw_txt{float:right;width:800px;padding:20px;height: 120px;overflow:hidden;background: #FFFFFF;box-sizing: border-box;}
/*表格*/
table {border-collapse:collapse;margin:0 auto;width:100%;}
td {border:1px solid #e3e3e3;padding:10px;}
.tbbt {text-align: center;font-weight:bold;background:#f5f5f5;}
.tbbt a:hover {color:#FF0000;}
/*分页*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;padding:8px 12px;}
.list_page ul a{color:#333;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.list_page ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.list_page ul li.thisclass,.list_page ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;font-weight:bold;}
.list_page .pageinfo{display:block;color:#999;}
.list_page .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}