.wap-hd-nav {

  display: none;

}



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

  .wap-hd-nav {

    display: flex;

    flex-flow: row wrap;

    justify-content: flex-start;

    background-color: #f19d1e;

  }

  .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: #f19d1e;

  }

}

.m-mobilenav {

  display: none;

}



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

  .m-mobilenav {

    position: fixed;

    z-index: 11;

    padding-top: 25px;

    top: 0;

    left: 0;

    display: block;

    box-sizing: border-box;

  }

  .m-mobilenav .mbnav-btn {

    position: absolute;

    z-index: 2;

    top: 10px;

    left: 17px;

    width: 26px;

    transition: all 550ms;

  }

  .m-mobilenav .mbnav-btn .line {

    width: 100%;

    height: 2px;

    background-color: #f19d1e;

  }

  .m-mobilenav .mbnav-btn .line2 {

    margin-top: 6px;

    margin-bottom: 6px;

  }

  .m-mobilenav .mbnav-btn.active {

    transform: rotate(90deg);

  }

  .m-mobilenav .mbnav-bd {

    position: absolute;

    left: 0;

    top: 0;

    width: 300px;

    height: 100%;

    top: 0;

    visibility: hidden;

    z-index: 1;

  }

  .m-mobilenav .mbnav-bd.show {

    visibility: visible;

  }

  .m-mobilenav .mbnav-bd.show .mbnav-wp {

    height: 100%;

    opacity: 1;

  }

  .m-mobilenav .mbnav-bd.show .mbnav-item > a {

    opacity: 1;

    transform: scale(1) translate(0, 0);

  }

  .m-mobilenav .mbnav-wp {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    background-color: #333;

    top: 0;

    transition: all 550ms;

    opacity: 0;

  }

  .m-mobilenav .mbnav-fix {

    position: absolute;

    left: 0;

    top: 60px;

    height: calc(100% - 60px);

    width: 100%;

    box-sizing: border-box;

    overflow-y: scroll;

  }

  .m-mobilenav .mbnav-item {

    position: relative;

    padding-left: 44px;

    padding-right: 24px;

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .m-mobilenav .mbnav-item i {

    position: absolute;

    left: 13px;

    top: 12px;

    width: 24px;

    height: 24px;

    line-height: 24px;

    text-align: center;

    background-color: #333;

    font-size: 20px;

    font-size: 2rem;

    color: #fff;

    cursor: pointer;

  }

  .m-mobilenav .mbnav-item > a {

    display: block;

    line-height: 26px;

    font-size: 16px;

    font-size: 1.6rem;

    color: #fff;

    transform: scale(1.1) translate(60px, -35px);

    opacity: 0;

    transition: 0.5s 0.1s;

  }

  .m-mobilenav .mbnav-item > a.current:after {

    content: "";

    margin-left: 5px;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: middle;

    width: 6px;

    height: 6px;

    background-color: #fff;

    border-radius: 50%;

    transition: all 550ms;

  }

  .m-mobilenav .mbnav-item > a.active {

    color: #f19d1e;

  }

  .m-mobilenav .mbnav-item > a.active:after {

    background-color: #f19d1e;

  }

  .m-mobilenav .mbnav-item:nth-child(1) > a {

    transition-delay: 250ms;

  }

  .m-mobilenav .mbnav-item:nth-child(2) > a {

    transition-delay: 300ms;

  }

  .m-mobilenav .mbnav-item:nth-child(3) > a {

    transition-delay: 350ms;

  }

  .m-mobilenav .mbnav-item:nth-child(4) > a {

    transition-delay: 400ms;

  }

  .m-mobilenav .mbnav-item:nth-child(5) > a {

    transition-delay: 450ms;

  }

  .m-mobilenav .mbnav-item:nth-child(6) > a {

    transition-delay: 500ms;

  }

  .m-mobilenav .mbnav-item:nth-child(7) > a {

    transition-delay: 550ms;

  }

  .m-mobilenav .mbsbnav-list {

    padding: 10px 0;

    display: none;

  }

  .m-mobilenav .mbsbnav-item {

    position: relative;

    padding-left: 20px;

    padding-right: 5px;

  }

  .m-mobilenav .mbsbnav-item i {

    left: 0;

    top: 6px;

    line-height: 24px;

  }

  .m-mobilenav .mbsbnav-item a {

    display: block;

    padding: 5px 5px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #fff;

  }

  .m-mobilenav .mbsbnav-item a.active {

    color: #f19d1e;

  }

}



.clear { clear: both; }

.slideshow { position: relative; }

.slideshow .wp { position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; }

.slideshow .wp img { max-width: 100%; max-height: 80%; }

.slideshow .item a img { width: 100%; -webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 



@media screen and (max-width: 1219px) { .slideshow .wp { margin-left: -490px; } }

@media screen and (max-width: 999px) { .slideshow:hover .slick-prev, .slick-next { display: none !important; }

  .slideshow .wp { width: 100%; left: 0; margin-left: 0; height: 80%; top: 0; margin-top: 20px; } }

@media screen and (max-width: 767px) { .slick-dots { bottom: 10px; } }

.slideshow .item.slick-active.item_one 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); }

.slideshow .item.slick-active.item_one.on img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }



.slick-list,.slick-slider,.slick-track{position:relative;display:block}

.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}

.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}

.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}

.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track{top:0;left:0} 

.slick-track:after,.slick-track:before{display:table;content:''}

.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 

.slick-slide{float:right}.slick-slide img{display:block}

.slick-slide.slick-loading img{display:none}

.slick-slide.dragging img{pointer-events:none}

.slick-initialized .slick-slide{display:block}

.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-arrow.slick-hidden{display:none}



::selection {

  color: #fff;

  background: #f19d1e;

}



* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}



html {

  font-size: 62.5%;

  height: 100%;

  scroll-behavior: smooth;

}



body {

  margin: 0 auto;

  width: 100%;

  max-width: 1920px;

  overflow-x: hidden;

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

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  line-height: 1.2;

  background-color: #fff;

}



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

  body {

    -webkit-text-size-adjust: 100%;

  }

}

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

  body {

    -webkit-text-size-adjust: 100%;

  }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

  body {

    -webkit-text-size-adjust: 100%;

  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

  body {

    -webkit-text-size-adjust: 100%;

  }

}

a {

  color: #333;

  text-decoration: none;

  outline: none;

  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;

  transition: all 550ms;

}

a:hover {

  color: #f19d1e;

}



ol,

ul {

  list-style: none;

}



img {

  max-width: 100%;

  border: 0px solid #ccc;

  height: auto;

}



table,

embed,

video {

  max-width: 100%;

}



input,

textarea {

  border: none;

  background: none;

  font-family: inherit;

}

input:focus,

textarea:focus {

  outline: none;

}



input[type=submit] {

  cursor: pointer;

}

input[type=checkbox] {

  cursor: pointer;

}

input[type=radio] {

  cursor: pointer;

}



input[type=submit],

input[type=reset],

input[type=button],

button {

  -webkit-appearance: none;

  /*去掉苹果的默认UI来渲染按钮*/

}



textarea {

  resize: none;

}



button {

  border: none;

  background: none;

  cursor: pointer;

}



em,

i {

  font-style: normal;

}



/* .c-xx start */

.clear {

  clear: both;

}



.maln {

  margin-left: auto !important;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



.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 {

  transition: all 550ms;

}



.c-bbx {

  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;

}



/* .c-xx end */

/* .f-xx start */

.f-czjz {

  position: relative;

  top: 50%;

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

}



.f-box {

  margin: 0 auto;

  width: 1200px;

  max-width: 100%;

  overflow: visible;

  box-sizing: border-box;

}



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

  .f-box {

    width: 960px;

  }

}

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

  .f-box {

    width: 720px;

    max-width: 96%;

  }

}

/* .f-xx end */

/* @keyframes start */

@keyframes boxshadown {

  0% {

    box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2);

  }

  100% {

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

  }

}

/* @keyframes end */

/* .an-xx start */

.an-hoverimg-xy {

  position: relative;

  overflow: hidden;

}

.an-hoverimg-xy:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.1);

  z-index: 2;

  transform: scaleX(0);

  transition: all 550ms;

  visibility: hidden;

}

.an-hoverimg-xy:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.1);

  z-index: 1;

  transform: scaleY(0);

  transition: all 550ms;

  visibility: hidden;

}

.an-hoverimg-xy img {

  transition: all 550ms;

}

.an-hoverimg-xy:hover img {

  transform: scale(1.1);

}

.an-hoverimg-xy:hover:before {

  visibility: visible;

  transform: scaleX(1);

}

.an-hoverimg-xy:hover:after {

  visibility: visible;

  transform: scaleX(1);

}



.an-hoverimg-beforex {

  position: relative;

  overflow: hidden;

}

.an-hoverimg-beforex:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.1);

  z-index: 2;

  transform: scaleX(0);

  transition: all 550ms;

  visibility: hidden;

}

.an-hoverimg-beforex img {

  transition: all 550ms;

}

.an-hoverimg-beforex:hover img {

  transform: scale(1.1);

}

.an-hoverimg-beforex:hover:before {

  visibility: visible;

  transform: scaleX(1);

}



.an-hoverimg-beforey {

  position: relative;

  overflow: hidden;

}

.an-hoverimg-beforey:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(255, 255, 255, 0.1);

  z-index: 2;

  transform: scaleY(0);

  transition: all 550ms;

  visibility: hidden;

}

.an-hoverimg-beforey img {

  transition: all 550ms;

}

.an-hoverimg-beforey:hover img {

  transform: scale(1.1);

}

.an-hoverimg-beforey:hover:before {

  visibility: visible;

  transform: scaleY(1);

}



.an-hoverbtn-beforey {

  position: relative;

}

.an-hoverbtn-beforey > * {

  position: relative;

}

.an-hoverbtn-beforey:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transform: scaleY(0);

  background-color: #f19d1e;

  transition: all 550ms;

}

.an-hoverbtn-beforey:hover {

  color: #fff;

}

.an-hoverbtn-beforey:hover:before {

  transform: scaleY(1);

}



.an-hoverbtn-beforex {

  position: relative;

}

.an-hoverbtn-beforex > * {

  position: relative;

}

.an-hoverbtn-beforex:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transform: scaleX(0);

  background-color: #f19d1e;

  transition: all 550ms;

}

.an-hoverbtn-beforex:hover {

  color: #fff;

}

.an-hoverbtn-beforex:hover:before {

  transform: scaleX(1);

}



.an-hoverbtn-beforer {

  position: relative;

  overflow: hidden;

}

.an-hoverbtn-beforer > * {

  position: relative;

}

.an-hoverbtn-beforer:before {

  content: "";

  position: absolute;

  right: 100%;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #f19d1e;

  transition: all 550ms;

}

.an-hoverbtn-beforer:hover {

  color: #fff;

}

.an-hoverbtn-beforer:hover:before {

  right: 0;

}



.an-boxsd:hover {

  animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1);

}



/* .an-xx end */

/* .m-xx start */

.m-desc {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}

.m-desc a {

  color: #f19d1e;

}

.m-desc a:hover {

  text-decoration: underline;

}

.m-desc p,

.m-desc span,

.m-desc b {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

}

.m-desc p {

  min-height: 30px;

}

.m-desc img {

  max-width: 100%;

}

.m-desc iframe {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}

.m-desc table {

  width: 100%;

  border-collapse: collapse;

  line-height: 22px;

  border: 1px solid #ccc;

  margin-left: auto;

  margin-right: auto;

}

.m-desc table tr td {

  padding: 10px;

  border: 1px solid #ccc;

  background: #fff;

  font-size: 14px;

  font-size: 1.4rem;

}

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

  .m-desc {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 24px;

  }

  .m-desc a {

    color: #f19d1e;

  }

  .m-desc a:hover {

    text-decoration: underline;

  }

  .m-desc p,

.m-desc span,

.m-desc b {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 24px;

  }

  .m-desc p {

    min-height: 24px;

  }

}



.table table {

  width: 100%;

  border-collapse: collapse;

  line-height: 22px;

  border: 1px solid #ccc;

}



.table table tr td {

  padding: 10px;

  height: 30px;

  border: 1px solid #ccc;

}



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

  .table {

    width: 100%;

    overflow-x: scroll;

  }

  .table > div {

    width: 991px !important;

    max-width: 991px;

  }

}

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

  [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;

  }

}

/* .m-xx end */

/* .j-xx start */

.j-offset-top {

  transition: all 750ms;

  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 750ms;

  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 750ms;

  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 750ms;

  opacity: 0;

}

.j-fadein.run {

  transform: translateX(0);

  opacity: 1;

}

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

  .j-fadein {

    transform: none !important;

  }

}



.j-lazy {

  min-width: 100%;

}



