body{}
a,a:link,a:visited{color:#666; /*主链接颜色*/ text-decoration: none;}
a:hover,a:focus{color:#333; /*链接经过颜色*/text-decoration: none;}
a:hover,a:active,a:focus{ text-decoration:underline; /*链接下划线*/}
/*a{cursor:pointer;}*/
/* 让 html 和 body 铺满视口，不产生滚动条留白 */
html, body {
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden; /* 禁止横向滚动条 = 彻底消除右侧空白 */
}
/*COM 共用代码-Start*/
.wrapper,.com-wrap { width: 1200px; /*网页宽度*/ margin: 0px auto; position: relative; }

.hd.main-title h2 {text-align: center;display: block;font-size: 24px;color: #21b5ed;line-height: 1;vertical-align: middle;}


input[type="button"]:hover, [class^=btn-]:hover { filter:alpha(opacity=80);opacity:.8;}
.bk30 {height: 30px;}
.bk50 {height: 50px;}
/*COM 共用代码-End*/

.header1{height:96px;padding:7px 0 12px;width: 100%;min-width: 1250px;}
.head1{height:96px}
.head .head_lf,.head1 .head_lf{float:left;}
.head1 .head_lf .logo1{float:left;width:266px;height:79px;margin-top:15px;margin-right:5px}
.head .head_rg,.head1 .head_rg{float:right;height:67px;margin-top:15px;}
.swft {width:620px;height:67px;float:left;}
.head .head_rg .phone,.head1 .head_rg .phone{float:right;overflow:hidden;zoom:1;padding-left:36px;background:url(../images/phone.gif) no-repeat left 24px;padding-top:20px;}
.head1 .head_rg .phone .phone_box{width:150px;}
.head .head_rg .phone .phone_box,.head1 .head_rg .phone .phone_box{float:left;margin-right:23px;font-family:"microsoft Yahei";color:#666}
.head .head_rg .phone .phone_box p,.head1 .head_rg .phone .phone_box p{color:#000000;font:20px Arial;margin-top:1px}
.head .head_rg .href a,.head1 .head_rg .href a{padding:0 10px;height:24px;color:#333;font:14px/23px "microsoft Yahei";background:#fff;border-top:1px solid #bcbcbc;border-left:1px solid #919191;border-bottom:1px solid #606060;border-right:1px solid #626262;display:block}
.head .head_lf .shift .a,.head .head_rg .href a:hover,.head1 .head_lf .shift .a,.head1 .head_rg .href a:hover{color:#f77924}
.head .head_rg .ww,.head1 .head_rg .ww{float:right;margin-top:41px;overflow:hidden;zoom:1}
.head .head_rg .ww a,.head1 .head_rg .ww a{display:block;width:27px;height:27px;float:right;margin-left:4px}
.head .head_rg .ww .bd1,.head1 .head_rg .ww .bd1{background:url(../images/ww_bd1.gif) no-repeat}
.head .head_rg .ww .bd2,.head1 .head_rg .ww .bd2{background:url(../images/ww_bd2.gif) no-repeat}



.nav_box{height:49px;padding-bottom:1px;background: rgb(80, 80, 80);width: 100%;min-width: 1250px;}

.head1{width:1200px;margin:0 auto;}

/* 主导航容器 */
.nav {width:1000px;margin:0 auto;height:50px;background: #505050;}

/* 清除默认列表样式 */
.nav ul,.nav ul li {margin: 0;padding: 0;list-style: none;position: relative;}

/* 一级菜单 */
.nav ul li {width: 132px;height: 50px;line-height: 50px;float: left;text-align: center;font-size: 15px;color: #fff;border-right: 1px solid #e1e1e1;transition: 0.3s;}

/* 一级菜单链接 */
.nav ul li a {display: block;color: #fff;text-decoration: none;}

/* 一级菜单 hover 效果 */
.nav ul li:hover,.nav ul li:active {background: #1b1a1a;}
.nav ul li:hover a {color: #fff;text-decoration: none;}

/* 二级菜单 默认隐藏 */
.nav ul li ul {display: none;position: absolute;top: 50px;left: 0;width: 150px;z-index: 999;}

/*  hover 时显示二级菜单 */
.nav ul li:hover ul {display: block;}

/* 二级菜单项 */
.nav ul li ul li {width: 133px;height: 50px;line-height: 50px;float: none;text-align: center;background: rgba(80, 80, 80, 0.91) url(../images/nav_box.gif) repeat-x bottom;border-right: 1px solid rgba(120, 120, 120, 0.8);transition: 0.5s;}

/* 二级菜单链接 */
.nav ul li ul li a {display: block;width: 100%;font-size: 15px;color: #fff;}

/* 二级菜单 hover 效果 */
.nav ul li ul li:hover {width: 150px;background: #272727;border-radius: 0 5px 5px 0;}
.nav ul li ul li a:hover {text-decoration: none;}

.nav .first {border-left: 1px solid #e1e1e1;}

.htmleaf-container{position: relative;width:100%;height:auto;}
.slider-main {width: 100%;height: auto;overflow: hidden;text-align:center;}

.slider-main li img{width: 100%;height: auto;clear:both;overflow: hidden;text-align:center;}




/* 切换按钮 */
    /* 上一个 */
.osSlider-main .slider-btn-prev {position: absolute;z-index: 30;top: 50%;left: -45px;width: 40px;height: 40px;text-indent: -9999px;margin-top: -20px;background: url(../images/prev.png) 50% 50% no-repeat;transition: all .5s linear;}

.osSlider-main:hover .slider-btn-prev {left: 5px;}
    /* 下一个 */
.osSlider-main .slider-btn-next {position: absolute;z-index: 30;top: 50%;right: -45px;width: 40px;height: 40px;text-indent: -9999px;margin-top: -20px;background: url(../images/next.png) 50% 50% no-repeat;transition: all .5s linear;}

.osSlider-main:hover .slider-btn-next {right: 5px;}

/* 高亮导航部分 */
.osSlider-main .slider-nav {position: absolute;width:100%;height: 22px;bottom: 20px;text-align: center;z-index: 25;}
.osSlider-main .slider-nav li {display: inline-block;height: 20px;line-height: 20px;padding: 0 6px;margin: 0 12px;font-size: 12px;color: #eee;border: 1px solid #eee;background:#f60;cursor: pointer;}
.osSlider-main .slider-nav li.active {color: #333;background: #eee;}
.osSlider-main .slider-nav li:hover {border: 1px solid #f60;background: #f60;}


.bat {width:1200px;margin:0 auto;}

#zhu {background: #21b5ed;
padding-top: 0px;
padding-bottom: 10px;
overflow: hidden;}
.zhuti {width: 1200px;
margin: 0 auto;
background: #fff;
overflow: hidden;
padding-bottom:5px;
}

.zhuti .left {width:272px;height:auto;margin: 10px 0px 0 15px;float:left;border: 1px solid #b5b5b5;}

.subnav{float:left;width:273px;}
.subnav h3{height:42px;background:url(../images/sub_nav1_h3_bd.gif);font:24px/42px "Microsoft Yahei";padding-left:15px;color:#fff;margin:0;}
.subnav ul{margin:0;padding:0;list-style:none;border-top:1px solid #eee;}
.subnav li{margin:0;}
.subnav li a{display:block;height:40px;font:16px/40px "Microsoft Yahei";padding-left:30px;color:#333;background:#f7f7f7;border-bottom:1px solid #fff;text-decoration:none;transition:all 0.2s;}
.subnav li a:hover{background:#f0f0f0;color:#c00;padding-left:35px;}
.subnav li a.active{background:#666;color:#fff;font-weight:bold;}
/*.active{ color:#FFF!important; background:#21b5ed;}*/

.neiye-right-title{width:255px; height:42px;font-size:14px; background:url(../images/sub_nav1_h3_bd.gif);color:#fff; font-weight:bold; line-height:42px; padding-left:15px; float:left;}
.neiye-right-title span{ float:left;}
.neiye-right-title span a{color:#fff;}
.neiye-right-title font{ font-size:12px; color:#62625f; font-weight:100; font-family:Arial; margin-top:4px; margin-left:4px; display:inline; float:left;}

.neiye-right-new1{ width:275px; height:auto; margin-top:1px; float:left;margin-bottom:10px;}
.neiye-right-new1 li{ background:url(../images/a1.png) no-repeat 5px 12px; width:72px; height:36px; overflow:hidden; border-bottom:1px #c5c5c5 dotted; font-size:12px; color:#999999; padding-left:15px; line-height:36px; float:left;}
.neiye-right-new1 li a{ color:#333;}
.neiye-right-new1 li a:hover{ color:#21b5ed;}






.zhuti .right {width:890px;overflow: hidden;min-height:930px;
float: left;
border: 1px solid #b5b5b5;
margin: 10px 0px 0px 0;
}

.zhuti .right .bt {height: 37px;color: #666;padding: 0 0 5px 20px;background: #ececec /*url(../images/design_rg_three.gif)*/ no-repeat bottom;}

.zhuti .right .bt .we {font: 20px/36px "microsoft Yahei";float:left;}


.zhuti .right .jieshao {
margin-top: 10px;
background: #f3f3f3;
font-size: 13px;
padding: 10px 15px 10px 15px;
border: 1px solid #f0f0f0;
color: #666666;
line-height: 24px;
}


.zhuti .right .bt .po{float:right;margin-top: 10px;margin-right:10px;}
.zhuti .right .bt .po a{margin-right:5px;padding-top:10px;color:#666;}




.index_left_content{  width:880px; float:left; height:auto; display:inline; }
.index_left_content .zuoce {width:310px;height:180px;float:left;}
.index_left_content .zuocet img {width:212px;height:132px;float:left;border: solid 1px #dadada;}

.index_left_content .youcet .nei  a{color: #858585;height:18px;
line-height:18px;}




.index_left_content .youcet {width:525px;height:130px;float:left;margin-left:20px;}


.index_left_content .youcet .nei {

width: 580px;
height: auto;
height:20px;
line-height:20px;
float: left;
display: inline;
font: 13px/25px "微软雅黑";
color: #858585;
text-align: justify;
margin-top: 10px;
}
.index_left_content .youcet .zonghe {width:525px;line-height:40px;height:32px;}
.index_left_content .youcet .zonghe .sjf{float:right;font-size:12px;}

.index_left_content .youcet span {width:420px;line-height:32px;height:32px;padding-top:5px;float:left;}
.index_left_content .youcet span a{color: #000000;font-size:16px;font-weight:bold}
.index_left_content .youcet p {width:420px;height:auto;}
.zuocet{width:220px; height:134px;overflow:hidden;float:left}
.index_left_content{  width:880px; float:left; height:auto; display:inline; }
.index_left_content ul{  width:880px; float:left; height:auto; display:inline; }
.index_left_content ul li{  width:880px; float:left; display:inline; overflow:hidden; padding:15px 0 10px 10px; border-bottom:#999999 1px dashed;}
.zonghe a:hover{ text-decoration: none;}
.nei a:hover{ text-decoration: none;}
.index_left_content ul li:hover{border-bottom: 1px solid #21b5ed; text-decoration: none;}
.index_left_content ul li:hover img{transform:scale(1.1);/*放大1.1倍*/transition:all 1s ease ;-webkit-transform:scale(1.1);-webkit-transition:all 1s ease 0s;}
.index_left_content ul li:hover span a{color:red}
.index_left_content ul li img{ width:204px;height:128px;float:left; display:inline; overflow:hidden;}
.index_left_content ul li span{ width:525px; height:auto; float:right; display:inline; overflow:hidden;}

.tuijianb {height: 32px;line-height: 32px;color: #333333;padding-right: 15px;padding-top: 50px;float:left;width:100%;}
.gsjshao{font-weight:bold;font-size:18px;padding-left:10px;border-bottom: #999999 1px solid;text-align: center;}

.hsi40{line-height:40px;color:#333333;padding-top:10px;margin-top:30px;}
.hsi40 ul li{float:left;width:270px; height:35px;margin-right:10px;display:inline;overflow:hidden;line-height:35px;margin-left: 14px;}
.hsi40 ul li a{color:#666;font-size:13px}
.hsi40 ul li a:hover{text-decoration:none; color:#e20e0e; font-size:14px}


.fuwu {margin:30px;width:810px;}
.fuwu dl {width:360px;height:140px;margin-right:20px;float:left;margin-top:30px;border-bottom: #21b5ed dashed 1px;}
.fuwu dl:hover{width:360px;height:140px;margin-right:20px;float:left;margin-top:30px;border-bottom: #21b5ed solid 1px;}
.fuwu .iat{width:160px; height:122px;float:left;}
.fuwu dl dt {float:left;padding-top:10px;padding-left:15px;font-weight: bold;}
.fuwu dl dt a{color:#333333;}
.fuwu dl dd {padding-top:20px;margin-left:15px;float:left;width:170px;}


.case {margin:40px;width:800px;}
.case dl {width:235px;height:215px;margin-right:20px;float:left;}
.case dl dt  img {width:235px; height:175px;border-radius: 5px;transition:all 0.3s;}
.case dl dt  img:hover{  
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.case dl dd {text-align:center;background: #21b5ed;}
.case dl dd a{ color: #fff; font-size: 15px;
}

.artic {margin:10px 5px 5px 5px;}
.artic h1 {text-align: center;margin: 20px;display: block;padding-left: 10px;font-size: 20px;color: #484747;font-weight: bold;}
.artic .xq {font-size:12px;color: #999;text-align: center;padding-bottom:10px;border-bottom: 1px dashed #999;}
.artic .zhengwen {font-size: 14px;color: #333333;margin: 20px 10px;line-height: 25px;}
.artic .zhengwen h2{padding: 1px 5px;border-left: 5px solid #f75a53;font-weight: bold;background-color: #f7f7f7;width: 850px;}
.artic .zhengwen h3{margin-bottom: 0.67em; }
.artic .zhengwen ul{margin-bottom: 10px;margin-top: 10px;}
.artic .zhengwen img{margin-bottom: 10px;margin-top: 10px;}
.artic .zhengwen a{color: #333333;text-decoration: none;border-bottom: 1px solid #81858f;transition: color 0.3s ease;}
.artic .zhengwen a:hover {color: #21b5ed;}

.list-paddingleft-2 li{list-style-type: disc;}
.zhengwen ul{padding-left: 3.5em;}
.list-paddingleft-1 li{list-style-type: num;}
.zhengwen ol{padding-left: 3.5em;}

.fen {clear:both;padding:20px;border-top: 1px dashed #ccc;padding-top: 20px;}
.fen li {height:25px;line-height:25px;}
.fen li a {color:#666;}
.fen li a:hover{ text-decoration:underline}


.zhuti .right .wz {font-size: 14px;color: #666;line-height: 24px;padding: 30px 30px 30px;}


/* footer-Start */
.footer {border-top: 5px solid #fe0002;width: 100%;min-width: 1250px;}
.footer .foot1 {background: #3c3c3c; padding-top: 15px; padding-bottom:10px;}
.footer .foot1 .box {float: left;width:240px;}
.footer .foot1 .box h3 {color: #fff; font-size: 16px; margin-bottom: 10px;}
.footer .foot1 .box ul {width: 250px;}
.footer .foot1 .box ul li {float: left; margin-right:63px; line-height: 28px;}
.footer .foot1 .box ul li a {color: #aeaeae;}
.footer .foot1 .box .fo1 {text-indent: 0px; margin-bottom: 15px;color: #aeaeae;}
.footer .foot1 .box .fo2 {text-indent: 0px;margin-bottom: 15px;color: #aeaeae;}
.footer .foot1 .box .fo3 {text-indent: 20px;margin-bottom: 15px;color: #aeaeae;}
.footer .foot1 .box .fo4 {text-indent: 20px;color: #aeaeae;}
.footer .foot1 .box .weix {text-align: center; }
.footer .foot1 .box .weix i {color: #fff;font-size: 14px;}
.footer .foot1 .box .text {position: relative; width: 260px; height: 35px;background: #fff; border: none;padding-left: 10px;}
.footer .foot1 .box .usename {width: 240px; height: 40px; margin-bottom: 20px;}
.footer .foot1 .box .telnumb {width: 240px; height: 40px; margin-bottom: 20px;}
.footer .foot1 .box .submit {background: #21b5ed; width: 270px; height: 35px; color:#fff; font-size: 14px; border: none; }
.footer .foot2 {background: #2b2b2b; height: 40px; line-height: 40px;}
.footer .foot2 span {color: #7e7e7e;}

.footer .foot2 p a {color: #747474;}
.footer .foot2 p i {color: #747474; margin: 0 10px;}
.lnk { background-color: #3C3C3C;}
.lnk .con { padding-top: 27px; border-bottom: 1px solid #5E5E5E; color: #5b5a5a; padding-bottom: 20px;font-size: 12px;}
.lnk .con li { float: left;}
.lnk .con a { color:#5b5a5a;margin: 3px 7px;}
/* footer-End */

/* 中部区域-Start */
    /* 本例子css */
.banner3{ width:100%;  position:relative;  height:500px; background:#000;  }
.banner3 .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner3 .bd ul{ width:100% !important;  }
.banner3 .bd li{ width:100% !important;  height:590px; overflow:hidden; text-align:center;  }
.banner3 .bd li a{ display:block; height:590px; }

.banner3 .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px;  text-align:center;
}
.banner3 .hd ul{ text-align:center;  padding-top:5px;  }
.banner3 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:5px; overflow:hidden; line-height:9999px; background: url(../images/banner3_li.png) no-repeat center center;}
.banner3 .hd ul .on{ background: url(../images/banner3_cur.png) no-repeat center center;}

.main .search { height: 90px; line-height: 90px; background-color: #F3F3F3; border-bottom: 1px solid #D9D9D9;}
/*.main .search .sbox { width: 432px; border: 1px solid #D9D9D9; height: 40px; background-color: #fff; margin-top: 25px; border-style: solid none;}
.main .search .sbox .sboxclass { width: 85px; float: left; border-right: 1px solid #D9D9D9;height: 40px;}
.main .search .sbox .sboxclass dl { border-bottom: 1px solid #D9D9D9;}
.main .search .sbox .sboxclass dl a { color: #3AA63A; text-align: center; display: block; text-decoration: none;}
.main .search .sbox .sboxclass dl a i { background: url(../images/search_3.png) no-repeat right center; height: 40px; width: 7px; float: right; margin-right: 8px;}
.main .search .sbox .sboxclass dl dt { line-height: 40px; border: 1px solid #D9D9D9; border-style: none solid;}
.main .search .sbox .sboxclass dl dt a { line-height: 40px; }
.main .search .sbox .sboxclass dl dd { display: none; border: 1px solid #D9D9D9; border-top: none; background-color: #fff; border: 1px solid #D9D9D9; border-style: none solid; position: relative; z-index: 99;}
.main .search .sbox .sboxclass dl dd a { line-height: 34px; background-color: #fff;}
.main .search .sbox .sboxcon { width: 346px; float: left;height: 40px;}
.main .search .sbox .sboxcon .btn-srh { width: 62px; height: 40px; background: url(../images/search_2.png) no-repeat; float: right; background-color: #3AA63A;}
.main .search .sbox .sboxcon input { width: 260px; height: 38px; float: left; border: none; padding: 0 10px;}
*/
.sboxcon .ipt{width:280px; height:38px;line-height:40px;border:1px solid #ccc;}
.sboxcon .btn-srh{ border:none;width: 62px; height: 40px; background: url(../images/search_2.png) no-repeat;background-color: #3AA63A;}
.sboxcon select{ height:40px; line-height:40px;}
.main .con01{text-align:center;padding:45px 0;}
.main .con01 .wrapper{position:relative;width:1200px;}
.bdt {background-color:#FF0000;}



.main .con01 .zhan{float:left;margin-top:10px;}

.main .con01 .gz{float: left;width: 800px;line-height: 23px;overflow: hidden;margin: 30px 0 0 20px;font-size: 14px;color: #3e3e3e;font-family: "微软雅黑",Arial,Verdana;text-indent: 2em;height:260px;}

.main .con01 p{line-height:24px;text-indent:2em;text-align:left;margin-bottom:10px;}
.main .con01 a.more{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed;text-align:center;margin:0 15px;}
.about-us a:hover{background:#21b5ed; color:#fff}
.weibo{position:fixed;right:10px;top:300px;}
.weibo li h4 {float:left;color:#21b5ed;margin-right:10px; position: absolute; left: -30px; top: 0px; display: none;}
.weibo li:hover h4 {display: block;}
.weibo .fir{float:left; margin-left: 30px;}
.weibo .fir li{margin-bottom:10px; position: relative;}
.weibo .fir li a{display:block;width:16px;height:16px;text-align:center;background:url(../images/img03.gif) no-repeat center center;}
.weibo .fir li a:hover{background:url(../images/img31.gif) no-repeat center center;width:16px;height:16px;}
.weibo .sec li{margin-bottom:10px;text-align:center;}
.weibo .sec li a{display:block;background:url(../images/img04.png) no-repeat center center;width:48px;height:48px;line-height:48px;}
.weibo .sec li a:hover{background:url(../images/img05.png) no-repeat center center;width:48px;height:48px;}
.weibo .sec{margin-left:15px;}
.main .con02{height:607px;overflow:hidden;text-align:center;}
.main .con02 .hd{height:90px;margin-top:50px;margin-bottom:60px;}
.main .con02 .bd{ margin-bottom: 40px;}
.main .con02 .bd li{ width: 290px; float: left; margin: 0 10px;}
.main .con02 .bd li .img { margin-bottom: 10px;}
.main .con02 .bd li .img img { width: 290px; height: 150px;}
.main .con02 .bd li .t { font-size: 14px;color: #474747;}
.main .con02 .bd li .t .c2 { font-size: 14px; text-transform:uppercase;}
.main .con02 .bd li .line { width: 55px; background-color: #F6C531; height: 1px; margin: 15px auto;}
.main .con02 .bd li .t2 { font-size: 14px; color: #fff;}
.main .con02 a.more{display:block;display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #fff;text-align:center;color:#FFF;}
.main .con03{padding:50px 0;background:url(../images/img16.png) no-repeat center center;width:1200px;margin:0 auto;overflow:hidden;}
.main .con03 .hd{height:100px;margin-bottom:50px;}
.main .con03 .bd ul{width:1300px;}
.main .con03 .bd ul li{float:left;margin-bottom:25px;margin-right:130px;}
.main .con03 .bd .thumb{float:left;margin-right:25px;line-height:112px;text-align:center;width:131px;height:112px;width:131px;height:112px;}
.main .con03 .bd .thumb:hover{background:url(../images/img14.png) no-repeat center center;}
.main .con03 .bd .thumb a{background:url(../images/img33.png) no-repeat center center;display:block;width:131px;height:112px;margin:0 auto;}
.thumb img{width: 100px;height: 100px;object-fit: contain;}
/*.main .con03 .bd .thumb a:hover{background:url(../images/img32.png) no-repeat center center;width:131px;height:121px;}*/
.main .con03 .bd .desc{float:left;width:360px;}
.main .con03 .bd .desc h4{font-size:16px;margin-bottom:10px;}
.main .con03 .bd .desc p{line-height:22px;}
.main .con03  .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed;text-align:center;margin:0 auto;font-size:14px}
.main .con03 .more{text-align:center;padding: 30px 30px 0px 0px;}
.main .con04{padding:20px 0;}
.main .con04 .hd{height:99px;margin-bottom:40px;}
.main .con04 .bd ul{  margin:0 auto}
.main .con04 .bd ul li{ float:left; width:300px; }
.main .con04 .bd ul li img{ width:285px; height:200px;  border: solid 2px #aaa;display: block;padding: 2px;}
.main .con04 .bd .imgboxa { width:300px; height:207px; margin:0 auto; position:relative; }
.main .con04 .bd .texta {}
.main .con04 .bd .texta p{position: absolute;color: #FFF;background: #21b5ed;opacity:0.8;bottom: 1px;width: 270px;padding: 10px;z-index: 99999;text-align:center;}
.main .con04 .bd .texta p a{color: #FFF;}
.main .con04  .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed;text-align:center;margin:0 auto;}
.main .con04 .more{text-align:center;margin-bottom:20px;}
.main .con04 .bd{margin-bottom:30px;}
.focusBox { position: relative; width:100%; height:330px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:210px; height:115px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0; }
.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.main .con05{background:#F7F7F7;padding:30px 0;}
.main .con05 .head{background:url(../images/img20.png) no-repeat center center;height:90px;margin-bottom:30px;}
.main .con05 .body{width:1200px;overflow:hidden;margin:0 auto 20px auto;}
.main .con05 .body dl dd{float:left;margin-right:34px;margin-bottom:34px;}
.main .con05 .body dl{width:1350px;}
.main .con05 .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #999;text-align:center;margin:0 auto;}
.main .con05 .more{text-align:center;}
.main .con06{padding:80px 0px 20px 0px;}
.main .con06 .head{background:url(../images/img22.png) no-repeat center center;height:90px;margin-bottom:25px; }
.main .con06 .hasMoreTab{}
.main .con06 .hasMoreTab .hd{line-height:24px; height:50px;  position:relative; padding-left:10px;}
.main .con06 .hasMoreTab .hd ul{ z-index:5; position:absolute;  overflow:hidden; zoom:1; }
.main .con06 .hasMoreTab .hd li{ float:left;  padding:5px; cursor:pointer; margin-left:-1px;  }

.hd li:hover{    background: #21b5ed;}
.main .con06 .hasMoreTab .hd li a{ float:left;  padding:0 5px; cursor:pointer; text-decoration: none;text-align:center;font-size:14px;}
.main .con06 .hasMoreTab .hd li.on{  height:24px; line-height:24px; background-color: #21b5ed; color:#FFFFFF;}
.main .con06 .hasMoreTab .hd li span{margin-left:15px;color:#999;}
.main .con06 .hasMoreTab .bd{  padding:10px; clear:both; position:relative; }
.main .con06 .hasMoreTab .bd h2{ font-size:14px; }
.main .con06 .hasMoreTab .bd p{ color:#999;  }
.main .con06 .hasMoreTab .bd p a{ color:#c00;  }
.main .con06 .hasMoreTab .bd ul a{ color:#3E78B3;  }
.main .con06 .hasMoreTab .bd ul li{width:377px;float:left;margin-right:24px;margin-bottom:20px;}
.main .con06 .hasMoreTab .bd ul li.last{margin-right:0;}
.main .con06 .hasMoreTab .bd .desc h4{text-align:center;}
.main .con06 .hasMoreTab .bd .desc p{text-align:center;}


.main .con06 .bd dl {float:left;margin: 16px 12px 0 12px;}
.main .con06 .bd dl dt img{border: 1px solid #b3b3b3;width:268px;height:198px;transition:all 0.3s;}

.main .con06 .bd dl dd {text-align:center;padding-top:5px;    background: #21b5ed}
.main .con06 .bd dl dd a{text-align:center;padding-top:5px;    background: #21b5ed;     color: #FFF;font-size: 15px;}
.bd dl dt img:hover{  
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}


.main .con06 .bd .imgbox { width:377px; height:266px; margin:0 auto 10px auto; position:relative; }
.main .con06 .bd .text {  height:auto; background:url(../images/img19.png) repeat; position:absolute; left:0px; bottom:0px; }
.main .con06 .bd .imgtext {  height:auto; float:left; padding:10px; color:#fff; font-size:12px; line-height:170%; }
.main .con06 .bd .imgtext h4{margin-bottom:8px;}
.main .con06 .bd .imgtext p{color:#fff;}
.main .con06  .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed; text-align:center;margin:0 auto;}
.main .con06 .more{text-align:center;margin-top:30px;}
.scrollBox{position:relative;padding-bottom:10px;width:1200px;margin:0 auto;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;left:30px}
.scrollBox .piclist li{float:left; display:inline; width:164px;margin-right:80px;text-align:center;}
.scrollBox .piclist li.last{margin-right:0;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox .piclist li span.name{color:#21b5ed;}
.scrollBox .piclist li img{width:165px;height:197px;margin-bottom:10px; border-radius:10px;}
.scrollBox1{position:relative;padding-bottom:10px;width:1200px;margin:0 auto;}
.scrollBox1 .piclist1{ overflow:hidden; zoom:1;}
.scrollBox1 .ohbox1{overflow:hidden; position:relative;left:30px}
.scrollBox1 .piclist1 li{float:left; display:inline; width:164px;margin-right:75px;text-align:center;}
.scrollBox1 .piclist1 li.last{margin-right:0;}
.scrollBox1 .piclist1 li span{height:25px;line-height:25px;display:block;text-align:center;   }
.scrollBox1 .piclist1 li span.name{color:#21b5ed;}
.scrollBox1 .piclist1 li img{width:200px;height:230px;margin-bottom:10px; }
.scrollBox .pageBtn {position:relative;bottom:150px;}
.scrollBox .pageBtn span{ background:url(../images/img26.png) no-repeat; display:block;width:12px;height:21px;position:absolute;bottom:0;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{background-position:0px 0px ;left:0px;}
.scrollBox .pageBtn .next{background-position:-14px 0px ;right:0px;}
.scrollBox .pageBtn .next:hover{ background-position:-14px -21px !important; }
.scrollBox .pageBtn .prev:hover{ background-position:0px -21px !important; }
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.scrollBox .pageBtn .list li{ background:url(images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:-114px -57px }
.main .con07{background:url(../images/img24.png) #f7f7f7 no-repeat center center;height:420px;}
.main .con07 .head{background:url(../images/img34.png) no-repeat center center;height:90px;padding-top:80px;margin-bottom:30px;}
.main .con07  .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed;text-align:center;margin:0 auto;font-size: 15px;}
.main .con07 .more{text-align:center;}
.main .con010{background:url(../images/img24.png) #f7f7f7 no-repeat center center;height:340px;}
.main .con010 .head{background:url(../images/img34.png) no-repeat center center;height:90px;padding-top:80px;margin-bottom:30px;}
.main .con010  .more a{display:inline-block;width:178px;height:40px;line-height:40px;border:2px solid #21b5ed;text-align:center;margin:0 auto;}
.main .con010 .more{text-align:center;}
.main .con08{padding:20px 0;}
.main .con08 .hd{height:100px;}
.main .con08 .bd{width:1200px;overflow:hidden;}
.main .con08 .bd .thumb{float:left;width:175px;height:143px;margin-right:25px;}
.main .con08 .bd .thumb img{width:175px;height:143px;}
.main .con08 .bd .desc{float:left;width:330px;}
.main .con08 .bd .desc h4{font-size:14px;font-weight:bold;margin-bottom:15px;}
.main .con08 .bd .desc p{line-height:26px;}
.main .con08 .more{text-align:center;}
.main .con09 .hd{height:100px;margin-bottom:40px;}
.main .con09 .bd{height:120px;}
.main .con09{padding:10px 0;} 
.desc {border-bottom: 1px solid #ccc;padding-bottom: 8px;transform: translateY(10px);}



.h_cust {width:840px;height:300px;padding-top:60px;clear: both;margin:0 auto;border-right: none;}
.h_cust li {float: left;width:100px;height: 60px;overflow: hidden;margin:10px;}
.h_cust li img {width: 100px;height: 60px;display: block;}

.main .con10 { height: 5px; line-height: 5px; text-align: center; color: #fff; font-size: 16px; background-color: #ff0000;}
.main .con10 a { color: #fff;}  
/*装修攻略*/
.strategy .banner1 {width: 100%; height: 300px;}
.strategy .banner2 {width: 100%; height: 300px; background: url(../images/banner1_img1.jpg) no-repeat center center; }

.strategy .address {border-bottom: 1px solid #dddddd; height: 70px; line-height: 66px;background: #f7f7f7;}
.strategy .address span a {margin: 0 5px;}
.strategy .address .tel {float: right; }
.strategy .address .tel img {margin-right:10px;}
.strategy .address .tel b {color: #21b5ed; font-size: 20px; font-weight: normal;}

.strategy .title {background: #f7f7f7; height: 75px; line-height: 75px; font-size: 18px; color: #666666;}
.strategy .title span {float: right;}
.strategy .title span a {font-size: 14px; margin-left: 20px; text-decoration: none;}
.strategy .title span a:hover,.strategy .title span a.on {color: #e86d17;}
.strategy .staral {width: 860px;}
.strategy .office-project { padding-top:40px; }
.strategy .office-project .head a {float: right; color: #21b5ed;}
.strategy .office-project .head h3 {color: #222222; font-size: 16px; padding-bottom: 20px; font-weight: bold;}
.abouttext{ margin-top:20px; overflow:hidden;}
.aboutimg{ float:right; margin-left:20px; margin-bottom:20px;}
.strategy .office-project .thumb {width: 384px; position: relative; background: url(../images/office-project_img1.jpg) no-repeat center center; height: 251px;}
.strategy .office-project .thumb .tit {position: absolute; bottom: 0px; left: 0px; background: url(../images/office-project_thumb_tit_bg.png) repeat center; height: 44px; line-height: 44px; text-align: center; width: 384px; }
.strategy .office-project .thumb .tit a {font-size: 16px; color: #fff;}
.strategy .office-project .info {width: 455px;}
.strategy .office-project .info h2 {text-align: center; margin-bottom: 10px;}
.strategy .office-project .info h2 a {color: #21b5ed; font-size: 14px;}
.strategy .office-project .info p {font-size: 14px; color: #666666; height: 50px; width: 455px; overflow: hidden; padding-bottom: 10px;}
.strategy .office-project .info p a {color: #6cbe6c;}
.strategy .office-project .info ul {border-top: 1px dotted #dddddd; padding-top: 20px;}
.strategy .office-project .info ul li {float: left; background: url(../images/office-project_info_li.png) no-repeat left 5px; width: 225px; height: 30px; text-indent: 10px;}

.strategy .office-case {padding-top: 30px;}
.strategy .office-case h3 {color: #21b5ed; font-size: 16px; margin-bottom: 20px;}
.strategy .office-case ul li {float: left; margin-right: 5px; margin-bottom: 20px; text-align: center;}
.strategy .office-case ul li .thumb {width: 167px; height: 126px;}
.strategy .office-case ul li .thumb img {width: 167px; height: 126px;}
.strategy .office-case ul li p {margin-top: 15px;}

.strategy .office-more {padding-top:40px; }
.strategy .office-more .cont {padding-left: 20px;}
.strategy .office-more h3 {color: #21b5ed; font-size: 16px; margin-bottom: 20px;}
.strategy .office-more a {margin-right:62px; }
.strategy .office-more a:hover {color: #df2a11;}


.strategy .starar {width:285px; margin-top:30px; }
.strategy .starbox {border: 1px solid #dddddd; margin-bottom: 33px;}
.strategy .starbox .tit {border-bottom: 1px solid #dddddd;height: 50px; line-height: 50px;padding: 0 10px; }
.strategy .starbox .tit span {float: right;}
.strategy .starbox .tit span a {color: #666666;}
.strategy .starbox .tit h3 {font-size:16px; color: #666666;font-weight: bold; }
.strategy .starbox ul {padding: 15px 10px 15px 20px;}
.strategy .starbox ul li {background: url(../images/office-project_info_li2.png) no-repeat left center; text-indent: 10px; line-height: 36px;}
.strategy .starbox ul li a {color: #666666;}
.strategy .starbox ul li a:hover {color: #df2a11;}

/*企业团队*/
.business{ overflow:hidden;}
.business .busibox {margin-top: 10px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px dotted #dddddd;}
.business .item1 .thumb {width:150px; height:150px;}
.business .item1 .thumb img {width: 150px; height: 150px;}
.business .item1 .info {margin-left: 10px; width: 283px;}
.business .item1 .info .tit {font-size: 14px; color: #7e7e7e; font-weight: bold;}
.business .item1 .info p {font-size: 14px; color: #7e7e7e; line-height:32px;}
.business .item1 .info2{ margin-left:30px;}
.business .item1 .info2 p.tel{ margin-top:8px;}
.business .item1 .info2 p.tel img{margin-bottom:10px;}
.business .item1 .info2 p{ line-height:24px;}
.qytdrightico{ text-align:center; line-height:28px;}
.business .item1 .telbar {padding-top:60px;}
.business .item1 .telbar span {margin-left:40px;font-size:15px; color: #21b5ed; }
.business .item1 .telbar span img {margin-right: 10px;}
.business .item1 .telbar span a.show {background: #21b5ed; color: #fff;padding: 8px 20px;  }
.business .item2 {padding-top:35px;  }
.business .item2 ul li {text-align: center; float: left; width: 276px; margin-right: 31px; }
.business .item2 ul li .thumb {width: 276px; height: 185px; margin-bottom: 20px;}
.business .item2 ul li .thumb img {width: 276px; height: 185px;}
.business .item2 ul li p a {margin-top:20px; color: #545454; }

.business .page { height:50px;text-align: center; }
.business .page a {color: #666666;padding: 5px 15px;  border: 1px solid #ececec; text-decoration: none; margin: 0 2px;}
.business .page a:hover {background:#21b5ed; color: #fff;}
.business .page span{color: #666666;padding: 5px 15px;  border: 1px solid #ececec; text-decoration: none; margin: 0 2px;background:#21b5ed; color: #fff;}
.business .page a.a1 {background:#999999; color: #fff; }
.business .page a.a2 {background:#999999; color: #fff; }
.qytdcontent01{ border-bottom:1px dotted #dddddd; padding-bottom:25px; line-height:25px;}
.qytdcontent01 h2{ font-size:16px; margin-top:15px; margin-bottom:5px;}
.qytdcontent02{ overflow:hidden;}
.qytdcontent02 h2{font:18px '微软雅黑'; color:#36a439; margin-top:30px;}
.qytdcontent02 .text01{ float:left; text-align:center; margin-top:30px; margin-bottom:20px;}
.qytdcontent02 .text01 img{ margin-bottom:15px;}



.indexNewsBlock{float:left;width:374px;overflow:hidden;display:inline}
.indexNewsBlockC{margin:0 39px}
.indexNewsBlockCon dt span.f_l,.indexNewsBlockCon dd span.f_l{float:left;width:74px;color:#555;font-size:14px;overflow:hidden;height:34px}

.indexNewsBlockCon dd span.f_l{float:right;text-align:right}
.indexNewsBlockCon dt a{font-size:12px;color:#555;background: url(../images/a1.png) left center no-repeat;padding-left: 10px;}

.indexNewsBlockCon dt span{float:right;}
.indexNewsBlockCon dt a:hover{color:#21b5ed}
.indexNewsBlockCon dd a{font-size:14px;color:#21b5ed}
.indexNewsBlockCon dd p{padding-top:6px;font-size:14px;color:#555}
.indexNewsBlockCon dd{display:none;padding-top:6px}
.indexNewsBlockCon dt{line-height:34px;height:34px;width:100%;overflow:hidden;position:relative;border-bottom: #21b5ed dashed 1px;}
.indexNewsBlockCon dl{background:#F8F5F3;padding:15px 25px 30px;}
.indexNewsBlockCon .img{min-height:80px;_height:80px;background:url(../images/load.gif) center no-repeat}

.indexNewsBlock .title{border-bottom: 1px solid #e5e5e5;border-bottom: 1px solid #eee;height: 40px;width: 100%;position: relative;}
.indexNewsBlock .title h1 {color: #000;font-size: 16px;font-weight: bold;float:left;}
.indexNewsBlock .title .moreA {display: block;position: absolute;right: -30px;top: 0px;font-size: 14px;color: #f2f2f2!important;}
.indexNewsBlock .title h1 a {color: #21b5ed;font-size: 16px;padding-left:10px;font-weight: bold;}


.cm_ico {float:right;}


.pages {clear: both;height: 20px;padding: 30px 0 20px 0;text-align: center;}
.pages a{border: 1px solid #3a3737;  padding: 5px 10px;text-decoration:none;    font-size: 14px}
.pages span{padding:5px 10px; border: 1px solid red;;    font-size: 14px;}
.pages a:hover{border:1px solid REd}
.pages ul li {float: left;font-size: 14px;padding: 0 6px;}
.pages ul li a {color:#21b5ed;font-size: 14px;}
.pages ul li.thisclass {font-weight: 700;}
.pages ul li select {display: none;}



/*关于我们*/
.business .newsbox {margin-top: 30px; border-bottom: 1px dotted #dddddd;}
.business .newsbox .thumb {width: 210px; height: 160px;}
.business .newsbox .thumb img {width: 210px; height: 160px; }
.business .newsbox .info {width: 940px; margin-left: 30px; padding-bottom: 30px;}
.business .newsbox h3 {color: #222222; font-size: 16px; margin-bottom:5px;color: #666666;height: 24px; overflow: hidden;}
.business .newsbox span {font-size: 12px; color: #666666;}
.business .newsbox span i {margin-right: 20px;}
.business .newsbox .wz {margin-top:20px;font-size: 14px; line-height: 26px;height: 52px; overflow: hidden;}
.business .newsbox .an {margin-top:10px; }
.ryzztxt{ float:left; text-align:center; font:14px '微软雅黑'; color:#666666; margin-top:20px; margin-right:15px;margin-bottom:30px;}
.ryzztxt img{ margin-bottom:15px;}
.contenttoptext{ text-align:center; margin-top:50px; margin-bottom:35px;}
.contenttoptext h2{ font:24px '微软雅黑'; color:#222222; margin-bottom:10px;}
.contenttoptext h4{ font:12px '微软雅黑'; color:#a2a2a2;}
.contenttoptex2{border-bottom:1px dotted #a2a2a2; padding-bottom:20px;}
.contentpage{ margin-top:50px; margin-bottom:50px; padding:15px 0; overflow:hidden; border-top:1px solid #e5e5e5; border-bottom:1px dotted #e5e5e5;}
.contentpage span.s1{width:380px;float:left; display:block;}
.contentpage span.s1 a{font:14px '微软雅黑'; color:#222222;}
.contentpage span.s3{ text-align:right;}
.contentpage a.s2{width:90px;float:left; display:block; text-align:center;font:14px '微软雅黑'; color:#21b5ed; background:url(../images/textshow_03.gif) no-repeat; padding-left:10px;}

.contenttjtext{ margin-top:30px; margin-bottom:30px;}
.contenttjtext h2{font:18px '微软雅黑'; color:#333; margin-bottom:20px;}
.contenttjtext li{width:400px; font-size:14px; padding:10px 0 10px 12px; background:url(../images/textshow_04.gif) no-repeat 0 17px;float:left;}
/*工程案例*/
.project-case .filtrate {padding-top: 40px;}
.project-case .filtrate .box span { float: left; color: #808080; font-weight: bold; font-size: 14px;}
.project-case .filtrate .box ul {margin-left: 40px;}
.project-case .filtrate .box ul li {float: left; margin-bottom:10px; margin-right: 20px;font-size: 14px; }
.project-case .filtrate .box ul li a {text-decoration: none;padding: 5px 10px; }
.project-case .filtrate .box ul li a:hover { color: #fff; background: #37a636;}
.project-case .filtrate .box ul li a.on { color: #fff;background: #37a636;}
.project-case .filtrate .box ul li div{ font-size:12px;position:absolute; margin-top:8px; display:none;}



.project-case .filtrate .box2 span {float: left; line-height:33px;font-size: 14px;font-weight: bold;}
.project-case .filtrate .box2 span i {color: #37a638;}
.project-case .filtrate .box2 ul {margin-left: 40px;}
.project-case .filtrate .box2 ul li {float: left; padding: 5px 10px; border: 1px solid #d8d8d8; color: #21b5ed; margin-right: 20px;font-size: 14px;}
.project-case .filtrate .box2 ul li a {background: none;padding: 5px 2px;margin-left: 5px; }


.project-case .filst {margin-top: 80px;}
.project-case .filst .hd {border-bottom: 1px solid #21b5ed;}
.project-case .filst .hd ul li {float: left; font-size: 14px; color: #666666;width: 68px; text-align: center; height: 40px; line-height: 40px; margin-right: 20px;  cursor: pointer;}
.project-case .filst .hd ul li.on {border: 1px solid #21b5ed; border-bottom:1px solid #fff; position: relative; top: 1px;}

.project-case .filst .bd ul li {position: relative; float: left; margin-right: 21px; margin-bottom: 21px;}
.project-case .filst .bd ul .mars {margin-right: 0px;}
.project-case .filst .bd {padding-top: 40px;}
.project-case .filst .bd ul li a {display: block; width: 383px;  height: 291px;}
.project-case .filst .bd ul li a span {display: none; }
.project-case .filst .bd ul li a:hover span {display: block;position: absolute; background: url(../images/filst_li_tit_bg.png) repeat;width: 373px; line-height: 32px;bottom: 0px; left: 0px; padding-left: 10px; height: 166px; overflow: hidden;}
.project-case .filst .bd ul.zmkh li a:hover span{ height:35px;}
.project-case .filst .bd ul.zmkh li{ width:379px;}
.project-case .filst .bd ul li a:hover b {font-size: 16px; font-weight: bold; color: #fff;}
.project-case .filst .bd ul li a:hover i {font-size: 14px; color: #fff;}
.project-case .filst .bd .lis1 { background-size:100%; width: 383px; height: 291px;}
.project-case .filst .bd .lis2 {background: url(../images/filst_bd_img2.jpg) no-repeat center center; width: 383px; height: 291px;}
.project-case .filst .bd .lis3 {background: url(../images/filst_bd_img3.jpg) no-repeat center center; width: 383px; height: 291px;}


.project-case .page {text-align: center; }
.project-case .page a {color: #666666;padding: 5px 15px;  border: 1px solid #ececec; text-decoration: none; margin: 0 2px;}
.project-case .page a:hover {background:#21b5ed; color: #fff;}
.project-case .page a.on {background:#21b5ed; color: #fff;}
.project-case .page .prve {background:#fff; color: #666666; }
.project-case .page .next {background:#fff; color: #666666; }

.project-case .page span {background:#21b5ed; color: #fff;padding: 5px 15px;  border: 1px solid #ececec; text-decoration: none; margin: 0 2px;}

.telbar2 {height: 80px; background: #21b5ed; text-align: center; line-height: 80px;}
.telbar2 span {color: #fff; margin-right: 20px; font-size: 14px;}


/*服务范围*/
.service-range .box {border-bottom: 1px dotted #dddddd; padding-bottom: 45px; margin-top: 50px;}
.service-range .thumb {width: 134px; height: 134px;}
.service-range .thumb img {width: 134px; height: 134px;}
.service-range .info {width:1030px; }
.service-range .info .tit {padding-bottom: 15px;}
.service-range .info .tit h3 {color: #21b5ed; font-size: 22px; font-weight: bold;}
.service-range .info .tit span {color: #0081cc; font-size: 16px; margin-left: 10px; font-weight: normal; }
.service-range .info p {font-size: 14px; width: 1030px; height: 84px; overflow: hidden;}
.service-range .info p a {color: #666666;}


/*楼盘*/
.prol {width: 860px;}
.project-case .filtrate2 span a {background: #e2e2e2; padding: 3px 10px; color: #666666; font-size: 14px; text-decoration: none;}
.project-case .filtrate2 .box ul {margin-left: 90px;}
.project-case .filtrate2 .box ul li {text-align: left; position: relative; padding: 0px 10px; }
.project-case .filtrate2 .box ul li.on  {background: #21b5ed;}
.project-case .filtrate2 .box ul li.on a {color: #fff;}
.project-case .filtrate2 .box ul li.on .close{position: absolute; top: 2px; right: 5px; background: url(../images/filtrate2_x.png) no-repeat center center; width: 5px; height: 5px; cursor: pointer;}


.houses {border-bottom: 1px dotted #dddddd; padding-bottom: 40px; margin-bottom: 40px;}
.houses .thumb {width: 210px; height: 160px;}
.houses .thumb img {width: 210px; height: 160px;}
.houses .info {margin-left: 20px;}
.houses .info h3 {color: #000; font-size: 15px; margin-bottom: 10px; font-weight: bold;}
.houses .info p {color: #666666; font-size: 14px; line-height: 25px;}
.houses .more {padding-top: 120px;}

.pror {width: 290px; padding-top: 40px;}
.pror .starar {width:285px; margin-top:30px; }
.pror .starbox {border: 1px solid #dddddd; margin-bottom: 33px; overflow:hidden;}
.pror .starbox .tit {border-bottom: 1px solid #dddddd;height: 50px; line-height: 50px;padding: 0 10px; }
.pror .starbox .tit span {float: right;}
.pror .starbox .tit span a {color: #666666;}
.pror .starbox .tit h3 {font-size:16px; color: #666666;font-weight: bold; }
.pror .starbox ul {padding: 15px 10px 15px 20px;}
.pror .starbox ul li {background: url(../images/office-project_info_li2.png) no-repeat left center; text-indent: 10px; line-height: 36px;}
.pror .starbox ul li a {color: #666666;}
.pror .starbox ul li a:hover {color: #df2a11;}

.pror .starbox .font01{ display:block; margin:15px; padding-left:10px; font:14px '微软雅黑'; color:#1f8906; background:url(../images/gcal_03.gif) no-repeat 0 8px;}
.pror .starbox a.a1{ font:12px '宋体'; color:#666666; float:left; margin-bottom:15px; margin-left:12px; margin-right:8px;}

/*我们的优势*/
.strength {background: url(../images/strength_bg.jpg) no-repeat center center; height: 493px; margin-bottom: 80px; margin-top: 40px;}
.strength .beiying {background: url(../images/strength_by.png) no-repeat bottom center; height: 102px;}
.strength .tit {text-align: center;}
.strength .wzbar {background: url(../images/filst_li_tit_bg.png) repeat; width: 471px; height: 220px; margin: 0 auto; margin-top: 15px; padding:80px 20px 80px 20px; }
.strength .wzbar h3 {font-size: 16px; color: #fff; font-weight: bold; padding-bottom: 10px;}
.strength .wzbar p {color: #fff; font-size:16px; line-height: 32px;}
.strength .contbar .prev,.strength .contbar .next {position: absolute; top: 250px; left:200px; display: block; width: 73px; height: 77px; background: url(../images/strength_jt.png) 0 -157px; z-index: 9; overflow: hidden; }
.strength .contbar .next{ left:auto; right:200px; background-position: -74px -157px; }
.strength .contbar .prev:hover{ background-position:0 77px; }
.strength .contbar .next:hover{ background-position:-74px 77px; }
.strength .prevStop{ background-position:0 77px !important; }
.strength .nextStop{ background-position:-74px 77px !important; }

.advabar .box {float: left; margin-bottom: 40px; margin-right: 100px;}
.advabar .box .thumb {width: 131px; height: 112px;}
.advabar .box .thumb img {width: 131px; height: 112px;}
.advabar .box .info {width: 381px; margin-left: 20px;}
.advabar .box .info h3 {font-size: 20px; color: #000;}
.advabar .box .info p {margin-top: 10px; line-height: 26px;}
.advabar .box .info p a {color: #666666; font-size: 14px;}
.advabar .mazero {margin-right: 0px;}

/* 中部区域-End */

/*招贤纳士*/
.zxnslistnav{width:1198px; height:49px; margin-bottom:30px;border-bottom:1px solid #e0e0e0;}
.zxnslistnav li{width:98px; height:50px; font:14px/50px '微信雅黑'; color:#666666; cursor:pointer;float:left; text-align:center;}
.zxnslistnav li.on{ color:#21b5ed;background:url(../images/zxnsnavbj.gif) no-repeat;}
.zxnstext{ min-height:300px;}

.online_icon{overflow:hidden; }
.online_icon a{ display: block;width: 85px;height: 148px;font-size: 16px;text-align: center;color: #000;}
.online_windows{ width:144px;}
.online_w_top{ background:#21b5ed 5px 10px;height:10px; _background:url(../images/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom:-7px;}
.online_w_c{ background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px; _background:url(../images/online_bg_ie6.png) repeat-y 0 -185px}

.online_content{ background:url(../images/online_bg.png) no-repeat -147px -185px; padding-top:11px; _background:url(../images/online_bg_ie6.png) no-repeat -147px -185px;}
.online_content a.qq_icon{ background:url(../images/online_bg.png) no-repeat -37px -130px; width:121px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer; }
.online_content a.qq_icon:hover{ background-position:-159px -130px; color:#FFF;}
.online_bar h2{ background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left; }
.online_bar h2 a{ display:block; padding-left:14px; margin-left:6px; cursor:pointer;}
.expand h2 a{ background:url(../images/online_bg.png) no-repeat -36px -69px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -69px;}
.collapse h2 a{ background:url(../images/online_bg.png) no-repeat -36px -96px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -96px;}
.expand h2 a:hover,.collapse h2 a:hover{ text-decoration:none; color:#c81d04;}
.online_content{ text-align:center; border-bottom:1px solid #d0d0d0;}
.online_content ul li{ height:24px; line-height:24px; margin-bottom:4px;}
.online_content ul li a:hover{color:#c81d04; }


.main-title{ background:url(../images/img01.png) no-repeat center bottom; height:100px;}
.main-title span{ display:block; text-align:center; font-size:20px; line-height:100%; margin-bottom:5px;}
.main-title strong{ display:block; text-align:center; font-size:24px; line-height:100%; margin-bottom:5px; color:#21b5ed;}
.main-title a{text-decoration: none;}

#mu5.con06 {margin-top: 50px;margin-bottom: 0px;}
#mu2.con03 {margin-top: 50px;margin-bottom: 0px;}
.con08{  margin-top: 50px;margin-bottom: 0px;}

.right_m{ height:245px; position:fixed; right:0; bottom:30%; z-index:999; margin-bottom:-122.5px;}
.mo_m{width:54px; height:245px; position:relative;}
.right_li{ display:block; height:48px; line-height:48px; font-size:14px; margin-bottom:1px;color:#FFFFFF; text-indent:54px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; overflow:hidden; transition: all 400ms ease 0s;}
.right_li:hover{ color:#FFFFFF !important;}
.qq{width:134px; background:url(../images/c11.png) left center no-repeat #d00110; overflow:hidden; position:absolute; right:-80px; top:49px;}
.m_top{ width:54px; background:url(../images/c10.png) left center no-repeat #333333; position:absolute; /*bottom:-1px;*/}
.kf{ width:134px; background:url(../images/c13.png) left center no-repeat #00a0e9; position:absolute; right:0; top:98px;}
.tell{width:225px; font-size:18px; background:url(../images/c12.png) left center no-repeat #ff711e; position:absolute; right:-171px; top:147px;}
.ewm{width:54px; background:url(../images/c16.png) left center no-repeat #488903; position:absolute; bottom:0;}
.ewm_hover{width:126px; height:126px; border:1px solid #BBBBBB; -moz-border-radius:5px; border-radius:5px; overflow:hidden; position:absolute; right:55px; bottom:0; background:url(../images/wx.png) center center no-repeat; display:none;}

.qq:hover{ right:0; background:url(../images/c11.png) left center no-repeat #d00110;}
.m_top:hover{ right:0; background:url(../images/c10.png) left center no-repeat #ff711e;}
/*.kf:hover{ right:0; background:url(../images/p13.png) left center no-repeat #cc0033;}*/
.tell:hover{ right:0; background:url(../images/c12.png) left center no-repeat #ff711e;}
.ewm:hover{ right:0; background:url(../images/c16.png) left center no-repeat #488903;}



/* 必要布局样式css */
.title_cn {text-align: center;}

.new_con {max-width: 1200px;margin: 0 auto;}

.newtel {width: 1200px;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;font-family: "微软雅黑";font-size: 18px;color: #666}

.new_telst {width: 550px;margin: 0 auto;position: relative;top: 6px;text-align: center}
.new_telst li {width: 166px;line-height: 30px;text-align: center;float: left;display: inline;font-family: "微软雅黑";cursor: pointer;}
.new_telst li.newon {color:#525252;font-weight: bold;}
.new_telst p {position: absolute;top: 32px;left: 0px;width: 166px;height: 7px;border-top: 3px solid #ec0221;overflow: hidden;text-align: center;}
.new_telst b {display: inline-block;width: 0;height: 0;margin-top: -3px;border-style: solid dashed dashed dashed;border-width: 9px;border-color: #ec0221 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.new_lst {height: 345px;position: relative;overflow: hidden;display: none;margin-top: 10px;padding-top: 20px;}
.new_lst ul {position: absolute;left: 0px;}
.new-wrap {margin-top: 30px;width: 1200px;overflow: hidden;}
.new-wrap .show {display: block;}

li.new_cnlf {width: 370px;float: left;}
li.new_cnlf p {width: 100%;}
p.newlf_tel a {font-size: 15px;line-height: 20px;text-align: center;display: block;}
p.newlf_tel a:hover {color:red}
p.newlf_tx {font-size: 12px;line-height: 26px;color: #999;height: 85px;overflow: hidden;}
li.new_cnrf {float: right;width: 820px;margin-left: 10px;}

.newrf_lst dd {width: 368px;height: 85px;border: 1px solid #949191;float: left;margin-left: 35px;margin-bottom: 20px;}

p.new_rq {width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;font-family: Arial, Helvetica, sans-serif;}
p.new_rq span {display: block;font-size: 24px;text-align: center;font-weight: bold;line-height: 35px;padding-top: 5px;}

p.newrf_tx {float: left;width: 270px;margin-top: 8px;}
p.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px;}
p.newrf_tx span {display: block;font-size: 10px;color: #999;height: 60px;overflow: hidden;}

/*.newrf_lst dd:hover {
	width: 366px;
	height: 83px;
	border: 2px solid #ec0221;
	box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);
}*/

.newrf_lst dd:hover p.newrf_tx a {color:  #525252;}
.newrf_lst dd:hover p.new_rq {background: #ec0221;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover p.newrf_tx {margin-top: 7px;}

.mr0 {margin-right: 0px;}
/*施工流程*/
.div_1200{width: 1250px;margin: 0 auto;}
.drzs_m1{padding-top: 0px;}
.fl {float: left;}
.drzs_m1righ {height: 115px;overflow: hidden;}
.drzs_m1rl1 {width: 105px;height: 115px;margin-left: 20px;}
.drzs_m1rl1 a {display: block;border: 1px solid #bbb0b0;padding: 14px 4px 4px 4px;width: 95px;height: 95px;}
.drzs_m1rl1 span {display: block;text-align: center;width: 65px;height: 65px;margin: 0 auto;}
.drzs_m1rl1 span div {width: 65px;height: 65px;display: table-cell;vertical-align: middle;text-align: center;}
.drzs_m1rl1 span div img {-webkit-filter: grayscale(1);filter: gray;filter: grayscale(1);transition: 0.3s;}
.drzs_m1rl1 font {display: block;text-align: center;width: 95px;height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;color: #7c7c7c;margin-top: 5px;}
.drzs_m1rl1 a:hover span div img{-webkit-filter: grayscale(0);/* Webkit */filter: grayscale(0);/* W3C */ transition:0.3s;}
.drzs_m1rl1 a:hover font{ color:red; }



/* 装修流程卡片样式 101×115 */
.process-card {position: relative;width: 101px;height: 115px;background-color: #2b2b36;background-image: url('https://p3-flow-imagex-sign.byteimg.com/tos-cn-i-a9rns2rl98/f5a02e02c27c455a93fa21140f9790d5.png~tplv-a9rns2rl98-image.png?lk3s=8e244e95&rcl=20260413113508D287DC9E244E9790d5.png');background-size: cover;background-position: center;overflow: hidden;}
.process-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 1;}
.corner-top-left {position: absolute;top: 8px;left: 8px;width: 15px;height: 15px;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;z-index: 2;}
.corner-bottom-right {position: absolute;bottom: 8px;right: 8px;width: 15px;height: 15px;border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;z-index: 2;}
.process-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;text-align: center;white-space: nowrap;}
.process-text h3 {margin: 0 0 5px 0;font-family: "Microsoft YaHei", sans-serif;font-size: 20px;font-weight: bold;color: #ffffff;line-height: 1.2;letter-spacing: 1px;}
.process-text p {margin: 0;font-family: "Microsoft YaHei", sans-serif;font-size: 10px;font-weight: normal;color: #ffffff;opacity: 0.9;}


/* 服务流程弹窗 */
.drzs_m1righ { overflow: visible !important; }
.drzs_m1rl1 {float: left;text-align: center;position: relative !important;}
/* 下方悬浮提示框 */
.tooltip {position: absolute !important;top: 100% !important;left: 50% !important;transform: translateX(-50%) !important;background: #808080 !important;color: #fff !important;padding: 10px 16px !important;border-radius: 6px !important;font-size: 12px !important;white-space: nowrap !important;opacity: 0 !important;visibility: hidden !important;transition: all 0.3s ease !important;z-index: 99999999 !important; /* 超级高层级 */box-shadow: 0 3px 8px rgba(0,0,0,0.2) !important;margin-top: 8px !important;display: block !important;}
/* 箭头 */
.tooltip::after {content:"" !important;position:absolute !important;bottom: 100% !important;left: 50% !important;transform: translateX(-50%) !important;border:6px solid transparent !important;border-bottom-color:#3a3a3a !important;}
/* 悬浮显示 */
.drzs_m1rl1:hover .tooltip {opacity: 1 !important;visibility: visible !important;display: block !important;}

/*右侧公共样式*/
.sidebar {width: 270px;float:right;border: 1px solid #b5b5b5;margin: 10px 0px 0px 10px;text-align: center;}
.sidebar .About_form { text-align: center; padding-top: 15px;}
.sidebar .About_form .About_form_title { line-height: 46px; font-size: 18px;}
.sidebar .About_form .About_form_txt { padding-bottom: 16px; color: #d20a0a;}
.sidebar .About_form .About_form_ { padding-bottom: 9px;}
.sidebar .About_form input {  background-color: #e6e6e6; width: 210px; height: 40px;  padding-left: 20px;  margin: 1px auto;}
.sidebar .About_form .input_div_i {   position: relative;}
.sidebar .About_form input { background-color: #e6e6e6; width: 210px; height: 40px;  padding-left: 20px;   margin: 10px auto;border: 1px solid #000;}
.sidebar .About_form span { color: #808080; display: inline-block;  padding-top: 16px;font-size: 12px;}
.sidebar .About_form button { margin-bottom: 35px; color: #fff; width: 230px;  height: 40px;  text-align: center;line-height: 40px;  background-color: #ff3333;}
  
.font-size {border-top: 1px dashed #ccc;padding-top: 20px;}
.font-size a{color: #ffffff;}
.KF {padding: 2px 6px;background-color: #21b5ed;color: #ffffff;}
.KF:hover {background-color: #1a97c7;color: #ccc;}



/* FAQ容器 */
.faq-section {max-width: 1200px;margin: 40px auto;padding: 0 20px;}
.faq-title {font-size: 18px;font-weight: 600;color: #222;margin-bottom: 25px;padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;}
.faq-title::before {content: "🔥";margin-right: 10px;}
/* 一行3个布局 —— 修复高度错乱 */
.faq-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;align-items: start;width: 1200px;}
.faq-item {background: #f9f9f9;border-radius: 8px;overflow: hidden;border: 1px solid #eee;transition: all 0.3s ease;}
.faq-item:hover {box-shadow: 0 2px 8px rgba(0,0,0,0.08);}
.faq-question {padding: 5px 20px;font-size: 14px;font-weight: 500;color: #222;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}
.faq-question::after {content: "+";font-size: 22px;color: #666;transition: transform 0.3s ease;}
.faq-item.active .faq-question::after {transform: rotate(45deg);}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding: 0 20px;}
.faq-item.active .faq-answer {max-height: 500px;padding: 0 20px 20px;}
.faq-answer p {font-size: 12px;color: #555;line-height: 1.8;}
.faq-answer ul {margin: 10px 0 10px 10px;}
.faq-answer li {margin: 8px 0;font-size: 12px;color: #555;}
.faq-answer li::before {content: "• "; /* 手动添加圆点 */color: #333;margin-right: 5px;}




.animation {padding: 20px 0px;position: relative;width: 620px;height: 50px;float: left;text-align: center;}
.text-group {position: absolute;width: 100%;}
.cn-line {font-size: 18px;font-weight: normal;white-space: nowrap;opacity: 0;}
.en-line {font-size: 10px;color: #666;font-family: 'Arial', sans-serif;white-space: nowrap;opacity: 0;}
.cn-line .purple { color: #8a5cad; }
.cn-line .black { color: #000; }
.group1 .cn-line {transform: translateY(-30px);animation: group1CN 12s linear infinite;}
.group1 .en-line {transform: translateY(30px);animation: group1EN 12s linear infinite;}
/* 第一组：中文向上淡出，英文向下淡出 */
@keyframes group1CN {
    0%  { opacity: 0; transform: translateY(-30px); }
    8%  { opacity: 1; transform: translateY(0); }
    45% { opacity: 1; transform: translateY(0); }
    50% { opacity: 0; transform: translateY(-30px); }
    100%{ opacity: 0; }
}
@keyframes group1EN {
    0%  { opacity: 0; transform: translateY(30px); }
    8%  { opacity: 1; transform: translateY(0); }
    45% { opacity: 1; transform: translateY(0); }
    50% { opacity: 0; transform: translateY(60px); }
    100%{ opacity: 0; }
}

/* 第二组：左右滑入滑出 */
.group2 .cn-line {transform: translateX(-60px);animation: group2CN 12s linear infinite 6s;}
.group2 .en-line {transform: translateX(60px);animation: group2EN 12s linear infinite 6s;}
@keyframes group2CN {
    0%  { opacity: 0; transform: translateX(-60px); }
    8%  { opacity: 1; transform: translateX(0); }
    45% { opacity: 1; transform: translateX(0); }
    50% { opacity: 0; transform: translateX(60px); }
    100%{ opacity: 0; }
}
@keyframes group2EN {
    0%  { opacity: 0; transform: translateX(60px); }
    8%  { opacity: 1; transform: translateX(0); }
    45% { opacity: 1; transform: translateX(0); }
    50% { opacity: 0; transform: translateX(-60px); }
    100%{ opacity: 0; }
}