﻿/* CSS Document */
body{font-family:"宋体"; font-size:12px; color:#000; margin:0px; padding:0px;; background:url(../images/bg.png) center;}
img{border:0px; float:left;}
ul,li{float:left; list-style-type:none; margin:0px; padding:0px;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#0094dd;}
#header{width:100%; height:185px; float:left; background-image:url(../images/header_bg.png);background-repeat: repeat-x;}
.header{width:960px; height:185px; margin:0 auto;}
.logo{width:340px; height:100px; float:left; padding:25px 0px 0px 10px;}
.logo_left{width:600px; height:128px; float:right;}
.logo_left li{width:600px; float:left;}
.logo_left li h1{ font-size:24px;margin:5px 0px;}
.logo_left li span{color:#F00;font-size: 16px;font-weight: bolder;}
.logo_right{width:960px; height:auto; float:right;}
.index{width:190px; height:30px; line-height:30px; float:right; margin-right:5px; padding-top:15px;}
.index ul{width:100%; height:30px; line-height:30px;}
.index ul li{width:56px; height:30px; line-height:30px; letter-spacing:2px; margin-left:20px;}
.meun{width:100%; height:52px; line-height:68px; float:left; margin-top:10px; background:url(../images/meun_bg.png) 15px no-repeat; font-size:14px;}
.meun ul{width:688px; height:52px; line-height:40px; padding-left:5px;}
.meun ul li{width:86px; height:52px; line-height:40px; text-align:center;}
.meun ul li a{color:#FFF; float:left; width:86px; font-weight:bolder;}
.meun ul li a:hover{color:#FFF; float:left; width:86px; font-weight:bolder; background-image:url(../images/meun_hover.png);}
.meun span{width:130px; height:52px; line-height:40px;color:#FFF; font-weight:bolder; float:left; font-size:15px; padding-left:65px;}
#banner{width:100%; height:425px; float:left; background-color:#6eadd9;}
.banner{width:960px; height:425px; margin:0 auto;}
/*banner样式*/
#warpper4{width:100%;height:320px;position:relative;}
#focus4{width:960px;height:425px;position:relative;margin:0 auto;overflow:hidden;position:relative; display:none; background:#c1c1c1;}
.sizeBox{width:425px; position:absolute;z-index:10;top:0;left:0;}
.prev,.next{display:block;height:77px;width:36px;position:absolute;top:180px;z-index:100;background:url(../images/prevNext.png) no-repeat;outline:none;*background:url(../images/prevNext.gif) no-repeat;background:url(../images/prevNext.gif) no-repeat;}
.prev{left:0%;}
.next{right:0%;background-position:right top;}
.thumPrev,.thumNext{width:20px;height:20px;display:block;background:url(../images/sprevNext.png) no-repeat;_background:url(../images/sprevNext.gif) no-repeat;margin-top:10px;margin-right:10px; outline:none;}
.thumNext{background-position:right top;}

#solutions{width:100%; height:272px; float:left; margin-top:3px; background-color:#1c2445;}
.solutions{width:960px; height:272px; margin:0 auto;}
.solutions_top{width:60px; height:30px; line-height:20px; padding:20px 875px 0px 25px; font-size:14px; font-weight:bolder; color:#fff;}
.solutions_main{width:100%; height:175px; float:left; margin-top:10px;}
.solutions_main ul{width:100%; height:175px;}
.solutions_main ul li{width:118px; height:175px; margin-left:35px; overflow:hidden;}
.solutions_main ul li img{width:121px; height:86px; float:left;}
.solutions_main ul li font{width:100%; height:20px; line-height:20px; float:left; font-weight:bolder; color:#0684ca;}
.solutions_main ul li span{width:100%; line-height:20px; color:#fff; float:left;}
.solutions_bottom{width:60px; height:30px; line-height:30px; float:right; margin-top:5px; font-weight:bolder;}
.solutions_bottom a{ color:#fff;}
#main{width:100%; height:100%; float:left;}
.about{width:827px; height:100%; margin:0 auto; margin-top:25px;}
.about_title1{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bolder;}
.about p{width:100%; line-height:20px; text-indent:2em; float:left; overflow:hidden;}
.about_bottom{width:100%; height:20px; line-height:20px; float:left; text-align:right; font-weight:bolder;}
.news{width:227px; height:300px; float:left; padding-right:20px; padding-left:20px;}
.news_title{width:100%; height:30px; line-height:30px; font-size:14px; float:left; font-weight:bolder; text-align:center; letter-spacing:2px;}
.new{width:125px; height:51px; padding:10px 0px 0px 45px;}
.news ul{width:100%; height:140px; margin-top:10px;}
.news ul li{width:100%; height:20px; line-height:20px; margin-top:5px; overflow:hidden;}
.news ul li img{float:left; margin-top:8px; margin-right:10px;}
.vedios{width:100%; height:226px; float:left; margin-top:15px;}
.case{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bolder; float:left; border-bottom:3px #1c2445 solid; text-indent:2em;}

.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{background-color:#222;width:827px; float:left;}
/*标题和页码*/
.Title{color:#EEE;padding:5px 20px 0 20px;text-align:center;line-height:40px;height:40px;}
.Title h1{display:inline;}
.Title .Counter{color:#666;}
.Title .CounterCurrent{color:#C00;font-size:20px;font-weight:bold;}
/*灰色分隔线*/
.SpaceLine{border-bottom:1px solid #333;height:1px;font-size:1px;}
/*大图展示区域*/
.OriginalPicBorder{padding:15px 15px 0 15px;}
#OriginalPic{width:800px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left:120px;cursor:url(images/CurL.cur), auto;background:url(images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;cursor:url(images/CurR.cur), auto;background:url(images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width:600px;height:600px;overflow:hidden;}
.Summary{line-height:20px;display:block;width:170px;margin-right:10px;color:#999;overflow:hidden;background-color:#333;padding:10px;}
.More{text-align:right;color:#666;line-height:40px;height:40px;font-size:12px;display:block;}        
.ThumbPicBorder {width:827px;margin:0 auto;}
#ThumbPic img{border:3px solid #666;cursor:pointer;background-color:#666;margin:0 4px;width:130px;height:80px;display:block;}
#ThumbPic img.active{border:3px solid #FF9900;}


.link{width:920px; height:45px; line-height:45px; margin:0 auto; margin-top:20px; background:url(../images/link.png) no-repeat;}
.link ul{width:777px; height:45px; line-height:45px; float:right;}
.link ul li{width:100px; height:20px; line-height:20px; text-align:center;}
#footer{width:100%; height:60px; float:left; margin-top:20px; background-color:#017cd9;}
.footer{width:960px; height:60px; margin:0 auto;}
.footer_logo{width:80px; height:55px; float:left;padding: 3px 0px 0px 80px;}
.foot{width:750px; height:60px; float:right; color:#FFF;}
.foot ul{width:100%; height:30px; line-height:30px;}
.foot ul li{width:50px; height:30px; line-height:30px; margin-left:20px;}
.foot a{ color:#fff;}
.foot a:hover{color:#fff;}
.info{width:650px; height:30px; line-height:30px; float:left;}



.about_main{width:960px; height:auto; margin:0 auto; margin-top:5px;}
.main_left{width:201px; height:auto; float:left; margin-left:10px;}
.about_left{width:201px; height:auto; float:left; background:url(../images/tit2.gif) top no-repeat;}
.about_title{width:100%; height:30px; line-height:30px; float:left; text-indent:20px; color:#fff;font-size: 16px;font-weight: bolder;}
.left_about{width:97%; height:auto; background-color:#FFF;}
.left_about li{width:80%; height:30px; line-height:30px; margin-left:30px; border-bottom:1px #ccc dashed; overflow:hidden;}
.clear{width:100%; height:10px; float:left;}
.left_info{width:97%; height:auto; background-color:#FFF;}
.left_info li{width:95%; line-height:30px; margin-left:10px;}
.left_info li p{margin: 0px;padding: 0px;}
.main_right{width:730px; height:auto; float:left; margin-left:10px;}
.right_title{width:100%; height:50px; line-height:50px; float:left; border:1px #ccc solid; border-radius:6px; background-color:#fff; font-size:14px; text-indent:10px;}
.right_main{width:100%; height:auto; float:left; margin-top:10px; border-radius:4px; border:1px #ccc solid; background-color:#fff; line-height:25px;}
.right_main p{text-indent:2em; width:90%; padding:0px 37px;float:left;}
.right_main img{width:650px;}
.news_list{width:95%; height:auto; float:left; padding:0px 20px;}
.news_list li{width:100%; height:95px; line-height:30px; border-bottom:1px #ccc dashed; list-style-type:disc; margin-bottom:10px;}
.new_title{width:100%; height:30px; line-height:30px; float:right;}
.new_info{width:81%; height:30px; line-height:30px; float:left; font-weight:bolder;overflow: hidden;}
.new_info a,a:hover{ color:#0094dd;}
.new_time{width:126px; height:30px; line-height:30px; float:left;}
.news_info{width:100%; height:65px; line-height:30px; float:left; color:#666;overflow: hidden;}
#pages{width:97%; line-height:30px; float:left; margin:10px 10px;}
#pages a{width:50px; height:30px; line-height:30px; text-align:center; border:1px #ccc solid; margin-left:5px;position: relative;top: 0px;background: none;float:left;}
#pages a:hover{width:50px; height:30px; line-height:30px; text-align:center; background-color:#0094dd; float:left; color:#fff;}
#pages span{width:50px; height:30px; margin-left:5px;line-height:30px; text-align:center; background-color:#0094dd; float:left; color:#fff;}

.new_title1{width:90%; height:30px; line-height:30px; float:left; margin:20px 37px 0px 37px; text-align:center; font-size:14px; }
.time{width:90%; height:30px; line-height:30px; float:left; margin:0px 37px; border-top:1px #ccc dashed;text-align: center;}
.contact{width:90%; height:auto; line-height:30px; float:left; margin:20px 37px 0px 37px;}


.proucts_list{width:90%; height:auto; background-color:#FFF; padding-left:15px;}
.proucts_list li{width:100%; line-height:30px;}
.left_about1{width:97%; height:auto; background-color:#FFF;}
.left_about1 li{width:85%; height:30px; line-height:30px; margin-left:15px; border-bottom:1px #ccc dashed; overflow:hidden;}
.prouct_list{width:97%; height:auto; margin:10px 10px;}
.prouct_list li{width:160px; height:190px; padding-left:15px;}
.prouct_list img{width:160px; height: 122px; float:left; border:1px #ccc solid;}
.prouct_list span{width:160px; height:30px; line-height:30px; float:left; overflow:hidden; text-align:center;}
.img{width:90%; height:auto; line-height:30px; float:left; margin:0px 37px; text-align:center;border-top:1px #ccc dashed; padding-top:10px; margin-bottom:10px;}
.img img{width:350px;}
#servicelist ul li img{ margin-left:30px;}



/* scrollleft */
.scrollleft{width:780px;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:158px;text-align:center;line-height:19px}
.scrollleft img{width:136px;height:100px;padding:10px;border:solid 1px #ddd;}



.wx{Z-INDEX: 500;POSITION: fixed;WIDTH:140px;bottom: 60px;right: 5px;_position: absolute;_bottom: auto; background:#eee;}
.wx img{width:140px;}
.wx ul{width:100%; height:100%; float:left;margin-top:10px;}
.wx ul li{width:100%; height:30px;' line-height:30px;margin-left:4px;}
.wx img{WIDTH: 140px; float:left;}