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

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;color:#333}
body {-webkit-text-size-adjust:none}
html,body {-webkit-text-size-adjust:none;background:#fbfbfc;}
body,button,input,select,textarea {font:12px/1.5 arial,"microsoft yahei","\5B8B\4F53",sans-serif;_font:12px/1.5 'microsoft yahei',tahoma,arial,sans-serif;outline:none;font-family:"microsoft yahei";}
textarea {resize:none}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%}
address,cite,dfn,em,var {font-style:normal}
input {color:#666;font-size:100%}
small {font-size:12px}
ul,ol {list-style:none}
a {text-decoration:none;color:#333;font-family:"microsoft yahei";}
a:hover {color:#cf2e2e;text-decoration:underline;}
img {vertical-align:top}
table {border-collapse:collapse;border-spacing:0}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0}
.clearfix {zoom:1}
.clear {height: 1px;line-height: 1px;font-size: 1px;clear: both;margin-top: -1px;}
.fl{ float:left;}
.fr{ float:right;}
.w{ width:995px; margin:0 auto;}

/* header */
.header{ width:100%; margin:0 auto; height:185px; overflow:hidden;}
.tip{ height:30px; line-height:30px;}
.tip input.dl{ border:1px #ddd solid; width:85px; height:20px; line-height:20px; margin:0 5px;}
.tip a{ padding:0 6px;}
.tip a.zx{ background:url(../images/ico_qq.jpg) left center no-repeat; padding-left:15px;}
.tip a.mm{ background:url(../images/ico_key.jpg) left center no-repeat; padding-left:15px;}
.logo{ height:65px; background:url(../images/bg_logo.gif) repeat-x top; padding:25px 0;}
.logo img.slogon{ margin-left:20px; margin-top:20px;}
.menu{ background:url(../images/bg_menu.gif) repeat-x top #0e71c4; width:100%; height:45px; line-height:45px;}
.menu ul{ width:995px; margin:0 auto;}
.menu ul li{ width:110px; background:url(../images/line_menu.gif) center right no-repeat; float:left;}
.menu ul li a{ color:#fff; font-size:14px; font-weight:700; text-align:center; display:block;}
.menu ul li a:hover{ background:url(../images/bg_menuon.gif) repeat-x top; text-decoration:none;}

.banner{ background:url(../images/bg_banner.gif) #ded8da; height:294px;}
.slide{ width:995px; margin:0 auto;}

/* loginbox */
.free-outer{clear: both;margin: 0 auto;position: relative;width: 995px; z-index: 15;}
.free_box{height: 270px;top: 8px;width: 290px; right:0; position:absolute;background: url(../images/bg_box.png) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.login_th{ text-indent:-999em; height:50px; display:block;}
table.h_login_table a:hover {color: #ff9;}
table.h_login_table {clear: both;color: #fff;margin: 5px auto;}
table.h_login_table td {line-height: 1.4em;padding:5px;vertical-align: middle;}

input.h_login_text {border: 1px solid #d5d5d5;color: #999;font-size:12px;font-weight: normal;height:15px;line-height:15px; padding: 6px 5px;vertical-align: middle;width: 240px;}
input.h_login_text:hover {background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #ccc; color: #111;}
input.login_btn_g { background: none repeat scroll 0 0 #ffa901; border: medium none; color: #fff; cursor: pointer;font-size: 18px; height: 35px;line-height: 32px;text-align: center;vertical-align: middle;width: 252px;}
input.login_btn_g:hover {background: none repeat scroll 0 0 #f26500;}


/* main */
.main{ clear:both; margin-top:25px;}
.position{ clear:both; width:975px; padding-left:20px; margin:0 auto; line-height:40px; height:40px; background:url(../images/ico_posi.jpg) center left no-repeat;}
.position a{ margin:0 4px;}
.mtit{ font-size:18px; font-weight:700;}
.mbox{ background:url(../images/bg_mbox.gif) top repeat-x #fff; padding:10px; border:1px #ddd solid; border-top:4px #135baf solid;}
.mtit i{ color:#ffa901; font-family:Verdana, Geneva, sans-serif; font-weight:400; font-size:14px; font-style:normal; margin-left:15px;}
.mtit span{ float:right;}
.m1{ height:auto; overflow:hidden;}
.m1reason{ margin-top:10px;}
.m1reason ul{ width:997px;}
.m1reason ul li{ float:left; margin:0;}

.m2{ width:975px; margin:12px auto;}
.m2 .mtit{ background:url(../images/ico_video.jpg) left center no-repeat; padding-left:25px; margin-left:5px;}
.m2pic,.m3list{ clear:both; margin-top:5px;}
.m2pic ul,.m3list ul{ height:auto; overflow:hidden; margin:10px 0;}
.m2pic ul li{ width:195px; text-align:center; float:left; position:relative;}
.m2pic h2{ line-height:32px;}
.m2pic a{ display:block; position:relative;}
.m2pic .play{ background:url(../images/bg_videon.png) center no-repeat;z-index: 15; height:119px; width:187px; display:block;position:absolute;top:1px; right:4px; cursor:pointer;}

.m3{ width:670px; float:left;}
.m3 .mtit{ background:url(../images/ico_ping.jpg) left center no-repeat; padding-left:25px; margin-left:5px;}
.m3list ul li{ height:32px; line-height:32px; border-bottom:1px #cdcbcd dashed; background:url(../images/dot.gif) center left no-repeat; padding-left:15px; margin-left:10px;}
.m3list ul li a{ color:#0b5792;}
.m3list span.time{ float:right; margin-right:20px;}

.m4{ width:270px; float:right; background:url(../images/bg_news.jpg) top repeat-x #fff;}
.m4 .mtit{ background:url(../images/story.png) left center no-repeat; padding-left:27px; margin-left:5px;}

.m4list{ margin-top:15px;}
.m4list ul{ height:auto; overflow:hidden;}
.m4list ul li{ background:url(../images/dot.gif) 5px 14px no-repeat; padding-bottom:6px;
				 padding-top:2px; padding-left:15px; border-bottom:1px #cdcdcd dashed;}
.m4list ul li h1 a{color:#0b5792;}
.m4ad{ margin-top:12px; float:right;}

/* footer */
.footer{ background:#ede8ed; width:100%; height:200px; margin:15px 0;}
.ft_copy{ float:left; line-height:40px;margin-top: 15px;}
.ft_menu{ float:right;line-height:60px;}
/*news*/
/* .news-con{ overflow:hidden;}
 .news-con .mtit{ 
 		background:url(../images/news.png) left center no-repeat; padding-left:27px; margin-left:10px; 
		margin-top:10px;}

.news-out .news-con{border:1px solid #ddd; overflow:hidden; margin:15px 0; height:290px; 
					background:url(../images/bg_mbox.gif) repeat-x #fff;border-top:#135baf solid 4px;
					width:240px;}
.news-title,.news-img{ height:300px; margin-top:10px;}
.news-title{ margin-left:20px; width:220px;}
.news-title ul li{ border-bottom:1px dashed #ddd; }
.news-title ul li a{ line-height:30px; white-space:nowrap; text-overflow:ellipsis; display:block;width:220px; overflow:hidden;}
.huodong-con{border:1px solid #ddd; overflow:hidden; margin:15px 0; height:290px; 
					background:url(../images/bg_mbox.gif) repeat-x #fff;border-top:#135baf solid 4px;
					width:700px;}
.huodong-con .news-img{ overflow:hidden; width:700px;}
.huodong-con .news-img ul li{ float:left; margin-right:5px;}
.huodong-con .news-img ul li img{ vertical-align:middle; margin-top:10px;}
.huodong-con .news-title ul li a:hover{ text-decoration:none; color:#0b5792;}*/
.news{ width:270px;float:left; height:300px; margin-bottom:10px;}
.news ul li a{line-height:30px; white-space:nowrap; text-overflow:ellipsis; display:block;width:220px; overflow:hidden;}
.news .mtit{ 
 		background:url(../images/news.png) left center no-repeat; padding-left:27px; margin-left:10px; 
		 }

.huodong{  
	 width:665px; float:right; background:url(../images/bg_news.jpg) top repeat-x #fff; height:300px; margin-bottom:10px;}
.huodong .mtit{ 
 		background:url(../images/huodong.png) left center no-repeat; padding-left:27px; margin-left:10px; 
		 }

.news-img{ height:300px; margin-top:10px;}
.news-img{ overflow:hidden; width:680px;}
.news-img ul li{ float:left; margin-right:10px; width:150px; background:#F9F9F9; height:250px; padding:2px;}
.news-img ul li img{ vertical-align:middle; margin-top:10px;}
.huodong .news-img ul li  h5{
	line-height:30px; white-space:nowrap; text-overflow:ellipsis;width:150px; overflow:hidden; font-size:14px;}
.huodong .news-img ul li  p{
	line-height:20px;text-overflow:ellipsis;width:150px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3;
	-webkit-box-orient:vertical;}