/* .j-xx end */

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

  position: relative;

  display: block;

  line-height: 0;

  font-size: 0;

  text-align: center;

  overflow: hidden;

}

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

  transition: all 550ms;

}

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

  transform: scale(1.1);

}

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

  overflow: hidden;

}

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

  color: #f19d1e;

}

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

  overflow: hidden;

}

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

  display: block;

}

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

  color: #f19d1e;

}



.at-resp-share-element .at4-share-count-container {

  text-decoration: none;

  float: right;

  padding-right: 15px;

  line-height: 25px !important;

}



.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;

}



.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;

}



#preloader {

  background-color: #333;

  height: 100%;

  width: 100%;

  position: fixed;

  z-index: 1;

  margin-top: 0px;

  top: 0px;

  z-index: 99;

}



#loading-center {

  width: 100%;

  height: 100%;

  position: relative;

}



#loading-center-absolute {

  position: absolute;

  left: 50%;

  top: 50%;

  height: 150px;

  width: 150px;

  margin-top: -75px;

  margin-left: -75px;

  text-align: center;

}



.object {

  width: 20px;

  height: 20px;

  background-color: #FFF;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: middle;

  margin-right: 20px;

  margin-top: 65px;

  border-radius: 50% 50% 50% 50%;

}



#object_one {

  animation: object_one 1.5s infinite;

}



#object_two {

  animation: object_two 1.5s infinite;

  animation-delay: 0.25s;

}



#object_three {

  margin-right: 0;

  animation: object_three 1.5s infinite;

  animation-delay: 0.5s;

}



@keyframes object_one {

  75% {

    transform: scale(0);

  }

}

@keyframes object_two {

  75% {

    transform: scale(0);

  }

}

@keyframes object_three {

  75% {

    transform: scale(0);

  }

}

.site-welcome {

  visibility: hidden;

  justify-content: center;

  align-items: center;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

  z-index: 99;

  opacity: 0;

  transition: all 550ms;

}



.m-crm {

  background: url("../image/crmbg1.jpg") no-repeat center;

  background-size: cover;

  padding-top: 44px;

  padding-bottom: 52px;

  text-align: center;

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  color: #fff; height:500px; display:flex;justify-content: center;

    flex-direction: column;

}

.m-crm a {

  color: #fff;

}

.m-crm a:hover {

  color: #f19d1e;

}

.m-crm .active {

  color: #f19d1e;

}

.m-crm .box-title {

  line-height: 50px;

  font-size: 40px;

  font-size: 4rem;

  text-transform: uppercase;

}

.m-crm .box-desc {

  margin-top: 33px;

}

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

  .m-crm {

    line-height: 26px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-crm .box-title {

    margin-top: 14px;

    line-height: 30px;

    font-size: 24px;

    font-size: 2.4rem;

  }

}



.m-oths {

  margin-top: 20px;

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: center;

}

.m-oths .oths-item {

  position: relative;

  height: 26px;

  line-height: 26px;

  font-size: 18px;

  font-size: 1.8rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  background-repeat: no-repeat;

  background-position: left center;

  max-width: 49%;

  box-sizing: border-box;

}

.m-oths .oths-item i {

  position: absolute;

  top: 0;

  width: 26px;

  line-height: 24px;

  font-size: 12px;

  font-size: 1.2rem;

  color: #333;

  text-align: center;

  background-color: #ffffff;

  border-radius: 2px;

  border: solid 1px #666666;

}

.m-oths .oths-item a {

  color: #666;

}

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

  color: #f19d1e;

}

.m-oths .oths-item-1 {

  padding-left: 34px;

}

.m-oths .oths-item-1 i {

  left: 0;

}

.m-oths .oths-item-2 {

  padding-right: 34px;

}

.m-oths .oths-item-2 i {

  right: 0;

}

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

  .m-oths {

    display: block;

  }

  .m-oths .oths-item {

    margin-bottom: 10px;

    max-width: 100%;

    padding-right: 0;

    padding-left: 34px;

  }

  .m-oths .oths-item i {

    right: auto;

    left: 0;

  }

}



.m-page {

  margin-top: 65px;

  letter-spacing: 0;

  font-size: 0;

  text-align: center;

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

  align-items: flex-start;

}

.m-page a {

  margin-left: 5px;

  margin-right: 5px;

  margin-bottom: 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  min-width: 30px;

  height: 30px;

  line-height: 28px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  text-align: center;

  border: 1px solid #213364;

  box-sizing: border-box;

  transition: all 550ms;

  padding: 0 5px;

  border-radius: 15px;

}

.m-page span {

  margin-left: 5px;

  margin-right: 5px;

  margin-bottom: 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  min-width: 30px;

  height: 30px;

  line-height: 28px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  text-align: center;

  box-sizing: border-box;

  transition: all 550ms;

  padding: 0 5px;

  border-radius: 15px;

}

.m-page a.big,

.m-page span.big {

  min-width: 82px;

}

.m-page a:hover {

  color: white;

  border-color: #f19d1e;

  background-color: #f19d1e;

}

.m-page a.active {

  color: white;

  border-color: #f19d1e;

  background-color: #f19d1e;

}

.m-page .page-form {

  margin-left: 8px;

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

  align-items: center;

}

.m-page .form-btn {

  min-width: 125px;

  line-height: 30px;

  height: 30px;

  padding: 0 20px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  box-sizing: border-box;

  border: 1px solid #213364;

  border-radius: 15px;

}

.m-page .form-btn:hover {

  color: #fff;

  background-color: #f19d1e;

  border-color: #f19d1e;

}



.m-page2 {

  position: relative;

}



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

  .m-page {

    margin-top: 45px;

    display: flex;

    flex-flow: row wrap;

    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 {

  position: relative;

  display: block;

  line-height: 0;

  font-size: 0;

  width: 52px;

  line-height: 52px;

  margin-bottom: 1px;

  font-size: 20px;

  font-size: 2rem;

  color: #fff;

  text-align: center;

  background-color: #2d2d27;

  background-color: #dfdfdf;

  border-radius: 5px;

}

.m-kf .kf-item .icon-wechat{

    color: #3ac34c;

}

.m-kf .kf-item .icon-whatsapp1{

    color: #3ac34c;

}

.m-kf .kf-item .icon-email1{

    color: #1296db;

}

/*.m-kf .kf-item:hover {*/

/*  color: #fff;*/

/*  background-color: #f19d1e;*/

/*}*/

.m-kf .kf-item.active{

  background-color: #f19d1e;

}

.m-kf .kf-item.active .iconfont{

    color: #fff;

}

.m-kf .kf-wx {

  position: absolute;

  display: none;

  bottom: 0;

  right: 100%;

  width: 120px;

  font-size: 0;

  line-height: 0;

}

.m-kf .gotop {

  display: none;

}



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

  .m-kf {

    right: 0;

    top: auto;

    bottom: 0;

    display: flex;

    flex-flow: row nowrap;

    justify-content: space-around;

    width: 100%;

    background-color: #2d2d27;

  }

  .m-kf .kf-item {

    width: 20%;

    text-align: center;

    line-height: 60px;

    font-size: 26px;

    font-size: 2.6rem;

    background-color: #2d2d27 !important;

  }

  .m-kf .kf-item2 {

    position: relative;

  }

  .m-kf .kf-wx {

    bottom: 100%;

    right: auto;

    left: 0;

  }

  .m-kf .gotop {

    width: 20%;

    line-height: 60px;

    font-size: 20px;

    font-size: 2rem;

    color: #fff;

    text-align: center;

    display: block;

  }

  .g-ft {

    padding-bottom: 63px;

  }

}

.returntop {

  position: fixed;

  *position: absolute;

  z-index: 9;

  bottom: 30px;

  right: 7.3958333333%;

  width: 140px;

  height: 140px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  border: 8px solid #fff;

  background-color: #808281;

  border-radius: 50%;

  box-sizing: border-box;

  display: none;

}

.returntop span {

  position: absolute;

  left: 50%;

  top: 50%;

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

}

.returntop:hover {

  color: #fff;

  background-color: #f19d1e;

}



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

  .returntop {

    display: none !important;

  }

}

.j-videomodal {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 99;

  width: 100%;

  height: 100%;

  background-color: #000;

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

  display: none;

}

.j-videomodal iframe {

  position: absolute;

  left: 50%;

  top: 50%;

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

  width: 1200px;

  height: 600px;

  max-width: 90%;

  max-height: 80%;

}



.g-bd1 {

  background: url("../image/hbg1.jpg") no-repeat center top;

}



.g-hwys {

  padding-top: 164px;

}

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

  .g-hwys {

    padding-top: 40px;

  }

}



.m-hwys {

  margin-bottom: -30px;

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.m-hwys .box-item {

  margin-right: 5.5%;

  margin-bottom: 30px;

  width: 20.8333333333%;

}

.m-hwys .box-item:nth-child(4n) {

  margin-right: 0;

}

.m-hwys .item-wp {

  display: block;

}

.m-hwys .item-wp:hover {

  transform: translate(0, -10px);

}

.m-hwys .item-icon {

  position: relative;

  line-height: 0;

  font-size: 0;

}

.m-hwys .item-title {

  margin-top: 20px;

  line-height: 32px;

  font-size: 22px;

  font-size: 2.2rem;

  color: #000;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.m-hwys .item-desc {

  margin-top: 9px;

  position: relative;

  padding-left: 38px;

  line-height: 28px;

  font-size: 16px;

  font-size: 1.6rem;

  max-height: 112px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  color: #666;

}

.m-hwys .item-desc:before {

  content: "";

  position: absolute;

  left: 0;

  top: 13px;

  width: 28px;

  height: 2px;

  background-color: #000000;

}

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

  .m-hwys .item-icon img {

    width: 50px;

  }

  .m-hwys .item-title {

    line-height: 24px;

    font-size: 16px;

    font-size: 1.6rem;

  }

  .m-hwys .item-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    max-height: 96px;

    padding-left: 30px;

  }

  .m-hwys .item-desc:before {

    width: 20px;

    top: 11px;

  }

}

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

  .m-hwys .box-item {

    width: 48%;

    margin-left: 1%;

    margin-right: 1% !important;

  }

}



.m-htt {

  min-height: 128px;

  line-height: 46px;

  font-size: 40px;

  font-size: 4rem;

  font-weight: bold;

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: center;

  background: url("../image/logo-tm.png") no-repeat left center;

}

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

  .m-htt {

    min-height: 80px;

    line-height: 30px;

    font-size: 24px;

    font-size: 2.4rem;

    background-size: auto 80px;

  }

}



.g-hproc {

  padding-top: 68px;

}

.g-hproc .box-title {

  margin-bottom: 32px;

  background-position: center;

  justify-content: center;

  text-align: center;

}

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

  .g-hproc {

    padding-top: 40px;

  }

}



.m-hproc {

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.m-hproc .box-fix {

  margin-left: 0.3125%;

}

.m-hproc .box-fix:nth-child(2) {

  padding-top: 2.0833333333%;

}

.m-hproc .box-fix:nth-child(3) {

  padding-top: 5.2083333333%;

}

.m-hproc .box-fix:nth-child(4) {

  padding-top: 3.125%;

}

.m-hproc .box-fix1 {

  width: 13.6979166667%;

}

.m-hproc .box-fix2 {

  width: 28.59375%;

}

.m-hproc .box-item {

  margin-bottom: 6px;

  position: relative;

  border-radius: 10px;

  overflow: hidden;

}

.m-hproc .box-item:hover .item-modal {

  transform: scale(1);

  visibility: visible;

}

.m-hproc .item-modal {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(155, 210, 255, 0.8);

  transform: scale(0);

  visibility: hidden;

  transition: all 550ms;

}

.m-hproc .item-text {

  position: absolute;

  left: 50%;

  top: 50%;

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

  width: 100%;

  padding-left: 10px;

  padding-right: 10px;

  max-width: 300px;

  box-sizing: border-box;

  text-align: center;

  color: #fff;

}

.m-hproc .item-text a {

  color: #fff;

}

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

  color: #333;

}

.m-hproc .item-title {

  line-height: 30px;

  font-size: 22px;

  font-size: 2.2rem;

  max-height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.m-hproc .item-desc {

  margin-top: 21px;

  line-height: 28px;

  font-size: 16px;

  font-size: 1.6rem;

  max-height: 84px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

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

  .m-hproc .item-title {

    line-height: 26px;

    max-height: 26px;

    font-size: 16px;

    font-size: 1.6rem;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

  }

  .m-hproc .item-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    max-height: 72px;

    display: none;

  }

  .m-hproc .item-modal {

    display: block;

    transform: scale(1);

    visibility: visible;

    height: 40px;

    top: auto;

    bottom: 0;

  }

}

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

  .m-hproc .box-fix1 {

    width: 30%;

  }

  .m-hproc .box-fix2 {

    width: 68%;

  }

  .m-hproc .box-fix {

    margin-left: 0;

    margin-right: 1%;

  }

  .m-hproc .box-fix:nth-child(5) {

    width: 99%;

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between;

    align-items: flex-start;

  }

  .m-hproc .box-fix:nth-child(5) .box-item {

    width: 49%;

  }

}



