@charset "utf-8";

/* 通用 */
* {padding:0; margin:0;}
html,body { height:100%; background-color:#fff;}
body,td,input,textarea,button { color:#5a626c; font:12px 微软雅黑,Microsoft Yahei; line-height:24px;}
a:link,a:active,a:visited { color:#5a626c; text-decoration:none;}
a:hover, a:focus {
	text-decoration: underline;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
img {border:none; }
form { margin:0px; padding:0px;}
input:focus,textarea:focus,a:focus,select:focus {outline:none;}
ul,li { margin:0px; padding:0px; list-style-type:none;}
.nowrap {  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.clear{clear:both;}
.opacity10 { FILTER:alpha(opacity=10); opacity:0.1;}
.opacity20 { FILTER:alpha(opacity=20); opacity:0.2;}
.opacity30 { FILTER:alpha(opacity=30); opacity:0.3;}
.opacity40 { FILTER:alpha(opacity=40); opacity:0.4;}
.opacity50 { FILTER:alpha(opacity=50); opacity:0.5;}
.opacity60 { FILTER:alpha(opacity=60); opacity:0.6;}
.opacity70 { FILTER:alpha(opacity=70); opacity:0.7;}
.opacity80 { FILTER:alpha(opacity=80); opacity:0.8;}
.opacity90 { FILTER:alpha(opacity=90); opacity:0.9;}
.verifycode { border:1px dotted #CCCCCC; margin-left:6px; cursor:pointer;}
.hide { display:none;}
.right { float:right;}
.left { float:left;}
.hand { cursor:pointer;}
.b { font-weight:bold;}
.err,.warn,.red { color:#ff0000;}
.gray { color:#999;}
.pagenavi { height:18px; line-height:18px; }
.tips { width:200px; height:auto; padding:10px 20px; background:#ec6a6a; border:1px solid #da4f4f; color:#fff; line-height:24px; position:fixed; z-index:1000; left:40%; top:40%; FILTER:alpha(opacity=90); opacity:0.9; font-size:14px; text-align:center; font-weight:bold;}

/* html5检测 */
#checkhtml5 { width:550px; height:300px; background:#fff; position:fixed; left:50%; margin-left:-300px; top:50%; margin-top:-150px; border:1px solid #007ef3; z-index:10000; }
.checkhtml5_close {position:absolute; margin-left:530px; margin-top:4px; cursor:pointer;}
.checkhtml5_bar { height:50px; padding-left:20px; font-size:18px; line-height:50px; color:#000; border-bottom:1px solid #e2e2e2; }
.checkhtml5_intro { height:auto; padding:20px; font-size:14px; line-height:36px; }
.checkhtml5_intro a { color:#00F; text-decoration:underline;}

/* head */
#head { width:100%; height:40px; position:fixed; z-index:999; background: transparent; padding:60px 0;
	-moz-transition: padding 0.5s;
	-o-transition: padding 0.5s;
	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}
#head.fixed { background:url(/images/opw90.png); padding: 25px 0;}
#head.fixed:hover { background:#fff;}
#head.fixed a { color:#6c7279; font-weight:normal;}
#head.fixed a:hover,#head.fixed a:active { color:#24b2f4;}
.slogo { width:20%; height:40px; min-width:200px; float:left; overflow:hidden; text-align:center;}
.slogo img { height:40px;}
.headm { width:55%; height:35px; float:left;}
.headm a { width:14%; height:35px; display:block; float:left; text-align:center; line-height:35px; font-size:15px; text-decoration:none; font-weight:700; color:#fff; text-transform: uppercase}
.headm a:hover,.headm a:active { color:#24b2f4; }
.headtel { width:24%; height:35px; overflow:hidden; float:right; line-height:35px; text-align:center; font-family: "Open Sans", Arial, sans-serif; background:url(/images/tel.png) center no-repeat;}

.compp { width:1160px; height:auto; margin:0px auto; padding-left:10px;}
.compimg { width:220px; height:220px; margin:5px; text-align:center; border:1px solid #ddd; float:left;}
.compimg div { width:220px; height:220px; display:table-cell; vertical-align:middle;}
.compimg img { max-width:140px; max-height:140px;}
.compimg:hover { border:1px solid #666;}

.page { height:auto; margin:15px 0; }
.total { height:30px; background:#e9e9e9; line-height:30px; float:left; margin-right:4px; padding:0 15px;}
.page a { display:block; width:30px; height:30px; line-height:30px; text-align:center; float:left; background:#e9e9e9; margin-right:4px; text-decoration:none;}
.page a.cur { background:#60b8f7; color:#fff;}
.page a img { margin-top:6px;}
.pageinp { width:28px; height:28px; border:1px solid #60b8f7; text-align:center; line-height:28px; padding:0px;margin:0px;}
.secpagetz { width:40px; height:30px; float:left; color:#999999; line-height:30px;}
.secpagebtn { width:28px; height:28px; float:left; text-align:center; line-height:28px; cursor:pointer; border:1px solid #60b8f7; color:#60b8f7;}

.mainbtn{ height:130px;}
.mainbtn2 { height:120px;}
.mainbtn a,.mainbtn2 a { display:block; width:180px; height:48px; text-align:center; line-height:48px; font-size:14px; cursor:pointer; border-radius:3px; margin:0 auto 30px auto; font-weight:normal; text-decoration:none;}
.mainbtn a { border:1px solid #001332; color:#001332;}
.mainbtn2 a { border:1px solid #fff; color:#fff;}
.mainbtn a:hover,.mainbtn2 a:hover { background:#3eb2e8; border:1px solid #3eb2e8; color:#fff;}

.footbox { width:100%; height:40px;}
.foot { width:100%; height:40px; line-height:40px; background:#272a2f; color:#999; overflow:hidden; text-align:center;}
.foot img { height:16px; width:auto; vertical-align:middle; }
.foot .fl { float:left; width:49%;}
.foot .fr { float:right; width:49%;}
.foot .fr a { color:#999;}