/* CSS Document */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
a{color:#58a7cc; text-decoration:none;}
a:hover{color:#fff; text-decoration:none}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
.input{width:240px; height:20px; line-height:20px; border:1px solid #ccc; padding:1px; color:#666}
.input_login{width:120px; height:18px; line-height:18px; border:1px solid #333; padding:2px; color:#efefef; background:#999;}
body{height:100%; background:#0e284c url(../image/body_bg.png) no-repeat center 80px; font:14px/18px "Microsoft yahei", Arial, "\5b8b\4f53", sans-serif;_font:13px/18px Arial, "\5b8b\4f53", sans-serif; color:#424242; }
.nodata{color:#999; display:block}

.clear{clear:both}

header{}
#header_wrap{position:relative; width:960px;height:98px; margin:0 auto; border-bottom:2px solid #fff}
#logo{position:absolute; width:250px; height:72px; top:10px; background:url(../image/logo.png) no-repeat}
#logo h1{text-indent:-999em}
#logo h1 a{display:block; width:250px; height:72px}
#topnav{float:right; width:504px; height:46px; line-height:46px; position:relative; top:16px; _top:20px; color:#e6e6e6}
#search_bar{position:absolute; right:50px; top:7px}
.search_input{width:200px; height:20px; line-height:20px; padding:10px 4px; border:none; color:#fff; background-color:rgba(12,69,125,.8)}
.search_input:focus {outline:none;} 
.search_btn{width:40px; height:40px; border:none; background:url(../image/icon.png) no-repeat 6px -3px; cursor:pointer; text-indent:-999em}
#ex_menu{position:absolute; right:0; top:10px; width:40px; height:40px; cursor:pointer; background:url(../image/icon.png) no-repeat 6px -50px;}

#menu{position:absolute; display:none; top:0; right:0; width:250px; padding:30px; height:100%; background:#0a2240;z-index:2000}
#menu h3{height:50px; line-height:50px; font-size:24px; color:#fff}
#menu h3 i{font-size:14px; margin:4px}
#menu h3 span#close{float:right; display:block; margin-right:28px; width:40px; height:40px; background:url(../image/icon.png) no-repeat -1px -167px; text-indent:-999em; cursor:pointer}
.side_menu{margin:20px 20px 10px 0; padding:20px 0;border-top:1px solid #fff; border-bottom:1px solid #fff}
.side_menu ul li{height:40px; line-height:40px; margin-top:8px;background:url(../image/icon.png) no-repeat right -228px; font-size:18px}
.side_menu ul li a{background:#071d37; padding:10px 60px 10px 20px;-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;}
.menu_bot{height:52px; line-height:42px; margin:0 20px 0 0; border-bottom:1px solid #fff; font-size:18px;background:url(../image/icon.png) no-repeat right -228px;}


nav{width:960px; height:80px; position:relative}
nav ul li{float:left; height:72px; line-height:72px; margin-right:25px; font-size:18px;}
nav ul li a{color:#fff; display:block; padding:0 21px; overflow:hidden; background-color:rgba(12,69,125,.8)}
nav ul li a:active,nav ul li a:focus,nav ul li a:hover{color:#071d37;background-color:#fff;text-decoration:none;}
nav actived{color:#fff; display:block; padding:0 21px; overflow:hidden; background-color:rgba(12,69,125,.8)}
.tel{position:absolute; top:0; right:0; width:306px; height:72px;  text-indent:-999em}


#banner{width:1200px; height:430px;position:relative; margin:10px auto;}
.flexslider{margin:0px auto;position:relative;width:1200px;height:430px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li{width:1200px; height:400px; overflow:hidden}
.flexslider .slides li img{width:1200px; height:400px;}
.flex-control-nav{width:100%;position:absolute;bottom:2px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}




#main{width:960px; margin:10px auto;}
.ind_box{width:306px; height:280px; margin-top:20px; margin-right:20px; color:#58a7cc; text-align:center; background:#fff}
.ind_box:hover{background-color:#0d5881}
.ind_box_big{width:954px; height:280px; margin-top:20px; background:#fcc}
.fl{float:left}
.fr{float:right; margin-right:0}
.ind_box h3{padding:6px; font-size:20px}
.ind_box p{padding:8px}
.ind_box a{margin-top:10px}
.pro_img{width:75px; height:80px; margin:40px auto 20px auto;}
.sougou_h{background-position:-322px -11px}
.ind_box:hover .sougou_h{background-position:-175px -11px}
.sougou_s{background-position:-328px -240px}
.ind_box:hover .sougou_s{background-position:-173px -240px}

.sougou_sx{background-position:-328px -1574px}
.ind_box:hover .sougou_sx{background-position:-163px -1574px}

.h360{background-position:-310px -122px; width:112px;}
.ind_box:hover .h360{background-position:-160px -122px}
.hao123{background-position:-305px -360px; width:130px;}
.ind_box:hover .hao123{background-position:-150px -360px}
.king{background-position:-324px -485px; }
.ind_box:hover .king{background-position:-172px -485px}
.sougou_i{background-position:-325px -622px; }
.ind_box:hover .sougou_i{background-position:-174px -622px}

.sougou_ix{background-position:-335px -1454px; }
.ind_box:hover .sougou_ix{background-position:-164px -1454px}
.h2345_i{background-position:-335px -1696px; }
.ind_box:hover .h2345_i{background-position:-164px -1696px}

.kjtan{background-position:-323px -750px; }
.ind_box:hover .kjtan{background-position:-173px -750px}
.qqtan{background-position:-324px -864px; }
.ind_box:hover .qqtan{background-position:-171px -864px}
.deskico{background-position:-321px -1020px; }
.ind_box:hover .deskico{background-position:-171px -1020px}
.deskico2{background-position:-321px -1820px; }
.ind_box:hover .deskico2{background-position:-171px -1820px}
.adico{background-position:-332px -1359px; }
.ind_box:hover .adico{background-position:-172px -1359px}
.cloudico{background-position:-324px -1238px; }
.ind_box:hover .cloudico{background-position:-164px -1238px}
.appico{background-position:-323px -1130px; }
.ind_box:hover .appico{background-position:-173px -1130px}

#qq_server{background:url(../image/qq_bg.jpg) no-repeat}
#qq_server ul{width:186px; margin:30px auto}
#qq_server ul li{width:186px; height:38px; line-height:38px; margin-top:20px; font-size:18px; }
#qq_server ul li a{display:block; width:186px; height:38px;background:url(../image/qq_server.png) no-repeat}
#qq_server ul li a:hover{background-position:0 -38px}
#latest_news{background:url(../image/news_bg.jpg) no-repeat; color:#fff;text-align:left}
.ind_news h2{height:52px; line-height:52px;  background: url(../image/opa70.png); font-size:24px; text-align:center}
.ind_news h3{line-height:24px; margin-top:6px;font-size:18px; font-weight:500}
.ind_news h3 a{color:#fff}
.ind_news h3 a:hover{color:#f0f0f0}
.ind_news p{color:#f0f0f0}

.yw_wrap{position:relative; overflow:hidden;}
.yw_wrap .yewus2{position:absolute; top:0; left:0}
.cover{position:absolute; background:#369; height:140px; width:100%; left:306px; top:0;height:auto\9; /* IE6、IE7、IE8支持 */ }
.cover p{padding:10px;line-height:24px; text-align:left; color:#fff}

.link_box{width:100%; height:280px; margin-top:20px; background:#0d335f}
.link_box h3{height:52px; line-height:62px; font-size:20px; text-align:center; color:#fff}

.linkslider{margin:0px auto;position:relative;width:900px;height:200px;overflow:hidden;zoom:1;}
.linkslider .flex-direction-nav a{width:16px;height:16px;line-height:99em;overflow:hidden;margin:-16px 0 0;display:block;background:url(../image/icon.png) no-repeat;position:absolute;top:180px;z-index:10;cursor:pointer;opacity:1;-webkit-transition:all .3s ease;}
.linkslider .flex-direction-nav .flex-next{background-position:-1px -112px;left:455px;}
.linkslider .flex-direction-nav .flex-prev{background-position:-1px -132px;left:425px;}
.linkslider:hover .flex-next:hover, .linkslider:hover .flex-prev:hover{opacity:0.5;filter:alpha(opacity=50);}
.linkslider .slides{}
.linkslider .slides li{margin-top:40px; line-height:100px}
.linkslider .slides li a{width:310px; height:88px; margin-left:46px}

.adslider{margin:0px auto;position:relative;width:954px;height:280px;overflow:hidden;zoom:1;}
.adslider .flex-direction-nav a{width:40px;height:40px;line-height:99em;overflow:hidden;margin:-40px 0 0;display:block;background:url(../image/ad_ctr.png) no-repeat;position:absolute;top:150px;z-index:10;cursor:pointer;opacity:1;-webkit-transition:all .3s ease;}
.adslider .flex-direction-nav .flex-next{background-position:0px -68px;right:0;}
.adslider .flex-direction-nav .flex-prev{background-position:0px -10px;left:0;}
.adslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.adslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.adslider:hover .flex-next:hover, .adslider:hover .flex-prev:hover{opacity:0.5;filter:alpha(opacity=50);}

.news_box{width:430px; height:180px; margin-top:20px; padding:16px;  color:#58a7cc; text-align:center; background:#fff}
.news_box h3{line-height:24px; font-size:18px}
.news_box p{text-align:left; margin-top:10px; line-height:22px; padding-bottom:20px; text-indent:2em}
.news_box p span{color:#ccc}
.news_box:hover{background-color:#0d5881}
.page_count{margin-top:20px; text-align:center; height:40px; line-height:20px; color:#eee}
.page_count a{color:#fff}
.main_page{padding:20px; background:#fff}
h1.pagetitle{line-height:32px; font-size:20px; text-align:center}
#descript{text-align:center; line-height:30px; color:#999}
#descript span{margin:0 20px}
.content{padding:20px; min-height:520px}
.content p{line-height:24px;  margin:6px auto; text-indent:2em}
.position{height:36px; line-height:36px; color:#d3d3d3}

.login{padding:20px; height:600px;position:relative}
.login_box{width:250px; height:360px; margin:100px auto; padding:30px;}
.login_box h3{height:32px; line-height:32px;font-size:16px}
.login_box p{padding:10px 0}
#login_ind{background:url(../image/login_ind_bg.jpg) no-repeat}
.login_ind_box{width:250px; height:360px; padding:30px;}
.login_ind_box p{padding:6px 0; text-align:left}
.ipt{background: #fff;display: block; width: 100%;padding: 8px 0;border: 2px solid #e1e1e1; margin-bottom: 10px;font-weight: normal; text-indent: 43px;outline: 0;font-size: 1.25em;*line-height: 20px;}
.ipt:focus {border: 2px solid #d6f1ff;}
.login_ind_box p label{float:left;width:70px; height:24px; line-height:24px; padding-top:4px; font-size:16px}
.ipt_ind{background: #fff;display: block; width: 148px;padding: 6px 4px;border: 1px solid #58a7cc; margin-bottom: 10px;font-weight: normal;outline: 0;font-size: 14px;*line-height: 20px;}
.ipt_ind:focus {border: 1px solid #6a98b1;}
.login_ind_box h4{line-height:32px; padding:4px 0}
.login_ind_box h4 a:hover{color:#666}
.uname {background: url(../image/login-locked-icon.png) no-repeat 15px center;}
.upass{background: url(../image/login-key-icon.png) no-repeat 15px center;margin-bottom: 0;}

.regbox{margin:20px}
.regbox .des{ text-indent:100px; color:red}
.regbox .des1{ text-indent:2em; line-height:26px; color:red}
.query_table td{line-height:36px;vertical-align:baseline;}
.query_table td p{font-size:12px; color:#999}
.query_table td span a{text-decoration:underline}
.query_table td span{color:red; margin:4px}
.query_table td strong{height:40px; line-height:40px; font-size:16px;}


#maskbg{width:100%; height:100%; position:absolute; top:0; left:0; background:#000; z-index:10000}
#showmsg{width:500px; height:460px;  position:absolute; left:50%;top:50%; margin:-250px 0 0 -230px; background:#fff; border:1px solid #d3d3d3; z-index:10001}
#showmsg h3{height:32px; line-height:32px; padding:0 10px; background:#369; color:#fff; position:relative}
#showmsg h3 a{position:absolute; right:8px; top:2px; color:#fff}
.msgcontent{padding:20px}
.msgcontent p{line-height:26px; padding:6px 0}


footer{height:80px; width:100%; margin-top:20px; padding-top:4px;}
#footer_wrap{width:960px; padding-top:20px; margin:0 auto; border-top:1px dotted #ccc}
footer p{line-height:24px; text-align:center; color:#efefef}
footer p a{color:#fefefe}


/******表单验证validate********/
label.error {color:#EA5200; padding-left:20px; background:url(../image/unchecked.gif) no-repeat 2px 0 }
label.right{ padding-left:20px;color:#3c0; background:url(../image/checked.gif) no-repeat 2px 0}



.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	
}
.blue:hover {
	background: #007ead;
	
}
.blue:active {
	color: #80bed6;
	
}


.list_lh{height:296px;overflow:hidden;}
.list_lh span{/*padding:10px;*/}
.list_lh span.lieven{/*background:#F0F2F3;*/}
.list_lh span p{height:24px;line-height:24px;}
.list_lh span p a{float:left;}
.list_lh span p em{width:80px;font:normal 12px/24px Arial;color:#FF3300;float:right;display:inline-block;}
.list_lh span p span{color:#999;float:right;}
.list_lh span p a.btn_lh{background:#28BD19;height:17px;line-height:17px;color:#fff;padding:0 5px;margin-top:4px;display:inline-block;float:right;}