.m-hhd {

  margin-bottom: 70px;

  display: flex;

  flex-flow: row nowrap;

  justify-content: space-between;

  align-items: center;

}

.m-hhd .hd-link {

  margin-left: 10px;

}

.m-hhd .hd-link a {

  display: inline-block;

  min-width: 184px;

  line-height: 28px;

  padding: 10px;

  font-size: 24px;

  font-size: 2.4rem;

  text-align: center;

  box-sizing: border-box;

  background-color: #ffffff;

  border: solid 1px #aaaaaa;

}

.m-hhd .hd-link a:hover {

  color: #fff;

  background-color: #f19d1e;

}

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

  .m-hhd {

    margin-bottom: 30px;

  }

  .m-hhd .hd-link a {

    min-width: 120px;

    padding: 5px 10px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}



.g-habt {

  padding-top: 67px;

}

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

  .g-habt {

    padding-top: 40px;

  }

}



.m-habt {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: flex-start;

}

.m-habt .box-left {

  position: relative;

  width: 45.8333333333%;

}

/*.m-habt .box-left:before {

  content: "";

  position: absolute;

  top: 12px;

  left: 100%;

  margin-left: 46px;

  width: 49px;

  height: 367px;

  background: url("../image/habtt.png") no-repeat center;

  background-size: 100% 100%;

}*/

.m-habt .box-right {

  width: 39.5833333333%;

  padding-top: 41px;

}

.m-habt .box-desc {

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-habt .box-desc a {

  color: #666;

}

.m-habt .box-desc a:hover {

  color: #f19d1e;

}

.m-habt .box-desc p {

  min-height: 30px;

}

.m-habt .box-pic {

  line-height: 0;

  font-size: 0;

  border-radius: 20px;

}

.m-habt .box-title {

  position: relative;

  margin-top: -34px;

  display: inline-block;

  padding-left: 12px;

  padding-right: 26px;

  padding-top: 17px;

  padding-bottom: 17px;

  line-height: 30px;

  font-size: 20px;

  font-size: 2rem;

  color: #fefefe;

  background-color: #f19d1e;

  border-radius: 0 30px 0 0;

}

.m-habt .box-title a {

  color: #fefefe;

}

.m-habt .box-title a:hover {

  color: #333;

}

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

  .m-habt .box-left:before {

    display: none;

  }

  .m-habt .box-title {

    line-height: 26px;

    font-size: 16px;

    font-size: 1.6rem;

    pad: 15px;

    margin-top: -28px;

  }

  .m-habt .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-habt .box-desc p {

    min-height: 24px;

  }

  .m-habt .box-right {

    width: 45%;

    padding-top: 30px;

  }

}

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

  .m-habt .box-left {

    width: 100%;

  }

  .m-habt .box-right {

    width: 100%;

  }

}



.g-hpro {

  margin-top: 120px;

  background: url("../image/hbg2.jpg") no-repeat left bottom;

  background-color: #fff;

  padding-top: 70px;

  padding-bottom: 75px;

}

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

  .g-hpro {

    margin-top: 30px;

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



.m-hpro {

  padding-left: 18.75%;

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.m-hpro .box-fix {

  width: 340px;

  flex: 0 0 auto;

  overflow: hidden;

  /*padding-top: 60px;*/

  padding-top: 20px;

}

.m-hpro .box-desc {

  margin-top: 31px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-hpro .box-desc a {

  color: #666;

}

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

  color: #f19d1e;

}

.m-hpro .box-link {

  margin-top: 43px;

}

.m-hpro .box-link a {

  display: inline-block;

  min-width: 182px;

  line-height: 28px;

  padding: 10px;

  font-size: 24px;

  font-size: 2.4rem;

  text-align: center;

  box-sizing: border-box;

  border: solid 1px #aaaaaa;

}

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

  color: #f19d1e;

  border-color: #f19d1e;

}

.m-hpro .box-slide {

  flex: 1 1 auto;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

  padding-left: 44px;

}

.m-hpro .btn-wp {

  position: absolute;

  left: 0;

  bottom: 0;

}

.m-hpro .box-btn {

  display: block;

  margin-top: 8px;

  width: 34px;

  line-height: 34px;

  text-align: center;

  font-size: 16px;

  font-size: 1.6rem;

  background-color: #f2f2f2;

  cursor: pointer;

}

.m-hpro .box-btn:hover {

  color: #fff;

  background-color: #f19d1e;

}

.m-hpro .box-list {

  width: 10000%;

  overflow: hidden;

}

.m-hpro .list-item {

  float: left;

  margin-right: 0.0290598291%;

  width: 0.3555555556%;

  position: relative;

}

.m-hpro .list-item:hover .item-title {

  opacity: 1;

}

.m-hpro .item-title {

  position: absolute;

  z-index: 2;

  left: 0;

  bottom: 22px;

  width: 96%;

  max-width: 306px;

  padding-left: 18px;

  padding-right: 18px;

  line-height: 62px;

  font-size: 24px;

  font-size: 2.4rem;

  background-color: #fff;

  box-sizing: border-box;

  text-overflow: ellipsis;

  white-space: nowrap;

  opacity: 0;

}

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

  .m-hpro {

    padding-left: 10%;

  }

  .m-hpro .box-fix {

    padding-top: 0;

  }

}

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

  .m-hpro {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0;

    width: 96%;

    max-width: 720px;

    display: block;

  }

  .m-hpro .box-fix {

    width: 100%;

  }

  .m-hpro .box-slide {

    margin-top: 30px;

  }

  .m-hpro .item-title {

    bottom: 10px;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 36px;

    font-size: 16px;

    font-size: 1.6rem;

    opacity: 1;

  }

  .m-hpro .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-hpro .box-link {

    margin-top: 20px;

  }

  .m-hpro .box-link a {

    min-width: 140px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    padding: 5px 10px;

  }

}

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

  .m-hpro .list-item {

    margin-right: 0.02%;

    width: 0.49%;

  }

}



.g-happl {

  background: url("../image/hbg3.jpg") no-repeat center;

  background-size: cover;

}



.m-happl {

  padding-top: 68px;

  padding-bottom: 173px;

  background: url("../image/happlbg1.png") no-repeat center bottom;

}

.m-happl .box-hd {

  margin-bottom: 50px;

}

.m-happl .box-list {

  width: 10000%;

  overflow: hidden;

}

.m-happl .list-item {

  float: left;

  margin-right: 0.05%;

  width: 0.3%;

}

.m-happl .item-text {

  text-align: center;

  padding-top: 27px;

}

.m-happl .item-title {

  line-height: 34px;

  font-size: 24px;

  font-size: 2.4rem;

  text-align: center;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.m-happl .item-desc {

  margin-top: 16px;

  max-height: 60px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.m-happl .item-desc a {

  color: #666;

}

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

  color: #f19d1e;

}

.m-happl .btn-wp {

  margin-top: 28px;

  display: flex;

  flex-flow: row wrap;

  justify-content: center;

  align-items: center;

}

.m-happl .box-btn {

  margin: 0 7px;

  width: 34px;

  line-height: 34px;

  font-size: 16px;

  font-size: 1.6rem;

  text-align: center;

  cursor: pointer;

  background-color: #d5d5d5;

}

.m-happl .box-btn:hover {

  color: #fff;

  background-color: #f19d1e;

}

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

  .m-happl {

    padding-top: 30px;

    padding-bottom: 30px;

    background-size: 90%;

  }

  .m-happl .item-title {

    line-height: 24px;

    font-size: 16px;

    font-size: 1.6rem;

  }

  .m-happl .item-desc {

    font-size: 14px;

    font-size: 1.4rem;

    max-height: 48px;

    line-height: 24px;

  }

  .m-happl .btn-wp {

    margin-top: 30px;

  }

}

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

  .m-happl .list-item {

    margin-right: 0.02%;

    width: 0.49%;

  }

}



.g-hvideo {

  line-height: 0;

  font-size: 0;

}



.g-hnews {

  background: url("../image/hbg4.jpg") no-repeat center;

  background-size: cover;

}



.m-hnews {

  position: relative;

  padding-top: 84px;

  padding-bottom: 80px;

  position: relative;

}

.m-hnews .box-list {

  margin-bottom: -30px;

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.m-hnews .list-item {

  position: relative;

  margin-right: 1.8333333333%;

  margin-bottom: 30px;

  width: 32.0833333333%;

  padding-left: 25px;

  padding-top: 17px;

  box-sizing: border-box;

}

.m-hnews .list-item:nth-child(3n) {

  margin-right: 0;

}

.m-hnews .item-time {

  position: absolute;

  left: 0;

  top: 0;

  width: 77px;

  line-height: 24px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #666;

  padding-left: 5px;

  padding-right: 5px;

  padding-top: 18px;

  padding-bottom: 17px;

  text-align: center;

  background-color: #c5e5ff;

}

.m-hnews .item-time:before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

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

  width: calc(100% - 5px);

  height: calc(100% - 5px);

  box-sizing: border-box;

  border: 1px solid #fff;

}

.m-hnews .item-time span {

  display: block;

  line-height: 32px;

  font-size: 22px;

  font-size: 2.2rem;

  color: #333;

  font-weight: bold;

}

.m-hnews .item-title {

  margin-top: 21px;

  line-height: 38px;

  font-size: 28px;

  font-size: 2.8rem;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.m-hnews .item-desc {

  margin-top: 12px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  max-height: 60px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.m-hnews .item-desc a {

  color: #666;

}

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

  color: #f19d1e;

}

.m-hnews .box-link {

  margin-top: 44px;

  text-align: center;

}

.m-hnews .box-link a {

  display: inline-block;

  min-width: 184px;

  line-height: 28px;

  padding: 10px;

  font-size: 24px;

  font-size: 2.4rem;

  text-align: center;

  background-color: #ffffff;

  border: solid 1px #aaaaaa;

  box-sizing: border-box;

}

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

  color: #fff;

  background-color: #f19d1e;

}

.m-hnews:before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  background: url("../image/jiuping1.png") no-repeat center;

  background-size: 100%;

  width: 13.4166666667%;

  padding-top: 30.9166666667%;

  transform: translate(0, -50%);

}

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

  .m-hnews {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .m-hnews .box-link {

    margin-top: 35px;

  }

  .m-hnews .box-link a {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    min-width: 140px;

    padding: 5px 10px;

  }

  .m-hnews .item-title {

    margin-top: 15px;

    line-height: 24px;

    font-size: 16px;

    font-size: 1.6rem;

  }

  .m-hnews .item-desc {

    margin-top: 8px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    max-height: 48px;

  }

  .m-hnews .item-time {

    width: 65px;

    padding: 20px 4px;

    line-height: 24px;

    font-size: 12px;

    font-size: 1.2rem;

  }

  .m-hnews .item-time span {

    font-size: 18px;

    font-size: 1.8rem;

    line-height: 1;

  }

}

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

  .m-hnews .list-item {

    margin-right: 0;

    width: 100%;

  }

}



.g-ft {

  background: url("../image/fbg1.jpg") no-repeat center;

  background-size: cover;

  color: #e4e4e4;

}

.g-ft a {

  color: #e4e4e4;

}

.g-ft a:hover {

  color: #f19d1e;

}



.m-ftfix1 {

  line-height: 36px;

  font-size: 16px;

  font-size: 1.6rem;

  padding-top: 78px;

  padding-bottom: 8px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: flex-start;

}



.m-ftt {

  margin-bottom: 26px;

  line-height: 38px;

  font-size: 28px;

  font-size: 2.8rem;

  text-transform: uppercase;

  color: #fff;

  font-weight: bold;

}

.m-ftt a {

  color: #fff;

}

.m-ftt a:hover {

  color: #f19d1e;

}



.m-ftinfo .info-item {

  margin-top: 8px;

  position: relative;

  padding-left: 30px;

  line-height: 32px;

}

.m-ftinfo .info-item i {

  position: absolute;

  left: 0;

  top: 0;

}

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

  margin-top: 0;

}



.m-ftshare {

  margin-top: 9px;

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.m-ftshare .share-item {

  width: 28px;

  margin-right: 6px;

  margin-bottom: 10px;

}

.m-ftshare .share-item:hover {

  transform: translate(0, -5px);

}



.m-ftb1 {

  width: 17.5%;

}



.m-ftb2 {

  width: 15.8333333333%;

}



.m-ftb3 {

  width: 21.25%;

}



.m-ftb4 {

  width: 22.5%;

}



.m-ftfix2 {

  padding-top: 17px;

  padding-bottom: 30px;

  border-top: 1px solid rgba(191, 191, 191, 0.5);

  line-height: 24px;

}



.m-ftlnk {

  margin-top: 4px;

}



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

  .m-ftb2, .m-ftb3, .m-ftb4, .m-ftt, .m-ftnav, .m-ftlnk {

    display: none;

  }

  .m-ftext {

    text-align: center;

  }

  .m-ftshare {

    margin-top: 0;

    justify-content: center;

  }

  .m-ftfix1 {

    padding-top: 40px;

  }

  .m-ftb1 {

    width: 100%;

  }

}

