@charset "utf-8";
/* CSS Document */
/* 艾鲁网络-潜意识失意.*/
body{font-size:12px;font-family:"微软雅黑";color:#666; padding:0; margin:0; line-height:150%; background: #f2f2f2}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, address,del,ins{display:block;padding:0;margin:0;color:#666;}
h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0; }
ul,ol{ list-style-type:none; padding:0; margin:0}
img {border:0;vertical-align: middle;}
.clear {clear: both;}
.clearfix:after {clear: both;content:'.';display: block;font-size: 0;line-height: 0;visibility: hidden;width:0;height:0;}
.clearfix{zoom:1}
.relative{ position:relative}
a{color:#666;text-decoration:none;}
a:hover{color:#bd271b;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
.w{ width:1200px;}
div{margin:0 auto;}
.fl{float:left }
.fr{float:right }
.m1{ margin-top:10px;}
.m2{ margin-top:20px;}
.m3{ margin-top:30px;}
.m4{ margin-top:40px;}
.m5{margin-top:50px;}

#header{ width: 100%; min-width: 1200px; position: absolute;  height:100px; z-index: 100; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;border-bottom: 1px solid rgba(243, 246, 249, 0.16); top:0}
#header.headerbg{ background: #484848;}
#header .logo{ display: inline-block; *display: inline;zoom:1; vertical-align: middle; height:100%; overflow: hidden; position:absolute}
#header .logo span{ display:inline-block;*display: inline;zoom:1; height:100%; vertical-align: middle;}
#header .meun{ display: inline-block; *display: inline;zoom:1; float: right;border-left:1px solid rgba(243, 246, 249, 0.16); font-size: 0}
#header .meun li{ display: inline-block;*display: inline;zoom:1; width: 100px; height: 100px; line-height:100px;  border-right:1px solid rgba(243, 246, 249, 0.16); text-align: center; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#header .meun li.curr{ background:rgba(201, 216, 228,.4);}
#header .meun li.curr a{ color: #eb6100}
#header .meun li a{ display:block;  color: #fff; font-size: 16px;}
#header .meun.nav{border-left: 1px solid rgba(0, 0, 0,.3)}
#header .meun.nav li{ height: 80px; line-height: 80px; border-right:1px solid rgba(0, 0, 0,.3)}
.focus{ display:block; width: 100%; min-width: 1200px; position: relative}
.focus .bd{ display:block; width: 100%;}
.focus .bd li{ display: block; width: 100%; height:750px; background: #000000}
.focus .hd{ display: block;position: absolute; left:0; right: 0; text-align: center; position: absolute; bottom:50px;}
.focus .hd li{ display: inline-block;*display: inline;zoom:1; height: 15px; width: 15px; border-radius: 50%; background: #d7e6fe; cursor: pointer}
.focus .hd li.on{ background: #fff}
.focus .prev,.focus .next{ display: block; width: 30px; height: 52px; position: absolute; cursor: pointer; top: 50%; margin-top: -26px;}
.focus .prev{ background: url("../images/optlf.png") no-repeat; left: 20%;}
.focus .next{ background: url("../images/optrt.png") no-repeat; right:20%;}


/*项目*/
.xiangmu{ display: block; width: 100%}
.xiangmu dt{ display: block; text-align: center}
.xiangmu dt h3{ display: block; font-size: 30px; font-weight:bold; padding: 40px 0}
.xiangmu dt p{ display: block; padding-bottom:2rem;}
.xiangmu dd{ display: block; width:100%; overflow: hidden; padding-bottom: 50px;}
.xiangmu dd ul{ display: block; width: 1230px; overflow: hidden}
.xiangmu dd li{ display: block; float: left; width:380px; height:285px; margin-right: 30px; text-align: center; position: relative; border-radius: 2px; overflow: hidden;}
.xiangmu dd li a{ display: block; height:100%; background:#bdbdbd; color: #515151; font-size: 24px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.xiangmu dd li a:hover{ background:#ff9000; color: #fff}
.xiangmu dd li  span{ display: inline-block; *display: inline; zoom:1; height: 100%; vertical-align: middle}
.xiangmu dd li .list_cont {display: inline-block; *display: inline; vertical-align: middle}
.xiangmu dd li .list_cont b{ font-size: 24px; color: #fff;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.xiangmu dd li .list_cont em{ display:block;  width: 120px; height:0; margin: 0 auto; font-size: 16px; font-style: normal; border-radius:4px; overflow: hidden;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; color: #fff; border:1px solid #fff; visibility:hidden}
.xiangmu dd li a:hover .list_cont em{ width:120px; height:40px; background:#ff9000; line-height:40px; margin-top:40px; visibility:visible}

/*案例*/
.anlibg{ display:block; width:100%; min-width: 1200px; background:#f3f3f3}
.anli{ display: block; width: 100%;}
.anli dt{ display: block; text-align: center}
.anli dt h3{ display: block; font-size: 30px; font-weight:bold; padding: 40px 0}
.anli dt p{ display: block; padding-bottom:2rem;}
.anli dd{ display: block; width: 100%; overflow: hidden;}
.anli dd ul{ display: block; width: 1230px; overflow: hidden;}
.anli dd li{ display: block; width: 380px; height: 285px; float: left; text-align: center; position: relative; overflow: hidden; border-radius: 2px; margin:0 30px 30px 0; font-size:0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.anli dd li .list_bg{ display: block; width: 100%; height: 100%; background:rgba(0,0,0,0);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.anli dd li .list_cont{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0}
.anli dd li .list_cont span{ display: inline-block; *display: inline; zoom:1; height: 100%; vertical-align: middle}
.anli dd li .list_cont a{display: inline-block; *display: inline; vertical-align: middle}
.anli dd li .list_cont a b{ font-size: 24px; opacity: .5; color: #fff;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.anli dd li .list_cont a em{ display:block;  width: 120px; height:0; margin: 0 auto; font-size: 16px; font-style: normal; border-radius: 2px; overflow: hidden;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; color: #fff}
.anli dd li:hover .list_bg{ background: rgba(0,0,0,.5)}
.anli dd li:hover .list_cont a b{ opacity: 1}
.anli dd li:hover .list_cont a em{ width:120px; height:40px; background:#ff9000; line-height:40px; margin-top:40px;}

.shebei{ display: block; width: 100%; padding-bottom: 40px;}
.shebei dt{ display: block; text-align: center}
.shebei dt h3{ display: block; font-size: 30px; font-weight:bold; padding: 40px 0;}
.shebei dt p{ display: block; padding-bottom:2rem;}
.shebei dd{ display:block; width: 100%; overflow: hidden; position: relative}
.shebei dd h3{ display: inline; font-size: 20px;}
.shebei dd h3 em{ color:#FF0000; font-style: normal}
.shebei dd p{ font-size: 16px; color: #b6b6b6; margin-top: 10px; font-weight: bold}
.shebei dd ul{ display:block; float: left; width:464px; padding-right: 30px; line-height: 200%; margin-top: 20px;}
.shebei dd img{ margin-top: -50px;}
.shebei dd div{ display: block; position: absolute; left: 0; bottom:0}
.shebei dd div a{ display: inline-block;  width: 120px;  height: 45px;  margin-right: 20px;  font-size: 18px;  text-align: center;  line-height: 45px;  border-radius: 2px;background: #dcdcdc;  color: #494949;}
.shebei dd div a.zixun{ background:#ff9000; color: #fff }


/*服务流程*/
.title{ display: block; text-align: center; padding: 30px 0}
.title h3{ font-size:26px; color:#393939; padding-bottom: 20px; }
.title p{ display: block; line-height: 200%; font-size: 16px; color: #787878;}

.fuwulist{ display: block; width: 100%; text-align: center}
.fuwulist li{ display:inline-block; *display: inline; zoom:1; width: 222px; padding: 25px 66px; }
.fuwulist li .img{ display: block; height: 222px; border-radius: 50%; border: 1px solid #ccc; overflow: hidden;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.fuwulist li .box{ display: block; margin-top: 15px;}
.fuwulist li .box span{ display:inline-block; *display: inline; zoom:1;width: 14px; height: 14px; background:#ccc; border-radius: 50%; margin-right: 10px; vertical-align: middle}
.fuwulist li a{transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; font-size: 16px; font-weight: bold}
.fuwulist li a:hover .img{ border-radius: 10px;}

    /*公司广告*/
.art_txt{ display: block; width: 100%; min-width: 1200px; background:#dd6d08; margin-top: 35px; text-align: center}
.nwslist{ display: block; width: 100%; min-width: 1200px;}
.nwslist li{ display: block; width: 100%; overflow: hidden;border-top: 1px dotted #ddd; height: 180px; padding: 30px 0 24px;}
.nwslist li img{ display: block; float: left; width: 225px; height: 172px; margin-right: 40px; float: left}
.nwslist li h3{ display: block; text-align: right }
.nwslist li h3 a{ float: left; font-size: 18px; color:#f90;}
.nwslist li h3 span{ font-weight: normal}
.nwslist li p{ display: block; min-height: 110px; font-size: 15px; color:#393939; padding: 30px 0 20px; line-height: 200%; }

.article{ display: block; padding: 0 30px;}
.article li{ display: block; width: 100%; overflow: hidden; position: relative; height: 35px; line-height: 35px; text-align: right}
.article li:after{ content:'';position: absolute; left: 0; right: 0; bottom:0; border-bottom: 1px dotted #ddd}
.article li a{ display: block; float: left;}
    /*走进筑昆*/
.left{ display: block; width:218px;background:#f7f7f7;    border: 1px solid #e9e9e9; }
.left li{ display: block; height: 40px; line-height: 40px; border-bottom: 1px solid #e9e9e9; margin-bottom: -1px;}
.left li a{ display: block; text-indent: 40px; font-size: 16px; font-weight: bold; color: #393939; overflow: hidden;}
.left li a.curr{ color: #f90; background:#f0f0f0}
.right{ display: block; margin-left:242px; border: 1px solid #e9e9e9;box-shadow: 0 0 2px #e9e9e9; margin-bottom: 60px; background: #fff}
.list_title{ display: block; border-bottom: 1px solid #e9e9e9; height: 40px; padding: 0 25px;  overflow: hidden;}
.list_title h3{ float: left; line-height: 40px; font-size: 18px; color: #393939;}
.list_title .pos{ display: block; background: url("../images/pos.png") no-repeat left center; float: right; padding-left:20px;line-height: 40px;}
.list_title .pos em {  display:inline-block; font-style: normal;  height: 100%; margin: 0 6px; font-family: "宋体", Helvetica, Arial, sans-serif, "Helvetica Neue";line-height: 40px;}

#content{ padding: 25px 14px; overflow: hidden; height: 100%!important; min-height: 600px;height: 600px;}
#content img{ max-width: 100%;}


.pic{ display: block; width: 100%; overflow: hidden;}
.pic  ul{ display: block; width: 1230px; overflow: hidden;}
.pic li{ display: block; width: 380px; height: 285px; float: left; text-align: center; position: relative; overflow: hidden; border-radius: 2px; margin:0 30px 30px 0; font-size:0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.pic li .list_bg{ display: block; width: 100%; height: 100%; background:rgba(0,0,0,0);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.pic li .list_cont{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0}
.pic li .list_cont span{ display: inline-block; *display: inline; zoom:1; height: 100%; vertical-align: middle}
.pic li .list_cont a{display: inline-block; *display: inline; vertical-align: middle}
.pic li .list_cont a b{ font-size: 24px; opacity: .5; color: #fff;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.pic li .list_cont a em{ display:block;  width: 120px; height:0; margin: 0 auto; font-size: 16px; font-style: normal; border-radius: 2px; overflow: hidden;transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; color: #fff}
.pic li:hover .list_bg{ background: rgba(0,0,0,.5)}
.pic li:hover .list_cont a b{ opacity: 1}
.pic li:hover .list_cont a em{ width:120px; height:40px; background:#ff9000; line-height:40px; margin-top:40px;}
    /*翻页*/
.pages{ display: block; text-align: center; padding: 40px 0 60px;}
.pages{ width:100%; font-size:0; text-align:center;}
.pages span{ display:inline-block; font-size:14px; color:#ff9000; line-height:100%; padding:5px 8px; margin:0 5px;}
.pages a{ display:inline-block; background:url(../images/page_bg.png) repeat-x; font-size:14px; color:#666; line-height:100%; padding:6px 10px; margin:0 5px; border:1px solid #ccc; border-radius:2px;}
.pages a:hover{ border-color:#ff9000; color:#ff9000;}

.picbox{ display:block;  border:1px solid #e6e6e6;     box-shadow: 0 0 4px #eee; overflow: hidden; background: #fff; margin-bottom: 40px;}
.picbox .pro_tit{padding: 40px;  border-bottom: 1px solid #d8d8d8;  overflow: hidden;}
.picbox .pro_tit h3 {  margin-bottom: 15px;  font-size: 28px;  font-weight: bold;  color: #393939;  line-height: 100%;  }
.picbox .pro_tit p {  font-size:18px;  color: #666;  }
.picbox .pro_tit p em{ font-style: normal}
.picbox .pro_tit .pro_pos { display:block;   font-size: 0;  }
.picbox .pro_tit  .pro_pos span { display:inline-block;   width: 14px;  height: 14px;  border: 1px solid #F93;  text-align: center;  border-radius: 50%;  margin-top:12px;  }
.picbox .pro_tit  .pro_pos span em {  display: block;  width: 8px;  height: 8px;  margin: 3px auto 0;  background: #F93;  border-radius: 50%;  }
.picbox .pro_tit .pro_pos a {  font-weight: bold;  color: #F30;  line-height: 100%;  margin-left: 10px;  border-bottom: 1px solid #F30;  font-size: 16px; }



.focusBox{ width:900px; margin:60px auto;  position: relative;}
.focusBox>.list{ width:100%; height:100%!important; min-height:600px; height:600px; }
.focusBox>.list li{ display: block; height:100%!important; min-height:600px; height:600px;}
.focusBox>.list li img{width:100%; height:100%;}
.focusBox .prev{ position: absolute; background:url(../images/pro_optlf.png) no-repeat center center ;
    width: 60px; height: 90px; margin: -60px 0 0;  position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;  z-index:100;}
.focusBox .next{position: absolute; background:url(../images/pro_optrt.png) no-repeat center center ;
    width: 60px; height: 90px; margin: -60px 0 0;  position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px;  z-index:100; right:0
}
.picbox  .pro_txt { width: 900px;  margin: 40px auto 30px;  font-size: 16px;  color: #393939;  line-height: 200%;  }
.art_move{ display:block; width:900px; padding:20px 0 40px; border-top:1px solid #e6e6e6; font-size:14px; overflow:hidden; position:relative}
.art_move li{ display:block; height:25px; line-height:25px;}
.art_move p{ display:block; position:absolute; right:0; top:30px;}
.art_move a{ color:#666}


.art_cont {
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 4px #eee;
    background: #fff; margin-bottom: 40px;
}
.art_cont .art_tit {
    padding: 40px;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}
.art_cont .art_tit h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #393939;
    line-height: 100%;
}
.art_cont .art_tit p {
    font-size:16px;
    color: #666;
}
.art_desc {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 30px;
    font-size: 15px;
    color: #393939;
    line-height: 200%;
}
.form{ display: block; padding: 30px; height: 100%!important; *height: 300px; min-height: 300px;}
.form #focus{ width: 600px; margin: 0 auto}
.form td{ padding: 5px}
.form td input[type="text"]{ width: 100%; border: 1px solid #ddd; height: 35px; text-indent: 10px; }
.form td .nr{ display: block; width: 100%; border: 1px solid #ddd;text-indent: 10px; padding: 0; height: 100px;}
.form div button[type="submit"],.form button[type="reset"]{ display:inline-block; *display:inline;zoom:1;   border: 1px solid #ddd; width: 120px; margin-top: 20px; height: 30px; cursor: pointer}
.form div button[type="submit"]{ background: #f60; color: #fff; border: 1px solid #f60}

.piclist{ display: block; width: 100%; overflow: hidden}
.piclist li{ display: block; float: left; width:298px; margin:9px; border: 1px solid #ddd}
.piclist li img{ display: block; width: 100%;}
.piclist li span{ display: block; text-align: center; background: #ddd; height: 35px;line-height: 35px;}

.links{ display: block; width: 100%; overflow: hidden; margin: 40px;}
.links ul{ display: block; width: 1220px;overflow: hidden;}
.links li{ display: block; float: left; width: 188px; height: 120px; border: 1px solid #ddd; margin: 0 12px 12px 0}
.links li img{ width: 100%}


.cont{ display:block; padding-top: 30px; border-top: 1px solid #ddd}









    /*底部*/
#footer{ width: 100%; min-width: 1200px; background:#313131;}
#footer>.footer_top{ width: 1100px; height: 100px; border-bottom: 1px dotted #505050; overflow: hidden; padding: 0 50px;}
#footer>.footer_top>.f_logo,#footer>.w>.f_tel{ display:inline-block; *display: inline; zoom:1; height: 100%; }
#footer>.footer_top>.f_logo>span,#footer>.w>.f_tel>div.bg{ display:inline-block; *display: inline;zoom:1; height: 100%;vertical-align: middle}
#footer>.footer_top>.f_logo>img,#footer>.w>.f_tel>div.tel{ display: inline-block;  *display: inline;zoom:1;vertical-align: middle}
.f_tel em{ display: block; color:#f60; font-size: 20px; font-weight: bold}
.f_tel span{ display: block; color: #fff; margin-top: 8px; font-size: 16px;}
.foot_mid{ padding: 30px 0;}
.f_nav{ display: block; width: 800px;}
.f_nav dl{ display: block; width: 175px; float: left;}
.f_nav dl dt{ display: block; font-size: 16px;  font-weight: bold; padding-bottom: 10px;color: #fff}
.f_nav dl dt a{ color: #fff}
.f_nav dl dd{ display: block;}
.f_nav dl dd li{ display: block; margin-bottom: 10px;}
.f_nav dl dd a{font-size: 14px; color: #787878;  line-height: 100%;}
.f_code { display: block; width: 380px; overflow: hidden}
.f_code img{ display: block; float: left; margin-right: 50px;}
.f_code span{ display: block; color: #fff; font-size: 14px; margin-bottom: 15px;}
#bottom{ display: block; width: 100%; min-width: 1200px; text-align: center; background:#313131;padding: 20px 0;border-top: 1px dotted #505050;  }