@charset "utf-8";
/* css reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a { color: #000; text-decoration: none; transition: all 0.5s; }
a:hover { color: #cad95c; transition: all 0.5s; }
address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}
q:before, q:after { content: ""; }
/* css base */

body { background: url(../images/body_bg.jpg) repeat-x top; font-family: "Microsoft YaHei", Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size: 12px; color: #000; text-align: center; line-height: 1.8; }
.left { float: left; }
.right { float: right; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {
+display:none; clear: both; }
img { max-width: 100%; }
/* css main page */

.header { height: 128px; width: 100%; }
.logo { float: left; margin: 24px 0 0 26px; }
.nav { height: 128px; float: left; margin-left: 126px; }
.nav li { width: 115px; height: 128px; float: left; margin-right: 30px; }
.nav li a { display: block; width: 115px; height: 128px; font-size: 16px; transition: all 0.5s; }
.nav li a:hover, .nav li a.on { background-color: #cad95c; color: #fff; transition: all 0.5s; }
.nav li a span { height: 45px; line-height: 45px; margin-top: 70px; width: 100%; float: left; }
.main { width: 1120px; margin: 0 auto; overflow: hidden; }
.index_box { background:#394f76 url(../images/index_bg.jpg) no-repeat center top;  width: 100%; overflow: hidden; border-top: 6px solid #394f76; }
.pro_fn { float: left; width: 1120px;  }
.pro_fn_t1 { width: 1120px; height: 82px; line-height: 82px; color: #cad95c; font-size: 26px; float: left; margin-top: 10px; font-weight: bold; background: url(../images/icon1.png) no-repeat center; }
.pro_fn_list { width: 1120px; float: left; }
.pro_fn_li { width: 560px; float: left; }
.pro_fn_li_t { float: left; height: 33px; width: 482px; }
.pro_fn_li_t a { display: inline-block; width: 145px; height: 33px; line-height: 33px; background-color: #cad95c; color: #fff; border-radius: 30px; font-size: 18px; }
.pro_fn_li_t a:hover, .pro_fn_li_t2 a:hover { background-color: #a6b53b; }
.pro_fn_li_t2 { float: right; height: 33px; width: 482px; }
.pro_fn_li_t2 a { display: inline-block; width: 145px; height: 33px; line-height: 33px; background-color: #cad95c; color: #fff; border-radius: 30px; font-size: 18px; }
.pro_fn_lb { width: 559px; float: left; margin-top: 15px; border-right: 1px solid #fff; }
.pro_fn_lb li { float: left; width: 215px; height: 215px; margin: 0 40px 40px 0; }
.pro_fn_lb li a { display: block; width: 215px; height: 215px; border: 3px solid #778298; border-radius: 20px; overflow: hidden; transition: all 0.5s; }
.pro_fn_lb2 { width: 522px; float: left; margin-top: 15px; margin-left: 38px }
.pro_fn_lb2 li { float: left; width: 215px; height: 215px; margin: 0 0 40px 40px; }
.pro_fn_lb2 li a { display: block; width: 215px; height: 215px; border: 3px solid #778298; border-radius: 20px; overflow: hidden; transition: all 0.5s; }
.pro_fn_lb li a:hover, .pro_fn_lb2 li a:hover { border: 3px solid #cad95c; transition: all 0.5s; }
.pro_fn_lb li:nth-child(3), .pro_fn_lb li:nth-child(4) { margin-bottom: 0; }
.index_about { width: 1120px; float: left;  padding-top:180px;}
.index_about_t1 { color: #fff; width: 1120px; float: left; height: 115px; line-height: 115px; font-size: 26px; background: url(../images/icon1.png) no-repeat center; }
.index_about_t2 { width: 1120px; float: left; position: relative; }
.index_about_t2 dl { width: 186px; height: 140px; float: left; z-index: 2; position: relative; }
.index_about_t2 dt { font-size: 18px; color: #c8d756; width: 100px; margin: 15px 43px 10px; line-height: 24px; transition: all 0.5s; height: 48px; }
.index_about_t2 dd { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; margin: 0 auto; background-color: #c8d756; color: #fff; font-size: 21px; transition: all 0.5s; }
.index_about_t2 dl:hover dt { color: #c8d756; transition: all 0.5s; }
.index_about_t2 dl:hover dd { background-color: #c8d756; transition: all 0.5s; }
.index_about_t2_line { position: absolute; width: 935px; height: 1px; border-bottom: 1px solid #ececec; left: 92px; top: 90px; z-index: 1; }
.index_about_t3 { width: 1020px; margin: 35px 50px; float: left; height: 332px; }
.index_about_t3_left { float: left; text-align: left; width: 464px; height: 332px; background: url(../images/icon2.jpg) no-repeat right bottom; }
.index_about_t3_right { float: right; width: 536px; height: 332px; }
.index_about_t3_right_t1 { height: 24px; line-height: 24px; float: left; width: 536px; }
.index_about_t3_right_t1 span { display: block; width: 218px; height: 24px; font-size: 18px; color: #000; font-weight: bold; text-align: left; background: url(../images/icon3.jpg) no-repeat right center; }
.index_about_t3_right_t2 { float: left; text-align: left; width: 536px; height: 237px; font-size: 14px; padding-top: 15px; color: #000; }
.index_about_t3_right_t3 { width: 100%; float: left; height: 46px; }
.index_about_t3_right_t3 a { width: 210px; display: block; float: left; background-color: #c8d854; color: #fff; height: 46px; }
.index_about_t3_right_t3 a:hover { background-color: #a6b53b; }
.index_about_t3_right_t3 a span { display: block; border: 1px solid #fff; margin: 4px; width: 200px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 14px; }
.index_about_t4 { width: 1020px; margin: 25px 50px 0; float: left; }
.index_about_t4_left { width: 535px; float: left; height: 211px; text-align: left; }
.index_about_t4_left span { font-size: 14px; color: #000; font-weight: bold; }
.index_about_t4_left p { font-size: 12px; line-height: 24px; width: 100%; padding: 10px 0; }
.index_about_t4_right { float: right; width: 386px; height: 211px; }
.index_box2 { background: url(../images/index_bg2.jpg) no-repeat center top; height: 476px; width: 100%;  }
.partner_t { width: 1120px; float: left; line-height: 90px; height: 90px; background: url(../images/icon4.png) no-repeat center; color: #fff; font-weight: bold; font-size: 26px; }
.partner { width: 1120px; float: left; height: 312px; margin-top: 20px; }
.partner ul { width: 1120px; float: left; position: relative; height: 312px; }
.partner li { width: 196px; height: 196px; position: absolute; }
.partner li a { display: block; width: 196px; height: 196px; background: url(../images/icon5.png) no-repeat 0 0; }
.partner li a:hover { background: url(../images/icon6.png) no-repeat 0 0; }
.partner li:nth-child(1) { left: 0; top: 0; }
.partner li:nth-child(2) { left: 116px; top: 116px; }
.partner li:nth-child(3) { left: 232px; top: 0; }
.partner li:nth-child(4) { left: 348px; top: 116px; }
.partner li:nth-child(5) { left: 464px; top: 0; }
.partner li:nth-child(6) { left: 580px; top: 116px; }
.partner li:nth-child(7) { left: 696px; top: 0; }
.partner li:nth-child(8) { left: 812px; top: 116px; }
.partner li:nth-child(9) { left: 928px; top: 0; }
/* -- sub page -- */

.sub_main { }
.sidebar { }
.sub_banner { width: 100%; height: 327px; overflow: hidden; }
.sub_main { width: 1120px; margin: 15px auto; overflow: hidden; }
.sub_left { width: 235px; float: left; }
.sub_left_list { width: 235px; float: left; background-color: #efefef; padding-bottom: 50px; margin-bottom: 20px; }
/*

.sub_left_list li{ height: 40px; line-height: 40px; float: left; font-size: 14px; border-bottom: 1px dotted #494a42; text-align: left;}

.sub_left_list li a{ display: block; width: 235px; box-sizing: border-box; padding-left: 40px;}

.sub_left_list li a:hover{ background-color: #cad95c; color: #fff;}



*/







.list { width: 235px; float: left; }
.list ul li { width: 235px; min-height: 40px; line-height: 40px; float: left; font-size: 14px; border-bottom: 1px dotted #494a42; text-align: left;background-color: #cad95c;  }
.list ul li:hover { background-color: #cad95c; color: #fff; }
.list ul li:hover a { color: #fff; }
.list ul li:hover ul li a { color: #000; }
.list ul li:hover ul li:hover{ transition: all 0s;}
.list ul li:hover ul li:hover a { color: #fff; transition: all 0s; }
.list ul li a { display: block; width: 155px; margin-left: 40px; position: relative; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.list ul li span { float: right; width: 40px; height: 40px; display: block; cursor: pointer; }
.list ul li span.inactive { background: url(../images/icon12.jpg) no-repeat center; }
.list ul li span.inactives { background: url(../images/icon11.jpg) no-repeat center; }
.list ul li ul { display: none; width: 100%; overflow: hidden; background-color: #efefef;}
.list ul li ul li { border-left: 0; border-right: 0; background-color: #efefef; border-color: #467ca2; }
.list ul li ul li:last-child{ border: 0;}
.list ul li ul li ul { display: none; }
.list ul li ul li a { padding-left: 5px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list ul li ul li ul li { background-color: #d6e6f1; border-color: #6196bb; }
.last { background-color: #d6e6f1; border-color: #6196bb; }
.list ul li ul li ul li a { color: #316a91; padding-left: 30px; }
.sub_left_t1 { font-size: 20px; width: 235px; height: 48px; line-height: 48px; color: #fff; background-color: #494a42; }
.sub_left_t2 { width: 100%; float: left; }
.sub_left_t3 { text-align: left; width: 100%; float: left; background-color: #efefef; padding-bottom: 100px; }
.sub_left_t3 li { float: left; width: 100%; box-sizing: border-box; padding: 0 35px; font-size: 14px; margin-top: 20px; line-height: 20px; }
.sub_left_t3 li:nth-child(1) { background: url(../images/icon8.jpg) no-repeat 8px 0; }
.sub_left_t3 li:nth-child(2) { background: url(../images/icon9.jpg) no-repeat 8px 0; }
.sub_right { float: right; width: 850px; }
.sub_right_t1 { float: left; height: 48px; line-height: 48px; font-size: 20px; width: 100%; border-bottom: 1px solid #cad95c; padding-left: 20px; box-sizing: border-box; background: url(../images/icon10.jpg) no-repeat 0 center; text-align: left; }
.sub_right_read { width: 100%; overflow: hidden; line-height: 24px; font-size: 14px; text-align: left; padding: 15px 0; }
.sub_right_read p { padding: 5px 0; }
.sub_right_pro { float: left; width: 100%; }
.sub_right_pro li { float: left; width: 267px; margin: 15px 24px 15px 0; }
.sub_right_pro li:nth-child(3n+0) { margin-right: 0; }
.sub_right_pro li a { display: block; width: 100%; }
.sub_right_pro li a span { display: block; width: 100%; float: left; height: 40px; line-height: 40px; background-color: #cad95c; color: #fff; font-size: 14px; transition: all 0.5s; }
.sub_right_pro li a:hover span { background-color: #b0bf43; transition: all 0.5s; }
.sub_right_pro_read { width: 100%; float: left; }
.sub_right_pro_read_l { float: left; width: 455px; border: 1px solid #000; margin: 25px 0; }
.sub_right_pro_read_r { float: right; width: 363px; text-align: left; font-size: 14px; margin: 25px 0; }
.sub_right_pro_t1 { width: 100%; float: left; height: 45px; border-bottom: 1px solid #cad95c; }
.sub_right_pro_t1 span { display: block; width: 180px; float: left; font-size: 14px; line-height: 45px; color: #fff; background-color: #cad95c; }
.sub_right_news { float: left; width: 100%; }
.sub_right_news li { float: left; width: 100%; margin-top: 15px; height: 202px; }
.sub_right_news li a { display: block; width: 100%; height: 202px; }
.sub_right_news_l { float: left; width: 200px; border: 1px solid #ccc; }
.sub_right_news_r { float: right; width: 630px; text-align: left; }
.sub_right_news_r span { width: 100%; height: 30px; line-height: 30px; font-size: 16px; }
.sub_right_news_r p { width: 100%; font-size: 12px; line-height: 24px; }
.title_h1 { width: 100%; margin-bottom: 15px; font-size: 18px; text-align: center; }
/* -- page footer -- */

.footer { width: 100%; background-color: #000; height: 60px; line-height: 60px; text-align: left; color: #fff; font-size: 12px; }