.banner {

  position: relative;

  z-index: 2;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}

.banner .slick-arrow {

  position: absolute;

  z-index: 9;

  top: 50%;

  margin-top: -41px;

  width: 41px;

  height: 82px;

  font-size: 0;

  cursor: pointer;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 100% 100%;

  display: none !important;

}

.banner .slick-dots {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 30px;

  font-size: 0;

  letter-spacing: 0;

  text-align: center;

}

.banner .slick-dots li {

  margin: 0 4px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  cursor: pointer;

}

.banner .slick-dots li a {

  display: block;

  width: 10px;

  height: 10px;

  font-size: 0;

  border-radius: 50%;

  background-color: #ababab;

}

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

  background-color: #f19d1e;

}

.banner.hide {

  display: none;

}

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

  .banner .slick-arrow {

    display: none !important;

  }

}

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

  .banner {

    display: block;

  }

  .banner .slick-arrow {

    display: none !important;

  }

  .banner .slick-dots {

    bottom: 20px;

    background: none;

  }

  .banner .slick-dots li {

    margin: 0 5px;

  }

  .banner .slick-dots li a {

    width: 12px;

    height: 12px;

  }

  .banner.hide {

    display: block;

  }

  .banner.n-banner {

    display: none;

  }

}



.m-hnext {

  position: absolute;

  z-index: 3;

  right: 25.8333333333%;

  position: absolute;

  top: 0;

  transform: translate(0, -50%);

  width: 146px;

  height: 146px;

  font-size: 20px;

  font-size: 2rem;

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  border: 8px solid #fff;

  background-color: #808281;

  border-radius: 50%;

  box-sizing: border-box;

}

.m-hnext span {

  position: absolute;

  left: 50%;

  top: 50%;

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

}

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

  .m-hnext {

    display: none;

  }

}



/*.g-hd {

  position: relative;

  z-index: 9;

  background: url("../image/hdbg1.jpg") no-repeat center;

  background-size: cover;

}*/

.g-hd {

  position:fixed; top:0; left:0;

  z-index: 9;

  background:none; width:100%;

}

.w1200{ width:1200px; margin:0 auto;}



.header.on{background:rgba(0,0,0,0.6);box-shadow:0px 7px 15px rgba(0,0,0,0.15);width:100%;max-width:inherit;top:0;border-radius: 0; position:fixed;}



header:before {

    content: "";

    width: 100%;

    height: 80px;

    transition: max-height .3s;

    max-height: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    z-index: 3;

    background-color: rgba(50, 50, 50, .7);

}



.m-hdlogo {

  float: left;

  text-align: center;

}

.m-hdlogo a {

  display: inline-block;

  line-height: 142px;

}

.m-hdlogo img {

  vertical-align: middle;

}



.m-hdnav {

  float: left;

}

.m-hdnav .nav-item {

  position: relative;

  float: left;

  margin-right: 40px;

}

.m-hdnav .nav-item > a {

  position: relative;

  display: block;

  line-height: 142px;

  font-size: 22px;

  font-size: 2.2rem;

  color: #fff;

}

.m-hdnav .nav-item > .language{font-size: 22px;

  font-size: 2.2rem;

  color: #fff;}

.m-hdnav .nav-item > .language a{ display:inline-block; line-height:142px; font-size: 22px;

  font-size: 2.2rem;

  color: #fff;}

.m-hdnav .nav-item > a.active, .m-hdnav .nav-item > a.current, .m-hdnav .nav-item > a.active {

  color: #f19d1e;

}

.m-hdnav .sbnav-list {

  position: absolute;

  display: none;

  box-sizing: border-box;

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

}

.m-hdnav .sbnav-list.show {

  display: block;

}

.m-hdnav .sbnav-wp {

  box-sizing: border-box;

  background-color: #fff;

}

.m-hdnav .sbnav-list1 {

  top: 100%;

  left: 0;

  width: 225px;

}

.m-hdnav .sbnav-list2 {

  top: 0;

  left: 100%;

  width: 228px;

}

.m-hdnav .sbnav-list3 {

  top: 0;

  right: 100%;

  width: 160px;

}

.m-hdnav .sbnav-item {

  position: relative;

}

.m-hdnav .sbnav-item > a {

  position: relative;

  display: block;

  padding-top: 7px;

  padding-bottom: 7px;

  padding-left: 17px;

  padding-right: 17px;

  line-height: 24px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  text-align: left;

}

.m-hdnav .sbnav-item > a:hover, .m-hdnav .sbnav-item > a.active {

  color: #fff;

  background-color: #f19d1e;

}

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

  .m-hdnav .nav-item {

    margin-right: 50px;

  }

}



.m-hdsch {

  position: relative;

  float: right;

  z-index: 3;

}

.m-hdsch .sch-btn {

  display: block;

  line-height: 142px;

  font-size: 24px;

  font-size: 2.4rem;

  color: #333;

  text-align: center;

}

.m-hdsch .sch-form {

  position: absolute;

  top: 100%;

  right: 15px;

  width: 176px;

  padding-right: 34px;

  border-radius: 15px;

  background-color: #f4f4f4;

  border: solid 1px #d7d7d7;

  overflow: hidden;

  visibility: hidden;

  opacity: 0;

  box-sizing: border-box;

  transition: all 550ms;

}

.m-hdsch .sch-form .form-text {

  width: 100%;

  padding-left: 16px;

  padding-right: 10px;

  height: 30px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  box-sizing: border-box;

}

.m-hdsch .sch-form .form-text::-webkit-input-placeholder {

  color: #333;

  opacity: 1;

}

.m-hdsch .sch-form .form-text:-moz-placeholder {

  color: #333;

  opacity: 1;

}

.m-hdsch .sch-form .form-text::-moz-placeholder {

  color: #333;

  opacity: 1;

}

.m-hdsch .sch-form .form-text:-ms-input-placeholder {

  color: #333;

  opacity: 1;

}

.m-hdsch .sch-form .form-btn, .m-hdsch .sch-form .iconfont {

  position: absolute;

  right: 0;

  top: 0;

  line-height: 30px;

  height: 30px;

  width: 34px;

  text-align: left;

  font-size: 22px;

  font-size: 2.2rem;

  color: #f19d1e;

}

.m-hdsch .sch-form .form-btn {

  z-index: 2;

}

.m-hdsch .sch-form.run {

  visibility: visible;

  right: 0;

  opacity: 1;

}



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

  .m-hdnav .nav-item > a {

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-hdsch .sch-btn {

    width: auto;

    background: none;

  }

}

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

  .g-hd {

    position: relative;

    border-top-width: 2px;

  }

  .m-hdinfo, .m-hdshare {

    display: none;

  }

  .m-hdnav {

    display: none;

  }

  .m-hdfix1 {

    background: none;

    padding-top: 40px;

  }

  .m-hdlang {

    position: absolute;

    right: 30px;

    top: 0;

  }

  .m-hdsch {

    position: absolute;

    right: 5px;

    top: 5px;

    margin-left: 0;

    padding: 0;

    padding-bottom: 10px;

    z-index: 9;

  }

  .m-hdsch .sch-btn {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 30px;

    color: #f19d1e;

  }

  .m-hdlogo {

    padding: 5px 0 10px;

    width: 100%;

  }

  .m-hdlogo a {

    line-height: 100px;

  }

  .m-hdlogo img {

    width: 60px;

  }

}

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

  .zong {

    width: calc(100% - 160px);

    max-width: 1200px;

    margin: auto;

  }

  .zong1 {

    width: calc(100% - 160px);

    max-width: 1200px;

    margin: auto;

  }

}

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

  .zong, .zong1 {

    width: 95%;

    margin: auto;

  }

}

/*********************  product  *******************/

.prmain {

  padding-top: 36px;

  padding-bottom: 110px;

}



.prl {

  width: 29.166%;

  float: left;

}



.prr {

  width: 65.84%;

  float: right;

}



.j-nextshow {

  position: relative;

}



.proslide_menubtn {

  width: 19px;

  height: 21px;

  position: absolute;

  top: 50%;

  margin-top: -10px;

  right: 12px;

  cursor: pointer;

  transition: all 0.4s ease 0s;

  z-index: 9;

}



.proslide_menubtn span {

  display: none;

  width: 100%;

  height: 3px;

  border-radius: 2px;

  margin-bottom: 4px;

  background-color: #FFFFFF;

}



.prbiao {

  display: block;

  font-size: 30px;

  font-size: 3rem;

  background: #f19d1e;

  line-height: 43px;

  position: relative;

  padding: 15px 22px;

  color: #ffffff;

  margin-top: 22px;

}



a.prbiao:hover {

  color: #333;

}



.pryiji > li > a {

  display: block;

  border: solid 1px #313131;

  font-size: 24px;

  font-size: 2.4rem;

  line-height: 30px;

  padding: 15px 16px;

  padding-right: 22px;

  position: relative;

  margin-top: 19px;

}



.pryiji > li > a:before {

  content: "";

  position: absolute;

  width: 14px;

  height: 1px;

  background: #333333;

  right: 30px;

  top: 50%;

  margin-top: -1px;

}



.pryiji > li > a:after {

  content: "";

  position: absolute;

  width: 14px;

  height: 1px;

  background: #333333;

  right: 30px;

  top: 50%;

  margin-top: -1px;

  transform: rotate(90deg);

  transition: 0.5s;

}



.prerji {

  padding: 15px 0;

  padding-left: 50px;

}



.prerji li a {

  display: block;

  font-size: 18px;

  font-size: 1.8rem;

  line-height: 36px;

  color: #666666;

}



.prsanji {

  padding-left: 30px;

}



.pryiji > li:hover > a {

  color: #f19d1e;

  border-color: #f19d1e;

}



.pryiji > li:hover > a:after {

  transform: rotate(0deg) !important;

  background: #f19d1e;

}



.prerji li:hover > a {

  color: #f19d1e;

}



.prerji li:hover > a:before {

  background: #f19d1e;

}



.dangpryi > a {

  color: #f19d1e !important;

  border-color: #f19d1e !important;

}



.dangprer > a {

  color: #f19d1e !important;

}



.dangprer > a:before {

  background: #f19d1e !important;

}



.dangpryi > a:after {

  transform: rotate(0deg) !important;

  background: #f19d1e !important;

}



.prtag {

  margin-top: 43px;

}



.prlcbiao {

  background: #93928c;

  line-height: 26px;

  padding: 10px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #ffffff;

  font-family: Poppins;

  position: relative;

}



.prlcbiao i {

  color: #ffffff;

  font-size: 22px;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -13px;

}



.prlcn {

  padding-top: 28px;

}



.prlcn a {

  display: inline-block;

  line-height: 36px;

  margin-right: 30px;

  font-size: 18px;

  font-size: 1.8rem;

  color: #666666;

}



.prlcn a:hover {

  color: #f19d1e;

}



.prrt {

  padding-bottom: 9px;

  padding-top: 19px;

}



.prrtbiao {

  font-size: 24px;

  font-size: 2.4rem;

  line-height: 30px;

  position: relative;

}



.prrtn {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  color: #666666;

  margin-top: 15px;

}



.prrtn p,

.prrtn em,

.prrtn strong {

  color: #666666;

}



.przhan {

  position: relative;

  overflow: hidden;

  padding-bottom: 15px;

}



.przhanh {

  height: auto !important;

}



.zhankai {

  cursor: pointer;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 24px;

  margin-top: 0px;

  color: #f19d1e;

  text-decoration: underline;

}



.fuch {

  display: none !important;

}



.prr input {

  cursor: pointer;

}



.prlie {

  width: 32.74%;

  float: left;

  margin-left: 0.89%;

  margin-top: 36px;

}



.prtu {

  display: block;

  overflow: hidden;

  position: relative;

}



.prtu img {

  width: 100%;

  max-width: 378px;

  max-height: 278px;

  transition: 0.5s;

}



.pra {

  display: block;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  color: #666666;

  margin-top: 12px;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

}



.prlie p a {

  display: block;

  font-size: 14px;

  font-size: 1.4rem;

  line-height: 22px;

  height: 44px;

  color: #999999;

  overflow: hidden;

  text-align: center;

  margin-top: 10px;

}



.prmor {

  margin-top: 2px;

}



.prmor input {

  display: inline-block;

  vertical-align: middle;

}



.prmor a {

  display: inline-block;

  vertical-align: middle;

  background: #f1f1f1;

  width: 112px;

  line-height: 30px;

  padding: 0 5px;

  text-align: center;

  color: #666666;

  font-size: 16px;

  font-size: 1.6rem;

  margin-left: 5px;

}



.prlie:hover a {

  color: #f19d1e;

}



.prlie:hover .prfu {

  opacity: 1;

}



