/*新顶部样式*/

/*公用*/
.new-logo-group *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.new-logo-group{background:#e3eaf7;position:relative;z-index:1;padding-bottom:40px;}
.new-logo-group .right-nav{width:1000px;margin:auto;text-align:right;height:40px;line-height:40px;font-size:0;position:relative;z-index:2}
.new-logo-group .right-nav a{display:inline-block;vertical-align:top;font-size:12px;}
.new-logo-group .right-nav a:not(:last-child){margin-right:20px;}
.new-logo-group .nav{height:56px;position:relative;z-index:2;}
.new-logo-group .nav:before,.new-logo-group .nav:after{content:"";display:block;height:100%; background:#21488d;width:calc((100% - 1100px)/2); position:absolute;top:0;}
.new-logo-group .nav:before{left:0;width:calc((100% - 1150px)/2)}
.new-logo-group .nav:after{right:0;}
.new-logo-group .nav-content{width:1100px;height:100%;margin:auto;position:relative;padding-left:385px;}
.new-logo-group .nav-content:before{content:"";display:block;height:100%; position:absolute;}
.new-logo-group .nav-content:before{background:#21488d;width:calc(100% - 385px);top:0;right:0;}
.new-logo-group .nav-content .nav-logo{width:410px;height:100%;position:absolute; top:0;left:-25px;}
.new-logo-group .nav-content .nav-logo:after{content:"";display:block;width:300px;height:62px;background:url(/images/logo.png)no-repeat;background-size:100%; position:absolute;left:55px;top:calc(50% - 40px);}
.new-logo-group .nav-content .nav-logo:before{content:"";display:block;height:100%; background:url(/images/nav-bg.png)no-repeat;background-size:100%; width:100%; position:absolute;top:0;}
.new-logo-group .nav-content .nav-logo span{display:block;font-weight:700;font-size:14px;color:#333;position:absolute;top:50px;right:52px;letter-spacing:4px;}
.new-logo-group .nav-content>ul{display:table;width:100%;table-layout:fixed;}
.new-logo-group .nav-content>ul>li{display:table-cell;vertical-align:middle;position:relative;z-index:1;font-size:15px;font-weight:200;}
.new-logo-group .nav-content>ul>li>a{line-height:56px;text-align:center;}
.new-logo-group .nav-content>ul>li:hover>a{background:#2252a3}
.new-logo-group .nav-content>ul>li .more{position:absolute;width:100%;background:rgba(66,119,210,.8);position:absolute;left:0;top:56px;}
.new-logo-group .nav-content>ul>li:not(:hover) .more{display:none;}
.new-logo-group .nav-content>ul>li .more a{font-size:13px;line-height:32px;padding:0 10px;text-align:center;position:relative;}
.new-logo-group .nav-content>ul>li .more a:hover{background:#356fcf}
.new-logo-group .nav-content>ul>li .more a:hover:before{content:"";display:block;width:8px;height:8px;background:url(/images/nav-more-ico.png)no-repeat;background-size:100%;position:absolute;left:8px;top:calc(50% - 4px)}
.new-logo-group .nav-content a{color:#fff;display:block;text-decoration:none;}
.new-logo-group .show-group{position:absolute;width:100%;height:100%;position:absolute;left:0;top:0;}
.new-logo-group ul,.new-logo-group li{padding:0;margin:0;list-style-type:none;}
.new-logo-group .show-nav{height:100px;width:100%; background:rgba(197,206,221,.8);position:absolute;left:0;bottom:0;z-index:1;}
.new-logo-group .show-nav ul{display:table;width:1000px;height:100%; table-layout:fixed;margin:auto;padding:10px 0;}
.new-logo-group .show-nav ul li{display:table-cell;vertical-align:middle;position:relative;}
.new-logo-group .show-nav ul li:not(:last-child){border-right:1px dotted #98a7c3;}
.new-logo-group .show-nav ul li:not(:first-child){border-left:1px dotted rgba(255,255,255,.5);}
.new-logo-group .show-nav ul li:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.new-logo-group .show-nav ul li.show-b-1:before{background:url(/images/show-btn-1.png)no-repeat center;background-size:90%;}
.new-logo-group .show-nav ul li.show-b-2:before{background:url(/images/show-btn-2.png)no-repeat center;background-size:90%;}
.new-logo-group .show-nav ul li.show-b-3:before{background:url(/images/show-btn-3.png)no-repeat center;background-size:90%;}
.new-logo-group+.about_1{padding-top:0px;background: url(/images/about_1.gif) repeat-x #f2f6fd 0px 0px;}

/*首页*/
.index-main{height:550px;padding:0;}
.index-main{background:-moz-linear-gradient(bottom, #e3eaf7, #bac9e1 98%);background:-webkit-gradient(linear, 0 98%, 0 bottom, from(#e3eaf7), to(#bac9e1));}
.index-main .show-photo,.index-main .show-photo li{position:absolute;width:100%;height:100%;position:absolute;left:0;top:0;}
.index-main .show-photo li{display:none}
.index-main .show-photo li.active{display:block;}
.index-main .show-photo li:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.index-main .show-photo .show-1:before{background:url(/images/show-1.jpg)no-repeat bottom center;}
.index-main .show-photo .show-2:before{background:url(/images/show-2.jpg)no-repeat bottom center;}
.index-main .show-photo .show-3:before{background:url(/images/show-3.jpg)no-repeat bottom center;}

/*幻灯1*/
.index-main .show-photo .show-1 span{display:inline-block;vertical-align:middle;position:absolute;}
.index-main .show-photo .show-1 .dian{width:200px;height:200px;left:calc(50% - 100px);top:calc(50% - 80px)}
.index-main .show-photo .show-1 .dian font{display:block;position:absolute;width:84px;line-height:24px;padding-left:20px;font-size:14px;font-weight:400;}
.index-main .show-photo .show-1 .dian font:before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:rgba(0,177,255,.8);position:absolute;left:0;top:calc(50% - 7px)}
.index-main .show-photo .show-1 .dian font.f-1{left:-42px;top:calc(50% - 12px)}
.index-main .show-photo .show-1 .dian font.f-2{right:-42px;top:calc(50% - 12px)}
.index-main .show-photo .show-1 .dian font.f-3{left:calc(50% - 42px);top:-12px}
.index-main .show-photo .show-1 .word{font-size:32px;line-height:32px;font-weight:700;color:#25498f;width:500px;text-align:center; top:calc(50% - 16px);left:calc(50% - 250px);letter-spacing:3px;}

/*幻灯1动画*/
.index-main .show-photo .show-1:before{opacity:0;}
.index-main .show-photo .show-1 .dian font{opacity:0}
.index-main .show-photo .show-1 .word{opacity:0;}
.index-main .show-photo .show-1 .dian font.f-1{left:-100px;}
.index-main .show-photo .show-1 .dian font.f-2{right:-100px;}
.index-main .show-photo .show-1 .dian font.f-3{top:-50px}

.index-main .show-photo .show-1.active:before{animation:s1-bg 5s ease-in forwards ;}
@-webkit-keyframes s1-bg {
    0%{opacity:0}
    40%{opacity:0}
    60%{opacity:1;}
    100%{opacity:1;}
}

.index-main .show-photo .show-1.active .dian font:before{animation:s1-f-b .2s linear infinite;}
@-webkit-keyframes s1-f-b {
    0%{background:rgba(0,177,255,.5);}
    100%{background:rgba(0,177,255,1);}
}

.index-main .show-photo .show-1.active .dian font.f-1{animation:s1-f1 5s ease-in forwards ;}
@-webkit-keyframes s1-f1 {
    0%{opacity:0;left:-100px;}
    20%{opacity:1;left:-42px;}
    100%{opacity:1;left:-42px;}
}

.index-main .show-photo .show-1.active .dian font.f-2{animation:s1-f2 5s ease-in forwards ;}
@-webkit-keyframes s1-f2{
    0%{opacity:0;right:-100px;}
    10%{opacity:0;right:-100px;}
    30%{opacity:1;right:-42px;}
    100%{opacity:1;right:-42px;}
}

.index-main .show-photo .show-1.active .dian font.f-3{animation:s1-f3 5s ease-in forwards ;}
@-webkit-keyframes s1-f3{
    0%{opacity:0;top:-50px;}
    20%{opacity:0;top:-50px;}
    40%{opacity:1;top:-12px;}
    100%{opacity:1;top:-12px;}
}

.index-main .show-photo .show-1.active .dian{animation:s1-dian 5s ease-in forwards ;}
@-webkit-keyframes s1-dian{
    0%{opacity:1;}
    60%{opacity:1;}
    65%{opacity:0;}
    100%{opacity:0;}
}

.index-main .show-photo .show-1.active .word{animation:s1-word 5s ease-in forwards ;}
@-webkit-keyframes s1-word{
    0%{opacity:0;top:calc(50% - 56px);}
    50%{opacity:0;top:calc(50% - 56px);}
    80%{opacity:1;top:calc(50% - 16px);}
    100%{opacity:1;top:calc(50% - 16px);}
}


/*幻灯2动画*/

.index-main .show-photo .show-2 .word{width:1000px;height:100%; position:absolute;left:calc(50% - 500px);bottom:0;}
.index-main .show-photo .show-2 .word p{padding:0;margin:0;width:600px;height:150px;color:#fff; background-image:linear-gradient(to right,rgba(99,141,214,0),rgba(99,141,214,1)30%,rgba(99,141,214,1)70%,rgba(99,141,214,0)); position:absolute;right:50px;top:180px;}
.index-main .show-photo .show-2 span{display:block;position:absolute;}
.index-main .show-photo .show-2 font{color:#ffea01}
.index-main .show-photo .show-2 .f-1{font-size:30px;color:#ffdfa9;left:60px;top:15px;}
.index-main .show-photo .show-2 .f-2{font-size:18px;left:60px;top:65px;}
.index-main .show-photo .show-2 .f-3{font-size:18px;left:60px;top:95px;}

.index-main .show-photo .show-2.active:before{animation:s2-bg 5s ease-in forwards ;}
@-webkit-keyframes s2-bg {
    0%{opacity:0}
    30%{opacity:1;}
    100%{opacity:1;}
}

.index-main .show-photo .show-2.active .word p{animation:s2-p 5s ease-in forwards ;}
@-webkit-keyframes s2-p {
    0%{opacity:0;right:0px;}
    30%{opacity:0;right:0;}
    40%{opacity:1;right:50px;}
    100%{opacity:1;right:50px;}
}

.index-main .show-photo .show-2.active .f-1{animation:s2-f1 5s ease-in forwards ;}
@-webkit-keyframes s2-f1 {
    0%{opacity:0;left:20px;}
    40%{opacity:0;left:20px;}
    50%{opacity:1;left:60px;}
    100%{opacity:1;left:60px;}
}
.index-main .show-photo .show-2.active .f-2{animation:s2-f2 5s ease-in forwards ;}
@-webkit-keyframes s2-f2 {
    0%{opacity:0;left:100px;}
    50%{opacity:0;left:100px;}
    60%{opacity:1;left:60px;}
    100%{opacity:1;left:60px;}
}
.index-main .show-photo .show-2.active .f-3{animation:s2-f3 5s ease-in forwards ;}
@-webkit-keyframes s2-f3 {
    0%{opacity:0;left:100px;}
    50%{opacity:0;left:100px;}
    60%{opacity:1;left:60px;}
    100%{opacity:1;left:60px;}
}


/*幻灯3动画*/
.index-main .show-photo .show-3 .word{width:1000px;height:100%; position:absolute;left:calc(50% - 500px);bottom:0;}
.index-main .show-photo .show-3 .word p{padding:0;margin:0;width:400px;height:180px;color:#fff; background-image:linear-gradient(-30deg,rgba(19,88,189,.8),rgba(19,88,189,.8)80%,rgba(19,88,189,0)); position:absolute;right:50px;top:200px;}
.index-main .show-photo .show-3 .word p:before{content:"";display:block;width:40px;height:66px;background:url(/images/logo22.png)no-repeat; position:absolute;left:40px;top:calc(50% - 33px)}
.index-main .show-photo .show-3 span{display:block;position:absolute;left:100px;padding-left:15px;}
.index-main .show-photo .show-3 .word span:not(.f-1):before{content:"";display:block;width:10px;height:10px;background:url(/images/nav-more-ico.png)no-repeat;background-size:100%;  position:absolute;left:0;top:calc(50% - 5px)}
.index-main .show-photo .show-3 font{color:#ffea01;}
.index-main .show-photo .show-3 .f-1{font-size:36px;top:15px;padding:0;}
.index-main .show-photo .show-3 .f-2{font-size:16px;top:65px;}
.index-main .show-photo .show-3 .f-3{font-size:16px;top:95px;}
.index-main .show-photo .show-3 .f-4{font-size:16px;top:125px;}

.index-main .show-photo .show-3.active:before{animation:s3-bg 5s ease-in forwards ;}
@-webkit-keyframes s3-bg {
    0%{opacity:0}
    30%{opacity:1;}
    100%{opacity:1;}
}

.index-main .show-photo .show-3.active .word p{animation:s3-p 5s ease-in forwards ;}
@-webkit-keyframes s3-p {
    0%{opacity:0;right:0px;}
    30%{opacity:0;right:0;}
    40%{opacity:1;right:50px;}
    100%{opacity:1;right:50px;}
}
.index-main .show-photo .show-3.active .f-1{animation:s3-f1 5s ease-in forwards ;}
@-webkit-keyframes s3-f1 {
    0%{opacity:0;left:80px;}
    40%{opacity:0;left:80px;}
    50%{opacity:1;left:100px;}
    100%{opacity:1;left:100px;}
}
.index-main .show-photo .show-3.active span:not(.f-1){animation:s3-f2 5s ease-in forwards ;}
@-webkit-keyframes s3-f2 {
    0%{opacity:0;left:140px;}
    50%{opacity:0;left:140px;}
    60%{opacity:1;left:100px;}
    100%{opacity:1;left:100px;}
}