@charset "UTF-8";
/* line 2, ../sass/page/_competitiveness.scss */
#competitiveness .section-block-bg {
  width: 100%;
}
/* line 4, ../sass/page/_competitiveness.scss */
#competitiveness .section-block-bg img {
  width: 100%;
  display: block;
}
@media only all and (max-width: 768px) {
  /* line 4, ../sass/page/_competitiveness.scss */
  #competitiveness .section-block-bg img {
    height: 300px;
  }
}
/* line 11, ../sass/page/_competitiveness.scss */
#competitiveness .logistics-list {
  position: relative;
}
/* line 13, ../sass/page/_competitiveness.scss */
#competitiveness .logistics-list .center {
  width: 760px;
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -380px;
}
@media only all and (max-width: 768px) {
  /* line 13, ../sass/page/_competitiveness.scss */
  #competitiveness .logistics-list .center {
    width: 380px;
    left: 50%;
    margin-left: -190px;
  }
}
/* line 26, ../sass/page/_competitiveness.scss */
#competitiveness .logistics-list .slogan p {
  width: 100%;
  margin: 0 auto;
}
/* line 34, ../sass/page/_competitiveness.scss */
#competitiveness .logistics-list a.tel {
  display: block;
  width: 200px;
  height: 50px;
  margin: 0 auto;
  margin-top: 30px;
  background: url(../images/business/tel_bg.png) no-repeat;
  font-size: 18px;
  color: #eceef3;
  font-weight: 400;
  line-height: 50px;
  padding-left: 60px;
}
@media only all and (max-width: 768px) {
  /* line 34, ../sass/page/_competitiveness.scss */
  #competitiveness .logistics-list a.tel {
    font-size: 14px;
  }
}
/* line 51, ../sass/page/_competitiveness.scss */
#competitiveness .logistics-list .s-arrow {
  margin-top: 65px;
}
/* line 56, ../sass/page/_competitiveness.scss */
#competitiveness .section {
  position: relative;
}
/* line 58, ../sass/page/_competitiveness.scss */
#competitiveness .section .center {
  position: absolute;
}
/* line 68, ../sass/page/_competitiveness.scss */
#competitiveness #section1 .center {
  width: 700px;
  top: 25%;
  position: absolute;
  left: 50%;
  margin-left: -350px;
}
@media only all and (max-width: 768px) {
  /* line 68, ../sass/page/_competitiveness.scss */
  #competitiveness #section1 .center {
    width: 380px;
    left: 50%;
    margin-left: -190px;
  }
}
/* line 79, ../sass/page/_competitiveness.scss */
#competitiveness #section1 .center h1, #competitiveness #section1 .center p {
  color: #333;
}
/* line 80, ../sass/page/_competitiveness.scss */
#competitiveness #section1 .center .s-arrow {
  margin-top: 50px;
}
/* line 101, ../sass/page/_competitiveness.scss */
#competitiveness #section3 {
  margin-top: -3%;
  position: relative;
  z-index: 3;
  overflow: visible;
}
/* line 108, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
/* line 114, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a {
  display: block;
  width: 8%;
  height: 8%;
  position: absolute;
  text-align: center;
  color: #333;
  background: url(../images/competitiveness/circle.png) no-repeat 50% 50%;
  background-size: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 124, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a p {
  position: absolute;
  height: 20px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  margin-top: -10px;
  color: #333;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 145, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a:hover {
  display: block;
  width: 8%;
  height: 8%;
  position: absolute;
  text-align: center;
  z-index: 9999999999999999;
  background: url(../images/competitiveness/circle-hover.png) no-repeat 50% 50%;
  background-size: 100%;
}
/* line 146, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a:hover p {
  color: #fff;
}
/* line 158, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle1 {
  top: 11%;
  left: 1%;
}
/* line 159, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle2 {
  top: 7%;
  left: 12%;
}
/* line 160, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle3 {
  top: 14%;
  left: 19%;
}
/* line 161, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle4 {
  top: 25%;
  left: 15%;
}
/* line 162, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle5 {
  top: 23%;
  left: 1%;
}
/* line 163, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle6 {
  top: 7%;
  left: 49%;
}
/* line 164, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle7 {
  top: 7%;
  left: 71%;
}
/* line 165, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle8 {
  top: 14%;
  left: 79%;
}
/* line 166, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle9 {
  top: 25%;
  left: 81%;
}
/* line 167, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle10 {
  top: 25%;
  left: 66%;
}
/* line 168, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle11 {
  top: 24%;
  left: 49%;
}
/* line 169, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .circle-group a.circle12 {
  top: 15%;
  left: 40%;
}
/* line 172, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list {
  width: 55%;
  position: absolute;
  left: 50%;
  margin-left: -27.5%;
  top: 37%;
}
/* line 178, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li {
  float: left;
  margin: 0 1% 2% 1%;
  width: 31.3%;
}
/* line 180, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li .block-options .pic img {
  width: 100%;
}
/* line 181, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li .block-options .content {
  position: relative;
}
/* line 183, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li .block-options .content p {
  height: 40px;
  line-height: 40px;
  background: #adadad;
  color: #fff;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
}
/* line 184, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li .block-options .content ul {
  display: none;
  background: #fff;
  width: 100%;
  position: absolute;
}
/* line 189, ../sass/page/_competitiveness.scss */
#competitiveness #section3 .block-list li .block-options .content ul li {
  width: 100%;
  text-align: center;
  float: none;
  font-size: 14px;
  padding: 1%;
}
@media only all and (max-width: 768px) {
  /* line 101, ../sass/page/_competitiveness.scss */
  #competitiveness #section3 {
    display: none;
  }
}
/* line 199, ../sass/page/_competitiveness.scss */
#competitiveness #section4 {
  margin-top: -3%;
  position: relative;
  z-index: 2;
}
/* line 208, ../sass/page/_competitiveness.scss */
#competitiveness #section5 {
  margin-top: -3%;
  position: relative;
}
@media only all and (max-width: 768px) {
  /* line 208, ../sass/page/_competitiveness.scss */
  #competitiveness #section5 {
    display: none;
  }
}
/* line 216, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
/* line 222, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a {
  display: block;
  width: 8%;
  height: 16%;
  position: absolute;
  text-align: center;
  color: #333;
  background: url(../images/competitiveness/circle.png) no-repeat 50% 50%;
  background-size: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 233, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a > p {
  position: absolute;
  height: 32px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 0;
  margin-top: -12px;
  color: #333;
  font-weight: bold;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 249, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a .dialog {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 334px;
  position: absolute;
  z-index: -1;
  top: 15px;
  left: -320px;
  background: url(../images/competitiveness/dialog.png) no-repeat 0% 50%;
  padding: 0 35% 10% 12%;
  *width: 350px;
  *padding-left: 20px;
  -webkit-transform: translateX(-5%);
  -moz-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 269, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a .dialog h3, #competitiveness #section5 .circle-group > a .dialog p {
  text-align: left;
  color: #fff;
}
/* line 270, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a .dialog h3 {
  font-size: 16px;
  font-weight: bolder;
  padding: 6% 0 2% 0;
  border-bottom: 1px solid #fff;
}
/* line 271, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a .dialog p {
  padding-top: 2%;
  *width: 263px;
  *float: left;
}
/* line 278, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a:hover {
  display: block;
  width: 8%;
  height: 16%;
  position: absolute;
  z-index: 99999;
  background: url(../images/competitiveness/circle-hover.png) no-repeat 50% 50%;
  background-size: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 289, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a:hover p {
  color: #fff;
}
/* line 292, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group > a:hover .dialog {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
/* line 301, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle1 {
  top: 56%;
  left: 23%;
}
/* line 302, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle2 {
  top: 38%;
  left: 32%;
}
/* line 303, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle3 {
  top: 73%;
  left: 32%;
}
/* line 304, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle4 {
  top: 31%;
  left: 79%;
}
/* line 305, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle5 {
  top: 45%;
  left: 86%;
}
/* line 306, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle6 {
  top: 67%;
  left: 86%;
}
/* line 307, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle7 {
  top: 81%;
  left: 80%;
}
/* line 308, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.circle8 {
  top: 82%;
  left: 68%;
}
/* line 310, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.popup1 {
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 10%;
  height: 20%;
  position: absolute;
  z-index: 99999999999;
  top: 53%;
  left: 31%;
}
/* line 322, ../sass/page/_competitiveness.scss */
#competitiveness #section5 .circle-group a.popup2 {
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 16%;
  height: 30%;
  position: absolute;
  z-index: 99999999999;
  top: 49%;
  left: 69%;
}

