@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: "微软雅黑", "Microsoft YaHei"; 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; }
.marrbot50 { margin-bottom:50px}
.pa { position: absolute }
.pr { position: relative }

.header { width:100%; margin:0px; padding:0px;}
.header_top { background:url(../images/head_bg.jpg) repeat-x;height:32px;padding:24px 0px 0px; line-height:32px; color:#fff; font-size: 12px; }
.header_top ul { width: 1200px; margin: 0px auto; }
.header_top ul li a { color:#fff; float:left; margin:0px 15px;}
.header_top ul li a:hover { color:#d8edff; text-decoration:underline;}
.header_top ul li span { color: #778fbf; font-size: 12px;float: left;}
.header_top ul li p { float:left; margin:0px 15px;}

.search { position: relative; width: 45px; height: 32px; float: left; }
.search .main { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width:45px; height: 32px; transition: all 1s;}
.search:hover .main {cursor: pointer; background:#d91f16;}
.search .main::before { content: ""; position: absolute; margin: auto; top:10px; right: 0; bottom: 0; left:10px; width:8px; height: 2px; background: white; transform: rotate(45deg); transition: all .5s; }
.search .main::after { content: ""; position: absolute; margin: auto; top: -5px; right: 0; bottom: 0; left: -5px; width:10px; height:10px; border-radius: 50%; border: 2px solid white; transition: all .5s; }
.search input {font-family:"微软雅黑"; font-size:12px;position: absolute;right:0; top:1px; width:200px; height:28px; outline: none; border: none; background:#fff; 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:200px; opacity: 1; cursor: text; }
.search input:focus ~ .main {right:0px; background: #151515; z-index: 6; }
.search input:focus ~ .main::before { top: 0; left: 0; width: 25px; }
.search input:focus ~ .main::after { top: 0; left: 0; width: 25px; height: 2px; border: none; background: white; border-radius: 0%; transform: rotate(-45deg); }
.search input::placeholder {color:#666;opacity: 0.5;}

.weixin { width: 45px; position: relative; float: left; height: 32px; text-align: center; }
.header_top ul li .weixin a { width:45px; height:32px; display: block; background: url(../images/weixin.png) no-repeat center center; text-indent: -9999px; margin:0px 0px;}
.weixin a:hover { background:url(../images/weixin.png) no-repeat center center #d91f16;}
.wx_zicaidan{ right: -50px; top: 32px; padding: 10px 0px; background: #fff; position: absolute; display: none; border: #dadada 1px solid; z-index: 1000; }
.weixin .wx_zicaidan span{ font-size:12px; color:#666; padding-left:5px;display:block; width:110px; line-height:20px}


.head_menu { width: 1200px;height: 100px; margin: 0px auto }
.head_menu .logo { width: 308px; float: left; margin-top: 17px; display: block; }
.nav{ width: 100%; margin: 0px; padding: 0px; height: 60px; border-top: #dadada 1px solid; }
.navlist { width: 820px; 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: 80px; height: 55px; text-align: center; line-height: 20px; color: #333; font-size: 16px; font-weight:bold }
.navlist li a:hover{ text-decoration: none; color: #0a61af; border-bottom: #0a61af 4px solid; height: 51px; line-height: 20px; }
.navlist li a.on { border-bottom: #0a61af 4px solid; height: 51px; line-height: 20px; color: #0a61af; font-weight: bold; }
.navlist li a span{ float: left; display: block; width: 80px; 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: url(../images/index_link_bg.jpg) repeat-x left bottom; display: block; border-top: #0a61af 4px solid; }
.index_link ul{ height: 30px; width: 1100px; margin: 0px auto; padding:15px 0px 15px 100px; background:url(../images/index_link_title.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; }


.foot { background:url(../images/index_foot_bg.jpg) repeat-x center top; width: 100%; margin: 0px; padding: 0px; }
.foot ul { width: 1200px; margin: 0px auto;}
.foot ul.foot_link { color: #fff; padding: 40px 0px 30px 0px; }
.foot ul.foot_link li { display: block; width: auto; line-height: 28px; font-size: 14px; padding-right: 30px; margin-right: 30px; height: 200px; float: left; }
.foot ul.foot_link li.last { border:0; margin-right:0; padding-right:0}
.foot ul.foot_link li a { color: #dee7f9; display: block; background: url(../images/index_ft_icon.png) no-repeat left center; padding-left: 10px; }
.foot ul.foot_link li a:hover { color:#fff;}
.foot ul.foot_link li span { font-weight: bold; display: block; margin-bottom: 5px; }
.foot ul.foot_link li span a { color: #fff; background: none; padding-left: 2px }
.foot ul.foot_link li span a:hover { border-bottom:#fff 1px dotted;}
.foot ul.foot_link li.weixin { float:right; color:#fff; text-align:center; font-size:12px}

.foot ul.foot_link li.other { width: 273px; float: right; margin: 0; padding: 0; position:relative }
.foot ul.foot_link li.other .erweima { padding-top:30px}

.foot ul.copyright { padding: 15px 0px; color: #fff; font-size: 14px; line-height: 24px; height: 60px; }
.foot ul.copyright a { color:#fff}


#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%; }