#u-2
{
  width: 100%;
  min-height: 1000px;
  background-color: #EEEEEE;
}
.u-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;
}
.u-2-2
{
  width: 25%;
  height: 360px;
}
.u-2-3
{
  position: relative;
  margin-top: 116px;
  margin-left: 52px;
  font-size: 72px;
  line-height: 72px;
  color: #FFFFFF;
  font-family: 'OPPOSans-H';
  /**font-weight: bold;**/
}
.u-2-3 a{
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #FFFFFF;
}
.u-2-3 a:hover{
  text-decoration: none;
  color: #FFFFFF;
}
.u-2-3 a span
{
  position: absolute;
  right:-35px;
  top:-4px;
  color: #FFFFFF;
  font-size: 44px;
  line-height: 44px;
}
.u-2-4
{
  margin-top: 28px;
  margin-left: 52px;
  font-size: 28px;
  line-height: 28px;
  color: #FFFFFF;
}
.u-2-5
{
  position: relative;
  margin-top: 116px;
  margin-left: 52px;
  font-size: 72px;
  line-height: 72px;
  color: #424242;
  font-family: 'OPPOSans-H';
  /**font-weight: bold;**/
}
.u-2-5 a{
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #424242;
}
.u-2-5 a:hover{
  text-decoration: none;
  color: #424242;
}
.u-2-5 a span
{
  position: absolute;
  right:-35px;
  top:-4px;
  color: #424242;
  font-size: 44px;
  line-height: 44px;
  font-family: 'OPPOSans-H';
  /**font-weight: bold;**/
}

.u-2-6
{
  margin-top: 28px;
  margin-left: 52px;
  font-size: 28px;
  line-height: 28px;
  color: #424242;
}
.u-2-7
{
  margin-top: 120px;
}
.u-3-1
{
  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;
}
.u-3-2
{
  position: relative;
  width: 710px;
  height: 710px;
  overflow: hidden;
}
.u-3-2 img
{
  width: 710px;
  height: 710px;
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.u-3-2:hover img
{
   transform:scale(1.1,1.1);
}
.u-3-3
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 630px;
  height: 80px;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.u-3-2:hover .u-3-3
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 630px;
  height: 204px;
  background: #265E58;
}
.u-3-3a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.u-3-3a a
{
  text-decoration: none;
  color: #424242;
}
.u-3-3a a:hover
{
  text-decoration: none;
  color: #424242;
}
.u-3-2:hover .u-3-3a a
{
   background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.u-3-3b
{
  font-size: 20px;
  line-height: 20px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding-left: 28px;
}

.u-3-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;
}
.u-3-5
{
  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;
}
.u-3-6
{
  position: relative;
  width: 954px;
  height: 952px;
  overflow: hidden;
}
.u-3-6 img
{
    width: 954px;
    height: 952px;
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.u-3-6:hover img
{
   transform:scale(1.1,1.1);
}
.u-3-6:hover .n-1-8 img
{
   transform:scale(1,1);
}
.u-3-8:hover .n-1-8 img
{
   transform:scale(1,1);
}
.u-3-7
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 874px;
  height: 80px;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.u-3-6:hover .u-3-7
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 874px;
  height: 204px;
  background: #265E58;
}
.u-3-7a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.u-3-7a a
{
  text-decoration: none;
  color: #424242;
}
.u-3-7a a:hover
{
  text-decoration: none;
  color: #424242;
}
.u-3-6:hover .u-3-7a a
{
  background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.u-3-7b
{
  font-size: 20px;
  line-height: 25px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding:0px 28px;
}
.u-3-9
{
  position: relative;
  width: 466px;
  height: 466px;
  overflow: hidden;
}
.u-3-9 img
{
  width: 466px;
  height: 466px;
   cursor: pointer;
   transition-property: all;
   transition-duration: 0.5s;
}
.u-3-9:hover img
{
   transform:scale(1.1,1.1);
}
.u-3-9a
{
  width: 466px;
  height: 466px;
  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;
}
.u-3-9b
{
   margin-top:-40px;
   width:120px;
   height: 120px;
}  
.u-3-9b i
{
   font-size:120px;
   color: #2979FF;
}
.u-3-9b .jieshu
{
   display: none;
}
.u-3-9b:hover .kaishi
{
   display: none;
}
.u-3-9b:hover .jieshu
{
   display: inline;
}
.u-3-9c
{
  width: 100%;
  text-align: center;
  margin-top: 60px;
  font-size: 32px;
  line-height: 32px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #424242; 
}


.u-3-10
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 386px;
  height: 80px;
  background: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
}
.u-3-9:hover .u-3-10
{
  position: absolute;
  left:0px;
  bottom: 0px;
  width: 386px;
  height: 204px;
  background: #265E58;
}
.u-3-10a
{
  font-size: 32px;
  line-height: 32px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #424242;
  margin:24px 0px;
  padding-left: 28px;
}
.u-3-10a a
{
  text-decoration: none;
  color: #424242;
}
.u-3-10a a:hover
{
  text-decoration: none;
  color: #424242;
}
.u-3-9:hover .u-3-10a a
{
  background:url('../images/baises.png') no-repeat left bottom;
  background-size:100% 100%;
   color: #FFFFFF;
}
.u-3-10b
{
  font-size: 20px;
  line-height: 25px;
  font-family: 'OPPOSans-B';
  /**font-weight: bold;**/
  color: #FFFFFF;
  padding:0px 28px;
}

