
/* CSS Document */

/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { height:720px; display:block}



/******************************广告*********************************/
.banners{height: 720px;}
.fullSlide {
	width:100%;
	position:relative;
	height:720px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:720px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
}
.fullSlide .bd li a {
	display:block;
	height:720px;
}

.fullSlide .hd {
	position:absolute;
	z-index:999;
	bottom:0px;
 width:100%;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:48px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#1C79D8;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../images/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../images/right1s.png) no-repeat;
}


/*中心*/
.rx_bg { background:url(../images/cp_bg.gif) no-repeat center 0; height:720px; margin:90px 0 55px;}
.rx_bt { text-align:center; padding:25px 0 50px;}
.rx_bt a b { font-size:40px; color:#274157; display:block;}
.rx_bt a em { font-size:20px; color:#666; display:block; padding:10px 0 0;}
.rx_top { height:95px;}
.rx_top span { display:block; float:left;}
.rx_top span a { display:block; margin-bottom:13px;}
.rx_top ul { background:url(../images/cp_bgbt10.gif) no-repeat; width:690px; height:54px; float:right;}
.rx_top ul li { float:left;}
.rx_top ul li a { width:166px; height:54px; line-height:54px; font-size:15px; color:#fff; text-align:center; display:block;}
.rx_top ul li a:hover,.rx_top ul .cur a { background:url(../images/cp_libg.gif) no-repeat;}
.rx_con { height:468px;}
.rx01 { background:url(../images/cp_pic.gif) no-repeat; width:180px; height:464px;}
.rx01 b a { display:block; padding:30px 0 0 20px; font-size:20px; color:#fff; line-height:30px;}
.rx01 p { padding:40px 0 0 20px; font-size:15px; color:#fff;}
.rx01 p b { display:block; font-size:20px; color:#63abd0; padding:5px 0 0;}
.rx02 { width:996px;}
.rx02 dl dt { float:left; width:664px; height:464px; position:relative;}
.rx02 dl dt a img { width:664px; height:464px;}
.rx02 dl dt a span { background:url(../images/btm06.png) repeat; width:664px; height:464px; display:block;  position:absolute; top:0; left:0;
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;}
.rx02 dl dt a:hover span {
opacity: 1.0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;}
.rx02 dl dt a span i { display:block; text-align:center; padding:230px 0 0;font-size:16px; color:#fff;}
.rx02 dl dt a span i img { width:100px; height:26px;}

.rx02 dl dd { float: right; width:306px;}
.rx02 dl dd a { width:306px; height:220px; display:block; margin-bottom:24px; position:relative;}
.rx02 dl dd a span { background:url(../images/btm06.png) repeat; width:306px; height:220px; display:block;  position:absolute; top:0; left:0;
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;}
.rx02 dl dd a:hover span {
opacity: 1.0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;}
.rx02 dl dd a span i { display:block; text-align:center; padding:100px 0 0; font-size:16px; color:#fff;}

/*为什么断桥铝门窗选择*/
.ys_bg { background:url(../images/ys_bg.jpg) no-repeat center 0; height:1646px;}
.ys_top { padding:50px 0 0; text-align:center; height:155px;}
.ys_top a em { display:block; font-size:16px; color:#666; text-transform:uppercase; font-family:Arial; letter-spacing:5px;}
.ys_top a b { display:block; font-size:40px; color:#274157; padding:10px 0;}
.ys_top a span { display:block; font-size:20px; color:#666;}
.ys_con { position:relative;}
.ys01 { top:35px; left:645px; position:absolute;}
.ys01 a { display:block; position:relative; margin-bottom:35px;}
.ys01 a b { display:block; position:absolute; top:35px; left:35px; font-size:30px; color:#63abd0;}
.ys01 a b em { display:block; padding:5px 0 0 45px; color:#666; font-size:20px;}
.ys01 p { display:block; font-size:14px; color:#666; background:url(../images/ys_ico01.png) no-repeat 0 13px; padding-left:16px; line-height:31px;}
.ys02 { top:385px; left:35px;}
.ys03 { top:710px; left:35px;}
.ys03 a b em { color:#fff;}
.ys03 p { color:#fff;}
.ys04 { top:1050px; left:35px;}
.ys_pic01 { position:absolute; top:338px; left:600px;}
.ys_but01 { position:absolute; top:1298px; right:13px;}

/*原材好  窗才好*/
.yl_bg { background:url(../images/yl_bg.jpg) no-repeat center 0; height:580px;}
.yl_bg .ys_top { height:150px; overflow:hidden;}
.yl_bg .ys_top a em,.yl_bg .ys_top a b,.yl_bg .ys_top a span { color:#fff;}
.yl_con a { display:block; float:left; width:398px; height:186px; overflow:hidden; position:relative; border-right:solid 2px #fff; border-bottom:solid 2px #fff;}
.yl_con .nobor01 { border:none; border-bottom:solid 2px #fff;}
.yl_con a img { width:398px; height:186px;}
.yl_con a i { background:url(../images/yl_szbg.png) no-repeat; width:28px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; position:absolute; top:0; left:320px;}
.yl_con a span { position:absolute; top:0; left:0; width:353px; height:151px; padding:35px 0 0 45px; background:url(../images/btm08.png) repeat;
opacity: 0;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;}
.yl_con a span em { display:block;}
.yl_con a span .ys_em01 { font-size:16px; color:#65acd1; font-weight:bold; margin-bottom:15px;}
.yl_con a span b { display:block; width:15px; height:2px; background:#65acd1; margin:8px 0; font-size:0; line-height:0;}
.yl_con a span .ys_em02 { width:320px; font-size:14px; color:#fff; line-height:25px;}
.yl_con a:hover span {
opacity: 1.0;
transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;}


/*断桥铝门窗定制，我们承诺*/
.lc_bg { background:url(../images/lc_bg.jpg) no-repeat center 0; height:823px;}
.lc_bg .ys_top { text-align:left; padding:140px 0 0;}
.lc_con { padding:85px 0 0; width:620px; height:350px;}
.lc_con a { background:url(../images/lc_libg01.gif) no-repeat; width:150px; height:100px; display:block; float:left; margin:0 50px 50px 0; padding:23px 0 0; color:#2e2e2e;}
.lc_con a:hover { background:url(../images/lc_libg02.gif) no-repeat; color:#fff;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-ms-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;}
.lc_con a i { background:url(../images/lc_ico01.png) no-repeat; width:34px; height:32px; display:block; margin:0 auto;}
.lc_con a em { display:block; text-align:center; padding:10px 0 0; font-size:18px; line-height:22px;}
.lc_con a:hover i { background:url(../images/lc_ico02.png) no-repeat; }
.lc_con .lc_a02 i { background:url(../images/lc_ico01.png) no-repeat -204px 0;}
.lc_con .lc_a02:hover i { background:url(../images/lc_ico02.png) no-repeat -204px 0;}
.lc_con .lc_a03 i { background:url(../images/lc_ico01.png) no-repeat -402px 0;}
.lc_con .lc_a03:hover i { background:url(../images/lc_ico02.png) no-repeat -402px 0;}
.lc_con .lc_a04 i { background:url(../images/lc_ico01.png) no-repeat 0 -173px;}
.lc_con .lc_a04:hover i { background:url(../images/lc_ico02.png) no-repeat 0 -173px;}
.lc_con .lc_a05 i { background:url(../images/lc_ico01.png) no-repeat -201px -173px;}
.lc_con .lc_a05:hover i { background:url(../images/lc_ico02.png) no-repeat -201px -173px;}
.lc_con .lc_a06 i { background:url(../images/lc_ico01.png) no-repeat -399px -173px; width:40px; height:35px;}
.lc_con .lc_a06:hover i { background:url(../images/lc_ico02.png) no-repeat -399px -173px;}
.lc_bot { font-size:18px; color:#fff;}
.lc_bot em { font-size:34px; padding-left:16px;}

/* 工厂实拍*/
.zj_bg { background:url(../images/zj_bg.jpg) no-repeat center 0; height:686px; margin-bottom:90px;}
.zj { height:686px;}
.zj_list { top:315px; left:646px;z-index: 999;}
.zj_list ul li { margin-bottom:4px;}
.zj_list ul li a { background:url(../images/zj_libg01.png) no-repeat; width:157px; height:46px; line-height:46px; font-size:20px; color:#1b1b1b; text-align:center; display:block;}
.zj_list ul li a:hover,.zj_list ul .cur a { background:url(../images/zj_libg02.png) no-repeat; color:#fff;}
.zj_con { padding:241px 0 0;}
.zj_con dl dt { float:left;}
.zj_con dl dd { float: right; width:320px; padding-right:36px;}
.zj_con dl dd b { display:block; text-align:right;}
.zj_con dl dd b a { font-size:32px; color:#274157}
.zj_con dl dd b a em { color:#65acd1;}
.zj_con dl dd span { display:block; text-align:right; padding:20px 0 25px; font-size:20px; color:#666;}
.zj_con dl dd p { font-size:14px; line-height:25px;}

/*聚焦新闻资讯*/
.dt_bg { background:#eee; height:900px; padding:40px 0 0;}
.dt01 { width:600px;}
.dt_top01 { height:50px;}
.dt_top01 span { float:right; padding:8px 0 0;}
.dt_top01 span a { font-size:14px; color:#555; text-transform:uppercase;}
.dt_top01 span a:hover { color:#65acd1}
.dt_top01 ul li { float:left; background:url(../images/dt_bor.gif) no-repeat right center; padding:0 20px 0 0;}
.dt_top01 ul .nobor { background:none; padding-left:10px;}
.dt_top01 ul li a { font-size:18px; color:#333;}
.dt_top01 ul li a:hover,.dt_top01 ul .cur a { color:#65acd1; font-weight:bold; border-bottom:solid 2px #65acd1; padding-bottom:5px;}

.dt_con dt { position:relative;}
.dt_con dt a img { width:600px; height:153px;}
.dt_con dd { padding:30px 0 0;}
.dt_con dd span { display:block; height:30px;}
.dt_con dd span a { font-size:14px; color:#333; font-weight:bold;}
.dt_con dd span a:hover { color:#65acd1;}
.dt_con dd span a em { display:block; float:right; font-size:14px; color:#777; font-weight:normal;}
.dt_con dd p { font-size:14px; color:#555; line-height:26px; border-bottom:solid 1px #b3b3b1; padding:0 0 20px; margin-bottom:18px;}
.dt_con dd p a { color:#65acd1; font-weight:bold;}

.dt_con ul li { height:30px; line-height:30px; background:url(../images/dt_ico01.gif) no-repeat 0 14px; padding-left:14px;}
.dt_con ul li a { font-size:14px; color:#555;}
.dt_con ul li a:hover { color:#65acd1;}
.dt_con ul li a em { display:block; float:right; color:#b1a5a5;}

.dt02 { width:505px; overflow:hidden;}
.dt_top02 { height:50px; }
.dt_top02 b a { font-size:18px; color:#333;}
.dt_top02 b a:hover { color:#65acd1;}
.dt_top02 span { float:right; padding:8px 0 0;}
.dt_top02 span a { font-size:14px; color:#555; text-transform:uppercase;}
.dt_top02 span a:hover { color:#65acd1}

.dt_top02 ul li { float:left; background:url(../images/dt_bor.gif) no-repeat right center; padding:0 20px 0 0;}
.dt_top02 ul .nobor { background:none; padding-left:20px;}
.dt_top02 ul li a { font-size:18px; color:#333; font-weight:bold;}
.dt_top02 ul li a:hover,.dt_top02 ul .cur a { color:#00923f; border-bottom:solid 2px #00923f; padding-bottom:5px;}

.dt_con02 dl { height:150px;}
.dt_con02 .nobor { border:none;}
.dt_con02 dl dt { display:block; float:left; width:188px; height:92px; overflow:hidden;}
.dt_con02 dl dt a img { width:188px; height:92px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt_con02 dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.dt_con02 dl dd { float: right; width:295px;}
.dt_con02 dl dd b { background:url(../images/wd_d.gif) no-repeat 0 0; display:block; padding-left:30px; height:20px; line-height:20px; margin-bottom:10px;}
.dt_con02 dl dd b a { display:block; font-size:14px; color:#333;}
.dt_con02 dl dd b a:hover { color:#65acd1;}
.dt_con02 dl dd p { background:url(../images/wd_w.gif) no-repeat 0 0; font-size:14px; color:#333; line-height:25px; padding:0 0 0 30px; line-height:25px;} 


/*掌握门窗定制安装核心技术*/
.pic_bg { background:url(../images/f_bg10.png) no-repeat; width:1230px; height:290px; margin:-150px auto; position:relative; z-index:999;}
.pic_bg a { display:block; text-align:center; padding:60px 0 0;}
.pic_bg a b { display:block; font-size:24px; color:#63abd0; font-weight:bold; letter-spacing:5px; padding:20px 0;}
.pic_bg a b em { padding-left:30px;}

.f_bg { background:url(../images/f_bg.gif) repeat-x center 0; height:446px; padding:200px 0 0; margin:-140px 0 0;}


/*案例赏析*/
.al01 { top:208px; left:-65px;}
.al03 { top:208px; right:-65px;}
.al02 {width:1200px; height:498px;}
.al02 ul { margin:0 0 0 200px; width:800px; position:relative;}
.al02 ul img { width:800px !important; height:498px;}
.al02 ul span { display:block; width:245px; line-height:60px; height:60px; position:absolute; background: url(../images/al_spbg.png) no-repeat; position:absolute; top:425px; left:0;}
.al02 ul span a { font-size:16px; color:#fff; padding-left:30px; font-weight:bold}


.al02 ul {width:1200px;height:539px;margin:0px auto; overflow:hidden;}
.al02 ul li {  width:800px !important; height:498px; padding-bottom:13px; overflow:hidden; }
.al02 ul li a { display:block; position:relative; }
.al02 ul li img{ width:800px; cursor:pointer; }
.al02 ul li em { display:block; width:84%; height:30px; cursor:pointer; font:12px "宋体"; text-align:center; padding:0 8%; color:#fff; position:absolute; bottom:13px; left:0; line-height:30px; }
.al02 ul li.roundabout-in-focus span { display:block; }
.al02 li span{ display:none;}
.al02 .roundabout-in-focus span{ display:block;}
.al02 .roundabout-in-focus img{  border: #ccc 1px solid;}

/*隐藏所有 标题名称*/
.case_m ul li .texts { display:none; }
/*中间显示*/
.case_m ul li.roundabout-in-focus .texts { display:block; }
/*根据中间的来调整位置*/
.wit2 .roundabout-in-focus{ padding-left:55px;}