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

/*global css*/
html { width: 100%; height: 100%; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, p, img { margin: 0; padding: 0; border: 0; }
body { color: #333; font-family: Simsun, Arial; width: 100%; margin: 0 auto; font-size: 12px; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; outline: none; }
div:after, ul:after, li:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; *zoom:1;
}
p { line-height: 20px; color: #333; font-weight: 400; }
ul, ol { list-style-type: none; }
select, input, img, select { vertical-align: middle; }
a { color: #333; }
a:link, a:visited { color: #333; text-decoration: none; outline: none; }
a:hover { color: #5e4217; }
h1 { font-size: 16px; }
h2, h3, h4 { font-size: 14px; }
h6 { text-align: center; }
.white, .white a { color: #fff; }
.white a:link, .white a:visited, .white a:hover { color: #fff; }
.fl { float: left; }
.fr { float: right; }
#noborder { border: none; }
#nobg { background: none; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }
.pt80 { padding-top: 80px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.pb10 { padding-bottom: 10px; }
.red { color: #c00; }
.f14 { font-size: 14px; }
.red { color: #c00; }
.w1000 { width: 1000px; margin: 0 auto; *zoom:1;
}
.txtcenter { text-align: center; }
.t2em { text-indent: 2em; }
*html { background-image: url(about:blank); background-attachment: fixed; }
/*header topbar*/
.topbar_con { width: 1000px; margin: 0 auto; font-size: 12px; }
#header .topbar { height: 31px; line-height: 31px; border-bottom: solid 1px #ddd; background: #F5F5F5; }
#header .topbar .menu { float: left; display: inline; }
#header .topbar .menu-item { float: left; display: inline; margin-right: 4px; _margin-right: 2px; color: #444; }
#header .topbar .menu-item a { margin-right: 4px; color: #1E376D; }
#header .topbar .menu-user { float: right; }
#header .topbar .menu-user .menu-item { margin-right: 0; margin-left: 4px; _margin-left: 2px; }
#header .topbar .menu-user .menu-item a { margin-left: 0; margin-right: 4px; }
#logininfo a { color: #1E376D; }
/*banner*/
.banner, .banner_other { width: 100%; height: 720px; }
.banner { background: #101119; _background: url(../images/banner_ie.jpg) no-repeat center top; border-bottom: solid 2px #e8cd32; position: relative; }
.banner .w1000 { position: relative; }
.banner .banner_font { position: absolute; top: 200px; left: 50px; z-index: 9; }
.banner .banner_light { position: absolute; right: -200px; top: 0; z-index: 1; max-height: 720px; }
@media screen and (min-width: 1920px) {
.banner .banner_font { left: -50px; top: 300px; }
.banner .banner_light { right: -400px; }
}
@media screen and (max-width: 1440px) {
.banner .banner_font { top: 200px; left: 50px; }
.banner .banner_light { right: -200px; top: 0; }
}
@media screen and (max-width: 1366px) {
.banner .banner_font { top: 150px; }
.banner .banner_light { right: -100px; }
}
@media screen and (max-width: 1280px) {
.banner .banner_font { left: 0px; }
.banner .banner_light { right: -100px; }
}
@media screen and (max-width: 1024px) {
.banner .banner_font { left: 0; top: 150px; }
.banner .banner_light { right: 0; }
}
.banner .banner_quan { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/banner_quan.png) no-repeat center top; position: relative; z-index: 2; }
.ico_mouse { position: absolute; bottom: 20px; left: 50%; margin-left: -10px; width: 20px; height: 31px; background: url(../images/ico_mouse.png) no-repeat center top; z-index: 99; display: block; }
.nav { width: 100%; height: 57px; background: #f4f4f4; }
.nav ul li { float: left; padding: 0 8px 0 7px; border-right: solid 1px #ddd; height: 57px; font: 16px/57px "Microsoft Yahei", "黑体"; }
.nav ul li.on { background: #fff; color: #5e4217; font-weight: bold; }
.nav ul li.on a:link, .nav ul li.on a:visited, .nav ul li.on a:hover { color: #5e4217; }
.nav .nav_btn { margin-top: -2px; }
.nav_fixed { position: fixed; top: 0; left: 0; _left: auto; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop));
z-index: 999; }
.main { width: 100%; }
.focus { position: relative; height: 487px; }
.focus_fr { width: 888px; height: 487px; position: absolute; top: 0; right: 0; }
.pic_list, .pic_list li, .pic_list li img { width: 888px; height: 487px; overflow: hidden; }
.pic_list li { position: absolute; top: 0; left: 0; }
.dot_list { position: absolute; right: 20px; bottom: 20px; }
.dot_list li { width: 22px; height: 5px; font-size: 0; overflow: hidden; background: #fff; float: left; margin-left: 5px; cursor: pointer; }
.dot_list li.active { background: #c00; }
.info_details { padding: 30px 0 20px; }
.info { width: 315px; background: -webkit-gradient(linear, 0% 80%, 0% 100%, from(#B17837), to(#5E3312)); background: -moz-linear-gradient(0% 70% 270deg, #B17837, #5E3312); background: #B17837\9;  *background: #B17837;
padding: 20px; position: absolute; top: 70px; left: 0; z-index: 9; }
.info p { color: #f5f5f5; font: 17px/24px "Microsoft Yahei", "黑体"; }
.info .link a { font: bold 20px/24px "Microsoft Yahei", "黑体"; border-bottom: solid 1px #fff; padding-bottom: 2px; display: inline-block; text-align: center; }
.in_left { width: 600px; float: left; }
.in_left .in_model h3 { font: 21px/47px "Microsoft Yahei", "黑体"; color: #333; padding-right: 10px; }
.in_left .in_model ul li { padding-right: 20px; float: left; }
.in_right { width: 400px; float: right; }
.in_right h3 { font: bold 20px/30px "Microsoft Yahei", "黑体"; }
.in_right p { font: 16px/30px "Microsoft Yahei", "黑体"; color: #666; }
.gray { background: #343434; }
.w_title { font: 32px/40px "Microsoft Yahei", "黑体"; color: #C4C4C4; }
.w485 { width: 485px; padding: 20px 0 50px; color: #C4C4C4; }
.w485 h3, .w485 p, .w485 a:link, .w485 a:visited { color: #C4C4C4; }
.w485 .jx_title, .btn_cp { font: bold 30px/40px "Microsoft Yahei", "黑体"; }
.w485 .jx_title { height: 40px; /*background: url(../images/ico_jp.png) no-repeat left bottom;
	padding: 82px 0 0 50px;*/
padding: 82px 0 0 0; }
.w485 p { font: 16px/20px "Microsoft Yahei", "黑体"; padding-top: 15px; }
.w485 h4 img { width: 100%; }
.btn_cp { background: #2A2A2A; margin: 50px 0 20px; display: block; width: 215px; height: 65px; line-height: 65px; text-align: center; }
.link_bot { padding: 0 0 0 50px; font: 20px/20px "Microsoft Yahei", "黑体"; }
.pwh .model { width: 200px; float: left; margin: 20px 0 0 0; text-align: center; color: #c4c4c4; font: 16px/24px "Microsoft Yahei", "黑体"; }
.pwh .model img { width: 156px; height: 156px; padding-bottom: 15px; }
.liucheng { width: 800px; float: right; color: #C4C4C4; background: url(../images/lc001.gif) no-repeat left 22px; padding-left: 30px; }
.liucheng li { padding: 0 0 38px 0; position: relative; color: #C4C4C4; font: 18px/18px "Microsoft Yahei", "黑体"; }
.liucheng li strong { display: block; float: left; width: 280px; color: #f1f1f1; }
.liucheng li p { width: 520px; float: right; }
.liucheng li p, .reason .model p { font: 16px/22px "Microsoft Yahei", "黑体"; color: #C4C4C4; }
.w_con {  *zoom: 1;
}
.reason { margin-right: -55px; padding-bottom: 80px;  *zoom:1;
}
.reason .model { width: 220px; min-height: 190px; _height: 190px; float: left; margin: 50px 42px 0 0; }
.reason .model h3 { color: #C4C4C4; font: bold 15px/22px "Microsoft Yahei", "黑体"; padding-bottom: 6px; }
.reason .model p { font-size: 14px; }
.huaxu {  *zoom:1;
}
.huaxu .w_title { color: #333; padding: 20px 0 20px 1%; }
.huaxu .huaxu_wrap li { float: left; width: 22.999%; padding: 0 1% 20px 1%; }
.huaxu .huaxu_wrap li img { width: 100%; }
.black { background: #202121; }
.f30 { font: 30px/40px "Microsoft Yahei", "黑体"; }
.f60 { font: bold 60px/80px "Microsoft Yahei", "黑体"; }
.bot_info { width: 660px; margin: 80px auto 0; text-align: center; border-top: solid 1px #373838; padding: 10px 0; font: 16px/30px "Microsoft Yahei", "黑体"; color: #c4c4c4; }
/*内页*/
.banner_other { background: url(../images/banner_other_2.jpg) no-repeat center top; }
.bg { background: #555 url(../images/bg.gif) repeat-x center 752px; }
.main_wrapper { width: 960px; padding: 30px 20px; margin: -320px auto 0; background: #fff; border-top: solid 2px #e8cd32; position: relative; }
.main_left { width: 230px; }
.nav_list li { border-bottom: 1px solid #ddd; padding: 10px 0 10px 20px; }
.nav_list li, .nav_contact .c_title { font: 16px/22px "Microsoft Yahei", "黑体"; }
.nav_list li.on, .nav_list li:hover { background: url(../images/ico_dot.gif) no-repeat center left; color: #c00; }
.nav_list li.on a:link, .nav_list li.on a:visited, .nav_list li.on a:hover { color: #c00; }
.nav_contact .c_title { padding-left: 20px; }
.nav_contact p { border-bottom: dotted 1px #ccc; padding: 20px 0 20px 20px; }
.main_right { width: 700px; }
.right_title { font: 20px/24px "Microsoft Yahei", "黑体"; }
.btn { padding-left: 50px; }
.btn img { margin: 0 20px; }
.s_table { width: 100%; _width: 99.999%; border: solid 1px #4f81bd; border-collapse: collapse; background: #edf2f8; }
.s_table tr td { font: 14px/24px "Microsoft Yahei", "黑体"; padding: 8px 10px; border: solid 1px #4f81bd; font-size: 12px; }
.s_table tr td.title { background: #4f81bd; color: #fff; font-size: 14px; }


.jiabin_list dt img { width: 110px; height: 160px; }
.jiabin_list dl{margin-bottom:5px;}
.jiabin_list dd{font-size:12px;width:580px;margin-top:5px;}
.jiabin_list dd h3,.jiabin_list dd p{line-height:23px;color:#767676;}
.jiabin_list dd p a{color:#e53333;}


.news_list li { background: url(../images/ico_dh.gif) no-repeat center left; padding-left: 15px; line-height: 26px; }
.news_list li .date { float: right; padding-right: 20px; }
#g-footer { margin: 0; background: #fff; height: 270px; }
/* ANIMATED SCROLL */
.revealOnScroll { opacity: 0; }
.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
 @-webkit-keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate(0, 100px);
 transform: translate(0, 100px);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {  0% {
 opacity: 0;
 -webkit-transform: translate(0, 100px);
 transform: translate(0, 100px);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
/*闪烁的光圈*/
.animated2 { -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-direction: alternate; animation-direction: alternate; }
.fadeInstar { -webkit-animation-name: fadeInstar; animation-name: fadeInstar; }
@keyframes fadeInstar {  % {
 opacity: 0;
}
 100% {
 opacity: 100%;
}
}
@-webkit-keyframes fadeInstar {  0% {
 opacity: 0;
}
 100% {
 opacity: 100%;
}
}
/*fullpage*/
/*#pageContain
{
	overflow: hidden;
}
#pageOther
{
	display: none;
}*/