@charset "utf-8";

/* CSS Document */



/*search*/

.search-box{ width:100%; 

	height:50px;

}

.search-box2{ width:1180px; 

	height:30px; 

	margin:0 auto;

	padding-top:10px;

}

.search-L{ width:700px; 

	height:30px; 

	line-height:30px; 

	float:left; 

	overflow:hidden;

}

.search-L a{ margin-right:10px;}

.search-R{ width:272px; 

	height:30px;  

	float:right;

	border:1px solid #4c4c4c;

	border-radius:300px;

}

.search-R1{ width:210px; 

	height:28px;

	float:left;

}

.search2{ width:210px; 

	padding-left:10px; 

	background:none; 

	color:#909090; 

	line-height:28px;

	height:28px;

}

.search3{padding:5px 8px 0 0;}

.search3 input{ width:20px; 

	height:20px; 

	background:url(search.png) no-repeat center; 

	float:right;

	cursor:pointer;

	border:medium none;

}





/* banner */

.banner{width:100%; margin:0 auto; position:relative; height:550px; z-index:1;}

.fullSlide{width:100%;position:relative;height:100%;background:transparent}

.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{height:100%;}

.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}

.fullSlide .bd li a{display:block;height:100%}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}

.fullSlide .hd ul{text-align:center;margin-bottom:20px}

