@charset "utf-8";
/* CSS Document */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:"Microsoft YaHei";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:14px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666 ;font:13px/20px "Microsoft YaHei",'宋体',"Arial Narrow",HELVETICA; background:url(../images/bg.png) repeat-x;}
a{color:#666; text-decoration:none; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s;} 
a:hover{color:#3776AD; text-decoration:none;}
.clear{ clear:both;}

.wrapper{ width:1020px; margin:0 auto;}

.head{ width:1020px; height:135px; margin:0 auto;}
.head a img{ margin-top:16px; float:left;}
.head .tel{ width:165px; height:22px; background:url(../images/tel.png) no-repeat; float:right; margin-top:30px; padding:61px 0 0 65px;}
.head .tel a{ color:#000; margin-left:30px}
.head .tel a:hover{color:#3776AD; text-decoration:none;}

.nav{ width:1015px; height:45px; margin:0 auto;}
.nav li{ float:left; height:45px; line-height:45px; text-align:center; background:url(../images/nav_line.png) no-repeat; font-size:16px; background-color:#3776AD}
.nav li a{ display:block; width:95px; color:#fff; transition:background-color .5s; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s;}
.nav li a:hover{
	text-decoration:none;
	background-color: #333;
}
.nav #first{ background:none;}
.nav .current{ background:#3776AD; }

.mainbanner{height:363px;overflow:hidden; position:relative; width:1400px; text-align:center}
.mainbanner_window{height:363px;overflow:hidden;position:absolute; text-align:center}
.mainbanner_window ul{width:9999px;height:363px;position:relative;}
.mainbanner_window li{background:#fff;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{ width:210px; left:50%; top:320px; height:4px;position:absolute;}
.mainbanner_list li{width:60px;height:4px;overflow:hidden;float:left;display:inline; margin:0 5px;}
.mainbanner_list a{width:60px;height:4px; display:block; background:#fff;}
.mainbanner_list li.active a{ background:#3776AD;}

.key{ width:100%; height:40px; line-height:40px; border-bottom:solid 1px #ccc; margin-bottom:29px;}
.key form{ width:264px; height:29px; background:url(../images/search.png) no-repeat; float:right; margin-top:5px; padding:1px;}
.key .txt{ width:212px; height:29px; line-height:29px; color:#aaa; text-indent:5px; background:none; border:0 none;}
.key .btn{ width:49px; height:29px; background:none; border:none 0; cursor:pointer;}
.key h1{ font-size:12px; font-weight:normal;}
.key h1 span{ color:#3776AD; font-weight:bold;}
.key h1 a{ margin-left:30px;}

.prolist{ width:230px; float:left; margin-bottom:30px;} 
.prolist h3{ font-weight:normal; color:#fff; padding-left:10px; font-size:18px; line-height:24px; margin-bottom:25px;}
.prolist h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.prolist ul{ width:230px;  background:url(../images/prolist_bg.png) no-repeat 0 top #3776AD; padding-top:25px; padding-bottom:10px}
.prolist li{
	font-size:14px;
	position:relative;
	width:212px;
	height:34px;
	margin:5px auto 0;
transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s;	background-color: #3776AD;
	background-image: url(../images/pro_icon.png);
	background-repeat: no-repeat;
	background-position: 12px 10px;
}
.prolist li a{ display:block; width:212px; height:44px; line-height:44px; text-indent:31px;color:#fff; }
.prolist li:hover{ background:url(../images/pro_icon.png) no-repeat 12px 10px #363636; text-decoration:none;}
.prolist .tel{ width:230px; height:121px; background:url(../images/tel_bg.png) no-repeat; margin-top:15px;}
.prolist .tel a{ display:block; width:176px; height:55px; font-size:24px; color:#3776AD; font-family:Arial, Helvetica, sans-serif; padding:66px 0 0 54px;}
.prolist .tel a:hover{ text-decoration:none;}
.prolist dl{
	display:none;
	position:absolute;
	left:180px;
	top:-10px;
	z-index:99;
	background-color: #3776AD;
}
.prolist li:hover dl{ display:block; width:450px; padding:10px;}
.prolist dl dd{ float:left;}
.prolist dl dd a{ font-size:12px; background:none; line-height:24px; width:110px; height:24px; margin:0; text-indent:20px;}
.prolist dl dd a:hover{ background:url(../images/pro_icon.png) no-repeat 10px 6px #363636;}

.pro{ width:775px; float:right;}
.pro ul{ margin-top:5px;}
.pro li{ width:249px; text-align:center; margin-top:15px; float:left;}
.pro li a img{ width:224px; height:149px; margin:0 auto 2px; border:solid 1px #ccc; padding:3px; transition:border-color .5s; -webkit-transition:border-color .5s; -moz-transition:border-color .5s;}
.pro li a:hover img{padding:0; border:solid 4px #3776AD;
}
.pro li a p{ line-height:24px; font-size:14px;}
.pro .space{ margin:15px 8px 0;}

.case {
	BORDER-BOTTOM: #626262 5px solid; BORDER-LEFT: #626262 5px solid; WIDTH: 1010px; BACKGROUND: url(../images/case_bg.png) no-repeat center top; HEIGHT: 286px; BORDER-TOP: #626262 5px solid; BORDER-RIGHT: #626262 5px solid
}
.case H3 {
	LINE-HEIGHT: 25px; TEXT-INDENT: 84px; MARGIN: 28px auto 0px; WIDTH: 280px; BACKGROUND: url(../images/case.png) no-repeat 0px center; HEIGHT: 25px; COLOR: #444; FONT-SIZE: 24px; FONT-WEIGHT: normal
}
.product_scroll{ position:relative; padding:0 71px; margin-top:41px;}
.product_scroll_inner{ height:178px; overflow:hidden;}
.product_scroll ul{}
.product_scroll li{ float:left; text-align:center; width:217px; text-align:center;}
.product_scroll li p{ line-height:28px; font-size:14px;}
.product_scroll li a img{ width:208px; height:146px; padding:1px; border:solid 1px #ccc; margin:0 auto;}
.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:40px; height:150px; position:absolute; cursor:pointer; top:0;}
.product_scroll .btn_l{ left:0px; background:url(../images/left.png) no-repeat 0 bottom; left:10px;}
.product_scroll .btn_r{ right:0px; background:url(../images/right.png) no-repeat 0 bottom; right:10px;}
.product_scroll .btn_l:hover,.product_scroll .btn_r:hover{ background-position:0 top;}

.about{ margin-top:30px;}
.about div{ width:595px; float:right;}
.about h3{ width:205px; height:25px; line-height:25px; font-size:24px; color:#444; font-weight:normal;  margin-top:13px;}
.about p{ font-size:14px; line-height:28px; text-indent:2em; margin-top:22px;}
.about p span{ color:#3776AD;}

.ad{ margin:30px 0;}

.news{ width:313px; height:355px; background:url(../images/shadow.png) no-repeat right 0; padding:10px 21px 0 0; position:relative; float:left;}
.news .title1{ height:25px; line-height:25px; background:url(../images/news.png) no-repeat 0 center; text-indent:62px; font-weight:normal; font-size:20px; color:#444;}
.news .title2{ height:25px; line-height:25px; background:url(../images/industry.png) no-repeat 0 center; text-indent:162px; font-weight:normal; font-size:20px; color:#444;}
.news .line{ width:313px; height:3px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; position:absolute; top:40px;}
.news img{ border:solid 2px #ccc; margin-top:22px;}
.news ul{ margin-top:10px;} 
.news li{ line-height:28px; border-bottom:dashed 1px #ddd; background:url(../images/icon.png) no-repeat 0 12px; text-indent:14px;}
.news li span{ float:right;}
.news-space{ margin:0 19px;}
.knowledge{ width:313px; height:355px; padding:10px 0 0 0; position:relative; float:left;}
.knowledge h3{ height:25px; line-height:25px; background:url(../images/konwledge.png) no-repeat 0 center; text-indent:122px; font-weight:normal; font-size:20px; color:#444;}
.knowledge .line{ width:313px; height:3px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; position:absolute; top:40px;}
.knowledge img{ border:solid 2px #ccc; margin-top:22px;}
.knowledge ul{ margin-top:10px;} 
.knowledge li{ line-height:28px; border-bottom:dashed 1px #ddd; background:url(../images/icon.png) no-repeat 0 12px; text-indent:14px;}
.knowledge li span{ float:right;}

.foot{ width:100%; text-align:center; padding:30px 0 5px;}
.foot h3{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:12px; background:#3776AD; color:#fff;}
.foot h3 a{ color:#fff;}
.foot p{ line-height:22px; margin-top:5px;}
.ad{ width:100%; height:140px; padding:0; margin:0 auto; background:url(../images/ad.gif) repeat-x center top }
/* 首页案例 */
.whitebg{width:100%; height:auto; margin:0;  padding:0; padding-top:0px; background: #fff; height:1%; overflow:hidden; border-top:15px solid #fff; }

/* 三大优势 */
.advanced{ width:980px; height:auto; margin:0 auto; padding:0; padding-top:30px; padding-bottom:0px;}

.ad01 { background: url(../images/ad01.gif) no-repeat left bottom; height:220px; padding:0px 0 0 500px;;}
.advanced p { font-family:"微软雅黑"; font-size:14px; color:#444; width:520px; line-height:28px; padding:13px 0 30px 15px;}
.ad02 { background:url(../images/ad02.gif) no-repeat left bottom; height:245px; padding:60px 0 0 80px;}
.ad03 { background:url(../images/ad03.gif) no-repeat left bottom; height:248px; padding:55px 0 0 500px;}
.advanced strong{ color:#01559d;}
.advanced h2{ color:#333; font-family:"微软雅黑"; font-size:18px; font-style:normal; font-weight:bold; line-height:32px; margin:0; padding:0; padding-top:18px; }