@charset "utf-8";

/* CSS Document */

/*————————————————————————————————客户见证————————————————————————————————*/

#customer_bg { width:100%; height:550px; background:#f5f5f5; overflow:hidden;}

#customer {height:auto; position:relative; width:1180px; margin:0 auto; clear:both;}

#customer h3 { width:100%; height:65px; text-align:center; font-size: 12px; text-transform: uppercase; word-spacing: 3px; letter-spacing: -1px; background:url(../images/custom_h3_bg.png) no-repeat center top; margin-bottom:45px; margin-top:35px;}

#customer h3 a {font-size:32px;}

#customer ul {margin:0px auto 10px;}

#customer ul li { width:210px; /*padding:0px 19px; border:#7E6755 1px solid; padding-bottom:28px;*/ float:left; margin-right:30px; background:#fff; border-radius:10px}

/*#customer ul li:hover {background:url(../images/custom_li_bg1.jpg) no-repeat center 20px;}

#customer ul li:hover a { color:#fff;}

#customer ul li:hover { color:#fff;}*/

#customer ul li img { width:210px; height:150px; /*border:#fff 2px solid;*/ border-top-left-radius: 10px; border-top-right-radius: 10px; }

#customer ul li h4 { height:30px; line-height:30px; text-align:center;  /*width:210px;*/overflow:hidden; padding:10px 15px 0}

#customer ul li h4 a { font-size:16px; font-weight:bold;}

#customer ul li p {line-height:25px; font-size:14px;  /*width:210px; */overflow:hidden; height:83px; padding:0 10px}

#customer ul li .customer_more { width:150px; height:30px; line-height:30px; display:block; text-align:center; /*border:#a5a09d 1px solid;*/ margin:20px auto; background:#efefef; border-radius:3px}

#customer ul li .customer_more:hover{ background:#7E6755; color:#fff }

/* 滑动门通用按钮 */

.lefts,.rights {display:block; width:25px; height:27px; margin-top:0px; position:absolute; top:55%;  background: url(../images/p_n1.png) no-repeat;}

.lefts {background-position:0px 0px; left:5px;}

.rights {background-position:-25px 0px; right:5px;}

/*————————————————————————————————产品————————————————————————————————*/

#product_bg {width:100%; /*height:745px;  background:url(../images/product_bg.jpg) no-repeat center top;*/padding-top:20px; background:#fff} 

#tab_2{width:1180px; /*height:705px;*/ position:relative; margin:20px auto 10px; }

#tab_2 .tab_menu{width:280px; height:517px; overflow:hidden; float:left; background-color:#d6d6d6;  position:absolute;z-index:1;  }

#tab_2 .tab_menu li{width:100%; height:73px; line-height:73px;font-size: 16px;/*padding-left:98px;*/ border-bottom:#fff 1px solid; /*background:url(../images/ico2.png) no-repeat 80px center; */text-align:center; background:#efefef}

#tab_2 .tab_menu li a{ display:block;}

#tab_2 .tab_menu li a:hover{ color:#fff }

#tab_2 .tab_box_2{width:900px; /*height:517px; margin-bottom:125px; */clear:both; top:0px; position:relative; float:right;}

#tab_2 .tab_menu .selected{background-color:#7E6755; cursor:pointer; height:73px; color:#fff; /*background-image:url(../images/ico3.png);*/ }

#tab_2 .tab_menu .selected:hover{ color:#fff}

#tab_2 .hide{display:none;}

/*----------- 十一、从底部上升的遮罩效果---------------------------*/   

.ul11 {width:595px; height:517px; float:left;}  

.ul11 li,.ul11 li img{width:595px; height:517px;}

.ul11 li{float:left; position:relative; overflow:hidden; cursor: pointer;}

