.section {
    width: 80%;
    background: #FFFFFF;

    overflow: hidden;
    margin: 0 auto;
}
#n-1
{
  width: 100%;
  min-height: 100px;
  background: url('../images/weili.png');
}
.n-1-1
{
  position: relative;
  width: 100%;
  height: 350px;
  background: #FFFFFF;
  margin-top: -212px;
	
border-radius: 5px;
    -webkit-box-shadow: 0px 1px 20px 1px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 20px 1px rgb(0 0 0 / 40%);
    cursor: pointer;
}
.n-1-2
{
  position: absolute;
  top:60px;
  left:60px;
  width:90%;
}
.n-1-3
{
   width: 100%;
   padding-top: 60px;
   margin-bottom: 120px;
}
.n-1-4
{
   width: 100%;
   margin-top:20px;
   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;
}
.n-1-6
{
   position: relative;
   width: 954px;
   height: 952px;
   overflow: hidden;
}
.n-1-6 img
{
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.n-1-6:hover img
{
   transform:scale(1.1,1.1);
}
.n-1-7
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 874px;
  height: 80px;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
  opacity: 0.8;
}
.n-1-6:hover .n-1-7
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 874px;
  height: 204px;
  background: #265E58;
}
.n-1-7a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.n-1-7a a
{
  text-decoration: none;
  color: #424242;
}
.n-1-7a a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-1-6:hover .n-1-7a a
{
  background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.n-1-7b
{
  font-size: 20px;
  line-height: 25px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding:0px 28px;
}
.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-9
{
   position: relative;
   width: 466px;
   height: 466px;
   overflow: hidden;
}
.n-1-9 img
{
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.n-1-9:hover img
{
   transform:scale(1.1,1.1);
}
.n-1-10
{
   position: relative;
   width: 466px;
   height: 466px;
   margin-top: 20px;
   overflow: hidden;
}
.n-1-10 img
{
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.n-1-10:hover img
{
   transform:scale(1.1,1.1);
}

.n-1-11
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 386px;
  height: 80px;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
  opacity: 0.8;
}
.n-1-9:hover .n-1-11
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 386px;
  height: 204px;
  background: #265E58;
}
.n-1-10:hover .n-1-11
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 386px;
  height: 204px;
  background: #265E58;
}
.n-1-11a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.n-1-11a a
{
  text-decoration: none;
  color: #424242;
}
.n-1-11a a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-1-9:hover .n-1-11a a
{
   background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.n-1-10:hover .n-1-11a a
{
   background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.n-1-11b
{
  font-size: 20px;
  line-height: 25px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding:0px 28px;
}

.n-1-12
{
  margin-bottom: 120px;
}
.n-1-8 img:hover
{
   transform:scale(1,1);
}
#n-2
{
  width: 100%;
  min-height: 1000px;
  background-color: #EEEEEE;
}
.n-2-1
{
  width: 100%;
  height: 360px;
  margin-top: -180px;
  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;
}
.n-2-2
{
  width: 25%;
  height: 360px;
}
.n-2-3
{
  position: relative;
  margin-top: 116px;
  margin-left: 80px;
  font-size: 72px;
  line-height: 72px;
  color: #FFFFFF;
  font-family: 'OPPOSans-H';
  /**font-weight: bold;**/
}
.n-2-3 a{
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #FFFFFF;
}
.n-2-3 a:hover{
  text-decoration: none;
  color: #FFFFFF;
}
.n-2-3 a span
{
  position: absolute;
  right:-35px;
  top:-6px;
  color: #FFFFFF;
  font-size: 44px;
  line-height: 44px;
}

.n-2-4
{
  margin-top: 28px;
  margin-left: 80px;
  font-size: 28px;
  line-height: 28px;
  color: #FFFFFF;
}
.n-2-5
{
  position: relative;
  margin-top: 116px;
  margin-left: 80px;
  font-size: 72px;
  line-height: 72px;
  color: #424242;
  font-family: 'OPPOSans-H';
  /**font-weight: bold;**/
}
.n-2-5 a{
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #424242;
}
.n-2-5 a:hover{
  text-decoration: none;
  color: #424242;
}
.n-2-5 a span
{
  position: absolute;
  right:-35px;
  top:-6px;
  color: #424242;
  font-size: 44px;
  line-height: 44px;
}

.n-2-6
{
  margin-top: 28px;
  margin-left: 80px;
  font-size: 28px;
  line-height: 28px;
  color: #424242;
}
.n-2-7
{
  margin-top: 120px;
}
.n-2-8
{
  position: relative;
  top:0px;
  left:0px;
  width: 100%;
  height: 2500px;
  margin-top: 40px;
}
.n-2-8 video
{
  position:sticky;
  top:0px;
  left:0px;
  width: 100%;
}
.n-2-8 img
{
  width: 100%;
}
.n-2-8aa
{
  position: relative;
  top:-300px;
  margin-bottom: -300px;
  left:0px;
  width: 100%;
  height: 100%;
  background: rgb(33,33,33,0);
  transition-property: all;
  transition-duration: 0.5s;
}
.n-2-8bb
{
  position: relative;
  width: 100%;
}
.n-2-8cc
{
  width: 215px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  font-family: 'OPPOSans-B';
  color: #666767;
  line-height: 80px;
  text-align: center;
  cursor: pointer;
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
  transition-property: all;
  transition-duration: 0.5s;
}
.n-2-8dd
{
  font-size: 52px;
  font-family: 'OPPOSans-B';
  color: #FFFFFF;
  line-height: 52px;
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
  transition-property: all;
  transition-duration: 0.6s;
}
.n-2-8a
{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background: rgb(33,33,33,0);
  transition-property: all;
  transition-duration: 0.5s;
}
.heimengban
{
  background: rgb(33,33,33,0.6);
}
.n-2-8b
{
  position: relative;
  width: 100%;
  height: 2500px;
}
.n-2-8c
{
  position: sticky;
  left: 0px;
  width: 215px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  font-family: 'OPPOSans-B';
  color: #666767;
  line-height: 80px;
  text-align: center;
  cursor: pointer;
  filter:alpha(opacity=0); 
  -moz-opacity:0; 
  opacity:0;
  transition-property: all;
  transition-duration: 0.5s;
}
.n-2-8c a
{
  text-decoration: none;
  color: #666767;
}
.n-2-8c a:hover
{
  text-decoration: none;
  color: #666767;
}
.n-2-8c i
{
  padding-left: 17px;
  font-size: 28px;
}
.n-2-8c:hover
{
  background:rgb(225,225,225,0.8);
}
.n-2-8d
{
  position: sticky;
  left: 0px;
  font-size: 52px;
  font-family: 'OPPOSans-B';
  color: #FFFFFF;
  line-height: 52px;
  filter:alpha(opacity=0); 
  -moz-opacity:0; 
  opacity:0;
  transition-property: all;
  transition-duration: 0.6s;
}
.n2c
{
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
}
.n2d
{
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
}
.n2ctop
{
  top:400px;
}
.n2dtop
{
  top:500px;
}
.n-2-9
{
  width:100%;
  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;
}
.n-2-11
{
  position: relative;
  width:680px;
  height: 300px;
}
.n-2-11 img
{
  width:680px;
  height: 300px;
}
.n-2-12
{
  width: 600px;
  padding-left:28px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
  padding-top: 24px;
}
.n-2-12 a
{
  text-decoration: none;
  color: #424242; 
}
.n-2-12 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-2-13
{
  width:100%;
  margin-top:80px;
  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;
}
.n-2-15
{
  position: relative;
  width:300px;
  height: 300px;
}
.n-2-15 img
{
  width:300px;
  height: 300px;
}
.n-2-16
{
  width: 220px;
  padding-left:28px;
  padding-top: 24px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
  line-height: 32px;
}
.n-2-16 a
{
  text-decoration: none;
  color: #424242; 
}
.n-2-16 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-2-17
{
  position: relative;
  width:680px;
  height: 760px;
}
.n-2-17 img
{
  width:680px;
  height: 760px;
}
.n-2-18
{
  width: 600px;
  padding-left:28px;
  padding-top: 24px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.n-2-18 a
{
  text-decoration: none;
  color: #424242; 
}
.n-2-18 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-2-19
{
  width:100%;
  margin-top: 80px;
  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;
}

.n-2-20
{
  position: relative;
  width:1060px;
  height: 760px;
}
.n-2-20 img
{
    width:1060px;
  height: 760px;
}
.n-2-21
{
  width: 980px;
  padding-left:28px;
  padding-top: 24px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.n-2-21 a
{
  text-decoration: none;
  color: #424242; 
}
.n-2-21 a:hover
{
  text-decoration: none;
  color: #424242;
}

.n-2-22
{
  position: relative;
  width:300px;
  height: 300px;
}
.n-2-22 img
{
  width:300px;
  height: 300px;
}
.n-2-23
{
  width: 220px;
  padding-left:28px;
  padding-top: 24px;
  height: 80px;
  background: #FFFFFF;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.n-2-23 a
{
  text-decoration: none;
  color: #424242; 
}
.n-2-23 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-2-24
{
  width: 300px;
  height: 380px;
  margin-top: 80px;
  background: #FFFFFF;
  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;
  cursor: pointer;
}
.n-2-25
{
   margin-top:-40px;
   width:80px;
   height: 80px;
}  
.n-2-25 i
{
   font-size:80px;
   color: #2979FF;
}
.n-2-25 .jieshu
{
   display: none;
}
.n-2-25:hover .kaishi
{
   display: none;
}
.n-2-25:hover .jieshu
{
   display: inline;
}
.n-2-26
{
  width: 100%;
  text-align: center;
  margin-top: 60px;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}
.n-2-26 a
{
   text-decoration: none;
   color: #424242; 
}
.n-2-26 a:hover
{
  text-decoration: none;
   color: #424242; 
}
.n-2-27a
{
  position: relative;
  width: 100%;
  margin-bottom: 200px;
  margin-top: 80px;
  height: 480px;
}
.n-2-27aa
{
  height: 240px;
}
.n-2-27
{
  width: 100%;
  height: 480px;
  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:wrap;
  justify-content:flex-start;
}
.n-2-27c
{
  width: 16.66%;
  height: 480px;
  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:wrap;
  justify-content:flex-start;
}

.n-2-28
{
  width:16.66%;
  height: 240px;
  background-color: #ffffff;
  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;
}
.n-2-28.on
{
  background-color: #eeeeee;
}
.n-2-28 img
{
  max-width: 100%;
}

.n-2-28a
{
  width:100%;
  height: 240px;
  background-color: #ffffff;
  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;
}
.n-2-28a.on
{
  background-color: #eeeeee;
}
.n-2-28a img
{
  max-width: 100%;
}

.n-2-29
{
  position: absolute;
  bottom: -80px;
  right: 0px;
  width: 160px;
  height: 80px;
  background-color: #2979FF;
  cursor: pointer;
  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;
}
#n-3
{
  width:100%;
  height: 1224px;
  background: #FFFFFF;
}
.n-3-1
{
  margin-top: 120px;
}
.n-3-2
{
  width:100%;
  margin:120px 0px 80px 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:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
#n-4
{
  width:100%;
  min-height: 1100px;
  background: #FFFFFF;
}
.n-4-1
{
  width:100%;
  margin:160px 0px 240px 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:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
}
#n-5
{
  width:100%;
  height: 1230px;
  background: #EEEEEE;
}
.n-5-1
{
  margin-top: 120px;
}
.n-5-2
{
  width: 100%;
  height: 523px;
  margin-top:40px;
  background-color: #ffffff;
  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;
}
.n-5-3 img
{
  max-height: 523px;
}
.n-5-4
{
  width:100%;
  padding:117px 80px 0px 80px;
}
.n-5-5
{
  width:100%;
  font-size: 36px;
  line-height: 36px;
  font-family: "OPPOSans-M";
  /**font-weight: bold;**/
  color: #424242;
  text-align: left;
}
.n-5-6
{
  margin-top: 40px;
  font-size: 20px;
  font-weight: normal;
  color: #757575;
  line-height:35px;
  text-align: left;
}
.n-5-7
{
font-size: 24px;
margin-top: 20px;
color: #757575;
line-height: 24px;
}
.n-5-7 span
{
font-family: "OPPOSans-B";
/**font-weight: bold;**/
}
.n-5-8
{
  margin-top: 120px;
}
#n-6
{
  width: 100%;
  min-height: 1000px;
  background: #EEEEEE;
}
.n-6-1
{
  width:1200px;
  margin-top: -172px;
  min-height: 300x;
  padding:50px 50px;
  z-index:9999;
  position: absolute;
}
.n-6-1a
{
  width: 100%;
  margin:120px 0px;
}
.n-6-2
{
  font-size: 45px;
  font-family: "OPPOSans-H";
  /**font-weight: bold;**/
  color: #FFFFFF;
  line-height: 70px;
} 
.n-6-3
{
  margin-top: 10px;
  font-size: 24px;
  font-family: "OPPOSans-M";
  color: #FFFFFF;
  line-height: 35px;
  z-index: 11;
} 
.n-6-4
{
  margin-top: 40px;
  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-6-5
{
  height: 32px;
  padding:0 18px;
  margin-right: 8px;
  background: rgb(255,255,255,0.12);
  font-size: 16px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
}
.n-6-5 a
{
  text-decoration: none;
  color: #FFFFFF;
}
.n-6-5 a:hover
{
  text-decoration: none;
  color: #FFFFFF;
}
.n-6-6
{
  margin-top: 120px;
} 
.n-6-7
{
  position: relative;
  margin-top: 40px;
  width: 100%;
} 
.n-6-7a
{
  overflow: hidden;
  width: 100%;
  height: 810px;
} 
.n-6-7a img
{
  width: 100%;
  /**height: 810px;**/
}
.n-6-8
{
  position: relative;
  top: -80px;
  margin-bottom: -80px;
  left: 0px;
  width: 1360px;
  min-height: 176px;
  padding: 60px;
  background: #FFFFFF;
} 
.n-6-9
{
  font-size: 32px;
  font-family: "OPPOSans-H";
  /**font-weight: bold;**/
  color: #424242;
  line-height: 32px;
}
.n-6-9 a
{
  text-decoration: none;
  color: #424242;
}
.n-6-9 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-6-10
{
  margin-top: 40px;
  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-6-11
{
  width: 50%;
}
.n-6-12
{
  font-size: 20px;
  font-family: "OPPOSans-H";
  /**font-weight: bold;**/
  color: #757575;
  line-height: 20px;
  text-align: left;
}
.n-6-13
{
  margin-top: 10px;
  font-size: 20px;
  color: #757575;
  line-height: 28px;
  text-align: left;
}
.n-6-14
{
  width: 100%;
  overflow: hidden;
  margin-top:40px;
  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;
}
.n-6-15
{
  position: relative;
  width: 710px;
}
.n-6-16
{
  width: 710px;
  height: 710px;
}
.n-6-16 img
{
  width: 710px;
  height: 710px;
}
.n-6-17
{
  position: relative;
  height: 100%;
  left:0px;
  top: -80px;
  margin-bottom: -80px;
  width: 630px;
  min-height: 236px;
  padding:0px 60px 60px 60px;
  background: #ffffff;
}
.n-6-18
{
  padding-top: 60px;
  text-align: left;
  font-size: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242;
  line-height: 32px;
}
.n-6-18 a
{
  text-decoration: none;
  color: #424242;
}
.n-6-18 a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-6-19
{
  margin-top: 40px;
  text-align: left;
  font-size: 20px;
  color: #757575;
  line-height: 28px;
}
.n-6-20
{
  position: relative;
  width: 100%;
  margin-top: 40px;
  height: 810px;
}
.n-6-21
{
  position: relative;
  width: 100%;
  height: 810px;
}
.n-6-21a
{
  position: relative;
  width: 100%;
  height: 810px;
}
.n-6-21b
{
  width: 100%;
  height: 810px;
  overflow: hidden;
}
.n-6-21b img
{
  width: 100%;
  height: 810px;
  transition-property: all;
   transition-duration: 0.5s;
}
.n-6-20:hover .n-6-21b img
{
   transform:scale(1.1,1.1);
}
.n-6-22
{
  width: 100%;
  padding:60px;
}
.n-6-22b
{
  position: relative;
  top:-80px;
  margin-bottom: -80px;
  bottom: 0px;
  width: 1360px;
  height: auto;
  background: #ffffff;
}
.n-6-22a
{
  width: 100%;
  height: 0px;
  filter:alpha(opacity=0); 
  -moz-opacity:0; 
  opacity:0;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.2s;
}
.add22a
{
  width: 100%;
  height: 280px;
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
}
.n-6-23
{
  font-size: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #212121;
  line-height: 32px;
}
.n-6-23 a
{
  text-decoration: none;
  color: #212121;
}
.n-6-23 a:hover
{
  text-decoration: none;
  color: #212121;
}
.n-6-24
{
  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:wrap;
  justify-content:flex-start;
}
.n-6-25
{
  width: 50%;
  padding:40px 30px 0px 0px;
  font-size: 20px;
  color: #757575;
  line-height: 28px;
  text-align: left;
}
.n-6-25a
{
  width: 50%;
  padding:40px 0px 0px 30px;
  font-size: 20px;
  color: #757575;
  line-height: 28px;
  text-align: left;
}
.n-6-25.on
{
  padding:40px 0px 0px 30px;
}
.n-6-26
{
  position: absolute;
  top:327px;
  left:62px;
}
.n-6-26 i
{
  font-size: 68px;
  color: #FFFFFF;
  cursor: pointer;
}
.n-6-27
{
  position: absolute;
  top:327px;
  right:62px;
}
.n-6-27 i
{
  font-size: 68px;
  color: #FFFFFF;
  cursor: pointer;
}
.n-6-28
{
  width: 100%;
  margin-top:40px;
  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;
}
.n-6-29
{
  position: relative;
  width: 710px;
  height: 710px;
  overflow: hidden;
}
.n-6-29 img
{
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.n-6-29:hover img
{
   transform:scale(1.1,1.1);
}
.n-6-29:hover .n-6-31 img
{
   transform:scale(1,1);
}
.n-6-30
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 630px;
  height: 80px;
  background: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.2s;
}
.n-6-29:hover .n-6-30
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 630px;
  height: 204px;
  background: #265E58;
}
.n-6-30a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.n-6-30a a
{
  text-decoration: none;
  color: #424242;
}
.n-6-30a a:hover
{
  text-decoration: none;
  color: #424242;
}
.n-6-29:hover .n-6-30a a
{
  background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.n-6-30b
{
  font-size: 20px;
  line-height: 20px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding:0px 28px;
}
.n-6-31
{
  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-6-31 img
{
  width: auto;
  height: auto;
  cursor: pointer;
  margin-right: 8px;
}
.n-6-32
{
  margin:120px 0px;
}
.n-1-8 img
{
  width: auto;
  height: auto;
  cursor: pointer;
  margin-right: 8px;
}
.prism-player .prism-big-play-btn
{
  background:url('../../de/prismplayer/2.9.1/skins/default/img/bigplay.png') no-repeat left bottom;
  background-size:60px;
  width: 100%;
  height: 100%;
}
.prism-player .prism-big-play-btn .outter
{
  display: none;
}