@charset "UTF-8";
/*
* @Author: Administrator
* @Date:   2018-05-10 16:14:42
* @Last Modified by:   Administrator
* @Last Modified time: 2018-07-26 09:36:00
*/
/* @font-face {

    font-family: Myriad Pro;
    src:url('../fonts/Raleway-Black.ttf'),  
    url('../fonts/Raleway-Black.ttf'),
    url('../fonts/Raleway-Black.ttf'),
    url('../fonts/Raleway-Black.ttf'),
    url('../fonts/Raleway-Black.ttf'),
    url('../fonts/Raleway-Black.ttf'); 
} */
body {
  margin: 0px;
}

main {
  background: url(../images/background.jpg) no-repeat;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.row {
  margin: 0px;
}

.i-m {
  max-width: 1260px;
  padding: 35px 0px 80px 0px;
}

.i-m .i-0 {
  overflow: hidden;
  text-decoration: none;
  color: #333;
}

.i-m .i-0 .img-0 {
  text-align: right;
  background-size: cover;
  flex: 0 0 56.333333%;
  max-width: 53.333333%;
}

.i-m .i-0 .img-0 img {
  width: 661px;
  height: 440px;
  background-size: cover;
  max-width: 100%;
}

.i-m .i-0 .f-0 {
  padding-top: 50px;
  max-width: 46.666667%;
  flex: 0 0 46.666667%;
}

.i-m .i-0 .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #2378a4;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

.i-m .i-0 .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 20px 0px 10px 0px;
  font-family: "微软雅黑";
}

.i-m .i-0 .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
}

.i-m .i-0 .f-0 .t-2 {
  height: 199px;
  width: 91%;
  line-height: 2;
}

.i-m .i-1 {
  padding-top: 10px;
  text-decoration: none;
  color: #333;
  padding-bottom: 70px;
  overflow: hidden;
}

.i-m .i-1 .img-1 {
  max-width: 47%;
  padding-right: 0px;
}

.i-m .i-1 .img-1 img {
  width: 589px;
  height: 442px;
  background-size: cover;
  max-width: 100%;
}

.i-m .i-1 .img-2 {
  padding-left: 10px;
  overflow: hidden;
}

.i-m .i-1 .img-2 img {
  width: 300px;
  height: 442px;
  max-width: 100%;
  background-size: cover;
}

.i-m .i-2 {
  padding-bottom: 10px;
  text-decoration: none;
  color: #333;
}

.i-m .i-2 .img-0 {
  text-align: left;
  background-size: cover;
}

.i-m .i-2 .img-0 img {
  width: 694px;
  height: 503px;
  background-size: cover;
  max-width: 100%;
}

.i-m .i-2 .f-0 {
  padding-top: 50px;
  padding-left: 5px;
}

.i-m .i-2 .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #8d713a;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

.i-m .i-2 .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 20px 0px 10px 0px;
  font-family: "微软雅黑";
}

.i-m .i-2 .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
}

.i-m .i-2 .f-0 .t-2 {
  height: 262px;
  width: 100%;
  line-height: 2;
}

.i-m .i-3 {
  padding-bottom: 60px;
  text-decoration: none;
  color: #333;
}

.i-m .i-3 .img-4 {
  padding-right: 5px;
  max-width: 37%;
  height: 541px;
  background-size: cover;
  overflow: hidden;
}

.i-m .i-3 .img-4 img {
  height: 541px;
  background-size: cover;
}

.i-m .i-3 .img-5 {
  padding-left: 5px;
  max-width: 63%;
  height: 541px;
  background-size: cover;
  overflow: hidden;
  flex: 0 0 63.333333%;
}

.i-m .i-3 .img-5 img {
  height: 100%;
  width: 100%;
  background-size: cover;
}

.i-m .i-4 {
  padding-bottom: 70px;
  overflow: hidden;
  text-decoration: none;
  color: #333;
}

.i-m .i-4 .f-0 {
  margin: 0px;
  padding-top: 80px;
  max-width: 61.299999999999997%;
  flex: 0 0 70%;
  padding-left: 0px;
  padding-right: 0px;
}

.i-m .i-4 .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #4d4d4d;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  padding-left: 75px;
  letter-spacing: 0.1em;
}

.i-m .i-4 .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 5px 0px 10px 0px;
  font-family: "微软雅黑";
  padding-left: 75px;
}

.i-m .i-4 .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
  margin-left: 75px;
}

