@charset "utf-8";
/* CSS Document */
html, body { margin: 0 auto; min-width: 1200px; }
body { color: #555555; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; }
a { text-decoration: none; }
a:link, a:visited { color: #555555; }
a:hover { color: #0167cc; text-decoration: underline; }
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
.clear { clear: both; }
input, select { vertical-align: middle; }
.no { display: none; }
table { margin: 0px auto; table-layout: fixed; }
/*---------------------------------------segmentation------------------------------------------*/

.bg { background: url(17zlgy_bg.jpg) no-repeat center top; }
.contain { width: 1200px; margin: 0 auto; position: relative; z-index: 1 }
.tit_bg { z-index: 1; background: url(17zlgy_tit_bg.png) repeat; height: 32px; line-height: 32px; font-size: 13px; position: relative }
.tit_bg span { float: right; }
.con1 { height: 595px; margin: 50px auto 0; width: 1200px; border-radius: 12px;}
.bg1{ background-color: #ffffff;}
.menu_bg { background: url(17zlgy_tit_bg.png) repeat; height: 120px; margin: 53px auto 0; }
.menu { height: 120px; }
.menu ul { float: left; width: 900px; }
.menu_l { float: left; width: 300px; line-height: 28px; text-align: center; padding-top: 32px; background: url(17zlgy_menu_line.png) repeat-y left; height: 88px; }
.menu li { float: left; font-size: 18px; line-height: 50px; height: 120px; text-align: center; width: 180px; display: inline; background: url(17zlgy_menu_line.png) repeat-y right; }
.menu li a { display: block; padding-top: 25px; height: 95px; }
.menu li.on a, .menu li a:hover { background: #2daf2a; text-decoration: none }
.menu li i { width: 100%; height: 36px; line-height: 36px; display: block; float: left; }
.menu li i img { margin-bottom: 15px; }
.con_l { float: left; width: 138px; }
.con_r { padding: 30px; float: right; width: 1002px; }
.tit1 { height: 60px; }
.tit1 li { background-color: #f1f1f1; margin-right: 1px; height: 60px; line-height: 60px; width: 165px; text-align: center; float: left; display: inline; font-size: 16px; }
.tit1 li a { display: block }
.tit1 li a:hover, .tit1 li.on a { background-color: #2daf2a; color: #ffffff }
/** initial setup **/
.nano { position : relative; width : 100%; height : 100%; overflow : hidden; }
.nano > .nano-content { position : absolute; overflow : scroll; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; padding-right: 20px; }
.nano > .nano-content:focus { outline: thin dotted; }
.nano > .nano-content::-webkit-scrollbar { display: none;}
.has-scrollbar > .nano-content::-webkit-scrollbar { display: block;}
.nano > .nano-pane { background : #f1f1f1; position : absolute; width : 20px; right : 0; top : 0; bottom : 0; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; -moz-border-radius : 10px; -webkit-border-radius : 10px; border-radius : 10px; }
.nano > .nano-pane > .nano-slider { background: #2daf29; width:16px; margin-left:2px; position : relative; -moz-border-radius :8px; -webkit-border-radius :8px; border-radius :8px; }
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ opacity : 0.99; }
.nano { height: 455px; }
.nano .nano-content { line-height: 30px; }
.nano .pane { background: #f1f1f1; width: 20px; right: 0px; }
.nano .slider { background: #2daf2a; border-radius:10px;}
.bot { animation-delay: 1.4s; padding: 15px 0; text-align: center; line-height: 30px; }
.animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 right: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
.block { display: block; }
/*---------------------------------------segmentation------------------------------------------*/

/*colour*/

.tred1 { color: #eb2f30; }
.tgreen1 { color: #27ae60; }
.tblue1 { color: #0073dd; }
.tgray1 { color: #999999; }
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }
.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.torange1 { color: #f2492d; }
.torange1 a:link, .torange1 a:visited { color: #f2492d; }
.torange1 a:hover { color: #f2492d; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e6e6e6; }
.bor_t1 { border-top: 1px solid #e4e3e3; }
.bor_r1 { border-right: 1px solid #e4e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #dddddd; }
.bor_b2 { border-bottom: 1px dotted #cccccc; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 16px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }
.f_i { text-indent: 2em; }
.f_l { float: left }
.f_r { float: right; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t10 { margin-top: 10px; }
.mar_t12 { margin-top: 12px; }
.mar_t13 { margin-top: 13px; }
.mar_t15 { margin-top: 15px; }
.mar_t18 { margin-top: 18px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l1 { margin-left: 1px; }
.mar_l4 { margin-left: 4px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad_t1 { padding-top: 1px; }
.pad_t2 { padding-top: 2px; }
.pad_t3 { padding-top: 3px; }
.pad_t4 { padding-top: 4px; }
.pad_t5 { padding-top: 5px; }
.pad_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b2 { padding-bottom: 2px; }
.pad_b3 { padding-bottom: 3px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b8 { padding-bottom: 8px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l23 { padding-left: 23px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }