@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑, "Microsoft YaHei"';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none;}
img{border:0;vertical-align:middle;}
.clear {clear:both;height: 0;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;color:#004384;}

.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
body{background: #fff; min-width:1200px;}

/* header */
.header {}
.selectTdClass { background-color: #edf5fa !important;}
table.noBorderTable td, table.noBorderTable th, table.noBorderTable caption { border: 1px dashed #ddd !important;}
table { border-collapse: collapse; display: table; margin-bottom: 10px;}
td, th { border: 1px solid #ddd; padding: 5px 10px;}
caption { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ddd #ddd -moz-use-text-color; border-image: none; border-style: dashed dashed none; border-width: 1px 1px 0; padding: 3px; text-align: center;}
th { background-color: #f7f7f7; border-top: 1px solid #bbb;}
table tr.firstRow th { border-top-width: 2px;}
.ue-table-interlace-color-single { background-color: #fcfcfc;}
.ue-table-interlace-color-double { background-color: #f7faff;}
td p { margin: 0; padding: 0;}
.topnbd{ background: #244f9b; position: relative; width: 100%; z-index: 9999;}
.top{ position:relative; width:1200px;height:88px; margin:0 auto; margin-bottom: 25px;}
.logo{float:left;width:620px; height:100px; overflow: hidden;}
.logo img { display: block; height: 100px;}
.search{float:left;width:280px;height:36px; padding-top: 30px;}
.text{ float:left; border-right:none; width:200px;height:32px;border:1px solid #85a7c8; color:#fff;font-size:12px;line-height:32px; padding: 0 10px; background: #244f9b;}
.btn1{ float:left; width:41px;height:34px; margin-left: -2px; border: 1px solid #85a7c8; border-left: none; background: url("../images/zoom.png") left top no-repeat;cursor:pointer;}
 	
.toptel{ float:right; width:206px; height:36px; padding-top: 20px; color:#fff; font-size: 14px; line-height: 20px;}
.toptel span{ display: block; color: #fff;font-size:24px;line-height:28px; font-weight: bold;}


/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:9;}
.banner .hd { width:100%; text-align:center; position:absolute; bottom:40px; z-index:2;}
.banner .hd li { display:inline-block; width:13px; height:13px; border-radius:13px; margin:0 8px; overflow:hidden; background:#fff;}
.banner .hd .on { width:40px; background:#f6a825;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}

.navgrp{ position: relative; width:100%;height:44px;margin:0 auto; background: url("../images/navbg.png") center top no-repeat ; opacity:0.9;}
.nav{position:relative;width:1175px;height:44px;margin: 0 auto;}
.nav li{  position: relative;float:left;text-align: center; width:130px;height:44px; display: block; color:#1e1e1e;}
.nav li a{ width:100%;display:block; 
	color:#fff;font-size:16px;line-height:44px; text-align: center; text-decoration: none;}

#navChild{ position:absolute;left:0px; top:44px; width:100%; z-index:99; display: none; padding:0px 4px;background:#155b9d;}
#navChild a{ position:relative; height: 36px; display:block;border-bottom: 1px solid #2479ca; color:#fff!important; font-size:14px;line-height:36px; text-align:center;}
#navChild a:hover{color:#00f8fe!important;background-image:none!important;}

.b_banner{position:relative;z-index:12;width:100%;background:#244f9b;}

.slideBox{ width:100%; overflow:hidden; position:relative; z-index:1;}
.slideBox .hd { width:100%; height:15px; position:absolute; bottom:60px; z-index:1; text-align:center;}
.slideBox .hd li{ display:inline-block; margin-right:10px; width:15px; height:15px; background:#fff; cursor:pointer; border-radius:50%;}
.slideBox .hd li.on { background:#fddf05;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; display:block;}

.slidee {position:absolute; left:0; right:0; margin: 0 auto;width: 100%;height:50px;background: url("../images/bg.png");bottom:0; z-index:2;}
.slide-content{position: relative;width: 1200px; height: 50px; margin: 0 auto; overflow: hidden;}
.slidee .wrap {overflow:hidden; width:900px;height:251px;margin:0px 50px 0; line-height: 50px;}
.slidee .ks-switchable-triggers .prev {left:0%;width:16px;height:30px;background:url(../images/arrowl.png) no-repeat;top:19%;position:absolute;}

.slidee .ks-switchable-triggers .next {left:98%;width:16px;height:30px;background:url(../images/arrowr.png) no-repeat;top:19%;position:absolute;}
.claListUl ul{ float:left;width: 900px;height:50px;}
.claListUl ul li{ float:left;width: 180px;height:50px;}
.claListUl li a{float:left;width: 180px; height: 50px; display: block;color:#fff;font-size:16px; line-height:50px; text-align: center;}
.claListUl li a:hover{color:#00d4f9;}

.conBodyBox{  position:relative;width: 100%;}
.conBody{ position:relative;width: 1000px; margin: 0 auto;}
.conBodyBgL{ position: absolute;left:-300px; top:22px;z-index: 10; width: 282px; height: 1009px; background:url("../images/index_34.png") left top no-repeat;}
.conBodyBgR{ position: absolute;right:-300px; top:135px;z-index: 10; width: 282px; height: 1009px; background:url("../images/index_48.png") left top no-repeat;}
.sectionB{ position: relative; width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; background: url("../images/index_10.jpg");}
.section{position:relative; width:100%; margin: 30px auto; clear:both;}

.Ttitle { position:relative;width:1200px; height:70px; margin: 0 auto; display: block;color:#004384;font-size:26px;line-height:70px;}
.Ttitle span{color: #999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.Tmore a{ position:absolute; right:0px; top:24px; width:75px; height:22px; display: block; color: #004384; font-size: 14px; line-height: 22px; text-align: center; font-weight: bold;}
#alianjie{ left: 670px;}
.Ttitle2 { position:relative;width:100%; height:70px; margin: 0 auto; color:#fff;font-size:26px;line-height:70px;}
.Ttitle2 span{color: #31afee; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	
.Tmore2 a{ position:absolute; right:0px; top:24px; width:75px; height:22px; display: block; color: #fff; font-size: 14px; line-height: 22px; text-align: center; font-weight: bold;}
.Foottitle { position:relative;width:100%; height:50px; margin: 0 auto; border-bottom: 1px solid #d5d5d5; color:#004384;font-size:26px;line-height:50px;}
.Foottitle span{color: #999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}	

.proListPic {width:1200px; margin:40px auto; overflow: hidden;}
.proListPic .hd{ width:240px;height:675px; display: block; float: left;}
.cpzx_head { width: 240px; height:107px; background:#c73e3e;}
.cpzx_head span{ display:block;font-size:20px; color: #fff; margin-bottom:-1px; font-weight: bolder;margin-left:33px; padding-top: 40px;}
.cpzx_head p{ font-size: 12px; color: #fff; margin-left: 33px; margin-top: 15px; font-weight: bolder;}
.proListPic .hd li{ width: 240px; height: 70px;line-height:70px; font-size: 15px; color: #fff; text-align:center; margin-top: 1px;font-weight: bolder; background: #244f9b;}
.proListPic .hd li:hover,.proListPic .hd .on{background:#626262;}
.cpzx_right{ width: 940px; float: left; margin-left: 10px;}
.pic_p{ line-height: 40px; text-align: center; color: #666;}
.proListPic .cpzx_right li{ position: relative;float:left; width:228px; height:170px; margin-right:8px; margin-bottom: 58px;}	
.proListPic .cpzx_right li a{ position: relative; width:232px; height:238px;display:block;}

.proListPic .cpzx_right li a:hover .intro{ color: #fff;}
.proListPic .cpzx_right li a:hover .intro span{ color: #00d4f9;}
.proListPic .cpzx_right li .pic{position:relative;width:230px; height:188px;border:1px solid #c2c0c0;}
.pic img{ width: 214px; height: 171px; margin:7px auto; display: block;}
.knowListPic .cpzx_right .pic img{ margin: 3px auto;}

.newsListBd{ position: relative; width: 1200px; margin: 0 auto;}
.newsList{ position:relative; width: 1200px; padding-top: 14px; margin-top: -28px; margin: 0 auto;}
.newsx{ position:absolute;left:50%; top:25px;}        
.newsListDl{ float: left; width: 550px; border-bottom:1px solid #d2d2d2; margin:15px 100px 0 0; padding-bottom: 15px;}
.newsListDl a{width:100%; display:block;}
.newsListDl dt{ float: left; width: 75px; height:80px;padding:10px;border:1px solid #1097bf; color:#fff; font-size: 16px; line-height: 25px; text-align: center; background: #1a5b9b;}	
.newsListDl dt span{display: block;color:#fff; font-size:36px; line-height: 50px;}	
.newsListDl dd{float:left; width:428px; padding-left: 25px;}
.newsListDl .title {  height: 30px; display: block; color:#004384; font-size:14px; line-height:30px;}	
.newsListDl .intro{ height: 50px; display: block; overflow: hidden; margin-top: 10px; color:#666; font-size:14px; line-height:25px;}	

#casePicUlId{position: relative; width: 1005px; height: 224px; overflow: hidden;}
#casePicUlId .casePicUlIdBox{ position: absolute; height: 224px;}
#casePicUlId .casePicUlIdBox ul{ float:left;}

.casebg{ width: 100%; height: 330px; margin: 68px 0; background: url("../images/casebg.jpg") left top no-repeat #1a5b9b;}
.casePic{ position:relative; width:1200px; margin: 0 auto;}

.casePicUl{width:1200px;height:222px;margin-top:10px;}
.casePicUl li{position:relative;float:left;width:272px; height:210px; padding: 12px 10px 0px 10px; margin-right: 8px;background: #fff;}
.casePicUl li a{ width:100%; height:212px; display: block;}
.casePicUl li .pic { width: 270px; height: 165px;}
.casePicUl li .pic img { width: 270px; height: 165px;}
#slide-box1 .wrap1 {overflow:hidden; width:1200px;height:222px;}
#J_prev1 {left:88%;width:18px;height:10px;background:#fff;top:10%;position:absolute;z-index: 111111111;text-align: center; padding-bottom:10px;display: block;}
#J_prev1:hover {background:#004384;color: #fff}
#J_next1 {left:91%;width:18px;height:10px;background:#fff;top:10%;position:absolute;z-index: 11111111;text-align: center;padding-bottom:10px;display: block;}
#J_next1:hover {background:#004384;color: #fff}
.casePicUl .pic{ width:218px; height:164px; border: 1px solid #c9cbcd;}
.casePicUl .pic img{ display: block; margin: 3px auto;}
.casePicUl .title{ height:44px; color:#004384;font-size:14px;line-height:44px; font-weight: bold; text-align: center;}

.companyl{ float:left; width: 50%; height: 327px; background: #0989c9;    margin-bottom: 55px;}
.companyr{ float:left; width: 50%; height: 327px; background: #efefef;}
.company{ position: absolute; left:50%; top: 0px; width: 1200px; height: 327px; margin-left:-600px; background: url("../images/combg.jpg") left top no-repeat #efefef;}
.companyPic{ float:left; width:300px;height:327px;
 	overflow:hidden;background:url("../images/img10.png") no-repeat center 60px;}
.companyPic_in{ margin:90px 0 0 35px;width:164px;height:164px;padding:3px; background:url("../images/img11.jpg") no-repeat;}
.companyCon{ float:left; width:900px; height:240; margin-top:30px;} 	
.companyConFont{ height: 145px; padding: 15px 20px; border: 1px dotted  #b3b3b3; color: #666; font-size: 14px; line-height: 28px; margin-top: 10px; overflow: hidden;}
/*end company*/
	
.kcBox{width: 1200px; height: 264px; margin: 0 auto;}	
.knowList{ float:left; width: 740px;}
.knowListBox{width: 740px;}
.knowListPic{ float:left; width:270px; height: 170px;}
.knowListUl{ float:left; width: 450px; padding-left: 20px;}
.knowListUl li{  height: 40px; padding-left: 14px; border-bottom: 1px solid #d2d2d2; background: url("../images/newsbg.png") 4px center no-repeat;}
.knowListUl li a{ height: 40px; display: block; color: #666; font-size: 14px; line-height: 40px;}
.knowListUl li a:hover{ color:#004384;}
.knowListUl li a span{float:right}
.contact{ float:left;width:232px;height: 264px; margin-left: 50px;}
.contactnr{ width:232px; overflow:hidden;}
.contactnr dl{width:232px; display:block;clear:both;}
.contactnr dl dt,.contactnr dl dd{color:#666; font-size:14px; line-height:32px;}
.contactnr dl dt{float:left; width:45px;}
.contactnr dl dd{float:left; width:185px;}

.inBook{ float: left; width: 470px; height: 105px; overflow:hidden; background: url("../images/index_50.jpg") left bottom no-repeat;}
.inBook span{ display: block; width: 106px; height: 28px;border:1px solid #86a5d9; padding-left: 10px; margin-left: 188px; margin-top: 58px; color: #fff;font-size: 18px; line-height: 28px; background: url("../images/book.png") 90px center no-repeat;}
.inTel{ float: left; width: 470px; height: 105px; margin-left: 16px;overflow:hidden; background: url("../images/index_52.jpg") left bottom no-repeat;}
.inTel span{ display: block; width: 236px; height: 30px; padding-left: 30px; margin-left: 128px; margin-top: 58px; color: #fff;font-size: 24px; line-height:30px; font-family: impact; text-transform: uppercase; background: url("../images/teladv.png") left center no-repeat;}

.newsListUl {float: left;width: 596px;}
.newsListUl li{width: 596px; height: 34px;}
.newsListUl li span{ float:right;}
.newsListUl li a{  width: 576px; height: 24px; padding: 0 10px; display: block; color:#474747; font-size: 14px;line-height: 24px;}
.newsListUl li span{ float:right; color:#707b89}
.newsListUl li a:hover{  color:#143b85; text-decoration: underline;}
.newsListUl li.fristNews{ width: 596px; height: 104px; border-bottom: 1px solid #d5dce6;margin-bottom: 10px;}	 
.newsListUl li.fristNews a{ display: block; width: 576px; height: 40px; padding-top: 6px; padding-left:10px;padding-right:10px; color:#474747; font-size:16px; line-height:40px; font-weight: bold;}
.newsListUl li.fristNews p{ width: 576px; height: 58px;padding-left:10px;padding-right:10px; color:#808080; font-size:14px; line-height:22px;}

/* footer*/
.footer{ width:100%;background: #404040; text-align: center;}
.linkBox{ width: 100%; height:auto!important; height:42px; min-height: 42px; border-top:1px solid #d2d2d2; background:#fff;}
.link{ position: relative; width:1200px;height:auto!important; height:42px; min-height: 42px; margin: 0px auto;}
.linkTitle{ float: left; position: relative; width: 84px; height: 42px; color: #004384; font-size: 14px;line-height: 42px; font-weight: bold;}
.link_list{ float: left; width: 916px;height:auto!important; height:42px; min-height: 42px;}
.link_list a{ float:left; display:inline-block; padding-right: 40px; color:#565656;font-size:14px; line-height:42px;}
.link_list a:hover{color:#004384;}	

.btnavlist{ position: relative; width: 1200px; height: 46px; margin: 0 auto; padding-top: 14px; color:#525252;}
.btnavlist a{ display: inline-block; color:#fff;font-size:14px; line-height: 46px;}

.footOne{ width: 1200px; height: 60px; padding-top:15px; margin: 0 auto;}
.share{ float:left; width:300px;height: 60px;}
.share li{ position:relative;float:left; width: 150px; height: 40px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block; text-align:left; color:#bababa}	
.share .qq{background: url("../images/qq.png") left top no-repeat;}
.share .qq2{background: url("../images/share.png") left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none; width:200px;}
.shareList a{ display: inline;}	

.site { float:left; width:155px; height: 40px; padding-left: 45px; color:#bababa; font-size:14px; background: url("../images/site.png") left top no-repeat;}
.site a{ color:#bababa; line-height: 40px;}
.site a:hover{color:#fff}

.copyrightnr{ width:1200px;margin: 0 auto; color:#bababa;font-size:12px; line-height:24px; text-align: center;}
.copyrightnr a{color:#bababa}
.copyrightnr a:hover{color:#fff}

#pgshare1 #bdshare a{background: url("../images/share.png") no-repeat scroll 0 0 transparent;margin-right:14px;min-height: 32px;min-width:32px;display:block;float:left;padding:0}
#pgshare1 #bdshare{background: url("../images/share.png") repeat-x scroll 0 -178px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_qzone,#pgshare1 #bdshare a.bds_qzone:hover{background-position:-93px 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:-46px 0 !important;}
#pgshare1 #bdshare .bds_bdhome,#pgshare1 #bdshare a.bds_bdhome:hover{background-position:-139px 0 !important;}
#pgshare1{width:186px;height:38px;margin:12px auto 0;}


/* 分页样式 contact*/
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.main{position:relative; width:1200px; margin:0 auto;}
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.mainConTitleBox{width: 100%; height: 52px; border-bottom: 1px solid #d5d5d5;}
.mainConTitle{ position: relative; width:1200px; height:52px; margin: 0 auto; color: #004384;font-size: 26px; line-height: 52px;}
.mainConTitle span{color: #999;font-size: 16px; line-height: 52px; text-transform: uppercase; margin-left: 30px;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px; height:52px; 
	color: #666; font-size: 12px;line-height:54px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#666}
.mainConTitle .position span{ font-size: 12px;color:#666}
.mainConTitle .position font{ font-size: 12px; color:#155b9d;}
.footPicBd{width:1200px;height: 290px;border-top:1px solid #d5d5d5;margin: 0px auto 0px  auto;}
.footPicList{ float:left;width:935px; height:290px;}
.footPicListUl {width:935px; height:209px; padding-top:18px;overflow: hidden;}
.slide-content123{position: relative;width:935px; height:209px; margin: 0 auto; overflow: hidden;}
#slide-box123 .wrap {overflow:hidden; width:935px;height:209px;margin:0 ;}

.footPicList ul li{float:left;width:230px; height:209px; margin-right:5px;}
.footPicList ul li .pic{width:228px; height:171px;border:1px solid #c2c0c0;}
.footPicList ul li .title{ width:208px;height:36px; padding:0 10px; color:#004384;line-height:34px;font-size:14px; font-weight: bold; text-align: center;}

.mainContect{ width: 1200px; margin: 0 auto; color:#666;font-size:14px;line-height:30px;overflow:hidden
	margin-top:16px; padding-top:16px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all; background:#fff;}
.mainContectTP{width: 1200px;}	
.mainContectTP .pic{ float:left; width:420px; height: 310px; border:1px solid #d3d3d3;}
.mainContectTP .pic img{margin:0 auto;width:420px; height: 310px;}
.mainContectTP .titleMenu{ float:left;float:right; width:745px;height: 317px; padding-left: 20px;}
.mainContect .title{ width:100%; color:#333333;font-size:22px; line-height:36px;}
.mainContect .title span{color:#999; font-size:14px; padding-left: 10px;}
.mainContect .titleNews{ width:100%; color:#333333;font-size:22px; line-height:36px; text-align: center;}
.mainContect .time{ width:600px; height:40px;border-bottom:1px dotted #ddd;padding-top:10px;padding-left:400px; color:#999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ float:left;width:170px; font-size:12px;}		
.mainContect .keyword{ width:100%; padding: 4px 0px; color:#999;font-size:12px; line-height:20px;}
.mainContect .keyword span{ color:#666; font-weight: bold;}
.mainContect .bdsharebuttonbox{ width: 100%; padding: 10px 0px;}
.mainContect .intro{ color:#666;font-size:14px; line-height:24px;}
.mainContect .tel{ width:100%; height: 50px; padding: 4px 0px; color:#155b9d; font-size: 18px; line-height:50px;}
.mainContect .tel span{ font-size:24px; font-family: impact;}
.mainContect .con{ padding:20px 0px 20px 0px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ width: 120px; height: 36px;display: block; color:#fff; font-size: 16px;line-height: 36px; text-align: center; background: #0b61a5;}
.mainContect .pgfy{  width:100%; border-top:1px solid #eaeaea; padding-top:20px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left; width:100%;}
.mainContect .pgfyl p{ color:#333333;font-size: 14px;}
.mainContect .pgfyl .last{float: left;}
.mainContect .pgfyl .next{float: right;}
.mainContect .pgfyl p a{ color:#333333; font-size: 14px;}
.mainContect .pgfyr{float:left; width:160px;height:30px;text-align:center; margin-top: 16px; background:#155b9d;}
.mainContect .pgfyr a{ color:#fff;font-size:14px;}

.footCon{ float:left; width: 240px; height: 290px; padding-left:25px;}
.footContactnr{width:240px; padding-top: 14px; overflow:hidden;}
.footContactnr span{  display: block; width: 230px; height: 38px; padding-left:3px; color:#155b9d; font-size: 24px; line-height: 38px; font-family: impact;}
.footContactnr dl{width:240px; display:block;clear:both;}
.footContactnr dl dt,.footContactnr dl dd{color:#666; font-size:14px; line-height:31px;}
.footContactnr dl dt{float:left; width:63px; padding-left: 3px;}
.footContactnr dl dd{float:left; width:169px;}

/*新闻列表*/
.mainConList ul li { border-bottom: 1px dashed #d4dde3; text-align: center; padding-bottom: 20px;}
.mainConList ul li a{display: block; color:#004384; font-size:14px; line-height:40px; font-weight: bold; text-align:left;}
.mainConList ul li span { float: right;}
.mainConList ul li a:hover{text-decoration:underline;}
.mainConList ul li p{color:#666;font-size:14px; text-align:left;}
.pglist{ width:100%;clear:both;height:80px;}
.pglist ul{ width:100%;text-align:left; padding-top:24px; border-top:1px solid #d2d2d2}
.pglist ul li{ vertical-align: bottom; display:inline-block;*display:inline; *zoom:1;width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px; border:1px solid #535353;font-size:14px;line-height:30px; text-align:center; background:#535353}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #535353;}
.pglist ul li.next,.pglist ul li.last{ width:30px; height:30px;border:1px  solid #535353; font-size:24px;line-height: 30px; font-family:'宋体'!important; font-weight:bold;}
.pglist ul li.on{background:#155b9d;border:1px  solid #155b9d;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#dfdfdf;border:1px  solid #dfdfdf;color:#535353;font-family:'微软雅黑';}
.pglist ul li.nohover a{color:#535353;}

/*产品列表页*/
.proClaList{ width: 1000px; margin: 0 auto; padding: 12px 0px 10px 0px;}
.proClaList a{ float:left; display:block; height:30px;padding:0px  24px; margin-right: 2px; margin-bottom: 2px; color: #fff; font-size: 14px;line-height:30px; background: #777777;}
.proClaList a:hover{background: #155b9d;}
.proClaList a.menu{ font-weight: bold;}
.proClaList a.on{background: #155b9d;}

.proClaListChildBox{ width: 100%;background:#efefef;}
.proClaListChild{width: 1000px; margin: 0 auto 20px auto; padding:5px 0px;}
.proClaListChild a{ float:left;display: block; height: 30px; margin-right: 20px; color: #333333; font-size: 14px;line-height:30px;}
.proClaListChild a.on{color:#155b9d}
.mainConList .pic1{ position: relative;float:left; width:232px; height:238px;margin-right:7px;margin-bottom: 24px; overflow: hidden;}
.mainConList .pic1 a{ position: relative; width:232px; height:238px;display:block; color:#004384;font-size:14px;line-height:16px; text-align: left;}
.mainConList .pic1 .pic{position:relative;width:230px; height:173px;border:1px solid #c2c0c0;}
.mainConList .pic1 .pic img{vertical-align:middle;}
.mainConList .pic1  .intro{ width:210px; height:60px; padding:0px 10px;overflow: hidden; color:#004384;color:#666;font-size:14px;line-height:16px; text-align: left;}
.mainConList .pic1  .intro span{ width:210px; height:36px; display: block; color:#666;color:#004384;font-size:14px;line-height:44px; text-align:left;font-weight: bold;}
.mainConList .pic1 a:hover{background: #1a5b9b;}
.mainConList .pic1 a:hover .pic{border:1px solid #1a5b9b;}	
.mainConList .pic1 a:hover .intro{ color: #fff;}
.mainConList .pic1 a:hover .intro span{ color: #00d4f9;cursor:pointer;}

.left{ float:left; position: relative; z-index: 1; width:232px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.leftTitle{ width: 232px;height:72px; color:#fff;font-size: 24px; line-height: 72px; text-align: center; font-weight: bold; background: url("../images/lefttb.jpg")/*tpa=http://0001515.ks.pangu.us/images/lefttb.jpg*/ left top no-repeat ;}
.leftTitlePic{width: 232px;height:80px;display: block;}
.leftTitle2{ width: 232px;height:48px; color:#fff;font-size: 18px; line-height: 48px; text-align: center; background: #214a97;}
.leftProCla{ width:232px; height:100px; height:auto!important;min-height:100px;}
.leftProClaList{width:232px;}

.leftNews{ width: 202px;padding:10px 14px;background: #fff; margin-top: 24px;}
.leftNews ul{ padding-top: 5px;}
.leftNews li{ width: 182px; height: 36px;padding-left:20px;border-bottom: 1px solid #d4dde3; background: url("../images/product_03.jpg") 5px center no-repeat;}
.leftNews li a{color: #666; font-size: 12px; line-height: 36px;}

.mainConTitle .mFont{float: left;height: 50px; color: #3760ad;font-size: 22px; line-height: 50px; text-align: center; font-weight: bold;}	
.mainConTitle .mFontbg{ position: absolute; left:0px; bottom:-1px; width: 118px; height: 9px; background: url("../images/aaa.jpg") left bottom no-repeat;}
.mainConTitle .position { position: absolute; right: 0px; bottom:0; height:50px; color: #717171; font-size: 14px;line-height:50px;}
.mainConTitle .position a{color:#717171;}
.mainConTitle .position a:hover{color:#000}
.mainConTitle .position font{ font-size: 14px;}

.mainConList .pic2 a{  display: block; width:748px;height:183px;padding-bottom:30px; background: url("../images/listbg.jpg") left bottom no-repeat;}
.mainConList .pic2 dt{ float: left; width:236px; height:175px; border:4px solid #ededed; margin-right: 30px;}
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:474px; float:left;}
.mainConList .pic2 .title{color:#606060;font-size:16px; line-height:60px;}
.mainConList .pic2 .intro{color:#a5a5a5;font-size:14px;line-height:24px}

/*end pic2*/
.mainConList .proUlList {padding-top:10px;clear:both; padding-bottom:10px;}
.mainConList .proUlList li{ width: 748px; height: 34px; margin-bottom: 6px;}
.mainConList .proUlList li a{width: 708px;padding-left: 20px;padding-right: 20px;height: 34px; color:#565656; font-size:14px; line-height:34px;}
.mainConList .proUlList li a:hover{ color:#000;}
.mainConList .proUlList li span{ color: #a8a8a8; float: right; font-size:14px;line-height:34px;}


/*end pglist*/
.mainContect{ color:#565656;font-size:14px;line-height:30px;overflow:hidden; height:auto!important;word-wrap:break-word; word-break:break-all;height:auto;}
.mainContect img{ max-width: 100%;}
.mainContect .title{ width:100%; padding-top:25px; color:#4b4b4b;font-size:18px;text-align:center;}

.online{ width: 700px; padding-top: 30px;}
.online li{ float:left; margin-bottom: 18px;}
.online span{ float:left; width: 160px; height: 30px; display: block; color:#4e4e4e; font-size:16px;line-height: 30px; text-align: right;}
.online input{}
.online input.address{ width: 522px;}	
.online textarea{ width: 522px;border:1px solid #dadada; color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px; background: #f4f4f4;}	
.online input.botton{ width: 164px; height: 47px; border:none; cursor: pointer; color:#fff;font-size:24px; line-height: 47px; font-weight: bold;}
.online input.reset{  margin-left: 20px; background:url("../images/resito.jpg") left top no-repeat ;}
.online input.data{ background:url("../images/data.jpg") 150px center no-repeat;}

/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px; margin-left:40px;_margin-left:30px;} 
.hrBoxL{ width:100px; float:left; text-align:center;}
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px; font-size:12px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left;}
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px;}
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb;}
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px; height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}

.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center;}
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}

/* book*/
.bookmain{width:650px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px; margin-left: 0px;}
.bookline{width: 650px; height:34px;background-image: url("../images/about_box_line.jpg"); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url("../images/bookico.png") no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url("../images/bookcontentbg.jpg") repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1); background: #fff;}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.mainConList{height:auto; float:right; width:950px;}
.message{ width:500px; height:auto;margin:0 auto;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ width:315px;height: 30px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:center; font-size:14px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:1000px;height:auto; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.contentb .yzm{ width:1000px;height:60px; float:left;padding-top:30px; margin-left: 60px;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}

.scott{background:#eee; height:30px; overflow:hidden; text-align:center; padding-top:9px; line-height:21px;}
.scott A{BORDER:#58affe 1px solid; PADDING:2px 5px; MARGIN-RIGHT: 5px; TEXT-DECORATION: none; background:#fff;}
.scott A:hover{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7; color:#FFF;}
.scott A:active{border:1px solid #58affe; text-decoration:none; BACKGROUND-COLOR:#237ac7;}
.scott SPAN.current{BORDER: #237ac7 1px solid; PADDING:1px 5px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #237ac7;MARGIN-RIGHT: 5px;}
.scott SPAN.disabled{BORDER:#237ac7 1px solid; PADDING:2px 5px; COLOR:#237ac7; MARGIN-RIGHT: 5px; background:#d8f1ff;}
.fenye1{text-align: center; clear:both; font-size:12px; line-height:28px; height:56px; background:#eee; padding:10px; margin-top:5px;}

/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url("../images/fixed.jpg") 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url("../images/fixed.jpg") 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url("../images/fixed.jpg") 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
.backup{right:0px; top: -50px;}
.searchred{ color:#f00 !important; margin:0 !important}	

.leftProClaList li{ position:relative; font-size:14px;}
.leftProClaList li a { border-bottom: 1px dashed #999; display: block; font-size: 14px; font-weight: bold; height: 45px; line-height: 50px; width: 100%;}
.leftProClaList li a { border-bottom: 1px dashed #999; display: block; font-size: 14px; font-weight: bold; height: 45px; line-height: 50px; width: 100%;}
.leftProClaList li ul { padding-left:15px;padding-bottom:5px;}
.leftProClaList li li { border-bottom: 1px dashed #999; float: none; font-size: 12px; height: 30px; line-height: 30px; margin-bottom: 0; padding-left: 0; width: 212px;}
.leftProClaList li li a { color: #000; font-size: 14px; font-weight: 100; height: 30px; line-height: 30px; width: 100%;}
.leftProClaList li li:hover a{ color:#214A97;}


.czhjz_b { float:left; width:400px; height:460px; margin-left:30px; padding-top:10px; background:url(../images/44booopic51_8xrf.jpg) no-repeat center bottom; background-size:400px; font-size:13px; line-height:25px; color:#214a97;}
.czhjz_b p { margin-bottom:30px;}
.czhjz_b p i { font-style:normal; color:#e00; font-size:18px; margin-left:15px;}
.czhjz_b .p { color:#333; text-align:center; line-height:22px;}

.czhjz_input { width:430px; float:right;}
.czhjz_input .guest { width:100%; margin:5px 0 10px 0; text-align:left; font-size:14px;}
.czhjz_input .guest p { color:#666; line-height:30px; margin-bottom:5px;}
.czhjz_input .guest input { display:block; width:400px; background:#eee; border:1px dashed #aaa; color:#777; height:35px; line-height:35px; padding:0px 10px; word-spacing:0;}
.czhjz_input .guest textarea { display:block; width:400px; background:#eee; border:1px dashed #aaa; color:#777; line-height:25px; padding:5px 10px; word-spacing:0;}
.czhjz_input .guest #submit{ width:150px; background:#f30; border:none; height:40px; left:40px; color:#fff; font-size:20px;}
.czhjz_input .guest .yzm { float: left; width: 200px; margin-right: 10px;}
.czhjz_input .guest .message_yzmico { float: left; height: 37px;}