.n-3-11
{
  margin:120px 0px;
}
.u-3-12
{
  width: 100%;
  margin:80px 0px;
}

.u-3-13
{
  width:100%;
}
.u-3-14
{
  width:100%;
  height: 120px;
  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:flex-start;
}
.u-3-14.on
{
  background-color:#EEEEEE;
}
.u-3-15
{
  width:498px;
  padding-left:60px;
  text-align: left;
  line-height: 120px;
  font-size: 24px;
  font-family: "OPPOSans-B";
  /**font-weight: bold;**/
  color: #212121;
}
.u-3-16
{
  width:996px;
  text-align: left;
  line-height: 25px;
  font-size: 16px;
  color: #757575;
  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;
  align-items:center;
  padding-right: 60px;
}
.u-3-17a
{
  position: relative;
  width: 100%;
  margin-bottom: 200px;
}
.u-3-17b
{
  position: relative;
  width: 100%;
  margin-bottom: 200px;
}
.u-3-17
{
  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;
}

.u-3-18
{
  position: absolute;
  bottom: -80px;
  right: 0px;
  width: 80px;
  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;
}
.u-3-19
{
  position: absolute;
  bottom: -80px;
  right: 80px;
  width: 80px;
  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;
}
.u-3-20
{
  position: absolute;
  bottom: -80px;
  right: 174px;
  width: auto;
  height: 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:flex-end;
  align-items:center;
}
.u-3-21
{
  width:12px;
  height: 12px;
  margin:0 14px;
  background-color: #2979FF;
  border-radius: 6px;
  cursor: pointer;
  filter:alpha(opacity=20); 
  -moz-opacity:0.2; 
  opacity:0.2;
}
.u-3-21.on
{
  filter:alpha(opacity=100); 
  -moz-opacity:1; 
  opacity:1;
}
#u-4
{
  width: 100%;
  min-height: 1000px;
  background-color: #FFFFFF;
}
.u-4-1
{
  margin-top: 120px;
}
.u-4-2
{
  width: 100%;
  margin-top: 80px;
  margin-bottom: 120px;
}
.u-4-2 img
{
  width: 100%;
}
#u-5
{
  width: 100%;
  min-height: 1104px;
  background-color: #EEEEEE;
}
.u-5-1
{
  margin-top: 120px;
}
.u-5-2
{
  display:table;
  margin:0 auto;
  margin-top: 120px;
}
.u-5-3
{
  display:table;
  margin:240px auto;
}
.u-5-3 img
{
	max-width: 100%;
}
#n-5
{
  width:100%;
  height: 1230px;
  background: #FFFFFF;
}
.n-5-1
{
  margin-top: 120px;
}
.n-5-2
{
  width: 100%;
  height: 523px;
  margin-top:40px;
  background-color: #EEEEEE;
  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-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
{
  width: auto;
  height: auto;
  cursor: pointer;
  margin-right: 8px;
}
.n-1-8 img:hover
{
  transform: scale(1,1);
}