* { padding: 0; margin: 0; }
body { font-family: "微软雅黑"; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font: inherit; vertical-align: baseline; border: 0; padding: 0; margin: 0; }
ul { list-style: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }
/* IE 6/7 */
.clearfix { zoom: 1; }
.w { width: 1000px; margin: 0 auto; }
.m1 h2, .m2 h2, .m8 h2 { padding-bottom: 34px; background: url("../img/bg.png") no-repeat center bottom; font-size: 32px; color: #252525; text-align: center; }
.m6 .w>h2, .m3 .w>h2 { padding-bottom: px; font-size: 32px; color: #fff; text-align: center; }
.m6 .w>p, .m3 .w>p { font-size: 16px !important; color: #cfe1ff !important; text-align: center; padding: 8px 0 30px; background: url("../img/bg2.png") no-repeat center bottom; text-align: center; font-size: 16px; color: #aecdff; }
.top-logo { height: 58px; line-height: 80px; font-size: 14px; }
.top-logo a { color: #727272; }
.top-logo img { float: left; margin: 6px 14px 0 0; }
.banner { height: 384px; background: #1e93f5 url("../img/banner.png") no-repeat center top; }
.banner a { display: block; width: 100%; height: 100%; }
.m1 { padding: 42px 0 56px 0; background: #f3f4f6; }
.m1 img { display: block; margin: 36px auto 0; }
.m2 { padding: 42px 0 0 0; height: 560px; background: url("../img/m2-bg.png") no-repeat center bottom; }
.m2 img { display: block; margin: 40px auto 0; }
.m3 { background-color: #2356a9; }
.m3 .w { padding-top: 74px; overflow: hidden; }
.m3 .w>h2 { padding: 0; color: #fff; background-image: none; }
.m3 .w p { font-size: 14px; color: #000; line-height: 25px; font-weight: normal; letter-spacing: 1px; }
.m3 .w i { font-style: normal; font-weight: bold; }
/* */
.m4 { padding-top: 50px; background-color: #f3f4f6; }
.m4 .w { overflow: hidden; }
.m4 .w>h2, .m5 .w>h2, .m7 .w>h2 { padding-bottom: 12px; font-size: 32px; color: #181a18; text-align: center; }
.m4 .w>p, .m5 .w>p, .m7 .w>p { padding-bottom: 32px; background: url("../img/bg.png") no-repeat bottom center; font-size: 16px; color: #7d7d7d; text-align: center; }
.m4 .w .item { position: relative; width: 980px; height: 700px; margin: 40px auto 86px; }
.m4 .w .item-num { position: absolute; top: -24px; left: 30px; width: 100px; height: 100px; background-color: #2667cc; font-size: 48px; color: #fff; text-align: center; line-height: 100px; }
.m4 .w .item-left { position: absolute; width: 60px; height: 100%; background: #fff; }
.m4 .w .item-right { width: 782px; padding: 0 40px 0 66px; height: 100%; margin-left: 90px; background-color: #fff; }
.m4 .w .item-right h2 { padding: 28px 0 12px 0; font-size: 26px; color: #2667cc; font-weight: bold; }
.m4 .w .item-right h6 { margin-top: 18px; padding-bottom: 8px; font-size: 18px; color: #303030; font-weight: bold; }
.m4 .w .item-right p { line-height: 24px; text-indent: 2em; color: #515151; font-size: 14px; }
.m4 .w .item-right p span { color: #ff5400; font-weight: bold; }
.m4 .w .item-right .pic { display: block; padding-top: 10px; margin-top: 20px; border-top: 1px dashed #d1d1d1; }
.m5 h2 { padding-top: 36px; }
.m5 .w { padding-bottom: 70px; }
.m5 .w>p { color: #6b6b6b; }
.m5 .w h4 { margin-top: 38px; margin-bottom: 24px; font-size: 22px; color: #2667cc; font-weight: bold; text-align: center; }
.m5 .w ul { width: 930px; margin: 20px auto 30px; padding: 10px 0; overflow: hidden; border: 1px solid #e7e7e7; border-left: 0; border-right: 0; }
.m5 .w ul li { float: left; margin-right: 14px; margin-bottom: 10px; list-style: none; }
.m5 .w table { width: 860px; margin: 0 auto; font-size: 14px; color: #606060; border-collapse: collapse; }
.m5 .w table td { line-height: 43px; text-align: center; border: 1px solid #f2f2f2; }
.m5 .w table tr:nth-child(1) td, .m5 .w table tr:nth-child(2) td { border-bottom-style: dashed; border-color: #f2f2f2; }
.m5 .w table tr:nth-child(2) td, .m5 .w table tr:nth-child(3) td { border-top-style: dashed; }
.m6 { padding-top: 54px; padding-bottom: 60px; background-color: #2356a9; }
.m6 .w { position: relative; }
.m6 .islider { width: 840px; margin: 0 auto; padding-top: 70px; overflow: hidden; margin-top: 55px; }
.m6 .islider .islider-item { position: relative; float: left; padding: 86px 16px 16px; width: 228px; height: 274px; margin-right: 30px; background-color: #fff; }
.m6 .islider .islider-item:last-child { margin-right: 0; }
.m6 .islider .swiper-wrapper { width: 9999px; margin: 0 auto; }
.m6 .islider .swiper-wrapper .swiper-slide { float: left; height: 376px; position: relative; line-height: 25px; font-size: 14px; color: #4c4c4c; }
.m6 .islider .swiper-wrapper .swiper-slide p { color: #4c4c4c; }
.m6 .islider .swiper-wrapper .swiper-slide h4 { position: absolute; bottom: 10px; right: 16px; font-size: 16px; color: #a7a8a8; text-align: right; }
.m6 .islider .islider-item img { position: absolute; top: -64px; left: 64px; display: block; }
.m6 .islider .left, .m6 .islider .right { position: absolute; top: 50%; width: 40px; height: 200px; background: url("../img/left.png") no-repeat center center; cursor: pointer; }
.m6 .islider .left { left: 0; }
.m6 .islider .right { left: auto; right: 0; background-image: url("../img/right.png"); }
.m6 .pagination, .m7 .pagination { position: absolute; width: 100%; left: 0; bottom: -30px; text-align: center; }
.m6 .swiper-pagination-switch, .m7 .swiper-pagination-switch { width: 10px; height: 10px; background-color: #5287dd; display: inline-block; margin-right: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.m6 .swiper-active-switch { background-color: #93bbfd; }
.m7 { padding-top: 50px;padding-bottom: 70px; }
.m7 h3 { margin-top: 50px; margin-bottom: 36px; color: #2667cc; font-weight: bold; text-align: center; font-size: 22px; }
.m7 .islider { position: relative; float: left; margin-top: 46px; width: 414px; height: 313px; overflow: hidden; }
.m7 .swiper-slide { float: left; }
.m7 .pagination { width: 96%; padding-right: 4%; bottom: 10px; text-align: right; }
.m7 .swiper-pagination-switch { width: 8px; height: 8px; background-color: #696c76; }
.m7 .swiper-active-switch { background-color: #dfdfdf; }
.m7 .txt { float: left; width: 500px; margin-left: 26px; }
.m7 .txt h4 { padding-bottom: 5px; margin-top: 20px; font-size: 18px; color: #181a18; font-weight: bold; }
.m7 .txt p { font-size: 14px; color: #525252; line-height: 24px; }
.m7 .txt .mar { margin-bottom: 6px; }
.m7 .txt p>a { font-size: 16px; color: #1759d3; text-decoration: underline; }
.m8 { padding-top: 70px; padding-bottom: 60px; background-color: #f6f7fb; }
.m8 .w>img { display: block; margin: 30px auto 0; }
.m8 .w>p { margin: 30px auto 8px; font-weight: bold; text-align: center; font-size: 16px; color: #3f4144; }
.m8 .w a { display: block; width: 285px; height: 50px; background-color: #024fb8; color: #fff; line-height: 50px; text-align: center; margin: 0 auto 40px; }
.m8 .w .txt { width: 930px; margin: 0 auto; padding: 40px 0 0 0; border-top: 1px dashed #c7c7c7; }
.m8 .w .txt h3 { margin-bottom: 50px; font-size: 22px; color: #2667cc; font-weight: bold; text-align: center; }
.m8 .w .txt img { float: left; margin-right: 20px; }
.m8 .w .txt p { line-height: 26px; font-size: 14px; color: #414141; font-weight: normal; text-align: left; }
.m8 .w .txt .mar10 { padding-top: 10px; }
.m8 .w .txt .mar { margin-top: 30px; }
.footer { padding-top: 14px; height: 130px; background-color: #eef6ff; font-size: 18px; color: #2356a9; text-align: center; }
.footer p { margin-top: 26px; line-height: 20px; height: 20px; overflow: hidden; }
.footer p span { margin-right: 50px; }
.footer a { color: #2356a9; padding: 0 20px; border-right: 1px solid #c5d6ee; }
.footer a:last-child { border-right: 0; }
#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 4em; }
#cd-timeline::before { /* this is the vertical line */
content: ''; position: absolute; top: 0; left: 50%; margin-left: -2px; height: 100%; width: 4px; background: url("../img/list-bg.png") repeat-y; }
#cd-timeline::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -9px; width: 18px; height: 18px; background: #b8cdf0; border-radius: 50%; }
.cd-timeline-block { position: relative; margin: 2em 0; }
.cd-timeline-block .cd-timeline-content { width: 323px; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; width: 392px; margin: 0; margin-right: 40px; padding-left: 16px; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
.cd-timeline-img { position: absolute; top: 26px; left: 50%; margin-left: -9px; width: 18px; height: 18px; border-radius: 50%; background-color: #b8cdf0; }
.cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.cd-timeline-img.cd-picture { background: #b8cdf0; }
.cd-timeline-img.cd-movie { background: #c03b44; }
.cd-timeline-img.cd-location { background: #f0ca45; }
.cd-timeline-content { position: relative; margin-left: 110px; background: #ffffff; border-radius: 0.25em; padding: 26px 20px 18px 16px; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content h2 { color: #303e49; }
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { line-height: 1.6; font-size: 16px; color: #303030; font-weight: bold; }
.cd-timeline-content p i { color: #ff4e00; }
.cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; }
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; }
.cd-timeline-content .cd-date { position: absolute; right: -40%; top: 22px; color: #cae0ff; float: left; font-size: 16px; padding: .8em 0; font-weight: bold; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: -40%; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { right: 100%; left: auto; border-left: 0 !important; border-right: 7px solid #ffffff; }
.cd-timeline-content::before { content: ''; position: absolute; top: 30px; left: 100%; height: 0; width: 0; border: 7px solid transparent; border-left: 7px solid #ffffff; }
.cssanimations .cd-timeline-img.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
@-webkit-keyframes cd-bounce-1 {
0% { opacity: 0; -webkit-transform: scale(0.5); }
60% { opacity: 1; -webkit-transform: scale(1.2); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes cd-bounce-1 {
0% { opacity: 0; -moz-transform: scale(0.5); }
60% { opacity: 1; -moz-transform: scale(1.2); }
100% { -moz-transform: scale(1); }
}
@keyframes cd-bounce-1 {
0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; }
@-webkit-keyframes cd-bounce-2 {
0% { opacity: 0; -webkit-transform: translateX(-100px); }
60% { opacity: 1; -webkit-transform: translateX(20px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes cd-bounce-2 {
0% { opacity: 0; -moz-transform: translateX(-100px); }
60% { opacity: 1; -moz-transform: translateX(20px); }
100% { -moz-transform: translateX(0); }
}
@keyframes cd-bounce-2 {
0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); }
100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes cd-bounce-2-inverse {
0% { opacity: 0; -webkit-transform: translateX(100px); }
60% { opacity: 1; -webkit-transform: translateX(-20px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes cd-bounce-2-inverse {
0% { opacity: 0; -moz-transform: translateX(100px); }
60% { opacity: 1; -moz-transform: translateX(-20px); }
100% { -moz-transform: translateX(0); }
}
@keyframes cd-bounce-2-inverse {
0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); }
100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}