.i-m .i-4 .f-0 .t-2 {
  height: 243px;
  line-height: 2;
  padding-left: 75px;
}

.i-m .i-4 .f-0 .t-2 p {
  width: 100%;
  height: 205px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.i-m .i-4 .f-0 .img-8 {
  max-width: 789px;
  padding-right: 0px;
  padding-left: 15px;
  height: 503px;
  overflow: hidden;
  background-size: cover;
}

.i-m .i-4 .f-0 .img-8 img {
  height: 100%;
  max-width: 100%;
}

.i-m .i-4 .img-li-0 {
  margin: 0px;
  max-width: 37.5%;
  text-align: right;
  padding-right: 0px;
  padding-left: 10px;
  flex: 0 0 39%;
}

.i-m .i-4 .img-li-0 img {
  max-width: 100%;
}

.i-m .i-4 .img-li-0 div {
  padding: 0px;
}

.i-m .i-4 .img-li-0 .img-6, .i-m .i-4 .img-li-0 .img-7 {
  margin-bottom: 10px;
}

.i-m .i-4 .img-li-0 .img-6 {
  height: 304.91px;
}

.i-m .i-4 .img-li-0 .img-6 img {
  height: 100%;
}

.i-m .i-4 .img-li-0 .img-7 {
  height: 276.09px;
}

.i-m .i-4 .img-li-0 .img-7 img {
  height: 100%;
}

.i-m .i-4 .img-li-0 .img-9 {
  height: 402.23px;
}

.i-m .i-4 .img-li-0 .img-9 img {
  height: 100%;
}

.i-m .i-5 {
  text-decoration: none;
  color: #333;
}

.i-m .i-5 .img-10 {
  max-width: 38.899999999999999%;
  background-size: cover;
  overflow: hidden;
  padding-right: 0px;
}

.i-m .i-5 .img-10 img {
  max-width: 100%;
  height: 670px;
  position: absolute;
  bottom: 52px;
}

.i-m .i-5 .f-r {
  padding: 0px;
  margin: 0px;
  max-width: 59.1%;
  flex: 0 0 59.1%;
}

.i-m .i-5 .f-r .f-0 {
  background: #fff;
  margin: 0px;
  padding-top: 40px;
  padding-left: 70px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 0px;
}

.i-m .i-5 .f-r .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #73947c;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

.i-m .i-5 .f-r .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 20px 0px 10px 0px;
  font-family: "微软雅黑";
}

.i-m .i-5 .f-r .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
}

.i-m .i-5 .f-r .f-0 .t-2 {
  height: 155px;
  width: 91%;
  line-height: 2;
  font-size: 15px;
  padding-bottom: 20px;
}

.i-m .i-5 .f-r .f-1 {
  margin-left: 10px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.i-m .i-5 .f-r .f-1 .img-11 {
  padding: 0px;
  flex: 0 0 46%;
  max-width: 44.200000000000003%;
  overflow: hidden;
  background-size: cover;
}

.i-m .i-5 .f-r .f-1 .img-11 img {
  max-width: 100%;
  height: 484px;
}

.i-m .i-5 .f-r .f-1 .img-12 {
  padding: 0px;
  overflow: hidden;
  background-size: cover;
}

.i-m .i-5 .f-r .f-1 .img-12 img {
  max-width: 100%;
  height: 322px;
}

.i-m .i-5 .f-r .f-1 .f-f-0 {
  margin: 0px;
  flex: 0 0 58.333333%;
  max-width: 55.8%;
  padding-left: 5px;
  padding-right: 0px;
}

.i-m .i-5 .f-r .f-1 .t-0 {
  color: #fff;
  font-size: 32px;
  font-family: "Myriad Pro";
  margin-top: 20px;
  margin-bottom: 0px;
}

.i-m .i-5 .f-r .f-1 .t-1 {
  color: #fff;
  font-size: 20px;
  font-family: "微软雅黑";
}

.i-m .i-5 .f-r .f-1 .t-2 {
  font-size: 14px;
  color: #fff;
  line-height: 2;
}

.i-m .i-6 {
  padding-top: 50px;
  text-decoration: none;
  color: #333;
}

.i-m .i-6 .img-0 {
  text-align: right;
  background-size: cover;
  flex: 0 0 56.333333%;
  max-width: 53.333333%;
}

.i-m .i-6 .img-0 img {
  width: 661px;
  height: 440px;
  background-size: cover;
  max-width: 100%;
}

.i-m .i-6 .f-0 {
  padding-top: 50px;
  max-width: 46.666667%;
  flex: 0 0 46.666667%;
}

.i-m .i-6 .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #2378a4;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

.i-m .i-6 .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 20px 0px 10px 0px;
  font-family: "微软雅黑";
}

