@font-face {

  font-family: "OPENSANSBOLD_0";

  src: url("../fonts/OPENSANSBOLD_0.eot");

  src: url("../fonts/OPENSANSBOLD_0.eot") format("embedded-opentype"), url("../fonts/OPENSANSBOLD_0.woff2") format("woff2"), url("../fonts/OPENSANSBOLD_0.woff") format("woff"), url("../fonts/OPENSANSBOLD_0.ttf") format("truetype"), url("../fonts/OPENSANSBOLD_0.svg#OPENSANSBOLD_0") format("svg");

}

@font-face {

  font-family: "OpenSansRegular";

  src: url("../fonts/OpenSansRegular.eot");

  src: url("../fonts/OpenSansRegular.eot") format("embedded-opentype"), url("../fonts/OpenSansRegular.woff2") format("woff2"), url("../fonts/OpenSansRegular.woff") format("woff"), url("../fonts/OpenSansRegular.ttf") format("truetype"), url("../fonts/OpenSansRegular.svg#OpenSansRegular") format("svg");

}

@font-face {

  font-family: "OPENSANSSEMIBOLD";

  src: url("../fonts/OPENSANSSEMIBOLD.eot");

  src: url("../fonts/OPENSANSSEMIBOLD.eot") format("embedded-opentype"), url("../fonts/OPENSANSSEMIBOLD.woff2") format("woff2"), url("../fonts/OPENSANSSEMIBOLD.woff") format("woff"), url("../fonts/OPENSANSSEMIBOLD.ttf") format("truetype"), url("../fonts/OPENSANSSEMIBOLD.svg#OPENSANSSEMIBOLD") format("svg");

}

* {

  margin: 0;

  padding: 0;

}



html {

  font-size: 62.5%;

  height: 100%;

}



body {

  margin: 0 auto;

  width: 100%;

  max-width: 1920px;

  overflow-x: hidden;

  font-family: "OpenSansRegular", arial, helvetica, sans-serif;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  line-height: 1.2;

}



