@charset "utf-8";


body {
  font-family: "Microsoft JhengHei", "Microsoft JhengHei UI";
}

.banner, .banner_cn {
  width: 100%;
  height: 796px;
  max-height: 796px;
  min-width: 820px;
  background-size: cover
}

.banner, .banner_cn, .content0_container {
  background-size: cover
}

::-webkit-scrollbar-thumb {
  background-color: #2c7cc1
}

.banner {
  background-image: url('../images/partner/banner.jpg');
  background-repeat: no-repeat;
  background-position: center
}

.banner_cn {
  background-image: url('../images/partner/banner_s.png');
  background-repeat: no-repeat;
  background-position: center
}


.content0_container, .content0_mid_line {
  width: 100%;
  /*min-width:1160px;*/
  background-position: center;
  background-repeat: no-repeat
}

.content0_container {
  height: 1357px;
  margin-top: 20px;
  background-image: url('../images/partner/bg.png')
}


.content0_mid_line {
  height: 1291px;
  background-image: url('../images/partner/mid_line.png');
  position: absolute;
  margin-top: 33px;
  left: -100px
}


.a1_left, .a2_left, .a3_left {
  background-position: left
}

.a1_left, .a1_right, .a1_right_1 {
  position: relative
}

.content0 {
  margin: 0 auto
}

.content0 h3 {
  font-size: 15px;
  line-height: 20px
}

.a1 {
  height: 500px
}

.a1_hr {
  width: 50px;
  border: 0;
  border-bottom: 1px solid #aadfec;
  float: left
}

.a1_left {
  top: 220px;
  width: 600px;
  height: 85px;
  background-image: url('../images/partner/casetitle_blue-03.png');
  background-repeat: no-repeat;
  padding-left: 200px;
  float: left;
  background-position: 150px;
}

.a1_left h1 {
  font-size: 36px;
  color: #143980;
  margin-bottom: 12px
}

.a1_left h2 {
  font-size: 15px;
  margin: 5px 0;
  line-height: 10px
}

.a1_right {
  float: right;
  top: 220px
}

.a1_right_1 {
  top: -100px;
  right: 100px;
  width: 243px;
  height: 30px;
  background-image: url('../images/partner/1_1.png');
  background-repeat: no-repeat;
  padding-left: 25px
}

.a1_right_2, .a1_right_3 {
  padding-left: 35px;
  position: relative;
  height: 30px;
  background-repeat: no-repeat
}

.a1_right_2 {
  top: -50px;
  right: 60px;
  width: 359px;
  background-image: url('../images/partner/1_2.png')
}

.a1_right_3 {
  top: -5px;
  right: 10px;
  width: 343px;
  background-image: url('../images/partner/1_3.png')
}

.a1_right_4 {
  position: relative;
  top: 40px;
  right: -20px;
  width: 311px;
  height: 30px;
  background-image: url('../images/partner/1_4.png');
  background-repeat: no-repeat;
  padding-left: 30px
}

.a2 {
  width: 1790px;
  height: 500px
}


/*1060*/

.a2_hr {
  width: 50px;
  border: 0;
  border-bottom: 1px solid #c4680d;
  float: left
}

.a2_left {
  position: relative;
  top: 135px;
  width: 600px;
  height: 85px;
  background-image: url('../images/partner/casetitle_orange-04.png');
  background-repeat: no-repeat;
  padding-left: 200px;
  float: left;
  background-position: 150px;
}

.a2_left h1 {
  font-size: 36px;
  color: #c4680d;
  margin-bottom: 12px
}

.a2_left h2 {
  font-size: 15px;
  margin: 5px 0;
  line-height: 30px
}

.a2_right {
  position: relative;
  float: right;
  top: 220px;
  right: 50px
}

.a2_right_1 {
  position: relative;
  top: -130px;
  right: -20px;
  width: 284px;
  height: 30px;
  background-image: url('../images/partner/2_1.png');
  background-repeat: no-repeat;
  padding-left: 25px
}

.a2_right_2, .a2_right_3 {
  position: relative;
  width: 268px;
  height: 30px;
  padding-left: 35px
}

.a2_right_2 {
  top: -80px;
  right: -25px;
  background-image: url('../images/partner/2_2.png');
  background-repeat: no-repeat
}

.a2_right_3 {
  top: -40px;
  right: -20px;
  background-image: url('../images/partner/2_3.png');
  background-repeat: no-repeat
}



.a3_left, .a3_right_1 {
  position: relative;
  top: 50px;
  background-repeat: no-repeat
}

.a3 {
  width: 1790px;
  height: 200px
}

