/* CSS Document */ *{ margin:0; padding:0;} li{ list-style:none;} img{ border:none; max-width:100%;} a{ text-decoration:none;} .fl{float:left;} .fr{float:right;} body{ background-color:#fafafa; font-family:"微软雅黑","Cambria";} #clear{ clear:both;} /*右侧联系我们*/ #panel{position:fixed;right:0;top:50%;margin-top:-126px;height:200px;border:1px solid #30babe;background:#30babe;width:49px;z-index:999; font-size:12px;} #panel,#panel .info{border-top-left-radius:10px;border-bottom-left-radius:10px;} #panel .icons li{width:49px;height:49px;background-image:url(../images/icon2.png);background-repeat:no-repeat;} .icons .top{background-position:-330px -125px;cursor:pointer;} .icons .qq{background-position:-385px -73px;} .icons .tel{background-position:-385px -159px;} .icons .wx{background-position:-383px -121px;} #panel .info{position:absolute;height:147px;top:50%;right:100%;margin-top:-73.5px;background:#30babe;width:0;overflow:hidden;transition:all .5s;} #panel .info.hover{width:145px;} #panel .info li{width:145px;display:none;text-align:center;color:#FFF;} #panel .info li p{font-size:1.1em;line-height:2em;padding:15px;text-align:left;} #panel .info li.qq p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #00dfb9;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #00dfb9;border-radius:5px;} #panel .info li.qq p a:hover{background:#00dfb9;color:#fff;} #panel .info li div.img{height:100%;background:#DEFFF9;margin:15px} .index_cy{width:30px;height:30px;background-image:url(../images/index_cy.png);position:fixed; right:0; top:50%; margin-top:90px;background-position:62px 0px;cursor:pointer; z-index:999;} .index_cy2{width:30px;height:30px;background-image:url(../images/index_cy.png);position:fixed; right:0; top:50%; margin-top:90px;background-position:30px 0px;cursor:pointer; z-index:999;} /*header*/ #header-box{ max-width:100%; min-width:1024px; height:155px; margin:0 auto; border-bottom:#30babe 1px solid;} #header{width:1024px; height:155px; margin:0 auto;} #logo{ margin-top:45px;} #nav{ margin-top:25px; width:650px;} #nav .source{ width:415px; height:28px; line-height:28px;} #nav .source a{ color:#000; font-size:14px; padding:0 10px;} #nav .source form{ height:26px; line-height:26px; width:190px; float:left;} #nav .source input{ height:26px; line-height:26px; width:150px; border:#bfbfbf 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-indent:10px; outline:none;} #nav .source img{ border:#bfbfbf 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-indent:10px; float:right; cursor:pointer;} #nav .daohang{width:100%; height:99px; line-height:99px;} #nav .daohang ul{} #nav .daohang ul li{ display:inline-block; margin-left:38px; font-size:18px;text-align:center;} #nav .daohang ul li a{ color:#000; display:block;} #nav .daohang ul a:hover{ border-bottom:#30babe 3px solid;} /*banner*/ .focus { height: 600px; overflow: hidden; position: relative; background: #ccc; width:100%; } .focus_m ul { width: 100%; height: 600px; overflow: hidden; } .focus_m li { width: 100%; height: 600px; _float: left; } .focus_s { overflow: hidden; z-index: 2; width: 1200px; position: absolute; bottom: 30px; left: 50%; margin-left: -60px; } .focus_s ul { height: 12px; overflow: hidden; } .focus_s li { float: left; cursor: pointer; height: 12px; width: 12px; overflow: hidden; margin: 0 5px; } .focus_s li b { display: block; text-indent: -999em; background: url(../images/circle.png) 0 0 no-repeat; width: 12px; height: 32px; overflow: hidden; } .focus_s li.active b { margin-top: -20px; } .focus_l,.focus_r { position: absolute; display: block; overflow: hidden; top: 234px; } .focus_l { left: 50%; margin-left: -45%; background: url(../images/btn-left.png) no-repeat; width:62px; height:119px; z-index: 2; } .focus_r { right: 50%; margin-right: -45%; background: url(../images/btn-right.png) no-repeat; width:62px; height:119px; z-index: 2; } .hide{ display:none;} /*index*/ #index{ width:1024px; height:400px; min-height:400px; height:auto !important; margin:50px auto;} .i-pro{ width:100%; height:400px; margin:0 auto; overflow:hidden;} .i-pro ul{ width:1060px;} .i-pro ul li{width:318px; height:398px; margin-right:32px; border:#d2d2d2 1px solid; float:left;} .i-pro ul li div{ width:258px; margin:0 auto;} .i-pro ul li a{ color:#000; display:block;} .i-pro ul li .i-pro-t{font-size:20px; height:60px; line-height:60px;} .i-pro ul li .i-pro-c{ font-size:14px; color:#888888; line-height:2; height:80px;} .i-pro ul li .i-pro-a{ background:url(../images/tubiao_l.png) left center no-repeat; text-indent:25px;} .i-pro ul li:hover{ border:#00a0e9 1px solid;} .i-pro ul li:hover .i-pro-a{color:#bb0000; background:url(../images/tubiao_r.png) left center no-repeat;} .i-new{width:100%; height:420px; margin:40px auto;} .i-new-l{ width:670px; height:100%;} .i-new-l .i-l-t{ height:28px; line-height:28px; margin:12px auto; background:url(../images/tit_03.png) left center no-repeat; font-size:20px; text-indent:25px; color:#0275bf;} .i-new-l .i-l-t a{width:88px; height:26px; font-size:14px; color:#0275bf; border:#fafafa 1px solid; text-align:center; text-indent:0;} .i-new-l .i-l-t a:hover{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:#00a0e9 1px solid;} .i-new-l .i-l-c{ background-color:#FFF; width:628px; height:328px; padding:20px; border:#e5e5e5 1px solid;} .i-new-l .i-l-c ul{ width:100%;} .i-new-l .i-l-c ul li{width:100%; overflow:hidden; height:30px; padding-bottom:10px; border-bottom:#c4e8ff 1px dashed;} .i-new-l .i-l-c ul li a{display:block; height:40px; line-height:40px; width:100%; font-size:18px; color:#0265a4;} .i-new-l .i-l-c ul li a span{ font-size:14px;} .i-new-l .i-l-c ul li p{ color:#6e6e6e; font-size:14px; width:475px; line-height:2;} .i-new-r{ width:320px; height:100%;} .i-new-r .i-r-t{ height:28px; line-height:28px; margin:12px auto; background:url(../images/tit_03.png) left center no-repeat; font-size:20px; text-indent:25px; color:#0275bf;} .i-new-r .i-r-t a{width:88px; height:26px; font-size:14px; color:#0275bf; border:#fafafa 1px solid; text-align:center; text-indent:0;} .i-new-r .i-r-t a:hover{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:#00a0e9 1px solid;} .i-new-r .i-r-c{ background-color:#FFF; width:286px; height:328px; padding:20px 16px;border:#e5e5e5 1px solid; overflow:hidden;position: relative;} .i-new-r .i-r-c ul{ height:307px; overflow:hidden;position:relative;} .i-new-r .i-r-c ul li{ height:100%; float:left;} .i-new-r .i-r-c a{display: block; float:left; height: 100%; width:286px;} .i-new-r .i-r-c a img{margin:0;border:none;} .i-new-r .i-r-c a p{ color:#6e6e6e; font-size:14px; line-height:2; margin-top:20px;} #gd{height:307px; position:relative; overflow:hidden;} .gd-page{height:15px; width:100%;} .example1 ol{position:relative;width: 80px;height: 20px; top:-30px; left:20px;} .example1 ol li{float:left;width:10px;height: 10px;margin: 5px;background: #666;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .example1 ol li.seleted{background: #1AA4CA;} /*Agent*/ #Agent{ width:1024px; height:275px; margin:0 auto;} #Agent .Agent-tit{width:100%; height:26px; line-height:26px; border-bottom:#0275bf 1px solid; background:url(../images/tit_03.png) left center no-repeat; font-size:20px; text-indent:25px; color:#0275bf; padding:20px 0;} #Agent .Agent-tit a{width:88px; height:26px; font-size:14px; color:#0275bf; border:#fafafa 1px solid; text-align:center; text-indent:0;} #Agent .Agent-tit a:hover{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:#00a0e9 1px solid;} #Agent .Agent-gd{ margin-top:18px; height:192px; overflow:hidden;} #Agent .Agent-gd li{ width:240px; height:188px; background-color:#FFF; border:#eeeeee 1px solid; float:left; margin-right:22px;} #Agent .Agent-gd li a{ display:block; color:#000;} #Agent .Agent-gd li a:hover{color:#bb0000;} #Agent .Agent-gd li p{ line-height:48px; text-align:center;} /*link*/ #link{width:1024px; height:180px; min-height:180px; height:auto !important; margin:45px auto; position:relative;} #link .link-tit{ color:#0265a4; font-size:20px; margin-left:25px; padding:0 10px 0 3px; position:absolute; z-index:2; top:-15px; background-color:#fafafa;} #link .link-ul{ padding:23px 35px; border:#0265a4 1px dashed; height:100px; min-height:100px; height:auto !important;} #link .link-ul li{ display:inline-block; line-height:2.5; width:187px;} #link .link-ul li a{ color:#000; font-size:14px;} #link .link-ul li a:hover{ color:#00a0e9;} /*FOOTER*/ #fot-box{width:100%; min-width:1024px; height:253px; min-height:253px; height:auto !important; margin:0 auto; border-top:#efa512 2px solid; background-color:#fff;} #footer{ width:1024px; height:221px; margin:30px auto 0 auto; color:#0068ab;} #footer a{ color:#0068ab;} .fot-l{height:178px; width:555px; border-right:#5abbf8 1px solid;} .fot-l dl{width:138px; height:100%; float:left;} .fot-l dl dt{ font-size:20px; height:30px; line-height:30px; margin-bottom:10px;} .fot-l dl dd{ font-size:14px; line-height:2;} .fot-r{width:415px; height:178px;line-height:2;} .fot-r img{ display:block; margin-bottom:15px;} .fot-r p{ font-size:14px; text-indent:50px;} .fot-r .pho{font-size:26px; font-weight:bold; font-family:Arial;} /*企业介绍*/ #about{width:1024px; height:800px; min-height:800px; height:auto !important; margin:0 auto 30px auto;} #about .about-tit{ height:40px; line-height:40px; width:100%; margin:30px auto;} #about .about-tit ul{} #about .about-tit ul li{ display:inline-block; width:100px; height:40px; margin-right:10px; font-size:14px;} #about .about-tit ul li a{ color:#000; background-color:#dfdfdf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-align:center;} #about .about-tit ul li a:hover{ color:#FFF; background-color:#32afb5;} #about .about-tit ul li .hov{color:#FFF; background-color:#32afb5;} #about .about-con{width:960px; height:680px; min-height:680px; height:auto !important; padding:24px 29px; background-color:#fff; border:#eeeeee 1px solid;} #about .about-con .abt-con-t{ text-align:center; font-size:20px; font-weight:bold; height:90px; line-height:90px;} #about .about-con .abt-con-c{ color:#424242; font-size:14px; line-height:2;} /*产品中心*/ #product{width:1024px; height:800px; min-height:800px; height:auto !important; margin:0 auto 30px auto;} #product .product-tit{ height:40px; line-height:40px; width:100%; margin:30px auto;} #product .product-tit ul{} #product .product-tit ul li{ display:inline-block; width:100px; height:40px; margin-right:10px; font-size:14px;} #product .product-tit ul li a{ color:#000; background-color:#dfdfdf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-align:center;} #product .product-tit ul li a:hover{ color:#FFF; background-color:#32afb5;} #product .product-tit ul li .hov{color:#FFF; background-color:#32afb5;} #product .product-con{width:100%; height:680px; min-height:680px; height:auto !important; margin:0 auto; overflow:hidden;} #product .product-con ul{ width:1045px; height:100%;} #product .product-con ul li{width:328px; height:400px; background-color:#FFF; position:relative; float:left; margin-right:20px; margin-bottom:50px;} #product .product-con ul li a{ display:block;} #product .product-con ul li div{ width:288px; margin:0 auto;} #product .product-con ul li .pro-c-t{ font-size:14px; color:#000; height:50px; line-height:50px; font-weight:bold;} #product .product-con ul li .pro-c-c{ font-size:14px; color:#383838; line-height:2;} #product .product-con ul li .pro-c-a{ font-size:16px; padding:0 19px; color:#32afb5; text-align:center; position:absolute; bottom:0; height:40px; line-height:40px; border:#eeeeee 1px solid;} #product .product-con ul li:hover .pro-c-a{ background-color:#32afb5; color:#FFF;} /*商务合作*/ #hezuo{width:1024px; height:800px; min-height:800px; height:auto !important; margin:0 auto 30px auto;} #hezuo .hezuo-tit{ height:40px; line-height:40px; width:100%; margin:30px auto;} #hezuo .hezuo-tit ul{} #hezuo .hezuo-tit ul li{ display:inline-block; width:100px; height:40px; margin-right:10px; font-size:14px;} #hezuo .hezuo-tit ul li a{ color:#000; background-color:#dfdfdf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-align:center;} #hezuo .hezuo-tit ul li a:hover{ color:#FFF; background-color:#32afb5;} #hezuo .hezuo-tit ul li .hov{color:#FFF; background-color:#32afb5;} #hezuo .hezuo-con{width:100%; height:680px; min-height:680px; height:auto !important; margin:0 auto; overflow:hidden;} #hezuo .hezuo-con ul{} #hezuo .hezuo-con ul li{ width:1022px; height:218px; border:#eeeeee 1px solid; background-color:#fff; margin-bottom:30px;} #hezuo .hezuo-con ul li a{ display:block; height:100%; width:100%;} #hezuo .hezuo-con ul li:hover{ border:#32afb5 1px solid;} #hezuo .hezuo-con ul li .hezuo-l{ height:100%; width:120px; border-right:#eeeeee 1px solid;} #hezuo .hezuo-con ul li .hezuo-l .hezuo-l-tu{ height:110px; background:url(../images/time_03.png) bottom center no-repeat; width:100%;} #hezuo .hezuo-con ul li .hezuo-l p{ width:100%; height:80px; line-height:80px; font-size:24px; text-align:center; color:#000;} #hezuo .hezuo-con ul li .hezuo-r{ width:850px; margin-right:25px; margin-top:39px;} #hezuo .hezuo-con ul li .hezuo-r .hezuo-r-r{ width:665px;} #hezuo .hezuo-con ul li .hezuo-r .hezuo-r-r img{ display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} #hezuo .hezuo-con ul li .hezuo-r .hezuo-r-r span{ font-size:20px; color:#000; display:block; height:50px; line-height:50px;} #hezuo .hezuo-con ul li .hezuo-r .hezuo-r-r p{ font-size:14px; color:#383838; line-height:2;} #hezuo .hezuo-con2{width:100%; height:650px; min-height:650px; height:auto !important; margin:0 auto; overflow:hidden;} #hezuo .hezuo-con2 ul{width:1065px;} #hezuo .hezuo-con2 ul li{ width:238px; height:188px; border:#eeeeee 1px solid; float:left; margin-right:20px; margin-bottom:22px; overflow:hidden;} #hezuo .hezuo-con2 ul li a{ display:block; color:#000;} #hezuo .hezuo-con2 ul li a:hover{ color:#bb0000;} #hezuo .hezuo-con2 ul li a p{ line-height:48px; text-align:center;} /*新闻*/ #news{width:1024px; height:800px; min-height:800px; height:auto !important; margin:0 auto 30px auto;} #news .news-tit{ height:40px; line-height:40px; width:100%; margin:30px auto;} #news .news-tit ul{} #news .news-tit ul li{ display:inline-block; width:100px; height:40px; margin-right:10px; font-size:14px;} #news .news-tit ul li a{ color:#000; background-color:#dfdfdf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-align:center;} #news .news-tit ul li a:hover{ color:#FFF; background-color:#32afb5;} #news .news-tit ul li .hov{color:#FFF; background-color:#32afb5;} #news .news-con{width:100%; height:680px; min-height:680px; height:auto !important; margin:0 auto; overflow:hidden;} #news .news-con ul{} #news .news-con ul li{ width:1022px; height:218px; border:#eeeeee 1px solid; background-color:#fff; margin-bottom:30px;} #news .news-con ul li a{ display:block; height:100%; width:100%;} #news .news-con ul li:hover{ border:#32afb5 1px solid;} #news .news-con ul li .news-l{ height:100%; width:120px; border-right:#eeeeee 1px solid;} #news .news-con ul li .news-l .news-l-tu{ height:110px; background:url(../images/time_03.png) bottom center no-repeat; width:100%;} #news .news-con ul li .news-l p{ width:100%; height:80px; line-height:80px; font-size:24px; text-align:center; color:#000;} #news .news-con ul li .news-r{ width:850px; margin-right:25px; margin-top:39px;} #news .news-con ul li .news-r .news-r-r{ width:665px;} #news .news-con ul li .news-r .news-r-r img{ display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;} #news .news-con ul li .news-r .news-r-r span{ font-size:20px; color:#000; display:block; height:50px; line-height:50px;} #news .news-con ul li .news-r .news-r-r p{ font-size:14px; color:#383838; line-height:2;} #news .news-con2{width:100%; height:680px; min-height:680px; height:auto !important; margin:0 auto; overflow:hidden;} #news .news-con2 ul{ width:1065px;} #news .news-con2 ul li{width:320px; height:240px; position:relative; overflow:hidden; float:left; margin-right:32px; margin-bottom:30px;} #news .news-con2 ul li a{ display:block; width:100%; height:100%; color:#000;} #news .news-con2 ul li img{} #news .news-con2 ul li p{ position:absolute; height:40px; line-height:40px; background:url(../images/vid-bj_03.png); bottom:0; color:#FFF; font-size:16px; width:100%; text-align:center;} #news .news-con2 ul li p img{ display:block; width:21px; float:left; margin-top:10px; margin-left:25px;} #news .news-con2 ul li a:hover{opacity: 0.9; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); zoom: 1;} /*客服中心*/ #kefu{ width:1024px; height:500px; min-height:500px; height:auto !important; margin:50px auto;} #kefu .kefu-lx{width:100%; height:180px; margin-top:45px;} #kefu .kefu-lx .kefu-lx-l{ width:670px; height:180px; border-right:#e5e5e5 1px solid;} #kefu .kefu-lx .kefu-lx-l h1{ font-weight:inherit; font-size:20px; margin-bottom:30px;} #kefu .kefu-lx .kefu-lx-l p{ font-size:14px; line-height:2;} #kefu .kefu-lx .kefu-lx-r{width:250px;height:180px; text-align:center;} #kefu .kefu-lx .kefu-lx-r h2{ font-weight:inherit; font-size:20px;} #kefu .kefu-lx .kefu-lx-r p{ height:70px; line-height:70px; color:#545454; font-size:14px;} #kefu .kefu-lx .kefu-lx-r a{ width:200px; display:block; color:#00ad76; height:40px; line-height:40px; border:#e5e5e5 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #kefu .kefu-lx .kefu-lx-r a:hover{ color:#FFF; background-color:#00ad76;} .page{ height:38px; line-height:38px; width:100%; text-align:center;} .page div{ display:inline-block; text-align:center;} .prev,.next{ display:inline-block; width:38px; height:38px; line-height:38px; text-align:center; border:#c2d5e3 1px solid; float:left; margin-right:10px;} .prev:hover,.next:hover,.num:hover{color:#FFF; background-color:#32afb5;} .num{ display:inline-block; float:left; width:38px; height:38px; border:#c2d5e3 1px solid;margin-right:10px} .current{ display:inline-block; float:left; width:38px; height:38px; border:#c2d5e3 1px solid; background-color:#32afb5; color:#FFF; margin-right:10px} /*新闻3级*/ #news_xx{width:1024px; height:800px; min-height:800px; height:auto !important; margin:0 auto 30px auto;} #news_xx .news_xx-tit{ height:40px; line-height:40px; width:100%; margin:30px auto;} #news_xx .news_xx-tit ul{} #news_xx .news_xx-tit ul li{ display:inline-block; width:100px; height:40px; margin-right:10px; font-size:14px;} #news_xx .news_xx-tit ul li a{ color:#000; background-color:#dfdfdf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-align:center;} #news_xx .news_xx-tit ul li a:hover{ color:#FFF; background-color:#32afb5;} #news_xx .news_xx-tit ul li .hov{color:#FFF; background-color:#32afb5;} #news_xx .news_xx-con{width:960px; height:680px; min-height:680px; height:auto !important; padding:24px 29px; background-color:#fff; border:#eeeeee 1px solid;} #news_xx .news_xx-con .news_xx-dh{ padding-bottom:20px; border-bottom:#000 1px solid; font-size:14px; color:#393939;} #news_xx .news_xx-con .news_xx-dh a{ color:#393939;} #news_xx .news_xx-con .news_xx-dh a:hover{ color:#F00;} #news_xx .news_xx-con p{ color:#393939; text-align:center;} #news_xx .news_xx-con .news_xx-c-t{font-size:24px; margin:35px auto;} #news_xx .news_xx-con .news_xx-c-tm{font-size:14px; margin-bottom:50px;} #news_xx .news_xx-con .news_xx-c-con{ font-size:14px; color:#383838; line-height:2;} /*搜索*/ #search{ width:1024px; height:500px; min-height:500px; height:auto !important; margin:0 auto; margin-bottom:50px;} #search .search-tit{ font-size:24px; color:#383838; text-align:center; margin:25px 0;} #search .search-con{width:960px; height:680px; min-height:680px; height:auto !important; padding:24px 29px; background-color:#fff; border:#eeeeee 1px solid; margin-bottom:50px;} #search .search-con ul{} #search .search-con ul li{ height:64px; line-height:64px; border-bottom:#e5e5e5 1px dashed; text-align:center;} #search .search-con ul li a{color:#000;} #search .search-con ul li a span{ font-weight:bold;} #search .search-con ul li a:hover{ text-decoration:underline;}