/*主色*/
/*辅色*/
/*点缀1*/
/*点缀2*/
/*点缀2*/
/*加深 darken(@color-A,5%) 主色减谈 lighten(@color-A,10%)*/
/**
* 图层背景透明度 .opacity(50);
* @alpha    int  数字1-100,默认100不透明; 
*/
/**
* 添加内部阴影或外部阴影 .box-shadow(0 0 10px 0,#000) || .box-shadow(0 0 10px 0,rgba(0, 0, 0, 0.59)) ||.box-shadow(0 0 10px 0,#f00 inset)inset内部阴影（可选） 
* @style    h水平阴影 v垂直阴影 blur模糊距离 spread阴影尺寸（可选）; 
* @c        阴影的颜色:#000||rgba(0, 0, 0, 0.59);  
*/
/**
* 元素添加圆角边框 .border-radius(10px)||.border-radius(10px 5px 10px 5px);
* @length    int||%  圆角大小px,em,或百分比; 
*/
.shadow { cursor: pointer; -webkit-transition-property: -webkit-box-shadow, color; transition-property: box-shadow, color; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0.95, 0.01, 0.22, 0.65); transition-timing-function: cubic-bezier(0.95, 0.01, 0.22, 0.65); }
body,
html { background-color: #fff; }
.jd1 { background: url(images/br1.jpg) center bottom no-repeat; height: 650px; background-size: cover; text-align: center; width: 100%; overflow: hidden; }
    .jd1 .b1 { display: inline-block; line-height: 1.2; padding: 150px 0 50px; font-size: 60px; color: #3972e3; }
        .jd1 .b1 span { color: #dd112e; }
    .jd1 .b2 { padding: 10px 30px 10px 280px; display: inline-block; border: 1px #3972e3 solid; color: #3972e3; line-height: 30px; font-size: 18px; text-align: left; position: relative; }
        .jd1 .b2 a { display: inline-block; width: 250px; height: 80px; background: url(images/logo1.png) center #3972e3 no-repeat; position: absolute; z-index: 1; top: 0; left: 0; }
    .jd1 .b3 { padding-left: 20px; max-width: 900px; padding-top: 30px; line-height: 2; font-size: 16px; font-weight: normal; color: #666; margin: 0 auto; }
        .jd1 .b3 span { display: inline-block; padding-right: 20px; }
        .jd1 .b3 i { padding-right: 10px; }
.tit { line-height: 1.2; font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 30px; }
    .tit span { color: #dcdcdc; }
    .tit b { color: #dd112e; }
.jd2 { padding: 40px 0 60px; background-color: #f8f8f8; width: 100%; overflow: hidden; }
    .jd2 ul { width: 105%; padding-top: 10px; }
    .jd2 li { float: left; width: 163px; height: 40px; padding: 10px 0; cursor: pointer; font-size: 16px; line-height: 40px; overflow: hidden; text-align: center; display: table-caption; vertical-align: middle; color: #3972e3; border: 1px #3972e3 solid; margin: 0 18px 15px 0; }
        .jd2 li a { color: #3972e3; }
        .jd2 li.on { line-height: 20px; }
        .jd2 li:hover { background-color: #3972e3; color: #fff; }
            .jd2 li:hover a { color: #fff; }
.jd3 { padding: 50px 0 490px; text-align: center; background: url(images/bg3.jpg) center bottom #3972e3 no-repeat; width: 100%; overflow: hidden; }
    .jd3 .tit span { color: #588cf3; }
    .jd3 .tit b { color: #ebd121; }
    .jd3 .wrapper { width: 1000px; line-height: 2; font-size: 16px; color: #fff; text-align: left; }
    .jd3 img { display: none; }
.jd4 { padding: 50px 0 80px; background-color: #fff; width: 100%; overflow: hidden; }
    .jd4 p { padding-bottom: 50px; font-size: 16px; color: #666; text-align: center; }
    .jd4 ul { width: 105%; }
    .jd4 li { float: left; width: 128px; padding: 39px 0; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #3972e3; font-size: 18px; margin: 0 34px 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-radius: 100%; -o-radius: 100%; border-radius: 100%; cursor: pointer; }
        .jd4 li.on { line-height: 25px; }
        .jd4 li a { color: #fff; }
        .jd4 li:hover { background-color: #dd112e; }
        .jd4 li:nth-child(8) { display: none; }
.jdfooter { display: none; }
.jd5 { padding-top: 40px; }
    .jd5 .tit { padding-bottom: 45px; }
    .jd5 img { float: left; }
    .jd5 .tmr { float: right; width: 740px; }
        .jd5 .tmr h1 { color: #0094ff; font-size: 30px; padding: 10px 0 25px; }
            .jd5 .tmr h1 b { font-size: 48px; padding-right: 0.5em; }

        .jd5 .tmr p { padding-bottom: 20px; line-height: 2; font-size: 16px; }
        .jd5 .tmr div { padding-top: 20px; border-top: 1px #ccc dotted; line-height: 2; font-size: 16px; color: #0094ff; } 

@media (max-width: 767px) {
    .jd1 { height: auto; padding-bottom: 80px; }
        .jd1 .b1 { padding: 50px 0 15px; font-size: 15pt; color: #3972e3; }
            .jd1 .b1 span { color: #dd112e; }
        .jd1 .b2 { line-height: 1.6; font-size: 10pt; padding: 5px 10px; font-weight: normal; border-color: #588cf3; }
            .jd1 .b2 a { display: none; }
        .jd1 .b3 { padding: 15px 0 0; line-height: 1.6; font-size: 9pt; max-width: 100%; }
            .jd1 .b3 span { display: inline-block; padding: 0 3px; }
            .jd1 .b3 i { padding-right: 3px; }
    .tit { font-size: 16pt; padding-bottom: 15px; }
        .tit b { font-size: 16pt; }
    .jd2 { padding: 15px 0 20px; background-color: #f4f4f4; }
        .jd2 .wrapper { width: auto; margin: 0 3px; }
        .jd2 ul { width: 100%; }
        .jd2 li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; border: none; float: left; width: 33.33%; margin: 0; margin-bottom: 6px; height: auto; padding: 0; font-size: 10pt; line-height: 1; }
            .jd2 li a { display: block; padding: 5px 0; height: 28pt; line-height: 28pt; margin: 0 3px; border: 1px #ddd solid; background-color: #f1f1f1; color: #333; }
                .jd2 li a:hover { color: #3972e3; }
            .jd2 li.on { line-height: 1; }
                .jd2 li.on a { line-height: 14pt; }
            .jd2 li:hover { background-color: #f4f4f4; }
    .jd3 { padding: 20px 0 0; background-image: none; }
        .jd3 .wrapper { width: auto; margin: 0 20px; line-height: 1.8; font-size: 10pt; padding-bottom: 15px; }
        .jd3 img { display: block; width: 100%; }
    .jd4 { padding: 20px 0; text-align: center; }
        .jd4 .wrapper { width: auto; margin: 0 10px; }
        .jd4 p { padding: 0 15px 15px; font-size: 10pt; line-height: 1.6; }
        .jd4 ul { width: 100%; }
        .jd4 li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; border: none; float: left; width: 25%; min-width: 56pt; margin: 0; margin-bottom: 10px; height: auto; padding: 0; line-height: 1; background-color: #fff; }
            .jd4 li.on { line-height: 14pt; }
                .jd4 li.on a { line-height: 14pt; }
            .jd4 li:hover { background-color: #fff; }
            .jd4 li:nth-child(8) { display: inline-block; }
            .jd4 li a { display: inline-block; width: 56pt; height: 28pt; line-height: 28pt; padding: 14pt 0; overflow: hidden; font-size: 10pt; border-radius: 100%; color: #333; font-weight: bold; border: 1px #ddd solid; background-color: #f1f1f1; }
    .fnav { display: none; }
    .footer { display: none; }
    .jdfooter { display: block; padding: 25px 15px; background-color: #f1f0ef; line-height: 1.8; font-size: 9pt; color: #999; text-align: center; }
        .jdfooter a { color: #666; }
        .jdfooter p { padding-bottom: 5px; font-size: 10pt; }
            .jdfooter p a { padding: 0 3px; color: #666; }
    .tjdm { display: none; }
    .jd5 { padding: 1.2em 1em 0;text-align:center; }
        .jd5 .tit { padding-bottom: 1em; }
        .jd5 img { float: none; width: 40%;margin:0 auto 1em; }
        .jd5 .tmr { float: none; width: 100%; }
        .jd5 .wrapper { width: 100%; }
    .jd5 .tmr h1 {   font-size: 1em; padding: 0 0 0.8em; }
        .jd5 .tmr h1 b { font-size: 1.4em; padding-right: 0.5em; }
        .jd5 .tmr p { text-align: left; padding-bottom: 0.8em; font-size: 0.9em; }
        .jd5 .tmr div { text-align: left; padding-top: 0.8em; font-size: 0.9em; } 
}