.a3_hr {
  width: 50px;
  border: 0;
  border-bottom: 1px solid #aadfec;
  float: left
}

.a3_left {
  width: 600px;
  height: 85px;
  background-image: url('../images/partner/casetitle_blue-03.png');
  padding-left: 200px;
  float: left;
  background-position: 150px;
}

.a3_left h1 {
  font-size: 36px;
  color: #143980;
  margin-bottom: 12px
}

.a3_left h2 {
  font-size: 15px;
  margin: 5px 0;
  line-height: 30px
}

.a3_right {
  position: relative;
  float: right;
  left: -80px
}

.a3_right_1 {
  right: 0;
  width: 317px;
  height: 145px;
  background-image: url('../images/partner/3-13.png');
  background-position: bottom;
  padding-left: 40px
}

.a3_right h3 {
  line-height: 30px
}

.material-scrolltop {
  background: #2c7cc1
}






@media only screen and (min-width:320px) and (max-width:768px) {
  .banner, .banner_cn {
    height: 700px;
    max-height: 700px
  }
  .content0_container {
    /*width:1160px;*/
    height: 1357px;
    background-size: 1160px 1357px
  }
  .header {
    width: 1000px
  }
  .a1, .a2, .a3, .content0 {
    width: 1000px
  }
  .material-scrolltop {
    display: none
  }

  .content0_mid_line {
    display: none;
  }
  .a1_left {
    top: 100px;
    padding-left: 100px;
    background-position: 70px;
  }
  .a2_left {
    padding-left: 100px;
    background-position: 70px;
    top: 135px;
    width: 600px;
    top: 60px;
  }
  .a3_left {
    padding-left: 100px;
    background-position: 70px;
    top: 0px;
  }

  .a1_right_1 {
    top: 20px;
    right: 540px;
  }
  .a1_right_2 {
    top: 70px;
    right: 540px;
  }
  .a1_right_3 {
    top: 120px;
    right: 540px;
  }
  .a1_right_4 {
    top: 170px;
    right: 540px;
  }

  .a2_right_1 {
    top: 0px;
    right: 560px;
  }
  .a2_right_2 {
    top: 50px;
    right: 560px;
  }
  .a2_right_3 {
    top: 105px;
    right: 560px;
  }

  .a3_right_1 {
    top: 150px;
    right: 540px;
  }
}



@media (max-width:1161px) and (min-width:769px) {
  .banner, .banner_cn {
    height: 700px;
    max-height: 700px
  }
  .content0_container {
    /*width:1160px;*/
    height: 1357px;
    background-size: 1160px 1357px
  }
  .header {
    width: 1000px
  }
  .a1, .a2, .a3, .content0 {
    width: 1000px
  }
  .material-scrolltop {
    display: none
  }
  .a1_left {
    padding-left: 100px;
    background-position: 70px;
  }
  .a2_left {
    padding-left: 100px;
    background-position: 70px;
    top: 135px;
    width: 600px;
  }
  .a3_left {
    padding-left: 100px;
    background-position: 70px;
  }
}









@media (max-width:1366px) and (min-width:769px) {
  .banner, .banner_cn {
    height: 700px;
    max-height: 700px
  }
  .content0_container {
    /*width:1160px;*/
    height: 1357px;
    background-size: auto auto
  }
  .header {
    width: 1000px
  }
  .a1, .a2, .a3, .content0 {
    width: 1000px
  }
  .material-scrolltop {
    display: none
  }

  .a2 {
    width: 100%;
    height: 500px
  }
  /*1060*/
  .a3 {
    width: 100%;
    height: 200px
  }


  .a1_left {
    padding-left: 100px;
    background-position: 70px;
  }
  .a2_left {
    padding-left: 100px;
    background-position: 70px;
  }
  .a3_left {
    padding-left: 100px;
    background-position: 70px;
  }
}

@media (min-width:1366px) and (max-width:1900px) {
  .banner, .banner_cn {
    height: 700px;
    max-height: 700px
  }
  .content0_container {
    /*width:1160px;*/
    height: 1357px;
    background-size: auto auto
  }
  .header {
    width: 1000px
  }
  .a1, .a2, .a3, .content0 {
    width: 1000px
  }
  .material-scrolltop {
    display: none
  }

  .a2 {
    width: 100%;
    height: 500px
  }
  /*1060*/
  .a3 {
    width: 100%;
    height: 200px
  }


  .a1_left {
    padding-left: 100px;
    background-position: 70px;
  }
  .a2_left {
    padding-left: 100px;
    background-position: 70px;
  }
  .a3_left {
    padding-left: 100px;
    background-position: 70px;
  }
}