.ul11 li div{position:absolute; left:0; bottom:0; width:100%; font-size:12px; height:35px; line-height:35px; text-align:center; color: #fff; background: url(../images/ico1.png);}

.ul11 li h3 { font-size:14px;}

.ul11 li div p{display: block; padding:0px 20px; text-align:left;}

.ul12 {width:300px; height:256px; float:right;}  

.ul12 li,.ul12 li img{width:300px; height:256px;}

.ul12 li{float:left; position:relative; overflow:hidden; cursor: pointer;}

.ul12 li div{position:absolute; left:0; bottom:0; width:100%; font-size:12px; height:35px; line-height:35px; text-align:center; color: #fff; background: url(../images/ico1.png);}

.ul12 li h3 { font-size:14px;}

.ul12 li div p{display: block; padding:0px 20px; text-align:left;}

.ul12 li { margin-bottom:5px;}

.zixun { width:120px; height:28px; font-size:0; /*background-color:#F00;*/ display:block; clear:both; margin-left:945px;}

/*————————————————————————————————优势————————————————————————————————*/

#advan_bg {width:100%;  /*height:680px;padding-top:120px; background:url(../images/advan_bg.jpg) no-repeat center top;*/ background:#f5f5f5; clear:both; padding: 30px 0;}

#tab_6 { width: 1166px; height: 555px; padding:0px 7px; margin:0 auto; position: relative;}

#tab_6 .tab_menu{width:1180px; position:absolute; z-index:1; height:460px; margin-top:40px;}

#tab_6 .tab_menu li{width:280px; padding-left:10px; height:87px; cursor:pointer; overflow:hidden; margin-bottom:88px; background:url(../images/li_bg1.png) no-repeat 0 0;}

#tab_6 .tab_menu li:hover{ background-image:url(../images/li_bg2.png)}

#tab_6 .tab_menu .li_a{ background-image:url(../images/li_bg3.png)}

#tab_6 .tab_menu .li_a:hover{ background-image:url(../images/li_bg4.png); color:#fff;}

#tab_6 .tab_menu .li4 {position: absolute; left:880px; top:0px; padding-left:15px;}

#tab_6 .tab_menu .li5 {position: absolute; left:880px; top:176px; padding-left:15px;}

#tab_6 .tab_menu .li6 {position: absolute; left:880px; top:360px; padding-left:15px;}

#tab_6 dl { width:280px; height:77px; padding:5px; /*background-color:#F00;*/}

#tab_6 dl dt {color:#676968;  font-weight:bold; height:35px;  /*background-color:#F0F;*/}

#tab_6 dl dt em { float:left; font-size:35px; margin-right:8px; line-height:35px;}

#tab_6 dl dt span { color:#1e1c1d; font-size:22px; line-height:22px; padding-top:8px; display:block; float:left;}



#tab_6 dl dd { color:#5a5b5b; font-size:14px; font-weight:bold; float:left; width:255px;}



#tab_6 .tab_menu li:hover dt {color:#fff;}

#tab_6 .tab_menu li:hover dd {color:#fff;}

#tab_6 .tab_menu li:hover dt span {color:#fff;}

#tab_6 .tab_box_6{ width:528px; height:528px ;position: absolute; z-index:10; top:6px; left:312px; right: 0px;}

#tab_6 .tab_box_6 img {border-radius:280px; border:#fff 4px solid;}

#tab_6 .tab_menu .selected{ cursor:pointer; height:87px; color:#fff;}

#tab_6 .hide{display:none;}

#tab_6 .tab_box_6 div{}

/*————————————————————————————————案例————————————————————————————————*/

#case_bg { width:100%; height:465px; padding-top:20px; background:#fff /*background:url(../images/case_bg.jpg) no-repeat center top;*/}

#case_bg h3 { height:55px; line-height:55px;color:#7E6755; }

#case { position: relative; overflow: visible; width:1080px;height:300px;}

#case h3{ height:50px; line-height:50px; margin-bottom:20px; text-align:center; font-size:26px; color:#7E6755;font-weight:bold;}

#case h3 a{color:#7E6755;}

.case ul{margin:0 auto;height:310px;width:980px; }

.case li{height:310px;width:460px;text-align:center;cursor:pointer;}

.case li img {width:100%;padding: 5px;}

.case li.roundabout-in-focus{cursor:default;}

.case ul li span {display:none;width: 100%;height: 35px;line-height: 35px;font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.case ul .roundabout-in-focus span {display: block;}

/*————————————————————————————————适用场所————————————————————————————————*/

#place_bg { width:100%; height:360px; /*background:url(../images/place_bg.jpg) no-repeat center top;*/ padding-top:36px; background:#f5f5f5}

#place_bg h3 { height:35px; line-height:35px; text-align:center; font-size:26px; margin-bottom:30px;font-weight:bold;color:#cccccc; }

#place_bg h3 a{ color:#7E6755; }

#place { width:1180px; margin:0 auto; clear:both;}

#place #gd { width:1180px;}

#place li { width:200px; height:250px; /*background:url(../images/place_li_bg.jpg) no-repeat 0 0;*/ float:left; margin-right:18px;margin-left:18px;}

/*#place li:hover { background-image:url(../images/place_li_bg2.jpg);}*/

#place .last { margin-right:0px;} 

#place li img { width:200px; height:200px; border-radius:100px;}

#place li .txt { margin-top:15px; height:35px; line-height:35px; display:block; color:#fff; text-align:center; width:140px; background:#7E6755; border-radius:5px; margin-left:32px}

#place li .txt:hover{ background:#7e6755}

#place_bg .zixun { width:120px; height:28px; font-size:0; /*background-color:#F00;*/ display:block; clear:both; margin-left:945px; margin-top:152px; clear:both;}

/*————————————————————————————————了解曙光————————————————————————————————*/

#about_bg { width:100%; height:380px; background-color:#fff;}

#about { width:1180px; margin:0 auto;}

.computer { float:left; width:427px; height:130px; /*padding:23px 19px 133px 20px; float:left; background:url(../images/computer.jpg) no-repeat 0 0; border: 5px solid #f5f5f5;  border-radius: 10px; */margin-top: 43px;}

#about .about_main { width:680px; padding-top:20px; height:443px; /*background-color:#F00;*/ overflow:hidden; float:right;}

#about .about_main h3 { text-align:center; font-size:22px; font-weight:bold; color:#414141; height:55px; line-height:55px;}

#about .about_main p { text-indent:2em; line-height:25px;}

#about_ul { clear:both; padding-top:24px;}

#about_ul li { width:226px; height:186px; float:left; margin-right:24px; margin-bottom:30px;} 

#about_ul li img { width:210px; height:140px; padding:7px; border:#cfcfcf 1px solid;}

#about_ul li .txt {height:30px; line-height:30px; display:block;  text-align:center;}

/*————————————————————————————————运营中心————————————————————————————————*/

#bg_color { width:100%; height:480px; padding-top:15px; background-color:#f3f3f3;}

#bg_width { width:1180px; margin:0 auto;}

#tab{ width:824px; height:460px; background-color:#FFF; position:relative; float:left;}

#tab .tab_menu{width:100%; float:left; position:absolute; z-index:1;}

#tab .tab_menu li{ font-size:16px; float:left; width:392px; padding-left:20px; height:45px; line-height:45px; cursor:pointer; color:#fff; background:#7E6755;}

#tab .tab_box{width:824px; height:395px; padding-top:20px; clear:both; top:30px; position:relative;}

#tab .tab_box dl { height:185px; border-bottom:#999 1px dotted; margin-bottom:15px;}

#tab .tab_box dt { float:left;}

#tab .tab_box dd { width:560px; float:right;}

#tab .tab_box dd h4 { height:50px; line-height:50px; font-size:16px; font-weight:bold;}

#tab .tab_box img{ width:220px; height:166px;}

#tab .tab_box dd p { line-height:24px;}

#tab .tab_menu .selected{background-color:#414141; cursor:pointer;}

#tab .hide{display:none;}

#tab .tab_box div{padding:10px;} 

#tab .tab_box ul {}

#tab .tab_box li { height:30px; line-height:30px; background:url(../images/news_li_bg.jpg) no-repeat 3px 12px; padding-left:25px; text-align:left;}

#tab .tab_box li span { float:right;}

#problem {width:340px; height:460px; float:right; background-color:#FFF;}

#problem h3 {width:320px; padding-left:20px; height:45px; font-size:16px; line-height:45px; background-color:#414141; color:#fff;}

#problem h3 a { color:#fff; float:right; margin-right:20px;}

#problem img { width:307px; height:166px; padding-bottom:18px; margin:16px 0px 20px 16px; border-bottom:#999 1px dotted;}

/*————————————————————————————————常见问题————————————————————————————————*/

#problem div {width:307px; margin:0 auto;/* padding:15px 0px 15px 10px;*/ position:relative;}

#problem div ul{ position:relative; height:175px;}

#problem div ul li {height:30px; line-height:30px; background:url(../images/news_li_bg.jpg) no-repeat 3px 12px; padding-left:25px;}

/*————————————————————————————————地图————————————————————————————————*/

#mapa { width:1180px; height:500px; margin:0 auto; /*border:#f00 1px solid; */clear:both; padding-top:18px; }

.map_pic {

	float: left;

	height: 450px;

	width: 638px;

}



#mapa h3{width:1180px; height:45px; font-size:16px; line-height:45px; background-color:#414141; color:#fff; margin-bottom:3px;}

#mapa h3 span { display:block; float:left; padding-left:45px; background:url(../images/map_ico.jpg) no-repeat 10px 12px;}

#mapa h3 div { width:620px; height:35px; margin-top:5px; background-color:#FFF; float:right; margin-right:25px;}

#mapa h3 div img { float:left;}

#mapa h3 div ul {}

#mapa h3 ul li { color:#545454; height:35px; line-height:35px; margin:0 9px; float:left;} 

#mapa h3 ul li a{color:#545454;font-size:16px;}

#tab_8{width:535px; height:450px; background-color:#e6e6e6;; position:relative; float:right;}

#tab_8 .tab_menu{width:160px; height:405px; padding:15px 0px 30px 15px; background-color:#414141; float:left; position:absolute;z-index:1;}

#tab_8 .tab_menu li{width:160px; height:45px; line-height:45px;  cursor:pointer; text-align:center; margin:0px 0px 2px 0px; overflow:hidden; color:#fff; }

#tab_8 .tab_box_8{width:360px; height:100px; clear:both; top:0px; position:relative; float: right;}

#tab_8 .tab_menu .selected{background-color:#e6e6e6; cursor:pointer; height:45px; color:#505050;}

#tab_8 .hide{display:none;}

#tab_8 .tab_box_8 div{}

#tab_8 .tab_box_8 div p { width:307px; margin:0 auto; line-height:25px; padding:25px 0px;}

#tab_8 .tab_box_8 div div{ width:240px; height:45px;padding: 37px 0px 0px 90px; background:url(../images/yunyin_tel_bg.jpg) no-repeat 0 0; margin:0 auto; color:#cffed4; font-size:22px; font-weight:bold;}

.end {

	background-color: #000000;

	height: 50px;

	width: 100%;

	z-index: 1000;

	bottom: 0px;

}