/***  网站整体风格定义 */
ul,li {margin: 0; padding: 0; list-style-type: none; text-indent: 0; text-transform: capitalize;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend { padding: 0; margin: 0;}
img { border: none; vertical-align: middle;}
input{ vertical-align: middle;outline:none;}
body {font-size: 14px; color: #444; text-decoration: none; background: #fff;}
/**** 网站默认连接定义 */
a:link { font-size: 14px; text-decoration: none;}/* ==========    鼠标点击后，链接状态    =============== */
a:visited { font-size: 14px; text-decoration: none; }
a:hover { font-size: 14px; text-decoration: underline; }/* ==========    鼠标经过，链接状态色    =============== */
a:active { font-size: 14px; text-decoration: none; }/* ==========    鼠标无点击过，链接状态    =============== */

.f-l { float: left;}
.f-r { float: right;}
.mc { margin: 0px auto;}
.mb10 { margin-bottom: 10px;}
.mb50 { margin-bottom: 50px;}

.w1200 { width: 1200px; overflow: hidden;}
.w920 { width: 920px; overflow: hidden;}
.w900 { width: 900px; overflow: hidden;}
.w430 { width: 430px; overflow: hidden;}
.w290 { width: 290px; overflow: hidden;}
.w250 { width: 250px; overflow: hidden;}


/*首页头部导航*/
#header{width: 100%;height: 80px;position: fixed;padding: 0px; background: #bc8409; box-shadow: 0 6px 10px rgba(0, 0, 0, .1);transition: all ease .3s;z-index: 99;transition-property: padding, background}
#header_menu { width: 1200px; margin: 0px auto;}
#header #logo{float: left; line-height: 70px;}
#header ul#nav { float:right;}
#header ul li.navitem { transition: all 0.4s ease-out 0s; padding: 10px 20px; line-height:50px;float: left;position: relative;}
#header ul li.navitem a { color:#fff; text-decoration: none; transition: none ease-out .3s;transition-property: color, background, text-indent, opacity;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#ff0; }
#header ul li.navitem a::after {content:'';display:block;margin-top: -9px;width:30%;height:1px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#header ul li.navitem a.active::after {width:60%;background:#f0a501;}
#header ul li.navitem:hover a::after {width:100%;background:#f0a501;}
#header ul li.navitem:hover ul.subnav{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
#header ul li.navitem ul.subnav { width:200px; margin-left: -5px; background:#bc8409; border:0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); transition: all 0.3s ease-out 0s;position: absolute;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); }
#header ul li.navitem ul.subnav li { text-align:center; border-bottom:1px solid rgba(0, 0, 0, .08); }
#header ul li.navitem ul.subnav li a { color: #fff; width:100%; background:none; display: block;}
#header ul li.navitem ul.subnav li a i { display:none; }
#header ul li.navitem ul.subnav li a:hover { background:#fff; color:#000;}
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {display:none;}
#header ul li.navitem ul.subnav li a:hover { background-color:#f5f5f5; opacity: 1}

.title { border-bottom: #eee solid 2px; height: 38px; position: relative; margin-bottom: 5px; }
.title strong { background: url(../images/sqs-ico.png) no-repeat left center; border-bottom: #bc8409 solid 2px; color: #bc8409; font-size: 16px; line-height: 38px; position: absolute;}
.title span { margin: 0px 20px 0px 30px;}
.title a { float: right; background: url(../images/more.jpg) no-repeat right center; width: 60px; height: 38px; display: block; text-decoration: none;}
.titlebig { background: url(../images/title-x.gif) repeat-x center; height: 120px; overflow: hidden; text-align: center; color: #bc8409; font-size: 18px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin-bottom: 10px;}
.titlebig h2 { font-size: 30px; font-family:"Microsoft YaHei"; margin: 30px 0px 5px 0px; border-left: #fff solid 10px; border-right: #fff solid 10px; display: block;}
.titlepage { border-bottom: #eee solid 2px; height: 38px; position: relative; margin-bottom: 5px; }
.titlepage strong { background: url(../images/sqs-ico.png) no-repeat left center; border-bottom: #bc8409 solid 2px; color: #bc8409; font-size: 16px; line-height: 38px; position: absolute;}
.titlepage span { margin: 0px 20px 0px 30px;}
.titlemap { float: right;}

.banner { width: 100%; height: 220px; margin-bottom: 20px;}
.NewsList { margin-bottom: 30px;}
.NewsList li { color: #666; font-size: 14px; line-height: 50px; border-bottom: #eee dashed 1px; overflow: hidden;}
.NewsList a { float: left; width: 85%; color: #666; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.NewsList span { float: right; color: #999;}

.PhotoList { overflow: hidden;}
.PhotoList ul { margin-left: -15px;}
.PhotoList li { float: left; width: 290px; margin: 0px 0px 25px 15px; text-align: center;}
.PhotoList img { width: 290px; height: 200px; margin-bottom: 5px;}
.PhotoList a { display: block; text-decoration: none; }
.PhotoList h2 { color: #666; font-size: 14px; font-weight: 500; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.rightmenu-title { border-top: #bc8409 solid 1px; border-bottom: #bc8409 solid 1px; margin-bottom: 5px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; color: #000;}
.rightmenu { margin-bottom: 10px;}
.rightmenu li { margin-bottom: 5px;}
.rightmenu a { background: #bc8409; color: #fff; line-height: 40px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.rightmenu a:hover { background: #000; color: #fff; text-decoration: none;}
.rightmenu i { margin: 0 10px;}
.rightlogin { float: right; width: 248px; border: #ddd solid 1px;}
.rightlogin ul { margin: 0px 10px;}
.rightlogin .logotitle { border-bottom: #ddd solid 1px; font-size: 16px; font-weight: bold; color: #bc8409; line-height: 40px;}
.rightlogin .logotitle i { margin-right: 10px;}
.rightlogin .login_form ul { margin: 0px; padding: 0px;}
.rightlogin .login_form .login_txt li { border-bottom: #ddd solid 1px; font-size: 12px; color: #999; overflow: hidden;}
.rightlogin .login_form .login_txt label { float: left; width: 65px; line-height: 32px; }
.rightlogin .login_form .login_txt input { float: left; border: none; line-height: 32px; height: 32px; font-size: 12px; color: #999; width: 160px; }
.rightlogin .login_form .login_bt input { border: none; font-size: 14px; text-align: center; line-height: 30px; margin: 10px 0px; cursor: pointer;}
.rightlogin .login_form .login_bt input:hover { background: #000; color: #fff;}
.rightlogin .login_form .login_tj { float: left; width: 140px; background: #bc8409; color: #fff;}
.rightlogin .login_form .login_cz { float: right; width: 80px; background: #ddd; color: #666; }
.rightlogin .login_form .login_checkbox { background: #f2f2f2; padding: 5px; margin-top: 10px; font-size: 12px; color: #666;}

.bgbc8409 { background: #bc8409; overflow: hidden;}
.endlogo { margin: 30px 0px;}
.endtxt { margin: 30px 0px; color: #fff; font-size: 14px; text-align: right; line-height: 24px; font-family:"Microsoft YaHei";}
.endtxt a { color: #fff; font-size: 14px; line-height: 24px; font-family:"Microsoft YaHei";}

.top80 { width: 100%; height: 80px; overflow: hidden;}
.wow{animation-name: slideInUp;}

.pagemap { border-bottom: #ddd solid 1px; line-height: 30px; color: #666; font-size: 12px; margin-bottom: 10px; margin-top: 10px;}
.pagemap a { line-height: 30px; color: #666; font-size: 12px;}
.pagetitle { border-bottom: #ddd solid 1px; text-align: center;padding-top: 10px; margin-top: 30px;}
.pagetitle h1 { color: #000; font-size: 1.6em; line-height: 160%; margin-bottom: 10px;}
.pagetitle p { color: #666; font-size: 1em; line-height: 160%; margin-bottom: 10px;}
.pagetxt { padding: 40px; min-height: 500px;}
.pagetxt p { color: #333; line-height: 2em; text-indent: 2em; font-size: 16px; margin-bottom: 10px;}
.pagetxt a { color: #333; line-height: 2em; font-size: 16px; }
.pagetxt img { max-width: 800px; margin-bottom: 1em;}
.pagetxt table { border-top: #ddd solid 1px; border-left: #ddd solid 1px; width: 100%;}
.pagetxt td { border-bottom: #ddd solid 1px; border-right: #ddd solid 1px; padding: 3px;}
.pagefx {overflow: hidden; margin: 10px 0px 10px 0px; border-bottom: #ddd dotted 1px; border-top: #ddd dotted 1px; padding: 10px 0px 10px 0px;}
.pagenext { font-size: 12px; line-height: 24px;}
.pagenext a { font-size: 12px; color: #666;}

.showtxt p { color: #333; line-height: 2em; text-indent: 2em; font-size: 1.2em; margin-bottom: 10px;}
.showtxt img { max-width: 800px; margin-bottom: 1em;}
.showtxt table { border-top: #ddd solid 1px; border-left: #ddd solid 1px; width: 100%;}
.showtxt td { border-bottom: #ddd solid 1px; border-right: #ddd solid 1px; padding: 3px;}


.fanye{height:auto;padding:8px;text-align:center; margin-top: -10px; margin-bottom: 20px;}
.fanye a{display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px; margin-left:5px; color: #666;}
.fanye a:hover{color:#fff; background: #ccc; text-decoration: none;}
.fanye .thisclass{display:inline-block;padding:0 10px;line-height:25px;height:25px;color:#2267b5;font-weight:bold;border:1px solid #ccc;background:url(../images/w3c_ttt.png) repeat-x left top;border-radius:3px;}
.fanye .pageinfo{border-radius:3px;padding:0 10px;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;}
.fanye .last{color:#ccc;display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc;background:url(../images/w3c_tt.png) repeat-x left top;border-radius:3px;}
.fanye .current {display:inline-block;line-height:25px;padding:0 10px;height:25px;border:1px solid #ccc; color:#fff; background-color:#ccc; border-radius:3px; margin-left:5px;}