/* line 337, ../sass/page/_competitiveness.scss */
#popup1, #popup2 {
  display: none;
  width: 800px;
  height: 600px;
  overflow-y: auto;
}
/* line 339, ../sass/page/_competitiveness.scss */
#popup1 img, #popup2 img {
  width: 100%;
  display: block;
}

/* line 342, ../sass/page/_competitiveness.scss */
.hidden-title {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 349, ../sass/page/_competitiveness.scss */
#resolveCase {
  background: url(/images/business/grid.png) repeat-x center center;
  background-color: #01559E;
  width: 100%;
}
/* line 357, ../sass/page/_competitiveness.scss */
#resolveCase .slogan {
  padding-top: 100px;
  padding-bottom: 80px;
}
/* line 360, ../sass/page/_competitiveness.scss */
#resolveCase .slogan p {
  font-size: 22px;
  text-align: center;
  color: #fff;
}
/* line 365, ../sass/page/_competitiveness.scss */
#resolveCase .slogan h1 {
  margin-bottom: 20px;
  text-align: center;
  font-family: "Microsoft Yahei","黑体";
  font-weight: bold;
  font-size: 35px;
  color: #fff;
}
@media only all and (max-width: 768px) {
  /* line 357, ../sass/page/_competitiveness.scss */
  #resolveCase .slogan {
    padding-top: 20px;
    padding-bottom: 16px;
  }
  /* line 376, ../sass/page/_competitiveness.scss */
  #resolveCase .slogan h1 {
    font-size: 20px;
  }
}
/* line 382, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot {
  width: 900px;
  margin: 0 auto;
  position: relative;
}
@media only all and (max-width: 768px) {
  /* line 382, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot {
    height: 380px;
  }
}
@media only all and (max-width: 768px) {
  /* line 390, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon {
    width: 90%;
  }
}
@media only all and (max-width: 640px) {
  /* line 390, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon {
    width: 85%;
  }
}
/* line 398, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem {
  width: 46%;
  margin: 0 50px;
  background-color: white;
  position: relative;
}
/* line 404, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList {
  height: 400px;
}
/* line 407, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList img {
  width: 100%;
  margin: 0 auto;
}
/* line 411, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro {
  height: 230px;
  background: #fff;
}
/* line 415, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro h3 {
  font-size: 20px;
  font-weight: bolder;
  color: #2c3e4c;
  margin-bottom: 15px;
  padding-top: 20px;
  padding-left: 20px;
}
/* line 423, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro p {
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
@media only all and (max-width: 768px) {
  /* line 404, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList {
    height: 300px;
  }
  /* line 434, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro {
    height: 200px;
  }
  /* line 436, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro h3 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 10px;
  }
  /* line 442, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .caseItemList .intro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
/* line 453, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent {
  overflow: auto;
  display: none;
  width: 350px;
  height: 500px;
  background-color: #FF9134;
  padding: 30px 20px;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
}
/* line 465, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent p {
  text-align: left;
  font-size: 24px;
}
/* line 469, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent span {
  font-size: 15px;
  line-height: 28px;
  text-align: left;
}
@media only all and (max-width: 768px) {
  /* line 453, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent {
    width: 100%;
    height: 300px;
    background-color: #FF9134;
    padding: 20px 10px;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 22;
  }
  /* line 487, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent p {
    text-align: left;
    font-size: 16px;
  }
  /* line 491, ../sass/page/_competitiveness.scss */
  #resolveCase .slickCaseFoot .slickCeseCon .caseItem .logistics-listContent span {
    font-size: 15px;
    line-height: 22px;
    word-spacing: 26px;
    text-align: left;
  }
}
/* line 503, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .left-arrow, #resolveCase .slickCaseFoot .right-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
}
/* line 511, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .left-arrow {
  background: url(../images/duty/arrow.png) left center no-repeat;
  left: -80px;
}
/* line 515, ../sass/page/_competitiveness.scss */
#resolveCase .slickCaseFoot .right-arrow {
  background: url(../images/duty/arrow.png) right center no-repeat;
  right: -80px;
}
/* line 520, ../sass/page/_competitiveness.scss */
#resolveCase .center {
  margin-bottom: 200px;
}
@media only all and (max-width: 768px) {
  /* line 520, ../sass/page/_competitiveness.scss */
  #resolveCase .center {
    margin-bottom: 0px;
  }
}

@media only all and (max-width: 768px) {
  /* line 649, ../sass/page/_competitiveness.scss */
  #section1, #section2, #section3 {
    height: 300px;
  }
}