@charset "utf-8";
/* CSS Document */

body{ font-size:14px; line-height:30px; background:#eeeeee;color:#000;font-family:'微软雅黑';}

.w1200{ width:1200px; margin: 0 auto;}
.tutu { width:210px; height:136px;}
.fl{ float:left;}
.fl .tutu img {width:100%;}
.fr{ float:right;}
.fr .tutu img {width:100%;}

/**优化**/
h1{  font-size:18px; padding:0px; margin: 0px; font-weight:bold;}

h2{ font-size:16px; padding:0px; margin: 0px; font-weight:bold;}

h3{ font-size:16px; padding:0px; margin: 0px; font-weight:bold;}

/**top**/
.logo{ float:left; padding-top:9px;}
.kgtop{ clear:both; height:100px; width:100%;}
.topbar{width: 100%;
height: auto;
min-height:100px;
/*position: fixed;*/
left: 0;
top: 0;
z-index: 99999;

background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-o-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);}

.topbar .nav {
    float:right;
    height:100%;
}

ul.parent li {
    display:block;
    float:left;
    position:relative; width:100px; text-align:center;
   
    line-height:100px;
}

ul.parent li a {
    display:block; font-size:16px;
    color:#000;
    font-weight:bold;}

ul.parent li .lines {
    display:block;
    width:0px;
    height:3px;
    background:#966aab;
    position:absolute;
    left:50%;
    bottom:0;
    
	transition:all ease-in-out .6s;
	-o-transition:all ease-in-out .6s;
	-ms-transition:all ease-in-out .6s;
	-moz-transition:all ease-in-out .6s;
	-webkit-transition:all ease-in-out .6s;
}

ul.parent li:hover .lines,.topbar li.current .lines {
    color:#966aab;
    width:100%;
    left:0;
}

/**banner**/
.banner{  width:100%; height:730px;}

