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

/*CSS reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; width: 100%;}
html,body { min-width:1240px}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
addr, acronym { border: 0; }
a { color:#333; text-decoration:none}
a:hover { text-decoration: none; color: #d91f16 }
.fl { float: left; }
.fr { float: right; }
.hui_9 { color:#999;}
.hui_6 { color:#666}
.white { color:#fff;}
.yellow {color: #ffff01}
.red { color:#d20000}
.blue { color:#0a61af;}
.text_decnone { text-decoration:underline}
.eng { font-size: 12px; color: #bababa;text-transform: uppercase; font-weight: normal; }
.w1200 { width:1200px; margin:0px auto}
.w1220 { width:1220px; margin:0px auto}
/*清除浮动*/
.clear{*zoom: 1;}
.clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.ft11 { font-size:11px}
.ft12 { font-size:12px}
.ft14 { font-size:14px}
.ft16 { font-size:16px}
.ft18 { font-size:18px}
.ft20 { font-size:20px;}
.ft22 { font-size:22px;}
.ft24 { font-size:24px;}
.ft26 { font-size:26px;}
.ft30 { font-size:30px;}
.ft50 { font-size:50px;}

.padd50 { padding:50px 0px}
.marlr15 { margin: 0px 15px; }
.marlr08 { margin: 0px 8px; }
.marrbot25 { margin-bottom:25px}
.marbot15 { margin-bottom:15px}
.marrbot05 { margin-bottom:5px}
.pa { position: absolute }
.pr { position: relative }

.header { width:100%; margin:0px; padding:0px;}
.header_top { background: #0055ab; height: 40px; padding: 0; line-height: 40px; color: #fff; font-size: 12px; }
.header_top ul { width: 1200px; margin: 0px auto; }
.header_top ul li a {float:left; color:#fff;}
.header_top ul li a:hover { color:#d8edff; text-decoration:underline;}
.header_top ul li span { color: #778fbf; font-size: 12px; float: left; margin: 0px 15px; }
.header_top ul li p { float: left; }

.search { position: relative; width: 45px; height:40px; float: right; z-index: 1;}
.search .main { position: absolute; margin: auto; top:0px; right: 0; bottom: 0; left: 0; width:50px; height:35px; transition: all 1s;}
.search:hover .main {cursor: pointer; background:#d91f16;}
.search .main::before { content: ""; position: absolute; margin: auto; top:12px; right: 0; bottom: 0; left:12px; width:8px; height:3px; background:#fff; transform: rotate(45deg); transition: all .5s; }
.search .main::after { content: ""; position: absolute; margin: auto; top:-2px; right: 0; bottom: 0; left: -5px; width:11px; height:11px; border-radius: 50%; border: 2px solid #fff; transition: all .5s; }
.search input {font-family:"微软雅黑"; font-size:12px;position: absolute;right:0; top:4px; width:40px; height:32px; outline: none; border: none; background:#f1f1f1; color:#666;padding: 0 20px 0 20px; border-radius:30px;transition: all 1s; opacity: 0; z-index: 5; font-weight: bolder;}
.search input:hover { cursor: pointer; }
.search input:focus { width:240px; opacity: 1;}
.search input:focus ~ .main {right:0px; background: #d20000; z-index: 6; }
.search input:focus ~ .main::before { top: 0; left: 0; width: 25px;background:#fff; }
.search input:focus ~ .main::after { top: 0; left: 0; width: 25px; height: 2px; border: none; background:#fff; border-radius: 0%; transform: rotate(-45deg);  color:#fff;}
.search input::placeholder {color:#666;opacity: 0.5;}

.head_menu { width: 1200px; height: 100px; margin: 0px auto }
.head_menu .logo { width: 392px; float: left; margin-top: 18px; }
.nav{ width: 100%; margin: 0px; padding: 0px; height: 60px; border-top: #dadada 1px solid; }
.navlist { width: 760px; height: 100px }
.navlist ul.nav_list{ padding-top: 45px; }
.navlist li{ padding: 0px 5px; float: left; position: relative; }
.navlist li.last{background:none;}
.navlist li a{ float: left; display: block; width: 85px; height: 55px; text-align: center; line-height: 20px; color: #333; font-size: 16px; font-weight: bold }
.navlist li a:hover{ text-decoration: none; color: #0055ab; border-bottom: #0055ab 4px solid; height: 51px; line-height: 20px; }
.navlist li a.on { border-bottom: #0055ab 4px solid; height: 51px; line-height: 20px; color: #0055ab; font-weight: bold; }
.navlist li a span{ float: left; display: block; width: 85px; height: 55px; line-height: 20px; cursor: pointer; font-family: "Microsoft YaHei"; text-align: center; }
.navlist li a.selected{ color: #0a61af; border-bottom:#0a61af 4px solid; height:51px; line-height:20px;}
.navlist li.selected .submenu{display:block;}
.navlist li .submenu{ display: none; position: absolute; top: 51px; left: -10px; background: url(../images/pic.png) repeat; width: 110px; z-index: 9999; border-top: #0a61af 4px solid; }
.navlist li .submenu li{float:left;padding:0;background:none;height:40px; line-height:40px;}
.navlist li .submenu li a{ float: none; padding: 0; text-align: left; font-family: "Microsoft YaHei"; height: 36px; line-height: 36px; color: #fff; width: 110px; text-align: center; border-bottom: #6d7c80 1px solid; background: none; font-weight: normal; font-size: 14px; }
.navlist li .submenu li a:hover{ background: #dd372f; font-weight: normal; color: #fff; text-decoration: none; }

.index_link { width: 100%; height: 60px; padding: 0; background: #464646; display: block; }
.index_link ul{ height: 30px; width: 1070px; margin: 0px auto; padding: 15px 0px 15px 130px; background: url(../images/index_link.jpg) no-repeat left center; }
.index_link li { float: left; margin: 0px 0px 0px 24px; }
.index_link select { width: 240px; height: 30px; line-height: 30px; padding-left: 10px; color: #666; border: #888 1px solid; border-radius: 5px; }

.banner{ width: 100%; height: 580px; position: relative; }
.banner .pic,.banner .pic li{ width: 100%; height: 580px; overflow: hidden; }
.banner .pic li{position:absolute; display:none;}
.banner .ben{ position: absolute; width: 100%; margin: 0px auto; z-index: 1000; bottom: -24px; }
.banner .ben span{ display: inline-block;cursor: pointer;width:18px; height:18px; background:#fff;margin: 0 2px;filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;   }
.banner .ben span.on{background:#d91f16; width:12px; height:12px; border:#fff 3px solid;filter:alpha(opacity=100);-moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }


.foot { background:#0055ab; padding:30px 0px; line-height:24px; font-size:14px; color:#fff; text-align:center}
.foot a { color:#fff;}
.foot a:hover { border-bottom:#fff 1px dotted}

#goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 50px; BOTTOM:50px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT:80px; _position: absolute; _right: auto }
#goTopBtn a { width:50px; height:50px; display:block; text-indent:-9999px; background:url(../images/Go_top.png) no-repeat}
#goTopBtn a:hover { background-position:-50px 0px;}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.rect-5625{ padding-bottom:57%; }