.i-m .i-6 .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
}

.i-m .i-6 .f-0 .t-2 {
  height: 199px;
  width: 91%;
  line-height: 2;
}

.i-m .i-7 {
  padding-top: 10px;
  text-decoration: none;
  color: #333;
  padding-bottom: 70px;
}

.i-m .i-7 .img-1 {
  max-width: 47%;
  padding-right: 0px;
}

.i-m .i-7 .img-1 img {
  width: 589px;
  height: 442px;
  background-size: cover;
  max-width: 100%;
}

.i-m .i-7 .img-2 {
  padding-left: 10px;
}

.i-m .i-7 .img-2 img {
  width: 300px;
  height: 442px;
  max-width: 100%;
  background-size: cover;
}

.i-m .i-8 {
  padding-bottom: 20px;
  text-decoration: none;
  color: #333;
}

.i-m .i-8 .f-0 {
  margin: 0px;
  padding-top: 50px;
  max-width: 60.299999999999997%;
  flex: 0 0 70%;
  padding-left: 0px;
  padding-right: 0px;
}

.i-m .i-8 .f-0 .t-0 {
  font-size: 30px;
  font-family: 'Myriad Pro';
  color: #4d4d4d;
  font-weight: bolder;
  line-height: 1;
  margin-bottom: 0px;
  padding-left: 75px;
  letter-spacing: 0.1em;
}

.i-m .i-8 .f-0 .t-1 {
  color: #333;
  font-size: 19px;
  margin: 5px 0px 10px 0px;
  font-family: "微软雅黑";
  padding-left: 75px;
}

.i-m .i-8 .f-0 .xiahua {
  width: 50px;
  height: 3px;
  background: #f39700;
  margin-bottom: 40px;
  margin-left: 75px;
}

.i-m .i-8 .f-0 .t-2 {
  height: 210px;
  line-height: 2;
  padding-left: 75px;
}

.i-m .i-8 .f-0 .t-2 p {
  width: 75%;
  height: 160px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.i-m .i-8 .f-0 .img-8 {
  max-width: 789px;
  padding-right: 0px;
  padding-left: 15px;
  height: 452px;
  overflow: hidden;
  background-size: cover;
}

.i-m .i-8 .f-0 .img-8 img {
  height: 100%;
  max-width: 100%;
}

.i-m .i-8 .img-li-0 {
  margin: 0px;
  max-width: 38.979999999999997%;
  text-align: right;
  padding-right: 0px;
  padding-left: 10px;
  flex: 0 0 38.979999999999997%;
}

.i-m .i-8 .img-li-0 img {
  max-width: 100%;
}

.i-m .i-8 .img-li-0 div {
  padding: 0px;
}

.i-m .i-8 .img-li-0 .img-6, .i-m .i-8 .img-li-0 .img-7 {
  margin-bottom: 10px;
}

.i-m .i-8 .img-li-0 .img-6 {
  height: 304.91px;
}

.i-m .i-8 .img-li-0 .img-6 img {
  height: 100%;
}

.i-m .i-8 .img-li-0 .img-7 {
  height: 307px;
}

.i-m .i-8 .img-li-0 .img-7 img {
  height: 100%;
}

.i-m .i-8 .img-li-0 .img-9 {
  height: 571px;
}

.i-m .i-8 .img-li-0 .img-9 img {
  height: 100%;
}

#i-0-l {
  position: relative;
  bottom: -200px;
  transition: all 0.5s ease;
  opacity: 0;
}

#i-0-r {
  position: relative;
  bottom: -200px;
  transition: all 0.5s ease;
  opacity: 0;
}

#i-1-l {
  position: relative;
  left: -200px;
  transition: all 0.5s ease;
  opacity: 0;
}

#i-1-r {
  position: relative;
  right: -300px;
  transition: all 0.5s ease;
  opacity: 0;
}

#i-2-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-2-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-3-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-3-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-4-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-4-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-5-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-5-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-6-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-6-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-7-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-7-r {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-8-l {
  transition: all 0.5s ease;
  opacity: 0;
}

#i-8-r {
  transition: all 0.5s ease;
  opacity: 0;
}