.header-frame{ height:60px; background:#20242b;width: 100%;font-family: '微软雅黑';}
.header{ width:1000px; margin:auto;height:60px;}
.logo{padding-top: 0px;color:#fff; float:left; margin-left:23.1%; }
.top-nav{position: absolute;height: 100%; float:right;right: 22.5%;}
.top-nav a{display: block;float: left;height: 60px;line-height: 60px;color: #fff;padding: 0 15px;text-align: center; font-size:14px}
.top-nav a:hover{ background:#6cc40d}

.frame{ width:1000px; height:auto; margin:auto}

.bottom{ background:url(../images/bottom-bg.png); /*height:270px;*/ width:100%; margin-top:60px; float:left; }
.bottom-top{ height:226px; width:1000px; margin:auto}
.bottom-top .b_logo{ background:url(../images/b_logo.png) no-repeat; float:left; margin:70px 60px 0 0; width:200px; height:140px;}
.bottom-top .b_add{ width:360px; height:102px; /* background:url(../images/phone.png) bottom left no-repeat;*/ float:left; margin-top:76px; color:#4b5566; font-family:Tahoma, Geneva, sans-serif; font-size:12px}
.bottom-top .b_add p{display:block; line-height:24px}
.b_code{ width:233px; height:140px; background:url(../images/b_code.png) no-repeat; float:right; margin-top:50px}
.line{ height:83px; border-top: 1px dotted #2d323b; width:100%; font-size:12px; color:#4b5566; text-align:center; line-height:43px;font-family:Tahoma, Geneva, sans-serif}

/*装修模板*/
.body-bg{ background:url(../images/t-body-bg.jpg)}
.banner-t{ width:100%; background:url(../images/zxmb.gif) center center no-repeat #1d2d55; height:200px}
.template{ width:1000px; margin-top:20px;font-family:'宋体';}
.template ul{ margin-bottom:20px; display:block; width:1000px; height:373px}
.template li{ width:240px; height:373px; float:left; margin-right:10px; background:#fff; overflow:hidden; position:relative; border:1px solid #eee}
.template li a{font-family:'宋体'; font-size:12px; text-align:center;}
.template li img{ width:228px; height:361px; cursor:pointer; margin:6px}
.template li .view{opacity: 0.9;-moz-opacity:0.9;filter:alpha(opacity=90);display: inline-block;left: -240px;position: absolute;top: 0px;height:373px;width: 220px; padding:0 10px; overflow:hidden;z-index: 2;background-color: #6cc40d;background-image: url(../images/view.png);background-repeat: no-repeat;background-position: center 170px;text-align:center;font-size:14px;color:#fff;line-height:280px;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-family:'宋体'; font-size:12px;}
.template li:hover .view{ left:0;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.al-btn{ width:420px; height:36px; background:#1d2d55; margin:auto; margin-top:40px; border-radius:4px}
.al-btn a{ display:block; overflow:hidden; color:#fff;font-family:'宋体'; font-size:12px; text-align:center; line-height:36px}
.al-btn:hover{ background:#1d3f93}
.tittle2{ height:30px; border-bottom:1px dotted #eee; line-height:30px; color:#eee; font-size:12px; margin-top:30px}
.tittle2 a{ display:inline-block; color:#fff;}
.tittle2 a:hover{ color:#0C0}

.tittle{ height:30px; border-bottom:1px dotted #ddd; line-height:30px; padding-left:10px; color:#555; font-size:12px; margin-top:30px; background:url(../images/weizhi.png) no-repeat center left;}
.tittle a{ display:inline-block; color:#555;}
.tittle a:hover{ color:#0C0}

/*高端定制*/
.banner-c1{ width:100%; background:url(../images/gddz.gif) center center no-repeat #1d2d55; height:200px}
.connet-box{ width:1000px; margin:auto; height:740px}
.connet-box ul{ display:block; width:100%; margin-bottom:20px}
.connet-box li{ width:242px; height:116px; float:left; margin:0 10px 10px 0; background:url(../images/c-icon.png) no-repeat; cursor:pointer}
.connet-box li:hover{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80)}
.connet-box .green1{ background-position:0 0; }
.connet-box .green2{ background-position:-253px 0; }
.connet-box .green3{ background-position:-505px 0; }
.connet-box .green4{ background-position:-758px 0; margin-right:0}
.connet-box .green5{ background-position:0 -116px; }
.connet-box .green6{ background-position:-253px -116px; }
.connet-box .green7{ background-position:-505px -116px; }
.connet-box .green8{ background-position:-758px -116px; margin-right:0}
.connet-tittle1{ margin-top:30px;  font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.connet-tittle1 p{ display:block; margin-top:30px;line-height:30px; font-size:40px; color:#333}
.connet-tittle1 span{ display:inline-block; margin-right:10px; font-size:12px;font-family:'宋体'; color:#fff}
.connet-tittle1 .s-style1{ background:#60b405; line-height:20px; padding:2px 10px}
.connet-tittle1 .s-style2{ background:#05b4b2; line-height:20px; padding:2px 10px}
.connet-tittle1 .s-style3{ background:#b49905; line-height:20px; padding:2px 10px}
.connet-tittle1 .s-style4{ background:#0543b4; line-height:20px; padding:2px 10px}
.connet-box .connet-tittle2{ width:1000px; clear:both; margin-top:20px; line-height:20px; font-size:14px; color:#333; font-family:'微软雅黑'; text-transform:uppercase; margin-bottom:10px; background:none; height:20px}
.connet-box .blue1{ background-position:0 -232px; }
.connet-box .blue2{ background-position:-253px -232px; }
.connet-box .blue3{ background-position:-505px -232px; }
.connet-box .golden1{ background-position:0 -348px; }
.connet-box .golden2{ background-position:-253px -348px; }
.connet-box .golden3{ background-position:-505px -348px; }

/*电商软件*/
.banner-e{width:100%; background:url(../images/xwzx.gif) center center no-repeat #1d2d55; height:200px}
.e-box{ width:1000px; margin:auto; height:100%; padding-bottom:20px; margin-top:60px; border-bottom:1px dotted #333; float:left}
.e-box .e-left{ float:left; width:330px; height:330px;}
.e-box .e-right{ float:right; margin-left:50px; width:1020px;font-family:'微软雅黑';}
.e-box i{ font-family:'微软雅黑'; font-size:14px; color:#333;  margin-bottom:5px; display:inline-block; font-style:normal;font-weight:bold; background:#eee; padding:5px 10px}
.e-box i span{ color:#999; font-size:14px; text-transform:uppercase; vertical-align:bottom; margin-left:10px}
.e-box .e-text{ font-size:14px; text-indent:30px; line-height:30px; color:#666; margin-bottom:30px}
.e-box .e-text p{ font-style:normal}
.e-box .e-left2{ float:right; width:330px; height:330px;}
.e-box .e-right2{ float:left; margin-right:50px; width:620px;font-family:'微软雅黑';}

/*案例*/
.banner-c{width:100%; background:url(../images/xwzx.gif) center center no-repeat #1d2d55; height:200px}
.case{ width:100%;height:auto; overflow:hidden}
.case-box{ width:1100px; margin:auto; height:auto;  margin-top:51px; overflow:hidden; }
.case-box li{ float:left; width:240px;  overflow:hidden; position:relative; cursor:pointer;font-family: '微软雅黑'; margin:0 13px 10px 0}
.case-box li img{ display:block;width:240px; height:180px;}
.case-box li .c-name{ height:30px; /*border:1px solid #ddd;*/ width:238px;font-family: '微软雅黑'; font-size:12px; text-align:center; line-height:30px; color:#666; margin-top:1px}
.case-box li:hover .c-name{ color:#6cc40d}
.case-box li .view{opacity: 0.9;-moz-opacity:0.9;filter:alpha(opacity=90);display: inline-block;left: -250px;position: absolute;top: 0px;height:180px;width: 100%;z-index: 2;background-color: #6cc40d;background-image: url(../images/view.png);background-repeat: no-repeat;background-position: center 70px;text-align:center;font-size:14px;color:#fff;line-height:220px;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.case-box li:hover .view{ left:0;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.view-more{ width:270px; height:45px; margin:auto; background:#be1526; font-size:18px; text-align:center; border-radius:4px;font-family:"Microsoft YaHei", '微软雅黑'; color:#fff; line-height:45px; margin-top:68px} 
.view-more a{ display:block; text-decoration:none; color:#fff;}
.view-more:hover{ background:#9f0716}

/*关于我们*/
.banner-a{width:100%; background:url(../images/gywm.gif) center center no-repeat #1d2d55; height:200px}
.a-box{ width:100%; height:60px;  line-height:60px; margin-bottom:30px;font-family: "Microsoft YaHei",'微软雅黑'; font-size:14px; text-align:center; border-bottom:1px solid #e6e6e6; background:#fff;z-index:999999;}
.a-box .a-w{ width:1000px; margin:auto;}
.a-box li{ display:inline-block; text-align:center; color:#60ac14; margin-right:10%}
.a-box li a{ display:inline-block;color:#666;}
.a-box li a:hover{border-bottom:#60ac14 2px solid; color:#60ac14}
.a-box li .a-style{border-bottom:#60ac14 2px solid; color:#60ac14 }

.about{ width:1000px;margin:auto; background:url(../images/a.png) center 20px no-repeat; padding:200px 0 60px 0;font-family: '微软雅黑'; font-size:16px; color:#666; line-height:30px; text-indent:30px;}

.e_service{ width:100%; background:#f9f9f9; height:600px}
.e_service .e_s-box{ width:1000px; margin:auto; background:url(../images/e.png) center 60px no-repeat; padding:260px 0 60px 0;font-family: '微软雅黑'; font-size:16px; color:#666; line-height:30px; text-indent:30px}
.e_s-box li{ width:300px; margin-right:50px; float:left;text-align:Justify;text-justify:inter-ideograph}
.e_s-box li:hover{opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80)}
.e_s-box .e_s1{ background:url(../images/soft.png) no-repeat; padding-top:160px; cursor:pointer}
.e_s-box .e_s2{ background:url(../images/soft.png) no-repeat -350px 0; padding-top:160px; cursor:pointer}
.e_s-box .e_s3{ background:url(../images/soft.png) no-repeat -700px 0 ; padding-top:160px; cursor:pointer}

.v-d{ width:1000px;margin:60px auto; background:url(../images/v.png) center top no-repeat; padding-top:180px;font-family: '微软雅黑'; font-size:16px; color:#666; line-height:30px; text-indent:30px;text-align:Justify;text-justify:inter-ideograph}
.v-d i{ font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#999; }
.v-d p{ display:block; margin-bottom:20px}
.v-d span{ font-weight:bold; color:#333}

.e_service2{ width:100%; padding:60px 0; background:#f9f9f9; margin:20px 0; height:380px}
.e_service2 .e_s-box{ width:1000px; margin:auto; background:url(../images/p.png) center top no-repeat; padding-top:180px;font-family: '微软雅黑'; font-size:16px; color:#666; line-height:30px; text-indent:30px; }
.e_service2 .e_s-box .e_left{ width:700px; padding:12px 50px 0 260px; height:178px;  border:1px solid #ddd; background:url(../images/tou.png) no-repeat 80px center;}
.e_service2 .e_s-box .e_left p{ margin-top:10px}

.t-d-c{ width:1000px;margin:60px auto; background:url(../images/t.png) center top no-repeat; padding-top:180px;font-family: '微软雅黑'; font-size:16px; color:#666; line-height:30px; text-indent:30px;text-align:Justify;text-justify:inter-ideograph}


/*时间轴*/
.main { padding:45px 0; min-height:720px; }
/*history*/
.history { background:url(../images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-family:微软雅黑; font-weight:normal; padding-left:0px; margin-bottom:74px;  }
.history-date h2.first {  width:935px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul {}
.history-date ul li { background:url(../images/icon07.gif) no-repeat 180px 0; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:微软雅黑;}
.history-date ul li dl dt { font:20px/22px 微软雅黑; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:30px; line-height:28px;}
.history-date ul li.green dl dt a { /*background:url(../images/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

.case-p{ width:920px; margin:auto; background:#f7f7f7; margin-top:20px; padding:20px 40px}
.case-p .c-tittle{ font-family: "Microsoft yahei",微软雅黑,Arial; height:90px; border-bottom:1px solid #eee; line-height:90px; font-size:18px; color:#5e5e71;}
.case-p .c-img{ margin-top:10px;}
.case-p .c-img img{ width:920px}

/*新闻中心*/
.banner-n{width:100%; background:url(../images/xwzx.gif) center center no-repeat #1d2d55; height:200px}
.news-box{ margin:auto; font-family: "Microsoft yahei",微软雅黑,Arial; font-size:14px; margin-top:30px}
.news-box li{ line-height:50px; border-bottom:1px dotted #ddd}
.news-box li span{ color:#666; margin-right:20px}
.news-box li a{ color:#333; display:inline-block}
.news-box li a:hover{ color:#6cc40d}
.news-box li:hover{ background:#f5f5f5}
.news-box li:hover a{ color:#6cc40d}
.news-more{ margin:auto; margin-top:20px;font-family: "Microsoft yahei",微软雅黑,Arial;}
.news-more .m-tittle{ font-family: "Microsoft yahei",微软雅黑,Arial; height:90px; padding-top:5px; border-bottom:1px solid #eee; line-height:50px; font-size:18px; color:#333; text-align:center; width:1000px; overflow:hidden; margin-bottom:20px; /*font-weight:bold*/}
.news-more .m-tittle span{ display:block; font-size:12px; line-height:20px; color:#999}
.news-more .m-text{ /*text-indent:32px; */line-height:30px; font-size:15px;  color:#444;text-align:Justify;text-justify:inter-ideograph}
.news-more .m-text p{ margin-bottom:10px}


/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}