@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
*:focus { outline: none }
html { width: 100%; height: 100%; font-size: 62.5%; /* 10÷16=62.5% */ }

body { font-family: "Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, 黑体, 新細明體, Arial, "Lucida Grande", sans-serif; color: #000; background-color: #efefef; width: 100%; height: 100% }
em, q, cite, address { font-weight: normal; font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
address { display: inline }
img { border: none; max-width: 100%;vertical-align: top; }
li { list-style: none }
q { quotes: none }
strong { font-weight: bold }
table { border-collapse: collapse }
th { text-align: left; font-weight: normal }
small { -webkit-text-size-adjust: none; font-size: 10px }
i { font-style: normal }
.boxSizing_b { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
/* link */
a { color: #333; outline-style: none; text-decoration: none; cursor: pointer; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s }
a:hover { text-decoration: none; color: #0061b1 }
a.a01 { color: #46728C; text-decoration: none; cursor: pointer }
a.a01:hover { text-decoration: none; color: #0061b1 }
a.a02 { color: #003490; text-decoration: none; cursor: pointer }
a.a02:hover { text-decoration: none; color: #000 }

.bottomTXT {font-size: 20px; font-size: 2.0rem; color: #516ccd; text-decoration: none; cursor: pointer}
.bottomTXTY {font-size: 15px; font-size: 1.5rem; color: #FFFFFF; text-decoration: none; cursor: pointer}
/* clear float */
.cf { zoom: 1 } /* for IE */
.cf:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; overflow: hidden } /* for other */
/* float */
.fleft { float: left !important }
.fright { float: right !important }
.fnone { float: none !important }
/* text-align */
.tleft { text-align: left }
.tright { text-align: right }
.tcenter { text-align: center }
/* display */
.dis { display: block }
.undis { display: none }
.disinline { display: inline }
.disinblock { display:inline-block }
/* form */
label { cursor: pointer }
label:hover { text-decoration: underline }
input, select { vertical-align: middle; font-size: 1.4rem; color: #000; font-family: "Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, 黑体, 新細明體, Arial, "Lucida Grande", sans-serif }
input[type="text"], input[type="password"] { padding-left: 0.1em; padding-right: 0.1em; height: 2.4em; line-height: 2.4em; border: 1px solid #cbcbcb; background: #fff; border-radius: 0.3em; -moz-border-radius: 0.3em; box-sizing: border-box }
input[type="text"]:focus, textarea:focus { border: 1px solid #0061b1 }
select { height: 30px; color: #000; border: 1px solid #cbcbcb; border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box }
textarea { padding: 3px 0 3px 3px; font-size: 14px; color: #000; border: 1px solid #cbcbcb; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; box-sizing: border-box }
button { cursor: pointer; vertical-align: middle; text-align: center; font-family: "Hiragino Sans GB", "STHeiti", Helvetica, "Microsoft Yahei", 微软雅黑, 黑体, 新細明體, Arial, "Lucida Grande", sans-serif }
/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute }
.poabsolute-wh50 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.poabsolute-h50 { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) }
.overhidden { overflow: hidden }


/*-------------------透明度-------------------*/
.opacity0_3 { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3 }
.opacity0_5 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 }
.opacity0_8 { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8 }
/*-------------------字体颜色、样式、字体间距-------------------*/

.textAlign_left{text-align:left}
.nufontfamily { font-family: Arial, "Adobe Heiti Std R", "Adobe 黑体 Std R", "黑体" }
.fontSize10 { font-size: 10px; font-size: 1rem; -webkit-transform: scale(0.8) }
.fontSize11 { font-size: 11px; font-size: 1.1rem; -webkit-transform: scale(0.9) }
.fontSize12 { font-size: 14px; font-size: 1.4rem; color:#333}
.fontSize14 { font-size: 14px; font-size: 1.4rem }
.fontSize16 { font-size: 16px; font-size: 1.6rem }
.fontSize18 { font-size: 18px; font-size: 1.8rem }
.fontSize20 { font-size: 18px; font-size: 1.8rem; color:#333}
.fontSize22 { font-size: 22px; font-size: 2.2rem }
.fontSize23 { font-size: 23px; font-size: 2.3rem }
.fontSize24 { font-size: 24px; font-size: 2.4rem }
.fontSize28 { font-size: 28px; font-size: 2.8rem }
.fontSize30 { font-size: 30px; font-size: 3rem }

.font-bold { font-weight: bold }
.line-height1em { line-height: 1em }
.line-height1_1em { line-height: 1.1em }
.line-height1_2em { line-height: 1.2em }
.line-height1_3em { line-height: 1.3em }
.line-height1_4em { line-height: 1.4em }
.line-height1_5em { line-height: 1.5em }
.line-height1_6em { line-height: 1.6em }
.line-height1_8em { line-height: 1.8em }
.line-height2em { line-height: 2em }
.line-height2_5em { line-height: 2.5em }
.line-height3_0em { line-height: 3em }
.text-indent { text-indent: 2em }
.colora2a2a2, .colora2a2a2 a, .colora2a2a2 a:link, .colora2a2a2 a:visited, .colora2a2a2 a:active { color: #a2a2a2; }
.colora2a2a2 a:hover, a:hover .colora2a2a2 { color: #0061b1; text-decoration: none; }
.color333, .color333 a, .color333 a:link, .color333 a:visited, .color333 a:active { color: #333; }
.color333 a:hover, a:hover .color333 { color: #0061b1; text-decoration: none; }
.color666, .color666 a, .color666 a:link, .color666 a:visited, .color666 a:active { color: #666; }
.color666 a:hover, a:hover .color666 { color: #0061b1; text-decoration: none; }
.colorfff { color: #fff; }
.color000 { color: #000; }

.color555, .color555 a, .color555 a:link, .color555 a:visited, .color555 a:active { color: #555; }
.color555 a:hover, a:hover .color555 { color: #000; text-decoration: none; }

.color00a3d9 { color: #00a3d9 }
.colorfc9000 { color: #fc9000 }
.color3db92e { color: #3db92e }
.color0057b6 { color: #0057b6 }
.colord93600 { color: #d93600 }
.color003490 { color: #003490 }
.color6413e2 { color: #6413e2 }
.colorE33B00 { color: #E33B00 }
.color0085B2 { color: #0085B2 }
.color00B285 { color: #00B285 }
.color005bd0 { color: #005bd0 }
.colorA8A8B7 { color: #A8A8B7 }
.color0058BA { color: #0058BA }
.color4ea477 { color: #4ea477 }
    
.color7FBE24 { color:#7FBE24 }
.color0362B2 { color:#0362B2 }
.colorE89300 { color:#E89300 }
.color0590DC { color:#0590DC }
.colorFCC919 { color:#FCC919 }


/*-------------------间距-------------------*/

.padding30 { padding:3rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.margintop15 { margin-top: 1.5rem; margin-top:15px\9 }

.margintop25 { margin-top: 2.5rem; margin-top:25px\9 }

.nopadding { padding: 0!important }
.paddingtop0 { padding-top: 0!important }
.marginauto { margin-left: auto; margin-right: auto }
.left_p5 { left: 5% }
.right_p5 { right: 5% }
.bottom10 { bottom: 1rem; bottom:10px\9 }
.mo_gap20, .mo_gap30 { display: none }
.margin_percent5 { margin-left: 5%; margin-right: 5% }



/*-------------------背景颜色--------------------*/
.bgfff { background: #fff }
.bgddd { background: #ddd }
.bgeee { background: #eee }
.bgd6ecfa { background: #d6ecfa }
.bgcad4fa { background: #cad4fa }
.bgfcf5dd { background: #fcf5dd }
.bgc8edfc { background: #c8edfc }
.bgfcf2d3 { background: #fcf2d3 }

.bg00A3D9 { background: #00A3D9 }
.bgFFBF00 { background: #FFBF00 }
.bg0057B6 { background: #0057B6 }
.bg6D00D9 { background: #6D00D9 }
.bg4372AA { background: #4372AA }
.bg00B285 { background: #00B285 }
.bg006DD9 { background: #006DD9 }
.bg6CC1A1 { background: #6CC1A1 }
.bg85B200 { background: #85B200 }
.bg18A4ED { background: #18A4ED }
.bg7A4DFF { background: #7A4DFF }
.bgFEBF00 { background: #FEBF00 }
.bg6EB4A8 { background: #6EB4A8 }
.bg9ECEEF { background: #9ECEEF }
.bg413497 { background: #413497 }
.bg0066B6 { background: #0066B6 }
.bgFF9326 { background: #FF9326 }
.bg00B2B2 { background: #00B2B2 }
.bg85B200 { background: #85B200 }
.bg00BFFF { background: #00BFFF }
.bg00D9A3 { background: #00D9A3 }
.bg00B259 { background: #00B259 }
.bg003286 { background: #003286 }
.bg0063B7 { background:#0063B7 }
.bg6D00D9 { background: #6D00D9 }
.bg8AB100 { background: #8AB100 }
.bg0085B2 { background: #0085B2 }
.bgEBEEF7 { background: #EBEEF7 }
.bgF9FAFC { background: #F9FAFC }
.bgF3F5F9 { background: #F3F5F9 }
.bg65BBDB { background: #65BBDB }
.bg85C4D6 { background: #85C4D6 }
.bgDE6355 { background: #DE6355 }
.bgCC584F { background: #CC584F }
.bg238C41 { background: #238C41 }
.bg34A24A { background: #34A24A }
.bgF1AF1D { background: #F1AF1D }
.bg0F91C9 { background: #0F91C9 }
.bg067EBB { background: #067EBB }
.bg39B19E { background: #39B19E }
.bg4473A8 { background: #4473A8 }
.bg0078C6 { background: #0078C6 }
.bg5C8C6C { background: #5C8C6C }
.bg915A4B { background: #915A4B }
.bg425B7D { background: #425B7D }
.bg2CB7D0 { background: #2CB7D0 }
.bg00D9D9 { background: #00D9D9 }
.bg928261 { background: #928261 }
.bg979DA1 { background: #979DA1 }
.bg85b9e7 { background: #85b9e7 } 
.bg269AA8 { background: #269AA8 }
.bgfff_0_4 { background: rgba(255,255,255,0.4) }
.bg000_0_2 { background: rgba(89,115,208,1); background: #5973d0\3; }



.bg8f23fc { background:#8f23fc}
.bgfca449 { background:#fca449}



 /*-------------------通用头部-------------------*/ 


/* nav_menu */
.topMenu { display: block; width: 92%; height: 50px; margin-left: auto; margin-right: auto }
.menuLi { display: block; float: left; width: 12.5%; height: 50px; overflow: visible }
.menuLi:nth-of-type(6), .menuLi:nth-of-type(7), .menuLi:nth-of-type(8) { width: 11% }
.menuLiBname { display: block; width: 100%; text-align: center; height: 50px; line-height: 50px; font-size: 18px }
.menuLi.select a { color: #003286; background-color: #f8f6f6; }
.t_M { width: 100%; height: 50px; }
.t_M.fixed { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
.t_M_Fixed_w { display: block; max-width: 1440px; margin-left: auto; margin-right: auto; }
.t_M .topMenu { }
.t_M .topMenuFixed { display: none; }
.t_M.fixed .topMenuFixed { display: block; }
.t_M.fixed .topMenu { display: none; }



@media ( max-width:1040px ) {
.t_M_Fixed_w { text-align:center }
.topMenu { display: inline-block; width: auto }
.menuLi, .menuLi:nth-of-type(6), .menuLi:nth-of-type(7), .menuLi:nth-of-type(8) { width:auto }
.menuLiBname, .MF_links .menuLiBname { width: auto; display:inline-block; padding:0 1rem }
.MF_logo { width: 0 }
.MF_logo img { display: none; }
.MF_links { width: 88%; }
.MF_icon { width: 12%; }
}
@media ( max-width:999px ) {	
.MF_links .menuLiBname { font-size: 1.4rem; padding:0 0.5rem }	
}

@media only screen and (min-width: 1224px) and (max-width: 1336px) {
.mainblock .main_img { height: 370px; }
}

@media only screen and (min-width: 1124px) and (max-width: 1223px) {
.mainblock .main_img { height: 340px; }
}

@media only screen and (min-width: 801px) and (max-width: 1123px) {
.mainblock .main_img { height: 300px; }
}#0063bd; color: #fff }

.menu_first { padding-left: 0 !important; }
.menu_last { padding-right: 0 !important; }
.menuListBox { height: 60px; width: 100%; position: absolute; top: 45px; left: 0; z-index: 100; background-color: #f5f5f5; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px rgba(0,0,0,0.3); display: none }
a.menuLinks { display: block; float: left; color: #666; font-size: 14px; height: 60px; line-height: 60px; margin: 0 30px 0 0; padding: 0 10px }
a.menuLinks:hover { color: #003286 }
.topli-style { display: block; float: left; width: 6px; height: 4px; background: url(../images/topli-style.png) no-repeat; margin: 28px 8px 0 0 }
.menuListBox01 { margin-left: 200px }
.menuListBox02 { margin-left: 315px }
.menuListBox03 { margin-left: 430px }
.menuListBox04 { margin-left: 545px }
.menuListBox06 { margin-left: 775px }
.menuListBox em { display: block; width: 15px; height: 8px; position: absolute; top: -8px; z-index: 102 }
.menuListem01 { left: 250px }
.menuListem02 { left: 365px }
.menuListem03 { left: 480px }
.menuListem04 { left: 595px }
.menuListem06 { left: 825px }
/* nav_menu */

.language_bgfff { background-color: #fff; padding: 0.8em 0; box-shadow: 1px 1px 3px #888; }
.language_dow { position: absolute; top: 6rem; top: 50px\9; right: -3.5rem; right: -35px\9; width: 10rem; width: 100px\9; z-index: 9999; display: none; }
.language_jt { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; top: -10px; left: 50%; margin-left: -12px; display: block; position: absolute; }
.language_a { border-bottom: 1px solid #CCCCCC; text-align: center; line-height: 2em; height: 2em; }
.language_a a { color: #868686; }
.language_a:hover a, .language_a.select a { color: #000; }
.language_a:nth-child(3) { border: 0; }
.languageHot .fa-globe { margin-top: 5px\9 }




/*-------------------宽度、高度--------------------*/
.width5 { width: 5% }
.width7 { width: 7% }
.width10 { width: 10% }
.width20 { width: 20% }
.width30 { width: 30% }
.width33 { width: 33% }
.width37 { width: 37% }
.width40 { width: 40% }
.width45 { width: 45% }
.width49 { width: 49% }
.width50 { width: 50% }
.width55 { width: 55% }
.width60 { width: 60% }
.width63 { width: 63% }
.width70 { width: 70% }
.width80 { width: 80% }
.width84 { width: 84% }
.width88 { width: 88% }
.width90 { width: 90% }
.width92 { width: 92% }
.width95 { width: 95% }
.width96 { width: 96% }
.width100 { width: 100% }
.width8rem { width: 8rem }
.width12rem { width: 12rem; }
.height100 { height: 100% }
.height90 { height: 90% }
.height50 { height: 50% }
.height45 { height: 45% }
.height40 { height: 40% }
.height1 { height: 0.1rem; }
.height30 { height: 3rem; }
.height300 { height: 30rem; }
.height310 { height: 31rem; }
.height450 { height: 45rem; }
.height155 { height: 15.5rem; } 

.imgw60 { display: block; max-width: 60%; height: auto }
.imgw80 { display: block; max-width: 80%; height: auto }
.imgw90 { display: block; max-width: 90%; height: auto }
.imgw100 { display: block; max-width: 100%; height: auto }
.imgh100 { display: block; width: auto; height: 100% }
/*-------------------区块-------------------*/
.area_50l { float: left; width: 50%; padding-right: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9 }
.area_50r { float: left; width: 50%; padding-left: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9 }
.area_10 { float: left; width: 10%; padding-top: 3rem; padding-top: 30px\9 }
.area_90 { float: left; width: 90%; padding-top: 3rem; padding-top: 30px\9 }
.area_80 { float: left; width: 80%; padding-top: 3rem; padding-top: 30px\9 }
.area_70 { float: left; width: 70%; padding-top: 3rem; padding-top: 30px\9 }
.area_60 { float: left; width: 60%; padding-top: 3rem; padding-top: 30px\9 }
.area_50 { float: left; width: 50%; padding-top: 3rem; padding-top: 30px\9 }
.area_45 { float: left; width: 45%; padding-top: 3rem; padding-top: 30px\9 }
.area_40 { float: left; width: 40%; padding-top: 3rem; padding-top: 30px\9 }
.area_48 { float: left; width: 48%; padding-top: 3rem; padding-top: 30px\9 }
.area_30 { float: left; width: 30%; padding-top: 3rem; padding-top: 30px\9 }
.area_33 { float: left; width: 33.33%; padding-top: 3rem; padding-top: 30px\9 }
.area_25 { float: left; width: 24%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 3rem; margin-top: 30px\9 }
.area_25nm { float: left; width: 25%; padding-top: 3rem; padding-top: 30px\9 }
.area_20 { float: left; width: 20%; padding-top: 3rem; padding-top: 30px\9 }
.area_33l { float: left; width: 33%; padding-right: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9; height: 38rem; height: 380px\9 }
.area_33r { float: left; width: 33%; padding-left: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9; height: 40rem; height: 400px\9 }
.area_34c { float: left; width: 34%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9; height: 40rem; height: 400px\9 }
.area_67l { float: left; width: 67%; padding-right: 15px; box-sizing: border-box; padding-top: 3rem; padding-top: 30px\9; height: 40rem; height: 400px\9 }
.area_67l .com-img img { height: 40rem; height: 400px\9 }
.col3_imgbox, .col3_txtbox { width: 100%; height: 18rem; height: 180px\9 }
.com-tit { display: inline-block; padding: 0.4rem 1rem; padding: 4px\9 10px\9 }
.com-img img { width: 100%; height: auto; -webkit-transition: -webkit-transform 4s ease-out; -moz-transition: -moz-transform 4s ease-out; -ms-transition: -ms-transform 4s ease-out; transition: transform 4s ease-out }
a:hover .com-img img, .com-img:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.com-rows_1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.com-rows_2 { height: 2.4em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical/*最多显示2行，超出省略号*/ }
.com-rows_3 { max-height: 3.9em; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical/*最多显示3行，超出省略号*/ }
.com-rows_3s { max-height: 4.5em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical/*最多显示3行，超出省略号*/ }

.com-rows_5 { max-height: 7.5em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical/*最多显示5行，超出省略号*/ }

.com-rows_10 { height: 15em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical/*最多显示15行，超出省略号*/ }
.com-rows_15 { height: 22.5em; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical/*最多显示15行，超出省略号*/ }

.fat-nav { display: none }
.main_img { width: 100%; height: 500px; background-size: cover }