.prlie:hover img {

  transform: scale(1.1, 1.1);

}



.prlie:hover .prtmora1 span {

  color: #fff;

}



.prlie:hover .prtmora1:before {

  width: 100%;

}



.prlie:hover .prmor a {

  background: #f19d1e;

  color: #fff;

}



.prlt2 {

  display: none;

}



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

  .prbiao {

    font-size: 24px;

    font-size: 2.4rem;

    line-height: 43px;

    padding: 15px 10px;

  }

  .pryiji > li > a {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 26px;

    padding: 7px 10px;

    padding-right: 22px;

    position: relative;

    margin-top: 9px;

  }

  .prerji li a {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 36px;

    padding-left: 14px;

    color: #666666;

  }

  .prlcn {

    padding-top: 20px;

  }

  .prlcn a {

    line-height: 30px;

    margin-right: 10px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .prrtbiao {

    font-size: 20px;

    font-size: 2rem;

    line-height: 24px;

  }

  .prrtn {

    padding: 5px;

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 24px;

    margin-top: 10px;

  }

  .prlie {

    margin-top: 20px;

    margin-bottom: 0px;

  }

  .prlien {

    padding: 5px;

    padding-bottom: 10px;

  }

  .prmor a {

    width: 120px;

    line-height: 30px;

    padding: 0 5px;

    font-size: 14px;

    font-size: 1.4rem;

    margin-left: 5px;

  }

}

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

  .prmain {

    padding-top: 30px;

    padding-bottom: 38px;

  }

  .prl {

    width: 30%;

  }

  .prr {

    width: 68%;

  }

  .prbiao {

    font-size: 20px;

    font-size: 2rem;

  }

  .prsou {

    font-size: 12px;

    font-size: 1.2rem;

    padding-left: 10px;

  }

  .pryiji > li > a {

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: 10px;

    line-height: 24px;

  }

  .prerji li a {

    font-size: 14px;

    font-size: 1.4rem;

  }

  .prerji li a:before {

    width: 5px;

    height: 5px;

    top: 17px;

  }

  .prlbn li {

    font-size: 14px;

    font-size: 1.4rem;

    padding: 5px 0;

  }

  .prlie {

    width: 32.333%;

    margin-left: 1.5%;

  }

  .pra {

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: 10px;

  }

  .prlie p a {

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: 6px;

  }

  .prmor a {

    width: 90px;

    font-size: 12px;

    font-size: 1.2rem;

  }

  .prfu {

    display: none;

  }

}

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

  .prl {

    width: 100%;

    margin-top: 30px;

  }

  .prr {

    width: 100%;

  }

  .proslide_menubtn,

.proslide_menubtn span {

    display: block;

  }

  .pryiji {

    display: none;

  }

  .pra {

    font-size: 12px;

    font-size: 1.2rem;

  }

  .prlie p a,

.prrtn {

    font-size: 12px;

    font-size: 1.2rem;

  }

  .prrt {

    padding-bottom: 9px;

    padding-top: 0px;

  }

  .prbiao {

    font-size: 18px;

    font-size: 1.8rem;

    padding: 5px;

    margin-top: 0px;

  }

  .pryiji > li {

    position: relative;

  }

  .pryiji > li > i {

    display: block;

    width: 30px;

    height: 35px;

    position: absolute;

    right: 0px;

    top: 0px;

    cursor: pointer;

  }

  .pryiji > li > i:before {

    content: "";

    position: absolute;

    width: 14px;

    height: 2px;

    background: #f19d1e;

    left: 50%;

    margin-left: -7px;

    top: 50%;

    margin-top: -1px;

  }

  .pryiji > li > i:after {

    content: "";

    position: absolute;

    width: 14px;

    height: 2px;

    background: #f19d1e;

    left: 50%;

    margin-left: -7px;

    top: 50%;

    margin-top: -1px;

    transform: rotate(90deg);

    transition: 0.5s;

  }

  /*.prerji{ display:none}*/

  .pryiji > li > .dangi:after {

    transform: rotate(0deg) !important;

  }

  .pryiji > li > a {

    padding: 5px 10px;

    line-height: 25px;

    padding-right: 34px;

    position: relative;

  }

  .prtag {

    margin-top: 20px;

  }

  .prlcn a {

    font-size: 12px;

    font-size: 1.2rem;

    margin-right: 13px;

  }

}

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

  .prlie {

    width: 48%;

    margin-left: 1% !important;

    margin-right: 1%;

    margin-top: 20px;

  }

}

/*****************************  product2-1  **************************/

.prmain2 {

  padding-top: 58px;

  padding-bottom: 30px;

  background: #efefee url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.prmain2 .zong {

  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

}



.prmain2:after {

  content: "";

  clear: both;

  display: block;

}



.zoomPad {

  position: relative;

  float: left;

  z-index: 99;

  cursor: crosshair;

}



.zoomPreload {

  -moz-opacity: 0.8;

  opacity: 0.8;

  filter: alpha(opacity=80);

  color: #333;

  font-size: 12px;

  font-family: Tahoma;

  text-decoration: none;

  border: 1px solid #CCC;

  background-color: white;

  padding: 8px;

  text-align: center;

  background-image: url(../image/zoomloader.gif);

  background-repeat: no-repeat;

  background-position: 43px 30px;

  z-index: 110;

  width: 90px;

  height: 43px;

  position: absolute;

  top: 0px;

  left: 0px;

}



.zoomPup {

  overflow: hidden;

  background-color: #FFF;

  -moz-opacity: 0.6;

  opacity: 0.6;

  filter: alpha(opacity=60);

  z-index: 120;

  position: absolute;

  border: 1px solid #CCC;

  z-index: 101;

  cursor: crosshair;

}



.zoomOverlay {

  position: absolute;

  left: 0px;

  top: 0px;

  background: #FFF;

  z-index: 5000;

  width: 100%;

  height: 100%;

  display: none;

  z-index: 101;

}



.zoomWindow {

  position: absolute;

  left: 110%;

  top: 40px;

  background: #FFF;

  z-index: 6000;

  height: auto;

  z-index: 10000;

  z-index: 110;

}



.zoomWrapper {

  position: relative;

  border: 1px solid #999;

  z-index: 110;

}



.zoomWrapperTitle {

  display: block;

  background: #999;

  color: #FFF;

  height: 18px;

  line-height: 18px;

  width: 100%;

  overflow: hidden;

  text-align: center;

  font-size: 10px;

  position: absolute;

  top: 0px;

  left: 0px;

  z-index: 120;

  -moz-opacity: 0.6;

  opacity: 0.6;

  filter: alpha(opacity=60);

}



.zoomWrapperImage {

  display: block;

  position: relative;

  overflow: hidden;

  z-index: 110;

}



.zoomWrapperImage img {

  border: 0px;

  display: block;

  position: absolute;

  z-index: 101;

}



.zoomIframe {

  z-index: -1;

  filter: alpha(opacity=0);

  -moz-opacity: 0.8;

  opacity: 0.8;

  position: absolute;

  display: block;

}



.m-propic {

  width: 54.4%;

}



.m-propic .pic-big {

  position: relative;

  float: left;

  width: 78%;

  box-sizing: border-box;

}



.m-propic .big-img {

  display: block;

  line-height: 0;

  font-size: 0;

}



.m-propic .big-img img {

  transform: scale(1, 1) !important;

  border: solid 2px #f1f1f1;

  transition: 0s;

}



.m-propic .big-img .zoomPad {

  float: none;

  z-index: 8;

}



.m-propic .zoomWrapperImage img {

  max-width: 1200px;

}



.m-propic .pic-small {

  position: relative;

  float: right;

  width: 19%;

  overflow: hidden;

}



.m-propic .pic-btn {

  position: absolute;

  margin: 0 auto;

  left: 0;

  right: 0;

  display: block;

  width: 100%;

  height: 28px;

  line-height: 28px;

  text-align: center;

  font-size: 20px;

  font-size: 2rem;

  cursor: pointer;

  color: #666666;

  z-index: 1;

}



.m-propic .pic-btn.prev {

  top: -6px;

}



.m-propic .pic-btn.next {

  bottom: -6px;

}



.m-propic .pic-btn.prev:hover,

.m-propic .pic-btn.next:hover {

  color: #f19d1e;

}



.m-propic .pic-list {

  position: relative;

  height: 0px;

  padding-bottom: 360%;

  margin-top: 28px;

  margin-bottom: 28px;

  overflow: hidden;

}



.m-propic .pic-list ul {

  height: 2000px;

  position: absolute;

  top: 0px;

  left: 0px;

}



.m-propic .list-item {

  margin-bottom: 29%;

}



.m-propic .item-pic,

.m-propic .pic-list .item-video {

  display: block;

  overflow: hidden;

}



.m-propic .item-pic img,

.m-propic .pic-list .item-video img {

  width: 100%;

  display: block;

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -o-transition: 0.3s;

}



.m-propic .item-pic:hover {

  border-color: #32c35e;

}



.m-propic .item-pic:hover img {

  transform: scale(1.1, 1.1);

}



.m-propic .item-pic.zoomThumbActive {

  border-color: #32c35e;

}



.m-propic:hover .pic-btn {

  opacity: 1;

}



.m-propic2 {

  display: none;

}



.m-propic .provideo-box {

  width: 100%;

  overflow: hidden;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 9;

}



.m-propic .provideo-box .provideo {

  position: relative;

  overflow: hidden;

  padding-bottom: 100%;

  height: 0;

}



.m-propic .provideo-box .provideo iframe,

.pro2-box .m-propic .provideo-box .provideo video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: none;

}



.m-propic .provideo-box .provideo iframe body {

  margin: 0px !important;

}



.m-propic .item-pic:hover,

.m-propic .item-pic.active,

.m-propic .item-video:hover,

.m-propic .item-video.active {

  border-color: #32c35e !important;

}



.item-pic {

  position: relative;

}



.item-pic video,

.item-pic iframe {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 0px;

}



.jianjie {

  width: 41.4%;

  position: relative;

}



.jianjie h1 {

  font-size: 24px;

  font-size: 2.4rem;

  line-height: 30px;

  padding-bottom: 8px;

  border-bottom: 1px solid #f19d1e;

}



.jianp {

  color: #666666;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 28px;

  margin-top: 12px;

}

.jianp table {

  border: none;

}

.jianp table tr td {

  border: none;

}



.jianp p {

  color: #666666;

}



.table {

  width: 100%;

  overflow: auto;

}



.table table {

  width: 100%;

  border-collapse: collapse;

  line-height: 24px;

}



.table table tr td {

  padding: 5px 0;

  font-size: 18px;

  font-size: 1.8rem;

  color: #666666;

}



.share {

  margin-top: 25px;

}



.share1 {

  display: inline-block;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 18px;

  margin-right: 8px;

  vertical-align: middle;

  color: #666666;

}



.share2 {

  display: inline-block;

  vertical-align: middle;

}



.inno {

  font-size: 0px;

  padding-top: 10px;

}



.inno a {

  display: inline-block;

  vertical-align: middle;

  width: 144px;

  height: 34px;

  background: #e6e6e6;

  border-radius: 17px;

  line-height: 34px;

  text-align: center;

  color: #333333;

  font-size: 16px;

  font-size: 1.6rem;

  margin-left: 19px;

  margin-top: 10px;

}



.inno a:first-child {

  margin-left: auto;

}



.inno a:hover {

  background: #f19d1e;

  color: #fff;

}



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

  .prmain2 {

    padding-top: 20px;

    padding-bottom: 10px;

    display: flex;

    flex-flow: wrap;

    justify-content: space-between;

  }

  .jianjie h1 {

    font-size: 18px;

    font-size: 1.8rem;

    line-height: 26px;

  }

  .jiann {

    min-height: 0px;

  }

  .jianp {

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 20px;

    margin-top: 15px;

    min-height: 0px;

  }

  .table table tr td {

    font-size: 14px;

    font-size: 1.4rem;

  }

  .share {

    margin-top: 10px;

  }

  .share1 {

    font-size: 14px;

    font-size: 1.4rem;

    margin-right: 4px;

  }

  .inno {

    padding-top: 0px;

  }

  .inno a {

    width: 49%;

    height: 40px;

    line-height: 36px;

    font-size: 14px;

    font-size: 1.4rem;

    margin-left: 2%;

    margin-top: 20px;

  }

  .m-propic .list-item {

    margin-bottom: 9.4%;

  }

  .m-propic .pic-btn {

    height: 22px;

    line-height: 22px;

    font-size: 20px;

    font-size: 2rem;

    background: rgba(0, 140, 255, 0.6);

    color: #fff;

  }

  .m-propic .pic-list {

    padding-bottom: 410%;

    margin-top: 0px;

    margin-bottom: 0px;

    overflow: hidden;

  }

  .m-propic .pic-btn.prev {

    top: 0px;

  }

  .m-propic .pic-btn.next {

    bottom: 0px;

  }

  .m-propic .pic-btn.prev:hover,

