#navigation {position: absolute;top: 50%;margin-top: -80px;right: 20px;text-align: center;
    /*border: 1px solid #f00;*/}
#navigation > li {width: 8px;height: 8px;position: relative;margin: 1px 1px 24px 1px;background: #eee;
    -webkit-border-radius: 6px;
    -webkit-transition: All 0.3s 0s;}
#navigation > li span{width: 90px;height: 20px;position: absolute;top: -6px;color: #333;right: 25px;font-size: 16px;text-align: right;}
#navigation > li.page_on {background: #163f8f}

.header{position: fixed; z-index: 1000; width: 100%;top: 0;left: 0}

#global_scroll {
    width: 29px;
    height: 50px;
    position: fixed;
    left: 50%;
    margin-left: -14px;
    bottom: 20px;
    transition: opacity 1s;
    -webkit-animation: scroll 2s infinite;
    -moz-animation: scroll 2s infinite;
    -ms-transition:scroll 2s infinite;
  }
  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0) translateY(0px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -moz-transform: translateX(0) translateY(0px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -ms-transform: translateX(0) translateY(0px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      transform: translateX(0) translateY(0px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    50% {
      -webkit-transform: translateX(0) translateY(10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -moz-transform: translateX(0) translateY(10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -ms-transform: translateX(0) translateY(10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      transform: translateX(0) translateY(10px) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    100% {
      -webkit-transform: translateX(0px) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -moz-transform: translateX(0px) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      -ms-transform: translateX(0px) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
      transform: translateX(0px) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
  }
/* 右侧导航 */
#fp-nav { _display: none; font-size: 12px;position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;}
#fp-nav.right{right:2px!important;}
#fp-nav li {width: 95px!important; height: 40px!important; margin-top: 10px;vertical-align: middle;}
#fp-nav li a { float: right; width: 21px!important; height: 21px!important; color: #666; text-decoration: none; text-align: right; background: url('../images_2020/dot.png') 5px 5px no-repeat;}
#fp-nav li .active { background-position: 0 bottom;color: #0068b7;}
#fp-nav span { display: none;}
#fp-nav li a.active + .fp-tooltip{color: #0068b7!important; }
.fp-tooltip{float: left; top: 0; margin-right:20px!important; font: 12px "Microsoft Yahei"; color: #666!important; line-height: 20px!important;margin-top: -30px}
#dowebok {margin-top: 0;}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#dowebok .section {}
#dowebok .section .fp-controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none;}
#dowebok .section .fp-prev { left: 80px; background: url('../images_2020/left_control.png') 50% no-repeat;}
#dowebok .section .fp-next { right: 80px; background: url('../images_2020/right_control.png') 50% no-repeat;}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-easing {
    -webkit-transition: all 0.7s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.7s ease-out;
}




.srow{width: 85%;margin: 0 auto;overflow: hidden;padding-top: 160px;height: 100%;}
.sli-left{width: 70%;float: left;padding-left: 20px}
.sli-left h2{font-size: 20px;font-weight: bold;color: #163f8f}
.sli-left h3{font-size: 16px;font-weight: bold;color: #163f8f}
.sli-left h4{font-size: 16px;font-weight: bold;margin-top: 7px}
.slibox{font-size: 14px;color: #444;line-height: 1.7;overflow: hidden;}
.slibox p{margin-top: 0px}

.sli-box{overflow: hidden;}
.sli-box h2{font-size:20px;font-weight: bold;color: #163f8f}
.sli-box h3{font-size: 16px;font-weight: bold;color: #163f8f}
.sli-box h4{font-size: 16px;font-weight: bold;margin-top: 7px}

.sli-right{width: 29%;float: right;padding-top: 20px;text-align: center}
.sli-right .items{overflow: hidden}
.sli-right .items p{width: 85%;padding: 5px 0;margin: 0 auto;font-size: 14px}
.imx{width: 50%;float: left;}
@media screen and (max-width: 1590px){
	
  
    .sli-right img{width: 100%;}

}	

@media screen and (min-width: 1600px){
	
	
    .sli-right img{width: 90%;}

}