a {

  color: #333;

  text-decoration: none;

  outline: 0;

  tap-highlight-color: transparent;

  focus-ring-color: transparent;

  -webkit-tap-highlight-color: transparent;

  -webkit-focus-ring-color: transparent;

  -moz-tap-highlight-color: transparent;

  -moz-focus-ring-color: transparent;

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



a:hover {

  color: #0066a8;

}



ol,

ul,

li {

  list-style: none;

}



img {

  max-width: 100%;

  border: 0 solid #ccc;

}



table,

embed,

video {

  max-width: 100%;

}



input,

textarea {

  border: 0;

  background: 0;

  font-family: inherit;

}



input[type=submit],

textarea[type=submit] {

  cursor: pointer;

}



input[type=checkbox],

textarea[type=checkbox] {

  cursor: pointer;

}



input[type=radio],

textarea[type=radio] {

  cursor: pointer;

}



input:focus,

textarea:focus {

  outline: 0;

}



textarea {

  resize: none;

}



button {

  border: 0;

  background: 0;

  cursor: pointer;

}



em,

i {

  font-style: normal;

}



input[type=range] {

  -webkit-appearance: none;

  margin: 10px 0;

  width: 100%;

  background: transparent;

}



input[type=range]:focus {

  outline: 0;

}



input[type=range]::-webkit-slider-runnable-track {

  width: 100%;

  height: 14px;

  cursor: pointer;

  animate: 0.2s;

  box-shadow: 0 0 0 #696969;

  background: #f9f9f9;

  border-radius: 20px;

  border: 1px solid #b5b5b5;

}



input[type=range]::-webkit-slider-thumb {

  box-shadow: 0 0 1px #696969;

  border: 1px solid #113964;

  height: 18px;

  width: 36px;

  border-radius: 17px;

  background: #184f87;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -3px;

}



input[type=range]:focus::-webkit-slider-runnable-track {

  background: #f9f9f9;

}



input[type=range]::-moz-range-track {

  width: 100%;

  height: 14px;

  cursor: pointer;

  animate: 0.2s;

  box-shadow: 0 0 0 #696969;

  background: #f9f9f9;

  border-radius: 20px;

  border: 1px solid #b5b5b5;

}



input[type=range]::-moz-range-thumb {

  box-shadow: 0 0 1px #696969;

  border: 1px solid #113964;

  height: 18px;

  width: 36px;

  border-radius: 17px;

  background: #184f87;

  cursor: pointer;

}



input[type=range]::-ms-track {

  width: 100%;

  height: 14px;

  cursor: pointer;

  animate: 0.2s;

  background: transparent;

  border-color: transparent;

  color: transparent;

}



input[type=range]::-ms-fill-lower {

  background: #f9f9f9;

  border: 1px solid #b5b5b5;

  border-radius: 40px;

  box-shadow: 0 0 0 #696969;

}



input[type=range]::-ms-fill-upper {

  background: #f9f9f9;

  border: 1px solid #b5b5b5;

  border-radius: 40px;

  box-shadow: 0 0 0 #696969;

}



input[type=range]::-ms-thumb {

  box-shadow: 0 0 1px #696969;

  border: 1px solid #113964;

  height: 18px;

  width: 36px;

  border-radius: 17px;

  background: #184f87;

  cursor: pointer;

}



input[type=range]:focus::-ms-fill-lower {

  background: #f9f9f9;

}



input[type=range]:focus::-ms-fill-upper {

  background: #f9f9f9;

}



.c-fl {

  float: left;

}



.c-fr {

  float: right;

}



.c-cb {

  clear: both;

}



.c-clearfix:after {

  content: "";

  display: block;

  clear: both;

}



.c-mg {

  margin-top: 0;

  margin-right: auto;

  margin-bottom: 0;

  margin-left: auto;

}



.c-oh {

  overflow: hidden;

}



.c-wd {

  width: 1200px;

}



.c-tsn {

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



.c-bbx {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.c-pr {

  position: relative;

}



.c-mt-5 {

  margin-top: 5px;

}



.c-mt-10 {

  margin-top: 10px;

}



.c-mt-15 {

  margin-top: 15px;

}



.c-mt-20 {

  margin-top: 20px;

}



.c-mt-25 {

  margin-top: 25px;

}



.c-mt-30 {

  margin-top: 30px;

}



.c-mt-35 {

  margin-top: 35px;

}



.c-mt-40 {

  margin-top: 40px;

}



.c-mt-45 {

  margin-top: 45px;

}



.c-mt-50 {

  margin-top: 50px;

}



.c-nomt {

  margin-top: 0 !important;

}



.c-nomr {

  margin-right: 0 !important;

}



.c-nomb {

  margin-bottom: 0 !important;

}



.c-noml {

  margin-left: 0 !important;

}



.c-nomg {

  margin: 0 !important;

}



.c-nopt {

  padding-top: 0 !important;

}



.c-nopr {

  padding-right: 0 !important;

}



.c-nopb {

  padding-bottom: 0 !important;

}



.c-nopl {

  padding-left: 0 !important;

}



.c-nopd {

  padding: 0 !important;

}



.c-nofont {

  line-height: 0;

  font-size: 0;

}



.c-nobg {

  background: none !important;

}



.f-czjz {

  position: relative;

  top: 50%;

  -webkit-transform: translate(0px, -50%);

  -moz-transform: translate(0px, -50%);

  -ms-transform: translate(0px, -50%);

  -o-transform: translate(0px, -50%);

  transform: translate(0px, -50%);

}



.f-box {

  margin: 0 auto;

  max-width: 1200px;

  overflow: visible;

}



@media screen and (min-width: 960px) and (max-width: 1219px) {

  .f-box {

    width: 950px;

  }

}

@media screen and (min-width: 768px) and (max-width: 959px) {

  .f-box {

    width: 750px;

  }

}

@media screen and (max-width: 767px) {

  .f-box {

    padding-left: 10px;

    padding-right: 10px;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

}

.m-desc {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}



.m-desc a {

  color: #0066a8;

}



.m-desc a:hover {

  text-decoration: underline;

}



.m-desc p {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}



.m-desc span {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}



.m-desc b {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}



.m-desc img {

  max-width: 100%;

}



.m-desc iframe {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}



.m-desc table {

  width: 90%;

  border-collapse: collapse;

  line-height: 22px;

  border: 1px solid #ccc;

  margin-left: auto;

  margin-right: auto;

}



.m-desc table tr td {

  padding: 3px;

  border: 1px solid #ccc;

  background: #fff;

  font-size: 14px;

  font-size: 1.4rem;

}



.table table {

  width: 100%;

  border-collapse: collapse;

  line-height: 22px;

  border: 1px solid #ccc;

}



.table table tr td {

  padding: 3px;

  border: 1px solid #ccc;

}



@media screen and (max-width: 1000px) {

  .table {

    width: 100%;

    overflow: scroll;

  }



  .table table {

    width: 885px;

  }

}

@media screen and (max-width: 767px) {

  .m-tt1 {

    font-size: 24px !important;

    font-size: 2.4rem !important;

  }



  .m-tt2 {

    font-size: 20px !important;

    font-size: 2rem !important;

  }



  .m-tt3 {

    font-size: 18px !important;

    font-size: 1.8rem !important;

  }



  .m-desc1 {

    font-size: 16px !important;

    font-size: 1.6rem !important;

  }



  .m-desc2 {

    font-size: 14px !important;

    font-size: 1.4rem !important;

  }



  [class*=-item] .item-title {

    font-size: 14px;

    font-size: 1.4rem;

  }



  [class*=-item] .item-desc {

    font-size: 13px;

    font-size: 1.3rem;

  }



  [class*=-item] .item-link {

    font-size: 13px;

    font-size: 1.3rem;

  }



  [class*=-item] .item-modal {

    display: none;

  }

}

.j-offset-top {

  -webkit-transition: all 750ms;

  -o-transition: all 750ms;

  -moz-transition: all 750ms;

  transition: all 750ms;

  -webkit-transform: translateY(100px);

  -moz-transform: translateY(100px);

  -ms-transform: translateY(100px);

  -o-transform: translateY(100px);

  transform: translateY(100px);

  opacity: 0;

}



.j-offset-top.run {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}



.j-offset-left {

  -webkit-transition: all 750ms;

  -o-transition: all 750ms;

  -moz-transition: all 750ms;

  transition: all 750ms;

  -webkit-transform: translateX(100px);

  -moz-transform: translateX(100px);

  -ms-transform: translateX(100px);

  -o-transform: translateX(100px);

  transform: translateX(100px);

  opacity: 0;

}



.j-offset-left.run {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  opacity: 1;

}



.j-offset-right {

  -webkit-transition: all 750ms;

  -o-transition: all 750ms;

  -moz-transition: all 750ms;

  transition: all 750ms;

  -webkit-transform: translateX(-100px);

  -moz-transform: translateX(-100px);

  -ms-transform: translateX(-100px);

  -o-transform: translateX(-100px);

  transform: translateX(-100px);

  opacity: 0;

}



.j-offset-right.run {

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

  opacity: 1;

}



.j-lazy {

  min-width: 20%;

}



[class*=-item] .item-pic {

  position: relative;

  display: block;

  line-height: 0;

  font-size: 0;

  text-align: center;

  overflow: hidden;

}



[class*=-item] .item-pic img {

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



[class*=-item] .item-pic:hover img {

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}



[class*=-item] .item-title {

  overflow: hidden;

}



[class*=-item] .item-title a:hover {

  color: #0066a8;

}



[class*=-item] .item-desc {

  overflow: hidden;

}



[class*=-item] .item-desc a {

  display: block;

}



[class*=-item] .item-desc a:hover {

  color: #0066a8;

}



.g-hd {

  position: relative;

  z-index: 9;

}



.m-hdfix1 {

  background-color: #0066a8;

  line-height: 44px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

}



.m-hdfix1 a {

  color: #fff;

}



.m-hdfix1 a:hover {

  color: #ccc;

}



.m-hdtext {

  float: left;

}



.m-hdinfo {

  float: left;

}



.m-hdinfo .info-item {

  float: left;

  margin-left: 29px;

}



.m-hdinfo .info-item:first-child {

  margin-left: 0;

}



.m-hdfix2 .box-fix {

  float: right;

}



.m-hdlogo {

  float: left;

  display: block;

  font-size: 0;

  letter-spacing: 0;

  text-align: center;

  padding-top: 16px;

  padding-bottom: 14px;
max-width:214px;
margin-left:50px;
}



.m-hdnav {

  float: left;

}



.m-hdnav .nav-item {

  position: relative;

  margin: 0 11px;

  float: left;

}



.m-hdnav .nav-item > a {

  position: relative;

  display: block;

  padding-top: 56px;

  padding-bottom: 35px;

  line-height: 30px;

  /*	font-size: 18px;

  font-size: 1.8rem;*/

  font-size: 16px;

  font-size: 1.6rem;

}



.m-hdnav .nav-item > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

  width: 100%;

  height: 6px;

  background-color: #fff;

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



.m-hdnav .nav-item > a:hover:before {

  background-color: #0066a8;

}



.m-hdnav .nav-item > a.current:before {

  background-color: #0066a8;

}



.m-hdnav .nav-item > a.active:before {

  background-color: #0066a8;

}



.m-hdnav .sbnav-list {

  position: absolute;

  z-index: 10;

  display: none;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  background-color: #fff;

  border: 1px solid #ececec;

}



.m-hdnav .sbnav-wp {

  padding-top: 6px;

  padding-bottom: 6px;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-hdnav .sbnav-list1 {

  top: 100%;

  left: 0;

  width: 234px;

}



.m-hdnav .sbnav-list2 {

  top: 0;

  left: 100%;

  width: 185px;

}



.m-hdnav .sbnav-list3 {

  top: 0;

  right: 100%;

  width: 185px;

}



.m-hdnav .sbnav-item {

  position: relative;

}



.m-hdnav .sbnav-item a {

  position: relative;

  display: block;

  padding: 5px;

  line-height: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #999;

  text-align: left;

}



.m-hdnav .sbnav-item a:hover {

  color: #0066a8;

}



.m-hdnav .sbnav-item a.active {

  color: #0066a8;

}



.m-hdnav .sbnav-item:first-child {

  margin-top: 0;

}



.m-hdnav .sbnav-item:last-child > a {

  border-bottom: 0;

}



.m-hdsch {

  position: relative;

  margin-left: 0;

  float: left;

  padding-top: 56px;

  padding-bottom: 34px;

}



.m-hdsch .sch-btn {

  display: block;

  line-height: 30px;

  text-align: center;

  font-size: 22px;

  font-size: 2.2rem;

  color: #333;

}



.m-hdsch .sch-btn:hover {

  color: #0066a8;

}



.m-hdsch .sch-form {

  position: absolute;

  right: 0;

  top: 100%;

  display: none;

  width: 254px;

  overflow: hidden;

  background-color: #fff;

  border: 2px solid #0066a8;

}



.m-hdsch .form-text {

  float: left;

  width: 220px;

  height: 30px;

  line-height: 30px;

  padding: 0 10px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-hdsch .form-btn {

  float: right;

  width: 30px;

  height: 30px;

  background: url("../images/sch2.png") no-repeat center;

}



.m-hdlang {

  position: relative;

  float: left;

  margin-left: 15px;

  padding: 8px 0;

}



.m-hdlang .lang-btn {

  display: block;

  width: 85px;

  line-height: 24px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

  border: 1px solid #fff;

  border-radius: 5px;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-hdlang .lang-btn:hover {

  color: #0066a8;

  background-color: #fff;

}



.m-hdlang .iconfont {

  margin-right: 3px;

  font-size: 12px;

  font-size: 1.2rem;

}



.m-hdlang .lang-list {

  position: absolute;

  display: none;

  z-index: 3;

  top: 100%;

  margin-top: 12px;

  right: 0;

  width: 150%;

  padding: 5px;

  background-color: #0066a8;

}



.m-hdlang .lang-item a {

  display: block;

  padding: 5px 0;

  line-height: 24px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  text-align: center;

}



.m-hdlang .lang-item a:hover {

  color: #0066a8;

  background-color: #fff;

}



.m-hdlang .lang-item a.active {

  color: #0066a8;

  background-color: #fff;

}



@media screen and (max-width: 1219px) {

  .m-hdnav .nav-item {

    /*margin: 0 15px;*/
margin: 0 4px;
  }



  .m-hdnav .nav-item > a {

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 959px) {

  .m-hdtext {

    display: none;

  }



  .m-hdfix1 {

    background: 0;

    padding: 0;

  }



  .m-hdkey,

.m-hdinfo,

.m-hdshare {

    display: none;

  }



  .m-hdfix2 .box-fix {

    padding: 0;

  }



  .m-hdlang {

    position: absolute;

    left: 30px;

    top: 10px;

    color: #333;

    padding: 0;

  }



  .m-hdlang .lang-btn {

    line-height: 24px;

    color: #333;

  }



  .m-hdlang .lang-list {

    right: auto;

    left: 0;

  }



  .m-hdnav {

    display: none;

  }



  .m-hdlogo {

    float: none;

    width: 100%;

    padding-top: 45px;

    padding-bottom: 20px;
margin:0 auto;
  }



  .m-hdlogo img {

    max-width: 140px;
    margin:0 auto;
    display:block;

  }



  .m-hdsch {

    position: absolute;

    float: none;

    margin-left: 0;

    left: 10px;

    top: 5px;

    padding: 0;

  }



  .m-hdsch .sch-form {

    right: auto;

    left: 0;

  }

}

.wap-hd-nav {

  display: none;

}



.wap-nav {

  width: 5px;

  height: 100%;

  position: absolute;

  right: 0;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  z-index: 999999999999999;

  cursor: pointer;

  position: fixed;

  top: -5px;

  right: 0;

  display: block;

}



.wap-nav .nav {

  overflow: hidden;

  width: 300px;

  background: rgba(0, 0, 0, 0.8);

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  height: auto;

  overflow: scroll;

}



.wap-nav .nav span {

  font-family: arial, helvetica, sans-serif;

}



.wap-nav .nav form {

  margin: 15px auto;

  width: 258px;

  height: 26px;

  border: 1px solid #fff;

}



.wap-nav .nav form .iptc {

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 15px;

  background-color: #fff;

  width: 80%;

  height: 26px;

  line-height: 26px;

  display: block;

  float: left;

}



.wap-nav .nav form .ipsc {

  width: 20%;

  height: 26px;

  line-height: 26px;

  display: block;

  float: right;

  background: #fff url("../images/sch2.png") no-repeat center center;

}



.wap-nav .nav > ul {

  display: none;

  margin-top: 0;

  margin-bottom: 0;

  overflow: scroll;

  padding-top: 45px;


  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.wap-nav .nav > ul > li {

  line-height: 40px;

  font-size: 12px;

  font-size: 1.2rem;

  text-indent: 20px;

  position: relative;

}



.wap-nav .addition {

  width: 20px;

  height: 20px;

  position: absolute;

  right: 15px;

  top: 10px;

  background: url("../images/shizi.png") no-repeat center center;

}



.wap-nav .addition.active {

  background-image: url("../images/yizi.png");

}



.wap-nav .addition.fa:before {

  margin-right: 5px;

  color: #fff;

  text-indent: 0;

}



.wap-nav .nav > ul > li > a {

  margin-right: 40px;

  color: #fff;

  font-size: 12px;

  font-size: 1.2rem;

  display: block;

}



.wap-nav .nav > ul > li > a span {

  color: #fff;

  font-size: 12px;

  font-size: 1.2rem;

}



.wap-nav .nav > ul > li .c-show {

  display: none;

  width: 100%;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 {

  position: relative;

  padding-left: 15px;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > a {

  position: relative;

  margin-right: 40px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

  display: block;

  padding-top: 5px;

  padding-bottom: 5px;

  line-height: 30px;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > a span {

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 {

  position: relative;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {

  position: relative;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {

  margin-right: 40px;

  text-indent: 35px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

  display: block;

  padding-top: 5px;

  padding-bottom: 5px;

  line-height: 30px;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {

  position: relative;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {

  margin-right: 40px;

  text-indent: 50px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

  display: block;

  padding-top: 5px;

  padding-bottom: 5px;

  line-height: 30px;

}



.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

}



.wap-nav .nav > ul > dl {

  padding: 20px;

}



.wap-nav .nav > ul > dl dd {

  float: left;

  margin: 0 2px;

}



.wap-nav .menubtn {

  width: 23px;

  height: 18px;

  position: absolute;

  top: 12px;

  right: 12px;

  -webkit-transition: all 0.4s ease 0s;

  -o-transition: all 0.4s ease 0s;

  -moz-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  z-index: 9999;

}



.wap-nav .menubtn span {

  display: block;

  width: 100%;

  height: 3px;

  margin-bottom: 3px;

  background-color: #0066a8;

}



@media screen and (min-width: 960px) {

  .wap-nav,

.menubtn {

    display: none;

  }

}

@media screen and (max-width: 959px) {

  .wap-hd-nav {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row nowrap;

    -moz-box-orient: horizontal;

    -moz-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: #0066a8;

  }



  .wap-hd-nav-item {

    width: 25%;

  }



  .wap-hd-nav-item a {

    display: block;

    padding: 5px 0;

    line-height: 20px;

    font-size: 14px;

    color: white;

    text-align: center;

    background-color: #363636;

  }



  .wap-hd-nav-item a.active {

    color: white;

    background-color: #0066a8;

  }

}

.banner {

  position: relative;

  z-index: 2;

  line-height: 0;

  font-size: 0;

  border-top: 2px solid #0066a8;

}



.banner .slick-arrow {

  position: absolute;

  z-index: 9;

  top: 50%;

  margin-top: -26px;

  display: block !important;

  width: 52px;

  height: 52px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  cursor: pointer;

}



.banner .slick-prev {

  left: 2.60417%;

  background-image: url("../images/jtl1.png");

}



.banner .slick-prev:hover {

  background-image: url("../images/jtl2.png");

}



.banner .slick-next {

  right: 2.60417%;

  background-image: url("../images/jtr1.png");

}



.banner .slick-next:hover {

  background-image: url("../images/jtr2.png");

}



.banner .slick-dots {

  position: absolute;

  z-index: 999999;

  left: 0;

  right: 0;

  bottom: 30px;

  display: none !important;

  text-align: center;

  font-size: 0;

  letter-spacing: 0;

  text-align: center;

}



.banner .slick-dots li {

  margin: 0 11px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background-color: #fff;

}



.banner .slick-dots li.slick-active {

  background-color: #0066a8;

}



.banner.hide {

  display: none;

}



@media screen and (max-width: 959px) {

  .banner {

    display: block;

  }



  .banner.hide {

    display: block;

  }



  .banner .slick-arrow {

    display: none !important;

  }



  .banner .slick-dots {

    bottom: 10px;

    display: block !important;

  }



  .banner .slick-dots li {

    margin: 0 5px;

    width: 10px;

    height: 10px;

  }



  .n-banner {

    display: none;

  }

}

.g-hwys {

  position: relative;

  z-index: 3;

  margin-top: -4.16667%;

}



.m-hwys .list-item {

  float: left;

  margin-right: 2.5%;

  width: 31.66667%;

}



.m-hwys .item-title {

  margin-top: 16px;

  height: 26px;

  line-height: 26px;

  font-size: 20px;

  font-size: 2rem;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-hwys .item-desc {

  margin-top: 10px;

}



.m-hwys .item-desc a {

  display: block;

  min-height: 170px;

  line-height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

  overflow: hidden;

}



.m-hwys .item-desc a:hover {

  color: #0066a8;

}



.m-hwys .item-link {

  margin-top: 15px;

  display: block;

  width: 133px;

  height: 42px;

  line-height: 40px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #0066a8;

  text-align: center;

  border-radius: 2px;

  border: solid 1px #0066a8;

}



.m-hwys .item-link:hover {

  color: #fff;

  background-color: #0066a8;

}



@media screen and (max-width: 959px) {

  .g-hwys {

    margin-top: 30px;

  }



  .m-hwys .item-title {

    font-size: 16px;

    font-size: 1.6rem;

  }



  .m-hwys .item-desc a {

    height: 72px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 480px) {

  .m-hwys .list-item {

    margin: 0;

    margin-top: 30px;

    width: 100%;

  }



  .m-hwys .list-item:first-child {

    margin-top: 0;

  }

}

.g-hpro {

  margin-top: 48px;

/*  padding-top: 87px;*/

    padding-top: 57px;

  padding-bottom: 132px;

  background-color: #eee;

  background-color: rgba(238, 238, 238, 0.6);

}



.g-hpro .box-title {

  font-size: 36px;

  font-size: 3.6rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

}



.g-hpro .box-desc {

  margin-left: auto;

  margin-right: auto;

  margin-top: 17px;

  margin-bottom: 26px;

  /*margin-bottom: 76px;*/

  max-width: 1026px;

}



.g-hpro .box-desc a {

  display: block;

  max-height: 78px;

  line-height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

  text-align: center;

  overflow: hidden;

}



.g-hpro .box-desc a:hover {

  color: #0066a8;

}



.g-hpro .box-desc .box-linkpy a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  min-width: 120px;

  line-height: 24px;

  padding-top: 2px 5px;

  font-size: 14px;

  font-size: 1.4rem;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0066a8;

  border-radius: 5px;

  color: #fff;

  background-color: #0066a8;

}



.m-hpro .list-item {

  background-color: #fff;

  overflow: hidden;

}



.m-hpro .item-pic {

  width: 604px;

}



.m-hpro .item-pic1 {

  float: right;

}



.m-hpro .item-pic2 {

  float: left;

}



.m-hpro .item-fix {

  padding-left: 7.16667%;

  padding-right: 6.5%;

  height: 443px;

  overflow: hidden;

}



.m-hpro .item-table {

  display: table;

  width: 100%;

  height: 100%;

  table-layout: fixed;

}



.m-hpro .item-cell {

  display: table-cell;

  width: 100%;

  height: 100%;

  vertical-align: middle;

}



.m-hpro .item-text {

  text-align: center;

}



.m-hpro .item-icon {

  font-size: 0;

  line-height: 0;

}



.m-hpro .item-title {

  margin-top: 19px;

  height: 32px;

  line-height: 32px;

  font-size: 24px;

  font-size: 2.4rem;

  font-family: "OPENSANSSEMIBOLD";

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-hpro .item-desc {

  margin-top: 28px;

}



.m-hpro .item-desc a {

  display: block;

  max-height: 120px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  overflow: hidden;

}



.m-hpro .item-desc a:hover {

  color: #0066a8;

}



.m-hpro .item-link {

  margin-top: 29px;

  margin-left: auto;

  margin-right: auto;

  display: block;

  width: 148px;

  height: 42px;

  line-height: 38px;

  font-size: 16px;

  font-size: 1.6rem;

  font-family: "OPENSANSSEMIBOLD";

  color: #707070;

  text-align: center;

  border-radius: 2px;

  border: solid 2px #707070;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-hpro .item-link:hover {

  color: #0066a8;

  border-color: #0066a8;

}



@media screen and (max-width: 1219px) {

  .m-hpro .item-pic {

    width: 50%;

  }



  .m-hpro .item-fix {

    height: 348px;

  }

}

@media screen and (max-width: 959px) {

  .g-hpro {

    margin-top: 30px;

    padding: 30px 0;

  }



  .g-hpro .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .g-hpro .box-desc {

    margin-bottom: 30px;

  }



  .m-hpro .item-pic {

    float: none;

    width: 100%;

  }



  .m-hpro .item-fix {

    padding: 30px 0;

    height: auto;

  }



  .m-hpro .item-title {

    height: 26px;

    line-height: 26px;

    font-size: 20px;

    font-size: 2rem;

  }



  .m-hpro .item-desc {

    margin-top: 15px;

  }

}

.g-happl {

  padding-top: 82px;

}



.g-happl .box-title {

  margin-bottom: 35px;

  font-size: 36px;

  font-size: 3.6rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

  text-transform: uppercase;

}



.m-happl .box-list {

  width: 1000%;

  overflow: hidden;

}



.m-happl .list-wp {

  float: left;

  width: 10%;

  overflow: hidden;

  padding: 15px;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-happl .list-item {

  float: left;

  margin-right: 2.08333%;

  width: 31.91667%;

  border: solid 6px #000;

  border-color: rgba(255, 255, 255, 0.67);

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



.m-happl .list-item:hover {

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.51);

}



.m-happl .item-fix {

  position: relative;

  overflow: hidden;

}



.m-happl .item-fix:hover .item-modal {

  top: 0;

}



.m-happl .item-modal {

  position: absolute;

  left: 0;

  top: 100%;

  display: block;

  width: 100%;

  height: 100%;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



.m-happl .item-table {

  display: table;

  width: 100%;

  height: 100%;

  padding: 0 22px;

  table-layout: fixed;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-happl .item-cell {

  display: table-cell;

  width: 100%;

  height: 100%;

  vertical-align: middle;

}



.m-happl .item-text {

  color: #fff;

  text-align: center;

}



.m-happl .item-text a {

  color: #fff;

}



.m-happl .item-text a:hover {

  color: #ccc;

}



.m-happl .item-title {

  height: 22px;

  line-height: 22px;

  font-size: 18px;

  font-size: 1.8rem;

  font-family: "OPENSANSSEMIBOLD";

  text-overflow: ellipsis;

  white-space: nowrap;

  text-transform: uppercase;

}



.m-happl .item-desc {

  margin-top: 17px;

}



.m-happl .item-desc a {

  display: block;

  max-height: 90px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  overflow: hidden;

}



.m-happl .box-page {

  margin-top: 45px;

  text-align: center;

  font-size: 0;

  letter-spacing: 0;

}



.m-happl .page-item {

  margin: 0 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 16px;

  height: 16px;

  background: url("../images/dot1.png") no-repeat center;

}



.m-happl .page-item:hover {

  background: url("../images/dot2.png");

}



.m-happl .page-item.active {

  background: url("../images/dot2.png");

}



@media screen and (max-width: 959px) {

  .g-happl {

    padding-top: 30px;

  }



  .g-happl .box-title {

    margin-bottom: 30px;

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-happl .list-wp {

    padding: 0;

  }



  .m-happl .list-item {

    box-shadow: none !important;

  }



  .m-happl .item-modal {

    top: 0;

  }



  .m-happl .item-desc {

    display: none;

  }



  .m-happl .box-page {

    margin-top: 30px;

  }

}

@media screen and (max-width: 480px) {

  .m-happl .list-item {

    margin-right: 0;

    margin-top: 30px;

    width: 100%;

  }



  .m-happl .list-item:first-child {

    margin-top: 0;

  }

}

.g-hnews {

  padding-top: 80px;

  padding-bottom: 134px;

  padding-bottom: 67px;

}



.g-hnews .box-title {

  margin-bottom: 76px;

  font-size: 36px;

  font-size: 3.6rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

  text-transform: uppercase;

}



.m-hnews {

  margin-bottom: -67px;

}



.m-hnews .list-item {

  float: left;

  margin-right: 6.91667%;

  margin-bottom: 60px;

  width: 45.16667%;

  overflow: hidden;

}



.m-hnews .item-time {

  float: left;

  margin-right: 32px;

  padding-right: 21px;

  width: 80px;

  font-size: 20px;

  font-size: 2rem;

  text-align: center;

  border-right: 2px solid #bfbfbf;

}



.m-hnews .item-time p {

  line-height: 1;

  font-size: 60px;

  font-size: 6rem;

}



.m-hnews .item-title {

  height: 24px;

  line-height: 24px;

  font-size: 18px;

  font-size: 1.8rem;


  font-family: "OPENSANSSEMIBOLD";

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-hnews .item-desc {

  margin-top: 10px;

}



.m-hnews .item-desc a {

  display: block;

  line-height: 26px;

  max-height: 52px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

  overflow: hidden;

}



.m-hnews .item-desc a:hover {

  color: #0066a8;

}



@media screen and (max-width: 959px) {

  .g-hnews {

    padding: 30px 0;

  }



  .g-hnews .box-title {

    margin-bottom: 30px;

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-hnews {

    margin-bottom: -30px;

  }



  .m-hnews .list-item {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 767px) {

  .m-hnews .list-item {

    margin-right: 0;

    width: 100%;

  }



  .m-hnews .item-time {

    float: none;

    width: auto;

    padding-right: 0;

    border: 0;

    text-align: left;

  }



  .m-hnews .item-time p {

    display: inline;

    font-size: 16px;

    font-size: 1.6rem;

  }



  .m-hnews .item-title {

    margin-top: 10px;

  }

}

.g-ft {

  /*background: url("../images/fbg1.jpg") no-repeat center top;*/

  background-color: #0066a8;

}



.m-ftfix1 {

  padding-top: 87px;

  padding-top: 43px;

  padding-bottom: 23px;

  line-height: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  overflow: hidden;

}



.m-ftfix1 a {

  color: #fff;

}



.m-ftfix1 a:hover {

  color: #ccc;

}



.m-ftb {

  float: left;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-ftb1 {

  margin-right: 8.33333%;

  width: 36.91667%;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-ftb2 {

  padding-right: 20px;

  width: 18.5%;

}



.m-ftb3 {

  width: 15%;

}



.m-ftb4 {

  float: right;

  width: 17.5%;

}



.m-fttt {

  margin-bottom: 32px;

  line-height: 1;

  font-size: 24px;

  font-size: 2.4rem;

  font-family: "OPENSANSSEMIBOLD";

  text-transform: uppercase;

}



.m-ftform .box-title {

  margin-bottom: 30px;

  font-size: 24px;

  font-size: 2.4rem;

  text-transform: uppercase;

}



.m-ftform .box-desc {

  max-width: 310px;

  line-height: 32px;

  font-size: 14px;

  font-size: 1.4rem;

}



.m-ftform .box-form {

  margin-top: 11px;

  margin-bottom: -20px;

  overflow: hidden;

}



.m-ftform .form-item {

  float: left;

  margin-bottom: 20px;

}



.m-ftform .form-item1 {

  width: 100%;

}



.m-ftform .form-item2 {

  margin-right: 4.15584%;

  width: 35.06494%;

}



.m-ftform .form-item3 {

  width: 31.16883%;

}



.m-ftform .form-item3 a {

  display: block;

  height: 35px;

  /*line-height: 35px;*/

  text-align: center;

  background-color: #f3fbfe;

}



.m-ftform .form-item3 img {

  max-height: 35px;

  vertical-align: middle;

}



.m-ftform .form-item4 {

  float: right;

  width: 24.67532%;

  overflow: hidden;

}



.m-ftform .form-text {

  width: 100%;

  height: 35px;

  line-height: 32px;

  padding: 0 11px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  border: 1px solid #fff;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-ftform .form-text::-webkit-input-placeholder {

  color: #fff;

  opacity: 1;

}



.m-ftform .form-text:-moz-placeholder {

  color: #fff;

  opacity: 1;

}



.m-ftform .form-text::-moz-placeholder {

  color: #fff;

  opacity: 1;

}



.m-ftform .form-text:-ms-input-placeholder {

  color: #fff;

  opacity: 1;

}



.m-ftform .form-btn {

  display: block;

  width: 100%;

  height: 35px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #fff;

  background-color: #0066a8;

}



.m-ftshare {

  margin-top: 25px;

}



.m-ftshare .share-item {

  float: left;

  width: 29px;

  margin-right: 12px;

  font-size: 0;

  display: block;
/*background: #fff;*/
    display: inline-flex;
    border-radius: 5px;
    margin-bottom: 10px;
}



.m-ftshare .share-item:hover {

  -webkit-transform: translateY(-5px);

  -moz-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

}



.m-ftfix2 .box-wp {

  padding-top: 30px;

  padding-bottom: 17px;

  overflow: hidden;

  line-height: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  border-top: 2px solid #fff;

  border-color: rgba(255, 255, 255, 0.5);
  
  display: flex;
    justify-content: space-between;
    align-items: center;

}

.m-ftfix2 .box-wp .m-div,.m-ftfix2 .box-wp a{
    width: 50%;
}

.m-ftfix2 .box-wp a {

  color: #fff;

}



.m-ftfix2 .box-wp a:hover {

  color: #ccc;

}



.m-fttext img {

  vertical-align: middle;

}



.m-ftlnk {

  margin-top: 10px;

}



.m-ftlnk .list-item {

  float: left;

  margin-right: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

}



.m-ftlnk .list-item a {

  color: #fff;

}



.m-ftlnk .list-item a:hover {

  color: #ccc;

}



@media screen and (max-width: 1219px) {

  .g-ft {

    background-size: cover;

  }

}

@media screen and (max-width: 959px) {

  .g-ft {

    background: 0;

    background-color: #0066a8;

  }



  .m-ftlnk,

.m-ftb1,

.m-ftb2,

.m-ftb3,

.m-fttt,

.m-ftinfo {

    display: none;

  }



  .m-ftshare {

    margin-top: 0;

    text-align: center;

  }



  .m-ftshare .share-item {

    float: none;

    margin: 0 5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: top;

  }



  .m-ftb4 {

    float: none;

    width: 100%;

    text-align: center;

  }



  .m-ftfix1 {

    padding: 0;

    border: 0;

    background: 0;

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-fttext {

    text-align: center;

  }



  .m-ftfix2 .box-wp {

    padding: 0;

    border: 0;

  }



  .g-ft {

    padding: 30px 0;

  }

}

.m-crm {

  padding: 12px 0;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  border-bottom: 1px solid #aaa;

}



.m-crm a {

  color: #333;

}



.m-crm a:hover {

  color: #0066a8;

}



.m-crm a.active {

  color: #0066a8;

}



.m-oths {

  margin-top: 24px;

}



.m-oths .oths-item {

  padding-left: 30px;

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  background-repeat: no-repeat;

  background-position: left center;

}



.m-oths .oths-item a {

  color: #333;

}



.m-oths .oths-item a:hover {

  color: #0066a8;

}



.m-oths .oths-item-1 {

  background-image: url("../images/oths1.png");

}



.m-oths .oths-item-2 {

  background-image: url("../images/oths2.png");

}



.m-page {

  margin-top: 56px;

  letter-spacing: 0;

  font-size: 0;

  text-align: left;

}



.m-page a {

  margin: 0 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  width: 35px;

  height: 30px;

  line-height: 28px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #333;

  text-align: center;

  border: 1px solid #e5e5e5;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 350ms;

  -o-transition: all 350ms;

  -moz-transition: all 350ms;

  transition: all 350ms;

}



.m-page a.big {

  width: 61px;

}



.m-page a:hover {

  color: white;

  border-color: #0066a8;

  background-color: #0066a8;

}



.m-page a.active {

  color: white;

  border-color: #0066a8;

  background-color: #0066a8;

}



.m-page2 {

  position: relative;

}



@media screen and (max-width: 959px) {

  .m-page {

    margin-top: 45px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row wrap;

    -moz-box-orient: horizontal;

    -moz-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .m-page a {

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 10px;

  }

}

.m-kf {

  position: fixed;

  z-index: 10;

  right: 0;

  top: 30%;

}



.m-kf .kf-item {

  display: block;

  margin-bottom: 0;

  width: 46px;

  line-height: 46px;

  text-align: center;

  font-size: 20px;

  font-size: 2rem;

  color: #fff;

  background-color: #d8d8d8;

}



.m-kf .kf-item:nth-child(1) {

  background-color: #157eee;

}



.m-kf .kf-item:nth-child(2) {

  background-color: #29c5f6;

}



.m-kf .kf-item:nth-child(3) {

  background-color: #35b30d;

}



.m-kf .kf-item:nth-child(4) {

  background-color: #006dc0;

}



.m-kf .kf-item:nth-child(5) {

  background-color: #3b5998;

}



.m-kf .kf-item:hover {

  background-color: #0066a8;

}



.m-kf .kf-item.active {

  background-color: #0066a8;

}



.m-kf .kf-wx {

  position: absolute;

  display: none;

  bottom: 0;

  right: 53px;

  width: 120px;

}



@media screen and (max-width: 767px) {

  .m-kf {

    right: 0;

    top: auto;

    bottom: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-flow: row nowrap;

    -moz-box-orient: horizontal;

    -moz-box-direction: normal;

    -ms-flex-flow: row nowrap;

    flex-flow: row nowrap;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    width: 100%;

    background-color: #0066a8;

  }



  .m-kf .kf-item {

    width: 20%;

    text-align: center;

    background-color: #0066a8;

  }



  .m-kf .kf-wx {

    bottom: 100%;

    left: 0;

  }



  .g-ft {

    padding-bottom: 63px;

  }

}

.returntop {

  position: fixed;

  *position: absolute;

  z-index: 9;

  right: 6px;

  bottom: 30px;

  width: 58px;

  height: 58px;

  line-height: 58px;

  font-size: 20px;

  font-size: 2rem;

  color: #0066a8;

  text-align: center;

  background-color: #dcdcdc;

  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.4);

  border-radius: 50%;

  display: none;

}



@media screen and (max-width: 959px) {

  .returntop {

    right: 0;

    bottom: 65px;

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.g-wp {

  padding-top: 63px;

  padding-bottom: 54px;

}



@media screen and (max-width: 959px) {

  .g-wp {

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

.m-mnav1 {

  margin-bottom: 76px;

  overflow: hidden;

  background: url("../images/bd1.png") repeat-x left 55px;

}



.m-mnav1 .box-list {

  font-size: 0;

  letter-spacing: 0;

  text-align: center;

  overflow: hidden;

}



.m-mnav1 .list-item {

  margin: 0 5%;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  width: 165px;

}



.m-mnav1 .item-icon {

  display: block;

  margin: 0 auto;

  width: 116px;

  height: 116px;

  background-repeat: no-repeat;

  background-position: center bottom;

  background-size: 100% 100%;

}



.m-mnav1 .item-icon1 {

  background-image: url("../images/abtnavicon1.png");

}



.m-mnav1 .item-icon1:hover {

  background-image: url("../images/abtnavicon1h.png");

}



.m-mnav1 .item-icon1.active {

  background-image: url("../images/abtnavicon1h.png");

}



.m-mnav1 .item-icon2 {

  background-image: url("../images/abtnavicon2.png");

}



.m-mnav1 .item-icon2:hover {

  background-image: url("../images/abtnavicon2h.png");

}



.m-mnav1 .item-icon2.active {

  background-image: url("../images/abtnavicon2h.png");

}



.m-mnav1 .item-icon3 {

  background-image: url("../images/abtnavicon3.png");

}



.m-mnav1 .item-icon3:hover {

  background-image: url("../images/abtnavicon3h.png");

}



.m-mnav1 .item-icon3.active {

  background-image: url("../images/abtnavicon3h.png");

}



.m-mnav1 .item-icon4 {

  background-image: url("../images/abtnavicon4.png");

}



.m-mnav1 .item-icon4:hover {

  background-image: url("../images/abtnavicon4h.png");

}



.m-mnav1 .item-icon4.active {

  background-image: url("../images/abtnavicon4h.png");

}



.m-mnav1 .item-title {

  margin-top: 15px;

  line-height: 24px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  word-break: break-all;

}



.m-mnav1 .item-title a {

  color: #333;

}



.m-mnav1 .item-title a:hover {

  color: #0066a8;

}



@media screen and (max-width: 1219px) {

  .m-mnav1 .list-item {

    margin: 0 20px;

  }

}

@media screen and (max-width: 959px) {

  .m-mnav1 .list-item {

    margin: 0 1%;

    width: 23%;

  }



  .m-mnav1 .item-title {

    font-size: 14px;

    font-size: 1.4rem;

    font-weight: normal;

  }



  .m-mnav1 .item-icon {

    width: 80px;

    height: 80px;

    background-size: cover;

  }

}

@media screen and (max-width: 480px) {

  .m-mnav1 {

    margin-bottom: 30px;

    background: 0;

  }



  .m-mnav1 .box-list {

    margin-bottom: -10px;

  }



  .m-mnav1 .list-item {

    margin-bottom: 10px;

    margin-left: 1%;

    margin-right: 1%;

    width: 48%;

  }



  .m-mnav1 .item-title {

    margin-top: 10px;

  }

}

.m-abtb1 .box-img1 {

  float: right;

  margin-left: 2.08333%;

  width: 55%;

}



.m-abtb1 .box-title {

  position: relative;

  padding-top: 17px;

  padding-bottom: 17px;

  padding-left: 26px;

  line-height: 50px;

  font-size: 42px;

  font-size: 4.2rem;

  font-family: "OPENSANSBOLD_0";

}



.m-abtb1 .box-title span {

  position: relative;

}



.m-abtb1 .box-title:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 83px;

  height: 83px;

  background-color: #f5f5f5;

}



.m-abtb1 .box-desc {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

}



.m-abtb1 .box-desc p {

  min-height: 30px;

}



.m-abtb1 .box-desc1 {

  padding-left: 16px;

  padding-top: 18px;

}



.m-abtb1 .box-fix2 {

  margin-top: 15px;

}



.m-abtb1 .box-img2 {

  float: left;

  margin-right: 2.91667%;

  width: 65%;

}



.m-abtb1 .box-desc2 {

  padding-top: 46px;

}



.m-abtb1 .box-desc3 {

  margin-top: 31px;

}



@media screen and (max-width: 959px) {

  .m-abtb1 .box-img {

    float: none;

    margin: 0;

    width: 100%;

  }



  .m-abtb1 .box-title {

    margin-top: 25px;

    line-height: 30px;

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-abtb1 .box-title:before {

    height: 64px;

  }



  .m-abtb1 .box-desc2 {

    padding-top: 20px;

  }



  .m-abtb1 .box-img2 {

    margin-top: 20px;

  }

}

.m-abtb2 {

  position: relative;

  margin-top: 79px;

}



.m-abtb2 .box-title {

  position: relative;

  padding-right: 100px;

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

  color: #0066a8;

  overflow: hidden;

}



.m-abtb2 .box-btn {

  position: absolute;

  top: 0;

  width: 34px;

  height: 34px;

  line-height: 32px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #999;

  text-align: center;

  border-radius: 5px;

  border: 1px solid #999;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.m-abtb2 .box-btn.prev {

  right: 41px;

}



.m-abtb2 .box-btn.next {

  right: 0;

}



.m-abtb2 .box-btn:hover {

  color: #0066a8;

  border-color: #0066a8;

}



.m-abtb2 .box-bd {

  position: relative;

  margin-top: 36px;

  overflow: hidden;

}



.m-abtb2 .box-list {

  width: 1000%;

  overflow: hidden;

}



.m-abtb2 .list-item {

  float: left;

  margin-right: 0.125%;

  width: 2.4%;

}



.m-abtb2 .list-item:hover .item-modal {

  top: 0;

}



.m-abtb2 .item-top {

  position: relative;

  overflow: hidden;

}



@media screen and (max-width: 1219px) {

  .m-abtb2 .box-title {

    background: 0;

  }



  .m-abtb2 .box-title:before {

    display: none;

  }

}

@media screen and (max-width: 959px) {

  .m-abtb2 .list-item {

    padding-bottom: 0;

  }

}

@media screen and (max-width: 767px) {

  .m-abtb2 {

    margin-top: 30px;

  }



  .m-abtb2 .box-title {

    font-size: 20px;

    font-size: 2rem;

  }



  .m-abtb2 .box-btn {

    top: 0;

  }



  .m-abtb2 .box-bd {

    margin-top: 25px;

  }



  .m-abtb2 .list-item {

    margin-right: 0.2%;

    width: 3.2%;

  }

}

@media screen and (max-width: 480px) {

  .m-abtb2 .list-item {

    width: 4.9%;

  }

}

.m-packb1 {

  line-height: 30px;

  font-size: 18px;

  font-size: 1.8rem;

}



.m-packb2 {

  margin-top: 27px;

}



.m-packb2 .box-title {

  font-size: 24px;

  font-size: 2.4rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-packb2 .box-list {

  margin-top: 32px;

  font-size: 0;

  letter-spacing: 0;

  text-align: center;

}



.m-packb2 .list-item {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  margin-left: 5.33333%;

  margin-right: 5.33333%;

  width: 108px;

}



.m-packb2 .item-pic {

  background-color: #0066a8;

  border-radius: 10px;

}



.m-packb2 .item-title {

  margin-top: 9px;

  font-size: 16px;

  font-size: 1.6rem;

}



.m-packb3 {

  margin-top: 73px;

}



.m-packb3 .box-title {

  font-size: 24px;

  font-size: 2.4rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-packb3 .box-img {

  margin-top: 40px;

}



@media screen and (max-width: 959px) {

  .m-packb2,

.m-packb3 {

    margin-top: 30px;

  }



  .m-packb2 .box-list {

    margin-top: 20px;

    margin-bottom: -20px;

  }



  .m-packb2 .list-item {

    margin-bottom: 20px;

  }



  .m-packb3 .box-img {

    margin-top: 20px;

  }

}

.m-tech .box-desc {

  line-height: 30px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #333;

}



.m-tech .box-list {

  margin-top: 35px;

  margin-bottom: -9px;

}



.m-tech .list-item {

  float: left;

  margin-right: 0.91667%;

  margin-bottom: 9px;

  width: 49.5%;

}



.m-tech .list-item1 {

  width: 100%;

}



@media screen and (max-width: 959px) {

  .m-tech {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-quality .box-desc {

  line-height: 30px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #333;

}



.m-quality .box-list {

  margin-top: 42px;

  margin-bottom: -9px;

}



.m-quality .list-item {

  float: left;

  margin-right: 1.58333%;

  margin-bottom: 9px;

  width: 37.66667%;

}



.m-quality .list-item1 {

  width: 41.83333%;

}



@media screen and (max-width: 959px) {

  .m-quality {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-sorttext .box-title {

  margin-bottom: 14px;

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-sorttext .box-desc {

  line-height: 32px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

}



@media screen and (max-width: 959px) {

  .m-sorttext .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-sorttext .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-applc {

  position: relative;

  margin-top: 54px;

}



.m-applc .box-title {

  padding-bottom: 13px;

  font-size: 24px;

  font-size: 2.4rem;

  font-family: "OPENSANSSEMIBOLD";

  border-bottom: 1px solid #0066a8;

}



.m-applc .box-bd {

  margin-top: 46px;

}



.m-applc .box-btn {

  position: absolute;

  top: 0;

  width: 24px;

  line-height: 24px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #fff;

  text-align: center;

  border-radius: 5px;

  background-color: #bfbfbf;

}



.m-applc .box-btn:hover {

  background-color: #0066a8;

}



.m-applc .box-btn.next {

  right: 0;

}



.m-applc .box-btn.prev {

  right: 30px;

}



.m-applc .box-list {

  width: 1000%;

  overflow: hidden;

}



.m-applc .list-item {

  float: left;

  margin-right: 0.15833%;

  width: 3.225%;

}



.m-applc .item-title {

  margin-top: 17px;

  height: 24px;

  line-height: 24px;

  font-size: 18px;

  font-size: 1.8rem;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-applc .list-item a img {

  display: block;

  max-width: 100%;

}



@media screen and (max-width: 959px) {

  .m-applc {

    margin-top: 30px;

  }



  .m-applc .box-title {

    padding-right: 100px;

  }



  .m-applc .box-bd {

    margin-top: 30px;

  }

}

@media screen and (max-width: 480px) {

  .m-applc .list-item {

    margin-right: 0.4%;

    width: 4.8%;

  }

}

.m-applimg {

  position: relative;

  padding-left: 10%;

  padding-right: 10%;

}



.m-applimg .box-btn {

  position: absolute;

  top: 50%;

  margin-top: -15px;

  line-height: 30px;

  font-size: 58px;

  font-size: 5.8rem;

  color: #666;

}



.m-applimg .box-btn:hover {

  color: #0066a8;

}



.m-applimg .box-btn.prev {

  left: 0;

}



.m-applimg .box-btn.next {

  right: 0;

}



.m-applimg .box-list {

  width: 1000%;

  overflow: hidden;

}



.m-applimg .list-item {

  float: left;

  width: 10%;

}



@media screen and (max-width: 959px) {

  .m-applimg {

    padding-left: 50px;

    padding-right: 50px;

  }



  .m-applimg .box-btn {

    font-size: 30px;

    font-size: 3rem;

  }

}

.m-appls {

  margin-top: 64px;

}



.m-appls .box-title {

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

  font-weight: bold;

}



.m-appls .box-share {

  margin-top: 26px;

}



.m-appls .box-desc {

  margin-top: 38px;

  color: #555;

}



.m-share .share-title {

  margin-right: 10px;

  vertical-align: top;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  line-height: 26px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #4d4d4d;

}



.m-share .share-bd {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  height: 26px;

}



@media screen and (max-width: 959px) {

  .m-appls .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-appls .box-desc {

    margin-top: 20px;

  }

}

.m-aoths {

  margin-top: 82px;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  line-height: 36px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #666;

}



.m-aoths a {

  color: #666;

}



.m-aoths a:hover {

  color: #0066a8;

}



@media screen and (max-width: 959px) {

  .m-aoths {

    margin-top: 30px;

  }

}

.m-newsl {

  overflow: hidden;

}



.m-newsl .list-item {

  padding-top: 52px;

  padding-bottom: 36px;

  border-bottom: 1px dashed #bfbfbf;

  overflow: hidden;

}



.m-newsl .list-item:first-child {

  padding-top: 0;

}



.m-newsl .item-pic {

  float: left;

  width: 324px;

  margin-right: 3.66667%;

}



.m-newsl .item-font {

  padding-top: 7px;

  overflow: hidden;

}



.m-newsl .item-title {

  height: 24px;

  line-height: 24px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

  color: #333;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-newsl .item-title a {

  color: #333;

}



.m-newsl .item-title a:hover {

  color: #0066a8;

}



.m-newsl .item-desc {

  margin-top: 12px;

}



.m-newsl .item-desc a {

  height: 64px;

  line-height: 32px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #666;

  overflow: hidden;

}



.m-newsl .item-desc a:hover {

  color: #0066a8;

}



.m-newsl .item-info {

  margin-top: 13px;

  overflow: hidden;

}



.m-newsl .item-link {

  display: block;

  width: 160px;

  height: 48px;

  line-height: 46px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #0066a8;

  text-align: center;

  background-color: #fff;

  border: 1px solid #0066a8;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-newsl .item-link:hover {

  color: white;

  background-color: #0066a8;

  border-color: #0066a8;

}



.m-newsl .item-time {

  margin-top: 29px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #999;

}



@media screen and (max-width: 959px) {

  .m-newsl .list-item {

    padding: 30px 0;

  }



  .m-newsl .item-pic {

    float: none;

    width: 100%;

    max-width: 330px;

  }



  .m-newsl .item-font {

    padding-left: 0;

    padding-top: 15px;

  }



  .m-newsl .item-title {

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-newsl .item-desc {

    margin-top: 10px;

  }



  .m-newsl .item-desc a {

    height: 48px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-newsl .item-info {

    margin-top: 10px;

  }



  .m-newsl .item-link {

    height: 36px;

    line-height: 34px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-newsl .item-time {

    margin-top: 10px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-nshare .share-title {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-right: 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  line-height: 26px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #999;

}



.m-nshare .share-bd {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  height: 26px;

  line-height: 0;

  font-size: 0;

}



.m-news .box-title {

  font-size: 24px;

  font-size: 2.4rem;

  text-align: left;

  font-family: "OPENSANSSEMIBOLD";

  font-weight: normal;

  color: #333;

}



.m-news .box-info {

  margin-top: 30px;

  overflow: hidden;

}



.m-news .box-time {

  float: left;

  line-height: 26px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #999;

}



.m-news .box-share {

  float: right;

}



.m-news .box-desc {

  margin-top: 32px;

  padding-bottom: 30px;

  line-height: 32px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #666;

  border-bottom: 1px solid #e5e5e5;

}



.m-news .box-desc p,

.m-news .box-desc span,

.m-news .box-desc a {

  line-height: 32px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #666;

}



.m-news .box-desc a {

  color: #0066a8;

}



@media screen and (max-width: 959px) {

  .m-news .box-time {

    float: none;

    font-size: 14px;

    font-size: 1.4rem;

    text-align: left;

  }



  .m-news .box-share {

    float: none;

    margin-top: 10px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-news .box-desc {

    margin-top: 25px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-news .box-desc p,

.m-news .box-desc span,

.m-news .box-desc a {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-ctusfix1 {

  float: left;

  width: 43.59375%;

  padding-top: 6.51042%;

  padding-bottom: 10.78125%;

  background-color: #f5f5f5;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-ctusfix1 .box-fix {

  float: right;

  margin-right: 18.51852%;

  width: 320px;
  width: 400px;

}



.m-ctusfix2 {

  padding-top: 6.45833%;

  padding-bottom: 30px;

  overflow: hidden;

}



.m-ctusfix2 .box-fix {

  float: left;

  margin-left: 5.26316%;

  width: 662px;

}



@media screen and (max-width: 1219px) {

  .m-ctusfix1 .box-fix {

    float: right;

    margin-right: 18.51852%;

    width: 320px;

  }



  .m-ctusfix2 .box-fix {

    float: left;

    margin-left: 5.26316%;

    width: 462px;

  }

}

@media screen and (max-width: 959px) {

  .m-ctusfix1 {

    float: none;

    width: 100%;

  }



  .m-ctusfix1,

.m-ctusfix2 {

    padding: 30px 0;

  }



  .m-ctusfix1 .box-fix,

.m-ctusfix2 .box-fix {

    float: none;

    margin-left: auto;

    margin-right: auto;

    width: 96%;

  }

}

.m-ctusinfo .box-title {

  position: relative;

  margin-bottom: 79px;

  padding-bottom: 24px;

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-ctusinfo .box-title:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 67px;

  height: 1px;

  background-color: #0066a8;

}



.m-ctusinfo .info-item {

  position: relative;

  padding-left: 30px;

  line-height: 36px;

  font-size: 18px;

  font-size: 1.8rem;

}



.m-ctusinfo .info-item .iconfont {

  position: absolute;

  left: 0;

  top: 0;

  color: #666;

}



.m-ctusshare {

  margin-top: 67px;

}



.m-ctusshare .share-item {

  float: left;

  margin-right: 20px;

  font-size: 0;

  display: block;

}



.m-ctusshare .share-item:hover {

  -webkit-transform: translateY(-5px);

  -moz-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  -o-transform: translateY(-5px);

  transform: translateY(-5px);

}



@media screen and (max-width: 959px) {

  .m-ctusinfo {

    float: none;

    margin-right: 0;

    width: 100%;

  }



  .m-ctusinfo .box-title {

    margin-bottom: 20px;

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-ctusinfo .info-item {

    line-height: 30px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-ctusshare {

    margin-top: 25px;

  }



  .m-ctusshare .share-item {

    width: 30px;

    height: 30px;

  }



  .m-ctusshare .share-item svg {

    width: 30px;

    height: 30px;

  }

}

.m-ctusform {

  overflow: hidden;

}



.m-ctusform .box-title {

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-ctusform .box-desc {

  margin-top: 36px;

  margin-bottom: 51px;

  line-height: 30px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #666;

}



.m-ctusform .box-title,

.m-ctusform .box-desc {

  padding-left: 22px;

}



.m-ctusform .box-form {

  margin-bottom: -23px;

  overflow: hidden;

}



.m-ctusform .form-item {

  position: relative;

  margin-bottom: 23px;

  padding-left: 22px;

  line-height: 0;

  font-size: 0;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  overflow: hidden;

}



.m-ctusform .form-item.important {

  background: url("../images/star1.jpg") no-repeat 5px 22px;

}



.m-ctusform .form-item-1 {

  width: 50%;

}



.m-ctusform .form-item-2 {

  width: 100%;

}



.m-ctusform .form-item-2.important {

  background: url("../images/star1.jpg") no-repeat 5px 18px;

}



.m-ctusform .form-item-3 {

  margin-right: 3.02115%;

  width: 30.21148%;

}



.m-ctusform .form-item-4 {

  width: 27.19033%;

  height: 54px;

  padding-left: 0;

  line-height: 52px;

  text-align: center;

  background-color: transparent;

  border-radius: 0;

  background-color: #f3fbfe;

  overflow: hidden;

  border: 1px solid #cfcfcf;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.m-ctusform .form-item-4 img {

  max-height: 52px;

  vertical-align: middle;

}



.m-ctusform .form-item-5 {

  float: right;

  border: 0;

  width: 37.76435%;

  padding-left: 0;

}



.m-ctusform .item-btn1 {

  width: 100%;

  height: 54px;

  padding-left: 0;

  line-height: 54px;

  color: #fff;

  font-size: 14px;

  font-size: 1.4rem;

  background-color: #0066a8;

}



.m-ctusform .item-text {

  width: 100%;

  height: 54px;

  line-height: 52px;

  padding-left: 17px;

  padding-right: 17px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #666;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #d2d2d2;

  background-color: #fff;

}



.m-ctusform .item-text::-webkit-input-placeholder {

  color: #666;

  opacity: 1;

}



.m-ctusform .item-text:-moz-placeholder {

  color: #666;

  opacity: 1;

}



.m-ctusform .item-text::-moz-placeholder {

  color: #666;

  opacity: 1;

}



.m-ctusform .item-text:-ms-input-placeholder {

  color: #666;

  opacity: 1;

}



.m-ctusform .item-text2 {

  height: 192px;

  line-height: 24px;

  padding-top: 7px;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



@media screen and (max-width: 959px) {

  .m-ctusform {

    float: none;

    width: 100%;

  }



  .m-ctusform .box-title,

.m-ctusform .box-desc {

    padding-left: 0;

  }



  .m-ctusform .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-ctusform .box-desc {

    margin: 15px 0;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 767px) {

  .m-ctusform .box-form {

    margin-bottom: -15px;

  }



  .m-ctusform .box-title {

    margin-bottom: 25px;

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-ctusform .form-item {

    margin-bottom: 15px;

    width: 100%;

    padding-left: 15px;

  }



  .m-ctusform .form-item.important {

    background-position: 0 15px;

  }



  .m-ctusform .item-text {

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-ctusform .item-text2 {

    padding-top: 0;

    height: 144px;

  }



  .m-ctusform .item-btn1 {

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-ctusform .form-item-5 {

    padding-left: 0;

  }

}

.m-ctusmap {

  margin-top: 2px;

}



.m-opertext .box-title {

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-opertext .box-desc {

  margin-top: 18px;

  line-height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

}



@media screen and (max-width: 959px) {

  .m-opertext .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-opertext .box-desc {


    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-operb .box-title {

  margin-bottom: 28px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

  color: #0066a8;

}



.m-operb .box-desc {

  line-height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

}



@media screen and (max-width: 959px) {

  .m-operb .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-operb1 {

  margin-top: 30px;

}



.m-operb1 .box-bd {

  overflow: hidden;

}



.m-operb1 .box-item1 {

  float: left;

  margin-right: 31px;

  width: 43.25%;

  padding-right: 30px;

  border-right: 1px solid #bfbfbf;

}



.m-operb1 .box-item2 {

  overflow: hidden;

}



.m-operb1 .box-img {

  line-height: 0;

  font-size: 0;

}



.m-operb1 .box-img1 {

  margin-top: 23px;

}



.m-operb1 .box-img2 {

  margin-top: 50px;

}



@media screen and (max-width: 959px) {

  .m-operb1 .box-item1 {

    float: none;

    margin-right: 0;

    margin-bottom: 20px;

    padding-right: 0;

    border-right: 0;

    width: 100%;

  }



  .m-operb1 .box-img {

    margin-top: 15px;

  }

}

.m-operb2 {

  margin-top: 34px;

}



.m-operb2 .box-img {

  margin-top: 22px;

}



.m-operb3 {

  margin-top: 56px;

  border-top: 5px solid #e5e5e5;

  padding-top: 39px;

  padding-bottom: 71px;

  background: url("../images/operabg1.jpg") no-repeat center bottom;

}



.m-operb3 .box-list {

  margin-top: 50px;

  overflow: hidden;

}



.m-operb3 .list-item {

  width: 47.5%;

  overflow: hidden;

}



.m-operb3 .item-img {

  float: left;

  margin-right: 25px;

  width: 243px;

  line-height: 0;

  font-size: 0;

}



.m-operb3 .item-text {

  padding-top: 14.91228%;

  overflow: hidden;

}



.m-operb3 .item-desc {

  line-height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #555;

}



.m-operb3 .box-video {

  margin-top: 56px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  width: 72.08333%;

  padding-top: 38.25%;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}



.m-operb3 .box-video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}
.m-operb3 .box-video a {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
  display:block;

}


@media screen and (max-width: 959px) {

  .m-operb3 {

    margin-top: 30px;

    padding: 30px 0;

  }



  .m-operb3 .box-list {

    margin-top: 25px;

  }



  .m-operb3 .list-item {

    text-align: center;

  }



  .m-operb3 .list-item img {

    max-width: 80%;

  }



  .m-operb3 .item-img {

    float: none;

    margin-right: 0;

    width: 100%;

  }



  .m-operb3 .item-text {

    padding-top: 20px;

  }



  .m-operb3 .item-desc {

    line-height: 24px;

    height: 72px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-operb3 .box-video {

    margin-top: 30px;

  }

}

.m-operb4 {

  margin-top: 60px;

}



.m-operb4 .box-desc {

  margin-top: 16px;

}



.m-operb4 .box-video {

  margin-top: 32px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

  width: 72.08333%;

  padding-top: 38.25%;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}



.m-operb4 .box-video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}
.m-operb4 .box-video a {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
  display:block;

}


@media screen and (max-width: 959px) {

  .m-operb4 {

    margin-top: 30px;

  }



  .m-operb4 .box-desc {

    margin-top: 25px;

  }

}

.m-operb5 {

  margin-top: 56px;

  border-top: 9px solid #e5e5e5;

  border-color: rgba(229, 229, 229, 0.5);

  padding-top: 55px;

  padding-bottom: 75px;

  background: url("../images/operabg1.jpg") no-repeat center bottom;

}



.m-operb5 .box-desc {

  margin-top: 21px;

  margin-bottom: 32px;

}



.m-operb5 .box-img {

  float: left;

  width: 27.91667%;

  line-height: 0;

  font-size: 0;

}



.m-operb5 .box-video {

  float: right;

  position: relative;

  width: 70%;

  padding-top: 37.16667%;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}



.m-operb5 .box-video iframe {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}
.m-operb5 .box-video a {
	display:block;
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}


@media screen and (max-width: 959px) {

  .m-operb5 {

    margin-top: 30px;

    padding: 30px 0;

    border-top-width: 5px;

  }



  .m-operb5 .box-desc {

    margin: 25px 0;

  }

}

.m-operb6 {

  margin-top: 39px;

}



.m-operb6 .box-bd {

  margin-top: 20px;

}



.m-operb6 .box-video {

  float: right;

  margin-left: 3.25%;

  position: relative;

  width: 49.75%;

  padding-top: 26.41667%;

  line-height: 0;

  font-size: 0;

}



.m-operb6 .box-video iframe {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.m-operb6 .box-video a {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
  display:block;

}

.m-operb6 .box-text {

  padding-top: 18px;

}



@media screen and (max-width: 959px) {

  .m-operb6 {

    margin-top: 30px;

  }



  .m-operb6 .box-video {

    float: none;

    margin-left: 0;

    width: 79.6%;

    padding-top: 42.26667%;

  }

}

.m-operb7 {

  margin-top: 61px;

}



.m-operb7 .box-desc {

  margin-top: 29px;

}



.m-operb7 .box-desc strong {

  font-weight: bold;

  font-family: "OPENSANSSEMIBOLD";

}



@media screen and (max-width: 959px) {

  .m-operb7 {

    margin-top: 30px;

  }

}

.m-operb8 {

  margin-top: 41px;

}



.m-operb8 .box-desc {

  margin-top: 24px;

  margin-bottom: 41px;

}



.m-operb8 .box-list {

  overflow: hidden;

}



.m-operb8 .list-item {

  float: left;

  margin-right: 1.25%;

  width: 32.5%;

}



@media screen and (max-width: 959px) {

  .m-operb8 {

    margin-top: 30px;

  }



  .m-operb8 .box-desc {

    margin: 25px 0;

  }

}

.m-prob1 .box-pic {

  float: left;

  margin-right: 3%;

  width: 50.33333%;

}



.m-prob1 .box-text {

  overflow: hidden;

}



.m-prob1 .box-title {

  padding-top: 15px;

  padding-bottom: 15px;

  font-size: 26px;

  font-size: 2.6rem;

  font-family: "OPENSANSSEMIBOLD";

  font-weight: normal;

  border-bottom: 1px solid #bfbfbf;

}



.m-prob1 .box-fix {

  margin-top: 32px;

}



.m-prob1 .box-name {

  font-size: 20px;

  font-size: 2rem;

}



.m-prob1 .box-desc {

  margin-top: 18px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-prob1 .box-pic {

    float: none;

    margin-right: 0;

    width: 100%;

  }



  .m-prob1 .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-prob1 .box-name {

    font-size: 20px;

    font-size: 2rem;

  }



  .m-prob1 .box-fix {

    margin-top: 20px;

  }



  .m-prob1 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-prott {

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

  overflow: hidden;

}



.m-prott span {

  position: relative;

  display: inline-block;

  *display: inline;


  *zoom: 1;

}



.m-prott span:before {

  content: "";

  position: absolute;

  left: 100%;

  top: 50%;

  margin-left: 15px;

  width: 1200px;

  border-top: 1px solid #bfbfbf;

}



.m-prodesc {

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-prott span {

    font-size: 24px;

    font-size: 2.4rem;

  }



  .m-prodesc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-prodesc p,

.m-prodesc span,

.m-prodesc a {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-prob2 {

  margin-top: 38px;

}



.m-prob2 .box-title {

  margin-bottom: 55px;

}



.m-prob2 .box-desc {

  margin-top: 39px;

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-prob2 {

    margin-top: 30px;

  }



  .m-prob2 .box-title {

    margin-bottom: 30px;

  }



  .m-prob2 .box-desc {

    margin-top: 30px;

  }

}

.m-prob3 {

  margin-top: 58px;

}



.m-prob3 .box-item1 {

  margin-top: 56px;

  padding-bottom: 50px;

  border-bottom: 1px solid #bfbfbf;

  overflow: hidden;

}



.m-prob3 .box-item1 .bitem-img {

  position: relative;

  float: right;

  margin-left: 8.33333%;

  margin-right: 0;

  width: 50.33333%;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}



.m-prob3 .box-item1 .img2 {

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #0066a8;

}



.m-prob3 .box-item1 .control {

  position: absolute;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  z-index: 3;

  width: 50%;

  right: -60px;

  top: 45%;

}



.m-prob3 .box-item1 .bitem-text {

  padding-top: 4.08333%;

  overflow: hidden;

}



.m-prob3 .box-item1 .bitem-title {

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob3 .box-item1 .bitem-desc {

  margin-top: 28px;

}



.m-prob3 .box-item2 {

  margin-top: 56px;

  padding-bottom: 50px;

  border-bottom: 1px solid #bfbfbf;

}



.m-prob3 .box-item2 .bitem-title {

  font-size: 22px;

  font-size: 2.2rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob3 .box-item2 .bitem-img {

  margin-top: 37px;

}



.m-prob3 .box-item3 {

  margin-top: 118px;

  overflow: hidden;

}



.m-prob3 .box-item3 .bitem-img {

  float: left;

  margin-right: 15.91667%;

  width: 26.25%;

}



.m-prob3 .box-item3 .bitem-text {

  padding-top: 4%;

}



.m-prob3 .box-item3 .bitem-title {

  font-size: 22px;

  font-size: 2.2rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob3 .box-item3 .bitem-desc {

  margin-top: 40px;

}



.m-prob3 .box-item3 .bitem-desc strong {

  font-weight: normal;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob3 .box-item4 {

  margin-top: 54px;

  overflow: hidden;

}



.m-prob3 .box-item4 .bitem-img {

  float: right;

  margin-left: 3.66667%;

  width: 38.83333%;

}



.m-prob3 .box-item4 .bitem-text {

  padding-top: 6.33333%;

}



.m-prob3 .box-item4 .bitem-title {

  font-size: 22px;

  font-size: 2.2rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob3 .box-item4 .bitem-desc {

  margin-top: 14px;

}



.m-prob3 .box-item4 .bitem-desc strong {

  font-weight: normal;

  font-family: "OPENSANSSEMIBOLD";

}



@media screen and (max-width: 959px) {

  .m-prob3 {

    margin-top: 30px;

  }



  .m-prob3 .box-item {

    margin-top: 30px;

  }



  .m-prob3 .box-item .bitem-img {

    float: none;

    margin: 0;

    width: 100%;

  }



  .m-prob3 .box-item .bitem-title {

    font-size: 18px;

    font-size: 1.8rem;

  }



  .m-prob3 .box-item .bitem-text {

    padding-top: 20px;

  }



  .m-prob3 .box-item .bitem-desc {

    margin-top: 10px;

  }



  .m-prob3 .box-item1 .bitem-img {

    margin: 0 auto;

    max-width: 900px;

  }



  .m-prob3 .box-item2 .bitem-img {

    margin-top: 20px;

  }

}

.m-prob4 {

  margin-top: 65px;

}



.m-prob4 .box-list {

  margin-top: 50px;

}



.m-prob4 .list-item {

  margin-top: 55px;

  overflow: hidden;

}



.m-prob4 .list-item:first-child {

  margin-top: 0;

}



.m-prob4 .item-img {

  float: left;

  margin-right: 6.08333%;

  width: 355px;

  line-height: 0;

  font-size: 0;

}



.m-prob4 .item-text {

  padding-top: 1.66667%;

  overflow: hidden;

}



.m-prob4 .item-title {

  height: 24px;

  line-height: 24px;

  font-size: 18px;

  font-size: 1.8rem;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: bold;

}



.m-prob4 .item-desc {

  margin-top: 14px;

  max-height: 90px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  overflow: hidden;

}



@media screen and (max-width: 959px) {

  .m-prob4 {

    margin-top: 30px;

  }



  .m-prob4 .box-list {

    margin-top: 30px;

  }



  .m-prob4 .list-item {

    margin-top: 30px;

  }



  .m-prob4 .item-img {

    float: none;

    margin-right: 0;

    width: 100%;

  }



  .m-prob4 .item-text {

    padding-top: 20px;

  }



  .m-prob4 .item-title {

    font-size: 16px;

    font-size: 1.6rem;

  }



  .m-prob4 .item-desc {

    max-height: 120px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-prob5 {

  margin-top: 77px;

}



.m-prob5 .box-list {

  margin-top: 52px;

  margin-bottom: -20px;

  overflow: hidden;

}



.m-prob5 .list-item {

  float: left;

  margin-right: 2.58333%;

  margin-bottom: 20px;

  width: 119px;

}



.m-prob5 .item-color {

  height: 119px;

  padding-top: 119px;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-radius: 10px;

  border: solid 1px #eee;

  box-sizing: border-box;

}



.m-prob5 .item-title {

  margin-top: 13px;

  height: 24px;

  line-height: 24px;

  font-size: 18px;

  font-size: 1.8rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.m-prob5 .box-img {

  margin-top: 50px;

}



@media screen and (max-width: 959px) {

  .m-prob5 {

    margin-top: 30px;

  }



  .m-prob5 .item-title {

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-prob5 .box-list {

    margin-top: 30px;

  }



  .m-prob5 .box-img {

    margin-top: 30px;

  }

}

.m-prob6 {

  margin-top: 66px;

}



.m-prob6 .box-title {

  line-height: 36px;

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-prob6 .box-desc {

  margin-top: 19px;

}



.m-prob6 .box-list {

  margin-top: 29px;

  margin-bottom: -20px;

  overflow: hidden;

}



.m-prob6 .list-item {

  float: left;

  margin-right: 4%;

  margin-bottom: 20px;

  width: 48%;

}



@media screen and (max-width: 959px) {

  .m-prob6 {

    margin-top: 30px;

  }



  .m-prob6 .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }

}

.box-list strong {

  display: inline-block;

  font-weight: normal;

}



.box-title a:hover {

  color: #333;

}



.at-resp-share-element .at-icon {

  width: 24px !important;

  height: 24px !important;

}



.at-style-responsive .at-share-btn {

  padding: 0 !important;

  border-radius: 2px !important;

}



.at-resp-share-element .at-share-btn .at-icon-wrapper {

  width: 24px !important;

  height: 24px !important;

}



.at-resp-share-element .at-share-btn {

  margin-bottom: 0 !important;

  margin-right: 3px !important;

}



.m-propic .box-wp {

  position: relative;

}



.m-propic .box-img2 {

  position: absolute;

  right: 0;

  top: 0;

  width: 50%;

  height: 100%;

  overflow: hidden;

}



.m-propic .box-img2 img {

  position: absolute;

  right: 0;

  top: 0;

  width: 603px;

  max-width: 603px;

  height: 100%;

}



.m-propic .box-btn {

  position: absolute;

  z-index: 3;

  left: 50%;

  top: 0;

  width: 1px;

  height: 100%;

  background-color: #fff;

  cursor: pointer;

}



.m-propic .box-btn span {

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -30px;

  margin-top: -30px;

  width: 60px;

  height: 60px;

  background: url("../images/dragbg1.png") no-repeat center;

  border-radius: 50%;

}



.m-propic .box-btn1 {

  display: none;

}



@media screen and (max-width: 959px) {

  .m-propic .box-btn {

    display: none;

  }



  .m-propic .box-img2 {

    display: none;

  }

}

.m-bolib1 .box-title {

  margin-bottom: 32px;

  line-height: 40px;

  font-size: 30px;

  font-size: 3rem;

  font-family: "OPENSANSBOLD_0";

  text-transform: uppercase;

  text-align: center;

}



.m-bolib1 .box-fix {

  margin-right: 4%;

  margin-bottom: 20px;

  position: relative;

  width: 55.66667%;

  overflow: hidden;

}



.m-bolib1 .box-img {

  line-height: 0;

  font-size: 0;

}



.m-bolib1 .box-img .img {

  display: none;

}



.m-bolib1 .box-img .img1 {

  display: block;

}



.m-bolib1 .box-range {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.m-bolib1 .range-control {

  position: absolute;

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);

  z-index: 3;

  width: 47.90419%;

  right: -70px;

  top: 44.49438%;

}



.m-bolib1 .range-text {

  position: absolute;

  right: 32px;

  top: 12.35955%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-flow: column wrap;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-flow: column wrap;

  flex-flow: column wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -moz-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  height: 71.91011%;

  line-height: 20px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

}



.m-bolib1 .range-text p {

  position: relative;

}



.m-bolib1 .range-text p.active:before {

  visibility: visible;

}



.m-bolib1 .range-text p:before {

  content: "";

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -11px;

  width: 22px;

  height: 22px;

  background: url("../images/ty1.png") no-repeat center;

  background-size: 100% 100%;

  visibility: hidden;

}



.m-bolib1 .range-text p:nth-child(1):before {

  opacity: 1;

}



.m-bolib1 .range-text p:nth-child(2):before {

  opacity: 0.875;

}



.m-bolib1 .range-text p:nth-child(3):before {

  opacity: 0.75;

}



.m-bolib1 .range-text p:nth-child(4):before {

  opacity: 0.625;

}



.m-bolib1 .range-text p:nth-child(5):before {

  opacity: 0.5;

}



.m-bolib1 .range-text p:nth-child(6):before {

  opacity: 0.375;

}



.m-bolib1 .range-text p:nth-child(7):before {

  opacity: 0.25;

}



.m-bolib1 .range-text p:nth-child(8):before {

  opacity: 0.125;

}



.m-bolib1 .box-text {

  padding-top: 2.58333%;

}



.m-bolib1 .box-desc {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}



.m-bolib1 .box-link {

  margin-top: 31px;

}



.m-bolib1 .box-link a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  min-width: 120px;

  line-height: 24px;

  padding-top: 2px 5px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0066a8;

  border-radius: 5px;

  background-color: #0066a8;

}



.m-bolib1 .box-link a:hover {

  color: #fff;

  background-color: #0066a8;

}



@media screen and (max-width: 1219px) {

  .m-bolib1 .range-control {

    right: -50px;

  }

}

@media screen and (max-width: 959px) {

  .m-bolib1 .range-control {

    position: absolute;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    z-index: 3;

    width: 59.88024%;

    right: -17.96407%;

    top: 44.49438%;

  }



  .m-bolib1 .range-text {

    position: absolute;

    right: 4.49102%;

    top: 4.49438%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-flow: column wrap;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    -ms-flex-flow: column wrap;

    flex-flow: column wrap;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 89.88764%;

    line-height: 2;

    font-size: 12px;

    font-size: 1.2rem;

    color: #fff;

    -webkit-transform: translate(50%);

    -moz-transform: translate(50%);

    -ms-transform: translate(50%);

    -o-transform: translate(50%);

    transform: translate(50%);

  }



  .m-bolib1 .range-text {

    font-size: 10px;

    font-size: 1rem;

  }



  .m-bolib1 .box-range {

    right: 25px;

  }



  .m-bolib1 .box-fix {

    float: none;

    margin-right: 0;

    width: 100%;

    max-width: 668px;

  }



  .m-bolib1 .box-title {

    margin-bottom: 25px;

    line-height: 30px;

    font-size: 20px;

    font-size: 2rem;

  }



  .m-bolib1 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 320px) {

  .m-bolib1 .range-control {

    position: absolute;

    width: 65.88024%;

    right: -17.96407%;

    top: 41.49438%;

  }



  .m-bolib1 .range-text {

    position: absolute;

    right: 4.49102%;

    top: 0;

    height: 100%;

    line-height: 2;

    font-size: 12px;

    font-size: 1.2rem;

    color: #fff;

  }



  .m-bolib1 .range-text {

    font-size: 10px;

    font-size: 1rem;

  }

}

.m-prott2 {

  margin-bottom: 30px;

}



@media screen and (max-width: 959px) {

  .m-prott2 span {

    font-size: 20px;

    font-size: 2rem;

  }

}

.m-bolib2 {

  margin-top: 68px;

}



.m-bolib2 .box-wp {

  padding-left: 20px;

  padding-right: 20px;

}



.m-bolib2 .box-img {

  float: right;

  margin-left: 6.72414%;

  margin-bottom: 20px;

  width: 388px;

}



.m-bolib2 .box-text {

  padding-top: 4.65517%;

}



.m-bolib2 .box-name {

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

}



.m-bolib2 .box-desc {

  margin-top: 15px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-bolib2 {

    margin-top: 30px;

  }



  .m-bolib2 .box-img {

    float: none;

    margin-left: 0;

    width: 100%;

  }

}

.m-bolib3 {

  margin-top: 30px;

  padding-top: 30px;

  border-top: 1px solid #e5e5e5;

}



.m-bolib3 .box-title {

  margin-bottom: 33px;

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

}



.m-bolib3 .box-desc {

  color: #666;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  text-align: center;

}



.m-bolib3 .box-desc p,

.m-bolib3 .box-desc span,

.m-bolib3 .box-desc b {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

}



.m-bolib3 .box-desc p {

  min-height: 30px;

}



@media screen and (max-width: 959px) {

  .m-bolib3 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    text-align: center;

  }



  .m-bolib3 .box-desc p,

.m-bolib3 .box-desc span,

.m-bolib3 .box-desc b {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib3 .box-desc p {

    min-height: 24px;

  }

}

.m-bolib4 {

  margin-top: 79px;

}



.m-bolib4 .box-wp {

  padding-left: 5.41667%;

  padding-right: 5.41667%;

}



.m-bolib4 .box-img {

  float: right;

  margin-left: 9.34579%;

  margin-bottom: 20px;

  width: 43.92523%;

}



.m-bolib4 .box-desc {

  padding-top: 10%;

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-bolib4 {

    margin-top: 30px;

  }



  .m-bolib4 .box-wp {

    padding: 0;

  }



  .m-bolib4 .box-img {

    float: none;

    margin-left: 0;

    width: 100%;

  }



  .m-bolib4 .box-desc {

    padding-top: 25px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib4 .box-desc p,

.m-bolib4 .box-desc span,

.m-bolib4 .box-desc b {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-bolib5 {

  margin-top: 78px;

}



.m-bolib5 .box-wp {

  padding-left: 3.33333%;

  padding-right: 3.33333%;

}



.m-bolib5 .box-img {

  float: left;

  margin-right: 10.26786%;

  margin-bottom: 20px;

  width: 43.75%;

}



.m-bolib5 .box-desc {

  padding-top: 11px;

  color: #666;

}



@media screen and (max-width: 959px) {

  .m-bolib5 {

    margin-top: 30px;

  }



  .m-bolib5 .box-wp {

    padding: 0;

  }



  .m-bolib5 .box-img {

    float: none;

    margin-right: 0;

    width: 100%;

  }



  .m-bolib5 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib5 .box-desc p,

.m-bolib5 .box-desc span,

.m-bolib5 .box-desc b {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-bolib6 {

  margin-top: 50px;

  padding-top: 45px;

  border-top: 1px solid #e5e5e5;

}



.m-bolib6 .box-list {

  margin-bottom: -25px;

}



.m-bolib6 .list-item {

  float: left;

  margin-right: 6.25%;

  margin-bottom: 25px;

  width: 29.16667%;

}



.m-bolib6 .item-title {

  margin-bottom: 17px;

  height: 30px;

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

  text-align: center;

  text-overflow: ellipsis;

  white-space: nowrap;

}



@media screen and (max-width: 959px) {

  .m-bolib6 {

    margin-top: 30px;

    padding-top: 30px;

  }



  .m-bolib6 .item-title {

    margin-bottom: 15px;

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 480px) {

  .m-bolib6 .list-item {

    margin-left: 1%;

    margin-right: 1% !important;

    width: 48%;

  }

}

.m-bolib7 {

  margin-top: 78px;

}



.m-bolib7 .box-desc {

  color: #666;

}



.m-bolib7 .box-desc em {

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  font-weight: normal;

  font-family: "OPENSANSSEMIBOLD";

  color: #333;

}



.m-bolib7 .box-desc p {

  min-height: 30px;

}



@media screen and (max-width: 959px) {

  .m-bolib7 {

    margin-top: 30px;

  }



  .m-bolib7 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib7 .box-desc p,

.m-bolib7 .box-desc span,

.m-bolib7 .box-desc em {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib7 .box-desc em {

    font-size: 16px;

    font-size: 1.6rem;

  }



  .m-bolib7 .box-desc p {

    min-height: 24px;

  }

}

.m-bolib8 {

  margin-top: 4.58333%;

}



.m-bolib8 .box-desc {

  color: #666;

}



.m-bolib8 .box-desc p {

  min-height: 30px;

}



.m-bolib8 .box-desc em {

  color: #333;

}



.m-bolib8 .box-desc .box-info {

  color: #333;

}



.m-bolib8 .box-img,

.m-bolib8 .box-info {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

}



.m-bolib8 .box-img {

  margin-left: 20.83333%;

}



.m-bolib8 .box-info {

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  font-family: "OPENSANSSEMIBOLD";

  -webkit-columns: #333;

  -moz-columns: #333;

  columns: #333;

}



.m-bolib8 .box-img2 {

  margin-left: 8.5%;

}



@media screen and (max-width: 959px) {

  .m-bolib8 {

    margin-top: 30px;

  }



  .m-bolib8 .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib8 .box-desc p,

.m-bolib8 .box-desc span,

.m-bolib8 .box-desc b {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }



  .m-bolib8 .box-desc p {

    min-height: 24px;

  }



  .m-bolib8 .box-img {

    margin-left: 30px;

  }



  .m-bolib8 .box-info {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

.m-bolib9 {

  position: relative;

  margin-top: 77px;

}



.m-bolib9 .box-hd {

  padding-right: 70px;

}



.m-bolib9 .box-list {

  width: 1000%;

  overflow: hidden;

}



.m-bolib9 .list-fix {

  float: left;

  width: 3.13333%;

  overflow: hidden;

  margin-right: 0.2%;

}



.m-bolib9 .box-btn {

  position: absolute;

  top: 0;

  line-height: 40px;

  font-size: 22px;

  font-size: 2.2rem;

  color: #bcbcbc;

}



.m-bolib9 .box-btn.prev {

  right: 35px;

}



.m-bolib9 .box-btn.next {

  right: 0;

}



.m-bolib9 .box-btn:hover {

  color: #0066a8;

}



@media screen and (max-width: 959px) {

  .m-bolib9 {

    margin-top: 30px;

  }

}

/*pengyunxinjia*/

.mln {

  margin-left: 0px !important;

}



.box-linkpy {

  margin-top: 31px;

}



.box-linkpy a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  min-width: 120px;

  line-height: 24px;

  padding-top: 2px 5px;

  font-size: 14px;

  font-size: 1.4rem;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0066a8;

  border-radius: 5px;

  color: #fff;

  background-color: #0066a8;

}



.promz1 {

  background: url(../images/huitiaopy.jpg) repeat-x center;

  margin-top: 40px;

}



.promz1 a {

  background: #fff;

  padding-right: 30px;

  font-size: 30px;

  font-size: 3rem;

  color: #333;

}



.propy1 {

  padding-top: 26px;

  padding-bottom: 31px;

  border-bottom: #e5e5e5 solid 1px;

}



.propy1 img {

  float: right;

  display: block;

  width: 100%;

  max-width: 385px;

  margin-left: 177px;

}



.propy1z {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  color: #666;

  padding-top: 45px;

}



.propy2 {

  padding-top: 48px;

  padding-bottom: 40px;

}



.propy2 img {

  float: left;

  width: 98%;

  max-width: 398px;

  display: block;

  margin-right: 163px;

}



.propy2z {

  font-size: 20px;

  font-size: 2rem;

  color: #666;

  margin-top: 109px;

}



.propy3z {

  padding-top: 40px;

}



.propy3z table {

  text-align: center;

  border: #000 solid 1px !important;

}



.propy3z td {

  border: #000 solid 1px !important;

  line-height: 30px;

}



.propy3z table tr:nth-of-type(1) {

  background: #0b9796;

  color: #fff;

  line-height: 44px;

}



.propy4z {

  padding-top: 36px;

}



.propy4z li {

  margin-left: 50px;

  width: 573px;

  float: left;

}



.propy4z li img {

  display: block;

  margin: 0 auto;

  width: 100%;

  max-width: 573px;

}



.propy5z {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  color: #666;

  padding-top: 25px;

}



.propy6z img {

  float: left;

  display: block;

  width: 100%;

  max-width: 566px;

  margin-left: 60px;

}



.service-scroll.scroll-box {

  position: relative;

  /*overflow: hidden;*/

  width: 100%;

  z-index: 2;

  margin-top: 34px;

}



.service-scroll .scroll-btns {

  width: 70px;

  right: 0px;

  position: absolute;

  cursor: pointer;

  background: #fff;

  top: -60px;

  z-index: 9999;

  text-align: right;

}



.service-scroll .scroll-btn {

  width: 9px;

  height: 21px;

  display: inline-block;

}



.service-scroll .scroll-btn.prev {

  background: url(../images/hcpy13.jpg) no-repeat center;

  background-size: contain;

  float: left;

  margin-left: 23px;

}



.service-scroll .scroll-btn.prev:hover {

  background-image: url(../images/hcpy122.jpg);

}



.service-scroll .scroll-btn.next {

  background: url(../images/hcpy133.jpg) no-repeat center;

  background-size: contain;

  float: right;

  margin-right: 5px;

}



.service-scroll .scroll-btn.next:hover {

  background-image: url(../images/hcpy12.jpg);

}



.service-scroll .scroll-list-box {

  width: 100%;

  overflow: hidden;

}



.service-scroll .scroll-list {

  width: 300%;

}



.service-scroll .scroll-list li {

  float: left;

  width: 10.6%;

  margin-right: 0.6%;

  position: relative;

  margin-bottom: 25px;

}



.service-scroll .scroll-list li img {

  width: 100%;

  display: block;

  max-width: 379px;

  max-height: 265px;

  margin: 0 auto;

}



@media screen and (max-width: 1219px) {

  .propy1 img {

    float: none;

    margin: 0 auto;

  }



  .propy2 img {

    float: none;

    width: 100%;

    margin: 0 auto;

    max-width: 398px;

  }



  .propy4z li {

    width: 48%;

    margin-left: 2%;

  }



  .propy4z iframe {

    width: 48%;

    margin-left: 2%;

  }



  .propy6z img {

    width: 48%;

    margin-left: 2%;

  }

}

@media screen and (max-width: 999px) {

  .service-scroll.scroll-box {

    width: 100%;

    max-width: 908px;

  }



  .promz1 {

    background: #fff;

  }

}

.pro2py1 {

  text-align: center;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}



.pro2py2 {

  padding-top: 69px;

}



.pro2py21 {

  width: 561px;

  float: left;

  margin-left: 40px;

}



.pro2py21 img {

  display: block;

  width: 100%;

  max-width: 561px;

  margin: 0 auto;

}



.pro2py21 p {

  font-size: 30px;

  font-size: 3rem;

  color: #333333;

  line-height: 30px;

  margin-bottom: 30px;

}



.pro2py22 {

  margin-top: 70px;

}



.pro2py23 {

  padding-top: 60px;

}



.pro2py24 {

  float: left;

  width: 100%;

  max-width: 537px;

  display: block;

}



.pro2py25 {

  float: left;

  width: 100%;

  max-width: 608px;

  margin-left: 55px;

}



.pro2py25 table {

  text-align: center;

  border: #000 solid 1px !important;

}



.pro2py25 td {

  border: #000 solid 1px !important;

  line-height: 22px;

  font-size: 12px;

  font-size: 1.2rem;

}



.pro2py25 table tr:nth-of-type(1) {

  background: #0b9796;

  color: #fff;

  line-height: 22px;

  font-weight: bold;

}



.pro2py26 {

  margin-top: 106px;

}



.pro2py27 {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  padding-top: 30px;

}



.pro2py8z {

  padding-top: 25px;

}



.pro2py8z img {

  float: left;

  display: block;

  width: 100%;

  max-width: 490px;

  margin-left: 215px;

}



.service-scroll2.scroll-box {

  position: relative;

  /*overflow: hidden;*/

  width: 100%;

  z-index: 2;

  margin-top: 34px;

}



.service-scroll2 .scroll-btns2 {

  width: 70px;

  right: 0px;

  position: absolute;

  cursor: pointer;

  background: #fff;

  top: -60px;

  z-index: 9999;

  text-align: right;

}



.service-scroll2 .scroll-btn2 {

  width: 9px;

  height: 21px;

  display: inline-block;

}



.service-scroll2 .scroll-btn2.prev {

  background: url(../images/hcpy13.jpg) no-repeat center;

  background-size: contain;

  float: left;

  margin-left: 23px;

}



.service-scroll2 .scroll-btn2.prev:hover {

  background-image: url(../images/hcpy122.jpg);

}



.service-scroll2 .scroll-btn2.next {

  background: url(../images/hcpy133.jpg) no-repeat center;

  background-size: contain;

  float: right;

  margin-right: 5px;

}



.service-scroll2 .scroll-btn2.next:hover {

  background-image: url(../images/hcpy12.jpg);

}



.service-scroll2 .scroll-list-box2 {

  width: 100%;

  overflow: hidden;

}



.service-scroll2 .scroll-list2 {

  width: 1000%;

}



.service-scroll2 .scroll-list2 li {

  float: left;

  width: 4.8%;

  margin-right: 0.2%;

  position: relative;

}



.service-scroll2 .scroll-list2 li img {

  width: 100%;

  display: block;

  max-width: 575px;

  max-height: 357px;

  margin: 0 auto;

}



.propy3z img {

  display: block;

  margin: 0 auto;

  width: 100%;

  max-width: 1198px;

}



.pro2py25 img {

  display: block;

  margin: 0 auto;

  width: 100%;

  max-width: 607px;

}



@media screen and (max-width: 999px) {

  .service-scroll2.scroll-box2 {

    width: 100%;

    max-width: 908px;

  }

}

@media screen and (max-width: 1219px) {

  .pro2py21 {

    width: 48%;

    margin-left: 2%;

  }



  .pro2py21 p {

    font-size: 20px;

    font-size: 2rem;

  }



  .pro2py25,

.pro2py24 {

    margin: 0 auto;

    float: none;

    margin-bottom: 20px;

  }



  .pro2py8z img {

    width: 48%;

    margin-left: 2%;

  }



  .promz1 a {

    font-size: 20px;

    font-size: 2rem;

  }

}

.m-bolib1py .box-link {

  margin-top: 31px;

}



.m-bolib1py .box-link a {

  display: block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  max-width: 120px;

  line-height: 24px;

  padding-top: 2px 5px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #fff;

  background-color: #0066a8;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0066a8;

  border-radius: 5px;

  margin: 0 auto;

}



.m-bolib1py .box-link a:hover {

  color: #fff;

  background-color: #0066a8;

}



.photochromicpy1 {

  width: 350px;

  float: left;

}



.photochromicpy2 {

  width: 805px;

  float: right;

  padding-top: 67px;

}



.photochromicpy2 img {

  display: block;

  width: 100%;

  max-width: 805px;

}



.photochromicpy1tt {

  padding-top: 5px;

  font-size: 28px;

  font-size: 2.8rem;

  font-weight: bold;

  text-transform: uppercase;

}



.photochromicpy1tms {

  padding-top: 15px;

}



.photochromicpy1tms p {

  margin-top: 25px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

}



.box-linkpy22pho {

  margin-top: 21px;

}



.box-linkpy22pho a {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  min-width: 120px;

  line-height: 24px;

  padding-top: 2px 5px;

  font-size: 14px;

  font-size: 1.4rem;

  text-align: center;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 1px solid #0066a8;

  border-radius: 5px;

  color: #fff;

  background-color: #0066a8;

}



.pro2pypho1 {

  margin-top: 75px;

}



.photochromicpy3z {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  width: 715px;

  float: left;

}



.photochromicpy3z strong {

  display: block;

  margin-top: 44px;

}



.photochromicpy3y {

  width: 480px;

  float: right;

  padding-top: 55px;

}



.photochromicpy3y img {

  display: block;

  width: 100%;

  max-width: 480px;

}



.photochromicpy4 {

  padding-top: 35px;

}



.photochromicpy4 img {

  display: block;

  width: 100%;

  max-width: 1200px;

}



.photochromicpy5 {

  padding-top: 110px;

}



.photochromicpy5 img {

  float: right;

  display: block;

  width: 100%;

  max-width: 478px;

}



.photochromicpy5 p {

  float: left;

  margin-top: 183px;

  margin-left: 175px;

  font-size: 28px;

  font-size: 2.8rem;

  color: #333;

}



.photochromicpy6 {

  padding-top: 35px;

}



.photochromicpy6 img,

.photochromicpy6 video,

.photochromicpy6 iframe {

  display: block;

  width: 100%;

  max-width: 1200px;

}



.photochromicpy7 {

  width: 100%;

  margin-top: 34px;

}



.photochromicpy7 li {

  float: left;

  width: 32%;

  margin-left: 2%;

  position: relative;

  margin-bottom: 30px;

}



.photochromicpy7 li img {

  display: block;

  width: 100%;

  max-width: 379px;

}



.photochromicpy2222 {

  position: relative;

  width: 100%;

}



.bannerpy {

  /*height:386px;*/

}



.bannerpy .ban_c img {

  position: absolute;

  width: 100%;

  left: 0%;

  top: 0;

}



.bannerpy .ban_nav {

  display: none;

}



.bannerpy .Left,

.bannerpy .Right {

  position: absolute;

  width: 38px;

  height: 38px;

  right: 50%;

  bottom: 15px;

  display: none;

}



.bannerpy .Left {

  margin-right: -450px;

  background-position: 5px 0;

}



.bannerpy .Right {

  margin-right: -490px;

  background-position: -33px 0;

  background-color: #e6292f;

}



.bann_ext {

  position: relative;

}



.frontCover li {

  float: left;

  width: 101px;

  overflow: hidden;

  cursor: pointer;

}



.frontCover li img {

  display: block;

  width: 100%;

  max-width: 115px;

}



.frontCover .open {

  border: #fff solid 2px;

}



.wrap {

  margin-left: auto;

  margin-right: auto;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 9999999999;

}



.slide {

  position: relative;

  width: 100%;

}



.ban_c {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.ban_c img {

  width: 100%;

  /*height:100%;*/

}



.ban_t {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: 4px 0;

  text-indent: 10px;

  white-space: nowrap;

  overflow: hidden;

  color: #fff;

  background: rgba(0, 0, 0, 0.5);

  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000, endcolorstr=#88000000);

  z-index: 3;

}



.ban_nav {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  text-align: right;

  z-index: 4;

}



.ban_nav a {

  display: inline-block;

  vertical-align: middle;

  width: 14px;

  height: 14px;

  line-height: 14px;

  overflow: hidden;

  text-align: center;

  margin-right: 8px;

  cursor: pointer;

  text-decoration: none;

  font-size: 10px;

  -webkit-text-size-adjust: none;

  background: #ccc;

}



.ban_nav .on {

  background: #f90;

  color: #fff;

}



.Left,

.Right {

  cursor: pointer;

}



@media screen and (max-width: 1219px) {

  .photochromicpy1 {

    width: 100%;

    float: none;

  }



  .photochromicpy2 {

    width: 100%;

    float: none;

    max-width: 805px;

  }



  .photochromicpy3z {

    width: 100%;

    float: none;

  }



  .photochromicpy3y {

    width: 100%;

    float: none;

    max-width: 480px;

  }



  .photochromicpy5 p {

    float: none;

    margin-top: 10px;

    margin-left: 10px;

  }



  .photochromicpy5 img {

    width: 100%;

    float: none;

    max-width: 478px;

    margin-top: 20px;

  }

}

@media screen and (max-width: 790px) {

  .frontCover li {

    width: 73px;

  }

}

@media screen and (max-width: 566px) {

  .frontCover li {

    width: 50px;

  }

}

.m-ledb1 {

  padding-bottom: 92px;

}

.m-ledb1 .box-text {

  text-align: center;

}

.m-ledb1 .box-title {

  line-height: 42px;

  font-size: 32px;

  font-size: 3.2rem;

  font-family: "OPENSANSSEMIBOLD";

}

.m-ledb1 .box-desc {

  margin-top: 25px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-ledb1 .box-link {

  margin-top: 21px;
/*margin-top: 10px;*/
}

.m-ledb1 .box-link a {

  display: inline-block;

  vertical-align: top;

  min-width: 142px;

  line-height: 28px;

  padding: 5px 10px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background-color: #333;

  -moz-box-sizing: border-box;

       box-sizing: border-box;

}

.m-ledb1 .box-link a:hover {

  color: #fff;

  background-color: #0066a8;

}

.m-ledb1 .box-list {

  margin-top: 45px;

  font-size: 0;

  letter-spacing: 0;

  margin-bottom: -20px;

}

.m-ledb1 .list-item {

  margin-right: 1.9166666667%;

  margin-bottom: 20px;

  display: inline-block;

  vertical-align: top;

  width: 49%;

}

.m-ledb1 .list-item:nth-child(2n) {

  margin-right: 0;

}

@media screen and (max-width: 991px) {

  .m-ledb1 {

    padding-bottom: 30px;

  }

  .m-ledb1 .box-title {

    line-height: 30px;

    font-size: 20px;

    font-size: 2rem;

  }

  .m-ledb1 .box-desc {

    margin-top: 15px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-ledb1 .box-link {

    margin-top: 15px;

  }

  .m-ledb1 .box-list {

    margin-top: 20px;

  }

}



.m-ledb2 .box-item {

  padding-top: 74px;

  padding-bottom: 74px;

}

.m-ledb2 .box-item .bitem-wp {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-flow: row nowrap;

     -moz-box-orient: horizontal;

     -moz-box-direction: normal;

      -ms-flex-flow: row nowrap;

          flex-flow: row nowrap;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

     -moz-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.m-ledb2 .box-item .bitem-pic {

  position: relative;

  -webkit-box-flex: 0;

  -webkit-flex: 0 0 auto;

     -moz-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 50%;

  overflow: hidden;

}

.m-ledb2 .box-item .bitem-text {

  -webkit-box-flex: 1;

  -webkit-flex: 1 1 auto;

     -moz-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

  overflow: hidden;

}

.m-ledb2 .box-item .bitem-title {

  line-height: 38px;

  font-size: 28px;

  font-size: 2.8rem;

  font-family: "OPENSANSSEMIBOLD";

}

.m-ledb2 .box-item .bitem-desc {

  margin-top: 25px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-ledb2 .box-item1 .bitem-pic {

  margin-right: 3.5833333333%;

}

.m-ledb2 .box-item3 .bitem-pic {

  margin-right: 3.5833333333%;

}

.m-ledb2 .bg {

  background-color: #f7f7f9;

}

.m-ledb2 .box-btn {

  position: absolute;

  z-index: 2;

  top: 50%;

  -webkit-transform: translate(0, -50%);

     -moz-transform: translate(0, -50%);

      -ms-transform: translate(0, -50%);

       -o-transform: translate(0, -50%);

          transform: translate(0, -50%);

  width: 28px;

  line-height: 28px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

  text-align: center;

  background-color: rgba(225, 225, 225, 0.5);

}

.m-ledb2 .box-btn:hover {

  color: #fff;

  background-color: #0066a8;

}

.m-ledb2 .box-btn.prev {

  left: 0;

}

.m-ledb2 .box-btn.next {

  right: 0;

}

.m-ledb2 .box-list {

  float: left;

  width: 10000%;

  overflow: hidden;

}

.m-ledb2 .list-item {

  float: left;

  width: 1%;

}

.m-ledb2 .box-item2 .bitem-pic {

  -webkit-box-ordinal-group: 3;

  -webkit-order: 2;

     -moz-box-ordinal-group: 3;

      -ms-flex-order: 2;

          order: 2;

  margin-left: 3.3333333333%;

}

.m-ledb2 .box-item2 .bitem-text {

  -webkit-box-ordinal-group: 2;

  -webkit-order: 1;

     -moz-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

}

@media screen and (max-width: 991px) {

  .m-ledb2 .box-item {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .m-ledb2 .box-item .bitem-title {

    line-height: 28px;

    font-size: 18px;

    font-size: 1.8rem;

  }

  .m-ledb2 .box-item .bitem-desc {

    margin-top: 10px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 480px) {

  .m-ledb2 .box-item .bitem-wp {

    display: block;

  }

  .m-ledb2 .box-item .bitem-pic {

    margin-left: 0;

    margin-right: 0;

    margin-bottom: 15px;

    width: 100%;

  }

}



.m-ledb3 {

  padding-top: 94px;

  padding-bottom: 112px;

  background-color: #f7f7f9;

}

.m-ledb3 .box-hd {

  margin-bottom: 49px;

  text-align: center;

}

.m-ledb3 .hd-title {

  line-height: 42px;

  font-size: 32px;

  font-size: 3.2rem;

  font-family: "OPENSANSSEMIBOLD";

}

.m-ledb3 .hd-desc {

  margin-top: 21px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-ledb3 .box-list {

  font-size: 0;

  letter-spacing: 0;

  margin-bottom: -10px;

}

.m-ledb3 .list-item {

  margin-right: 0.5833333333%;

  margin-bottom: 10px;

  display: inline-block;

  vertical-align: top;

  width: 24%;

}

.m-ledb3 .list-item:nth-child(4n) {

  margin-right: 0;

}

@media screen and (max-width: 991px) {

  .m-ledb3 {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .m-ledb3 .box-hd {

    margin-bottom: 20px;

  }

  .m-ledb3 .hd-title {

    line-height: 30px;

    font-size: 20px;

    font-size: 2rem;

  }

  .m-ledb3 .hd-desc {

    margin-top: 15px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

@media screen and (max-width: 480px) {

  .m-ledb3 .list-item {

    margin-left: 1%;

    margin-right: 1% !important;

    width: 48%;

  }

}



.m-ledb4 {

  padding-top: 103px;

  padding-bottom: 100px;

}

.m-ledb4 .box-item {

  margin-top: 33px;

}

.m-ledb4 .box-item:first-child {

  margin-top: 0;

}

.m-ledb4 .bitem-title {

  line-height: 42px;

  font-size: 32px;

  font-size: 3.2rem;

  font-family: "OPENSANSSEMIBOLD";

}

.m-ledb4 .bitem-desc {

  margin-top: 22px;

  color: #666;

}

.m-ledb4 .bitem-desc table tr td {

  text-align: center;

  padding: 10px;

  border-color: #ededed;

}

.m-ledb4 .bitem-desc table tr:nth-child(2n) td {

  background-color: #ededed;

}

.m-ledb4 .bitem-list {

  margin-top: 34px;

  font-size: 0;

  letter-spacing: 0;

  margin-bottom: -10px;

}

.m-ledb4 .list-item {

  margin-right: 1%;

  margin-bottom: 10px;

  display: inline-block;

  vertical-align: top;

  width: 24.1666666667%;

}

.m-ledb4 .list-item:nth-child(4n) {

  margin-right: 0;

}

@media screen and (max-width: 991px) {

  .m-ledb4 {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .m-ledb4 .box-item {

    margin-top: 30px;

  }

  .m-ledb4 .bitem-title {

    line-height: 28px;

    font-size: 18px;

    font-size: 1.8rem;

  }

  .m-ledb4 .bitem-desc {

    margin-top: 15px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-ledb4 .bitem-list {

    margin-top: 14px;

  }

}



.m-ledappl {

  padding-top: 94px;

  padding-bottom: 147px;

  background-color: #f7f7f9;

}

.m-ledappl .box-hd {

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 30px;

  max-width: 840px;

  text-align: center;

}

.m-ledappl .hd-title {

  line-height: 42px;

  font-size: 32px;

  font-size: 3.2rem;

  font-family: "OPENSANSSEMIBOLD";

}

.m-ledappl .hd-desc {

  margin-top: 21px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  text-align: center;

}

.m-ledappl .box-list {

  margin-bottom: -27px;

  font-size: 0;

  letter-spacing: 0;

}

.m-ledappl .list-item {

  margin-right: 2.25%;

  margin-bottom: 27px;

  display: inline-block;

  vertical-align: top;

  width: 48.8333333333%;

}

.m-ledappl .list-item:nth-child(2n) {

  margin-right: 0;

}

@media screen and (max-width: 991px) {

  .m-ledappl {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .m-ledappl .box-hd {

    margin-bottom: 25px;

  }

  .m-ledappl .hd-title {

    line-height: 30px;

    font-size: 20px;

    font-size: 2rem;

  }

  .m-ledappl .hd-desc {

    margin-top: 15px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-ledappl .box-list {

    margin-bottom: -15px;

  }

  .m-ledappl .list-item {

    margin-bottom: 15px;

  }

}



@media screen and (max-width: 442px) {

	.wap-hd-nav-item a { font-size:12px;}

	}

	

	/*addpy*/

.film1{ background:#f9f9f9; padding-top:68px; padding-bottom:80px;}

.film1bt{ font-size: 30px; font-size:3rem; color:#333; line-height:32px; font-family: "OPENSANSSEMIBOLD";}

.film1ms{ font-size: 16px; font-size:1.6rem; color: #666666; line-height:30px; padding-top:30px;}

.film2{ padding-top:45px; padding-bottom:46px;}

.film2:after{ content:""; clear:both; display:block;}

.film2 span{ font-size: 26px; font-size:2.6rem;color: #333333; line-height:32px; display: inline-block;font-family: "OPENSANSSEMIBOLD";   

    position: relative; width:200px;}

.film2 span:before{ content:""; width:1000px; height:1px; background:#cfd1d1; position:absolute; left:100%; bottom:15px;}

.tablepy{ width:100%; padding-bottom:40px;}

.tablepy img{width:100%; max-width:1200px; margin:0 auto;}

.filmvideo{ padding-bottom:90px;}

.filmvideo li:nth-child(3n-2) {

    margin-left: auto !important;

}

.filmvideo li{

    width:32.25%;

	float:left;

    margin-left: 1.2%;

	

}
.filmvideo li p{  font-size: 16px; font-size:1.6rem; text-align:center; color: #666666; line-height:24px; padding-top:10px;padding-bottom:10px;}
.sihpdddd{position:relative; cursor:pointer;	overflow:hidden; width:100%;}

.filmvideo li a{ background-color: rgba(0, 0, 0, 0.5);	 position:absolute; top:100%; left:0px; width:100%; height:100%;}

.filmvideo li a img{ position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-28px;}

.filmvideo li:hover a{top:0px; }

.filmvideo li .filmvideoimg{ width: 100%; display:block; margin:0 auto; max-width:387px;}

@media screen and (max-width:767px) {

.filmvideo li{ width: 49%; margin-left: 1% !important; margin-bottom: 10px;}

.filmvideo li:nth-child(2n-1){margin-left: 0 !important;}

}

.guaze{ padding-top:88px; position:relative; width:100%;}

.guaze:before{ content:""; position:absolute; left:0px; top:0px; width:100%; height:550px; background:#f5f5f5; z-index:-99;}

.guaze1{ font-size: 30px; font-size:3rem;font-family: "OPENSANSSEMIBOLD"; line-height: 32px;color: #333333;}

.guaze1ms{ font-size: 16px;  font-size:1.6rem; line-height: 30px; padding-top:30px;		color: #666666;}

.guaze1image{ padding-top:53px;}

.guaze1image li{

    width:32.75%;

	float:left;

    margin-left: 0.875%;

	position:relative; 

	overflow:hidden;

}

.guaze1image li:nth-child(3n-2) {

    margin-left: auto !important;

}

.guaze1image li img{ width: 100%; display:block; margin:0 auto; max-width:387px;}

@media screen and (max-width:767px) {

.guaze1image li{ width: 49%; margin-left: 1% !important; margin-bottom: 10px;}

.guaze1image li:nth-child(2n-1){margin-left: 0 !important;}

}

.guaze{ margin-bottom:30px;}

.filmvideo2{ width:100%; max-width:886px; margin:0 auto; position:relative; cursor:pointer;	overflow:hidden; margin-bottom:143px; margin-top:10px;}

.filmvideo2 .filmvideo2img{ width: 100%; display:block; margin:0 auto; max-width:886px;}

.filmvideo2 a{ background-color: rgba(0, 0, 0, 0.5);	 position:absolute; top:0px; left:0px; width:100%; height:100%;}

.filmvideo2 a img{ position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-28px;}

.filmvideo2:hover a{top:0px; }

.tablepyz tr:nth-of-type(1){

background: #0066a8;

color:#fff;

 

}

.tablepyz tr:nth-of-type(1) td{padding-top:20px !important; padding-bottom:20px !important; }

.tablepyz tr td{ font-size: 14px;  font-size: 1.4rem;   line-height:24px;  text-align:center; font-weight:bold;}

.filmsmart{ /*padding-top:49px; padding-bottom:77px;*/padding-top:0px; padding-bottom:30px;}



.smartcategory{ width:100%; border-bottom:#bfbfbf solid 1px; padding-bottom:24px; padding-top:40px;}

.smartcategory li{ float:left;font-size: 20px;	font-size: 2rem;	color: #333333; margin-left:88px; font-family: "OPENSANSSEMIBOLD";}

.smartcategory li a{color: #333333;}

.smartcategory li a:hover{ color:#0066a8;}

.smartcat1{width: 388px;	height: 72px;	background: #0066a8; display:block; font-size: 28px;font-size: 2.8rem;  font-family: "OPENSANSSEMIBOLD"; line-height:72px; text-align:center; color:#fff; /*margin-top:58px;*/margin-top:33px;} 



.smartlunboshang{ /*margin-top: 72px;*/ margin-top: 33px; padding-bottom:38px;}

.smartlunbo1{ float:left; width:602px; }

.download-scroll { position: relative; border:#ebebeb solid 1px;}

.download-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; cursor: pointer; z-index: 99; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 34px; background-repeat: no-repeat; background-position: center; background-size: contain; }





.download-scroll .scroll-btns .scroll-btn.prev { left: 0; background-image: url(../images/smlefth.png); }



.download-scroll .scroll-btns .scroll-btn.prev:hover { background-image: url(../images/smleft.png); }



.download-scroll .scroll-btns .scroll-btn.next { right: 0; background-image: url(../images/smrighth.png); }



.download-scroll .scroll-btns .scroll-btn.next:hover { background-image: url(../images/smright.png); }



.download-scroll .scroll-list-box { width: 100%; overflow: hidden; }



.download-scroll .scroll-list { width: 10000%; position: relative; }



.download-scroll .scroll-list li { float: left; width: 1%; position: relative; }

.download-scroll .scroll-list li img{}





.smartlunbo1y{ width:530px; float:right; padding-top:58px;}

.smartlunbo1ybt{ font-size: 20px;font-size: 2rem;	line-height: 32px;	color: #222222; display:block}

.smartlunbo1yms{ font-size: 16px; font-size: 1.6rem;line-height: 30px; color: #666666; margin-top:47px;}

.smartvideo{ background:#f5f5f5; padding-top:22px; }

.smartvideo .film2 span:before{ display:none;}

.smartvideo .filmvideo{padding-bottom: 78px;}

@media screen and (min-width: 960px) and (max-width: 1219px){

.smartlunbo1,.smartlunbo1y{ width:47%; padding-top:0px;}

}

@media screen and (max-width: 959px) {

	.smartlunbo1{ float:none; width:100%; max-width:602px; margin: 0 auto;}

       .smartlunbo1y{ float:none; padding-top:20px; width:100%;}   

	   .smartlunbo1yms{ margin-top:20px;} 

	}

	

.firefoofz1{ padding-top:81px; padding-bottom:26px;}

.firefoofz1:after{ content:""; clear:both; display:block;}

.firefoofz1 span{ font-size: 26px; font-size:2.6rem;color: #333333; line-height:32px; display: inline-block;font-family: "OPENSANSSEMIBOLD";   

    position: relative; }

    .firefoofz1 a{ font-size: 26px; font-size:2.6rem;color: #333333; line-height:32px; display: inline-block;font-family: "OPENSANSSEMIBOLD";   

    position: relative; }

.firefoofz2{ font-size: 16px;font-size:1.6rem;	line-height: 30px; color: #666666; padding-bottom:51px;}

.firefloof1{ float:left; width:100%; max-width:514px; display:block;}

.firefloof1-scroll { max-width:514px; float:left; margin-left:43px; position:relative;}

.firefloof1-scroll .scroll-btns{ right:-127px; cursor: pointer; z-index: 9; position: absolute; bottom: 0%; }

.firefloof1-scroll .scroll-btns .scroll-btn { display: inline-block; /* -webkit-transform: translateY(-50%); -moz-transform:translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/

 width: 98px; height: 46px; background-repeat: no-repeat; background-position: center; background-size: contain; cursor:pointer;}



/*

.firefloof1-scroll .scroll-btns .scroll-btn.prev { left: 0; background-image: url(../images/smleft.png); }



.firefloof1-scroll .scroll-btns .scroll-btn.prev:hover { background-image: url(../images/smlefth.png); }*/



.firefloof1-scroll .scroll-btns .scroll-btn.next { right: 0; background-image: url(../images/guan.png); }



.firefloof1-scroll .scroll-btns .scroll-btn.next:hover { background-image: url(../images/kai.png); }



.firefloof1-scroll .scroll-list-box { width: 100%; overflow: hidden; }



.firefloof1-scroll .scroll-list { width: 10000%; position: relative; }



.firefloof1-scroll .scroll-list li { float: left; width: 1%; position: relative; }

@media screen and (min-width: 960px) and (max-width: 1219px){

	.firefloof1{ max-width:380px;}

	.firefloof1-scroll{max-width:380px; }

	}

@media screen and (max-width: 959px) {

	.firefloof1{ max-width:48%;}

	.firefloof1-scroll{max-width:48%; margin-left:2%; }

	.firefloof1-scroll .scroll-btns{ right:0px;}

	.firefloof1-scroll .scroll-btns .scroll-btn { width:65px;}

	}

@media screen and (max-width: 530px) {

	.smartvideo{ padding-top:0px;}

	.smartvideo .filmvideo{ padding-bottom:30px;}

	.firefoofz1,.smartvideo .film2{ padding-top:20px; padding-bottom:20px;}

	.firefloof1{ max-width:100%;}

	.firefloof1-scroll{max-width:100%; margin-left:0%; margin-top:20px;}

	}

.bulletroof{ border-top:dashed 1px #bfbfbf; margin-top:82px;}

.bulletroof .firefoofz1{ padding-top:64px;}



.bulletroofvideo{ width:100%; max-width:598px; float:left; position:relative; cursor:pointer;	overflow:hidden; }

.bulletroofvideo .bulletroofvideo1{ width: 100%; display:block; margin:0 auto; max-width:598px;}

.bulletroofvideo a{ background-color: rgba(0, 0, 0, 0.5);	 position:absolute; top:0%; left:0px; width:100%; height:100%;}

.bulletroofvideo a img{ position:absolute; top:50%; margin-top:-28px; left:50%; margin-left:-28px;}

.bulletroofvideo:hover a{top:0px; }

.bulletroof2{ float:left; margin-left:74px; width:100%; max-width:464px;} 

@media screen and (min-width: 960px) and (max-width: 1219px){

	.bulletroofvideo,.bulletroof2{max-width:470px;  }

	.bulletroof2{max-width:330px;  }

	.bulletroof2{ margin-left:50px;}

	.bulletroof .firefoofz1{ padding-top:20px; padding-bottom:20px;}

	}

	@media screen and (max-width: 959px) {

		.smartcat1,.firefoofz1 span,.firefoofz1 a,.smartcategory li,.film2 span,.film1bt,.guaze1{ width:100%; font-size: 18px;    font-size: 1.8rem; margin:0px;}

		.bulletroof{ margin-top:50px;}

		.bulletroofvideo,.bulletroof2{ float:none; margin:0 auto; margin-bottom:40px; display:block;}

		.bulletroof .firefoofz1{ padding-top:20px; padding-bottom:20px;}

		}

	.smartcat2{ width: 287px;	height: 72px;	font-family: "OPENSANSSEMIBOLD";	font-size: 28px;font-size: 2.8rem;	line-height:72px;	color: #ffffff; background:#0066a8; display:block; text-align:center; margin-top:83px; margin-bottom:73px;}

	

	

	

.igu-scroll { position: relative; float:left; max-width:603px;}

.igu-scroll .scroll-btns .scroll-btn { display: inline-block; vertical-align: top; cursor: pointer; z-index: 99; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 34px; height: 34px; background-repeat: no-repeat; background-position: center; background-size: contain; }





.igu-scroll .scroll-btns .scroll-btn.prev { left: 0; background-image: url(../images/smleft.png); }



.igu-scroll .scroll-btns .scroll-btn.prev:hover { background-image: url(../images/smlefth.png); }



.igu-scroll .scroll-btns .scroll-btn.next { right: 0; background-image: url(../images/smright.png); }



.igu-scroll .scroll-btns .scroll-btn.next:hover { background-image: url(../images/smrighth.png); }



.igu-scroll .scroll-list-box { width: 100%; overflow: hidden; }



.igu-scroll .scroll-list { width: 10000%; position: relative; }



.igu-scroll .scroll-list li { float: left; width: 1%; position: relative; }

.igu-scroll .scroll-list li img{}

.igturight{ margin-left:48px; margin-top:142px; width:535px; float:left;}

.igtuzz{ position:relative; padding-bottom:54px;}

.igtuzz:after{ content:""; width:1483px; height:443px; background:#f5f5f5; position:absolute; right:0; bottom:0px; z-index:-999} 

.igtuz .smartlunbo1yms{ margin-top:39px;}

@media screen and (min-width: 960px) and (max-width: 1219px){

	.igu-scroll{ max-width: 425px;}

	.igturight{ width:487px; margin-top:0px; margin-left:30px;}

	}

	@media screen and (max-width: 959px) {

		.igu-scroll,.igturight{ float:none; width:100%; max-width:100%; margin: 0 auto; margin-bottom:20px; }

		}

		

.appdismz{ padding-top:75px; padding-bottom:46px;}

.appdismz:after{ content:""; clear:both; display:block;}

.appdismz span{ font-size: 24px; font-size:2.4rem;color: #333333; line-height:32px; display: inline-block;font-family: "OPENSANSSEMIBOLD";   

    position: relative; width:396px;}

.appdismz span:before{ content:""; width:810px; height:1px; background:#cfd1d1; position:absolute; left:100%; bottom:15px;}



.appdistu{ padding-bottom:54px;}

.appdistu .bitem-img {

  position: relative;

  width: 100%;
 max-width: 559px;
  line-height: 0;

  font-size: 0;

  overflow: hidden;

  max-width:559px;

/*  margin:0 auto;*/
float:right;

}



.appdistu  .img2 {

  position: absolute;

  z-index: 2;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;



}



.appdistu  .control {

  position: absolute;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  z-index: 3;

  width: 80%;

  right: 10%;

  bottom: 31px;

}













.appdistu  .control input[type=range] {

  -webkit-appearance: none;

  margin: 10px 0;

  width: 100%;

  background: transparent;

}



.appdistu  .control input[type=range]:focus {

  outline: 0;

}



.appdistu  .control input[type=range]::-webkit-slider-runnable-track {

  width: 100%;

  height: 9px;

  cursor: pointer;

  animate: 0.2s;

  background: #d3eaf5;

  border-radius: 10px;

  border: 1px solid #d3eaf5;

}



.appdistu  .control input[type=range]::-webkit-slider-thumb {

  box-shadow: 0 0 1px #0066a8;

  border: 1px solid #0066a8;

  height: 9px;

  width: 36px;

  border-radius: 15px;

  background: #0066a8;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -1px;

}



.appdistu  .control input[type=range]:focus::-webkit-slider-runnable-track {

  background: #f9f9f9;

}



.appdistu  .control input[type=range]::-moz-range-track {

  width: 100%;

  height: 14px;

  cursor: pointer;

  animate: 0.2s;

  box-shadow: 0 0 0 #696969;

  background: #f9f9f9;

  border-radius: 20px;

  border: 1px solid #b5b5b5;

}



.appdistu  .control input[type=range]::-moz-range-thumb {

  box-shadow: 0 0 1px #696969;

  border: 1px solid #113964;

  height: 18px;

  width: 36px;

  border-radius: 17px;

  background: #184f87;

  cursor: pointer;

}



.appdistu  .control input[type=range]::-ms-track {

  width: 100%;

  height: 14px;

  cursor: pointer;

  animate: 0.2s;

  background: transparent;

  border-color: transparent;

  color: transparent;

}



.appdistu  .control input[type=range]::-ms-fill-lower {

  background: #f9f9f9;

  border: 1px solid #b5b5b5;

  border-radius: 40px;

  box-shadow: 0 0 0 #696969;

}



input[type=range]::-ms-fill-upper {

  background: #f9f9f9;

  border: 1px solid #b5b5b5;

  border-radius: 40px;

  box-shadow: 0 0 0 #696969;

}



.appdistu  .control input[type=range]::-ms-thumb {

  box-shadow: 0 0 1px #696969;

  border: 1px solid #113964;

  height: 18px;

  width: 36px;

  border-radius: 17px;

  background: #184f87;

  cursor: pointer;

}



.appdistu  .control input[type=range]:focus::-ms-fill-lower {

  background: #f9f9f9;

}



.appdistu  .control input[type=range]:focus::-ms-fill-upper {

  background: #f9f9f9;

}

@media screen and (min-width: 960px) and (max-width: 1219px){

	.appdismz span:before,.film2 span:before{ width:100%;	}

}

@media screen and (max-width: 959px) {

	.appdismz span{ width:100%; font-size:18px; font-size:1.8rem; line-height:24px;}

	.appdismz span:before{ display:none;}

	.film2 span:before{ display:none;}

	.film1,.film2{ padding-top:30px; padding-bottom:30px;}

	.tablepy{ padding-bottom:15px;}

	.filmvideo{ padding-bottom:30px;}

	.guaze{ padding-top:30px;}

	.filmvideo2{ margin-bottom:30px;}

	}

	

	

	

/*pyadd*/

.m-hvideomodal {

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:999999;

	background-color:#000;

	background-color:rgba(0, 0, 0, 0.5);

	display:none;

}

.m-hvideomodal iframe {

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform:translate(-50%, -50%);

	-moz-transform:translate(-50%, -50%);

	-ms-transform:translate(-50%, -50%);

	-o-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

	width:80%;

	height:80%;

}


.film1 .box-link {

  margin-top: 21px;
/*margin-top: 10px;*/
text-align:center;
}

.film1 .box-link a {

  display: inline-block;

  vertical-align: top;

  min-width: 142px;

  line-height: 28px;

  padding: 5px 10px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background-color: #0066a8;

  -moz-box-sizing: border-box;

       box-sizing: border-box;

}

.film1 .box-link a:hover {

  color: #fff;

  background-color: #0066a8;

}


.firefloof1-scroll{}
.firefloof1-scroll img{ width:100%; max-width:514px;}

.appdistupy1{ float:left; width:100%; max-width:603px;}
.appdistupy1 a{display:block; margin:0 auto; width:100%; max-width:603px;}
.appdistupy1 img{ display:block; margin:0 auto; width:100%; max-width:603px;}
.appdistupy1 a:nth-child(2){ margin-top:69px; display:block;}
@media screen and (min-width: 960px) and (max-width: 1219px){
	.appdistupy1{ max-width:477px;}
	.appdistu .bitem-img { max-width:452px;}
	}
	@media screen and (max-width: 959px){
		.appdistupy1{ float:none; margin:0 auto; margin-bottom:20px;}
		.appdistu .bitem-img{ float:none; margin:0 auto;}
		}
		
/*20231206*/
@font-face {
  font-family: 'OpenSans-Bold';
  font-display: swap;
  src: url("../fontser/OpenSansBold.eot");
  src: url("../fontser/OpenSansBold.eot") format("embedded-opentype"), url("../fontser/OpenSansBold.woff2") format("woff2"), url("../fontser/OpenSansBold.woff") format("woff"), url("../fontser/OpenSansBold.ttf") format("truetype"), url("../fontser/OpenSansBold.svg#OpenSansBold") format("svg");
}

@font-face {
  font-family: 'OpenSansRegular';
  font-display: swap;
  src: url("../fontser/OpenSansRegular.eot");
  src: url("../fontser/OpenSansRegular.eot") format("embedded-opentype"), url("../fontser/OpenSansRegular.woff2") format("woff2"), url("../fontser/OpenSansRegular.woff") format("woff"), url("../fontser/OpenSansRegular.ttf") format("truetype"), url("../fontser/OpenSansRegular.svg#OpenSansRegular") format("svg");
}
@font-face {
  font-family: "iconfont";
  font-display: swap;
  src: url("../fontser/iconfont2.woff2?t=1701823944757") format("woff2"), url("../fontser/iconfont2.woff?t=1701823944757") format("woff"), url("../fontser/iconfont2.ttf?t=1701823944757") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}

.icon-shangchuan:before {
  content: "\e602";
}

.icon-top2:before {
  content: "\e637";
}

.icon-biaoqian:before {
  content: "\e649";
}

.icon-twitter3:before {
  content: "\e7fd";
}

.icon-twitter4:before {
  content: "\e7fe";
}

.icon-twitter-new2:before {
  content: "\e800";
}

.icon-twitter-new:before {
  content: "\e7ff";
}

.icon-changyongtubiao-fuben-11:before {
  content: "\e609";
}

.icon-changyongtubiao-fuben-11-copy:before {
  content: "\e8ac";
}

.icon-jiantou:before {
  content: "\e662";
}

.icon-jiantou-copy:before {
  content: "\e8ad";
}

.icon-xinghao:before {
  content: "\e64d";
}

.icon-xiangshang4:before {
  content: "\e795";
}

.icon-fanhuidingbu:before {
  content: "\e619";
}

.icon-a-bianzu69:before {
  content: "\e68a";
}

.icon-shezhi:before {
  content: "\e615";
}

.icon-sanjiao-1:before {
  content: "\e601";
}

.icon-sanjiao-1-copy:before {
  content: "\e8ae";
}

.icon-Triangle:before {
  content: "\e605";
}

.icon-Triangle-copy:before {
  content: "\e8af";
}

.icon-youxiang:before {
  content: "\e7b1";
}

.icon-weizhi:before {
  content: "\e672";
}

.icon-shouji:before {
  content: "\e612";
}

.icon-youxiang1:before {
  content: "\e632";
}

.icon-Youtube-fill:before {
  content: "\e883";
}

.icon-instagram2:before {
  content: "\e6fc";
}

.icon-jiantou1:before {
  content: "\e84f";
}

.icon-jiantou1-copy:before {
  content: "\e8b0";
}

.icon-bofang:before {
  content: "\e699";
}

.icon-dianhua:before {
  content: "\e692";
}

.icon-instagram-alt:before {
  content: "\e810";
}

.icon-xinghao1:before {
  content: "\e64c";
}

.icon-youxiang-mail_fill:before {
  content: "\e65a";
}

.icon-zhiding:before {
  content: "\e676";
}

.icon-jiantou1-copy-copy:before {
  content: "\e8b1";
}

.icon-jiantou1-copy-copy-copy:before {
  content: "\e8b2";
}

.icon-shouji1:before {
  content: "\e62e";
}

.icon-dianhua1:before {
  content: "\e8b3";
}

.icon-youxiang2:before {
  content: "\e64a";
}

.icon-dizhi:before {
  content: "\e652";
}

.icon-lianjie:before {
  content: "\e603";
}

.icon-riqi:before {
  content: "\e65c";
}

.icon-household74:before {
  content: "\e604";
}

.icon-fangzi:before {
  content: "\e613";
}

.icon-sousuo2:before {
  content: "\e61f";
}

.icon-bofang1:before {
  content: "\e87c";
}

.icon-zhifeiji_fabu:before {
  content: "\e661";
}

.icon-instagram3:before {
  content: "\e87f";
}

.icon-icon3:before {
  content: "\e67f";
}

.icon-whatsapp2:before {
  content: "\e606";
}

.icon-youxiang3:before {
  content: "\e61c";
}

.icon-xialajiantouxiao:before {
  content: "\e87e";
}

.icon-xialajiantouxiao-copy:before {
  content: "\e8b4";
}

.icon-wenhao:before {
  content: "\e732";
}

.icon-xiazai:before {
  content: "\e659";
}

.icon-guanbi:before {
  content: "\e60a";
}

.icon-email2:before {
  content: "\e69f";
}

.icon-1801xiaoxi:before {
  content: "\e643";
}

.icon-nickname:before {
  content: "\e710";
}

.icon-24gf-phoneLoudspeaker:before {
  content: "\e969";
}

.icon-custom-service:before {
  content: "\e617";
}

.icon-arrow3-right_fill:before {
  content: "\e75a";
}

.icon-arrow3-left_fill:before {
  content: "\e75e";
}

.icon-pdf:before {
  content: "\e63f";
}

.icon-jiahao-:before {
  content: "\e60b";
}

.icon-weibiaoti1:before {
  content: "\e633";
}

.icon-dianhua2:before {
  content: "\e64b";
}

.icon-xiaojiantou:before {
  content: "\e60c";
}

.icon-xiaojiantou-copy:before {
  content: "\e96a";
}

.icon-xiaojiantou-copy-copy:before {
  content: "\e96b";
}

.icon-xiaojiantou-copy-copy-copy:before {
  content: "\e96c";
}

.icon-weibo:before {
  content: "\e65d";
}

.icon-douyin:before {
  content: "\e8db";
}

.icon-xiakuozhanjiantou:before {
  content: "\e625";
}

.icon-xiakuozhanjiantou-copy:before {
  content: "\e96d";
}

.icon-xiakuozhanjiantou-copy-copy:before {
  content: "\e96e";
}

.icon-xiakuozhanjiantou-copy-copy-copy:before {
  content: "\e96f";
}

.icon-lianxiren:before {
  content: "\e697";
}

.icon-yunhang:before {
  content: "\ec61";
}

.icon-bofang2:before {
  content: "\e626";
}

.icon-sanjiao-jinru:before {
  content: "\e701";
}

.icon-yuyan:before {
  content: "\e85f";
}

.icon-sanjiao-jinru-copy:before {
  content: "\ec62";
}

.icon-jiantou_qiehuanyou_o:before {
  content: "\eb8d";
}

.icon-jiantou_qiehuanzuo_o:before {
  content: "\eb90";
}

.icon-jiantou-qiehuanyou_1:before {
  content: "\e7a9";
}

.icon-jiantou-qiehuanzuo:before {
  content: "\e7aa";
}

.icon-facebook-fill:before {
  content: "\e88d";
}

.icon-linkedin-fill:before {
  content: "\e890";
}

.icon-dianhua3:before {
  content: "\e8bd";
}

.icon-huidingbu:before {
  content: "\e644";
}

.icon-wenjianjia:before {
  content: "\ec17";
}

.icon-download2:before {
  content: "\e83a";
}

.icon-dianhua4:before {
  content: "\e60d";
}

.icon-sousuo3:before {
  content: "\e86e";
}

.icon-jiantou_youshang:before {
  content: "\eb0b";
}

.icon-tag:before {
  content: "\e629";
}

.icon-dianhua5:before {
  content: "\e621";
}

.icon-jiantou_xiangzuo_o:before {
  content: "\eb92";
}

.icon-jiantou_xiangyou_o:before {
  content: "\eb94";
}

.icon-sousuo5:before {
  content: "\e752";
}

.icon-user:before {
  content: "\e69e";
}

.icon-home1:before {
  content: "\e60e";
}

.icon-dianhua6:before {
  content: "\e65e";
}

.icon-fax-fill:before {
  content: "\e622";
}

.icon-24gf-playCircle:before {
  content: "\ea82";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -moz-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight .4s ease-out;
  animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft .4s ease-out;
  animation: bounceFromLeft .4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
}

.baguetteBox-button#previous-button {
  left: 2%;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

.publicText {
  font-family: SourceSansProRegular, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
}

.publicText a {
  color: #444444;
}

.publicText a:hover {
  color: #0056a3;
}

img {
  transition: 0.5s;
}

a {
  transition: 0.2s;
}

* {
  margin: 0px;
  padding: 0px;
}

.j-offset-top {
  transition: all 1000ms;
  transform: translateY(100px);
  opacity: 0;
}

.j-offset-top.run {
  transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-top {
    transform: none !important;
  }
}

.j-offset-left {
  transition: all 1000ms;
  transform: translateX(100px);
  opacity: 0;
}

.j-offset-left.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-left {
    transform: none !important;
  }
}

.j-offset-right {
  transition: all 1000ms;
  transform: translateX(-100px);
  opacity: 0;
}

.j-offset-right.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-right {
    transform: none !important;
  }
}


.j-fadein {
  transition: all 1000ms;
  opacity: 0;
}

.j-fadein.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-fadein {
    transform: none !important;
  }
}

::selection {
  background: #0066a8;
  color: #ffffff;
}

::-moz-selection {
  background: #0066a8;
  color: #ffffff;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  max-width: 1920px;
  margin: 0 auto;
  line-height: 1.2;
  background-color: #ffffff;
}

.contSafe {
  width: 1200px;
  margin: 0 auto;
}

.clear {
  clear: both;
}

.iframeBox {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
}

.iframeBox iframe {
  width: 80%;
  height: 80%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.iframeBox video {
  width: 100%;
  object-fit: cover;
}

.iframeBox:before {
  content: "X";
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  top: 30px;
  right: 30px;
  background: #fff;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
}

.bannerWrap {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/banner1.jpg") center center/cover no-repeat;
  padding-top: 10.1%;
  padding-bottom: 8%;
}

.bannerWrap .bannerBox {
  width: 39%;
  box-sizing: border-box;
  margin-left: 56px;
}

.bannerWrap .innoTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 50px;
}

.bannerWrap .innoTit span {
  font-size: 72px;
}

.bannerWrap .innoTip {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  margin-top: 42px;
  padding-right: 80px;
}

.bannerWrap .innoTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #ffffff;
  line-height: 22px;
  padding-left: 41px;
  padding-right: 56px;
  margin-top: 31px;
}

.bannerWrap .txtIcon img {
  width: 36px;
}

.bannerWrap .rightIcon {
  text-align: right;
  margin-top: 37px;
}

.bannerWrap .innoBox {
  padding-right: 102px;
}

.bannerWrap .leftIcon {
  margin-top: 54px;
}

.waterWrap .waterTop {
  display: flex;
  align-items: start;
  position: relative;
  padding-left: 12.3%;
  padding-right: 19.2%;
  padding-top: 81px;
}

.waterWrap .waterTit {
  width: 300px;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
  line-height: 60px;
}

.waterWrap .carImg {
  width: 91%;
  margin-top: 80px;
  margin-left: 56px;
}

.waterWrap .carImg img {
  width: 100%;
  display: block;
}

.waterWrap .bcImg {
  width: 38.8%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}

.waterWrap .waterLeft {
  width: 42.7%;
  flex-shrink: 0;
  margin-top: 54px;
}

.waterWrap .waterRight {
  margin-left: 45px;
}

.waterWrap .waterName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
  margin-bottom: 22px;
}

.waterWrap .waterInfo {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.waterWrap .waterBott {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 54px;
}

.waterWrap .bottImg {
  width: 23.16%;
  clip-path: polygon(50% 0%, 100% 25.6%, 100% 74.4%, 50% 100%, 0% 74.4%, 0% 25.6%);
}

.waterWrap .bottImg img {
  width: 100%;
  display: block;
}

.prodWrap {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/b1.jpg") center center/cover no-repeat;
  padding-top: 45px;
  padding-bottom: 44px;
  margin-top: 89px;
}

.prodWrap .prodBox {
  background-color: rgba(69, 134, 184, 0.8);
  box-sizing: border-box;
  padding: 43px 14px 10px 44px;
}

.prodWrap .prodTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
}

.prodWrap .prodTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
  margin-top: 19px;
}

.prodWrap .prodBott {
  display: flex;
  justify-content: center;
  margin-top: 54px;
}

.prodWrap .prodItem {
  width: 32.7%;
  margin-right: 74px;
}

.prodWrap .prodItem img {
  width: 255px;
  display: block;
  margin: 0 auto;
}

.prodWrap .prodItem p {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  margin-top: 12px;
}

.prodWrap .prodItem:last-child {
  margin-right: 0;
}

.sepcWrap {
  margin-top: 67px;
}

.sepcWrap .sepcTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
}

.sepcWrap table tr:first-child td {
  background-color: #0066a8;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

.sepcWrap table td {
  border: solid 1px #cccccc;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  padding: 8px 10px;
  vertical-align: middle;
  text-align: center;
}

.sepcWrap .table {
  overflow-x: auto;
  margin-top: 29px;
}

.sepcWrap .sepcBott {
  width: 100%;
  background-image: linear-gradient(to right, #0066a8, #ffffff);
  padding: 16px 25px;
  padding-right: 36.7%;
  box-sizing: border-box;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  margin-top: 30px;
}

.sepcWrap .sepcBott em {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
}

.waterVideo {
  width: 100%;
  position: relative;
  cursor: pointer;
  margin-top: 104px;
}

.waterVideo img {
  width: 100%;
  display: block;
}

.waterVideo .boIcon {
  font-size: 56px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}

.waterVideo:hover .boIcon {
  color: #0066a8;
}

.applWrap {
  margin-top: 82px;
  margin-bottom: 103px;
}

.applWrap .applTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
}

.applWrap .applTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  margin-top: 32px;
}

.applWrap .applBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 62px;
}

.applWrap .applSwiper {
  margin-left: 31px;
  margin-right: 31px;
  overflow: hidden;
}

.applWrap .applSwiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.applWrap .applSwiper .applImg {
  width: 48.75%;
  display: block;
  margin-bottom: 30px;
}

.applWrap .applSwiper .applImg:nth-child(3) {
  margin-bottom: 0;
}

.applWrap .applSwiper .applImg:nth-child(4) {
  margin-bottom: 0;
}

.applWrap .applQie {
  font-size: 16px;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  width: 50px;
  line-height: 50px;
  background-color: #e1e1e1;
  text-align: center;
  color: #666666;
  cursor: pointer;
  transition: 0.2s;
}

.applWrap .applQie:hover {
  background-color: #0066a8;
  color: #ffffff;
}

.tpuBanner {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/banner2.jpg") center center/cover no-repeat;
  padding-top: 14.95%;
  padding-bottom: 15.48%;
}

.tpuBanner .tpuTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 72px;
  color: #ffffff;
  position: relative;
  margin-bottom: 51px;
}

.tpuBanner .tpuTit::after {
  width: 120px;
  height: 6px;
  background-color: #0066a8;
  position: absolute;
  bottom: -30px;
  left: 0;
  content: '';
}

.tpuBanner .tpuTxt {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;

  line-height: 42px;
  color: #ffffff;
}

.tpuBanner .tpuTxt p {
  display: flex;
  align-items: center;
}

.tpuBanner .tpuTxt em {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-block;
  margin-right: 8px;
}

.tpuWrapA {
  margin-top: 50px;
}

.tpuWrapA .aTitle {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #0066a8;
  display: flex;
  align-items: start;
  margin-bottom:13px;
}

.tpuWrapA .aTitle span {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-left: 5px;
  margin-top: 5px;
}

.tpuWrapA .aTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin-top: 13px;
  margin-bottom: 40px;
}

.tpuWrapA .aTxt em {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}

.tpuWrapA .struList {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 50px;
}

.tpuWrapA .struItem {
  width: 31.6%;
  background-color: #e9e9e9;
  border-radius: 30px;
  padding: 30px 90px 31px 105px;
  box-sizing: border-box;
}

.tpuWrapA .struClose {
  width: 30px;
  display: block;
}

.tpuWrapA .struTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  line-height: 30px;
  margin-top: 23px;
}

.tpuWrapA .struTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 26px;
  color: #333333;
  margin-top: 16px;
}

.tpuWrapA .struImg {
  width: 65.4%;
  margin-top: 20px;
}

.tpuWrapA .struImg img {
  width: 100%;
  display: block;
}

.tpuWrapA .struItem:nth-child(2) {
  background-color: #273a5b;
  padding: 41px 100px 49px 41px;
}

.tpuWrapA .struItem:nth-child(2) .struTit {
  color: #ffffff;
  margin-top: 0;
}

.tpuWrapA .struItem:nth-child(2) .struTxt {
  color: #ffffff;
  margin-top: 17px;
}

.tpuWrapA .struItem:nth-child(2) .struImg {
  margin-top: 35px;
}

.tpuWrapA .struItem:nth-child(3) {
  padding: 30px 90px 28px 105px;
}

.tpuWrapA .struItem:nth-child(3) .struTxt {
  margin-top: 22px;
}

.tpuWrapA .struItem:nth-child(3) .struImg {
  margin-top: 14px;
}

.tpuWrapA .struBott {
  background-color: #273a5b;
  border-radius: 20px;
  display: flex;
  align-items: start;
  padding: 23px 10px 21px 0px;
  margin-top: 33px;
}

.tpuWrapA .struLeft {
  width: 57.3%;
}

.tpuWrapA .struLeft img {
  width: 100%;
  display: block;
}

.tpuWrapA .struRight {
  flex: 1;
  margin-left: 46px;
  margin-top: 82px;
}

.tpuWrapA .struName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
}

.tpuWrapA .antiList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 23px;
}

.tpuWrapA .antiItem {
  display: flex;
  align-items: center;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  width: 48%;
  margin-bottom: 32px;
}

.tpuWrapA .antiItem img {
  width: 31px;
  display: block;
  margin-right: 16px;
}

.tpuWrapB {
  width: 100%;
  margin-top: 64px;
}

.tpuWrapB img {
  width: 100%;
  display: block;
}

.tpuWrapC {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

.tpuWrapC .techItem {
  width: 48.75%;
  padding: 40px 31px 43px 27px;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 31px;
}

.tpuWrapC .techTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.tpuWrapC .techTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 12px;
}

.tpuWrapC .techTxt em {
  font-size: 12px;
}

.tpuWrapD {
  width: 100%;
  margin-top: 50px;
}

.tpuWrapD img {
  width: 100%;
  display: block;
}

.tpuWrapE {
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
}

.tpuWrapE .colorItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 13%;
}

.tpuWrapE .colorImg {
  width: 82px;
}

.tpuWrapE .colorTxt {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 26px;
  text-align: center;
}

.tpuWrapF {
  width: 100%;
  margin-top: 59px;
}

.tpuWrapF img {
  width: 100%;
  display: block;
}

.tpuWrapG {
  margin-top: 60px;
}

.tpuWrapG .gTop {
  display: flex;
  justify-content: space-between;
}

.tpuWrapG .gTop:last-child {
  flex-direction: row-reverse;
}

.tpuWrapG .gItem {
  background-color: #f5f5f5;
  width: 29.8%;
  padding: 72px 23px 69px 23px;
  box-sizing: border-box;
  margin-bottom: 10px;
  transition: 0.2s;
}

.tpuWrapG .showImg, .tpuWrapG .hideImg {
  width: 36px;
  display: block;
  margin: 0 auto;
}

.tpuWrapG .hideImg {
  display: none;
}

.tpuWrapG .gTitle {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  text-align: center;
  margin-top: 19px;
  transition: 0.2s;
}

.tpuWrapG .gLine {
  width: 76px;
  height: 4px;
  background-color: #0066a8;
  margin: 0 auto;
  margin-top: 15px;
  transition: 0.2s;
}

.tpuWrapG .gTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 9px;
  text-align: center;
  transition: 0.2s;
}

.tpuWrapG .stroItem {
  width: 38%;
}

.tpuWrapG .stroItem .gItem {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 15px 27px 23px;
}

.tpuWrapG .stroItem .gItem .showImg, .tpuWrapG .stroItem .gItem .hideImg {
  width: 40px;
  margin-right: 29px;
}

.tpuWrapG .stroItem .gTitle {
  text-align: left;
  margin-top: 8px;
}

.tpuWrapG .stroItem .gLine {
  margin-left: 0;
}

.tpuWrapG .stroItem .gTxt {
  text-align: left;
}

.tpuWrapG .gItem:hover {
  background-color: #0066a8;
}

.tpuWrapG .gItem:hover .showImg {
  display: none;
}

.tpuWrapG .gItem:hover .hideImg {
  display: block;
}

.tpuWrapG .gItem:hover .gTitle {
  color: #ffffff;
}

.tpuWrapG .gItem:hover .gLine {
  background-color: #ffffff;
}

.tpuWrapG .gItem:hover .gTxt {
  color: #ffffff;
}

.tpuWrapH {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/f1.png") center center/cover no-repeat;
  padding-top: 130px;
  padding-bottom: 110px;
  margin-top: 79px;
}

.tpuWrapH .tpuBoxH {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 52px 53px 59px 52px;
  box-sizing: border-box;
}

.tpuWrapH .richTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
}

.tpuWrapH .richLine {
  width: 76px;
  height: 4px;
  background-color: #ffffff;
  margin-top: 21px;
  margin-bottom: 24px;
}

.tpuWrapH .richTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  
}

.tpuWrapI {
  margin-top: 63px;
}

.tpuWrapI .tpuBoxI {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tpuWrapI .iQie {
  font-size: 16px;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  width: 50px;
  line-height: 50px;
  background-color: #e1e1e1;
  text-align: center;
  color: #666666;
  cursor: pointer;
  transition: 0.2s;
}

.tpuWrapI .iQie:hover {
  background-color: #0066a8;
  color: #ffffff;
}

.tpuWrapI .tpuSwiper {
  overflow: hidden;
  margin-left: 31px;
  margin-right: 31px;
}

.tpuWrapI .swiper-slide {
  border-radius: 10px;
  box-sizing: border-box;
}

.tpuWrapI .iInfo {
  padding: 42px 31px 0 35px;
}

.tpuWrapI .iTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
}

.tpuWrapI .iLine {
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  margin-top: 19px;
}

.tpuWrapI .iTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  margin-top: 12px;
}

.tpuWrapI .iImg {
  width: 100%;
  border-radius: 0 0 10px 10px;
  margin-top: 29px;
}

.tpuWrapI .iImg img {
  width: 100%;
  display: block;
}

.tpuWrapI .downBtn {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.tpuWrapI .downBtn a {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 7px 27px;
  background-color: #0066a8;
  border-radius: 10px;
  cursor: pointer;
  width: max-content;
}

.tpuWrapI .downBtn a span {
  font-size: 38px;
  color: #ffffff;
  margin-right: 21px;
}

.tpuWrapI .downBtn a:hover {
  background-color: #0056a3;
}

.tpuWrapJ {
  width: 100%;
  margin-top: 89px;
}

.tpuWrapJ img {
  width: 100%;
  display: block;
}

.ppfBanner {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/banner3.jpg") center center/cover no-repeat;
  padding-top: 38px;
  box-sizing: border-box;
}

.ppfBanner .ppfTxt {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 60px;
  color: #ffffff;
  margin-left: 50%;
}

.ppfBanner .ppfTxt p {
  display: flex;
  align-items: center;
}

.ppfBanner .ppfTxt em {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: #ffffff;
}

.ppfWrapA {
  position: relative;
}

.ppfWrapA .aBlock {
  width: 38.4%;
  height: 551px;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
}

.ppfWrapA .aTop {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding-left: 26px;
  padding-top: 60px;
}

.ppfWrapA .aLogo {
  width: 24%;
  flex-shrink: 0;
  margin-top: 20px;
}

.ppfWrapA .aLogo img {
  width: 100%;
  display: block;
}

.ppfWrapA .aTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  width: 67.5%;
}

.ppfWrapA .aBott {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 60px;
}

.ppfWrapA .aBott img {
  width: 31.66%;
  display: block;
}

.ppfWrapB {
  margin-top: -109px;
}

.ppfWrapB .ppfBoxB img {
  width: 100%;
  display: block;
}

.ppfWrapB .bBox {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.ppfWrapB .bInfo {
  width: 46.8%;
  background-color: #0066a8;
  padding: 44px 45px 47px 79px;
  box-sizing: border-box;
  transform: translateY(191px);
}

.ppfWrapB .bTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 21px;
}

.ppfWrapB .bTit em {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  display: inline-block;
  transform: translateY(-14px);
}

.ppfWrapB .bTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  /*margin-top: 21px;*/
}

.ppfWrapB .bTxt em {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: inline-block;
  transform: translateY(-8px);
}

.ppfWrapC {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/f8.jpg") center center/cover no-repeat;
  padding-top: 12.65%;
  padding-bottom: 12.65%;
  margin-top: 101px;
}

.ppfWrapC .cTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
}

.ppfWrapD {
  margin-top: 96px;
  margin-bottom: 67px;
}

.ppfWrapD .dItem {
  width: 96.6%;
  position: relative;
  padding-bottom: 189px;
  margin-top: -142px;
}

.ppfWrapD .dItem:first-child {
  margin-top: 0;
}

.ppfWrapD .dName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
}

.ppfWrapD .dTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 23px;
}

.ppfWrapD .dInfo {
  width: 52%;
}

.ppfWrapD .dImg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -10;
}

.ppfWrapD .dItem:nth-child(2) .dImg {
  z-index: -11;
}

.ppfWrapD .dItem:nth-child(3) .dImg {
  z-index: -12;
}

.ppfWrapD .dItem:nth-child(4) {
  padding-bottom: 145px;
}

.ppfWrapD .dItem:nth-child(4) .dImg {
  z-index: -13;
}

.ppfWrapD .dItem:nth-child(5) {
  padding-bottom: 100px;
  margin-top: -100px;
}

.ppfWrapD .dItem:nth-child(5) .dImg {
  z-index: -14;
}

.ppfWrapD .dItem:nth-child(6) {
  padding-bottom: 60px;
  margin-top: -50px;
}

.ppfWrapD .dItem:nth-child(6) .dImg {
  z-index: -15;
}

.ppfWrapE {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/f9.jpg") center center/cover no-repeat;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
  text-align: right;
  padding-top: 12.5%;
  padding-bottom: 13%;
}

.ppfWrapF {
  margin-top: 68px;
}

.ppfWrapF img {
  width: 100%;
  display: block;
}

.ppfWrapF table tr:first-child td {
  background-color: #D6DCE4;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
}

.ppfWrapF table td {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  border: 1px solid #686868;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.ppfWrapF .table {
  overflow-x: auto;
}

.ppfWrapG {
  background: url("https://www.inno-glass.com/themes/simplebootx/picbanners/g2.jpg") center center/cover no-repeat;
  padding-top: 32px;
  padding-bottom: 52px;
  margin-top: 81px;
}

.ppfWrapG .gTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #ffffff;
  text-align: center;
}

.ppfWrapG .gImg {
  width: 100%;
  display: block;
  margin-top: 74px;
}

.ppfWrapH {
  margin-top: 72px;
}

.ppfWrapH .hTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #0066a8;
}

.ppfWrapH .hTit em {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  display: inline-block;
  transform: translateY(-20px);
}

.ppfWrapH .hImg {
  width: 100%;
  display: block;
  margin-top: 53px;
}

.ppfWrapH .hList {
  display: flex;
  justify-content: space-between;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  text-align: center;
  margin-top: 14px;
}

.ppfWrapH .hList p {
  width: 16.66%;
  box-sizing: border-box;
  padding: 0 10px;
}

.ppfWrapI {
  margin-top: 57px;
  margin-bottom:50px;
}

.ppfWrapI .iTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #0066a8;
}

.ppfWrapI .iItem {
  display: flex;
  justify-content: space-between;
}

.ppfWrapI .iLeft {
  width: 48.75%;
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding: 42px 23px 18px 35px;
}

.ppfWrapI .iName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
   margin-top: 22px;
  margin-bottom: 22px;
}

.ppfWrapI .iTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
 
}

.ppfWrapI .iTxt em {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  display: inline-block;
  transform: translateY(-7px);
}

.ppfWrapI .iRight {
  width: 48.66%;
}

.ppfWrapI .iRight img {
  width: 100%;
  display: block;
  margin-bottom: 36px;
}

.ppfWrapI .iRight img:last-child {
  margin-bottom: 0;
}

.ppfWrapI .iList {
  margin-top: 56px;
}

.ppfWrapI .iItem:nth-child(2) {
  flex-direction: row-reverse;
  margin-top: 31px;
}

.ppfWrapI .iItem:nth-child(2) .iLeft {
  background-color: #0066a8;
  padding-top: 100px;
}

.ppfWrapI .iItem:nth-child(2) .iName {
  color: #ffffff;
}

.ppfWrapI .iItem:nth-child(2) .iTxt {
  color: #ffffff;
}

.ppfWrapI .iItem:nth-child(2) .iTxt em {
  color: #ffffff;
}

@media (max-width: 1700px) {
  .bannerWrap {
    padding-top: 6.1%;
    padding-bottom: 14%;
  }
  .bannerWrap .innoTit {
    font-size: 22px;
    line-height: 38px;
  }
  .bannerWrap .innoTit span {
    font-size: 50px;
  }
  .bannerWrap .txtIcon img {
    width: 24px;
  }
  .bannerWrap .innoTxt {
    margin-top: 20px;
  }
  .bannerWrap .rightIcon {
    margin-top: 20px;
  }
}

@media (max-width: 1400px) {
  .contSafe {
    width: calc(100% - 120px);
  }
  .waterWrap .waterTop {
    padding: 50px 60px;
    padding-bottom: 0;
  }
  .applWrap .applQie {
    font-size: 20px;
    width: 40px;
    line-height: 40px;
  }
  .applWrap .applSwiper {
    margin-left: 4px;
    margin-right: 4px;
  }
  .tpuWrapI .iQie {
    font-size: 20px;
    width: 40px;
    line-height: 40px;
  }
  .tpuWrapI .tpuSwiper {
    margin-left: 4px;
    margin-right: 4px;
  }
  .ppfWrapB .bInfo {
    width: 60%;
  }
}

@media (max-width: 1280px) {
  .bannerWrap {
    padding-top: 9.1%;
  }
  .bannerWrap .innoTit {
    font-size: 16px;
    line-height: 26px;
  }
  .bannerWrap .innoTit span {
    font-size: 30px;
  }
  .bannerWrap .innoTip {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    padding-right: 20px;
  }
  .bannerWrap .innoTxt {
    font-size: 12px;
    line-height: 22px;
    margin-top: 10px;
    padding-left: 22px;
    padding-right: 40px;
  }
  .bannerWrap .txtIcon img {
    width: 18px;
  }
  .bannerWrap .leftIcon {
    margin-top: 20px;
  }
  .bannerWrap .rightIcon {
    margin-top: 10px;
  }
  .bannerWrap .bannerBox {
    margin-left: 30px;
  }
  .bannerWrap .innoBox {
    padding-right: 43px;
  }
  .waterWrap .waterTit {
    font-size: 28px;
    line-height: 38px;
    width: auto;
  }
  .waterWrap .carImg {
    margin-left: 0;
  }
  .waterWrap .waterName {
    font-size: 28px;
  }
  .waterWrap .waterInfo {
    font-size: 14px;
    line-height: 24px;
  }
  .waterWrap .waterBott {
    margin-top: 30px;
  }
  .prodWrap {
    margin-top: 50px;
  }
  .prodWrap .prodTit {
    font-size: 30px;
  }
  .prodWrap .prodTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .prodWrap .prodItem p {
    font-size: 16px;
  }
  .prodWrap .prodBott {
    margin-top: 30px;
  }
  .sepcWrap {
    margin-top: 50px;
  }
  .sepcWrap .sepcTit {
    font-size: 30px;
  }
  .sepcWrap .sepcBott em {
    font-size: 20px;
  }
  .sepcWrap .sepcBott {
    background-image: linear-gradient(to right, #0066a8, #79aec7);
    padding-right: 25px;
  }
  .waterVideo {
    margin-top: 50px;
  }
  .applWrap {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .applWrap .applTit {
    font-size: 30px;
  }
  .applWrap .applTxt {
    font-size: 14px;
    margin-top: 20px;
  }
  .applWrap .applBox {
    margin-top: 30px;
  }
  .tpuBanner .tpuTit {
    font-size: 40px;
  }
  .tpuBanner .tpuTit::after {
    height: 4px;
    bottom: -19px;
  }
  .tpuBanner .tpuTxt {
    font-size: 18px;
  }
  .tpuWrapA .aTitle {
    font-size: 30px;
  }
  .tpuWrapA .aTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .tpuWrapA .struClose {
    width: 20px;
  }
  .tpuWrapA .struTit {
    font-size: 18px;
  }
  .tpuWrapA .struTxt {
    font-size: 12px;
    line-height: 22px;
  }
  .tpuWrapA .struItem {
    padding: 20px !important;
    border-radius: 10px;
  }
  .tpuWrapA .struList {
    margin-top: 30px;
  }
  .tpuWrapA .struName {
    font-size: 18px;
  }
  .tpuWrapA .antiItem {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .tpuWrapA .antiItem img {
    width: 20px;
  }
  .tpuWrapA .struRight {
    margin-top: 0px;
  }
  .tpuWrapB {

    margin-top: 50px;
  }
  .tpuWrapC {
    margin-top: 50px;
  }
  .tpuWrapC .techTit {
    font-size: 16px;
  }
  .tpuWrapC .techTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .tpuWrapC .techItem {
    padding: 10px;
    margin-bottom: 20px;
  }
  .tpuWrapD {
    margin-top: 50px;
  }
  .tpuWrapE {
    margin-top: 50px;
  }
  .tpuWrapE .colorItem {
    width: 15%;
  }
  .tpuWrapE .colorTxt {
    font-size: 14px;
    margin-top: 10px;
  }
  .tpuWrapE .colorImg {
    width: 60px;
  }
  .tpuWrapF {
    margin-top: 50px;
  }
  .tpuWrapG {
    margin-top: 50px;
  }
  .tpuWrapG .gTitle {
    font-size: 16px;
  }
  .tpuWrapG .gLine {
    height: 2px;
  }
  .tpuWrapG .gTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .tpuWrapH {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 40px;
  }
  .tpuWrapH .richTit {
    font-size: 30px;
  }
  .tpuWrapH .richLine {
    height: 2px;
    margin-top: 10px;
  }
  .tpuWrapH .richTxt {
    font-size: 14px;
  }
  .tpuWrapH .tpuBoxH {
    padding: 20px;
  }
  .tpuWrapI {
    margin-top: 50px;
  }
  .tpuWrapI .iTit {
    font-size: 18px;
  }
  .tpuWrapI .iLine {
    height: 1px;
    margin-top: 10px;
  }
  .tpuWrapI .iTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .tpuWrapI .iInfo {
    padding: 20px 10px 0 10px;
  }
  .tpuWrapI .downBtn a {
    font-size: 18px;
  }
  .tpuWrapI .downBtn a span {
    font-size: 26px;
  }
  .tpuWrapJ {
    margin-top: 50px;
  }
  .ppfBanner .ppfTxt {
    font-size: 18px;
    line-height: 40px;
  }
  .ppfWrapA .aTop {
    padding-top: 50px;
  }
  .ppfWrapA .aTxt {
    font-size: 14px;
    line-height: 24px;
  }
  .ppfWrapA .aLogo {
    margin-top: 0px;
  }
  .ppfWrapA .aBott {
    margin-top: 30px;
  }
  .ppfWrapA .aBlock {
    width: 33.4%;
    height: 443px;
  }
  .ppfWrapB {
    margin-top: -66px;
  }
  .ppfWrapB .bTit {
    font-size: 18px;
  }
  .ppfWrapB .bTit em {
    font-size: 12px;
    transform: translateY(-8px);
  }
  .ppfWrapB .bTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
  }
  .ppfWrapB .bTxt em {
    transform: translateY(-5px);
  }
  .ppfWrapB .bInfo {
    padding: 20px;
    transform: translateY(132px);
  }
  .ppfWrapC {
    margin-top: 50px;
  }
  .ppfWrapC .cTit {
    font-size: 30px;
  }
  .ppfWrapE {
    font-size: 30px;
  }
  .ppfWrapF {
    margin-top: 50px;
  }
  .ppfWrapG {
    margin-top: 50px;
  }
  .ppfWrapG .gTit {
    font-size: 30px;
  }
  .ppfWrapH {
    margin-top: 50px;
  }
  .ppfWrapH .hTit {
    font-size: 30px;
  }
  .ppfWrapH .hTit em {
    font-size: 12px;
    transform: translateY(-10px);
  }
  .ppfWrapH .hImg {
    margin-top: 30px;
  }
  .ppfWrapI {
    margin-top: 50px;
  }
  .ppfWrapI .iTit {
    font-size: 30px;
  }
  .ppfWrapI .iName {
    font-size: 18px;
  }
  .ppfWrapI .iTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .ppfWrapI .iList {
    margin-top: 30px;
  }
  .ppfWrapI .iLeft {
    padding-top: 30px !important;
  }
  .ppfWrapD {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .ppfWrapD .dName {
    font-size: 18px;
  }
  .ppfWrapD .dTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .ppfWrapD .dItem {
    padding-bottom: 176px;
    margin-top: -113px;
  }
  .ppfWrapD .dItem:nth-child(5) {
    margin-top: -60px;
  }
  .ppfWrapD .dItem:nth-child(6) {
    margin-top: -35px;
  }
}

@media (max-width: 1000px) {
  .contSafe {
    width: calc(100% - 60px);
  }
  .neiWrap {
    display: none;
  }
  .waterWrap .waterTop {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    display: block;
  }
  .waterWrap .waterTit {
    font-size: 18px;
    line-height: 1.2;
  }
  .waterWrap .carImg {
    margin-top: 30px;
    width: 100%;
  }
  .waterWrap .waterLeft {
    margin-top: 0;
    float: left;

    margin-right: 20px;
    margin-bottom: 10px;
  }
  .waterWrap .waterName {
    font-size: 18px;
  }
  .waterWrap .waterRight {
    margin-left: 0;
  }
  .waterWrap .bottImg {
    clip-path: none;
  }
  .prodWrap {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .prodWrap .prodTit {
    font-size: 18px;
    text-align: center;
  }
  .prodWrap .prodTxt {
    text-align: center;
  }
  .prodWrap .prodItem p {
    font-size: 14px;
  }
  .prodWrap .prodItem img {
    width: 160px;
  }
  .prodWrap .prodBott {
    margin-top: 20px;
  }
  .prodWrap .prodBox {
    padding: 20px;
  }
  .sepcWrap {
    margin-top: 30px;
  }
  .sepcWrap .sepcTit {
    font-size: 18px;
    text-align: center;
  }
  .sepcWrap .table {
    margin-top: 20px;
  }
  .sepcWrap .sepcBott {
    padding: 10px 20px;
    margin-top: 20px;
  }
  .sepcWrap .sepcBott em {
    font-size: 16px;
  }
  .waterVideo {
    margin-top: 30px;
  }
  .waterVideo .boIcon {
    font-size: 40px;
  }
  .applWrap {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .applWrap .applTit {
    font-size: 18px;
    text-align: center;
  }
  .applWrap .applTxt {
    margin-top: 10px;
    text-align: center;
  }
  .applWrap .applBox {
    margin-top: 20px;
    position: relative;
  }
  .applWrap .applQie {
    font-size: 16px;
    width: 30px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
  }
  .applWrap .applSwiper {
    margin-left: 0;
    margin-right: 0;
  }
  .applWrap .applSwiper .applImg {
    margin-bottom: 10px;
  }
  .applWrap .applPrev {
    left: 15px;
  }
  .applWrap .applNext {
    right: 15px;
  }
  .tpuWrapA {
    margin-top: 30px;
  }
  .tpuWrapA .aTitle {
    font-size: 18px;
  }
  .tpuWrapA .aTitle span {
    font-size: 12px;
    margin-top: 0px;
  }
  .tpuWrapA .aTxt {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .tpuWrapA .struTit {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
  }
  .tpuWrapA .struList {
    margin-top: 20px;
  }
  .tpuWrapA .struItem {
    padding: 10px !important;
  }
  .tpuWrapA .struTxt {
    margin-top: 10px !important;
  }
  .tpuWrapA .struName {
    font-size: 16px;
  }
  .tpuWrapA .antiItem {
    font-size: 12px;
  }
  .tpuWrapA .antiItem img {
    margin-right: 10px;
  }
  .tpuWrapA .struRight {
    margin-left: 15px;
  }
  .tpuWrapB {
    margin-top: 30px;
  }
  .tpuWrapC {
    margin-top: 30px;
  }
  .tpuWrapD {
    margin-top: 10px;
  }
  .tpuWrapE {
    margin-top: 30px;
  }
  .tpuWrapE .colorTxt {
    font-size: 14px;
  }
  .tpuWrapE .colorImg {
    width: 50px;
  }
  .tpuWrapF {
    margin-top: 30px;
  }
  .tpuWrapG {
    margin-top: 30px;
  }
  .tpuWrapG .gTop {
    flex-wrap: wrap;
  }
  .tpuWrapG .gItem {
    width: 100% !important;
    display: block !important;
    padding: 20px !important;
  }
  .tpuWrapG .stroItem {
    width: 100%;
  }
  .tpuWrapG .showImg, .tpuWrapG .hideImg {
    margin: 0 auto !important;
  }
  .tpuWrapG .gTitle {
    font-size: 14px;
    text-align: center !important;
    margin-top: 10px;
  }
  .tpuWrapG .gLine {
    margin: 0 auto !important;
    margin-top: 10px !important;
  }
  .tpuWrapG .gTxt {
    text-align: center !important;
    margin-top: 10px;
  }
  .tpuWrapH {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
  }
  .tpuWrapH .richTit {
    font-size: 18px;
    text-align: center;
  }
  .tpuWrapH .richLine {
    margin: 0 auto;
    margin-top: 10px;
  }
  .tpuWrapH .richTxt {
    margin-top: 10px;
  }
  .tpuWrapI {
    margin-top: 30px;
  }
  .tpuWrapI .iTit {
    font-size: 16px;
  }
  .tpuWrapI .iTxt {
    font-size: 12px;
    line-height: 22px;
  }
  .tpuWrapI .iInfo {
    padding: 10px 10px 0 10px;
  }
  .tpuWrapI .downBtn {
    margin-top: 20px;
  }
  .tpuWrapI .downBtn a {
    font-size: 14px;
  }
  .tpuWrapI .downBtn a span {
    font-size: 20px;
    margin-right: 10px;
  }
  .tpuWrapI .iQie {
    font-size: 16px;
    width: 30px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
  }
  .tpuWrapI .iPrev {
    left: 15px;
  }
  .tpuWrapI .iNext {
    right: 15px;
  }
  .tpuWrapI .tpuBoxI {
    position: relative;
  }
  .tpuWrapI .tpuSwiper {
    margin-left: 0;
    margin-right: 0;
  }
  .tpuWrapJ {
    margin-top: 30px;
  }
  .ppfWrapA .aBlock {
    display: none;
  }
  .ppfWrapA .aTop {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-top: 30px;
  }
  .ppfWrapA .aLogo {
    margin: 0 auto;
  }
  .ppfWrapA .aTxt {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .ppfWrapA .aBott {
    margin-top: 20px;
  }
  .ppfWrapB {
    margin-top: 30px;
  }
  .ppfWrapB .bInfo {
    width: calc(100% - 60px);
    transform: none;
    margin: 0 auto;
    text-align: center;
  }
  .ppfWrapC {
    margin-top: 30px;
  }
  .ppfWrapC .cTit {
    font-size: 18px;
  }
  .ppfWrapE {
    font-size: 18px;
  }
  .ppfWrapF {
    margin-top: 30px;
  }
  .ppfWrapG {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .ppfWrapG .gTit {
    font-size: 18px;
  }
  .ppfWrapG .gImg {
    margin-top: 30px;
  }
  .ppfWrapH {
    margin-top: 30px;
  }
  .ppfWrapH .hTit {
    font-size: 18px;
  }
  .ppfWrapH .hImg {
    margin-top: 20px;
  }
  .ppfWrapH .hList {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }
  .ppfWrapH .hList p {
    padding: 0 5px;
  }
  .ppfWrapI {
    margin-top: 30px;
  }
  .ppfWrapI .iItem {
    flex-direction: column-reverse !important;
  }
  .ppfWrapI .iTit {
    font-size: 18px;
  }
  .ppfWrapI .iRight {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .ppfWrapI .iRight img {
    margin-bottom: 0;
    width: 49%;
  }
  .ppfWrapI .iLeft {
    width: 100%;
    margin-top: 10px;
    padding: 20px !important;
  }
  .ppfWrapI .iList {
    margin-top: 20px;
  }
  .ppfWrapI .iName {
    font-size: 16px;
  }
  .ppfWrapD {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .ppfWrapD .dImg {
    display: none;
  }
  .ppfWrapD .dItem {
    width: 100%;
  }
  .ppfWrapD .dInfo {
    width: 100%;
  }
  .ppfWrapD .dName {
    font-size: 16px;
    text-align: center;
  }
  .ppfWrapD .dTxt {
    text-align: center;
  }
  .ppfWrapD .dItem {
    padding-bottom: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 750px) {
  .contSafe {
    width: calc(100% - 30px);
  }
  .waterWrap .waterTop {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
  .waterWrap .bcImg {
    display: none;
  }
  .waterWrap .waterLeft {
    width: 450px;
    float: none;
    margin: 0 auto;
  }
  .waterWrap .waterTit {
    font-size: 16px;
    text-align: center;
  }
  .waterWrap .waterRight {
    width: 100%;
    margin-top: 10px;
  }
  .waterWrap .waterName {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
  }
  .waterWrap .bottImg {
    width: 48%;
    margin-bottom: 10px;
  }
  .waterWrap .waterBott {
    margin-top: 20px;
  }
  .prodWrap .prodTit {
    font-size: 16px;
  }
  .prodWrap .prodBott {
    justify-content: space-between;
  }
  .prodWrap .prodItem {
    width: 49%;
    margin-right: 0;
  }
  .prodWrap .prodItem img {
    width: 100%;
  }
  .sepcWrap .sepcTit {
    font-size: 16px;
  }
  .applWrap .applTit {
    font-size: 16px;
  }
  .tpuWrapA .aTitle {
    font-size: 16px;
  }
  .tpuWrapA .struItem {
    width: 49%;
    margin-bottom: 10px;
  }
  .tpuWrapA .struList {
    flex-wrap: wrap;
  }
  .tpuWrapA .struBott {
    margin-top: 20px;
    flex-direction: column;
    padding: 20px;
  }
  .tpuWrapA .struLeft {
    width: 450px;
    margin: 0 auto;
  }
  .tpuWrapA .struRight {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .tpuWrapA .struName {
    text-align: center;
  }
  .tpuWrapA .antiItem {
    justify-content: center;
  }
  .tpuWrapC .techItem {
    width: 100%;
  }
  .tpuWrapE {
    flex-wrap: wrap;
  }
  .tpuWrapE .colorItem {
    width: 31%;
    margin-bottom: 20px;
  }
  .tpuWrapF {
    margin-top: 10px;
  }
  .ppfWrapA .aLogo {
    width: 130px;
  }
  .ppfWrapA .aBott img {
    width: 48%;
    margin-bottom: 10px;
  }
  .ppfWrapB .bInfo {
    width: calc(100% - 30px);
  }
  .ppfWrapB .bTit {
    font-size: 16px;
  }
  .ppfWrapC .cTit {
    font-size: 16px;
  }
  .ppfWrapE {
    font-size: 16px;
  }
  .ppfWrapG {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .ppfWrapG .gTit {
    font-size: 16px;
  }
  .ppfWrapH .hTit {
    font-size: 16px;
  }
  .ppfWrapI .iTit {
    font-size: 16px;
  }
  .ppfWrapI .iRight {
    flex-direction: column;
  }
  .ppfWrapI .iRight img {
    width: 100%;
    margin-bottom: 10px !important;
  }
  .ppfWrapI .iRight img:last-child {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 500px) {
  .waterWrap .waterLeft {
    width: 100%;
  }
  .prodWrap .prodItem p {
    font-size: 12px;
  }
  .tpuWrapA .struItem {
    width: 100%;
  }
  .tpuWrapA .struLeft {
    width: 100%;
  }
  .ppfWrapA .aBott img {
    width: 100%;
  }
  .ppfWrapH .hList {
    flex-wrap: wrap;
  }
  .ppfWrapH .hList p {
    width: 33%;
    margin-bottom: 10px;
  }
}


/* window start +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.windowBanner {
  background: url("../images/window1.jpg") center center/cover no-repeat;
}

.windowBanner .bannerTit {
  text-align: center;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 72px;
  color: #ffffff;
  margin-top: 22.95%;
}

.windWrapA {
  display: flex;
  justify-content: flex-end;
  position: relative;
  transform: translateY(-109px);
}

.windWrapA .windForm {
  width: 81.25%;
  background-color: #0066a8;
  box-sizing: border-box;
  padding-top: 57px;
  padding-bottom: 53px;
  padding-left: 308px;
}

.windWrapA .input1 {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: start;
}

.windWrapA .windInput {
  width: 32.2%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding-left: 18px;
  padding-right: 10px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-right: 19px;
  margin-bottom: 13px;
}

.windWrapA .windInput:last-child {
  margin-right: 0px;
}

.windWrapA .xingIcon {
  font-size: 12px;
  color: #ff0202;
  transform: scale(0.5);
}

.windWrapA .inputItem {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  height: 42px;
}

.windWrapA .inputItem::-webkit-input-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.windWrapA .inputItem:-moz-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.windWrapA .inputItem::-moz-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.windWrapA .inputItem:-ms-input-placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
}

.windWrapA .yzmImg {
  width: 85px;
  flex-shrink: 0;
  cursor: pointer;
}

.windWrapA .yzmImg img {
  width: 100%;
  display: block;
}

.windWrapA .subBtn {
  padding: 0 24px;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: #333333;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 0 6px 6px 0px;
  flex-shrink: 0;
  height: 42px;
}

.windWrapA .subBtn:hover {
  color: #0066a8;
}

.windWrapA .captItem {
  display: flex;
  width: 32.2%;
}

.windWrapA .captItem .windInput {
  width: 100%;
  border-radius: 6px 0px 0px 6px;
  margin: 0;
}

.windWrapA .beliBox {
  position: absolute;
  top: 60px;
  left: 0;
  width: 31.25%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 10px;
  background-color: #1e1e1e;
}

.windWrapA .beliTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 48px;
  color: #ffffff;
}

.windWrapA .beliTxt {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 28px;
  color: #ffffff;
  margin-top: 10px;
}

.windTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #0066a8;
  text-align: center;
}

.windWrapB {
  margin-top: 8px;
}

.windWrapB .windTit {
  text-align: left;
}

.windWrapB .solarCont {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 33px;
}

@media (max-width: 1600px) {
  .windWrapA .beliTit {
    font-size: 38px;
  }
  .windWrapA .beliTxt {
    font-size: 24px;
  }
  .windWrapA .windInput {
    width: 38%;
  }
  .windWrapA .captItem {
    width: 38%;
  }
  .windWrapA .windForm {
    padding-left: 230px;
  }
}

@media (max-width: 1280px) {
  .windowBanner .bannerTit {
    font-size: 50px;
    margin-top: 16%;
  }
  .windWrapA .beliTit {
    font-size: 28px;
  }
  .windWrapA .beliTxt {
    font-size: 20px;
  }
  .windWrapA .windInput {
    width: 45%;
  }
  .windWrapA .captItem {
    width: 45%;
  }
  .windWrapA .windForm {
    padding-left: 166px;
  }
  .windWrapA .inputItem {
    font-size: 14px;
  }
  .windWrapA .inputItem::-webkit-input-placeholder {
    font-size: 14px;
  }
  .windWrapA .inputItem:-moz-placeholder {
    font-size: 14px;
  }
  .windWrapA .inputItem::-moz-placeholder {
    font-size: 14px;
  }
  .windWrapA .inputItem:-ms-input-placeholder {
    font-size: 14px;
  }
  .windWrapA .subBtn {
    font-size: 14px;
  }
  .windTit {
    font-size: 30px;
  }
  .windWrapB {
    margin-top: -30px;
  }
}

@media (max-width: 1000px) {
  .windowBanner {
    display: none;
  }
  .windWrapA {
    transform: none;
    flex-direction: column-reverse;
  }
  .windWrapA .beliBox {
    position: unset;
    padding: 30px 0px;
  }
  .windWrapA .beliBox {
    width: 100%;
    text-align: center;
    background-color: #0066a8;
  }
  .windWrapA .beliTit {
    font-size: 20px;
  }
  .windWrapA .beliTxt {
    font-size: 16px;
  }
  .windWrapA .windForm {
    width: 100%;
    padding-left: 0px;
    padding-top: 0;
    padding-bottom: 30px;
  }
  .windWrapA .input1 {
    justify-content: center;
  }
  .windTit {
    font-size: 20px;
  }
  .windWrapB {
    margin-top: 30px;
    text-align: center;
  }
  .windWrapB .windTit {
    text-align: center;
    font-size: 20px;
  }
  .windWrapB .solarCont {
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
  }
}

@media (max-width: 750px) {
  .windTit {
    font-size: 18px;
  }
  .windWrapA .beliTit {
    font-size: 18px;
  }
  .windWrapA .beliTxt {
    font-size: 14px;
  }
  .windWrapA .beliBox {
    padding-bottom: 20px;
  }
  .windWrapA .input1 {
    flex-direction: column;
    padding: 0 15px;
  }
  .windWrapA .windInput {
    margin-right: 0px;
    width: 100%;
  }
  .windWrapA .captItem {
    width: 100%;
  }
  .windWrapA .inputItem {
    height: 35px;
  }
  .windWrapA .subBtn {
    height: 35px;
  }
  .windWrapA .yzmImg {
    width: 70px;
  }
}

.windWrapC {
  margin-top: 58px;
}

.windWrapC .cTopWrap {
  width: 100%;
  background-color: #f9f9f9;
  padding-top: 98px;
  padding-bottom: 92px;
}

.windWrapC .advaItem {
  display: flex;
  align-items: center;
  margin-bottom: 52px;
}

.windWrapC .advaImg {
  width: 100px;
  display: block;
}

.windWrapC .advaInfo {
  flex: 1;
  margin-left: 61px;
}

.windWrapC .advaName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
}

.windWrapC .advaTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 22px;
}

.windWrapC .advaItem:last-child {
  margin-bottom: 0px;
}

.windWrapC .cBottWrap {
  margin-top: 60px;
}

.windWrapC .cBottWrap .advaItem {
  flex-direction: row-reverse;
}

.windWrapC .cBottWrap .advaInfo {
  text-align: right;
}

.windWrapC .cBottWrap .advaInfo {
  margin-left: 0;
  margin-right: 61px;
}

@media (max-width: 1280px) {
  .windWrapC .advaName {
    font-size: 18px;
  }
  .windWrapC .advaTxt {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .windWrapC .advaItem {
    margin-bottom: 30px;
  }
  .windWrapC .advaImg {
    width: 80px;
  }
  .windWrapC .advaInfo {
    margin-left: 30px;
  }
  .windWrapC .cTopWrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .windWrapC .cBottWrap {
    margin-top: 30px;
  }
  .windWrapC .cBottWrap .advaInfo {
    margin-right: 30px;
  }
}

@media (max-width: 1000px) {
  .windWrapC {
    margin-top: 30px;
  }
  .windWrapC .advaName {
    font-size: 16px;
  }
  .windWrapC .advaTxt {
    font-size: 12px;
    line-height: 22px;
  }
  .windWrapC .advaImg {
    width: 60px;
  }
}

@media (max-width: 500px) {
  .windWrapC {
    margin-top: 0px;
  }
  .windWrapC .advaItem {
    flex-direction: column !important;
  }
  .windWrapC .advaInfo {
    margin: 0 !important;
    margin-top: 10px !important;
    text-align: center !important;
  }
  .windWrapC .cTopWrap {
    background-color: #ffffff;
    padding-bottom: 0px;
  }
}

.windWrapD {
  margin-top: 92px;
}

.windWrapD .filmTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-top: 28px;
}

.windWrapD .windBoxD {
  width: 100%;
  background: url("../images/window14.jpg") center center/cover no-repeat;
  margin-top: 67px;
  padding-top: 10.9%;
  padding-bottom: 9.3%;
}

.windWrapD .filmList {
  width: 64.5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.windWrapD .filmItem {
  width: 32%;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 41px;
}

.windWrapD .filmItem p {
  margin-top: 22px;
}

.windWrapD .filmItem img {
  width: 100px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1280px) {
  .windWrapD {
    margin-top: 50px;
  }
  .windWrapD .filmTxt {
    margin-top: 20px;
  }
  .windWrapD .windBoxD {
    margin-top: 30px;
  }
  .windWrapD .filmItem {
    font-size: 14px;
    line-height: 20px;
  }
  .windWrapD .filmItem p {
    margin-top: 10px;
  }
  .windWrapD .filmItem img {
    width: 72px;
  }
}

@media (max-width: 750px) {
  .windWrapD {
    margin-top: 30px;
  }
  .windWrapD .filmTxt {
    font-size: 14px;
    margin-top: 10px;
  }
  .windWrapD .windBoxD {
    background-image: none;
    background-color: #96A1A7;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .windWrapD .filmList {
    width: 100%;
  }
  .windWrapD .filmItem img {
    width: 56px;
  }
}

@media (max-width: 500px) {
  .windWrapD .windBoxD {
    margin-top: 20px;
  }
  .windWrapD .filmItem {
    width: 49%;
    margin-bottom: 20px;
  }
}

.windowName {
  position: relative;
}

.windowName .nameBig {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #333333;
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display:none;
}

.windowName .nameSmall {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 36px;
  color: #333333;
}

.windProdBox {
  position: relative;
}

.windProdBox .prodSwiper {
  overflow: hidden;
}

.windProdBox .wpQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.2s;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #666666;
  width: 50px;
  height: 50px;
  background-color: #e1e1e1;
  text-align: center;
  line-height: 50px;
  z-index: 100;
}

.windProdBox .wpQie:hover {
  background-color: #0066a8;
  color: #ffffff;
}

.windProdBox .wpPrev {
  left: -80px;
}

.windProdBox .wpNext {
  right: -80px;
}

.windProdBox .wpItem {
  display: flex;
  background-color: #f9f9f9;
  margin-bottom: 31px;
  transition: 0.2s;
}

.windProdBox .wpItem:last-child {
  margin-bottom: 0px;
}

.windProdBox .wpImg {
  width: 41.71%;
  flex-shrink: 0;
}

.windProdBox .wpImg img {
  width: 100%;
  display: block;
}

.windProdBox .wpInfo {
  padding: 22px 10px 17px 63px;
  flex: 1;
  box-sizing: border-box;
}

.windProdBox .wpName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
}

.windProdBox .wpTip {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
  margin-top: 26px;
}

.windProdBox .wpCont {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666666;
  line-height: 28px;
  margin-top: 18px;
}

.windProdBox .wpCont em {
  color: #333333;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
}

.windProdBox .wpItem:hover {
  background-color: #0066a8;
}

.windProdBox .wpItem:hover .wpName, .windProdBox .wpItem:hover .wpTip, .windProdBox .wpItem:hover .wpCont {
  color: #ffffff;
}

.windProdBox .wpItem:hover .wpCont em {
  color: #ffffff;
}

.windWrapE {
  margin-top: 107px;
}

.windWrapE .windowName {
  margin-top: 39px;
}

.windWrapE .windProdBox {
  margin-top: 51px;
  margin-bottom: 59px;
}

.windWrapE .doorList {
  display: flex;
  justify-content: space-between;
  margin-top: 49px;
}

.windWrapE .doorItem {
  width: 27.8%;
}

.windWrapE .doorName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
}

.windWrapE .doorImg {
  width: 100%;
  margin-top: 24px;
}

.windWrapE .doorImg img {
  width: 100%;
  display: block;
}

@media (max-width: 1400px) {
  .windProdBox .wpPrev {
    left: 0;
  }
  .windProdBox .wpNext {
    right: 0;
  }
}

@media (max-width: 1280px) {
  .windowName {
    margin-top: 30px;
  }
  .windowName .nameSmall {
    font-size: 24px;
  }
  .windowName .nameBig {
    font-size: 28px;
  }
  .windProdBox .wpName {
    font-size: 18px;
  }
  .windProdBox .wpTip {
    font-size: 14px;
    margin-top: 10px;
  }
  .windProdBox .wpCont {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }
  .windProdBox .wpQie {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .windWrapE {
    margin-top: 50px;
  }
  .windWrapE .doorName {
    font-size: 16px;
  }
  .windWrapE .windProdBox {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .windWrapE .doorList {
    margin-top: 30px;
  }
}

@media (max-width: 1000px) {
  .windowName .nameSmall {
    font-size: 16px;
  }
  .windowName .nameBig {
    font-size: 18px;
  }
  .windProdBox .wpName {
    font-size: 16px;
  }
  .windProdBox .wpInfo {
    padding-top: 10px;
    padding-left: 30px;
  }
  .windWrapE {
    margin-top: 30px;
  }
  .windWrapE .windowName {
    margin-top: 20px;
  }
  .windWrapE .windProdBox {
    margin-top: 20px;
  }
  .windWrapE .doorName {
    font-size: 14px;
  }
  .windWrapE .doorList {
    margin-top: 20px;
  }
}

@media (max-width: 750px) {
  .windProdBox .wpItem {
    flex-direction: column;
    background-color: #ffffff;
  }
  .windProdBox .wpImg {
    width: 450px;
    margin: 0 auto;
  }
  .windProdBox .wpInfo {
    width: 100%;
    padding: 0px;
    margin-top: 10px;
  }
  .windProdBox .wpName {
    text-align: center;
  }
  .windProdBox .wpTip {
    text-align: center;
  }
  .windProdBox .wpCont {
    width: max-content;
    margin: 0 auto;
    margin-top: 10px;
  }
  .windWrapE .doorItem {
    width: 32.5%;
  }
}

@media (max-width: 500px) {
  .windProdBox .wpImg {
    width: 100%;
  }
  .windWrapE .doorItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .windWrapE .doorList {
    flex-wrap: wrap;
  }
  .windWrapE .doorName {
    text-align: center;
  }
  .windowName {
    text-align: center;
  }
  .windowName .nameBig {
    left: 50%;
    transform: translateX(-50%);
  }
}

.windWrapF {
  margin-top: 91px;
}

.windWrapF .pertCont {
  /*margin-top: 52px;*/
}
.windWrapF .pertCont .windTit{
  margin-bottom: 52px;
}
.windWrapF .tablen {
  overflow-x: auto;
}

.windWrapF table tr:first-child {
  background-color: #0066a8;
}

.windWrapF table tr:first-child td {
  color: #ffffff;
  padding: 20px 16px;
}

.windWrapF table td {
  border: 1px solid #d2d2d2;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  padding: 26px 30px;
}

.windWrapF .pertInfo {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-top: 23px;
}

.windWrapF .pertInfo p {
  display: flex;
  align-items: center;
      position: relative;
    padding-left: 12px;
    
}
.windWrapF .pertInfo p::before {
  width: 5px;
  height: 5px;
  background-color: #0066a8;
  border-radius: 50%;
  /*margin-right: 6px;*/
  position: absolute;
  flex-shrink: 0;
  content: '';
  left: 2px;
  top: 50%;
     margin-top: -2px;
}

.windWrapF .pertInfo p::after {
  width: 9px;
  height: 9px;
  background-color: #0066a8;
  opacity: 0.2;
  position: absolute;
  /*left: 50%;*/
  left: 0%;
  top: 50%;
  /*transform: translate(-50%, -50%);*/
  border-radius: 50%;
  content: '';
  flex-shrink: 0;
      margin-top: -4px;
}

.windWrapF .pertInfo em {
  width: 5px;
  height: 5px;
  background-color: #0066a8;
  border-radius: 50%;
  margin-right: 6px;
  position: relative;
  flex-shrink: 0;
}

.windWrapF .pertInfo em::after {
  width: 9px;
  height: 9px;
  background-color: #0066a8;
  opacity: 0.2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  content: '';
  flex-shrink: 0;
}

.windWrapF .effeList {
  display: flex;
  justify-content: space-between;
  margin-top: 61px;
}

.windWrapF .effeList img {
  width: 48.75%;
  display: block;
}

.windWrapF .windowName {
  margin-top: 42px;
}

.windWrapF .fipuTips {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333333;
  margin-top: 19px;
}

.windWrapF .fipuTips span {
  color: #ff0000;
}

.windWrapF .reallist {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.windWrapF .realItem {
  width: 23.33%;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
}

.windWrapF .realItem p {
  margin-top: 10px;
}

.windWrapF .realItem img {
  width: 100%;
  display: block;
}

.windWrapF .realName {
  margin-top: 62px;
}

.windWrapF .xzBtn {
  display: flex;
  justify-content: center;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-top: 48px;
}

.windWrapF .xzBtn a {
  color: #ffffff;
  display: flex;
  align-items: center;
  background-color: #0066a8;
  padding: 5px 5px 5px 14px;
  cursor: pointer;
}

.windWrapF .xzBtn span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  margin-left: 12px;
  color: #0066a8;
  font-size: 32px;
}

.windWrapF .xzBtn a:hover {
  background-color: #0056a3;
}

@media (max-width: 1280px) {
  .windWrapF {
    margin-top: 50px;
  }
  .windWrapF .pertCont {
    margin-top: 30px;
  }
  .windWrapF .pertInfo {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
  }
  .windWrapF .effeList {
    margin-top: 30px;
  }
  .windWrapF .fipuTips {
    font-size: 14px;
    margin-top: 10px;
  }
  .windWrapF .windowName {
    margin-top: 30px;
  }
  .windWrapF .reallist {
    margin-top: 30px;
  }
  .windWrapF .realItem {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .windWrapF .xzBtn {
    font-size: 16px;
    margin-top: 30px;
  }
  .windWrapF .xzBtn span {
    font-size: 26px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1000px) {
  .windWrapF {
    margin-top: 30px;
  }
  .windWrapF .pertCont {
    margin-top: 20px;
  }
  .windWrapF .effeList {
    margin-top: 20px;
  }
  .windWrapF .windowName {
    margin-top: 20px;
  }
  .windWrapF .reallist {
    margin-top: 20px;
  }
  .windWrapF .xzBtn {
    font-size: 14px;
    margin-top: 20px;
  }
  .windWrapF .xzBtn span {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

@media (max-width: 750px) {
  .windWrapF .reallist {
    flex-wrap: wrap;
  }
  .windWrapF .realItem {
    width: 49%;
    margin-bottom: 10px;
  }
}

@media (max-width: 500px) {
  .windWrapF .effeList {
    flex-wrap: wrap;
  }
  .windWrapF .effeList img {
    width: 100%;
    margin-bottom: 10px;
  }
}

.windWrapG {
  background-color: #f9f9f9;
  padding-top: 55px;
  padding-bottom: 63px;
  margin-top: 75px;
}

.windWrapG .windTit {
  text-align: left;
  margin-bottom: 33px;
}

.windWrapG .secuCont {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  
}

@media (max-width: 1280px) {
  .windWrapG {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 50px;
  }
  .windWrapG .secuCont {
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
  }
}

@media (max-width: 1000px) {
  .windWrapG {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
  }
  .windWrapG .windTit {
    text-align: center;
  }
  .windWrapG .secuCont {
    margin-top: 20px;
    text-align: center;
  }
}

.windWrapH {
  position: relative;
  margin-top: 80px;
}

.windWrapH img {
  width: 100%;
  display: block;
}

.windWrapH .enjoyCont {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.windWrapH .enjoyName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  width: max-content;
  max-width: 100%;
  color: #0066a8;
  border-radius: 28px;
  border: solid 2px #0066a8;
  padding: 9px 29px;
}

.windWrapH .enjoyTit {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 48px;
  color: #0066a8;
  margin-top: 30px;
}

.windWrapH .enjoySheng {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /*margin-top: 32px;*/
  color:#0066a8;
  font-size:50px;
}

.windWrapH .enjoySheng em {
  width: 6px;
  height: 6px;
  background-color: #0066a8;
  border-radius: 50%;
  margin-left: 10px;
}
.windWrapH .enjoySheng b {
  width: 6px;
  height: 6px;
  background-color: #0066a8;
  border-radius: 50%;
  margin-left: 10px;
  display:inline-block;
}
.windWrapH .enjoyTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #0066a8;
  margin-top: 22px;
}

@media (max-width: 1280px) {
  .windWrapH {
    margin-top: 50px;
  }
  .windWrapH .enjoyName {
    font-size: 22px;
  }
  .windWrapH .enjoyTit {
    font-size: 36px;
    margin-top: 20px;
  }
  .windWrapH .enjoyTxt {
    font-size: 24px;
    margin-top: 20px;
  }
  .windWrapH .enjoySheng {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .windWrapH {
    margin-top: 30px;
  }
  .windWrapH .enjoyName {
    font-size: 16px;
  }
  .windWrapH .enjoyTit {
    font-size: 26px;
  }
  .windWrapH .enjoyTxt {
    font-size: 18px;
  }
  .windWrapH .enjoySheng em {
    width: 4px;
    height: 4px;
  }
}

@media (max-width: 500px) {
  .windWrapH .enjoyName {
    font-size: 14px;
    border: solid 1px #0066a8;
    padding: 5px 15px;
  }
  .windWrapH .enjoyTit {
    font-size: 18px;
    margin-top: 10px;
  }
  .windWrapH .enjoySheng {
    margin-top: 10px;
  }
  .windWrapH .enjoyTxt {
    font-size: 16px;
    margin-top: 10px;
  }
}

.windWrapI {
  background-color: #f9f9f9;
  padding-top: 45px;
  padding-bottom: 22px;
  margin-top: 83px;
}

.windWrapI .windTit {
  color: #333333;
}

.windWrapI .tagesList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 62px;
}

.windWrapI .tagesList::after {
  width: 31.66%;
  content: '';
}

.windWrapI .tagesItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #333333;
  background-color: #ffffff;
  padding: 61px 30px 61px 40px;
  width: 31.66%;
  box-sizing: border-box;
  margin-bottom: 31px;
}

.windWrapI .tagesItem img {
  max-width: 100%;
  display: block;
  margin-left: 10px;
}

@media (max-width: 1280px) {
  .windWrapI {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .windWrapI .tagesItem {
    font-size: 18px;
    padding: 20px;
  }
  .windWrapI .tagesList {
    margin-top: 30px;
  }
}

@media (max-width: 1000px) {
  .windWrapI {
    margin-top: 30px;
  }
  .windWrapI .tagesItem {
    font-size: 14px;
  }
}

@media (max-width: 750px) {
  .windWrapI .tagesItem {
    width: 49%;
    margin-bottom: 20px;
  }
}

@media (max-width: 500px) {
  .windWrapI .tagesItem {
    width: 100%;
  }
}

.windWrapJ {
  margin-top: 84px;
}

.windWrapJ .modeTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.windWrapJ .modeName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 42px;
  color: #0066a8;
}

.windWrapJ .modeTit {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #0066a8;
  padding: 10px 15px;
  border-radius: 25px;
  border: solid 1px #0066a8;
}

.windWrapJ .modeList {
  display: flex;
  justify-content: space-between;
  margin-top: 59px;
}

.windWrapJ .modeItem {
  width: 23.16%;
  position: relative;
}

.windWrapJ .modeItem img {
  width: 100%;
  display: block;
}

.windWrapJ .modeItem .unevName {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding: 11px 10px;
  background-color: #333333;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}

.windWrapJ .pum1 .box {
  position: relative;
  margin: auto;
  max-width: 1400px;
}

.windWrapJ .pum1 .box ul {
  position: relative;
  margin: auto;
  height: 652px;
}

.windWrapJ .modeQie {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.2s;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #666666;
  width: 50px;
  height: 50px;
  background-color: #e1e1e1;
  text-align: center;
  line-height: 50px;
  z-index: 100;
}

.windWrapJ .modeQie:hover {
  background-color: #0066a8;
  color: #ffffff;
}

.windWrapJ .prev {
  left: -81px;
}

.windWrapJ .next {
  right: -81px;
}

.windWrapJ .pum1 .box li {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 0;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box !important;
  transition: none;
}

.windWrapJ .petImg {
  width: 100%;
  display: block;
}

.windWrapJ .pum1 .box li:nth-child(3) img {
  opacity: 1;
}

.windWrapJ .pum1 .box li:nth-child(4) {
  overflow: visible;
}

.windWrapJ .pum1 .box li:nth-child(2) {
  overflow: visible;
}

.windWrapJ .pum1 {
  margin-top: 66px;
}

.windWrapJ .petItem:nth-child(1) {
  opacity: 0;
}

.windWrapJ .petItem:nth-child(2) {
  opacity: 0.5;
}

.windWrapJ .petItem:nth-child(2) .petInfo {
  padding: 26px 8px 34px 8px;
}

.windWrapJ .petItem:nth-child(2) .petTxt {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.windWrapJ .petItem:nth-child(4) {
  opacity: 0.5;
}

.windWrapJ .petItem:nth-child(4) .petInfo {
  padding: 26px 8px 34px 8px;
}

.windWrapJ .petItem:nth-child(4) .petTxt {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.windWrapJ .petInfo {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.11);
  box-sizing: border-box;
  padding: 31px 8px 34px 8px;
}

.windWrapJ .petName {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 36px;
  color: #333333;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 72px;
}

.windWrapJ .petTxt {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  text-align: center;
  margin-top: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 90px;
}

.windWrapJ .specCont {
  margin-top: 62px;
}

.windWrapJ .specCont img {
  max-width: 100%;
  display: block;
}

.windWrapJ .specCont .tablen {
  overflow-x: auto;
}

.windWrapJ .specCont table tr:first-child {
  background-color: #D5DCE3;
}

.windWrapJ .specCont table tr:first-child td {
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
}

.windWrapJ .specCont table td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  border: 1px solid #373737;
}

.windWrapJ .specBox {
  margin-top: 86px;
}

@media (max-width: 1500px) {
  .windWrapJ .pum1 .box li {
    position: relative;
    left: auto;
    top: auto;
    width: 0.32% !important;
    height: auto !important;
    padding: 0px;
    opacity: 1 !important;
  }
  .windWrapJ .pum1 .img-list7 ul {
    transition: none;
    width: 10000% !important;
    height: auto !important;
  }
  .windWrapJ .pum1 .img-list7 {
    position: relative;
    overflow: hidden;
    z-index: 90;
    margin: 0 30px;
    margin-left: 30px;
  }
  .windWrapJ .pum1 .img-scroll7 {
    position: relative;
    width: 100%;
    z-index: 9;
  }
  .windWrapJ .pum1 .box {
    margin-top: 0px;
    padding: 0px;
  }
  .windWrapJ .pum1 .img-list7 li {
    float: left;
    display: inline;
    margin-left: auto;
    margin-right: 0.02% !important;
  }
  .windWrapJ .pum1 .box .prev, .windWrapJ .pum1 .box .next {
    top: 46%;
  }
  .windWrapJ .pum1 {
    margin-top: 50px;
  }
  .windWrapJ .prev {
    left: 0;
  }
  .windWrapJ .next {
    right: 0px;
  }
}

@media (max-width: 1280px) {
  .windWrapJ {
    margin-top: 50px;
  }
  .windWrapJ .modeName {
    font-size: 30px;
  }
  .windWrapJ .modeTit {
    font-size: 18px;
  }
  .windWrapJ .modeItem .unevName {
    font-size: 14px;
  }
  .windWrapJ .modeList {
    margin-top: 30px;
  }
  .windWrapJ .modeQie {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .windWrapJ .petName {
    font-size: 18px;
    line-height: 28px;
    -webkit-line-clamp: 9999 !important;
    min-height: auto;
  }
  .windWrapJ .petInfo {
    padding: 0px !important;
    overflow: unset !important;
    box-shadow: none !important;
    margin-top: 10px;
  }
  .windWrapJ .petTxt {
    font-size: 14px;
    line-height: 24px;
    min-height: auto;
    -webkit-line-clamp: 9999 !important;
  }
  .windWrapJ .pum1 {
    margin-top: 30px;
  }
  .windWrapJ .specBox {
    margin-top: 40px;
  }
  .windWrapJ .specCont {
    margin-top: 30px;
  }
}

@media (max-width: 1000px) {
  .windWrapJ {
    margin-top: 30px;
  }
  .windWrapJ .modeName {
    font-size: 20px;
  }
  .windWrapJ .modeTit {
    font-size: 14px;
    padding: 8px 10px;
  }
  .windWrapJ .modeItem .unevName {
    font-size: 12px;
  }
  .windWrapJ .petName {
    font-size: 14px;
    line-height: 24px;
  }
}

@media (max-width: 750px) {
  .windWrapJ .modeTop {
    flex-direction: column;
    justify-content: center;
  }
  .windWrapJ .modeName {
    font-size: 18px;
  }
  .windWrapJ .modeTit {
    margin-top: 10px;
    padding: 5px 15px;
  }
  .windWrapJ .modeList {
    flex-wrap: wrap;
  }
  .windWrapJ .modeItem {
    width: 49%;
    margin-bottom: 20px;
  }
  .windWrapJ .pum1 .box li {
    width: 0.48% !important;
  }
  .windWrapJ .pum1 {
    margin-top: 10px;
  }
}

@media (max-width: 500px) {
  .windWrapJ .pum1 .box li {
    width: 1% !important;
  }
}

.windWrapK {
  margin-top: 56px;
  margin-bottom: 139px;
}

.windWrapK .windTit {
  color: #0066a8;
  text-align: left;
  margin-bottom: 33px;
}

.windWrapK .decoCont {
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  
}

.windWrapK .windowName {
  margin-top: 54px;
  margin-bottom: 54px;
}

.windWrapK .pvcBox {
  position: relative;
}

.windWrapK .pvcSwiper {
  overflow: hidden;
}

.windWrapK .pvcList {
  display: flex;
  flex-wrap: wrap;
}

.windWrapK .pvcItem {
  width: 23.2%;
  margin-right: 2.4%;
  margin-bottom: 30px;
}

.windWrapK .pvcItem:nth-child(4n) {
  margin-right: 0px;
}

.windWrapK .pvcImg {
  width: 100%;
  display: block;
}

.windWrapK .pvcName {
  width: 100%;
  background-color: #f9f9f9;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  font-family: OpenSansRegular,Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  color: #333333;
}

.windWrapK .pvcQie {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.2s;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #666666;
  width: 50px;
  height: 50px;
  background-color: #e1e1e1;
  text-align: center;
  line-height: 50px;
  z-index: 100;
}

.windWrapK .pvcQie:hover {
  background-color: #0066a8;
  color: #ffffff;
}

.windWrapK .pvcPrev {
  left: -81px;
}

.windWrapK .pvcNext {
  right: -81px;
}

.windWrapK .xzBtn {
  display: flex;
  justify-content: center;
  font-family: OpenSans-Bold,Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #ffffff;
  margin-top: 29px;
}

.windWrapK .xzBtn a {
  color: #ffffff;
  display: flex;
  align-items: center;
  background-color: #0066a8;
  padding: 5px 5px 5px 14px;
  cursor: pointer;
}

.windWrapK .xzBtn span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  margin-left: 12px;
  color: #0066a8;
  font-size: 32px;
}

.windWrapK .xzBtn a:hover {
  background-color: #0056a3;
}

@media (max-width: 1500px) {
  .windWrapK .pvcNext {
    right: 0;
  }
  .windWrapK .pvcPrev {
    left: 0;
  }
  .windWrapK .pvcQie {
    top: 47%;
  }
}

@media (max-width: 1280px) {
  .windWrapK {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .windWrapK .decoCont {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
  }
  .windWrapK .windowName {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .windWrapK .pvcName {
    font-size: 14px;
    line-height: 24px;
  }
  .windWrapK .pvcQie {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 44%;
  }
  .windWrapK .xzBtn {
    font-size: 16px;
    margin-top: 10px;
  }
  .windWrapK .xzBtn span {
    font-size: 26px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1000px) {
  .windWrapK {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .windWrapK .windTit {
    text-align: center;
  }
  .windWrapK .decoCont {
    text-align: center;
    margin-top: 10px;
  }
  .windWrapK .xzBtn {
    font-size: 14px;
  }
  .windWrapK .xzBtn span {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

@media (max-width: 750px) {
  .windWrapK .pvcItem {
    width: 32%;
    margin-right: 0px;
  }
  .windWrapK .pvcList {
    justify-content: space-between;
  }
  .windWrapK .pvcList::after {
    width: 32%;
    content: '';
  }
}

/* window end +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.yanzhegnyp1{ height:100%;}
 
 
 
 
 
 
 /*screen*/
 .screen1{ padding-top:86px; display: flex; justify-content: space-between; flex-wrap: wrap;    align-items: flex-start;
}
 .screen11{ width:100%; max-width:45.8%;}
 .screen1 img{  display:block; width: 50%; max-width:604px;}
 .screen11tt{ font-size: 26px;  font-family: "OPENSANSSEMIBOLD"; border-bottom:#bfbfbf solid 1px; padding-bottom:16px; padding-top:14px;}
 .screen11tsmal{ 	font-size: 20px; padding-top:20px;}
 .screen11desc{ margin-top:17px; font-size: 16px;line-height: 28px; color:#666;}
 .screen11inquire{display: inline-block;
    vertical-align: top;
    min-width: 142px;
    line-height: 28px;
    padding: 5px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    background-color: #0066a8;
    -moz-box-sizing: border-box;
    box-sizing: border-box; margin-top:20px;}
	.screen11inquire:hover{ color:#fff;}
.screen2{ margin-top:70px;}
.screen2tt{ position:relative;}
.screen2tt:before{ content:""; width:100%; height:1px; background:#bfbfbf; position:absolute; left:0px;top: 50%;
    transform: translateY(-50%); z-index:-9;}
.screen2tt span{font-size: 30px;  display:inline-block; background:#fff; padding-right:10px; text-transform:uppercase;  font-family: "OPENSANSSEMIBOLD";}
.screen2img{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:60px; max-width:1164px;}
.screen2img img{ display:block; width: 48.3%; max-width:563px;}
.screen2desc{ margin-top:42px; font-size: 16px;line-height: 28px; color:#666;}
.screen3{ margin-top:58px;}
.screen3img{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; margin-top:76px; }
.screen3img img{ margin:0px 40px; display:block; width: 35.8%; max-width:430px; }
.screen3con{ padding-top:21px;}
.screen3con1{ margin-top:51px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.screen3con1 img{ display:block; width:38.8%; max-width:466px;}
.screen3con1right{ width:57%;}
.screen3con1righttt{ font-size: 22px;  font-family: "OPENSANSSEMIBOLD"; line-height:1.4;}
.screen3con1rightdes{ font-size: 16px;	line-height: 30px;	color: #666666; margin-top:30px;}
.screen3con2 img{     order: 1;}
.screen4{ margin-top:69px;}
.screen4table{ margin-top:46px;}
.screen4table img{ display:block; margin:0 auto;}
.screen4table table{ width:100%; max-width:953px; display:block; margin:0 auto;}
.screen5{ margin-top:57px;}
.screen5video{ width:100%; max-width:780px; margin:0 auto; margin-top:40px;}

.screen5video1{ position:relative; width:100%; overflow:hidden; }
.screen5video1 img{ display:block; margin:0 auto; width:100%;}
.screen5video .screen5video1{ border:#f7f7f7 solid 6px;}
.screen5video1hei{ cursor: pointer; position:absolute; width:100%; height:100%; top:100%; left:0px; z-index:99; background-color:rgba(0, 0, 0, 0.5); display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items: center;}
.screen5video1hei img{ width:64px; height:64px; }
.screen5video1:hover .screen5video1hei{ top:0px;}
.screen5videott{ 	line-height: 1.4;color: #333333;	font-size: 18px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; font-family: "OPENSANSSEMIBOLD"; margin-top:18px;}
.screen5videodesc{ font-size: 16px; color:#666; line-height:30px;     margin-top: 5px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;}
.screen5videoul{ width:100%; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin-top:28px;}
.screen5videoul li{ width:31.66%; }
.screen6{ margin-top:60px; }
.screen6desc{ font-size: 16px;	color: #666666;	line-height: 30px; margin-top:35px; }
.screen6image{width:100%; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; margin-top:27px; }
.screen6image li{ width:32.58%;}
.screen6image li img{ display:block; width:100%; margin:0 auto; margin-bottom:12px;}
.screen7{ width:100%; padding-bottom:88px;}

.screen5video1 .m-hvideomodal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
}
.screen5video1 .m-hvideomodal iframe {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
}


@media (max-width: 1200px) {
	.screen11{ max-width:100%; margin-top:20px;}
	.screen1 img{ width:100%;}
	.screen5video1hei img{ width:40px; height:40px;}
	}
@media (max-width: 900px) {
	.screen3con1 img{ width:100%; margin-bottom:20px;}
	.screen3con1right{ width:100%;}
	.screen3con2 img{     order:0;}
	.screen3img img{     margin: 0px 10px;}
	.screen2tt span,.screen11tt{ font-size:18px;}
	.screen11desc,.screen2desc,.screen3con1rightdes,.screen5videodesc,.screen6desc{ font-size:14px; margin-top:10px; line-height:1.6;}
	.screen1{ padding-top:40px;}
	.screen2,.screen2img,.screen3,.screen3img,.screen3con1,.screen4,.screen4table,.screen5,.screen5video,.screen6{margin-top:30px; }
	.screen7{ padding-bottom:40px;}
	
	}


@media (max-width: 700px){
	.screen5videoul li {
    width: 48%; margin-bottom:20px;}
	.screen6image li{width: 48%; }
	}
	
	
	
@media screen and (max-width: 959px){
    .m-ftfix2 .box-wp{
        flex-direction: column;
    }
    .m-ftfix2 .box-wp .m-div{
        width:100%;
    }
    .m-ftfix2 .box-wp a{
        width:80%;
        margin-top:20px;
    }
}