.m-propic .pic-btn.next:hover {

    color: #fff;

  }

}

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

  .prmain2 {

    padding-top: 20px;

  }

  .m-propic {

    width: 100%;

    max-width: 500px;

    float: left;

  }

  .zoomPad {

    cursor: default !important;

  }

  .zoomPup {

    display: none !important;

  }

  .zoomWindow {

    display: none !important;

  }

  .zoomPreload {

    display: none !important;

  }

  .m-propic {

    float: none;

    margin: auto;

  }

  .m-propic .pic-btn {

    font-size: 16px;

    font-size: 1.6rem;

  }

  .jianjie {

    width: 100%;

    float: none;

    margin-top: 20px;

  }

  .jianjie h1 {

    font-size: 16px;

    font-size: 1.6rem;

  }

}

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

  .m-propic .pic-big {

    width: 76%;

  }

  .m-propic .pic-small {

    width: 22%;

  }

  .m-propic .list-item {

    margin-bottom: 21%;

  }

  .m-propic .pic-list {

    padding-bottom: 343%;

    margin-top: 0px;

    margin-bottom: 0px;

    overflow: hidden;

  }

}

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

  .m-propic2 .list-item {

    float: left;

    margin-left: 0.1%;

    margin-right: 0.1%;

    margin-bottom: 0;

    width: 4.8%;

  }

}

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

  .m-propic2 .list-item {

    float: left;

    margin-left: 0.1%;

    margin-right: 0.1%;

    margin-bottom: 0;

    width: 9.8%;

  }

}

.prmain3 {

  padding-top: 58px;

}



.chanxbiao {

  color: #000000;

  font-size: 36px;

  font-size: 3.6rem;

  line-height: 42px;

  font-weight: bold;

}



a.chanxbiao:hover {

  color: #f19d1e;

}



.pr3lie {

  padding: 45px 0;

}



.pr3lie .zong {

  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

  align-items: center;

}



.pr3r .zong {

  flex-direction: row-reverse;

}



.pr3tu {

  width: 67%;

}



.pr3zi {

  width: 33%;

}



.pr3l .pr3zi {

  padding-left: 58px;

}



.pr3r .pr3zi {

  padding-right: 58px;

}



.pr3tu img {

  width: 100%;

}



.pr3a {

  /*font-size: 100px;

  font-size: 10rem;

  line-height: 120px;*/

  font-size: 30px;

  font-size: 3rem;

  line-height: 54px;

  position: relative;

}



.pr3a:before {

  content: "";

  position: absolute;

  width: 49px;

  height: 2px;

  background: #c0e3ff;

  left: 0px;

  bottom: 0px;

}



.pr3p {

  font-size: 20px;

  font-size: 2rem;

  line-height: 36px;

  margin-top: 26px;

}



.pr3lie1 {

  background: url("../image/pr2bei1.png") no-repeat center right;

}



.pr3lie2 {

  background: url("../image/pr2bei2.png") no-repeat center left;

}



.pr3lie3 {

  background: url("../image/pr2bei3.png") no-repeat center right;

}



.pr3lie4 {

  background: #efefee url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.pr3lie5 {

  background: #efefee url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.pr3lie6 {

  background: #efefee url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

}



.pr3lie7 {

  background: url("../image/pr2bei4.png") no-repeat center;

}



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

  .chanxbiao {

    font-size: 30px;

    font-size: 3rem;

    line-height: 42px;

  }

  /*.pr3a {

    font-size: 60px;

    font-size: 6rem;

    line-height: 70px;

  }*/

  .pr3a {

    font-size: 18px;

    font-size: 1.8rem;

    line-height: 36px;

  }

  .pr3p {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 28px;

    margin-top: 20px;

  }

  .pr3l .pr3zi {

    padding-left: 30px;

  }

  .pr3r .pr3zi {

    padding-right: 30px;

  }

}

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

  .prmain3 {

    padding-top: 28px;

  }

  .chanxbiao {

    font-size: 24px;

    font-size: 2.4rem;

    line-height: 30px;

  }

  .pr3tu {

    width: 60%;

  }

  .pr3zi {

    width: 38%;

  }

  /*.pr3a {

    font-size: 50px;

    font-size: 5rem;

    line-height: 60px;

  }*/

  .pr3p {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    margin-top: 20px;

  }

}

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

  .pr3tu {

    width: 100%;

    max-width: 500px;

    margin: auto;

  }

  .pr3zi {

    width: 100%;

    margin-top: 10px;

  }

  /*.pr3a {

    font-size: 30px;

    font-size: 3rem;

    line-height: 60px;

  }*/

  .pr3lie {

    padding: 20px 0;

  }

  .pr3l .pr3zi {

    padding-left: 0px;

  }

  .pr3r .pr3zi {

    padding-right: 0px;

  }

}

.prtag2 {

  padding-top: 50px;

}



.tabp {

  color: #666666;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  margin-top: 25px;

}



.tabp a {

  color: #666666;

  display: inline-block;

  vertical-align: middle;

  margin-right: 20px;

}



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

  .prtag2 {

    padding-top: 30px;

  }

  .tabp {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    margin-top: 10px;

  }

}

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

  .prtag2 {

    padding-top: 20px;

  }

}

.prxin input::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #666666;

  opacity: 1;

}



.prxin input:-o-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #666666;

  opacity: 1;

}



.prxin input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #666666;

  opacity: 1;

}



.prxin input:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #666666;

  opacity: 1;

}



.prxin textarea::-webkit-input-placeholder {

  /* WebKit browsers */

  color: #666666;

  opacity: 1;

}



.prxin textarea:-o-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #666666;

  opacity: 1;

}



.prxin textarea::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #666666;

  opacity: 1;

}



.prxin textarea:-ms-input-placeholder {

  /* Internet Explorer 10+ */

  color: #666666;

  opacity: 1;

}



.prxin {

  padding-top: 60px;

}



.prxinn {

  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

}



.prxin .int1 {

  width: 24.75%;

  padding-left: 12px;

  margin-top: 23px;

}



.prxin .int1 input {

  width: 100%;

  height: 54px;

  line-height: 52px;

  padding: 0 14px;

  color: #333;

  font-size: 14px;

  font-size: 1.4rem;

  border: solid 1px #d2d2d2;

}



.prxin .int2 {

  width: 100%;

  padding-left: 12px;

  margin-top: 23px;

}



.prxin .int2 textarea {

  width: 100%;

  height: 111px;

  line-height: 32px;

  padding: 10px 14px;

  color: #333;

  font-size: 14px;

  font-size: 1.4rem;

  border: solid 1px #d2d2d2;

}



.prxin .int3 {

  width: 390px;

  padding-left: 12px;

  margin-top: 23px;

  position: relative;

  padding-right: 200px;

}



.prxin .int3 input {

  width: 100%;

  height: 54px;

  line-height: 52px;

  padding: 0 14px;

  color: #333;

  font-size: 14px;

  font-size: 1.4rem;

  border: solid 1px #d2d2d2;

}



.prxin .yanzheng {

  width: 179px;

  height: 54px;

  position: absolute;

  right: 0px;

  top: 0px;

  cursor: pointer;

}



.prxin .int4 {

  width: calc(100% - 410px);

  margin-top: 23px;

}



.prxin .int4 input {

  width: 100%;

  height: 54px;

  background: #f19d1e;

  cursor: pointer;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333333;

  transition: 0.5s;

}



.prxin .int4 input:hover {

  color: #fff;

}



.prxin .xing {

  background: url("../image/xing.png") no-repeat left 24px;

}



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

  .prxin {

    padding-top: 30px;

  }

  .prxin .int1 {

    width: 49%;

    margin-top: 10px;

  }

  .prxin .int2 {

    margin-top: 10px;

  }

  .prxin .int3 {

    width: 100%;

    margin-top: 10px;

  }

  .prxin .int4 {

    width: 100%;

    padding-left: 12px;

    margin-top: 10px;

  }

}

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

  .prxin .int1 {

    width: 100%;

  }

  .prxin .int3 {

    padding-right: 130px;

  }

  .prxin .yanzheng {

    width: 120px;

  }

}

.homain {

  padding-top: 98px;

  padding-bottom: 105px;

}



.img-scroll2 {

  position: relative;

  margin-top: 54px;

}



.img-scroll2 .prev,

.img-scroll2 .next {

  position: absolute;

  text-align: center;

  display: block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  background: #d5d5d5;

  font-size: 16px;

  font-size: 2rem;

  color: #000000;

  top: -72px;

  transition: 0.5s;

  z-index: 9;

}



.img-scroll2 .prev {

  right: 48px;

  cursor: pointer;

}



.img-scroll2 .next {

  right: 0px;

  cursor: pointer;

}



.img-scroll2 .prev:hover,

.img-scroll2 .next:hover {

  background: #f19d1e;

  color: #fff;

}



.img-list2 {

  position: relative;

  overflow: hidden;

}



.img-list2 ul {

  width: 10000%;

}



.img-list2 li {

  float: left;

  width: 0.215%;

  margin-right: 0.0466%;

  position: relative;

}



.hotu {

  display: block;

  overflow: hidden;

}



.hotu img {

  width: 100%;

}



.hozi a {

  display: block;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 26px;

  color: #666666;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  margin-top: 14px;

}



.hozi a:hover,

.hobiao:hover {

  color: #f19d1e;

}



.prtag {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  padding-top: 52px;

  padding-bottom: 153px;

}



.prtag a:hover {

  color: #f19d1e;

}



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

  .homain {

    padding-top: 30px;

    padding-bottom: 40px;

  }

  .hobiao {

    font-size: 30px;

    font-size: 3rem;

    line-height: 40px;

    padding-right: 80px;

  }

  .img-scroll2 {

    margin-top: 22px;

  }

  .img-scroll2 .prev,

.img-scroll2 .next {

    top: -55px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

  }

  .img-scroll2 .prev {

    right: 40px;

  }

  .img-scroll2 .next {

    right: 0px;

    cursor: pointer;

  }

  .img-list2 li {

    width: 0.3233%;

    margin-right: 0.015%;

  }

  .prtag {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    padding-top: 30px;

    padding-bottom: 53px;

  }

}

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

  .homain {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .hobiao {

    font-size: 22px;

    font-size: 2.2rem;

    line-height: 30px;

    padding-right: 80px;

  }

  .img-scroll2 .prev,

.img-scroll2 .next {

    top: -50px;

  }

  .img-list2 li {

    width: 0.49%;

    margin-right: 0.02%;

  }

  .hozi a {

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 22px;

  }

  .prtag {

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 22px;

    padding-top: 10px;

    padding-bottom: 30px;

  }

}

/****************************  about  ************************/

#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);

  transition: opacity 0.5s ease;

  z-index: 99999999999999980000000000000000000000;

}



#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;

  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;

  transition: left 0.4s ease, transform 0.4s ease;

}



#baguetteBox-slider.bounce-from-right {

  animation: bounceFromRight 0.4s ease-out;

}



#baguetteBox-slider.bounce-from-left {

  animation: bounceFromLeft 0.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;

  border-radius: 15%;

  background-color: #323232;

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

  color: #ddd;

  font: 1.6em sans-serif;

  transition: background-color 0.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%;

  border-radius: 50%;

  background-color: #fff;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  animation: bounce 2s infinite ease-in-out;

}



.double-bounce2 {

  animation-delay: -1s;

}

@keyframes bounceFromRight {

  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;

  }

}

@keyframes bounce {

  0%, 100% {

    transform: scale(0);

  }

  50% {

    transform: scale(1);

  }

}

.abmain1 {

  background: url("../image/abbei1.png") no-repeat right center;

  padding-top: 58px;

  padding-bottom: 54px;

}



.abmain1 .zong {

  /*background: url("../image/abbei2.png") no-repeat top center;*/

  background-size: 100%;

  padding-top: 55px;

}



.ab1tu img {

  width: 100%;

}



.ab1zi {

  /*display: flex;

  flex-flow: wrap;

  justify-content: space-between;

  position: relative;*/

}



/*.ab1zi:before {

  content: "";

  position: absolute;

  top: 30px;

  bottom: 30px;

  width: 1px;

  left: 50%;

  background: #dfdfdf;

}*/



.ab1n {

  width: 100%;

  padding-top: 35px;

}



.ab1biao {

  font-size: 40px;

  font-size: 4rem;

  line-height: 50px;

  font-weight: bold;

  margin-bottom: 12px;

}



.ab1p {

  color: #666666;

  font-size: 18px;

  font-size: 1.8rem;

  line-height: 30px;

  padding-top: 15px;

}



.ab1p p {

  color: #666666;

}



.abmain2 {

  position: relative;

  padding-bottom: 45.5%;

  height: 0;

  overflow: hidden;

}



.abmain2 iframe,

.abmain2 video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: none;

}



