﻿body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; font-family:"宋体"; color:#666;}
a{color:#666;}
a:hover{ color:#2ba9e1; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


.hbg{ height:155px; width:1200px; background:none; position:absolute; z-index:222; top:0px; margin-left:-600px; left:50%;}
.hbg .header{ height:155px;}
.hbg .header .top{ height:75px; border-bottom:1px solid #fff;}
.hbg .header .top .left{ float:left; margin-left:500px; margin-top:15px;}
.hbg .header .top .left a{ display:block; width:80px; height:30px; line-height:30px; text-align:center; margin:0 5px; float:left; color:#fff;}

.search{ background:none; width:304px; height:36px; line-height:36px; float:right; overflow:hidden; position:relative; margin-top:15px;}
.input_text{ height:34px; line-height:34px; background:#fff; border:#999 solid 1px; width:208px; padding-left:10px; position:absolute; left:0px; top:0px;}
.input_button{ position:absolute; right:0px; top:0px; background:#2ba9e1; color:#fff; width:72px; height:36px; line-height:36px; text-align:center; color:#fff; cursor:pointer; border-radius:4px;}
.input_button:hover{ background:#000;}

.hbg .header .down{ height:77px; border-bottom:#fff solid 1px;}
.hbg .header .down .logo{ float:left; width:210px; height:76px;}
.downbg{ width:100%;}


.menu{height:77px;line-height:77px; float:right;}
.menu ul li{ float:left; position:relative; width:90px;}
.menu ul li dl{ background:#111; width:170%; position:absolute; left:0px; top:76px;display:none; }
.menu ul li dl dd{ line-height:36px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#fff; font-weight:normal; display:inline; padding:0; text-align:center;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ color:#fff;}
.menu_down span{ display:block;background:url(../image/menu_down.gif) right 10px center no-repeat;}
.menu .l2{ width:160px;}







.banner_02{ height:890px; overflow:hidden; position:relative;}
.banner_02 #banner_02_con{ display:none;}



.btq{ width:1000px; height:400px; position:absolute; top:300px; margin-left:-500px; left:50%; z-index:345;}
.btq strong{ width:1000px; height:160px; line-height:75px; text-align:center; display:block; color:#fff; font-size:74px; font-weight:normal;}
.btq span{ height:200px; line-height:40px; line-height:40px; text-align:center; display:block; color:#fff; font-size:26px;}
.btq a{ display:block; width:240px; height:45px; line-height:45px; color:#fff; font-size:16px; text-align:center; background:#2ba9e1; margin:40px auto;}

.con1_bg{ background:#fff; position:relative; z-index:2;height:600px;}
.con1{ height:570px; padding-top:30px; background:#fff;}
.con1 h2{ height:80px; line-height:80px; border-bottom:#ddd solid 1px; text-align:center; color:#000; font-size:20px; font-weight:normal;}
.con1 h3{ line-height:40px; text-align:center; color:#333; font-size:16px; font-weight:normal;}
.con1 ul{ margin-top:20px; height:330px;}
.con1 ul li{ width:380px; height:330px; float:left; margin:0 10px;}
.con1 ul li a{ display:block; width:380px; height:210px;}
.con1 ul li img{ width:143px; height:143px; display:block; margin:0 auto;}
.con1 ul li strong{ margin-top:10px; font-size:18px; font-weight:normal; display:block; width:380px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
.con1 ul li span{ margin-top:10px; font-size:14px; font-weight:normal; display:block; width:380px; height:80px; line-height:25px; text-align:center; overflow:hidden;}
.con1 .more{ width:187px; height:45px; margin:0 auto;}
.con1 .more .aa{ float:left; background:#2ba9e1; font-size:16px; text-align:center; color:#fff; width:187px; height:45px; line-height:45px; border-radius:5px;}
.con1 .more .aa:hover{ background:#000;}
.con1 .more .a2{ float:right; background:#2ba9e1; font-size:16px; text-align:center; color:#fff; width:187px; height:45px; line-height:45px; border-radius:5px;}
.con1 .more .a2:hover{ background:#000;}



.dbg{ position:fixed; top:0px; left:0px; z-index:0;}
.dbg img{ width:1920px;}





.con2{ height:500px; padding-top:30px; background:none; position:relative; z-index:2;}
.con2 h2{ height:50px; line-height:50px; padding-top:30px; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
.con2 h3{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:normal;}



.scroll_01{ border:#fff solid 1px; overflow:hidden; margin-top:30px;}
.scroll_01 .bd li{ float:left; height:34px; line-height:34px; width:150px; margin:0 25px;}
.scroll_01 .bd li a{ color:#fff; font-size:16px;}

.con2 .lb{ height:185px; margin-top:30px;}
.con2 .lb ul{ height:185px;}
.con2 .lb ul li{width:380px; height:185px; float:left; margin:0 10px;}
.con2 .lb ul li strong{ font-weight:normal; font-size:65px; color:#2ba9e1; display:block; width:380px; height:110px; line-height:110px; text-align:center;}
.con2 .lb ul li span{font-size:14px; color:#fff; display:block; width:380px; height:60px; line-height:30px; text-align:center;}
.con2 .lb b{ margin:0 auto; display:block; width:200px; height:45px; line-height:45px; color:#fff; text-align:center; font-weight:normal; font-size:16px;}
.con2 .lb .a3{ margin:5px auto; display:block; width:187px; height:45px; line-height:45px; border-radius:5px;background:#2ba9e1; font-size:16px; text-align:center; color:#fff;}

.con3_bg{ background:url(../image/bga.jpg) center top repeat; position:relative; z-index:2;height:600px;}
.con3{ height:570px; padding-top:30px;}
.con3 h2{ height:80px; line-height:80px; border-bottom:#ddd solid 1px; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
.con3 h3{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:normal;}
.con3 ul{ margin-top:20px; height:330px;}
.con3 ul li{ width:380px; height:330px; float:left; margin:0 10px;}
.con3 ul li a{ display:block; width:380px; height:210px;}
.con3 ul li img{ width:143px; height:143px; display:block; margin:0 auto;}
.con3 ul li strong{ margin-top:10px; font-size:18px; font-weight:normal; display:block; width:380px; height:30px; line-height:30px; text-align:center; overflow:hidden; color:#fff;}
.con3 ul li span{ margin-top:10px; font-size:14px; font-weight:normal; display:block; width:380px; height:80px; line-height:25px; text-align:center; overflow:hidden; color:#fff;}
.con3 .more{ width:500px; height:45px; padding-top:30px; margin:0 auto;}
.con3 .more .a1{ float:left; background:#2ba9e1; font-size:16px; text-align:center; color:#fff; width:187px; height:45px; line-height:45px; border-radius:5px;}
.con3 .more .a1:hover{ background:#000;}
.con3 .more .a2{ float:right; background:#2ba9e1; font-size:16px; text-align:center; color:#fff; width:187px; height:45px; line-height:45px; border-radius:5px;}
.con3 .more .a2:hover{ background:#000;}

.con4_bg{ background:none; height:1200px; position:relative; z-index:2;}
.con4_bg .con4{ height:1180px; padding-top:20px;}
.con4_bg .con4 h2{ height:80px; line-height:80px; border-bottom:#ddd solid 1px; text-align:center; color:#000; font-size:20px; font-weight:normal; color:#fff;}
.con4_bg .con4 .cc{ height:1000px;}
.con4_bg .con4 .cc .cl{ float:left;}
.con4_bg .con4 .cc .cl ul li{ width:566px; height:470px; margin:20px 0;}
.con4_bg .con4 .cc .cl ul li img{ width:566px; height:320px;}
.con4_bg .con4 .cc .cl ul li strong{ height:40px; line-height:40px; color:#fff; font-size:16px; margin-top:5px;}
.con4_bg .con4 .cc .cl ul li span{ height:105px; line-height:22px; color:#fff; font-size:14px;}
.con4_bg .con4 .cc .cr{ float:right; width:584px;}
.con4_bg .con4 .cc .cr ul li{ width:584px; height:200px; margin:20px 0;}
.con4_bg .con4 .cc .cr ul li img{ float:left; margin-right:25px; height:320px; width:566px;}
.con4_bg .con4 .cc .cr ul li strong{ float:left; display:block; width:430px; height:40px; line-height:40px; color:#fff; font-size:16px;}
.con4_bg .con4 .cc .cr ul li span{ float:left; display:block; width:430px; height:160px; line-height:25px; font-size:14px; color:#fff;}

.con4_bg .con4 .a4{ margin:5px auto; display:block; width:187px; height:45px; line-height:45px; border-radius:5px;background:#2ba9e1; font-size:16px; text-align:center; color:#fff;}

.con5_bg{ background:#fff; z-index:2; position:relative;}
.con5{ height:470px; padding-top:30px;}
.con5 h2{ height:80px; line-height:80px; border-bottom:#ddd solid 1px; text-align:center; color:#000; font-size:20px; font-weight:normal;}


.scroll_03{ height:120px; margin-top:80px; overflow:hidden;}
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 25px;}
.scroll_03 .bd li .img{height:100px; padding:2px; background:#fff;}
.scroll_03 .bd li .img table tr td{ height:100px;}
.scroll_03 .bd li .img table tr td img{ max-width:200px; max-height:100px;}
.con5 .a5{ margin:45px auto 10px auto; display:block; width:187px; height:45px; line-height:45px; border-radius:5px;background:#2ba9e1; font-size:16px; text-align:center; color:#fff;}


.con6_bg{ background:none; height:730px; position:relative; z-index:2;}
.con6_bg .con6{ height:700px;}
.con6_bg .con6 h2{ padding-top:30px; height:80px; line-height:80px; border-bottom:#ddd solid 1px; text-align:center; color:#fff; font-size:20px; font-weight:normal;}
.con6_bg .con6 ul{ width:436px; margin:200px auto;}
.con6_bg .con6 ul li{ float:left; width:76px; height:76px; margin:0 5px;}
.con6_bg .con6 ul .l1{ background:url(../image/f.png) center top no-repeat;}
.con6_bg .con6 ul .l2{ background:url(../image/in.png) center top no-repeat;}
.con6_bg .con6 ul .l3{ background:url(../image/wxw.png) center top no-repeat;}
.con6_bg .con6 ul .l4{ background:url(../image/feiniao.png) center top no-repeat;}
.con6_bg .con6 ul .l5{ background:url(../image/ytb.png) center top no-repeat;}
.con6_bg .con6 ul .l1:hover{ background:url(../image/fh.png) center top no-repeat;}
.con6_bg .con6 ul .l2:hover{ background:url(../image/inh.png) center top no-repeat;}
.con6_bg .con6 ul .l3:hover{ background:url(../image/wxwh.png) center top no-repeat;}
.con6_bg .con6 ul .l4:hover{ background:url(../image/feiniaoh.png) center top no-repeat;}
.con6_bg .con6 ul .l5:hover{ background:url(../image/ytbh.png) center top no-repeat;}

.fbg{ background:#000; position:relative; z-index:2;}
.fbg .footer .fs{ padding:20px 0;}
.fbg .footer .fs dl{ width:180px; float:left; margin:0 15px;}
.fbg .footer .fs dl dt{ line-height:25px;}
.fbg .footer .fs dl dt a{ color:#fff;}
.fbg .footer .fs dl dd{ line-height:25px;}
.fbg .footer .fs dl dd a{ color:#fff;}
.fbg .footer .fd{ border-top:#fff solid 1px; line-height:25px; text-align:center; padding:10px 0;}




.weizhi{height:40px; line-height:40px; border-bottom:3px solid #ddd; font-size:14px; }
.inside{ min-height:600px;}
.zhy{margin-top:20px; width:1000px; min-height:600px;}
.zhy h2{ height:60px; line-height:60px; color:#333; font-size:26px; text-align:center; border-bottom:#ccc solid 1px;}

.i1bg{ background:#e6e7e8;}
.i1bg .i1{ height:684px;}
.i1bg .i1 h2{ height:50px; line-height:50px; padding-top:30px; font-size:34px; font-weight:normal; text-align:center; padding:50px 0 60px 0;}
.i1bg .i1 ul{ height:365px;}
.i1bg .i1 ul li{ width:545px; float:left; margin:0 20px; height:149px; margin-top:10px;}
.i1bg .i1 ul li span{ width:300px; margin:0 auto; margin-top:10px; height:60px; line-height:30px; display:block; font-size:24px;}
.i1bg .i1 ul .l1 img{ width:220px; height:50px; display:block; margin:0 auto;}
.i1bg .i1 ul .l2 img{ width:310px; height:43px; display:block; margin:0 auto;}
.i1bg .i1 ul .l3 img{ width:330px; height:100px; display:block; margin:0 auto;}
.i1bg .i1 ul .l4 img{ width:181px; height:76px; display:block; margin:0 auto;}
.i1bg .i1 .more{ width:465px; height:55px; margin:50px auto;}
.i1bg .i1 .more a{ width:185px; height:55px; line-height:55px; background:#2ba9e1; font-size:16px; text-align:center; display:block; text-align:center; color:#fff; font-weight:bold; border-radius:5px;}
.i1bg .i1 .more a:hover{ background:#000;}
.i1bg .i1 .more .a1{ float:left;}
.i1bg .i1 .more .a2{ float:right;}

.i2{ height:960px;}
.i2 h2{ height:50px; line-height:50px; padding-top:30px; font-size:34px; font-weight:normal; text-align:center; padding:50px 0 60px 0;}
.i2 img{ width:650px; height:668px; display:block; margin: 0 auto;}
.i2 .more{ width:465px; height:55px; margin:50px auto 0 auto;}
.i2 .more a{ width:185px; height:55px; line-height:55px; background:#2ba9e1; font-size:16px; text-align:center; display:block; text-align:center; color:#fff; font-weight:bold; border-radius:5px;}
.i2 .more a:hover{ background:#000;}
.i2 .more .a1{ float:left;}
.i2 .more .a2{ float:right;}


.i3bg{ background:#e6e7e8;}
.i3bg .i3{ height:704px;}
.i3bg .i3 h2{ height:50px; line-height:50px; padding-top:30px; font-size:34px; font-weight:normal; text-align:center; padding:50px 0 60px 0;}
.i3bg .i3 ul{ height:421px;}
.i3bg .i3 ul li{ width:354px; height:421px; float:left; margin:0 22px;}
.i3bg .i3 ul li img{ width:150px; height:150px; display:block; margin:20px auto;}
.i3bg .i3 ul li strong{ width:100%; line-height:30px; font-size:24px; height:60px; text-align:center; display:block; display:block;}
.i3bg .i3 ul li span{ width:100%; line-height:30px; font-size:22px; height:90px; text-align:center; display:block; display:block;}
.i3bg .i3 .more{ width:465px; height:55px; margin:30px auto 0 auto;}
.i3bg .i3 .more a{ width:185px; height:55px; line-height:55px; background:#2ba9e1; font-size:16px; text-align:center; display:block; text-align:center; color:#fff; font-weight:bold; border-radius:5px;}
.i3bg .i3 .more a:hover{ background:#000;}
.i3bg .i3 .more .a1{ float:left;}
.i3bg .i3 .more .a2{ float:right;}

.i4bg{ background:url(../image/omnicubes-background-1.jpg) #eeeced center top repeat-x;}
.i4bg .i4{ height:2680px;}
.i4bg .i4 h2{ height:50px; line-height:50px; font-size:34px; font-weight:normal; text-align:center; padding:50px 0 60px 0;}
.i4bg .i4 h3{ height:35px; line-height:35px; font-size:28px; font-weight:normal; text-align:center; padding:10px 0 60px 0;}
.i4bg .i4 ul li{ height:450px; border-bottom:#9a9a9a solid 1px; margin-top:30px;}
.i4bg .i4 ul li .sm img{ display:block; margin:0 auto; width:200px; height:200px;}
.i4bg .i4 ul li .zj{ max-width:970px; margin:20px auto; text-align:center;}
.i4bg .i4 ul li .zj a{ font-size:24px; color:#2ba9e1; height:35px; line-height:35px;}
.i4bg .i4 ul li .zj span{ font-size:24px; height:35px; line-height:35px;}
.i4bg .i4 ul li .xm img{ margin:30px auto; height:94px; display:block;}



.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}


.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}


.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(404.png) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}