.fullSlide .hd ul li{background:#743107;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}

.fullSlide .hd ul .on{background:#da251c;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}







/*cententbox*/

.cententbox{width:100%; margin:40px auto; overflow:hidden;}






/*优点*/

.ydbox{height:580px; background:url(yd_bj.png) no-repeat center; position:relative;}

.ydbox h3{width:493px; height:77px; margin:0 auto;}

.yd img{position:absolute; top:106px; left:435px;}

.yd ul li{width:320px; overflow:hidden;}

.yd ul li h4{background:url(yd_t.png) no-repeat center; width:75px; height:75px; line-height:65px; text-align:center; font-size:24px; color:#fff;}

.yd ul li p{font-size:16px; line-height:22px;}

.yd_1 h4,.yd_2 h4,.yd_3 h4,.yd_5 p,.yd_6 p,.yd_7 p{float:right;}

.yd_1 p,.yd_2 p,.yd_3 p,.yd_5 h4,.yd_6 h4,.yd_7 h4{float:left;}

.yd_4{text-align:center;}

.yd_4 h4{margin:0 auto;}

.yd_4 p{width:320px; margin-top:5px;}

.yd_1 p,.yd_2 p,.yd_3 p{text-align:right;}

.yd_1 p,.yd_2 p,.yd_3 p,.yd_5 p,.yd_6 p,.yd_7 p{width:235px;}

.yd_1{position:absolute; top:120px; left:10px;}

.yd_2{position:absolute; top:275px; left:45px;}

.yd_3{position:absolute; top:395px; left:140px;}

.yd_4{position:absolute; top:450px; left:430px;}

.yd_5{position:absolute; top:395px; right:140px;}

.yd_6{position:absolute; top:275px; right:45px;}

.yd_7{position:absolute; top:120px; right:10px;}





/*product*/

.probox{margin:40px auto;}

.pro_fl{height:150px; background:#f9e9ce;}

.pro_fl h2{float:left; width:130px; padding-right:15px; background:url(fl_bt.jpg) no-repeat center; text-align:center; height:150px;}

.pro_fl h2 a{color:#fff; font-size:16px; font-weight:normal; text-transform:uppercase; line-height:33px; padding-top:30px; height:35px; display:block;}

.pro_fl h2 a b{font-size:24px;}

.pro_fl span a{font-size:14px;}

.pro_fl span a:hover{text-decoration:underline;}

.pro_fl div{width:980px; float:right; padding-top:20px; margin-right:30px;}

.pro_fl div a{font-size:16px; line-height:38px; padding-right:30px;}

.pro_fl div a:hover,.tab_box ul li a:hover,.anout_txt a:hover,.gd_05 li a:hover{color:#da251c; text-decoration:underline;}



/* 滑动门 */

#tab{width:100%;margin:40px auto 0 auto;}

#tab .tab_menu{width:340px; font-size:16px; overflow:hidden; margin:0 auto 30px auto; height:35px; background:url(pro_bt.png) no-repeat center; padding:15px 183px;}

#tab .tab_menu li{float:left;width:130px;height:35px;line-height:35px;text-align:center; background:#ffc487; margin:0 20px;}

#tab .tab_menu li a{display:block; color:#743107; font-size:18px; font-weight:bold;}

#tab .tab_box{width:1180px;height:554px; overflow:hidden;}

#tab .tab_menu .selected a{ background:#743107; color:#ffeddb;}

#tab .hide{display:none;}



.tab_box ul{width:1220px; overflow:hidden;}

.tab_box ul li{width:265px; height:267px; overflow:hidden; float:left; margin-right:40px; margin-bottom:20px;}

.tab_box ul li a div{height:237px; background:url(pro_bj.png) no-repeat center bottom;}

.tab_box ul li a img{width:259px; height:214px; border:1px solid #999999; padding:2px;}

.tab_box ul li a{line-height:30px; text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*x_banner*/

.x_banner{width:100%; height:300px; overflow:hidden;}

.x_banner1{background:url(x_banner.jpg) no-repeat center; color:#ffeddb;}

.x_banner2{background:url(x_banner1.jpg) no-repeat center; color:#ffeddb;}

.zx{width:456px; float:right; padding-top:20px;}

.x_text{width:100%; height:175px; overflow:hidden; background:url(x_txt.jpg) no-repeat center bottom; text-align:center;}

.x_text p{font-size:36px; line-height:45px; font-weight:bold;}

.x_text span{font-size:20px; display:block; height:35px; padding-top:73px; letter-spacing:3px;}

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

.x_btn p{width:250px; float:left; font-size:18px; line-height:20px;}

.x_btn p b{font-size:30px; line-height:35px;}

.x_btn a{display:block; width:170px; height:45px; line-height:45px; background:url(x_btn.jpg) no-repeat center bottom #ffeddb; float:right; padding-bottom:12px; text-align:center; font-size:24px; color:#743107; font-weight:bold; letter-spacing:2px;}





/*优势*/

.ysbox{width:100%; height:1094px; overflow:hidden; background:url(ys_bj.jpg) no-repeat center;}

.ys{height:1094px; overflow:hidden; position:relative;}

.ys h3{width:100%; text-align:center; margin-top:90px;}

.ys h3 a{font-size:36px; line-height:55px;}

.ys h3 a b{font-size:80px; color:#743107; font-style:italic; padding:0 15px 0 8px;}

.ys h3 a span{font-size:45px; color:#743107;}

.ys h3 p{font-size:18px; text-transform:uppercase; color:#999999; font-weight:normal; line-height:24px;}

.ys h3 p i{font-size:24px; color:#ea9b3f; padding-right:15px;}



.ys_tu1{position:absolute;top:274px; right:100px;}

.ys_tu2{position:absolute;bottom:145px; left:77px;}

.ys_tu_txt li{font-size:26px; line-height:33px; text-align:center; width:120px; color:#fff;}

.ys_tu_txt1{position:absolute; top:290px; right:250px;}

.ys_tu_txt2{position:absolute; top:385px; right:338px;}

.ys_tu_txt3{position:absolute; top:475px; right:250px;}

.ys_tu_txt4 p{position:absolute; top:370px; right:125px; font-size:36px; line-height:50px;}



.ys_txt ul li{width:450px; overflow:hidden;}

.ys_txt ul li h4{width:100%; height:50px; overflow:hidden;}

.ys_txt ul li h4 b{display:block; width:44px; height:44px; border:3px solid #743107; float:left; text-align:center; line-height:44px; color:#743107; font-size:30px;}

.ys_txt ul li h4 p{float:right; width:390px; line-height:26px; font-size:14px; color:#8d7e33; text-transform:uppercase; font-weight:normal;}

.ys_txt ul li h4 p strong{font-size:24px; color:#743107;}

.ys_txt ul li .ys_text{width:415px; float:right; margin-top:25px;}

.ys_txt ul li .ys_text p{background:url(ya_x.jpg) no-repeat left 2px; padding-left:25px; font-size:16px; line-height:26px;}

.ys_1{position:absolute; top:255px; left:0;}

.ys_2{position:absolute; top:450px; left:0;}

.ys_3{position:absolute; top:635px; right:0;}

.ys_4{position:absolute; top:850px; right:0;}







/*case*/

.casebox{margin:40px auto;}

/*标题*/

.bt{width:100%; text-align:center; overflow:hidden;}

.bt span{text-transform:uppercase; font-size:24px; color:#cccccc; line-height:24px; font-weight:bold;}

.bt h3 a{font-size:24px; color:#000;}

.bt h3 a b{font-size:30px; color:#743107;}

.bt p{width:100%; height:35px; line-height:35px; margin-top:15px;}

.bt p a{padding:8px 20px; margin:0 20px; font-size:16px;}

.bt p a:hover{text-decoration:underline;}

.bt p .zx_btn{background:#743107; color:#fff;}

.bt p .gd_btn{background:#ffc487; color:#743107;}

.case_bt h3{height:35px; line-height:35px; background:url(case_bt.jpg) no-repeat center;}

.about_bt h3{height:35px; line-height:35px; background:url(about_bt.jpg) no-repeat center;}

.jz_bt h3{height:35px; line-height:35px; background:url(jz_bt.jpg) no-repeat center;}



/* main_img */

.main_img{

    height: 200px;

    width: 280px;

	overflow:hidden;

	position: relative;

}

.main_img img{

	height: 200px;

    width: 280px;

    overflow-x: hidden;

    overflow-y: hidden;

    position: relative;

	z-index:1;

	transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

	}

.case_1{

    height: 420px;

    width: 560px;

	overflow:hidden;

	position: relative;

}

.case_1 img{

	height: 420px;

    width: 560px;

    overflow-x: hidden;

    overflow-y: hidden;

    position: relative;

	z-index:1;

	transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

	}

.main_img .show {

    background: rgba(0, 0, 0, 0.4);

    height:200px;

    left: 0;

    opacity: 0;

	filter:alpha(opacity=0);

    position: absolute;

    top: 0;

    transition-delay: 0s;

    transition-duration: 0.3s;

    transition-property: opacity;

    transition-timing-function: ease-in;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.3s;

    -moz-transition-property: opacity;

    -moz-transition-timing-function: ease-in;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.3s;

    -webkit-transition-property: opacity;

    -webkit-transition-timing-function: ease-in;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.3s;

    -o-transition-property: opacity;

    -o-transition-timing-function: ease-in;

    width:290px;

    z-index: 200;

}

.case_1 .show {

    background: rgba(0, 0, 0, 0.4);

    height:420px;

    left: 0;

    opacity: 0;

	filter:alpha(opacity=0);

    position: absolute;

    top: 0;

    transition-delay: 0s;

    transition-duration: 0.3s;

    transition-property: opacity;

    transition-timing-function: ease-in;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.3s;

    -moz-transition-property: opacity;

    -moz-transition-timing-function: ease-in;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.3s;

    -webkit-transition-property: opacity;

    -webkit-transition-timing-function: ease-in;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.3s;

    -o-transition-property: opacity;

    -o-transition-timing-function: ease-in;

    width:560px;

    z-index: 200;

}

.main_img .show .imgArea {

    left: 35%;

	bottom:0;

    margin:-15px 0px 0px -40px;

    opacity: 0;

    position: absolute;

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.case_1 .show .imgArea {

    left: 45%;

	bottom:0;

    margin:-15px 0px 0px -40px;

    opacity: 0;

    position: absolute;

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.main_img .show .imgArea h3{ text-align:center;}

.main_img .show .imgArea h3 a{line-height:45px; color:#fff;}

.main_img .show .imgArea p a{

	color:rgba(255,255,255, 0.8);

	display:block;

	padding:5px 0;

	text-align:center;

	border:rgba(255,255,255, 0.6) 1px solid;

	border-radius:8px;

	font-size: 16px;

}

.main_img .show .imgArea p a:hover{

	background: rgba(255,255,255, 0.7);

	color:rgba(0,0,0, 0.6);

}

.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}

.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

.main_img:hover img {

	transform: scale(1.2, 1.2);

	

	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */

	-moz-transform:scale(1.2, 1.2); 	/* Firefox */

	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */

	-o-transform:scale(1.2, 1.2); 	/* Opera */

}



@media \0screen\,screen\9 {/* 只支持IE6、7、8 */

  .main_img .show .imgArea p a{

    background-color:#fff;

    filter:Alpha(opacity=60);

    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */

    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */

  }

  }

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */

  .main_img:hover .show .imgArea{

    background-color:#000;

    filter:Alpha(opacity=60);

    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */

    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */

  }

  }




.boxes{width:1180px; overflow:hidden; margin:0 auto; }


.boxes ul li{ float:left;}





/*about*/

.aboutbox{margin:40px auto;}

.about{height:350px; overflow:hidden; margin-top:30px;}

.about_img{float:left; width:400px; height:350px; overflow:hidden;}

.about_img img{width:390px; height:340px; border:1px solid #808080; padding:4px;}

.about_nr{width:740px; float:right;}

.anout_txt{width:100%; height:180px; overflow:hidden; border-bottom:1px solid #743107;}



.anout_txt h3 a{line-height:35px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:18px; color:#743107;}

.anout_txt .about_text{height:102px; overflow:hidden;}

.anout_txt .about_text p{text-indent:2em; line-height:26px;}

.anout_txt span a{line-height:40px; color:#743107; font-size:16px;}



.gd_05{ position:relative; height:150px; width:100%; margin-top:30px;}

.gd_05 em{

	position: absolute;

	top: 0px;

}

.gd_05 .t_l{

	left:0px;

}

.gd_05 .t_r{

	right:0px;

}

.gd_05 #simgs05{ width:663px; margin:0 auto;}

.gd_05 li{float:left; width:150px; padding-right:20px; text-align:center; line-height:20px;}

.gd_05 li.last{padding-right:0;}

.gd_05 li img{ display:block; width:144px; height:114px;border:1px solid #999999; padding:2px;}

.gd_05 li a{color:#000000;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.gd_05 li img:hover{border:1px solid #da251c;}

.gd_05 .fl { float:left;}

.gd_05 .fr { float:right;}

.gd_05 .pa{ position:absolute;}

.gd_05 .pr{ position:relative}





/*安装流程*/

.lcbox{height:260px; background:url(lc_bj.jpg) no-repeat center;}

.lc_bt{margin-top:20px;}

.lc_bt span{color:#b26f35;}

.lc_bt h3 a{color:#ffeddb;}

.lc_bt h3 a b{color:#efad63;}

.lc{margin:20px 0 0 62px;}

.lc ul{width:1200px; overflow:hidden;}

.lc ul li{width:100px; text-align:center; float:left; font-weight:bold; line-height:30px; margin-right:60px;}

.lc ul li span{color:#ffeddb; font-size:30px; line-height:30px; display:block;}

.lc ul li p{color:#efad63; font-size:20px;}

.lc_1 span,.lc_3 span,.lc_5 span,.lc_7 span,.lc_2 p,.lc_4 p,.lc_6 p{padding-bottom:55px;}





/*客户见证*/

.jzbox{margin:40px auto;}

.jz{margin-top:30px; height:385px; overflow:hidden;}

.jz ul{width:1200px;}

.jz ul li{width:280px; overflow:hidden; float:left; margin-right:20px;}

.jz ul li img{border:1px solid #211d03; padding:3px;}

.jz_txt h3 a{text-align:center; width:100%; line-height:30px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.jz_txt p{text-indent:2em; line-height:24px; height:45px; overflow:hidden;}

.jz_txt span a{display:block; width:130px; height:30px; line-height:30px; color:#743107; background:#ffc487; text-align:center; margin:10px auto 0 auto;}

.jz_txt h3 a:hover{color:#743107;}

.jz .jz_txt span a:hover{background:#743107; color:#fff;}







/*new*/

/*.newbox{margin:40px auto;}*/

/*faq*/

.faqbox{width:330px; float:left;}

.faqbox h3{height:50px; overflow:hidden;}

.faqbox h3 b a{display:block; width:150px; height:50px; line-height:50px; background:#743107; color:#ffeddb; text-align:center; float:left; font-size:18px;}

.faqbox h3 span a{line-height:60px; font-size:14px; float:right; font-weight:normal;}



.faq{background:#fff0d7; height:340px; padding:20px 0;}

/* 向上滚动 */

.marqueetop {width:300px;height:340px; overflow:hidden; margin:0 auto;}

.faq-l {margin-bottom:20px;clear:both;overflow:hidden;}

.faq-l .faq-w span{width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:#743107; color:#fff; font-weight:bold;}

.faq-l .faq-d span{clear:both;color:#fff;width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:#808080;font-weight:bold;}

.faq-l .faq-w p {float:right;line-height: 20px;width: 270px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.faq-l .faq-d p {float:right;width: 270px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden;}



/*new*/

.new_box{width:810px; float:right;}

/*滑动门*/

#tab1{width:100%;position:relative;}

.new_more{position:absolute; top:15px; right:0px;}


#tab1 .tab1_menu li a{float:left;

	width:150px;

	height:50px;

	line-height:50px;

	display:block;

	font-size:16px;

	text-align:center;

	background:#ffc487;

	color:#743107;

	font-size:18px; font-weight:bold;

}

#tab1 .tab1_box{width:100%;

	height:380px;

	overflow:hidden;

	clear:both;

	/*top:50px;

	position:relative;*/

	background:#fff0d7;

}

#tab1 .tab1_menu .selected a{background:#743107; display:block; color:#ffeddb;cursor:pointer;}

#tab1 .hide{display:none;}

#new{width:745px; margin:0 auto; padding:40px 0;} 



.new_nr{width:100%; overflow:hidden; height:170px; padding-bottom:15px; border-bottom: 1px dotted #999999;}

.new_nr img{float:left;}

.new_text{width:385px; float:right;}

.new_text h3{line-height:30px; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.new_text p{height:80px; overflow:hidden; line-height:26px; text-indent:2em; margin:10px auto;}

#new ul{width:800px; margin-top:15px;}

#new ul li{line-height:36px; height:36px; border-bottom:1px dotted #999999; width:210px; background:url(new_x.jpg) no-repeat left center; padding-left:20px; float:left; margin-right:25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}





/*link*/

.link-box{ width:100%;  border-top:1px solid #b2b2b2; overflow:hidden; margin:30px auto 0 auto;}

.link{ width:1180px; line-height:30px; overflow:hidden; margin:10px auto;}

.link h3{float:left; font-size:18px; color:#743107;}

.link a{ margin:0 15px;}