.abmain2 iframe body {

  margin: 0px !important;

}



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

  .ab1biao {

    font-size: 30px;

    font-size: 3rem;

    line-height: 40px;

    margin-bottom: 10px;

  }

  .ab1p {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 26px;

    padding-top: 10px;

  }

}

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

  .abmain1 {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .abmain1 .zong {

    padding-top: 30px;

  }

  .ab1biao {

    font-size: 26px;

    font-size: 2.6rem;

    line-height: 32px;

    margin-bottom: 10px;

  }

}

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

  .abmain1 {

    padding-top: 20px;

    padding-bottom: 30px;

  }

  .abmain1 .zong {

    padding-top: 20px;

  }

  .ab1n {

    width: 100%;

    padding-top: 20px;

  }

  .ab1zi:before {

    display: none;

  }

  .ab1biao {

    font-size: 22px;

    font-size: 2.2rem;

    line-height: 30px;

    margin-bottom: 10px;

  }

  .ab1p {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    padding-top: 0px;

  }

}

.abmain3 {

  background: url("../image/ab2bei.png") no-repeat left center;

  padding-top: 62px;

  padding-bottom: 65px;

}



.ab3biao {

  color: #000000;

  font-size: 36px;

  font-size: 3.6rem;

  line-height: 42px;

  display: inline-block;

  padding-right: 123px;

  position: relative;

  font-weight: bold;

}



.ab3biao:before {

  content: "";

  position: absolute;

  width: 112px;

  height: 3px;

  background: #f19d1e;

  right: 0px;

  top: 50%;

}



.abmain3 .row {

  margin-left: 18.6%;

  position: relative;

}



.abmain3 .owl-carousel {

  display: none;

  position: relative;

  width: 100%;

  -ms-touch-action: pan-y;

  margin-top: 15px;

}



.abmain3 .owl-carousel .owl-wrapper {

  display: none;

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

}



.abmain3 .owl-carousel .owl-wrapper-outer {

  overflow: hidden;

  position: relative;

  width: 100%;

}



.abmain3 .owl-carousel .owl-wrapper-outer.autoHeight {

  transition: height 500ms ease-in-out;

}



.abmain3 .owl-carousel .owl-item {

  float: left;

}



.abmain3 .owl-controls .owl-page,

.owl-controls .owl-buttons div {

  cursor: pointer;

}



.abmain3 .owl-controls {

  -webkit-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.abmain3 .owl-theme .owl-controls {

  position: absolute;

  left: 0px;

  top: 125px;

}



.abmain3 .owl-theme .owl-controls .owl-page {

  display: inline-block;

  zoom: 1;

  *display: inline;

}



.abmain3 .owl-theme .owl-controls .owl-page span {

  display: block;

  color: #000000;

  font-size: 28px;

  font-size: 2.8rem;

  line-height: 32px;

  display: none;

}



.abmain3 .owl-theme .owl-controls .owl-page.active span,

.abmain3 .owl-theme .owl-controls.clickable .owl-page:hover span {

  display: block;

}



.abmain3 .owl-theme .owl-buttons {

  width: 89px;

  height: 42px;

  position: relative;

  margin: auto;

  display: none !important;

}



.abmain3 .owl-theme .owl-buttons div {

  width: 42px;

  height: 42px;

  background: #fff;

  position: absolute;

  line-height: 42px;

  font-size: 24px;

  transition: 0.5s;

}



.abmain3 .owl-theme .owl-prev {

  left: 0px;

}



.abmain3 .owl-theme .owl-next {

  right: 0px;

}



.abmain3 .owl-theme .owl-buttons div:hover {

  background: #3080f9;

  color: #fff;

}



.abmain3 .item {

  display: flex;

  flex-flow: wrap;

  /*flex-direction: row-reverse;*/

  align-items: flex-end;

}



.ab3lie {

  display: inline-block;

  vertical-align: bottom;

}



.ab3lie1 {

  width: 41.7%;

  margin-left: 0.7%;

}



.ab3lie2 {

  width: 32.8%;

  margin-left: 0.7%;

}



.ab3lie3 {

  width: 24.1%;

}



.ab3tu {

  display: block;

  position: relative;

  overflow: hidden;

}



.ab3tu img {

  width: 100%;

}



.ab2fu {

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0px;

  top: 100%;

  background: #f19d1e;

  background: rgba(155, 210, 255, 0.8);

  transition: 0.5s;

}



.ab2fu i {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  color: #666666;

  position: absolute;

  left: 50%;

  top: 50%;

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

  font-size: 22px;

}



.ab3tu:hover .ab2fu {

  top: 0px;

}



.ab3zi {

  color: #000000;

  font-size: 24px;

  font-size: 2.4rem;

  line-height: 37px;

  position: relative;

  padding: 5px 0;

  padding-left: 54px;

  font-weight: bold;

  margin-top: 12px;

}



.ab3zi i {

  display: block;

  width: 43px;

  height: 47px;

  background: url("../image/ab3a.png") no-repeat center;

  text-align: center;

  line-height: 47px;

  position: absolute;

  left: 0px;

  top: 0px;

  color: #000000;

  font-size: 24px;

  font-size: 2.4rem;

  font-style: normal;

  font-weight: bold;

}



.ab3shu {

  position: absolute;

  top: 130px;

  left: 40px;

  color: #000000;

  font-size: 28px;

  font-size: 2.8rem;

  line-height: 40px;

  font-weight: bold;

}



.ab3shun {

  color: #666666;

  font-size: 22px;

  font-size: 2.2rem;

  display: inline-block;

  vertical-align: top;

  padding-top: 10px;

}



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

  .abmain3 .row {

    margin-left: 5%;

  }

  .ab3shu {

    top: 100px;

  }

  .abmain3 .owl-theme .owl-controls {

    top: 100px;

  }

}

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

  .abmain3 {

    padding-top: 30px;

  }

  .abmain3 .row {

    margin-left: 2%;

  }

  .ab3shu {

    top: 70px;

  }

  .abmain3 .owl-theme .owl-controls {

    top: 70px;

  }

  .ab3biao {

    font-size: 30px;

    font-size: 3rem;

    line-height: 40px;

    padding-right: 50px;

  }

  .ab3biao:before {

    width: 40px;

    height: 2px;

  }

  .ab3zi {

    font-size: 20px;

    font-size: 2rem;

  }

}

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

  .abmain3 .item {

    flex-direction: row;

  }

  .ab3lie {

    width: 32.33%;

    margin-left: 1.5%;

  }

  .ab3lie1 {

    margin-left: auto;

  }

  .ab3zi {

    font-size: 16px;

    font-size: 1.6rem;

    padding-left: 46px;

  }

  .abmain3 .row {

    margin-left: 0px;

    padding-bottom: 55px;

  }

  .ab3shu {

    top: auto;

    bottom: 0px;

    left: 55px;

  }

  .abmain3 .owl-theme .owl-controls {

    top: auto;

    bottom: -40px;

    left: 20px;

  }

  .ab2fu {

    display: none;

  }

  .ab3biao {

    font-size: 24px;

    font-size: 2.4rem;

    line-height: 30px;

    padding-right: 50px;

  }

}

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

  .abmain3 .item {

    display: block;

    font-size: 0px;

  }

  .ab3lie {

    width: 49%;

    margin-left: 2%;

    margin-bottom: 10px;

  }

  .ab3lie:nth-child(2n-1) {

    margin-left: auto;

  }

  .ab3zi {

    font-size: 14px;

    font-size: 1.4rem;

    padding-left: 46px;

  }

}

.abmain4 {

  background: #f3f3f3 url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

  padding-top: 60px;

  padding-bottom: 30px;

}



.ab4n {

  text-align: center;

  font-size: 0px;

  padding-top: 45px;

}



.ab4lie {

  width: 24.33%;

  display: inline-block;

  vertical-align: top;

  margin-left: 0.89%;

  margin-bottom: 73px;

}



.ab4lie:nth-child(4n-3) {

  margin-left: auto;

}



.ab4tu {

  padding: 4px;

  border-radius: 4px;

  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.4);

}



.ab4tu img {

  width: 100%;

  border-radius: 4px;

}



.ab4zi {

  text-align: center;

  color: #000000;

  font-size: 19px;

  font-size: 1.9rem;

  line-height: 24px;

  font-weight: bold;

  margin-top: 15px;

}



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

  .ab4lie {

    margin-bottom: 30px;

  }

  .ab4zi {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 24px;

    margin-top: 10px;

  }

}

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

  .abmain4 {

    padding-top: 30px;

    padding-bottom: 10px;

  }

  .ab4n {

    padding-top: 25px;

  }

  .ab4lie {

    width: 32.33%;

    margin-left: 1.5%;

    margin-bottom: 25px;

  }

  .ab4lie:nth-child(4n-3) {

    margin-left: 1.5%;

  }

  .ab4lie:nth-child(3n-2) {

    margin-left: auto;

  }

}

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

  .ab4lie {

    width: 49%;

    margin-left: 2%;

    margin-bottom: 10px;

  }

  .ab4lie:nth-child(4n-3) {

    margin-left: 1.5%;

  }

  .ab4lie:nth-child(3n-2) {

    margin-left: 1.5%;

  }

  .ab4lie:nth-child(2n-1) {

    margin-left: auto;

  }

  .ab4zi {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 24px;

    margin-top: 10px;

  }

}

/**********************  customize  ***********************/

.cumain1 {

  padding-top: 34px;

  padding-bottom: 96px;

}



.cubiao {

  font-size: 34px;

  font-size: 3.4rem;

  line-height: 40px;

  margin-top: 20px;

  text-transform: uppercase;

}



.cupz {

  color: #666666;

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 30px;

  margin-top: 13px;

}



.cupz p {

  color: #666666;

}



.cu1n {

  font-size: 0px;

  display: flex;

  flex-flow: wrap;

  padding-top: 18px;

}



.cu1lie {

  width: 29.2%;

  margin-left: 6.2%;

  background: #efefef;

  padding: 26px;

  position: relative;

  margin-top: 65px;

  padding-bottom: 51px;

}



.cu1lie:nth-child(3n-2) {

  margin-left: auto;

}



.cu1shu {

  width: 75px;

  height: 75px;

  background: #ffffff;

  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.27);

  position: absolute;

  border-radius: 50%;

  left: 50%;

  top: 0px;

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

  font-size: 30px;

  font-size: 3rem;

  line-height: 75px;

  text-align: center;

}



.cu1p {

  font-size: 18px;

  font-size: 1.8rem;

  line-height: 30px;

  margin-top: 50px;

}



.cumain2 {

  background: url("../image/prbei.jpg") no-repeat center;

  background-size: cover;

  background-attachment: fixed;

  padding-top: 61px;

  padding-bottom: 100px;

}



.cu2lie {

  display: flex;

  flex-flow: wrap;

  justify-content: space-between;

  margin-top: 26px;

}



.cu2lie1 {

  flex-direction: row-reverse;

}



.cu2tu {

  width: 45.8%;

  margin-top: 60px;

}



.cu2tu p {

  border-radius: 20px;

}



.cu2tu img {

  border-radius: 20px;

  width: 100%;

}



.cu2zi {

  width: 45.8%;

}



.cu2biao {

  font-size: 28px;

  font-size: 2.8rem;

  line-height: 31px;

  padding: 20px 0;

  padding-left: 82px;

  background: url("../image/cu2bei.png") no-repeat left center;

}



.cu2p {

  margin-top: 32px;

}



.cu2p p {

  color: #666666;

  font-size: 18px;

  font-size: 1.8rem;

  line-height: 36px;

  position: relative;

  padding-left: 26px;

}



.cu2p p:before {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  background: #f19d1e;

  left: 0px;

  top: 14px;

  border-radius: 50%;

}



.cu2lie2 .cu2zi {

  margin-top: 53px;

}



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

  .cubiao {

    font-size: 24px;

    font-size: 2.4rem;

    line-height: 30px;

    margin-top: 20px;

  }

  .cupz {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    margin-top: 10px;

  }

  .cu1lie {

    width: 32.33%;

    margin-left: 1.5%;

    padding: 15px;

    margin-top: 45px;

    padding-bottom: 20px;

  }

  .cu1shu {

    width: 60px;

    height: 60px;

    font-size: 20px;

    font-size: 2rem;

    line-height: 60px;

  }

  .cu1p {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 26px;

    margin-top: 30px;

  }

  .cu2biao {

    font-size: 22px;

    font-size: 2.2rem;

    line-height: 30px;

    padding: 20px 0;

    padding-left: 82px;

  }

  .cu2p p {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 32px;

    padding-left: 26px;

  }

}

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

  .cumain1 {

    padding-top: 20px;

    padding-bottom: 36px;

  }

  .cumain2 {

    padding-top: 20px;

    padding-bottom: 40px;

  }

  .cubiao {

    font-size: 20px;

    font-size: 2rem;

  }

  .cu2tu {

    width: 48%;

    margin-top: 60px;

  }

  .cu2zi {

    width: 48%;

  }

}

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

  .cumain1 {

    padding-top: 10px;

    padding-bottom: 36px;

  }

  .cu1lie {

    width: 49%;

    margin-left: 2% !important;

  }

  .cu1lie:nth-child(2n-1) {

    margin-left: auto !important;

  }

  .cubiao {

    font-size: 18px;

    font-size: 1.8rem;

  }

  .cu2tu {

    width: 100%;

    margin-top: 0px;

  }

  .cu2zi {

    width: 100%;

    margin-top: 20px !important;

  }

}

