@charset "utf-8";
/* CSS Document */
/*Site Name:冰琪Description: 艾鲁网络-潜意识失意.*/
html,body{font-size:12px;font-family:"微软雅黑",Helvetica,Arial,sans-serif,"Helvetica Neue";color:#000; padding:0; margin:0; line-height:150%;  height: 100%}
h1, h2, h3, h4, h5, h6, em,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; }
a:link { font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #555; }
a:visited { font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #555; }
a:hover { font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none !important; color: #f00; }
a:active { font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #555; }
ul,ol{ list-style-type:none; padding:0; margin:0}
img {border:0;vertical-align: middle;width: 100%;float: none}
.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}
input{ border:0; background: none}
input, select, textarea {outline: none;}
input::-webkit-input-placeholder {
    color: #b3b3b3 !important;font-size: 14px;
}
em{font-style: normal}
b{font-weight: normal}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur()); }
a:hover{color:#0064b0;}
.w{ width:1200px; margin:0 auto;}
.fl{float:left }
.fr{float:right }
.m48{margin-top: 48px;}
.pics{height: 100%!important; min-height: 600px; height: 600px;}
#header{ width: 100%; min-width: 1200px;}

#header .top_logo{display: block;width: 100%;height: 90px;}
#header .top_logo .logo{display: block;width: 461px;height: 90px;margin-left: 210px}
#header .top_logo .logo img{display: block;width: 100%;height: 54px;margin: 15px 0 21px}
#header .top_logo .zixun{display: block;width: 315px;height: 90px;line-height: 90px;font-size: 16px}
#header .top_logo .zixun span{display: inline-block;line-height: 90px}
#header .top_logo .zixun span.re{padding-left: 25px;background: url("../images/tel.png") no-repeat left center}
#header .top_logo .zixun span.lian{padding-left: 25px;}
#header .top_logo .zixun span.lian a{display: inline-block;font-size: 16px}
#header .top_logo .zixun span.lian a:nth-child(1){padding-right: 5px;color: #00568c}
#header .top_logo .zixun span.lian a:nth-child(2){padding-left: 10px}
#header .top_logo .zixun span.hao{font-size: 18px;color: #f11506;}



#header .menu{display: block;width: 100%;border-top: solid 1px #dddddd;height: 50px;line-height: 50px;background: url("../images/nav.png") repeat-x}
#header .menu ul.nav{display: block;width: 100%;position: relative}
#header .menu ul.nav li{display: block;width: 170px;text-align: center;float: left;font-weight: 900}
#header .menu ul.nav li a{font-size: 16px}
#header .menu ul.nav li a:hover{display:block;color:#00578d;font-weight: 900}
#header .menu ul.nav li a.active{color: #00578d}
#header .menu ul.nav > li > ul{ display: none;}
#header .menu ul.nav > li.on > ul{display: block;}
#header .menu ul.nav >li>ul>li{height:40px; line-height:40px;}
#header .menu ul.nav > li > ul > li ul{ position:  absolute; top: 0; right: -200px;}
#header .menu ul.nav>li>ul.sub{display: none;position: absolute;top: 50px;width: 170px;background-color: rgba(255,255,255,0.6);z-index: 999}
#header .menu ul.nav>li>ul.sub>li{display: block;width: 170px;text-align: center;height: 30px;line-height: 30px}
#header .menu ul.nav>li>ul.sub>li>a{display: block;height: 30px;line-height: 30px;font-weight: 900;font-size: 16px}


.banner{display: block;width: 100%;height: 500px;}
.banner>img{display: block;width: 100%;height: 100%}
.fullSlide{ display: block; width: 100%; height: 500px; overflow: hidden; position: relative;}
.fullSlide .bd{ display: block; height: 500px; overflow: hidden; width: 100%;}
.fullSlide .bd li{ display: block; height: 500px;}
.fullSlide .hd{ display: block; position: absolute; left: 0; right: 0; bottom:15px; text-align: center}
.fullSlide .hd li{ display: inline-block; *display: inline; zoom: 1; width: 10px; height:10px; font-size: 0; background: white; margin: 0 5px; cursor: pointer;border-radius: 50%}
.fullSlide .hd li.on{ background: #0064b0}




/*首页布局*/
.navigation{display:block; overflow:hidden; width:100%;text-align: center;padding: 30px 0}
.navigation span{display:inline-block; height:40px; line-height:40px;font-size:20px; text-align:center; color:#333; font-weight:normal; padding:10px 0px; }
.navigation span.yishi_title{color: #00578c;font-weight: 900;padding-right: 10px}
.navigation span.title_name{color: #5b5b5b;font-weight: 900;padding-left: 10px}
.navigation i{display: inline-block;width: 10px;height: 10px;background: url("../images/dian.png") no-repeat center;background-size: 8px auto}




.chan{display: block;width: 1215px}
.chan li{display: block;width: 226px;height: 226px;float: left;border: solid 1px #dddddd;margin: 0px 15px 20px 0}
.chan li a{display: block;width: 100%;height: 226px;overflow: hidden;font-size: 16px;text-align: center}
.chan li img{display: block;width: 80px;height: 80px;margin: 5px auto;float: none}
.chan li img{cursor: pointer;transition: all 0.6s;}
.chan li img:hover{transform: scale(1.05);}
.chan li a .name{display: block;padding: 25px 0 0;color: #333333}
.chan li a .name:hover{color: #00568c}


.core{display: block;width: 100%;}
.core .news{display: block;width: 750px;height: 340px;border: solid 1px #bbb;float: left;margin-right: 15px;margin-bottom: 20px}
.core .service{display: block;width: 430px;height: 340px;border: solid 1px #bbb;float: left;margin-bottom: 20px}
.core .news .news_title{display: block;font-size: 16px;height: 45px;line-height: 45px;border-bottom: solid 1px #bbb;font-weight: 900}
.core .news .news_title span{display: inline-block;padding-left: 10px;}
.core .news .news_title a.more{padding-right: 5px}
.core .news .news_title .news_er .parHd{display: inline-block;padding-left: 200px}
.core .news .news_title .news_er .parHd li::before, .core .news .news_title .news_er .parHd li::after {position: absolute;top: 0;content: '';opacity: 1;width: 23px;height: 23px;}

.core .news .news_title .news_er .parHd li{ display: inline-block;*display: inline;font-size: 14px;color: #fff;cursor: pointer; position: relative;width: 160px;text-align: center;
    background: url("../images/bg-2.png") no-repeat center;margin-left: -36px;background-size: 160px auto}
.core .news .news_title .news_er .parHd li.on{color: #fff;background: url("../images/bg-1.png") no-repeat center;background-size: 160px auto}
.core .news .news_title .news_er .parHd li.on span{padding: 0}
.core .news .news_title .news_er .parHd li span{padding: 0}
.core .news .news_title .news_er .parHd li{list-style:none}




.core .news .news_title .parBd{  display:block;position: relative;}
.core .news .news_title .slideBox{ display: block; width: 750px; overflow: hidden}
.core .news .news_title .slideBox li{ display: block; width:720px;margin: 0 20px 0 10px}
.core .news .news_title .slideBox li .pic{ display: block; border:0 solid #ccc; padding: 10px;  position: relative; border-width: 1px 1px 0;}
.core .news .news_title .slideBox li .pic:after{ content:''; position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px; overflow: hidden; background:#ccc }
.core .news .news_title .slideBox li .title{ display: block; text-align: center; padding: 10px; border: 0 solid #ccc;  border-width:0 1px 1px ;font-size: 14px}
.core .news .news_title .slideBox li .title a b{font-size: 12px}
.core .news .news_title .slideBox li:hover  .pic,.slideBox li:hover .title{ border-color: red; cursor:pointer}
.core .news .news_title .slideBox li:hover .pic:after{ background: red}
.core .news .news_title .slideBox li:hover .title a{ color: red}

.core .news .news_title .slideBox li.news_one img{display: block;width: 180px;height: 118px;margin: 10px 0;float: left}
.core .news .news_title .slideBox li.news_one .news_content{display: block;width: 420px;float: left;padding-left: 15px}
.core .news .news_title .slideBox li.news_one .news_content .news_titles{display: block;width: 100%;font-size: 16px;color: #333333;font-weight: normal}
.core .news .news_title .slideBox li.news_one .news_content p.news_time{display: block;width: 100%;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal}
.core .news .news_title .slideBox li.news_one .news_content .news_contents{display: block;width: 100%;line-height: 22px;font-size: 14px;font-weight: normal}
.core .news .news_title .slideBox li.clear{line-height: 30px;font-size: 14px;}
.core .news .news_title .slideBox li.clear a{padding-left: 15px;font-size: 14px;background: url("../images/fangkuai-2.png") no-repeat left center;font-weight: normal}
.core .news .news_title .slideBox li.clear a:hover{background: url("../images/fangkuai-1.png") no-repeat left center}

.core .service .sers_title{display: block;width: 100%;border-bottom: solid 1px #bbb;font-size: 16px;line-height: 45px; overflow: hidden;position: relative;height: 45px;padding: 0;font-weight: 900}
.core .service .sers_title span{display: inline-block;padding-left: 10px}
.core .service .sers_title a.more{display: inline-block;padding-right: 5px}
.core .service .cha{display: block;width: 100%;}
.core .service .cha li{display: block;width: 420px;height: 90px;background: #e5e5e5;margin: 5px auto}
.core .service .cha li h3{display: block;width: 100%;font-size: 14px;padding: 10px 15px}
.core .service .cha li .input{display: block;width: 100%;padding: 0 5px}
.core .service .cha li .input input[type="text"]{display: inline-block;width: 320px;height: 35px;line-height: 35px;background: #fff;padding-left: 10px}
.core .service .cha li .input input[type="submit"]{display: inline-block;width: 70px;height: 35px;background: #00578d;color: #fff;margin-left: 10px}
.core .company{display: block;width: 590px;height: 265px;border: solid 1px #bbb;margin: 0 0 20px}
.core .company .sers_title{display: block;width: 100%;border-bottom: solid 1px #bbb;font-size: 16px;line-height: 45px; overflow: hidden;position: relative;height: 45px;padding: 0;font-weight: 900}
.core .company .sers_title span{display: inline-block;padding-left: 10px}
.core .company .sers_title a.more{display: inline-block;padding-right: 5px}
.core .company .list{display: block;width: 570px;margin: 0 auto}
.core .company .list li{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-bottom: dashed 1px #dddddd}
.core .company .list li a{font-size: 14px;background: url("../images/dian-2.png") no-repeat left center;padding-left: 15px;background-size: 8px auto}
.core .company .list li a:hover{color: #00578d;background: url("../images/dian-1.png") no-repeat left center}
.core .company .about{display: block;width: 570px;margin: 0 auto}
.core .company .about img{display: block;width: 162px;height: 200px;margin-top: 10px;float: left}
.core .company .about .about_content{display: block;width: 396px;height: 200px;float: left;padding: 10px 0px 0 10px;font-size: 14px;line-height: 20px}


.advantage{ display: block; width: 100%; overflow: hidden; padding: 60px 0}
.advantage li{ display: block;float: left; width:19%; text-align: center; padding: 0 3%}
.advantage li .img{ display: block; width: 114px; height: 114px; margin: 0 auto; padding-bottom:30px}
.advantage li .name{  display:inline-block; *display: inline;zoom: 1;  padding-top: 24px; font-size: 18px; color: #000; border-bottom: 2px solid #0064b0; padding: 0 15px 15px}
.advantage li .name_f{ display: block; padding:6px 0; font-size:14px; color: #000; padding-top: 15px;}

.h_about{ display: block; width: 100%; min-width: 1200px; overflow: hidden}
.h_about .title_box { color: white}
.h_about .h_box{ display: block; text-align: center; color: white; padding: 30px 0; line-height: 35px; font-size: 14px;}
.h_about .h_box1{ display: block; text-align: center; width: 100%; overflow: hidden;}
.h_about .h_box1 li{  display: inline-block; *display: inline; zoom: 1; width: 98px;margin:0 92px;}
.h_about .h_box1 li a.td{ display: block; width: 100%;  background: url("../images/td.png") no-repeat; }
.h_about .h_box1 li a.wz{ display: block; width: 100%;background: url("../images/wz.png") no-repeat; }
.h_about .h_box1 li a{ color: white; font-size: 16px;padding-top:120px;}

.new_box{ display: block; width: 318px; float: left; padding: 58px 0 0;}
.new_box.cont{  margin: 0 123px;}
.new_title{ display: block; width: 100%; overflow: hidden;  line-height: 40px; position: relative}
.new_title:after{ content: ''; position: absolute; right: 0; left: 0; bottom:0; border-bottom: 2px solid #e6e6e6}
.new_title .name{ display: block; float: left; position: relative; font-size: 18px;}
.new_title .name:after{ content: ''; position: absolute; right: 0; left: 0; bottom:0; border-bottom: 2px solid #0064b0; z-index: 10}
.new_title a{ display: block; float: right}

.customer{ display: block; width: 100%; overflow: hidden; padding: 60px 0;}
.customer ul{ width: 1290px; overflow: hidden}
.customer li{ display: block; width: 250px; margin-right:67px; float: left;}
.customer li span{ display: block; border:0 solid #ccc; border-width: 0 2px 2px; line-height: 40px; padding: 5px; text-align: center; font-size: 14px;}


.ur_header{ display: block; width: 100%; min-width: 1200px; background: url("../images/titebg.gif") repeat-x; height: 70px; position: relative}
.ur_header .left_top{ display: block; width:222px; background: url("../images/left_top.gif") no-repeat 50px 0; height: 55px; top:23px; position: absolute; color: white; padding:15px 50px; text-align: center }
.ur_header .left_top h1{ display: block; }
.ur_header .left_top h2{  display: inline-block; *display: inline; zoom: 1; font-size:60px; font-weight:400;text-transform: Uppercase;width: 50px;height:55px;line-height:55px; text-align: right}
.ur_header .left_top .title_con{display: inline-block; *display: inline; zoom: 1;}
.ur_header .left_top h3{ display: block;  color: #94d1ff; text-align: left ;font-size: 20px;
    padding-top:5px;
    text-transform: Uppercase;}
.title_r{ display: block; padding-top:40px;}
#left{ display: block; padding:38px  0 0 50px; width: 222px;}
.leftmeun{ display: block; border: 0  solid #ccc; border-width: 0 1px 0;}
.leftmeun li{ display: block; height:48px; line-height:48px; border-bottom: 1px solid #ccc;font-size: 16px}
.leftmeun li a{  display: block; padding-left: 17px;font-size: 14px}
.leftmeun li a em{ font-style: normal; float: right}
.leftmeun li a:hover,.leftmeun li a.active{ border-left: 4px solid #0064b0; color:#0064b0; padding-left: 13px;}


#right{ display: block; margin-left: 322px; height: 100%!important; min-height: 500px; height: 500px;}

.ser_title{display: block;width: 100%;padding-top: 30px;border-bottom: solid 1px #cccccc;color: #0064b0;font-size: 16px;line-height: 26px; overflow: hidden;position: relative}
.ser_title:after{ content: ''; position: absolute; right: 0; left: 0; bottom:0; border-bottom: 1px solid #e6e6e6}
.ser_title .name{ display: block; float: left; position: relative;line-height: 30px}
.ser_title .name:after{ content: ''; position: absolute; right: 0; left: 0; bottom:0; border-bottom: 2px solid #0064b0; z-index: 9}

#newslist ul{display: block;padding: 25px 0 48px}
#newslist li .ser_list{display: block;width:100%;text-align: left;line-height: 37px;font-size: 14px;border-bottom: dashed 1px #cccccc;color: #666666}
#newslist li .ser_list a{display: block;background: url("../images/jiantou.png") no-repeat 0 center;padding-left: 16px}
#newslist li .ser_list a:hover{color: #0064b0}
#newslist li .ser_list span{display: block;line-height: 37px;float: right}


#right .cir_title{display: block;width: 100%;text-align: center;padding: 42px 0;font-size: 14px;color: #666666}
#content{display: block;font-size: 12px;color: #6a6867;padding-bottom: 90px;line-height: 28px}
.contents{color: #666666;padding: 30px 0;line-height: 28px}
#content  img.lian{display: block;width: 264px;height: 114px;float: left;padding: 45px 0 300px;}

#right .news_title{display: block;font-size: 16px;text-align: center;padding: 44px 0 40px;color: #6a6867}


#right .cir_title{display: block;width: 100%;text-align: center;padding: 42px 0;font-size: 14px;color: #666666}
#content{display: block;font-size: 12px;color: #6a6867;padding-bottom: 90px;line-height: 28px}
.contents{color: #666666;padding: 30px 0;line-height: 28px}
#content  img.lian{display: block;width: 264px;height: 114px;float: left;padding: 45px 0 300px;}
#content .c_img{display: block;width: 100%;height: 600px}
#content .c_img>img{display: block;width: 600px;margin: 0 auto;float:none }

#content>img{width: auto;margin: 0 auto}

#right .news_title{display: block;font-size: 16px;text-align: center;padding: 44px 0 40px;color: #6a6867}
#right .lei_input{display: block;width: 100%;}
#right .lei_input li{display: block;width: 100%;height: 90px;background: #e5e5e5;margin: 20px auto}
#right .lei_input li h3{display: block;width: 100%;font-size: 14px;padding: 6px 15px}
#right .lei_input li .input{display: block;width: 100%;padding: 0 15px}
#right .lei_input li .input input[type="text"]{display: inline-block;width: 745px;height: 35px;line-height: 35px;background: #fff;padding-left: 10px}
#right .lei_input li .input input[type="submit"]{display: inline-block;width: 75px;height: 35px;background: #00578d;color: #fff;margin-left: 20px}


.kefy_list{display: block;width: 100%;min-width: 878px;overflow: hidden;padding-top: 48px}
.kehu_list{ display: block; width: 100%; overflow: hidden;}
.kehu_list ul{ width: 892px; overflow: hidden}
.kehu_list li{width: 204px;  margin: 0 15px 20px 0;  float: left;  _display: inline;  overflow: hidden;  padding: 2px;  background: #eee;}
.kehu_list li a img{display: block;width:100%;height: 153px;float: none}

.kehu_list li span{ display: block; height: 35px;  line-height: 35px;  text-align: center;}
.kehu_list ul li a:hover span{display:block; background:#0064b0; color:#fff;}
.kehu_list ul li:hover{display:block; background:#0064b0; color:#fff;}


.digg{display: block;text-align: center;width: 100%;overflow: hidden;padding-bottom: 100px}
.digg>a{display: inline-block;*display: inline;zoom: 1;margin: 0 2px}
.digg a.disabled{padding: 8px 10px;border: solid 1px #dbdbdb;}
.digg a.current{padding: 8px 12px;border: solid 1px #dbdbdb;}
.digg span{display: inline-block;*display: inline;zoom: 1;margin: 0 2px}
.digg span.disabled{padding: 8px 10px;border: solid 1px #dbdbdb;}
.digg span.current{padding: 8px 12px;border: solid 1px #dbdbdb;background: #0064b0;color: white;}


.liu_left{display: block;width: 580px;}
#focus{display: block;width: 100%;padding: 27px 0 42px}
#focus input{display: inline-block;width: 300px;height: 40px;border: solid 1px #ccc;padding-left: 10px;font-size: 12px}
#focus textarea{display: block;width: 500px;font-size: 12px;padding: 10px 0 0 10px;border:solid 1px #ccc;height: 120px}
#focus input[type="submit"]{display: inline-block;width: 160px;height: 40px;background-color: #0064b0;color: white;font-size: 14px;border: none;border-radius: 5px;margin-left: 70px}
#focus input[type="button"]{width: 160px;height: 40px;background-color: #5bc0de;display: inline-block;border: none;border-radius: 5px;margin-left: 30px;color: #fff}
#focus .sub{display: block;width: 100%;margin-top: 15px}
#focus tr{display: block;margin-top: 15px}
#focus td{display: inline-block;font-size: 14px;line-height: 20px;line-height: 20px;text-align: right}
/*.liu_right{display: block;width: 435px;margin-left: 60px;float: left;margin-top: 42px}*/
/*#focus td.i{background: url("../images/liu.png") no-repeat right center}*/
/*#focus textarea{background: url("../images/lei.png") no-repeat right 10px;background-position: 360px 10px}*/
/*#focus td.i1{background: url("../images/liuyan.png") no-repeat right center}*/
/*#focus td.i2{background: url("../images/xin.png") no-repeat right center}*/

















































#footer{ width: 100%; min-width: 1200px;}
.footer{width:100%; overflow:hidden; background:#444444;height: 240px}
.footer li{display: block;width: 240px;height: 240px;float: left;font-size: 16px;padding-top: 30px;color: #eeeeee}
.footer li a{display: block;width: 100%;font-size: 14px;padding-top: 15px;color: #eeeeee}
.footer li .lian{display: block;width: 100%;line-height: 25px;text-align: left;padding-top: 10px;font-size: 14px}
#footer span{display: block;width: 100%;height: 50px;font-size: 14px;line-height: 50px;background: #333333;text-align: center;color: #fff}



/*.footer ul{display:block; width:1024px; margin:0 auto; padding:60px 0 20px 0;color:#848484 !important;}*/
/*.footer ul dl{display:block; margin:0px; padding:0px; width:750px;}*/
/*.footer ul dl li{display:block; width:100px; float:left;}*/
/*.footer ul dl li h4{display:block; height:35px; line-height:35px; font-size:14px;}*/
/*.footer ul dl li a{display:block; height:30px; line-height:30px; color:#848484;}*/
/*.footer ul dl li a:hover{color:#fff;}*/
/*.footer ul span{display:block; width:270px; float:right;color:#848484 !important;}*/
/*#footer>span{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #424548;color: #848484}*/