@charset "gb2312";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; }

h3{text-align: center;}
h3 i{display: block;font:normal 52px "Arial";color: #e8e8e8;line-height: 48px;}
h3 b{font-size: 38px;color: #0063a9;padding: 0 42px;position: relative;}
h3 b:before{position: absolute;left:0;top:23.5px;width: 13px;height: 3px;background-color: #12538f;content: "";}
h3 b:after{position: absolute;right:0;top:23.5px;width: 13px;height: 3px;background-color: #12538f;content: "";}
h3 span{display: block;font-size: 21px;color: #333;font-weight: normal;}
/*search*/
.search{height: 57px;overflow:hidden; width:1200px; margin:0 auto;}
.search p{float: left;line-height: 57px;font-size: 12px;color: #555;height:57px;overflow:hidden;}
.search p a{margin: 0 4px;color: #555;}
.s_box{ width:245px; height:30px; float:right; margin-top:14px; overflow:hidden;}
.key_in{ width:180px; padding-left:16px; height:30px; float:left; font-size:12px; border: 0; color:#555; border:0; background:#dddddd;}
.sub_in{ width:47px; height:30px; float:left; background:#338f12; border: 0; font-size:13px; color:#fff;}
/*banner*/
/*banner*/
.banner{height:559px;width:1582px;position:relative;z-index:1; margin:0 auto; overflow:hidden;}
.banner .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd li {width:100% !important;height:559px;overflow:hidden;text-align:center; background: no-repeat center top;}
.banner .bd li a {display:block;height:559px;}
.banner .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;}
.banner .hd  {text-align:center;}
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 15px; height: 15px; line-height:100px;background:#ccc;margin:5px;overflow:hidden; border-radius:50%;}
.banner .hd .cur {background: #007cc9;}
.banner .prev,.banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-74px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;width:76px; height:148px;}
.banner .prev{background:url(../images/left1s.png) no-repeat;}
.banner .next {left:auto;right:5%;background:url(../images/right1s.png) no-repeat;}
.banner .bd li{display:block;height:559px;background: url(../images/banner01.jpg) no-repeat center 0;}
/*cess*/
.cess{height: 369px;background: url(../images/cess_bg.jpg) no-repeat center 0;}
.cess ul{margin-top: 34px;}
.cess ul li{float:left;margin-right: 30px;}
.cess ul li>i{display: block;width: 374px;height: 202px;padding: 3px;background-color: #fff;}
.cess ul li p i{float: left;width:170px;text-align:right;font-size:72px;font-family: "新細明體-ExtB";opacity: 0.5;color: #fff;margin-top: 12px;}
.cess ul li p span{float: left;text-align: center;font-size: 16px;color: #fff;margin: 19px 0 0 19px;}
.cess ul li p span b{display:block;width: 147px;height: 39px;line-height: 39px;font-size:20px;border: 1px solid rgba(255,255,255,0.5);margin-bottom: 10px;}
.cess ul li p span b a{color:#fff;}
.cess ul li.last{margin-right: 0;}
/*定制*/
.dz{background-color: #f5f5f5;}
.dz h3{padding: 90px 0 30px;background:url(../images/dz_t.jpg)no-repeat bottom #fff;}
.dz .menu{text-align: center;font-size: 18px;line-height: 18px;padding: 18px 0 54px;}
.dz .menu a{display:inline-block;height:18px;padding: 0 15px;border-right: 1px solid #333;color: #333;}
.dz .menu a.last{border-right: 0;}
.dz ul li{height: 400px;padding-bottom: 36px;border-bottom: 1px dashed #c6c6c6;margin-bottom: 34px;}
.dz ul li .text{float:left;width: 280px;padding:0 15px;height: 394px;}
.dz .text h4{height:48px;padding-top:60px;font-size: 26px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.4);}
.dz .text h4 a{color: #fff;}
.dz .text b{display: block;height:53px;line-height:53px;font-size:16px;color: #fff;}
.dz .text p span{float: left;width:132px;height: 70px;text-align:center;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight:bold;border: 1px solid #cfcfcf;background-color: #fff;margin: 0 12px 8px 0;}
.dz .text p font{ width:100%; height:30px; line-height:30px; float:left; }
.dz .text p font a{ font-size:16px; font-weight:bold; color:#fff;}
.dz .text p font strong{ font-size:20px; font-weight:bold; color:#ff0;}
.dz .text p span.nomar{margin-right: 0;}
.dz .text p span a{color: #666;}
.dz .text em{display: block;margin-top:22px;}
.dz .text em a{width:132px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;color: #666;border: 1px solid #cfcfcf;background-color: #ededed;}
.dz .tu{float: right; overflow:hidden; width:880px; height:auto; background:#fff;}
.dz .tu a{ width:212px; height:auto; float:left; text-align:center; line-height:27px; margin-bottom:10px; overflow:hidden; margin-right:10px;}
.dz .tu img{ width:212px; height:160px; float:left; }
.dz .tu i img{display:block;width: 593px;height: 394px;margin-right: 1px;}
.dz .tu p img{display: block;width: 296px;height: 196px;margin-bottom: 2px;}
.dz ul .li03{border-bottom: 0;margin-bottom: 0;}
.dz ul .li01 .text{background:url(../images/leng.png) no-repeat 15px 0 #10528f;}
.dz ul .li02 .text{background: url(../images/wei.png) no-repeat 15px 5px #e23a07;}
.dz ul .li02 .text h4{height:47px;padding-top: 65px;}
/*.dz ul .li02 .text p span{height: 87px;}*/
.dz ul .li03 .text{background: url(../images/chu.png) no-repeat 15px 0 #76b413;}
.dz ul .li03 .text h4{padding-left: 95px;text-align: left;}
.dz ul .li03 .text p span i{display: block;font-size: 14px;font-weight: normal;}
/*改装*/
.gai{height: 757px;background: url(../images/gai_bg.jpg) no-repeat bottom center;}
.gai h3{padding: 60px 0 22px;}
.gai p{float: left;width: 490px;height:430px;position: relative;margin-top: 65px;}
.gai p img{display: block;width: 490px;height:430px;}
.gai p em{position: absolute;bottom:0;width:442px;height: 78px;padding-top:17px;font-size:16px;line-height:26px;color:#fff;background: url(../images/tm01.png) repeat;padding-left: 48px;}
.gai ul{float: left;width:710px;margin-top: 88px;}
.gai ul li{float: left;width: 158px;text-align: center;margin-left: 78px;margin-bottom: 60px;}
.gai ul li em{display: block;font-size: 22px;color: #fff;margin-top: 25px;}
.gai ul li em a{color:#fff;}
/*system*/
.sys{height:901px;background: url(../images/sys_bg.jpg) no-repeat center 0;}
.sys h3{padding: 62px 0 18px;border-bottom: 1px solid #bababa;position: relative;}
.sys h3:after{position: absolute;left:538px;bottom:-2px;width:124px;height: 3px;background-color:#0063a9;content: "";}
.sys h4{height: 55px;text-align: center;margin-top: 35px;}
.sys ul{float: left;width: 800px;margin-top: 168px;}
.sys ul li{float: left;color:#fff;width: 170px;height: 170px;text-align:center;margin-right:30px;margin-bottom:12px;background: url(../images/circle1.png) no-repeat;}
.sys ul li i{display: block;font-size: 42px;opacity: 0.5;margin-top: 20px;}
.sys ul li span{display: block;font-size: 18px;font-weight: bold;line-height: 26px;}
.sys ul li span em{display: block;font-size: 16px;}
.sys ul li:hover,.sys ul li.cur{background: url(../images/circle2.png) no-repeat;}
.sys p{float: right;width: 262px;margin-top: 280px;margin-right: 102px;}
.sys p .ding{display: block;width: 162px;padding-left:100px;height: 65px;line-height: 65px;color: #b90000;font-size: 24px;background: url(../images/z1.png) no-repeat;margin-bottom: 14px;}
.sys p .gz{display: block;width: 158px;padding-left:100px;height: 65px;line-height: 65px;color: #fff;font-size: 24px;background: url(../images/z2.png) no-repeat;}
/*优势*/
.adva{height:920px;background: url(../images/adva_bg.jpg) no-repeat center 236px;}
.adva .content{position: relative;}
.adva h3{padding: 62px 0 18px;border-bottom: 1px solid #bababa;position: relative;margin-bottom: 30px;}
.adva h3:after{position: absolute;left:538px;bottom:-2px;width:124px;height: 3px;background-color:#0063a9;content: "";}
.a_con{height: 549px;position: relative;}
.a_con img{display: block;width: 1200px;height: 549px;}
.a_con p{position: absolute;right:0;top:170px;width: 467px;padding-left:38px;height: 205px;color:#fff;background: url(../images/tm01.png) repeat;}
.a_con p b{display:block;font-size: 20px;position: relative;padding-top:30px;margin: 36px 0 10px;}
.a_con p b:before{position: absolute;left:0;top:0;width: 40px;height: 3px;background-color: #fff;content: "";}
.a_con p span{display: block;width: 408px;font-size: 14px;line-height: 24px;}
.adva ul{position:absolute;width:100%;bottom:-74px;height:148px;text-align: center;}
.adva ul li{display:inline-block;width: 133px;height: 148px;text-align: center;background: url(../images/liu1.png) no-repeat;z-index: 100;margin: 0 25px;}
.adva ul li i{display: block;font-size: 48px;color: #666;margin-top: 15px;}
.adva ul li span{display: block;width:85px;height:29px;line-height:29px;text-align: center;font-weight:bold;font-size: 14px;color: #333;border-top: 1px solid #acacac;border-bottom: 1px solid #acacac;margin: 0 auto;}
.adva ul li:hover,.adva ul li.cur{background: url(../images/liu2.png) no-repeat;}
.adva ul li:hover span,.adva ul li:hover i{color:#fff;border-color: rgba(255,255,255,0.3)}
.adva ul li.cur span,.adva ul li.cur i{color:#fff;border-color: rgba(255,255,255,0.3)}
/*case*/
.case{height:786px;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case h3{padding: 40px 0 18px;border-bottom: 1px solid rgba(255,255,255,0.4);position: relative;margin-bottom: 38px;}
.case h3:after{position: absolute;left:538px;bottom:-2px;width:124px;height: 3px;background-color:#fff;content: "";}
.case h3 i,.case h3 b,.case h3 span{color: #fff;}
.case h3 i{opacity: 0.15;}
.case ul{float: left;width: 250px;}
.case ul li{height: 96px;text-align: center;margin-bottom: 6px;background-color: #f5f5f5;}
.case ul li:hover{color:#fff;}
.case ul li span{display: block;width:235px;font-size:22px;background: url(../images/left01.png) no-repeat right center;}
.case ul .li01 i{display: block;height: 50px;background: url(../images/case_1.png) no-repeat 82px 0;}
.case ul .li02 i{display: block;height: 50px;background: url(../images/case_2.png) no-repeat 82px 0;}
.case ul .li03 i{display: block;height: 50px;background: url(../images/case_3.png) no-repeat 82px 0;}
.case ul .li04 i{display: block;height: 50px;background: url(../images/case_4.png) no-repeat 82px 0;}
.case ul .li05 i{display: block;height: 50px;background: url(../images/case_5.png) no-repeat 82px 0;}
.case ul li:hover,.case ul li.cur{background: url(../images/case_n.jpg) no-repeat;}
.case ul li:hover span,.case ul li.cur span{color: #fff;font-weight: bold;}
.case ul .li01:hover i,.case ul .li01.cur i{background: url(../images/case_1h.png) no-repeat 82px 0;}
.case ul .li02:hover i{background: url(../images/case_2h.png) no-repeat 82px 0;}
.case ul .li03:hover i{background: url(../images/case_3h.png) no-repeat 82px 0;}
.case ul .li04:hover i{background: url(../images/case_4h.png) no-repeat 82px 0;}
.case ul .li05:hover i{background: url(../images/case_5h.png) no-repeat 82px 0;}
.case ul li:hover span{background: url(../images/left02.png) no-repeat right center;}
.case dl{float: right;width: 940px;}
.case dl dt img{display: block;width: 940px;height: 400px;}
.case dl dd{height: 104px;background-color: #fff;padding-left: 22px;}
.case dl dd b{display: block;font-size:20px;padding: 18px 0 8px;}
.case dl dd p{font-size: 14px;color: #666;line-height: 22px;padding-right: 22px;}
/*news*/
.news{background-color: #f7f7f7;padding-bottom: 65px;}
.news h3{padding: 62px 0 18px;border-bottom: 1px solid #bababa;position: relative;margin-bottom: 60px;}
.news h3:after{position: absolute;left:538px;bottom:-2px;width:124px;height: 3px;background-color:#0063a9;content: "";}
.n_con{height: 540px;}
.tai{float: left;width: 548px;}
.n_con h4{font-size: 18px;height:32px;border-bottom: 1px solid #ddd;margin-bottom: 18px;}
.n_con h4 span{float: left;width: 105px;height:31px;border-bottom:2px solid #085fce;}
.n_con h4 i{font-size: 14px;font-weight: normal;}
.tai dl dt{width: 548px;height: 140px;position: relative;}
.tai dl dt i{position: absolute;top:-4px;right:-4px;width: 66px;height: 66px;}
.tai dl dt a img{display: block;width: 548px;height: 140px;}
.tai dl dd h5{font-size: 16px;margin: 25px 0 12px;line-height: 21px;}
.tai dl dd h5 i{float: right;font-size: 14px;font-weight: normal;color: #8c8a8a;}
.tai dl dd p{font-size: 14px;color: #555;line-height: 26px;padding-bottom: 24px;border-bottom: 1px solid #dfdfe0;}
.tai ul{margin-top: 20px;}
.tai ul li{height:30px;line-height: 30px;font-size: 14px;padding-left: 15px;background: url(../images/dian.jpg) no-repeat left center;}
.tai ul li a{color: #666;}
.bk{float: left;width:550px;}
.bk ul li{height:122px;padding-bottom: 15px;margin-bottom: 16px;border-bottom: 1px dashed #d3d3d3;}
.bk ul li i img{display: block;width: 200px;height: 122px;}
.bk ul li p{float: left;width:320px;margin-left: 30px;}
.bk ul li p b{display: block;font-size: 14px;margin:10px 0;}
.bk ul li p span{display: block;font-size: 14px;color: #333;line-height: 22px;}
.bk ul li.last{border-bottom: 0;}
.que{height:112px; }
.que p{float: left;width: 142px;height: 112px;}
.que p b{display: block;font-size: 20px;height: 78px;padding-top: 10px;}
.que p i{display: inline-block;cursor: pointer;}
.que .bd{float: left;width: 1048px;overflow: hidden;}
/*.que ul{float: left;}*/
.que ul li{float: left;width: 486px;height: 110px;border: 1px solid #dcdcdc;background-color: #fff;padding-left: 22px;margin-right: 28px;}
.que ul li b{display: block;font-size: 14px;height: 24px;line-height: 24px;margin: 20px 0 7px;}
.que ul li b i{float: left;width: 24px;height: 24px;border-radius: 50%;background-color: #125bbb;color: #fff;text-align: center}
.que ul li span{display:block;width:452px;font-size: 14px;color: #666;line-height: 24px;}
.que ul li span i{float: left;width: 24px;height: 24px;border-radius: 50%;background-color: #73ae07;color: #fff;text-align: center;}
.que ul li.nomar{margin-right: 0;}
/*about*/
.about{padding-top: 98px;height: 616px;background: url(../images/about_bg.jpg) no-repeat center 0;}
.about .content{position: relative;}
.about h4{position:absolute;top:-55px;left:440px;width: 320px;height: 220px;background-color: #015198;text-align: center;}
.about h4 i{display: block;font:normal 76px "Arial";color: #fff;line-height: 100px;opacity: 0.5;}
.about h4 b{font-size: 33px;color: #fff;padding: 0 42px;position: relative;}
.about h4 span{display: block;height:50px;font-size: 18px;color: #fff;font-weight: normal;padding-top: 3px;background: url(../images/san01.png) no-repeat bottom center;}
.about dl dt img{display: block;width: 1200px;height:353px;}
.about dl dd{font-size: 16px;color: #666;line-height: 30px;text-align: center;padding-top: 28px;}
.about dl dd em{display: block;height:38px;text-align: center;margin-top: 28px;}
.about dl dd em a{display: inline-block;width: 128px;padding-left:40px;height: 34px;line-height: 34px;text-align:left;border: 2px solid #0a589e;margin: 0 19px;color: #015198;font-size: 16px;background: url(../images/jt01.png) no-repeat 122px center;}
.about dl dd em a:hover,.about dl dd em a.cur{background:url(../images/jt02.png) no-repeat 122px center #73ae07;border-color: #73ae07;color: #fff;}