@charset "utf-8";
/* reset ----- css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    padding: 0;
    margin: 0;
    font-size: 100%;
}
html, body { height: 100%; }
body {
    font: 14px/20px '\5FAE\8F6F\96C5\9ED1','Helvetica Neue',Helvetica,STHeiTi,Arial,sans-serif;
    color: #212121;
	background-color: #f4f4f4;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, iframe { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
fieldset, img { border: 0; }
input, img { vertical-align: middle; }
img { max-width: 100%; }
ol, ul, li { list-style: none; }
audio, canvas, video { 
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th { text-align: left; }
abbr, acronym {
    font-variant: normal;
    border: 0;
}
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
sub, sup {
    position: relative;
    line-height: 0;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
i, em { font-style: normal; }
q, blockquote { quotes: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
button, input, select, textarea { border: none; }
button, input, select, textarea, optgroup {
    margin: 0;
    color: inherit;
}
button, input, select, textarea, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    background: #fff;
}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
input:-ms-clear, input::-ms-clear, input::-ms-reveal { display: none; }
textarea {
    overflow: auto;
    resize: none;
    outline-style: none;
}
ins, a {
    text-decoration: none;
    outline: none;
}
:focus {
    text-decoration: none;
    outline: 0;
}
button:focus, a:focus, a:link, a:visited { outline: none; }
a { 
    color: #212121;
    cursor: pointer;
}
a:hover { color: #1b62c3; }

.cl { zoom: 1; }
.cl:before, .cl:after {
    display: table;
    content: " ";
}
.cl:after { clear: both; }
.fl {
	float: left !important;
	*display: inline;
}
.fr {
	float: right !important;
	*display: inline;
}
.fn {
    float: none !important;
    *display: inline;
}
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.fwb { font-weight: bold; }
.dis-n { display: none; }
.dis-b { display: block !important; }
.dis-ib { 
	display: -moz-inline-block;
	display: inline-block; 
	*display: inline;
	*zoom: 1; 
}
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.fwb { font-weight: bold !important; }
.ti0 { text-indent: 0 !important; }
.c-red { color: #f00 !important; }
.c-blue { color: #1b62c3 !important; }
.per50 { width: 50% !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pl20 { padding-left: 20px !important; }
.mb10 { margin-bottom: 20px !important; }
.bg-white { background-color: #fff; }

/* scrollbar */
::-webkit-scrollbar {
	width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
	background-color: #a6a6a6;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

/* icon */
[class*="icon-"] {
    display: inline-block;
	vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* wrap */
.wrap { overflow: hidden; }
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

/* header */
.top { 
    position: relative;
    background: url(../Images/top.png) repeat-x 0 0; 
}
.top .w1200 {
    height: 70px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: url(../Images/top-cont.png) no-repeat 70% 0;
}
.top-logo {
    position: relative;
    height: 100%;
}
.top-logo .icon,
.top-logo span {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.top-logo .icon {
    width: 76px;
    background-image: url(../Images/top-logo-icon.png);
}
.top-logo span {
    width: 188px;
    margin-left: 10px;
    background-image: url(../Images/top-logo-txt.png);
}
.top-logo .swf {
    position: absolute;
    top: -44px;
    left: 0;
}
.top .fr {
    padding-top: 10px;
    text-align: right; 
}
.top .fr >em {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
}
.top .icon-nav,
.side-nav2 { display: none; }
.top .fr,
.top .fr a { color: #fff; }
.top .fr p { 
    padding-top: 10px; 
    color: #034fa1;
}
.icon-tel {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-image: url(../Images/icon-tel.png);
}
.top .fr p em {
    font-size: 20px;
    font-weight: bold;
}

/* top-nav */
.top-nav {
    height: 42px;
    text-align: center;
    background-color: #034fa1;
}
.top-nav li {
    display: inline-block;
    padding: 6px 20px;
}
.top-nav li a {
    display: inline-block;
    padding: 0 15px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.top-nav li:hover a,
.top-nav li.active a {
    color: #1b62c3;
    background-color: #fff;
}
.top-nav li:hover a,
.top-nav li.active a,
.fun,
.survey,
.link li a,
.side-nav,
.tb-box,
.ind-item .slides em {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

/* slides */
.slides,
.slides .slides_container { 
    position: relative;
	z-index: 1;
}
.slides,
.slides .slides_container,
.slides .slides_container em { 
    width: 1280px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
}
.slides .slides_container em img {
    width: 100%;
    height: 100%;
}
.slides .pagination,
.slides-btm {
    position: absolute;
    z-index: 2;
}
.slides .pagination {
    right: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
.slides .pagination li {
	display: inline-block;
	*display: inline;
}
.slides .pagination li a {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 5px;
	cursor: pointer;
	background: url(../Images/icon-slides.png) no-repeat 0 0;
}
.slides .pagination li a:hover,
.slides .pagination li.current a { background-image: url(../Images/icon-slides-active.png); }
.slides .pagination li a em { display: none; }
.slides .txt {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1200px;
    height: 230px;
    margin-left: -600px;
}
.slides .txt i {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.slides .txt1 {
    top: 34px;
    left: 358px;
    width: 257px;
    height: 81px;
    background-image: url(../Images/slides-txt1.png);
}
.slides .txt2 {
    top: 14px;
    left: 626px;
    width: 138px;
    height: 126px;
    background-image: url(../Images/slides-txt2.png);
}
.slides .txt3 {
    top: 115px;
    left: 354px;
    width: 262px;
    height: 22px;
    background-image: url(../Images/slides-txt3.png);
}
.slides .txt21,
.slides .txt23,
.slides .txt25,
.slides .txt27 {
    width: 11px;
    height: 11px;
    background-image: url(../Images/slides-txt21.png);
}
.slides .txt21,
.slides .txt23 { top: 64px; }
.slides .txt25,
.slides .txt27 { top: 130px; }
.slides .txt21,
.slides .txt25 { left: 50px; }
.slides .txt23,
.slides .txt27 { left: 394px; }
.slides .txt22,
.slides .txt24,
.slides .txt26,
.slides .txt28 {
    width: 252px;
    height: 36px;
}
.slides .txt22 { background-image: url(../Images/slides-txt22.png); }
.slides .txt24 { background-image: url(../Images/slides-txt24.png); }
.slides .txt26 { background-image: url(../Images/slides-txt26.png); }
.slides .txt28 { background-image: url(../Images/slides-txt28.png); }
.slides .txt22,
.slides .txt24 { top: 51px; }
.slides .txt26,
.slides .txt28 { top: 116px; }
.slides .txt22,
.slides .txt26 { left: 81px; }
.slides .txt24,
.slides .txt28 { left: 423px; }
.slides-btm {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: url(../Images/slides-btm.png) no-repeat 50% 0;
}

/* notice2 */
.notice2,
.tab,
.tab-cont,
.ind-item3 .about,
.survey .cont {
    position: relative;
    z-index: 2;
} 
.notice2 { 
    height: 30px;
    padding-top: 3px;
    font-size: 16px;
}
.notice2 .icon-notice2 {
    width: 20px;
    height: 20px;
    margin: -1px 10px 1px 0;
    background-image: url(../Images/icon-notice2.png);
}
.notice2 b,
.notice2 span,
.notice2 marquee,
.notice2 a { vertical-align: middle; }
.notice2 b { color: #1b62c3; }
.notice2 marquee { width: 1080px; }
.notice2 span a { margin-right: 50px; }
.notice2 .icon-next { margin: 0 10px 0 6px; }

/* footer */
.footer { 
    padding-top: 23px;
    padding-bottom: 20px;
    line-height: 24px;
    color: #dde3ff;
    background-color: #1b62c3;
}
.footer .fl { padding-left: 80px; }
.footer .fl span { padding-left: 40px; }
.footer .fl span .c-red {
    padding-right: 3px;
    padding-left: 3px;
}
.footer .fl .statistics { 
    padding-top: 7px;
    padding-left: 112px;
}
.footer .fr { 
    width: 200px;
    padding-top: 6px;
    padding-right: 80px; 
    text-align: center;
}
.footer .fr .qrcode {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: url(../Images/qrcode.jpg) no-repeat 0 0;
}
.footer .fr p { padding-top: 6px; }

/* page-body */
.page-body { padding-bottom: 10px; }
.page-body.bg-white { padding-top: 20px; }

/* index */
.ind-item,
.ind-item4 {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}
#slides2 { position: relative; }
#slides2,
#slides2 .slides_container,
#slides2 .slides_container em  { width: 450px; }
#slides2 .slides_container em a { display: block; }
#slides2 .pagination {
    right: 15px;
    left: 15px;
    bottom: 10px;
    width: auto;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}
#slides2 .pagination li a { margin: 0 6px 0 0; }
#slides2 .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 15px 28px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}
.ind-item .news {
    position: relative;
    width: 720px;
    margin-left: 30px;
}
.ind-item .news .swf {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

/* tab */
.tab { 
    padding-top: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bdbdbd; 
}
.tab span {
    display: inline-block;
    padding: 0 16px 11px;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
}
.tab span:hover,
.tab span.active {
    padding-bottom: 10px;
    margin-bottom: -1px;
    color: #1b62c3;
    border-bottom: 2px solid #1b62c3;
}

.tab span:hover,
.tab .fr:hover,
.list li a:hover span,
.list li a:hover b {
    -webkit-transition: all 0.2s ease; 
            transition: all 0.2s ease;
    -webkit-transform: translateX(-3px);
       -moz-transform: translateX(-3px);  
            transform: translateX(-3px);
}

.tab-cont {
    position: relative;
    height: 180px;
}
.tab-cont >a.right {
    position: absolute;
    top: -46px;
    right: 0;
    font-size: 12px;
}
.tab-cont >a.right:hover { color: #1b62c3; }
.tab-cont >div {
    height: 100%;
    overflow: hidden; 
}

.ind-item .tab {
    padding-top: 0;
    border-color: transparent; 
}
.ind-item .tab span { font-size: 22px; }
.ind-item .list li span { font-size: 16px; }

/* list */
.list li { 
    position: relative; 
    border-bottom: 1px solid #f2f2f2;
}
.list li b {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 20px;
    font-weight: normal;
    color: #c2c2c2;
    text-align: right;
}
.list li b em {
    display: block;
    font-size: 12px;
    color: #ccc;
}
.list li:hover { background-color: #f7fafe; }
.list li a:hover b,
.list li a:hover b em { color: #1b62c3; }
.list li b + span { padding-right: 70px; }
.list li span {
    display: block;
    overflow: hidden;
    line-height: 45px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list li span .icon-dot {
    width: 18px;
    height: 18px;
    margin: 3px 8px 0;
    background-image: url(../Images/icon-dot.png); 
}
.list li .new .icon-dot { background-image: url(../Images/icon-dot-new.png); }
.list li span em { 
    padding-right: 5px;
    color: #c00; 
}

/* fun */
.fun {
    background: url(../Images/fun.png) repeat 0 0; 
    border: 1px solid #d2d2d2;
}
.fun li {
    position: relative;
    float: left;
    width: 25%;
    height: 80px;
    padding: 26px 0;
}
.fun li a {
    display: block;
    padding-left: 40px;
    font-size: 22px;
}
.fun li a i {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
         -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
}
.fun li a .icon-fun1 { background-image: url(../Images/icon-fun1.png); }
.fun li a .icon-fun2 { background-image: url(../Images/icon-fun2.png); }
.fun li a .icon-fun3 { background-image: url(../Images/icon-fun3.png); }
.fun li a .icon-fun4 { background-image: url(../Images/icon-fun4.png); }
.fun li a:hover i {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}
.fun li .line {
    position: absolute;
    top: 27px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 80px;
    border-left: 1px solid #d2d2d2;
}

/* about */
.ind-item3 {
    height: 250px;
    margin-bottom: 235px;
    background: url(../Images/about.jpg) no-repeat 50% 0;
}
.ind-item3 .title { padding-top: 40px; }
.ind-item3 .title i {
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.ind-item3 .title .txt1 {
    width: 180px;
    height: 40px;
    background-image: url(../Images/about-txt1.png);
}
.ind-item3 .title .txt2 {
    width: 311px;
    height: 22px;
    margin-top: 20px;
    background-image: url(../Images/about-txt2.png);
}
.ind-item3 .about {
    height: 320px;
    margin-top: 23px;
}
.about li {
    float: left;
    width: 33.33333%;
}
.about li a { 
    display: block;
    padding-bottom: 25px;
    background-color:#fff;  
}
.about li i {
    display: block;
    height: 210px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.about li .about-i1 { background-image: url(../Images/about-i1.jpg); }
.about li .about-i2 { background-image: url(../Images/about-i2.jpg); }
.about li .about-i3 { background-image: url(../Images/about-i3.jpg); }
.about li .about-i4 { background-image: url(../Images/about-i4.jpg); }
.about li h4,
.about li p { 
    position: relative;
    text-align: center; 
    -webkit-transition: all 0.5s ease; 
            transition: all 0.5s ease;
}
.about li h4 {
    padding-top: 20px;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 30px;
}
.about li p { color: #999; }
.about li p:before,
.about li p:after,
.about li:hover h4:before,
.about li:hover h4:after {
    position: absolute;
    top: 50%;
    display: block;
    height: 1px;
    width: 50px;
    background-color: #ededed;
    content: '';
}
.about li p:before { left: 3px; }
.about li p:after { right: 3px; }
.about li:hover i { height: 240px; }
.about li:hover a { 
    padding-bottom: 0;
    color: #fff;
    background-color: #1b62c3;
}
.about li:hover h4 { 
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 0; 
}
.about li:hover p { display: none; }
.about li:hover h4:before,
.about li:hover h4:after { width: 93px; }
.about li:hover h4:before { left: 30px; }
.about li:hover h4:after { right: 30px; }

/* ind-item4 */
.ind-item4 .news {
    width: 400px;
    margin-left: 20px;
}
.survey {
    position: relative;
    width: 318px; 
    padding: 16px 20px;
    border: 1px solid #bdbdbd;
}
.survey .swf {
    position: absolute;
    top: -40px;
    left: -265px;
}
.survey .title { margin-bottom: 10px; }
.survey .title:hover { font-weight: bold; }
.survey .title span {
    font-size: 18px;
    color: #1b62c3;
}
.survey p {
    line-height: 22px;
    text-indent: 2em;
}
.survey ul { padding: 10px 20px 6px; }
.survey li {
    float: left;
    width: 50%;
    padding-bottom: 10px;
}

/* radio */
.radio {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer;
}
.radio >em {
    display: inline-block;
    padding-left: 8px;
    font-size: 15px;
    vertical-align: middle;
}
.radio >i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    vertical-align: middle;
    background: url(../Images/icon-radio.png) no-repeat 0 0;
}
.radio > input {
    position: absolute;
    top: 1px;
    left: 0;
    z-index: -1;
    width: 18px;
    height: 18px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.radio.active >i { background-image: url(../Images/icon-radioed.png); }

/* btn-box */
.btn,
.btn-h,
.inp,
.select,
.textarea,
.page a,
.page input {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.btn,
.btn-h,
.inp,
.select,
.textarea {
    display: inline-block;
    line-height: 36px;
    vertical-align: middle;
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}
.btn,
.btn-h {
    height: 36px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}
.btn { 
    color: #fff !important;
    background-color: #1b62c3;  
    border: 1px solid #1b62c3;   
}
.btn:hover,
.btn-h:hover,
.inp:focus,
.select:focus,
.textarea:focus {
    color: #1b62c3;
    border-color:  #5285fa;
    -webkit-box-shadow: 0 0 7px 0 #91b1fd;
       -moz-box-shadow: 0 0 7px 0 #91b1fd;
            box-shadow: 0 0 7px 0 #91b1fd;
}
.btn:hover { background-color: #0459c9; }
.btn-h:hover { background-color: #f8f8f8; }
.btn.lg { 
    height: 40px;
    font-size: 16px;
    line-height: 40px;
}

.btn-box { text-align: right; }
.btn-box .btn,
.btn-box .btn-h,
.btn-box .btn.lg { margin-left: 14px; }
.btn-more { display: none; }

/* search,form */
.inp,
.select,
.textarea {
    width: 260px;
    height: 34px;
    padding-right: 10px;
    padding-left: 10px;
}
.select {
    width: 282px;
    height: 38px;
}
.inp.lg,
.textarea.lg { width: 560px; }
.textarea {
    height: 120px;
    padding: 8px 10px;
    line-height: 20px;
}

.search-box { 
    padding-top: 40px; 
    padding-bottom: 65px; 
}
.search-box .btn,
.search-box .btn-h,
.form-box li .btn + .btn-h,
.form-box li .select + .select { margin-left: 14px; }
.search-box .btn,
.search-box .btn-h { width: 60px; }

.form-box li { padding-bottom: 20px; }
.form-lab,
.form-control {
    display: inline-block;
    vertical-align: top;
}
.form-lab {
    width: 180px;
    padding-right: 20px;
    line-height: 38px;
    color: #707070;
    text-align: right;
}
.form-lab em {
    padding-right: 3px; 
    color: #f00; 
} 
.form-box li .btn,
.form-box li .btn-h { width: 90px; }

.value { padding-top: 7px; }
.value li { padding-bottom: 5px; }
.value li .form-lab { width: 115px; }
.value li .form-control {
    width: 760px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 22px;
}

.tip-box b {
    display: block;
    padding-bottom: 7px;
}
.tip-box p {
    padding-bottom: 6px !important;
    color: #707070;
}

/* pay */
.pay {
    display: block;
    height: 180px;
    background: url(../Images/pay.jpg) no-repeat 50% 0;
}
.pay .w1200 { position: relative; }
.pay .swf {
    position: absolute;
    top: -35px;
    left: 15px;
}

/* link */
.link { margin: 20px -4px -5px; }
.link li {
    float: left;
    width: 294px;
    padding: 0 4px 10px;
}
.link li a { 
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #e2e2e2;
}
.link li img {
    width: 100%;
    height: 80px;
}
.link li em {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.link li:hover em img {
    /* -webkit-transform: scale(1.1,1.1);
            transform: scale(1.1,1.1); */
    -webkit-transition: all 0.2s ease; 
    transition: all 0.2s ease;
    -webkit-transform: translateY(-100px);
       -moz-transform: translateY(-100px);
            transform: translateY(-100px);
}

/* effects */
 @-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-300%,0,0);
                transform: translate3d(-300%,0,0);
        visibility: visible;
    }
    to { 
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
}
@keyframes slideInLeft {
    from { 
        -webkit-transform: translate3d(-300%,0,0);
                transform:translate3d(-300%,0,0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(300%,0,0);
                transform: translate3d(300%,0,0);
    }
    to { 
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
}
@keyframes slideInRight {
    from { 
        opacity: 0;
        -webkit-transform: translate3d(300%,0,0);
                transform:translate3d(300%,0,0);
    }
    to {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0);
    }
    to {
        opacity: 1; 
        filter: alpha(opacity=100);
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0,-200%,0);
        transform: translate3d(0,-200%,0);
    }
    to { 
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(7,7,7) translate3d(0,0,0);
                transform: scale3d(7,7,7) translate3d(0,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
                transform: scale3d(1,1,1) translate3d(0,0,0);
    }
    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.02,1.02,1) translate3d(0,0,0);
                transform: scale3d(1.02,1.02,1) translate3d(0,0,0);
    }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(7,7,7) translate3d(0,0,0);
                transform: scale3d(7,7,7) translate3d(0,0,0);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
                transform: scale3d(1,1,1) translate3d(0,0,0);
    }
    70% {
        opacity: 1;
        -webkit-transform: scale3d(1.02,1.02,1) translate3d(0,0,0);
                transform: scale3d(1.02,1.02,1) translate3d(0,0,0);
    }
}
@-webkit-keyframes run {  
    from {  
        -webkit-transform: rotate(0deg);  
    }  
    50% {  
        -webkit-transform: rotate(360deg);  
    } 
    100% {  
        -webkit-transform: rotate(360deg);  
    }   
}
@keyframes run {  
    from {  
        -webkit-transform: rotate(0deg);  
    }  
    50% {  
        -webkit-transform: rotate(360deg);  
    } 
    100% {  
        -webkit-transform: rotate(360deg);  
    }  
}
@-webkit-keyframes show2 {  
    from {  
        opacity: 0;
    }  
    100% {  
        opacity: 1;
    }   
}
@keyframes show2 {  
    from {  
        opacity: 0;
    } 
    10% {  
        opacity: 1;
    }    
    100% {  
        opacity: 1;
    }   
}

.top-logo,
.top .fr,
.top-nav ul,
.slides .txt i,
.notice2 .w1200,
#slides2,
.news,
.fun,
.ind-item3,
.ind-item3 .title,
.survey,
.pay,
.link,
.footer .fl,
.footer .fr,
.side-box,
.main-body,
.banner .txt {
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.top-logo,
.slides .txt1,
.slides .txt22,
.slides .txt24,
.slides .txt26,
.slides .txt28,
#slides2,
.ind-item3,
.survey,
.pay,
.footer .fl,
.side-box {
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
}
.top .fr,
.news,
.link,
.main-body,
.banner .txt {
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
}
.top-nav ul,
.slides .txt3,
.slides .txt21,
.slides .txt23,
.slides .txt25,
.slides .txt27,
.notice2 .w1200,
.fun,
.ind-item3 .title,
.footer .fr {
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}
.slides .txt2 {
    -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
}
.top .fr {
    -webkit-animation-delay: .3s;
            animation-delay: .3s;
}
.top-nav ul {
    -webkit-animation-delay: .6s;
            animation-delay: .6s;
}
.slides .txt1 {
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
}
.slides .txt2 {
    -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s;
}
.slides .txt3 {
    -webkit-animation-delay: 2.1s;
            animation-delay: 2.1s;
}
.slides .txt22 {
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}
.slides .txt23 {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.slides .txt24 {
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
}
.slides .txt25 {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
.slides .txt26 {
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
}
.slides .txt27 {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
.slides .txt28 {
    -webkit-animation-delay: 3.5s;
            animation-delay: 3.5s;
}
.notice2 .w1200 { 
    -webkit-animation-delay: .8s;
            animation-delay: .8s;
}
#slides2 {
    -webkit-animation-delay: 2.7s;
            animation-delay: 2.7s;
}
.ind-item .news {
    -webkit-animation-delay: 3.3s;
            animation-delay: 3.3s;
}
.fun {
    -webkit-animation-delay: 3.8s;
            animation-delay: 3.8s;
}
.ind-item3 {
    -webkit-animation-delay: 4.4s;
            animation-delay: 4.4s;
}
.ind-item3 .title {
    -webkit-animation-delay: 4.7s;
            animation-delay: 4.7s;
}
.survey {
    -webkit-animation-delay: 5.5s;
            animation-delay: 5.5s;
}
.ind-item4 .news.fl {
    -webkit-animation-delay: 5.8s;
            animation-delay: 5.8s;
}
.ind-item4 .news.fr {
    -webkit-animation-delay: 6.1s;
            animation-delay: 6.1s;
}
.pay {
    -webkit-animation-delay: 6.8s;
            animation-delay: 6.8s;
}
.link {
    -webkit-animation-delay: 7.2s;
            animation-delay: 7.2s;
}
.footer.special .fl {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}
.footer.special .fr {
    -webkit-animation-delay: 8.5s;
            animation-delay: 8.5s;
}
.banner .txt {
    -webkit-animation-delay: .6s;
            animation-delay: .6s;
}
.side-box { 
    -webkit-animation-delay: 1.2s;
            animation-delay: 1.2s;
}
.main-body { 
    -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s;
}
.footer .fl {
    -webkit-animation-delay: 2.5s;
            animation-delay: 2.5s;
}
.footer .fr {
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}

/* inner */
.banner,
.banner .slides_container,
.banner .slides_container em,
.banner .txt { height: 300px; }
.banner .txt i {
    display: inline-block;
    width: 220px;
    height: 120px;
    margin-top: 72px;
    margin-left: 200px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.banner .about-txt  { background-image: url(../Images/banner-about-txt.png); }
.banner .dynamic-txt { background-image: url(../Images/banner-dynamic-txt.png); }
.banner .notice-txt { background-image: url(../Images/banner-notice-txt.png); }
.banner .policy-txt { background-image: url(../Images/banner-policy-txt.png); }
.banner .employee-txt { background-image: url(../Images/banner-employee-txt.png); }
.banner .interaction-txt { background-image: url(../Images/banner-interaction-txt.png); }
.banner .repair-txt { background-image: url(../Images/banner-repair-txt.png); }
.banner .service-txt { 
    width: 370px !important;
    background-image: url(../Images/banner-service-txt.png); 
}
.banner .survey-txt { background-image: url(../Images/banner-survey-txt.png); }
/* .banner .slides-btm { background-image: url(../Images/slides-btm2.png); } */

.side-box {
    width: 200px;
    padding-right: 60px;
}
.side-nav {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #ddd;
}
.side-nav li a {
    display: block;
    padding: 7px 25px;
    margin: 5px 0 5px -3px;
    font-size: 16px;
    line-height: 24px;
    border-left: 2px solid transparent;
}
.side-nav li.active a {
    font-weight: bold;
    color: #1b62c3;
    border-left: 4px solid #1b62c3;
}
.main-body { width: 940px; }
.main-body.w1200 { width: 1200px; }
.main-body .title {
    padding-bottom: 30px;
    font-size: 30px;
    line-height: 30px;
}
.main-body h3.title { 
    padding-top: 10px;
    color: #1b62c3;
}
.main-body .title .icon-title {
    width: 28px;
    height: 28px;
    margin: -2px 12px 2px 0;
    background-image: url(../Images/icon-title.png);
}
.main-body .title em { 
    display: inline-block;
    font-size: 14px;
    color: #707070;
}
.main-body .cont { padding-bottom: 20px; }
.main-body .cont p {
    padding-bottom: 10px;
    line-height: 24px;
    text-indent: 2em;
}
.main-body .cont .btn-box { padding-bottom: 25px; }

.icon-consult,
.icon-complaint,
.icon-suggest,
.icon-email,
.icon-maintain {
    width: 24px;
    height: 24px;
    margin: -2px 8px 2px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.icon-consult { background-image: url(../Images/icon-consult.png); }
.icon-complaint { background-image: url(../Images/icon-complaint.png); }
.icon-suggest { background-image: url(../Images/icon-suggest.png); }
.icon-email { background-image: url(../Images/icon-email.png); }
.icon-maintain { background-image: url(../Images/icon-maintain.png); }

/* newsinfo */
.newsinfo h4.title {
    padding-bottom: 26px;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}
.newsinfo .time {
    padding-bottom: 20px;
    color: #999;
}
.newsinfo .time span { padding-right: 25px; }
.newsinfo .a-box { 
    padding-top: 20px;
    padding-bottom: 4px;
}
.newsinfo .a-box span {
    display: block;
    padding-bottom: 8px;
}
.newsinfo .a-box span em { color: #707070; }
.newsinfo a { 
    color: #1b62c3;
    text-decoration: underline;
}
.img-box { padding-top: 24px; }
.img-box img { 
    display: block; 
    margin: 0 auto 20px;
}

/* page */
.page >div {
    padding-top: 30px;
    padding-bottom: 15px;
}
.page em {
    line-height: 28px;
    color: #707070;
}
.page .fl em { padding-right: 12px; }
.page a,
.page input {
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #ddd;
}
.page a {
    display: inline-block;
    min-width: 16px;
    height: 26px;
    margin-right: 2px;
    margin-left: 2px;
    line-height: 26px;
}
.page a:hover,
.page a.active {
    color: #fff !important;
    background-color: #1b62c3 !important;
    border-color: #1b62c3;
}
.page a:link,
.page a:visited { color: #212121; }
.page .btn-prev i,
.page .btn-next i,
.icon-next {
    display: inline-block;
    width: 6px;
    height: 9px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.page .btn-prev i { background-image: url(../Images/icon-prev.png); }
.page .btn-next i,
.icon-next { background-image: url(../Images/icon-next.png); }
.page .btn-prev:hover,
.page .btn-next:hover {
    color: #1b62c3 !important;
    background-color: #fff !important;
    border-color: #1b62c3;
} 
.page b {
    padding-right: 10px;
    padding-left: 12px;
    font-weight: normal;
}
.page input {
    width: 32px;
    height: 24px;
    margin: 0 6px;
    line-height: 20px;
}
.page .btn-h {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 0;
    margin-left: 4px;
    background-color: #fff;
}

/* table */
.tb-box { 
    padding: 4px; 
    background-color: #f5f5f5;
}
.tb {
    background-color: #fff;
    border: 1px solid #ddd;
    table-layout: fixed;
}
.tb th,
.tb td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.tb th { font-weight: bold; }
.tb tr:hover td { background-color: #f7fafe; }
.tb td a { color: #1b62c3; }
.tb td a:hover { text-decoration: underline; }

/* list2 */
.list2 li {
    float: left;
    width: 300px;
    padding: 0 7px 10px 6px;
    text-align: center;
}
.list2 li div {
    width: 100%;
    height: 225px;
    background-color: #f5f5f5;
}
.list2 li h4 {
    height: 45px;
    padding-top: 8px;
    font-size: 14px;
}
.newsinfo .video {
    width: 700px;
    height: 525px;
    margin: 0 auto 20px;
    background-color: #f5f5f5;
}
.icon-per {
    display: inline-block;
    padding-right: 50px;
    white-space: nowrap;
}
.icon-per img {
    height: 14px;
    margin-right: 6px;
}
.icon-per em { vertical-align: middle; }

/* layer */
.layer {
    position: absolute;
    z-index: 99;
    width: 220px;
    height: 90px;
    background: url(../Images/layer.jpg) no-repeat 0 0;
}
.layer a {
    display: block;
    padding: 55px 120px 5px 5px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.layer .icon-close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: url(../Images/icon-close.png) no-repeat 50% 50%;
}