/**公司简介**/
.gsjj{ padding:60px 0; position:relative;}
.jiimh{ padding-bottom:10px;}
.seer{ display:block; color:#000; border:1px solid #000; height:30px; line-height:30px; width:120px; text-align:center; text-transform:uppercase;}
.jif{ position:absolute; left:460px; top:120px;}
.uiou{ float:right; width:544px; padding-top:182px;}
.shmg{ height:126px; overflow:hidden; margin-bottom:6px;}
.itagBox { width: 972px;position:absolute; left:230px; line-height:50px;  bottom:35px; overflow: hidden; }
.itagBox ul { width: 972px;line-height:50px;  }
.itagBox ul li { position: relative;font-size:24px; line-height:50px;   font-weight:normal; float: left; width:243px; background: #5C9FE1; height:174px; color: #FFF;  overflow: hidden;}
.itagBox ul .tag1 { width: 243px; background:url(../images/04.jpg) no-repeat 0 0;}

.tag_txt { text-align: center;line-height:50px; padding-top:41.5px;  }
.itagBox ul li a { overflow: hidden; position: absolute; left: 0px; top: 0px; line-height: 50px; text-align: center;  display: block; color: #FFF; width: 100%; height:132.5px; background:#000; padding-top:41.5px;}
.itagBox ul li a:hover { color:#FFF; line-height:50px; text-decoration: none; padding-top:41.5px;}
.itagBox ul .tag2 { background: url(../images/05.jpg) no-repeat 0 0; }
.itagBox ul .tag3 { background: url(../images/07.jpg) no-repeat 0 0; }
.itagBox ul .tag4{ background:url(../images/06.jpg) no-repeat 0 0;}
.jijikg{ width:100%; height:25px; clear:both;}

/**产品**/
.smhj{background-attachment: fixed;
/*background-image: url(../images/03.jpg);*/
background-repeat: no-repeat;
background-position: center 0;
position: relative;
height:700px;
overflow: hidden;
-webkit-transition: height 0.2s ease-in 0s;
-moz-transition: height 0.2s ease-in 0s;
-ms-transition: height 0.1s ease-in 0s;
-o-transition: height 0.2s ease-in 0s;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;}
.cenrt{ text-align:center; padding-bottom:30px;}

/**新闻**/
.xinw{ padding:60px 0;}
.xinyt{ height:297px;}
.uiox{ float:right; background:#fff; height:237px; width:539px; text-align:center; padding:30px;}
.xfmh{ line-height:40px; color:#000; padding-bottom:10px; padding-top:9px;}
.uiopi{ display:block; height:2px; width:50px; background:#000; margin: 0 auto; margin-bottom:10px;} 
.myutr{ color:#000; height:93px; overflow:hidden; margin-bottom:20px;}
.seer1{ display:block; color:#000; border:1px solid #000; height:30px; line-height:30px; width:120px; text-align:center; text-transform:uppercase; margin: 0 auto;}
.xyturi{ clear:both;}
.xyturi li{ width:589px; background:#fff; margin-top:2px; height:46px; line-height:46px; padding-left:10px;}
.xyturi li:hover{ background:url(../images/xw3.jpg) no-repeat 0 0;}
.xyturi li:hover .xyua{ background:url(../images/xw4.jpg) no-repeat 0 center; color:#fff;}
.xyturi li:hover .shijg{ color:#fff;}
.shijg{ float:right; padding-right:10px; color:#bababa; font-family:Arial, Helvetica, sans-serif;}
.xyua{ background:url(../images/xw2.jpg) no-repeat 0 center; padding-left:15px; color:#000;}

/**工程案例**/

.gongc{ background:#fff; padding:60px 0;}
.aaa4{ text-align:center; }
.sgw_img{width:1200px;height:610px;overflow:hidden; background:url(../images/al1.jpg) no-repeat 0 259px; }
.sgw_img dt{margin-right:10px;float:left;display:inline;width:793px;height:463px;position:relative;overflow:hidden; margin-top:30px; margin-left:10px;}
.sgw_img dd{float:left;position:relative;overflow:hidden;}
.sgw_img_dd2 dd#dd3, .sgw_img_dd2 dd#dd4{margin:0;}
.sgw_img_dd2 dd#dd3, .sgw_img_dd2 dd#dd5{margin-bottom:10px;height:332px;}
.box{width:100%;height:100%; background:url(../images/yyy.png) repeat 0 0;position:absolute;left:0;line-height:18px;color:#e69714;top:-595px;text-align:center;}
.box h3{color:#fff;font-size:20px; font-weight:normal; padding-top:100px;}
.box a{display:block;margin-top:5px;}
.sgw_img dt .box{padding-top:30px;top:-595px;}
.wuoyp{ position:relative; width:1200px; }
.anaa{ display:block; position:absolute; left:404px; bottom:0;}

/**底部**/
.bottomzty{ clear:both; background:url(../images/bott.png) no-repeat center 0; width:100%; height:282px;}
.bottom{ clear:both; background:url(../images/bot.jpg) no-repeat center 0; width:100%; height:282px;}
.bot_z{ width:550px; float:left;}
.lyiou{height:46px; font-size:30px; color:#fff; border-bottom:1px dotted #fff; padding-top:29px;}
.zinx{ height:34px; line-height:34px; color:#fff; font-size:20px; padding:5px 0;}
.zinx span{ font-size:15px; color:#ab94d1; padding-left:8px;}
.nyui{ clear:both;}
.lijy{ background:url(../images/ani.png) no-repeat 0 0; width:122px; height:132px; text-align:center; color:#000;}
.ytit{ height:36px; margin-bottom:10px;} 
.yuoop{ width:418px;}
.yuoi{  height:36px; border-radius:5px; color:#6a65ab;font-family:'微软雅黑'; line-height:36px; background:#fff; border:none; padding:0 10px; width:184px;}
.zxntr{ background:#fff; height:86px; line-height:30px; border-radius:5px; color:#6a65ab;font-family:'微软雅黑'; border:none;padding:0 10px; width:398px; resize:none; overflow:hidden;}
.buttt{ border:none; background:none; text-align:center; width:122px; height:132px;font-family:'微软雅黑'; cursor:pointer; font-weight:bold; font-size:20px;}
.fhhs{ float:left; padding-top:146px; padding-right:71px;}
.uyopi{ float:left;padding-top:95px;}
.banqw{ clear:both; background:#fff; line-height:30px; text-align:center; padding:20px 0;}
.banqw a{ color:#000;}
.banqw a:hover{ color:#334e98;}
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#345dac;opacity:0.9;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#345dac;opacity:0.9;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#8568ab;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/**子页**/
.daqq{ background:url(../images/zy.jpg) no-repeat center 0; width:100%; height:150px; text-align:center;}
.sgjyui{ padding-top:32px;}
.dqyi{ padding-top:30px; padding-bottom:2px;}
.daqww{ float:left; background:url(../images/dq.png) no-repeat 0 center; height:42px; line-height:42px; padding-left:28px;}
.daqww a{ color:#000;}
.erjil{ float:right; height:34px;}
.erjil li{ float:left; }
.erji_a{ display:block; height:42px; line-height:42px; color:#000; background:#fff; width:140px; text-align:center; margin-left:2px;}
.erji_a11{ display:block; height:42px; line-height:42px; color:#000; background:#fff; padding:0 11px; text-align:center; margin-left:2px;}
.erji_a:hover{ background:url(../images/rj.jpg) no-repeat 0 0; color:#fff;}
.erji_a11:hover{ background:url(../images/rj.jpg) no-repeat 0 0; color:#fff;}
.erji_axz{ background:url(../images/rj.jpg) no-repeat 0 0; color:#fff;}
.gonsjn{ background:#fff; height:auto !important; min-height:550px; height:550px; margin-bottom:60px;}
.gongsijh{ padding:18px 30px; line-height:34px;}
.fenye{ width:396px; height:28px; clear:both; margin: 0 auto; margin-bottom:60px;} 

.fenye li{ float:left; margin-right:5PX; margin-left:5px;  width:50px; height:26px; background:#fff; border:1px solid #e4e4e4; line-height:26px; text-align:center; }

.fenye a{ color:#000; display:block;}
.fenye   .cur a { color:#FFF; background:#075aad;}
.fenye a:HOVER{ color:#FFF; background:#075aad;}

/**新闻**/
.xinut{ height:auto !important; min-height:550px; height:550px; margin-bottom:28px;}
.xinut li{ background:#fff; width:559px; padding:20px; margin-bottom:2px;}
.xinut li .tutu img{ width:100%;height:100%;}
.frxwy{ float:right; width:328px;}
.sczz{ color:#000; font-size:15px; line-height:34px; padding-top:4px; }
.shemm{ color:#000; height:60px; line-height:30px; overflow:hidden;}
.shijj{ color:#bababa;}
.gonsjn11{height:auto !important; min-height:550px; height:550px; margin-bottom:2px; background:#fff;}
.youbu{ width:310px; margin-bottom:10px;}
.ytouiz{ display:block; width:310px; margin-bottom:10px;}
.fy{  height:42px; line-height:42px;  margin-bottom:60px;}
.fyt{ width:579px; background:#fff; padding-left:20px; color:#000;}
.fyt a{ color:#000;}
.fyt a:hover{ color:#075aad;}
.xwxxyym{ line-height:30px; padding-top:22px; margin-bottom:10px; text-align:center; color:#000;}

.gbb{ height:44px; padding:0 30px;  border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center; line-height:44px;}

.gbb a{color:#000;}

.gbb a:hover{color:#04569f;}
.fuioy{ float:left; padding-top:6px;}

/**产品**/
.gcpsjn{  height:auto !important; min-height:550px;  height:550px; margin-bottom:17px;}

.cplre{overflow:hidden; margin-top:11px; }

.cplre ul li{float:left;margin-right:13px;margin-bottom:13px;display:inline;width:290px;height:277px;overflow:hidden;position:relative;}
.cplre ul li .photo{width:290px;height:277px;overflow:hidden;}
.cplre .rsp{width:290px;height:277px;overflow:hidden;position: absolute;background: url(../images/yyy.png) repeat 0 0;top:0px;left:0px;}
.cplre .text{position:absolute;width:290px;height:277px;left:-290px;top:0px;overflow:hidden;}
.cplre .text h3{width:290px;margin-top:113px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;}

/**招聘**/
.zhaipo{ height:auto !important; min-height:500px;  height:500px; background:#fff; margin-bottom:17px;}
.zpyo{ padding:30px 30px 10px 30px;}

.zpyo li{ border-bottom:1px solid #e6e6e6; border-top:2px solid #e6e6e6; height:50px; line-height:50px; margin-bottom:20px;}

.zpyo a{ display: block; height:50px;}

.GJIF{ float:left; font-size:16px; color:#000;}

.gjyy{ float:right; padding-top:15px;}

.ziopo{ padding:20px 30px;}

.zpxxy{  height:34px; line-height:34px;  font-size:20px; font-weight:bold; color:#0f6ab6;}

.zpxxyy{ border-bottom:1px dotted #9f9f9f; line-height:30px;  padding-bottom:10px;}

.zxwy{line-height:30px;  font-size:16px; font-weight:bold;  padding-top:10px;}

.zxhi{ line-height:30px;}

.gwss{ border-bottom:1px dotted #9f9f9f; line-height:30px;  padding-bottom:10px;}

.gfop{ padding-bottom:5px;}

/**联系我们**/
.lxwoui{ clear:both; padding-top:60px; width:632px; margin: 0 auto; padding-bottom:30px;} 
.chnedf{ float:left; line-height:34px; padding-top:22px; padding-left:60px;}
.maop{ clear:both; margin-left:30px; margin-bottom:30px;}

/**手机样式**/
.wtop{ display:none; background:#fff; padding:3%;}
.wlogo{ float:left; width:80%;}
.wlogo img{ max-width:65%;}
.wdhg{ float:right; text-align:right; width:20%; padding-top:4%;}
.wdhg img{ max-width:40%;}
.wban{ display:none;}
.wgsjj{ display:none; padding:5% 3%;}
.whj{ clear:both;}
.whgj{ text-align:center; padding-bottom:2%;}
.whgj img{ max-width:60%;}
.seerz{ display:block; width:35%; text-align:center; height:30px; line-height:30px; border:1px solid #000; color:#000; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:5%;}
.wgsa{ float:left; width:25%;}
.wcopc{ display:none; background:url(../images/03.jpg) no-repeat center 0; width:94%; padding:5% 3% 2% 3%; background-size:cover;}
.copuyc{ clear:both; padding-top:2%;}
.copuyc li{ width:49%; position:relative; margin-bottom:2%;}
.copuyc a{ display:block;}
.copuyc li p{ position:absolute; background:url(../images/yyy.png) repeat 0 0; width:100%; height:32px; line-height:32px; text-align:center; color:#fff; font-size:15px; left:0; bottom:0;}
.wxwe{ display:none; padding:5% 3%;}
.xinyw{ background:#fff; text-align:center; margin-top:1%; }
.uioyw{ padding:3%;}
.wuil{ clear:both;}
.wuil li{ background:#fff; margin-top:2px; padding:2% 3%;}
.syuit{ background:url(../images/xw2.jpg) no-repeat 0 15px; padding-left:15px; font-size:14px; color:#000;line-height:30px;}
.whogal{ display:none; padding:5% 3% 2% 3%; background:#fff;}
.wbot{ display:none; padding:5% 0; text-align:center; background:#000; color:#fff; font-size:14px; line-height:26px;}
.wbot a{ color:#fff;}
footer{ height:52px; line-height:52px;  background-image: -moz-linear-gradient(top, #295dab, #9c6bab);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #295dab), color-stop(1, #9c6bab)); clear:both; padding:0 3%; position:fixed; bottom:0; left:0; width:95%;}

footer a{ display:block; width:20%; float:left; text-align:center; color:#fff; line-height:16px; padding:10px 2%;}

footer a span{ display:block; height:16px;}

footer a span img{ max-width:23%;}

footer a em{ display:block;height:16px;}

.footer{ position:relative; height:52px; display:none;}
.jiyt{ display:none; padding:3%; }
.wfyywx{ display:none; width:268px; margin: 0 auto;margin-bottom:4%;}
.wfyywx li{ float:left; margin-right:2PX; margin-left:2px;  width:45px; height:26px; background:#fff; border:1px solid #e4e4e4; line-height:26px; text-align:center; }

.wfyywx a{ color:#000; display:block;}
.werji{ display:none; padding:5% 3% 0 3%;}
.werji li{ width:48%; height:34px; line-height:34px; text-align:center; border:1px solid #000; border-radius:20px; margin-bottom:2%; }
.w_erji{ display:block; font-size:15px; color:#000;}
.w_erjixz{ display:block; background:#fff;border-radius:20px;  font-size:15px; color:#2c5dab;}
.wgsji{ display:none; padding-bottom:3%;}
.yinww{ display:none; padding:3%;}
.wfyy{ padding:3% 3% 1% 3%; display:none;}

.wfyy span{ color:#000;}

.segment { display:block;border-radius: 5px 5px 5px 5px; height:34px;line-height: 34px; width:94%;box-shadow: 0 1px 2px 1px rgba(167, 167, 167, 0.3);margin-bottom:3%; padding:0 3%; color:#000; background:#fff; }
.wgbgh{ display:none; height:34px; padding:0 3%;  border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; text-align:center; line-height:34px;}
.wgbgh a{ color:#000;}

.dbgjz  { display:none;height:1px; color:#fff;}
.dbgjz a {display:none; height:1px;  color:#fff;}
.dbgjz a:hover { color:#fff;}

@media(max-width:680px) {
	
body{ font-size:12px; line-height:30px; background:#eeeeee;color:#000;font-family:'微软雅黑';}
img{ max-width:100%;}
.w1200{ width:100%;}
.side{ display:none;}
.topbar{ display:none;}
.kgtop{ display:none;}
.banner{ display:none;}
.gsjj{ display:none;}
.jijikg{ display:none;}
.smhj{ display:none;}
.xinw{ display:none;}
.gongc{ display:none;}
.bottom{ display:none;}
.banqw{ display:none;}
.wtop{ display:block;}
.wban{ display:block;} 
.wgsjj{ display:block;}
.wcopc{ display:block;}
.wxwe{ display:block;}
.xfmh{ line-height:30px; color:#000; padding-bottom:10px; }
.myutr{ color:#000; height: auto; overflow:hidden; margin-bottom:2%;}
.shijg{ float:none; padding-right:000; padding-left:15px; color:#bababa; font-family:Arial, Helvetica, sans-serif;}
.whogal{ display:block;}
.wbot{ display:block;}
.footer{ display:block;}
.bottomzty{ display:none;}
.daqq{ background:url(../images/zy.jpg) no-repeat center 0; width:100%; height: auto; background-size:cover; text-align:center;}
.sgjyui{ padding-top:5%; padding-bottom:5%;}
.sgjyui img{ max-width:60%}
.dqyi{ display:none;}
.gcpsjn{ display:none;}
.fenye{ display:none;}
.jiyt{ display:block;}
.wfyywx{ display:block;}
.werji{ display:block;}
.gongsijh{ padding:3%; line-height:30px;}
.gonsjn{ background:#fff; height:auto !important; min-height:200px; height:200px; margin-bottom:0;}
.maop{ display:none;}
.wgsji{ display:block;}
.lxwoui{ clear:both; padding-top:5%; width:100%; margin: 0 auto; padding-bottom:3%;} 
.yiweut{ display:none;}
.chnedf{ float:left; line-height:34px; padding-top:0; padding-left:6%;}
.xinut{ display:none; }
.yinww{ display:block;}
.fy{ display:none;}
.wfyy{ display:block;}
.gonsjn11{height:auto !important; min-height:200px; height:200px; margin-bottom:0; background:#fff;}
.xwxxyym{ line-height:30px; padding-top:3%; margin-bottom:10px; text-align:center; color:#000;}
.gbb{ display:none;}
.wgbgh{ display:block;}
.zpyo{ padding:3%;}
.zhaipo{ height:auto !important; min-height:200px;  height:200px; background:#fff; margin-bottom:4%;}
.zpyo li{ border-bottom:1px solid #e6e6e6; border-top:2px solid #e6e6e6; height:40px; line-height:40px; margin-bottom:3%;}
.gjyy{ float:right; padding-top:3.5%;}
.ziopo{ padding:3%;}
.gfop{ padding-bottom:0;}

	
	
	}