﻿@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family: "黑体";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner a { background:url(../images/Index/banner.jpg) no-repeat center 0; height:540px; display:block; }

/*中國高端門窗新銳品牌*/
.pp_bg { background:url(../images/Index/pp_bg.gif) no-repeat center bottom; height:585px; margin:60px 0 0;} 
.pp_top { text-align:center;}
.pp_top a em { display:block; font-size:14px; color:#333; line-height:25px; padding-top:10px;}

.pp_top a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}

.zs { height: 383px; overflow: hidden; padding-top:187px;}
.zs h3 { height: 250px; text-align: center; padding-top: 50px;}
.zs h3 a { font-size: 24px; color: #333333; font-weight: bold;}
.zs h3 a p { font-size: 36px; color: #0b5bbc; margin-top: 5px;}
.zs h3 a p span { color: #42b039;}
.zs h3 a em { display: block; margin-top: 5px; font: 14px Arial; color: #b7b6b6; text-transform: uppercase;}
.zs li { float: left; position: relative; margin-right: 48px;}
.zs li img { width: 255px; height: 247px;}
.zs li .zsi { position: absolute; left: 23px; top: -123px;}
.zs li a { display: block; width: 301px; height: 157px; background: #efefef; text-align: center; padding-top: 135px; font-size: 16px; color: #333333; line-height: 24px;}
.zs li a p { font-size: 18px; color: #333333; font-weight: bold; padding-bottom: 17px; background: url("../images/Index/zs_16.jpg") no-repeat center bottom; margin-bottom: 15px;}
.zs li a:hover, .zs li .cur { background: url("../images/Index/zsk1.jpg") no-repeat; color: #ffffff;}
.zs li a:hover p, .zs li .cur p { color: #ffffff; background: url("../images/Index/zs_13.jpg") no-repeat center bottom;}
.zs .nones { margin-right: 0;}
/*專為豪宅別墅而來*/
.zx_bg { background:url(../images/Index/bg.gif) repeat; padding:42px 0 30px;}
.zx_top { background:url(../images/Index/zx_bgbg01.gif) no-repeat; height:60px; margin:40px 0 20px;}
.zx_top dl dt { float:left; line-height:55px; padding:0 0 0 40px; width:90px;}
.zx_top dl dt a { font-size:18px; color:#fff;}
.zx_top dl dd { float:left; line-height:57px; width:803px; padding:0 0 0 50px;}
.zx_top dl dd em { display:block; float:right;}
.zx_top dl dd em a { font-size:14px; color:#333;}
.zx_top dl dd em a:hover { color:#044f9f;}
.zx_top dl dd p { float:left;}
.zx_top dl dd p a { font-size:14px; color:#333; padding:0 28px; background:url(../images/Index/dt_bor.gif) no-repeat right center;}
.zx_top dl dd p .nobor { background:none;}
.zx_top dl dd p a:hover { color:#044f9f;}

.zx_con ul li { float:left; width:496px; margin:0 8px 8px 0; position:relative;}
.zx_con ul .nobor { margin:0 0 8px;}
.zx_con ul li a img { width:496px; height:276px;}
.zx_con ul li a span { position:absolute; top:206px; left:0; width:100%; background:url(../images/Index/btm06.png) repeat; display:block; height:70px; line-height:70px; text-align:center; color:#fff; font-size:14px;}
.zx_con ul li:hover a span em { display:none;}
.zx_con ul li i { display: none; position:absolute; top:223px; left:95px; z-index:99;}
.zx_con ul li i a img { width:133px; height:38px; display:block; float:left; margin-right:41px;}
.zx_con ul li:hover i { display:block;}

/*專利證書*/
.zz_top { text-align:center; padding:42px 0 40px;}
.zz_top a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.zz01 { top:80px; left:-80px;}
.zz01 a { display:block; background:url(../images/Index/zz_le01.gif) no-repeat; width:51px; height:51px;}
.zz01 a:hover { background:url(../images/Index/zz_le02.gif) no-repeat; }
.zz03 { top:80px; right:-80px;}
.zz03 a { display:block; background:url(../images/Index/zz_ri01.gif) no-repeat; width:51px; height:51px;}
.zz03 a:hover { background:url(../images/Index/zz_ri02.gif) no-repeat; }
.zz02 ul li { float:left; margin-right:56px; display:inline-block; width:154px; height:235px; position:relative;}
.zz02 ul .nobor { margin:0;}
.zz02 ul li a img { width:137px; height:186px; padding:6px; border:solid 1px #dbdbdb;}
.zz02 ul li a em { position:absolute; top:200px; left:0; width:100%; text-align:center; color:#fff;}
.zz02 ul li a:hover img { background:#044f9f; border:solid 1px #044f9f; padding-bottom:32px;}

/*创新设计、匠心品质*/
.pz_bg { background:url(../images/Index/bg.gif) repeat; height:601px;}
.pz_top { text-align:center; padding:45px 0 35px;}
.pz_top a em { display:block; font-size:16px; color:#333; margin-top:10px;}
.pz_top a em span { color:#044f9f;}
.pz_top a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}

.pz02 { padding:0 0 0 90px;}
.pz02 ul li { height:130px;}
.pz02 ul li a { background:url(../images/Index/pz_libg01.png) no-repeat; width:534px; height:118px; display:block; color:#333;}
.pz02 ul li a:hover { background:url(../images/Index/pz_libg02.png) no-repeat; color:#ee7c1c}
.pz02 ul li a i { display:block; padding:1px 0 0 1px; float:left;}
.pz02 ul li a span { display:block; padding:35px 0 0 32px; float:left; font-size:14px;}
.pz02 ul li a span em { display:block; font-size:16px; margin-bottom:5px;}

/*广告*/
.pic01 { background:url(../images/Index/pic01.jpg) no-repeat center 0; height:280px;}
.pic { width:1000px; margin: 0 auto;}
.pic01 p { position:absolute; top:158px; left:555px;}
.pic01 p span { display:block; font-size:18px; color:#333; margin-bottom:10px;}
.pic01 p span em {  font-size:30px; font-weight:bold;}
.pic01 p a { display:block; width:108px; height:32px; line-height:32px; border:solid 1px #333; font-size:14px; color:#333; text-align:center; margin-top:20px;}
.pic01 p a:hover { border:solid 1px #ff0909; color:#ff0909; }
.pic02 { background:url(../images/Index/pic02.jpg) no-repeat center 0; height:280px;}

.pic02 p { position:absolute; top:85px; left:656px;}
.pic02 p span { color:#fff;}
.pic02 p span em { display:block;}
.pic02 p a { margin:0 auto; border:solid 1px #fff; color:#fff;}
.pic02 p a:hover { border:solid 1px #ee7d1d; color:#ee7d1d;}

/*政策导向*/
.zc_bg02 { background:url(../images/Index/zc_bg02.jpg) no-repeat center 0; height:589px;}
.zc { padding-top:65px;}
.zc_top { text-align:center; padding:0 0 40px;}
.zc_top a em { display:block; font-size:16px; color:#333; padding-top:10px;}
.zc_top a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}

.zc dl dt { float:left; background:url(../images/Index/zc_picbg.gif) no-repeat; width:500px; height:380px;}
.zc dl dt img { width:500px; height:300px; padding: 18px 0;}
.zc dl dd { float:left; padding-left:20px; width:478px;}
.zc dl dd ul li { }
.zc dl dd ul li a { display:block; height:85px; border-bottom:dashed 1px #e5e5e5; font-size:14px; color:#333; padding-top:23px;}
.zc dl dd ul li a:hover { color:#fff; background:#044f9f}
.zc dl dd ul li a i { display:block; float:left; font-size:30px; border-right:solid 2px #999; margin:15px 20px 0 0; padding-right:10px;}
.zc dl dd ul li a:hover i { border-right:solid 2px #fff; }
.zc dl dd ul li a span { display:block; float:left; width:400px; line-height:22px;}
.zc dl dd ul li a span em { display:block; font-size:20px; margin-bottom:5px;}

/**三大优势**/
.ms { height: 1005px; overflow: hidden; background: url("../images/Index/msb.jpg") no-repeat center 0;}
.ms h3 { height: 190px; text-align: center; padding-top: 56px;}
.ms h3 a { font-size: 36px; color: #0b5bbc;}
.ms h3 a span { color: #42b039;}
.ms h3 p { font-size: 24px; color: #333333; margin: 5px 0 10px 0;}
.ms h3 em { font: 14px Arial; color: #b7b6b6; text-transform: uppercase;}
.msk { height: 374px; overflow: hidden;}
.msk1 { height: 350px;}
.mst img { display: block; width: 500px; height: 350px;}
.msz dl { height: 150px;}
.msz dt { float: left; width: 50px; height: 50px; background: url("../images/Index/msk.jpg") no-repeat; font: 27px Arial; color: #333333; text-align: center; line-height: 50px; font-weight: bold;}
.msz dd { float: left; margin-left: 18px; width: 384px; font-size: 14px; color: #333333; line-height: 24px;}
.msz dd p { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.msz dd span { color: #0b5bbc; font-weight: bold;}
.msz1 { margin-top: 61px;}
.msa { display: block; width: 120px; height: 72px; background: #42b039; text-align: center; padding-top: 12px; font-size: 18px; color: #ffffff; font-weight: bold; margin-left: 380px;}
.msa img { display: block; margin: 0 auto 5px;}
.msi { margin-top: 24px;}

/*聽一聽他們的心聲*/
.jz_bg { background:url(../images/Index/bg.gif) repeat; padding:0 0 50px}
.jz_top { text-align:center; padding:62px 0 38px;}
.jz_top a:hover {filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jz_top a em { display:block; font-family:Arial; font-size:14px; color:#a8a8a8; padding-top:5px}

.jz_list ul { margin-left:333px; width:332px; border:solid 1px #044f9f; height:44px; line-height:44px;}
.jz_list ul li { float:left; }
.jz_list ul li a { color:#333; font-size:16px; width:166px; text-align:center; display:block;}
.jz_list ul li a:hover,.jz_list ul .cur a { background:#044f9f; color:#fff;}

.jz_con { background:#fff; height:378px; border-right:solid 1px #dbdbdb; margin:20px 0 0;}

.jz01 { border-left:solid 1px #dbdbdb; padding:0 10px; width:315px; height:378px; float:left;}
.jz02 { padding:0 0 0 10px;}
.jz01 dl { width:315px; height:170px; padding:40px 0 0; margin:0 0 35px; border-bottom:solid 1px #dbdbdb;}
.jz01 dl dt { float: left}
.jz01 dl dt img { width:130px; height:130px; }
.jz01 dl dd { float: left; width:170px; padding:5px 0 0 10px;}
.jz01 dl dd em a { display:block; font-size:18px; color:#333;}
.jz01 dl dd em a:hover { color:#044f9f;}
.jz01 dl dd span { display:block; font-size:14px; color:#333; line-height:22px; padding-top:15px;}
.jz01 p { font-size:14px; color:#6e6e6e; line-height:22px;}
.jz01 p a { width:92px; height:32px; line-height:32px; text-align:center; font-size:15px; color:#333; border:solid 1px #b4b4b4; display:block; margin:20px 0 0;}
.jz01 p a:hover { color:#fff; background:#044f9f; border:solid 1px #044f9f;}

.zj-z{height: 238px;background:url(../images/Index/zj_bg.gif) repeat-x center bottom;}
.zj-z p{width: 18px;padding:25px 23px 0 35px;height: 175px;background: url(../images/Index/zj_07.jpg) no-repeat;display: block;}
.zj-z p a{color: #fff;font-size: 18px;line-height: 20px;font-weight: bold;}
.zj-z p a:hover{text-decoration: none}
.zj-r{width: 876px;padding:18px 23px 0 0;}
.zj-r ul li{float: left;text-align: center;padding-right: 8px}
.zj-r ul li a{color: #333;font-size: 14px;}
.zj-r ul li img{display: block;width: 191px;height: 131px;border: 1px solid #dcdcdc;margin-bottom: 10px}
.zj-c a{width: 12px;height: 19px;display: block;margin-top: 31px}
.zj-c a.prev{background: url(../images/Index/zj3.jpg) no-repeat;margin-right: 15px; width:25px; height:60px}
.zj-c a.next{background: url(../images/Index/zj4.jpg) no-repeat; width:25px; height:60px}
.zj-c a.prev:hover{background: url(../images/Index/zj1.jpg) no-repeat;}
.zj-c a.next:hover{background: url(../images/Index/zj2.jpg) no-repeat;}

/*走進科度 */
.zj_bg {height:490px; margin:44px 0 0px;}
.zj_top { text-align:center; padding-bottom:30px;}
.zj_top a:hover {filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.zj_top a em { display:block; font-size:16px; color:#666; padding-top:18px;}

.zj_con dl { height:390px;}
.zj_con dt { float:left; width:541px; height:350px;}
.zj_con dt img { width:541px; height:350px;}
.zj_con dd { float:left; width:445px; padding:20px 0 0 14px; height:340px; overflow:hidden;}
.zj_con dd b{  height:40px; display:block;}
.zj_con dd b a { font-size:20px; color:#333; font-weight:normal;}
.zj_con dd b a:hover { color:#ee7c1c;}
.zj_con dd p { line-height:25px; font-size:14px; color:#333; width:445px; }
.zj_con dd p a { display:block; text-align:right; padding-top:30px;}

.fc_top { width:998px; height:46px; line-height:46px; border:solid 1px #d3d4d3; margin:0 0 30px;}
.fc_top ul li { float:left; padding:0 20px; background: url(../images/Index/fc_xx.gif) no-repeat right 8px;}
.fc_top ul .nobor { background:none;}
.fc_top ul li a { display:block;  font-size:16px; color:#323232;}
.fc_top ul li a i { display:block; background:url(../images/Index/fc_ico01.gif) no-repeat; width:40px; height:40px; float:left; margin:3px 10px 0 0;}
.fc_top ul li a:hover i,.fc_top ul .cur a i { background:url(../images/Index/fc_ico02.gif) no-repeat;}
.fc_top ul li a:hover,.fc_top ul .cur a {  color:#ee7c1c;}
.fc_top ul .nobor a i { background:url(../images/Index/fc_ico01.gif) no-repeat -181px 0;}
.fc_top ul .nobor a:hover i { background:url(../images/Index/fc_ico02.gif) no-repeat -181px 0;}
.more01 { padding:0 20px 0 0;}
.more01 a { font-size:14px; color:#333;}

.zz04 ul li { float:left; margin-right:24px; width:317px; height:196px; position:relative; }
.zz04 ul .nobor { margin:0;}
.zz04 ul li a img { width:317px; height:196px;}
.zz04 ul li a em { display: none; width:317px; height:196px; line-height:196px; font-size:16px; color:#333; position:absolute; top:0; left:0; background:url(../images/Index/btm08.png) repeat; text-align:center; }
.zz04 ul li a:hover em { display:block;}


/*公司动态*/
.dt { width:461px;} 
.dt_top { height:38px;}
.dt_top span { float:right;}
.dt_top span a { font-size:14px; color:#a1a1a1; text-transform:uppercase;}
.dt_top ul li { float:left; background:url(../images/Index/dt_bor.gif) no-repeat right center; padding:0 20px 0 0;}
.dt_top ul .nobor { background:none; padding-left:20px;}
.dt_top ul li a { font-size:16px; color:#9a9a9a;}
.dt_top ul li a:hover,.dt_top ul .cur a { font-weight:bold; color:#333;}

.dt_con img { width:460px; height:120px;}
.dt_con ul li { padding:15px 0 0; height:60px; line-height:40px; border-bottom:solid 1px #dedede;}
.dt_con ul li a { font-size:14px; color:#333;}
.dt_con ul li a:hover { color:#044f9f;}
.dt_con ul li a em { display:block; float:right;}
.dt_con ul li a span { display:block; float:left; font-size:20px;  text-align:center; padding-right:10px; line-height:20px;}
.dt_con ul li a span i { display:block; font-size:16px;}

/*常见问题*/
.wd { width:460px; padding-left:79px; overflow:hidden;}
.wd_top { height:35px;}
.wd_top em { display:block; float:right;}
.wd_top em a { font-size:14px; color:#a1a1a1}
.wd_top span a { font-size:16px; color:#333;}
.wd_top span a:hover{ color:#044f9f;}
.wd_con ul li { padding:18px 0; border-bottom:solid 1px #dedede;}
.wd_con ul li a { font-size:14px; color:#333; display:block;}
.wd_con ul li a:hover { color:#044f9f;}
.wd_con ul li a em { display:block; padding-bottom:10px;}
.wd_con ul li a span { color:#6e6e6e; line-height:25px; overflow:hidden; height:50px;}
.wd_con ul li a:hover span { color:#044f9f;}

/*友情链接*/
.yq { padding-top:40px;}
.yq_top { height:41px; line-height:41px; border-bottom:solid 1px #e5e5e5}
.yq_top em { display:block; float:right;}
.yq_top em a { font-size:14px; color:#333;}
.yq_top span a { font-size:22px; color:#044f9f;}
.yq_top span i { padding-left:10px; font-size:22px; font-family:Arial; color:#adadad;}
.yq p { height:50px; line-height:50px; overflow:hidden;}
.yq p a { font-size:14px; color:#333; padding-right:34px;}
.yq p a:hover { color:#044f9f;}

