#s-1
{
  width:100%;
  max-height: 1080px;
  overflow: hidden;
}
.s-1-1
{
  width:100%;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-1-2
{
  position: relative;
  width:20%;
  cursor: pointer;
  overflow: hidden;
}
.s-1-2 img
{
  width:100%;
  transform:scale(1,1);
  transition-property: all;
  transition-duration: 0.5s;
}
.s-1-2:hover img
{
  transform:scale(1.2,1.2);
}
.s-1-3
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
  transition-property: all;
  transition-duration: 0.2s;
}
.s-1-2:hover .s-1-3
{
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
}
.s-1-4
{
  position: relative;
  text-align: center;
  font-size: 88px;
  line-height: 88px;
  font-family: "OPPOSans-H";
  /**font-weight: bold;**/
  color: #FFFFFF;
  margin-top: 316px;
}
.s-1-4 b
{
  position: absolute;
  top:-20px;
  font-size: 60px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
}
.s-1-4 span
{
  display: inline-block;
  position: relative;
  background:url('../images_2022/baise.png') no-repeat left bottom;
  background-size: 100% 100%;
}
.s-1-5
{
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 28px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #FFFFFF;
  margin-top: 31px;
  text-shadow: 0px 1px 0px rgba(127, 127, 127, 0.5);
}
#s-2
{
  width:100%;
  margin-top:80px;
  background-color: #FFFFFF;
}
.alright{ overflow:hidden; display:none;float: right;width: 85%;}
.alright_on{ display:block !important;}
#s-3
{
   position: relative;
   width:100%;
   height: 1151px;
   background: #ffffff;
}
.s-3-1
{
  width: 100%;
  margin-top: 120px;
}
.s-3-2
{
  position: absolute;
  bottom: 0px;
  left:0px;
  font-size: 180px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #FFFFFF;
  line-height: 180px;
  text-shadow: 0px 2px 23px #F3F3F3;
}
.s-3-3
{
    position: relative;
    z-index: 2;
    width: 100%;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.s-3-4
{
    width: 246px;
    position: relative;
    z-index: 2;
    margin-top: 59px;
}
.s-3-5
{
    height: 72px;
    font-size: 18px;
    color: #424242;
    text-align: left;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.2s;
}
.s-3-5.on
{
    height: 72px;
    font-size: 24px;
    color: #424242;
    line-height: 28px;
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
    text-align: left;
    transition-property: all;
    transition-duration: 0.2s;
}
.s-3-5 span
{
    display: inline-block;
    width: 60px;
    height: 72px;
    padding-top:25px;
    padding-left: 13px;
    font-size: 18px;
    line-height: 18px;
    color: #424242;
    transition-property: all;
    transition-duration: 0.2s;
}
.s-3-5 span.on
{
    display: inline-block;
    width: 60px;
    height: 72px;
    padding-top:25px;
    padding-left: 13px;
    font-size: 22px;
    line-height: 22px;
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
    color: #424242;
    background: url('../images_2022/wenzibeijing.png') no-repeat;
    transition-property: all;
    transition-duration: 0.2s;
}
.s-3-5:hover
{
    color: #2979FF;
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
}
.s-3-5:hover span
{
    color: #2979FF;
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
}
.s-3-5:hover span.on
{
    color: #424242;
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
}
.s-3-5 span.on:hover
{
    font-family: "OPPOSans-B";
    /**font-weight: bold;**/
    color: #424242;
}
.s-3-5.on:hover
{
    color: #424242;
}
.s-3-6
{
  position: relative;
  width: 580px;
  height: 688px;
  margin-top: 59px;
  float: left;
}
.s-3-7
{
  width: 580px;
  height: 580px;
  background-color: #004CC6;
  cursor: pointer;
  overflow: hidden;
}
.s-3-8
{
  position: relative;
  width: 850px;
  height: 850px;
  margin-top:12px;
  margin-left:12px;
  background-color: #FF0000;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-8 img
{
  position: relative;
  width: 580px;
  height: 580px;
  margin-top:-12px;
  margin-left:-12px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-8:hover
{
  position: relative;
  width: 850px;
  height: 850px;
  margin-top:-135px;
  margin-left:-135px;
  background-color: #FF0000;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-8:hover img
{
  position: relative;
  width: 580px;
  height: 580px;
  margin-top:135px;
  margin-left:135px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.2,1.2);
  transform-origin: 50% 50% 0;
}
.s-3-9
{
  width: 472px;
  height: 108px;
  background: #FFFFFF;
  box-shadow: 0px 2px 23px 0px #E9EAEB;
}
.s-3-10
{
  padding-left: 28px;
  padding-top: 24px;
}
.s-3-10 a
{
  text-decoration: none;
  font-size: 28px;
  line-height: 28px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.s-3-10 a:hover
{
  text-decoration: none;
  font-size: 28px;
  line-height: 28px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.s-3-11
{
  padding-left: 28px;
  padding-top: 12px;
  font-size: 20px;
  line-height: 20px;
  font-family: "OPPOSans-R";
  font-weight: normal;
  color: #757575;
}
.s-3-13
{
  position: relative;
  width: 580px;
  height: 306px;
  background: #FFD500;
  cursor: pointer;
  overflow: hidden;
}
.s-3-14
{
  position: relative;
  width: 660px;
  height: 660px;
  margin-top:12px;
  margin-left:-87px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-14 img
{
  position: relative;
  width: 580px;
  height: 306px;
  margin-top:-12px;
  margin-left:87px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-14:hover
{
  position: relative;
  width: 660px;
  height: 660px;
  margin-top:-177px;
  margin-left:-40px;
  background-color: #FF0000;
  border-radius: 350px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-14:hover img
{
  position: relative;
  width: 580px;
  height: 306px;
  margin-top:177px;
  margin-left:40px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-3-15
{
  width: 472px;
  height: 108px;
  background: #FFFFFF;
  box-shadow: 0px 2px 23px 0px #E9EAEB;
}
.s-3-15a
{
  width: 580px;
  background: #FFFFFF;
  float: right;
}
.s-3-15b
{
  width: 304px;
}
.s-3-15c
{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-3-15e
{
  width: 108px;
  height: 355px;
  margin-top:40px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.04);
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  font-size: 20px;
  color: #424242;
  line-height: 28px;
}
.s-3-15e a
{
  padding-top: 10px;
  text-decoration: none;
  color: #424242;
}
.s-3-15e a:hover
{
  text-decoration: none;
  color: #424242;
}
.s-3-16
{
  position: relative;
  width: 412px;
  height: 246px;
  background: #E71138;
  cursor: pointer;
  margin-top: 40px;
  overflow: hidden;
}
.s-3-17
{
  position: relative;
  width: 490px;
  height: 490px;
  margin-top:-256px;
  margin-left:-10px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-17 img
{
  position: relative;
  width: 412px;
  height: 246px;
  margin-top:256px;
  margin-left:10px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-17:hover
{
  position: relative;
  width: 490px;
  height: 490px;
  margin-top:-122px;
  margin-left:-39px;
  background-color: #FF0000;
  border-radius: 350px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-3-17:hover img
{
  position: relative;
  width: 412px;
  height: 246px;
  margin-top:122px;
  margin-left:39px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
#s-4
{
   position: relative;
   width:100%;
   min-height: 152px;
   /**background: #F7F7F2;**/
   overflow: hidden;
}
.s-4-1
{
  position: absolute;
  top:-430px;
  left:0px;
  width: 860px;
  height: 860px;
  background: #FFFFFF;
  border-radius: 430px;
  z-index:0;
}
.s-4-2
{
  position: absolute;
  right:-713px;
  bottom:0px;
  width: 1192px;
  height: 1192px;
  background: #ECECE8;
  border-radius: 596px;
  z-index:0;
}
.s-4-3
{
  position: absolute;
  right:-200px;
  bottom:480px;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  font-size: 180px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #FFFFFF;
  line-height: 180px;
  text-shadow: 0px 2px 14px #ECECEC;
  z-index:0;
}
.s-4-4
{
  position: relative;
  z-index: 3;
}
.s-4-5
{
  margin-top: 20px;
}
.s-4-6
{
  width:100%;
  height: 488px;
  margin-top: 36px;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-4-7
{
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.s-4-8
{
  width:576px;
  height: 380px;
  background-color: #FFD500;
  cursor: pointer;
  overflow: hidden;
}
.s-4-9
{
  position: relative;
  width: 700px;
  height: 700px;
  margin-top:10px;
  margin-left:-32px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-9 img
{
  position: relative;
  width: 576px;
  height: 380px;
  margin-top:-10px;
  margin-left:32px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-9:hover
{
  position: relative;
  width: 700px;
  height: 700px;
  margin-top:-160px;
  margin-left:-62px;
  background-color: #FF0000;
  border-radius: 350px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-9:hover img
{
  position: relative;
  width: 576px;
  height: 380px;
  margin-top:160px;
  margin-left:62px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-4-10
{
  width: 500px;
  height: 76px;
  background: #FFFFFF;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.2s;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-4-7:hover .s-4-10
{
  width: 500px;
  height: 108px;
  background: #FFFFFF;
  overflow: hidden;
}
.s-4-11
{
  width:100%;
  padding:24px 0px 12px 28px;
  font-size: 28px;
  line-height: 28px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242;
  transition-property: all;
  transition-duration: 0.2s;
}
.s-4-11 a
{
  text-decoration: none;
  color: #424242;
}
.s-4-11 a:hover
{
  text-decoration: none;
  color: #111111;
}
.s-4-12
{
  display: none;
  width:100%;
  padding-left: 28px;
  font-size: 20px;
  color: #333333;
  line-height: 20px;
}
.s-4-13
{
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.alright .s-4-13{float: left;width: 33%;
margin: 0px 15px 0 153px;}
.s-4-14
{
  width: 392px;
  height: 340px;
  background: #004CC6;
  cursor: pointer;
  overflow: hidden;
}
.s-4-15
{
  position: relative;
  width: 620px;
  height: 620px;
  margin-top:12px;
  margin-left:-50px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-15 img
{
  position: relative;
  width: 392px;
  height: 340px;
  margin-top:-12px;
  margin-left:50px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-15:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-15:hover img
{
  position: relative;
  width: 392px;
  height: 340px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-4-16
{
  width: 316px;
  height: 76px;
  background: #FFFFFF;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.2s;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-4-13:hover .s-4-16
{
  width: 316px;
  height: 108px;
  background: #FFFFFF;
  overflow: hidden;
}
.alright .s-4-16{width: 100%;}
.alright .s-4-11{padding: 24px 0px 12px;text-align: center;word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 52px;}
.alright .s-4-13:hover .s-4-16{ width:100% !important;height:76px !important;}
.s-4-17
{
  width: 392px;
  height: 340px;
  background: #004CC6;
  cursor: pointer;
  overflow: hidden;
}
.s-4-18
{
  position: relative;
  width: 620px;
  height: 620px;
  margin-top:12px;
  margin-left:-170px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-18 img
{
  position: relative;
  width: 392px;
  height: 340px;
  margin-top:-12px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-18:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-18:hover img
{
  position: relative;
  width: 392px;
  height: 340px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-4-19
{
  width:100%;
  height: 418px;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-4-20
{
  cursor: pointer;
  margin-top: 60px;
  transition-property: all;
  transition-duration: 0.2s;
}
.s-4-21
{
  width: 330px;
  height: 250px;
  background: #FFD500;
  cursor: pointer;
  overflow: hidden;
}
.s-4-22
{
  position: relative;
  width: 660px;
  height: 660px;
  margin-top:-420px;
  margin-left:-12px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-22 img
{
  position: relative;
  width: 330px;
  height: 250px;
  margin-top:420px;
  margin-left:12px;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-22:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-22:hover img
{
  position: relative;
  width: 330px;
  height: 250px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 1s;
  transform:scale(1.1,1.1);
}
.s-4-23
{
  width: 254px;
  height: 76px;
  background: #FFFFFF;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.2s;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-4-20:hover .s-4-23
{
  width: 254px;
  height: 108px;
  background: #FFFFFF;
  overflow: hidden;
}
.s-4-24
{
  width: 330px;
  height: 250px;
  background: #FFD500;
  cursor: pointer;
  overflow: hidden;
}
.s-4-25
{
  position: relative;
  width: 660px;
  height: 660px;
  margin-top:-420px;
  margin-left:-318px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-25 img
{
  position: relative;
  width: 330px;
  height: 250px;
  margin-top:420px;
  margin-left:318px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-25:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-4-25:hover img
{
  position: relative;
  width: 330px;
  height: 250px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-4-26
{
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.s-4-26:hover .s-4-23
{
  width: 254px;
  height: 108px;
  background: #FFFFFF;
  overflow: hidden;
}
.s-4-27
{
  width: 330px;
  height: 310px;
  background: #E71138;
  cursor: pointer;
  overflow: hidden;
}
.s-4-28
{
  position: relative;
  width: 620px;
  height: 620px;
  margin-top:-320px;
  margin-left:-150px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-28 img
{
  position: relative;
  width: 330px;
  height: 310px;
  margin-top:320px;
  margin-left:150px;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-28:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-28:hover img
{
  position: relative;
  width: 330px;
  height: 310px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 1s;
  transform:scale(1.1,1.1);
}
.s-4-29
{
  width: 330px;
  height: 310px;
  background: #E71138;
  cursor: pointer;
  overflow: hidden;
}
.s-4-30
{
  position: relative;
  width: 620px;
  height: 620px;
  margin-top:-320px;
  margin-left:-250px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-30 img
{
  position: relative;
  width: 330px;
  height: 310px;
  margin-top:320px;
  margin-left:250px;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-30:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 1s;
}
.s-4-30:hover img
{
  position: relative;
  width: 330px;
  height: 310px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 1s;
  transform:scale(1.1,1.1);
}
.s-4-31
{
  margin-top: 48px;
}
#s-5
{
   position: relative;
   width:100%;
   height: 1402px;
   padding-top: 116px;
   background: #FFFFFF;
   overflow: hidden;
}
.s-5-1
{
  position: absolute;
  bottom:0px;
  right:0px;
  font-size: 180px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #FFFFFF;
  text-shadow: 0px 2px 23px #F3F3F3;
}
.s-5-2
{
  position: relative;
  z-index: 3;
}
.s-5-5
{
  width: 100%;
  margin:40px 0px 65px 0px;
}
.s-5-5 img
{
  width: 100%;
}
.s-5-6
{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-5-7
{
  padding:0px 30px;
}
.s-5-9
{
  position: relative;
  font-size: 28px;
  font-weight: normal;
  color: #424242;
  cursor: pointer;
}
.s-5-9:hover
{
  color: #2979FF;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
}
.s-5-9.on
{
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
}
.s-5-9.on:hover
{
  color: #424242;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
}
.s-5-9.on span
{
  width:78px;
  height: 78px;
  position: absolute;
  top:-25px;
  left:-25px;
  background:url('../images_2022/bjt.png') no-repeat;
  z-index: -1;
  display: none;
}
.s-5-10
{
  padding:20px 20px 0px 0px;
  font-size: 20px;
  font-weight: normal;
  color: #757575;
}
.s-5-9.on span
{
  display: block;
}
.s-5-9:hover span
{
  display: block;
}
#s-6
{
   position: relative;
   width:100%;
   height: 1442px;
   overflow: hidden;
}
.s-6-1
{
  position: relative;
  z-index: 3;
}
.s-6-2
{
  position: absolute;
  left:-190px;
  bottom:190px;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  font-size: 180px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #FFFFFF;
  line-height: 180px;
  text-shadow: 0px 2px 14px #ECECEC;
  z-index:0;
}
.s-6-3
{
  position: absolute;
  top:-100px;
  width: 466px;
  height: 466px;
  border-radius: 233px;
  background-color: #ffffff;
}
.s-6-4
{
  position: absolute;
  bottom:-80px;
  right: -150px;
  width: 412px;
  height: 412px;
  border-radius: 206px;
  background: #ECECE8;
  filter:alpha(opacity=60); 
  -moz-opacity:0.6; 
  opacity:0.6;
}
.s-6-5
{
  width: 100%;
  height: 100px;
  margin-top: 120px;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-6-6
{
   height: 100px;
}
.s-6-7
{
  width: 100%;
  height: 52px;
  text-align: left;
  font-size: 52px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #424242;
  line-height: 52px;
}
.s-6-8
{
  width: 100%;
  height: 40px;
  text-align: left;
  font-size: 40px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #E0E0E0;
  line-height: 40px;
}
.s-6-9
{
  width: 180px;
  height: 60px;
  margin-top: 20px;
  border-radius: 42px;
  border: 1px solid #424242;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #424242;
  letter-spacing: 5px;
}
.s-6-9:hover
{
  width: 180px;
  height: 60px;
  margin-top: 20px;
  border-radius: 42px;
  border: 1px solid #424242;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  font-family: "OPPOSans-B";
  font-weight: normal;
  color: #FFFFFF;
  letter-spacing: 5px;
  background-color: #424242;
}
.s-6-10
{
  width: 100%;
  margin:40px 0px;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}
.s-6-14
{
  width: 524px;
  height: 612px;
  background: #FFD500;
  cursor: pointer;
  overflow: hidden;
}
.s-6-14a
{
  position: relative;
  width: 482px;
  height: 511px;
  margin-top:-104px;
  margin-left:12px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-14a img
{
  position: relative;
  width: 524px;
  /*
  height: 612px;*/
  margin-top:104px;
  margin-left:-12px;
  transition-property: all;
  transition-duration: 0.5s;
  max-width: 100%;
max-height: 100%;
}
.s-6-14a:hover
{
  position: relative;
  width: 619px;
  height: 592px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-14a:hover img
{
  position: relative;
  width: 422px;
  /*height: 612px;
  margin-top:120px;*/
  margin-left:170px;
  /*transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);*/
}

.s-6-15
{
  width: 444px;
  height: 124px;
  padding:21px 28px;
  background: #FFFFFF;
  font-size: 28px;
  line-height: 38px;
  text-align: left;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/

  color: #424242; 
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-6-15 a
{
  text-decoration: none;
  color: #424242; 
}
.s-6-15 a:hover
{
  text-decoration: none;
  color: #424242; 
}
.s-6-16
{
  width: 412px;
  height: 264px;
  background: #004CC6;
  cursor: pointer;
  overflow: hidden;
}
.s-6-16a
{
  position: relative;
  width: 630px;
  height: 630px;
  margin-top:-57px;
  margin-left:-224px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-16a img
{
  position: relative;
  width: 418px;
  height: 456px;
  margin-top:57px;
  margin-left:224px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-16a:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-16a:hover img
{
  position: relative;
  width: 418px;
  height: 456px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}

.s-6-17
{
  width: 358px;
  height: 124px;
  padding:24px 28px;
  background: #FFFFFF;
  font-size: 28px;
  line-height: 38px;
  text-align: left;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-6-17 a
{
  text-decoration: none;
  color: #424242; 
}
.s-6-17 a:hover
{
  text-decoration: none;
  color: #424242; 
}


.s-6-18
{
  width: 418px;
  height: 456px;
  background: #E71138;
  cursor: pointer;
  overflow: hidden;
}
.s-6-18a
{
  position: relative;
  width: 630px;
  height: 630px;
  margin-top:-127px;
  margin-left:-224px;
  border-radius:50%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-18a img
{
  position: relative;
  width: 418px;
  height: 456px;
  margin-top:127px;
  margin-left:224px;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-18a:hover
{
  position: relative;
  width: 900px;
  height: 900px;
  margin-top:-120px;
  margin-left:-170px;
  border-radius: 450px;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
}
.s-6-18a:hover img
{
  position: relative;
  width: 418px;
  height: 456px;
  margin-top:120px;
  margin-left:170px;
  transition-property: all;
  transition-duration: 0.5s;
  transform:scale(1.1,1.1);
}
.s-6-19
{
  width: 358px;
  height: 124px;
  padding:21px 28px;
  background: #FFFFFF;
  font-size: 28px;
  line-height: 38px;
  text-align: left;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
}
.s-6-19 a
{
  text-decoration: none;
  color: #424242; 
}
.s-6-19 a:hover
{
  text-decoration: none;
  color: #424242; 
}
.s-6-20
{
  margin-top: 80px;
}
.waph
{
  
}
.u-3-9b
{
   width:60px;
   height: 60px;
}  
.u-3-9b i
{
   font-size:60px;
   color: #2979FF;
}
.u-3-9b .jieshu
{
   display: none;
}
.u-3-9b:hover .kaishi
{
   display: none;
}
.u-3-9b:hover .jieshu
{
   display: inline;
}
.n-1-8
{
  position: absolute;
  left:28px;
  top: 28px;
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
}
.n-1-8 img:hover
{
   transform:scale(1,1);
}
.n-1-8 img
{
  width: auto;
  height: auto;
  cursor: pointer;
  margin-right: 8px;
}

.s-6-11s{width: 418px; overflow:hidden}
.s-6-11s ul{ overflow:hidden;}
.s-6-11s ul li{ float: left;width: 100%;list-style: none;}
.s-6-11s ul li h4 {
  height: 28px;
  padding: 0 15px;
  position: relative;
  line-height: 28px;
  font-weight: normal;
  width: 100%;
  float: left;
}
.s-6-11s ul li h4::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  border: 2px solid #3765ea;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.s-6-11s ul li h4 a {
  display: inline-block;
  max-width: 284px;
  height: 36px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}
.s-6-11s ul li h4:hover a {
  color: #3765ea;
}
.s-6-11s ul li h4 em {
  float: right;
  width: 90px;
  height: 36px;
  font-family: Arial;
  color: #808080;
  text-align: right;
  font-style: normal;
  font-size: 14px;
}