.cumain3 {

  padding-top: 56px;

  padding-bottom: 100px;

}



.cumain3 .cubiao {

  margin-right: 85px;

}



.img-scroll {

  position: relative;

  margin-top: 45px;

}



.img-scroll .prev,

.img-scroll .next {

  position: absolute;

  text-align: center;

  display: block;

  width: 35px;

  height: 35px;

  line-height: 35px;

  font-size: 16px;

  font-size: 2rem;

  color: #000000;

  background: #f2f2f2;

  transition: 0.5s;

  top: -70px;

  z-index: 9;

}



.img-scroll .prev {

  right: 43px;

  cursor: pointer;

}



.img-scroll .next {

  right: 0px;

  cursor: pointer;

}



.img-scroll .prev:hover,

.img-scroll .next:hover {

  background: #f19d1e;

  color: #fff;

}



.img-list {

  position: relative;

  overflow: hidden;

}



.img-list ul {

  width: 10000%;

}



.img-list li {

  float: left;

  width: 0.3166%;

  margin-right: 0.025%;

  position: relative;

}



.cu3tu {

  border-radius: 10px;

}



.cu3tu img {

  border-radius: 10px;

  width: 100%;

}



.cu3zi {

  text-align: center;

  font-size: 24px;

  font-size: 2.4rem;

  line-height: 30px;

  margin-top: 22px;

}



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

  .cu3zi {

    font-size: 20px;

    font-size: 2rem;

    margin-top: 15px;

  }

}

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

  .cumain3 {

    padding-top: 30px;

    padding-bottom: 30px;

  }

  .cu3zi {

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 24px;

    margin-top: 12px;

  }

}

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

  .cumain3 {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .img-scroll {

    margin-top: 25px;

  }

  .img-scroll .prev,

.img-scroll .next {

    top: -55px;

  }

  .img-list li {

    width: 0.49%;

    margin-right: 0.02%;

  }

  .cu3zi {

    font-size: 14px;

    font-size: 1.4rem;

    margin-top: 10px;

  }

}

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

  .img-list li {

    width: 1%;

    margin-right: 0.02%;

  }

}

.c-nbg1 {

  background: url("../image/nbg1.jpg") no-repeat center top;

}



.g-wp1 {

  padding-top: 58px;

  padding-bottom: 0;

}

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

  .g-wp1 {

    padding-top: 40px;

    padding-bottom: 40px;

  }

}



.m-htvideo .box-item {

  margin-bottom: 56px;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: center;

}

.m-htvideo .item-pic {

  width: 61.1666666667%;

}

.m-htvideo .item-text {

  width: 35%;

}

.m-htvideo .item-title {

  line-height: 40px;

  font-size: 30px;

  font-size: 3rem;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.m-htvideo .item-desc {

  margin-top: 38px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  max-height: 180px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;

  overflow: hidden;

}

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

  .m-htvideo .box-item {

    margin-bottom: 30px;

  }

  .m-htvideo .item-title {

    line-height: 26px;

    font-size: 16px;

    font-size: 1.6rem;

  }

  .m-htvideo .item-desc {

    margin-top: 10px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

    max-height: 96px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

  }

}



.m-videol {

  display: flex;

  flex-flow: row wrap;

  justify-content: flex-start;

  align-items: flex-start;

  margin-bottom: -30px;

}

.m-videol .list-item {

  margin-right: 7.5%;

  margin-bottom: 30px;

  width: 46.1666666667%;

}

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

  margin-right: 0;

}

.m-videol .item-title {

  margin-top: 15px;

  line-height: 32px;

  font-size: 22px;

  font-size: 2.2rem;

  text-align: center;

  text-overflow: ellipsis;

  white-space: nowrap;

}

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

  .m-videol .item-title {

    margin-top: 10px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}



.m-newsl {

  padding: 0;

}

.m-newsl:before {

  display: none;

}

.m-newsl .box-list {

  margin-bottom: -61px;

}

.m-newsl .list-item {

  margin-bottom: 61px;

}

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

  .m-newsl .box-list {

    margin-bottom: -30px;

  }

  .m-newsl .list-item {

    margin-bottom: 30px;

  }

}



.m-news {

  padding-bottom: 30px;

  border-bottom: 1px solid #999999;

}

.m-news .box-title {

  font-size: 24px;

  font-size: 2.4rem;

  color: #333;

  text-align: left;

  font-weight: normal;

}

.m-news .box-info {

  margin-top: 19px;

  letter-spacing: 0;

  line-height: 26px;

  text-align: left;

  padding-bottom: 16px;

  border-bottom: 1px solid #999999;

}

.m-news .box-time {

  position: relative;

  margin-right: 10px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  height: 26px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

  vertical-align: top;

}

.m-news .box-time .iconfont {

  position: absolute;

  left: 0;

}

.m-news .box-share {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  height: 26px;

  vertical-align: top;

}

.m-news .share-title {

  margin-right: 5px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  height: 26px;

  vertical-align: top;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-news .share-img {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  height: 26px;

  vertical-align: top;

}

.m-news .box-desc {

  margin-top: 21px;

  padding-bottom: 0;

  color: #666;

  line-height: 28px;

}

.m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc b {

  line-height: 28px;

}

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

  .m-news .box-title {

    font-size: 24px;

    font-size: 2.4rem;

  }

  .m-news .box-desc {

    margin-top: 30px;

    line-height: 28px;

  }

  .m-news .box-desc p, .m-news .box-desc span, .m-news .box-desc b {

    line-height: 28px;

  }

}



.m-ctusb1 {

  background: url("../image/ctusbg1.png") no-repeat left top;

}

/*.m-ctusb1 .box-wp {

  padding-top: 40px;

  background: url("../image/ctus.png") no-repeat center top;

}*/

.m-ctusb1 .box-fix {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: flex-start;

  padding-left: 58px;

  padding-right: 25px;

  padding-top: 21px;

  padding-bottom: 73px;

  background-color: #ffffff;

  box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.1);

}

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

  .m-ctusb1 .box-fix {

    padding: 30px 15px;

  }

}



.m-ctusinfo {

  width: 31.3339301701%;

}

.m-ctusinfo .box-title {

  line-height: 44px;

  font-size: 40px;

  font-size: 4rem;

  font-weight: bold;

}

.m-ctusinfo .box-desc {

  margin-top: 15px;

  line-height: 30px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #999;

}

.m-ctusinfo .box-info {

  margin-top: 60px;

}

.m-ctusinfo .info-item {

  margin-top: 18px;

  position: relative;

  padding-left: 30px;

  line-height: 32px;

  font-size: 16px;

  font-size: 1.6rem;

  color: #666;

}

.m-ctusinfo .info-item a {

  color: #666;

}

.m-ctusinfo .info-item i {

  position: absolute;

  left: 0;

  top: 0;

}

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

  margin-top: 0;

}

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

  .m-ctusinfo {

    width: 100%;

  }

  .m-ctusinfo .box-title {

    line-height: 30px;

    font-size: 24px;

    font-size: 2.4rem;

  }

  .m-ctusinfo .box-desc {

    margin-top: 15px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

  .m-ctusinfo .box-info {

    margin-top: 30px;

  }

  .m-ctusinfo .info-item {

    margin-top: 10px;

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}



.m-ctusform {

  overflow: hidden;

  width: 53.4467323187%;

  box-sizing: border-box;

  padding-top: 22px;

}

.m-ctusform .box-form {

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: flex-start;

}

.m-ctusform .form-item {

  position: relative;

  margin-bottom: 22px;

  padding-left: 16px;

  line-height: 0;

  font-size: 0;

  box-sizing: border-box;

  overflow: hidden;

}

.m-ctusform .form-item.important {

  background: url("../image/star1.png") no-repeat 0 22px;

}

.m-ctusform .form-item-1 {

  width: 49.9162479062%;

}

.m-ctusform .form-item-2 {

  width: 100%;

}

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

  background: url("../image/star1.png") no-repeat 0 20px;

}

.m-ctusform .form-item-3 {

  width: 32.4958123953%;

}

.m-ctusform .form-item-4 {

  width: 29.8157453936%;

  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 #d2d2d2;

  box-sizing: border-box;

}

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

  max-height: 52px;

  vertical-align: middle;

}

.m-ctusform .form-item-5 {

  float: right;

  border: none;

  width: 31.3232830821%;

  padding-left: 0;

}

.m-ctusform .item-btn1 {

  width: 100%;

  height: 54px;

  padding-left: 0;

  line-height: 54px;

  color: #333;

  text-transform: uppercase;

  font-size: 14px;

  font-size: 1.4rem;

  text-transform: uppercase;

  background-color: #f19d1e;

}

.m-ctusform .item-btn1:hover {

  color: #fff;

  background-color: #333;

}

.m-ctusform .item-text {

  width: 100%;

  height: 54px;

  line-height: 52px;

  padding-left: 13px;

  padding-right: 13px;

  font-size: 14px;

  font-size: 1.4rem;

  color: #333;

  box-sizing: border-box;

  border: 1px solid #d2d2d2;

}

.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: 110px;

  line-height: 32px;

  padding-top: 10px;

  box-sizing: border-box;

}



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

  .m-ctusform {

    float: none;

    margin-top: 30px;

    width: 100%;

  }

  .m-ctusform .box-title, .m-ctusform .box-desc {

    padding-left: 0;

  }

  .m-ctusform .box-desc {

    line-height: 24px;

    font-size: 14px;

    font-size: 1.4rem;

  }

}

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

  .m-ctusform {

    margin-top: 30px;

  }

  .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 .form-item-3 {

    width: calc(100% - 140px);

    margin-right: 0;

  }

  .m-ctusform .form-item-4 {

    float: right;

    width: 120px;

    height: 36px;

    line-height: 34px;

    padding-left: 0;

  }

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

    max-height: 34px;

  }

  .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: 70px;

}

@font-face {

  font-family: "BaskOldFace";

  font-display: swap;

  src: url('../font/baskervilleoldface1.eot');

  src: url('../font/baskervilleoldface1.eot') format('embedded-opentype'),

       url('../font/baskervilleoldface1.woff2') format('woff2'),

       url('../font/baskervilleoldface1.woff') format('woff'),

       url('../font/baskervilleoldface1.ttf') format('truetype'),

       url('../font/baskervilleoldface1.svg') format('svg');

}

@font-face {

  font-family: "iconfont"; /* Project id 3492599 */

  src: url('../font/iconfont.eot'); /* IE9 */

  src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */

       url('../font/iconfont.woff2') format('woff2'),

       url('../font/iconfont.woff') format('woff'),

       url('../font/iconfont.ttf') format('truetype'),

       url('../font/iconfont.svg') format('svg');

}



.iconfont {

  font-family: "iconfont" !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.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";

}



.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";

}



.m-kefu-chat.mobile-hide{ right: 6px!important; }

.m-page a.no:hover {color: #333!important;border: solid 1px #213364!important; background: none!important;}

.item-btns a.no:hover  {color: #333!important; background-color: #E5E5E5!important;}

.ppp{line-height: 30px; font-size: 16px; font-size: 1.6rem; margin-top: 21px; display: block;}

.actives{color: #d52c2c!important;}

.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;}

.listcart {width: 100%;text-align: center;}

.listcart a {

    display: inline-block;

    height: 34px;

    width: 200px;

    line-height: 34px;

    overflow: hidden;

    color: #fff;

    cursor: pointer;

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    font-size: 16px;

    font-size: 1.6rem;

    margin-left: 10px;

    border-radius: 5px;

    background-color: #b8b8b8;

    margin-bottom: 10px;

    border: none!important;

    }

    .listcart a:hover {background: #f19d1e;}

    .xunpanc{margin-top: 20px; width: 100%;}

    .xunpanc .table {margin-top: 0;}

    .xunpanc table tr td{border: 1px solid #ccc; text-align: left; padding: 3px;}

    .xunpanc table tr td a:hover{color: #f19d1e;}

	

	

.video-pop{position:fixed;z-index:10000;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5); text-align:center;}

.video-pop .video-warp{position:absolute;top:50%;left:50%;max-width:70%;max-height:70%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

.video-pop .video-warp video{max-width:70%; margin:0 auto; max-height:70%;}

.video-pop .video-warp .video-close{position:absolute;top:-50px;right:-50px;width:38px;height:38px;background:url(../image/close-white.png) no-repeat center center/18px 18px;cursor:pointer;border:1px solid #fff;border-radius:100%;}