/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/1.png) !important;} */
 
.Banner{position: relative;}
.slick-images .slick-slider{background: url(../image/banner_bg1.png) no-repeat ;background-size: cover;}
.slick-images .slick-slider a{display: block;margin-bottom: 110px;}
.slick-images .slick-slider a .img{width: 62%;float: right;margin: 64px 100px 0 0;}
.slick-images .slick-slider a .img span{padding-bottom: 58.64%;background: none;padding-top: 10px;}
.slick_menu{position: absolute;height: 110px;left: 0;bottom: 0;width: 100%;line-height: 110px;}
.slick_menu::before{content: "";display: block;width: 50%;height: 1px;background: rgba(255,255,255,0.2);position: absolute;left: 0;top: 0;}
.slick_menu .slick-arrow{width: 60px;height: 60px;text-align: center;line-height: 60px;color: #f08300;font-weight: bold;transition: all 0.35s ease-in-out;background-color: rgba(0,0,0,0.3);top: initial;display: inline-block;vertical-align: middle;z-index: 0;}
.slick_menu .slick-prev{left: 60px;}
.slick_menu .slick-next{left: 120px;}
.slick_menu .slick-arrow::before{height: 60px;line-height: 60px;left: -183px;font-size: 20px;top: -5px;}
.slick_menu .slick-arrow::after{display: none;}
.slick_menu .slick-arrow:hover{background-color: #f08300;color: #004098;}
.slick_menu .slick-arrow:hover{background-color: #f08300;color: #004098;}
.slick_menu .slick-dots{left: 215px;width: auto;display: inline-block;vertical-align: middle;line-height: 60px;}
.slick_menu .slick-dots li{width: 4px;height: 4px;border-radius: 50%;background: rgba(255,255,255,0.5);margin: 0 10px;cursor: pointer;transition: all 0.2s ease-in-out;}
.slick_menu .slick-dots li.slick-active{width: 44px;background: rgba(255,255,255,1);border-radius: 2px;}
.slick_menu .slick-dots li:hover{background: rgba(255,255,255,1);}
.slick_menu .slick-dots li button{display: none;}
.slick_menu .mouse {position: absolute;bottom: 27px;right: 60px;z-index: 1;cursor: pointer;width: 14px;height: 72px;border-radius: 7px;background-color: #f08300;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}
.slick_menu .mouse:after {content: '';position: absolute;left: 5px;top: 10px;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;-webkit-animation: mouse-dot-animation 1.5s ease infinite;animation: mouse-dot-animation 1.5s ease infinite;}
@-webkit-keyframes mouse-dot-animation {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translate3d(0, 48px, 0);
              transform: translate3d(0, 48px, 0);
      opacity: 0;
    }
}
  
@keyframes mouse-dot-animation {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translate3d(0, 48px, 0);
              transform: translate3d(0, 48px, 0);
      opacity: 0;
    }
}


.ColumnTitle{line-height: 24px;box-sizing: border-box;padding: 50px 0 32px;}
.ColumnTitle h2{color: #222;font-weight: normal;}
.ColumnTitle h2 span{padding-right: 40px;display: inline-block;position: relative;}
.ColumnTitle h2 span::after{background: url(../image/title_bg.png) no-repeat right bottom;content: "";display: block;width: 35px;height: 20px;position: absolute;right: 5px;bottom: -12px;}
.ColumnTitle>span{float: right;line-height: 12px;margin-top: 16px;}
.ColumnTitle>span a{color: #999;}
.ColumnTitle>span a:hover{color: #f08300;}
.ColumnTitle2{display: inline-block;background: #f08300;box-sizing: border-box;padding: 40px 0px;width: 280px;text-align: center;}
.ColumnTitle2 h2{color: #fff;}
.ColumnTitle2 h2 span::after{background: url(../image/title_bg2.png) no-repeat right bottom;}

.mode1{margin-top: 10px;}
.mode1 ul{margin: 0 -15px;overflow: hidden;}
.mode1 ul li{width: 33.3%;float: left;margin-bottom: 30px;transition: all 0.2s ease-in-out;}
.mode1 ul li a{display: block;margin: 0 15px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.mode1 ul li a .img{padding-bottom: 56.27%;} 
.mode1 ul li a .info{padding:35px 30px 26px;box-sizing: border-box;position: relative;}
.mode1 ul li a .info::before{content: "";display: block;width: 44px;height: 4px;background: #f08300;position: absolute;left: 30px;top: 18px;}
.mode1 ul li a .info p{color: #222;line-height: 26px;height: 78px;overflow: hidden;}
.mode1 ul li a .img + .info p{height: 104px;}
.mode1 ul li a .info span{line-height: 26px;display: block;margin-top: 20px;}
.mode1 ul li a .info span i{font-style: normal;color: #f08300;padding-right: 16px;border-right: 1px solid #f08300;margin-right: 17px;}
.mode1 ul li a .info span b{font-weight: normal;color: #004098;}
.mode1 ul li .info p:hover{color: #004098;}
.mode1 ul li:hover{transform: translateY(-6px);}

.mode2{background: url(../image/mode2_bg.png);margin-top: 30px;position: relative;}
.mode2::before{content: "";display: block;width: 61%;height: 89%;background: url(../image/mode2_bg2.png) no-repeat right bottom;background-size: cover;position: absolute;left: 0px;bottom: 0;box-shadow: 1px 1px 6px rgba(0,0,0,0.2);}
.mode2_con{margin-top: 40px;position: relative;overflow: hidden;} 
.mode2_lt{width: calc(100% - 470px);float: left;}
.mode2_lt .img{width: calc(100% + 38px);box-shadow: 1px 1px 6px rgba(0,0,0,0.2);}
.mode2_lt span{padding-bottom: 56.30%;}
.mode2_lt .info{padding: 25px 45px 45px 0;display: block;}
.mode2_lt .info h3{color: #222;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.mode2_lt .info h3:hover{color: #004098;}
.mode2_lt .info p{color: #999;line-height: 24px;height: 72px;overflow: hidden;margin-top: 20px;}

.right_banner {float: right;position:relative; right: 0; top: 0; bottom: 0; overflow: hidden;}
.right_banner ul { width: 382px;height: 725px;overflow-y: hidden;overflow-x: hidden;position: relative; } 
.right_banner ul:hover{overflow-y: scroll;}
.right_banner ul li {margin-bottom: 40px;} 
.right_banner ul li:last-child{margin-bottom: 0;}
.right_banner ul li a{display:block;position: relative; overflow: hidden; }
.right_banner ul li a>span {padding-bottom: 56.28%;}
.right_banner ul li .box_hover {position: absolute; left: 0; background: rgba(0,64,152,0.8); right: 0; bottom: 0; top: 0; padding:30px; z-index: 1;box-sizing: border-box;transition: all 0.1s ease-in;visibility: hidden;opacity: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s; }
.right_banner ul li h3 {color: #fff;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
.right_banner ul li p {color: #fff;opacity: 0.7;filter: alpha(opacity=70);line-height: 24px;height: 48px;overflow: hidden;margin-top: 12px;}
.right_banner ul li .goview {position: absolute; right: 0; bottom: 0;display: inline-block; color: #004098; background: #f08300; width: 88px; height: 30px;line-height: 30px;text-align: center;}
.right_banner ul li:hover .box_hover {visibility: inherit;opacity: 1;} 

.right_banner ul::-webkit-scrollbar{
  /*滚动条整体样式*/
  width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  position: absolute;right: 0;
}
.right_banner ul::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 0px;
  background-color: rgba(0,0,0,0);
}
.right_banner ul::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background   : transparent;
  border-radius: 0px; 
}

.nectar-scroll-icon {
width: 24px;
height: 33px;
text-align: center;
position: relative;
z-index: 100;
border-color: #f08300;
color: #f08300; 
}
.mouse_scr {position: relative; text-align:center;padding-top: 26px;background: #f5f1ed;}
.mouse_scr .ico {
  display: block;  
  text-align: center;
  border-radius: 100px;    
  -webkit-border-radius: 100px;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  overflow: hidden;
  margin-left: 0px;
  left: 0;
  opacity: 0.6;    
  overflow: visible;
  opacity: 1;
  height: auto;
  bottom: 13px; 
  -webkit-animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
  animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
}
.mouse_scr .ico::before{ 
  position: absolute;
  content: '';
  display: block;
  left: 50%;
  margin-left: -2px;
  top: 18px;
  background-color: #f08300;
  width: 4px;
  height: 9px;
  border-radius: 2px;
  transition: background-color .55s cubic-bezier(.5,.1,.07,1);
  -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
  animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
}

@keyframes nudgeMouse{ 
0%{ -webkit-transform:translateY(0);  transform:translateY(0)}
45%{ -webkit-transform:translateY(8px);  transform:translateY(8px)}
65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}
@-webkit-keyframes nudgeMouse{ 
0%{ -webkit-transform:translateY(0); transform:translateY(0)}
45%{ -webkit-transform:translateY(8px);  transform:translateY(8px)}
65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}
@-webkit-keyframes trackBallSlide{ 
0%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)} 
45%{ opacity:0;  -webkit-transform:scaleY(0.5) translateY(13px);  transform:scaleY(0.5) translateY(13px)}
46%{ opacity:0;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
65%, 100%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
}
@keyframes trackBallSlide{ 
0%{opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)} 
45%{ opacity:0;  -webkit-transform:scaleY(0.5) translateY(13px);  transform:scaleY(0.5) translateY(13px)}
46%{ opacity:0;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
65%, 100%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
}

.mode3{background: url(../image/mode2_bg.png);padding: 70px 0 60px;}
.mode3_con{position: relative;padding: 40px 0;box-sizing: border-box;}
.mode3_con::before{content: "";display: block;width: 62%;height: 100%;background: #fff;position: absolute;left: 0px;bottom: 0;}
.mode3_cons{overflow: hidden;position: relative;line-height: auto;}
.mode3_cons .ColumnTitle2{float: left;vertical-align: middle;position: absolute;left: 0;;top: 50%;transform: translateY(-50%);}
.mode3_cons ul{overflow: hidden;margin: 0 -10px;margin-left: 290px;padding: 10px 0;vertical-align: middle;}
.mode3_cons ul li{width: 20%;float: left;transition: all 0.2s ease-in-out;}
.mode3_cons ul li div{margin: 0 10px;border-radius: 16px;border: 1px solid #e5e5e5;background: #f5f5f5;padding: 9px;} 
.mode3_cons ul li div a{background: #ffffff;border-radius: 16px;display: block;text-align: center;padding: 30px 0 24px;}  
.mode3_cons ul li div a p{line-height: 24px;color: #222;margin-top: 14px;}  
.mode3_cons ul li:hover{transform: translateY(-5px);}
.mode3_cons ul li:hover div a p{color: #004098;}

.floatLeft{width: 44px;border-radius: 22px;background: #002a66;position: fixed;left: 40px;top: 50%;transform: translateY(-50%);padding: 30px 0;}
.floatLeft li{position: relative;}
.floatLeft li .initialImg{width: 44px;height: 44px;text-align: center;line-height: 44px;display: inline-block;}
.floatLeft li p{background: #fff;position: absolute;left: 0;top: 0;display: none;width: auto;min-width: 320px;height: 44px;;border-radius: 22px;padding: 13px 0;box-sizing: border-box;transition: all 0.2s ease-in-out;}
.floatLeft li p .img{width: 44px; text-align: center;border-right: 1px solid #cccccc;padding: 0; }
.floatLeft li p span{float: left;padding: 0 13px;}
.floatLeft li:hover p{display: block;}

@media screen and (max-width:1600px) {
  .mode2::before{width: 63%;height: 88%;}
}
@media screen and (max-width:1480px) {
  .mode2_lt{width: calc(100% - 425px);}
  .right_banner ul{width: 330px;height: 635px;}
  .mode2::before{height: 87%;}
}
@media screen and (max-width:1240px) {
  .right_banner ul li{margin-bottom: 30px;}
  .mode2_lt{width: calc(100% - 415px);}
  .right_banner ul{width: 320px;height: 605px;}
  
  .mode3_cons ul li div a p{font-size: 16px;}
  
}
@media screen and (max-width:1100px){
  .right_banner ul{height: 501px;width: 260px;}
  .mode2::before{width: calc(100% - 380px);}
  .mode2::before{height: 85%;}
  .mode2_lt {width: calc(100% - 350px);}
}
@media screen and (max-width:1060px) {
  
}
@media screen and (max-width:996px) {
  .ColumnTitle{padding: 30px 0;}
   .floatLeft{display: none;}
   .mode2{margin-top: 0;}
   

   .mode2_lt{width: calc(100% - 400px);}
   .mode2::before{height: 84%;width: calc(100% - 415px);}
    .right_banner ul{height: 380px;width: 310px;}

   

   .mode3{padding: 30px 0;}
   .mode3_con{padding: 10px 0;}
   .mode3_cons .ColumnTitle2{float: none;position: relative;top: 0;transform: translateY(0);}
   .mode3_cons ul{display: block;margin: 10px -10px 0;}
   .mode3_con::before{display: none;}
   .mouse_scr{padding-top: 20px;}
   

}
@media screen and (max-width:768px) {
  .slick_menu .slick-arrow{display: none!important;}
  .slick_menu .slick-dots{left: 50%;transform: translateX(-50%);line-height: 20px;bottom: 20px;}
  .slick_menu{height: 40px;line-height: 40px;}
  .slick_menu::before{display: none;}
  .slick-images .slick-slider a{margin-bottom: 50px;}
  .slick-images .slick-slider a .img{margin: 0 auto;float: none;width: 100%;}
  .slick_menu .mouse{right: 15px;}
  .ColumnTitle{padding: 20px 0 30px;}
  /* mode1 */
  .mode1 ul li{width: 100%;}
  .mode1 ul li a .img + .info p{height: auto;max-height: 78px;}
  .mode1 ul li a .info p{height: auto;max-height: 78px;}
  .mode1 ul li a .info span{margin-top: 0px;}
  .mode1 ul li a .info{padding: 20px;}
  .mode1 ul li a .info::before{top: 10px;left: 20px;}
  .mode1 ul li{margin-bottom: 20px;}
  .right_banner{float: none;}
  .right_banner ul{width: 100%;}
  
  .mode3_cons ul li{width: 33.3%;margin-bottom: 10px;}
  .mouse_scr{padding-top: 15px;}

  .ColumnTitle h2 span::after{bottom: -6px;width: 30px;right: 10px;}

  .mode2_lt{width: 100%;float: none;margin-top:10px;margin-bottom: 10px;}
  .mode2::before{display: none;}
  .mode2_lt .info{background: url(../image/mode2_bg2.png) no-repeat center bottom;padding: 15px;}
  .mode2_con{margin-top: 0px;}
  .right_banner{float: none;}
  .right_banner ul{width: 100%;height: 300px;}
}
@media screen and (max-width:540px) {
  
}
@media screen and (max-width:479px) {
  .mode3_cons ul li{width: 50%;}
}