@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1606114647095'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1606114647095#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1606114647095') format('woff'),
  url('../fonts/iconfont.ttf?t=1606114647095') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1606114647095#iconfont') format('svg'); /* iOS 4.1- */
}

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

.icon-viber:before {
  content: "\e7a3";
}

.icon-skype2:before {
  content: "\e7d7";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-email1:before {
  content: "\e7bd";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-tel11:before {
  content: "\e7d1";
}

.icon-wechat1:before {
  content: "\e7d3";
}

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

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

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

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

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

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

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

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

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


/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; font-family: "Poppins-Regular"; font-size: 14px; font-size: 1.4rem; height: 100%; overflow-x: hidden; max-width: 1920px; }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1, h2 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea, select { font-family: "Poppins-Regular"; font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

::-moz-selection { background: #fdd100; color: #fff; }

::selection { background: #fdd100; color: #fff; }

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

::-webkit-input-placeholder { /* WebKit browsers */ color: #4d4d4d; }

:-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4d4d4d; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4d4d4d; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #4d4d4d; }

.search ::-webkit-input-placeholder { /* WebKit browsers */ color: #1b1b1b; }

.search :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #1b1b1b; }

.search :-moz-placeholder { /* Mozilla Firefox 19+ */ color: #1b1b1b; opacity: 1; }

.search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1b1b1b; }

.search2 ::-webkit-input-placeholder { /* WebKit browsers */ color: #bfbfbf; }

.search2 :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bfbfbf; }

.search2 :-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bfbfbf; opacity: 1; }

.search2 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bfbfbf; }

.wp { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

.no_margin { margin-left: auto\0 !important; }

@media screen and (min-width: 1220px) { .no_margin { margin-left: auto !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_margin { margin-left: auto !important; } }

#fp-nav.fp-right { right: 21px !important; }

#fp-nav ul li, .fp-slidesNav ul li { width: 26px !important; height: 26px !important; margin: 8px 0 !important; }

#fp-nav ul li a, .fp-slidesNav ul li a { background: url(../images/dot.png) no-repeat center; }

#fp-nav ul li a.active, .fp-slidesNav ul li a.active { background: url(../images/dot1.png) no-repeat center; background-size: contain; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { display: none; }

/*! fullPage 3.0.5 https://github.com/alvarotrigo/fullPage.js @license GPLv3 for open source use only or Fullpage Commercial License for commercial use http://alvarotrigo.com/fullPage/pricing/ Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo */
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fp-section { position: relative; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }

.fp-slide { float: left; }

.fp-slide, .fp-slidesContainer { height: 100%; display: block; }

.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }

.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.fp-slidesContainer { float: left; position: relative; }

.fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }

.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }

.fp-scrollable { overflow: hidden; position: relative; }

.fp-scroller { overflow: hidden; }

.iScrollIndicator { border: 0 !important; }

.fp-notransition { -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; }

#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }

#fp-nav.fp-right { right: 17px; }

#fp-nav.fp-left { left: 17px; }

.fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; }

.fp-slidesNav.fp-bottom { bottom: 17px; }

.fp-slidesNav.fp-top { top: 17px; }

#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; }

#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }

.fp-slidesNav ul li { display: inline-block; }

#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; }

#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; }

#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; }

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }

#fp-nav ul li .fp-tooltip.fp-right { right: 20px; }

#fp-nav ul li .fp-tooltip.fp-left { left: 20px; }

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }

.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }

/*Only display content to screen readers*/
.fp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/*.container*/
.wap-hd-nav { display: none; }

.wap-nav { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .nav form .iptc { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sousuo.png") no-repeat center center; }

.wap-nav .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .addition.active { background-image: url("../images/yizi.png"); }

.wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 21px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #333; }

@media screen and (min-width: 768px) { .wap-nav, .menubtn { display: none; } }

@media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; }
  .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: #fff; } }

/***********  lunbo  *************/
.slide { position: relative; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; height: 100%; position: absolute; cursor: pointer; overflow: hidden; }

.slide .carouse .slideItem .banner-img { width: 100%; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList { position: absolute; right: 9%; bottom: 20px; text-align: center; }

.slide .dotList ul li { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #666666; margin: 0 4px; cursor: pointer; }

.slide .dotList ul li.active { background: #fdd100; }

.slide .carousel-control { position: absolute; top: 50%; z-index: 999; margin-top: -33px; }

.slide .carousel-control i { font-size: 64px; font-size: 6.4rem; color: #000000; }

.slide .carousel-control:hover i { color: #fdd100; }

.slide .carousel-control.left { left: 3%; cursor: pointer; }

.slide .carousel-control.right { right: 3%; cursor: pointer; }

.slide .slidedetail { display: none; }

.slide video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; width: 100% !important; height: 100% !important; }

@media screen and (max-width: 1219px) { .slide .carousel-control i { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 959px) { .slide .carousel-control { display: none; }
  .slide video { -o-object-position: inherit; object-position: inherit; -o-object-fit: inherit; object-fit: inherit; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; top: 0; } }

@media screen and (max-width: 767px) { .slide .dotList { right: auto; width: 100%; bottom: 12px; } }

.banner_fy { position: relative; z-index: 2; overflow: hidden; }

.banner_fy .carouse { max-height: 916px; overflow: hidden; }

.banner_fy .slideItem { position: relative; }

.banner_fy video { position: absolute; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 101%; min-height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; display: none \9; display: block \9\0; }

.banner_fy .dotList { position: absolute; right: 9%; bottom: 23px; }

.banner_fy .dotList ul { text-align: center; }

.banner_fy .dotList ul li { position: relative; margin: 0 3px; width: 12px; height: 12px; border-radius: 50%; background: #666666; }

.banner_fy .dotList ul li.active { background: #fdd100; }

.banner_fy.hide { display: none; }

@media screen and (max-width: 959px) { .banner_fy { display: block; }
  .banner_fy .dotList { bottom: 10px; }
  .banner_fy .dotList ul li { margin: 0 5px; }
  .banner_fy.hide { display: block; }
  .n-banner { display: none; }
  .banner_fy .slideItem { overflow: hidden; }
  .banner_fy video { -o-object-position: inherit; object-position: inherit; -o-object-fit: inherit; object-fit: inherit; width: 100%; height: 100%; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); left: 0; top: 0; } }

.banner_fy .carouse { width: 100%; overflow: hidden; position: relative; }

.banner_fy .slideItem .banner-img { width: 100%; cursor: pointer; }

.banner_fy .carouse .slideItem { width: 100%; position: absolute; }

.banner_fy .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.banner_fy .dotList { text-align: center; margin-top: 20px; }

.banner_fy .dotList ul li { display: inline-block; width: 12px; height: 12px; cursor: pointer; }

.banner_fy .dotList ul li.active { background-position: 0 0; }

.banner_fy .carousel-control { position: absolute; top: 50%; z-index: 999; margin-top: -33px; }

.banner_fy .carousel-control i { font-size: 64px; font-size: 6.4rem; color: #000000; }

.banner_fy .carousel-control:hover i { color: #fdd100; }

.banner_fy .carousel-control.left { left: 3%; cursor: pointer; }

.banner_fy .carousel-control.right { right: 3%; cursor: pointer; }

.banner_fy .slidedetail { display: none; }

.imgtoVideo img { width: 100%; }

.imgtoVideo > div { padding: 1px; position: relative; cursor: pointer; width: 49%; display: inline-block; }

.imgtoVideo > div:hover .imgtoVideoDetail { display: block; }

.imgtoVideo .imgtoVideoDetail { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 1px; display: none; }

.imgtoVideo .imgtoVideoDetail > div { background: rgba(0, 98, 197, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); width: 100%; height: 100%; text-align: center; }

.imgtoVideo .tovideo .imgtoVideoDetail { display: block; }

.imgtoVideo .tovideo .imgtoVideoDetail > div { background: #0c2d47; width: 60px; height: 60px; color: #fff; line-height: 60px; vertical-align: middle; margin: 0 auto; margin-top: 17%; }

.imgtoVideo .imgtoVideoDetail .fa-search { color: #fff; font-size: 25px; margin-top: 21%; }

.contentIV { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: table; background: rgba(20, 43, 73, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49); margin: 0 auto; z-index: -999; max-width: 1024px; display: none; }

#picturetoVideo .carouse .slideItem { display: table; height: 100%; }

#picturetoVideo .carouse .slideItem > div { display: table-cell; vertical-align: middle; text-align: center; }

#picturetoVideo .carouse .slideItem .banner-img { max-width: 100%; width: auto; }

.closeContentIV { position: absolute; top: 10px; right: 10px; font-size: 25px; color: #fff; font-weight: bold; cursor: pointer; z-index: 999; }

@media screen and (max-width: 1219px) { .banner_fy .carousel-control i { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 959px) { .banner_fy .carousel-control { display: none; } }

@media screen and (max-width: 767px) { .banner_fy .dotList { right: auto; width: 100%; } }

/***********  toplx  ************/
.toplx { background: url(../images/headbg.jpg) no-repeat center top; padding: 10px 0; }

.keys { line-height: 30px; color: #fff; }

.keys a { color: #fff; }

.m-hdlang { position: relative; overflow: visible; float: right; height: 30px; line-height: 30px; text-align: center; margin-left: 15px; padding-right: 11px; background: url(../images/xljt.png) no-repeat right center; }

.m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #eee; z-index: 999; width: 100%; display: none; text-align: center; font-size: 12px; font-size: 1.2rem; border: solid 1px #fff; margin-top: -2px; padding-top: 3px; padding-bottom: 1px; }

.m-hdlang .lang-item { float: none; color: #fff; }

.m-hdlang .lang-item a { color: #666666; }

.m-hdlang .lang-item a:hover { color: #fdd100; }

.m-hdlang > .lang-item { font-size: 14px; font-size: 1.4rem; display: inline-block; color: #666666; }

.m-hdlang > .lang-item i { vertical-align: middle; color: #515151; margin-left: 5px; font-size: 16px; font-size: 1.6rem; vertical-align: middle; }

.search { margin-top: 5px; position: relative; }

.search form { position: absolute; top: 100%; right: 0; z-index: 99; display: none; }

.search > i { cursor: pointer; font-size: 20px; font-size: 2rem; color: #666666; }

.sou { width: 200px; height: 28px; line-height: 28px; padding-left: 10px; border: 1px solid #333; }

.suo { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; background: transparent; cursor: pointer; }

.search form i { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; line-height: 26px; text-align: center; }

.top_mail { color: #666666; line-height: 30px; margin-right: 10px; }

.top_mail a { color: #666666; }

.top_mail a:hover { color: #000; }

.top_mail i { margin-right: 13px; font-size: 18px; font-size: 1.8rem; }

.topsjj { margin-right: 10px; padding-right: 30px; border-right: 1px solid #927d1b; line-height: 20px; margin-top: 5px; }

.topsjj a i { font-size: 20px; font-size: 2rem; color: #666666; }

.topsjj a { margin-left: 10px; }

.topsjj a:hover i { color: #fff; }

/***********  head  ************/
.index-head, .index-head .fp-tableCell { height: auto !important; }

.head { background: #ffffff; position: relative; }

.logo { padding-top: 11px; }

.logo img { max-width: 100%; }

.navlist { padding-top: 47px; }

.navlist2 { display: none; }

.navlist > li { float: left; margin-left: 24px; position: relative; padding-bottom: 26px; }

.navlist > li.special{position: static;}

.navlist > li > a { font-size: 16px; font-size: 1.6rem; text-transform: uppercase; display: block; line-height: 32px; padding: 0px; position: relative; }

.navlist > li:hover > a { background: #5c5c5c; color: #fdd100; }

.navlist > li.currentnav > a { background: #5c5c5c; color: #fdd100; }

.navlist > li:hover > a { background: #5c5c5c; color: #fdd100; }

.navlist > li:hover > a:before { content: ""; display: block; width: 28px; height: 28px; background: url(../images/zuojiao.png) no-repeat center center; position: absolute; right: 100%; top: 0; bottom: 0; }

.navlist > li:hover > a:after { content: ""; display: block; width: 28px; height: 28px; background: url(../images/youjiao.png) no-repeat center center; position: absolute; left: 100%; top: 0; bottom: 0; }

.navlist > li.currentnav > a { background: #5c5c5c; color: #fdd100; }

.navlist > li.currentnav > a:before { content: ""; display: block; width: 32px; height: 32px; background: url(../images/zuojiao.png) no-repeat center center; position: absolute; right: 100%; top: 0; bottom: 0; }

.navlist > li.currentnav > a:after { content: ""; display: block; width: 32px; height: 32px; background: url(../images/youjiao.png) no-repeat center center; position: absolute; left: 100%; top: 0; bottom: 0; }

@media screen and (max-width: 1219px) { .navlist > li > a { font-size: 12px; font-size: 1.2rem; }
  .navlist > li { margin-left: 23px; }
  .topsjj { padding-right: 12px; }
  .topsjj a i { font-size: 18px; font-size: 1.8rem; }
  .topsjj a { margin-left: 6px; } }

@media screen and (max-width: 999px) { .navlist > li { margin-left: 20px; }
  .navlist > li > a { font-size: 12px; font-size: 1.2rem; }
  .toplx { background: #fdd100; }
  .headyou { float: none; }
  .keys { color: #333; text-align: right; }
  .keys a { color: #333; } }

@media screen and (max-width: 900px) { .navlist { width: 100%; text-align: center; padding-top: 20px; }
  .navlist > li { display: inline-block; float: none; }
  .navlist > li { padding-bottom: 15px; }
  .logo { display: block; float: none; max-width: 138px; margin: 0 auto; } }

@media screen and (max-width: 767px) { .navlist2 { display: block; }
  .navlist1 { display: none; }
  .navlist > li { width: 50%; margin: 0; float: left; text-align: center; }
  .navlist > li.currentnav > a:before, .navlist > li.currentnav > a:after { display: none; }
  .navlist > li:hover > a:before, .navlist > li:hover > a:after { display: none; }
  .topsjj, .top_mail { display: none; }
  .m-hdlang { margin-right: 30px; }
  .keys { text-align: left; line-height: 26px; }
  .search { display: none; }
  .m-hdlang { float: left; margin-left: 0; } }

@media screen and (max-width: 500px) { .navlist > li > a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 400px) { .navlist > li > a { font-size: 12px; font-size: 1.2rem; } }

/***********  index-product1  **********/
.index-product1 { background: url(../images/sybg1.jpg) no-repeat center top; background-size: cover; }

.sypp1 { display: block; font-size: 40px; font-size: 4rem; text-transform: uppercase; color: #fff; font-family: "Poppins-Bold"; text-align: center; }

.sypp2 { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 28px; color: #ffffff; max-width: 882px; margin: 0 auto; margin-top: 29px; margin-bottom: 29px; }

.sypp3 { display: block; text-align: center; width: 194px; height: 40px; line-height: 40px; background: url(../images/morebg.png) no-repeat center top; color: #333333; font-size: 18px; font-size: 1.8rem; margin: 0 auto; background-size: 100% 100%; }

.syptu1 { text-align: center; margin-top: 15px; }

.syptu1 img { max-width: 1383px; width: 80%; }

.sypp1:hover { color: #fdd100; }

.sypp2:hover { color: #fdd100; }

.sypp3:hover { color: #fff; }

@media screen and (max-width: 1219px) { .sypp1 { font-size: 30px; font-size: 3rem; }
  .syptu1 img { width: 50%; } }

@media screen and (max-width: 999px) { .index-product1 { padding-top: 50px; padding-bottom: 30px; }
  .sypp1 { font-size: 24px; font-size: 2.4rem; }
  .sypp2 { font-size: 14px; font-size: 1.4rem; margin-top: 15px; } }

@media screen and (max-width: 767px) { .index-product1 { padding-bottom: 0; }
  .sypp3 { font-size: 14px; font-size: 1.4rem; width: 160px; }
  .syptu1 img { width: 80%; } }

@media screen and (max-width: 550px) { .sypp1 { font-size: 20px; font-size: 2rem; }
  .sypp2 { font-size: 12px; font-size: 1.2rem; line-height: 26px; }
  .index-product1 { padding-top: 35px; } }

/***********  index-product2  **********/
.index-product2 { background: url(../images/sybg2.jpg) no-repeat center top; background-size: cover; }

.syptu2 { text-align: center; margin-top: -55px; }

.syptu2 img { max-width: 1519px; width: 80%; }

.index-product2 .sypp1 { color: #171717; }

.index-product2 .sypp2 { color: #333333; }

.index-product2 .sypp1:hover { color: #fdd100; }

.index-product2 .sypp2:hover { color: #fdd100; }

@media screen and (max-width: 1219px) { .syptu2 { margin-top: 0px; }
  .syptu2 img { width: 60%; } }

@media screen and (max-width: 999px) { .syptu2 { margin-top: 10px; }
  .index-product2 { padding-top: 50px; padding-bottom: 30px; } }

@media screen and (max-width: 767px) { .syptu2 img { width: 80%; } }

@media screen and (max-width: 550px) { .index-product2 { padding-top: 35px; } }

/*************  index-product3  *************/
.index-product3 { background: url(../images/sybg3.jpg) no-repeat center top; background-size: cover; }

.sypyou { margin-left: 30px; margin-right: -195px; padding-top: 30px; }

.sypyou img { display: block; width: 100%; max-width: 969px; }

.sypzuo { padding-top: 194px; margin-left: -125px; }

.sypzuo a { text-align: left; }

.sypzuo .sypp3 { margin-left: 0; text-align: center; }

.sypzuo .sypp2 { margin-top: 18px; margin-bottom: 55px; max-width: 100%; word-break:break-word; }

@media screen and (max-width: 1650px) { .sypyou { width: 600px; margin-right: 0; }
  .sypzuo { margin-left: 0; padding-top: 150px; } }

@media screen and (max-width: 1219px) { .sypyou { width: 500px; }
  .sypzuo { padding-top: 100px; } }

@media screen and (max-width: 999px) { .sypyou { width: auto; float: none; margin: 0 auto; max-width: 50%; padding-top: 0; }
  .sypzuo { padding-top: 0; }
  .index-product3 { padding-top: 50px; padding-bottom: 40px; }
  .sypzuo .sypp2 { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .sypyou { max-width: 80%; } }

@media screen and (max-width: 550px) { .index-product3 { padding-top: 35px; } }

/*************  index-syi  ************/
.index-syi { background: url(../images/sybg4.jpg) no-repeat center top; background-size: cover; }

.index-syi .sypp1 { color: #333; }

.index-syi .sypp2 { color: #333; }

.index-syi .sypp1:hover { color: #fdd100; }

.index-syi .sypp2:hover { color: #fdd100; }

.syi_list { font-size: 0; letter-spacing: 0; }

.syibox { width: 280px; display: inline-block; vertical-align: top; margin-left: 26px; margin-bottom: 40px; text-align: center; padding-top: 214px; }

.syibox a { display: block; font-size: 20px; font-size: 2rem; line-height: 30px; }

.syibox:hover a { color: #fdd100; }

.syi_list { margin-top: 50px; }

.syibox1 { background: url(../images/syi1.png) no-repeat center top; }

.syibox2 { background: url(../images/syi2.png) no-repeat center top; }

.syibox3 { background: url(../images/syi3.png) no-repeat center top; }

.syibox4 { background: url(../images/syi4.png) no-repeat center top; }

.syibox5 { background: url(../images/syi5.png) no-repeat center top; }

.syibox6 { background: url(../images/syi6.png) no-repeat center top; }

.syibox7 { background: url(../images/syi7.png) no-repeat center top; }

.syibox1:hover { background: url(../images/syi1h.png) no-repeat center top; }

.syibox2:hover { background: url(../images/syi2h.png) no-repeat center top; }

.syibox3:hover { background: url(../images/syi3h.png) no-repeat center top; }

.syibox4:hover { background: url(../images/syi4h.png) no-repeat center top; }

.syibox5:hover { background: url(../images/syi5h.png) no-repeat center top; }

.syibox6:hover { background: url(../images/syi6h.png) no-repeat center top; }

.syibox7:hover { background: url(../images/syi7h.png) no-repeat center top; }

@media screen and (max-width: 1219px) { .syibox a { font-size: 16px; font-size: 1.6rem; }
  .syibox { width: 225px; padding-top: 200px; margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .syibox { width: 23%; margin: 0 1%; margin-bottom: 30px; background-size: 120px; padding-top: 145px; }
  .syibox a { line-height: 26px; }
  .index-syi { padding-top: 50px; padding-bottom: 30px; } }

@media screen and (max-width: 767px) { .syibox a { font-size: 14px; font-size: 1.4rem; }
  .syibox { background-size: 100px; padding-top: 110px; } }

@media screen and (max-width: 650px) { .syibox { width: 31.333%; } }

@media screen and (max-width: 550px) { .index-syi { padding-top: 35px; }
  .syi_list { margin-top: 35px; } }

@media screen and (max-width: 450px) { .syibox { width: 48%; margin-bottom: 22px; } }

/***********  index-synews  ***********/
.index-syproject { background: url(../images/sybg5.jpg) no-repeat center top; background-size: cover; }

.index-syproject .sypp1 { color: #333; }

.index-syproject .sypp2 { color: #333; }

.index-syproject .sypp1:hover { color: #fdd100; }

.index-syproject .sypp2:hover { color: #fdd100; }

.plunbo .img-scroll { position: relative; margin-top: 128px; }

.plunbo .prev, .plunbo .next { position: absolute; display: block; top: 50%; margin-top: -29px; }

.plunbo .prev i, .plunbo .next i { font-size: 56px; font-size: 5.6rem; color: #fff; }

.plunbo .prev:hover i, .plunbo .next:hover i { color: #fdd100; }

.plunbo .prev { left: 0px; cursor: pointer; }

.plunbo .next { right: 0px; cursor: pointer; }

.plunbo .img-list { position: relative; overflow: hidden; margin: 0 90px; }

.plunbo .img-list ul { width: 10000%; }

.plunbo .img-list li { float: left; display: inline; width: 1%; margin-right: 5px; position: relative; background: #ffffff; }

.syprotu { display: block; margin-right: 13px; overflow: hidden; }

.syprotu img { display: block; width: 100%; max-width: 740px; max-height: 400px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.syprotu:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.sypronr { padding-top: 49px; padding-right: 15px; overflow: hidden; }

.syprop1 { font-size: 20px; font-size: 2rem; display: block; line-height: 34px; margin-bottom: 70px; }

.syprop1:after { content: ""; display: block; width: 67px; height: 3px; background: #fdd100; margin-top: 21px; }

.sypronr .sypp3 { text-align: center; margin-left: 0; }

.syprop1:hover { color: #fdd100; }

@media screen and (max-width: 1500px) { .plunbo .img-scroll { margin-top: 70px; } }

@media screen and (max-width: 1219px) { .plunbo .img-scroll { margin-top: 50px; }
  .syprotu { width: 540px; }
  .syprop1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 50px; }
  .plunbo .prev i, .plunbo .next i { font-size: 50px; font-size: 5rem; } }

@media screen and (max-width: 999px) { .syprotu { width: 460px; }
  .index-syproject { padding-top: 50px; padding-bottom: 40px; }
  .syprop1 { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .sypronr { padding-top: 30px; }
  .plunbo .prev i, .plunbo .next i { font-size: 40px; font-size: 4rem; }
  .plunbo .img-list { margin: 0 50px; } }

@media screen and (max-width: 850px) { .syprotu { width: 390px; }
  .syprop1 { margin-bottom: 30px; }
  .sypronr { padding-top: 20px; } }

@media screen and (max-width: 767px) { .syprotu { float: none; width: auto; max-width: 740px; margin: 0 auto; }
  .sypronr { padding: 20px; }
  .plunbo .img-scroll { margin-top: 35px; } }

@media screen and (max-width: 550px) { .plunbo .prev i, .plunbo .next i { font-size: 24px; font-size: 2.4rem; }
  .plunbo .img-list { margin: 0 30px; }
  .index-syproject { padding-top: 35px; } }

/*************  bottom  ************/
.index-bottom { background: #333 url(../images/sybg6.jpg) no-repeat center top; }

.bottom { background: #333 url(../images/sybg6.jpg) no-repeat center top; }

.bottom p, .bottom li, .bottom a, .bottom span { color: #d5d5d5; }

.bottom a:hover { color: #fdd100; }

.div > a, .div > span { display: block; font-size: 22px; font-size: 2.2rem; color: #ffffff; margin-bottom: 25px; }

.div1 { margin-right: 55px; width: 295px; }

.div1 > a { margin-bottom: 33px; }

.div1 p { line-height: 26px; }

.div2 { width: 375px; }

.div2 li { line-height: 40px; }

.div3 { width: 415px; }

.bsjj a { margin-right: 4px; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; top: 0; }

.bsjj { padding-top: 30px; }

.bsjj a:hover { top: -10px; }

.bsjj a i { display: inline-block; width: 35px; height: 35px; line-height: 35px; background: #373737; color: #fff; text-align: center; }

.bsjj a i:hover { color: #fdd100; }

.copyright, .support { line-height: 30px; }

.cnzz { padding-left: 10px; }

.synbox { margin-bottom: 18px; }

.syntu { display: block; margin-right: 13px; max-width: 113px; overflow: hidden; }

.syntu img { display: block; width: 100%; max-width: 113px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.synnr a { display: block; color: #d5d5d5; line-height: 26px; height: 52px; overflow: hidden; }

.synnr span { display: block; }

.synbox:hover .syntu 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); }

.bottom_nav { background: #fdd100; padding-top: 11px; padding-bottom: 11px; margin-top: 48px; }

.bottom_nav ul li a { font-size: 18px; font-size: 1.8rem; color: #333333; text-transform: uppercase; }

.bottom_nav ul li a:hover { color: #fff; }

.bottom_nav ul li { margin-right: 40px; display: inline-block; line-height: 30px; }

.dibu { background: #333333; padding-top: 9px; padding-bottom: 30px; }

.dibu p, .dibu li, .dibu a, .dibu span { color: #d5d5d5; }

.link { padding-top: 5px; padding-bottom: 12px; line-height: 30px; min-height: 30px; }

.link a { padding: 0 20px; }

.link a, .link span { display: inline-block; }

.link a:hover { color: #fdd100; }

@media screen and (max-width: 1219px) { .div1 { width: 200px; }
  .div2 { width: 280px; }
  .bottom_nav ul li a { font-size: 16px; font-size: 1.6rem; }
  .bottom_nav ul li { margin-right: 35px; } }

@media screen and (max-width: 999px) { .index-bottom { background: #333; }
  .bottom { padding-top: 50px; }
  .div1 { width: 48%; margin-right: 4%; }
  .div2 { width: 48%; }
  .div3 { width: 100%; }
  .div2 li { line-height: 34px; }
  .div > a, .div > span { font-size: 20px; font-size: 2rem; }
  .bsjj { padding-top: 20px; }
  .bottom_nav { margin-top: 25px; }
  .bottom_nav ul li { margin-right: 20px; }
  .bottom { padding-top: 35px; } }

@media screen and (max-width: 767px) { .div { display: none; }
  .bottom { padding-top: 20px; padding-bottom: 30px; }
  .bsjj { padding-top: 0; }
  .link { display: none; }
  .bottom_nav { margin-top: 15px; } }

/************  bread  *************/
.mianbao { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #333333; padding-top: 12px; }

.mianbao a { color: #333333; }

.mianbao a:hover { color: #fdd100; }

.co00 { color: #fdd100 !important; }

.index-bottom2 { padding-top: 36px; }

.index-bottom2 .div2, .index-bottom2 .div3 { padding-top: 46px; }

.fymain { padding-top: 20px; padding-bottom: 120px; }

/***************  about1  ***************/
.afl { background: #ffffff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); margin-bottom: 102px; text-align: center; border-top: 1px solid #e6e6e6; font-size: 0; letter-spacing: 0; }

.afl li { display: inline-block; vertical-align: top; width: 16.6666%; text-align: center; padding-top: 14px; padding-bottom: 6px; position: relative; }

.afl li img { position: absolute; left: 50%; margin-left: -12px; bottom: -12px; display: none; }

.afl li a { display: block; font-size: 18px; font-size: 1.8rem; color: #666666; line-height: 30px; padding-top: 50px; min-height: 60px; }

.afl1 a { background: url(../images/abiao1.png) no-repeat center top; }

.afl2 a { background: url(../images/abiao2.png) no-repeat center top; }

.afl3 a { background: url(../images/abiao3.png) no-repeat center top; }

.afl4 a { background: url(../images/abiao4.png) no-repeat center top; }

.afl5 a { background: url(../images/abiao5.png) no-repeat center top; }

.afl6 a { background: url(../images/abiao6.png) no-repeat center top; }

.afl1:hover a { background: url(../images/abiao1h.png) no-repeat center top; color: #333333; }

.afl2:hover a { background: url(../images/abiao2h.png) no-repeat center top; color: #333333; }

.afl3:hover a { background: url(../images/abiao3h.png) no-repeat center top; color: #333333; }

.afl4:hover a { background: url(../images/abiao4h.png) no-repeat center top; color: #333333; }

.afl5:hover a { background: url(../images/abiao5h.png) no-repeat center top; color: #333333; }

.afl6:hover a { background: url(../images/abiao6h.png) no-repeat center top; color: #333333; }

.afl1.current a { background: url(../images/abiao1h.png) no-repeat center top; color: #333333; }

.afl2.current a { background: url(../images/abiao2h.png) no-repeat center top; color: #333333; }

.afl3.current a { background: url(../images/abiao3h.png) no-repeat center top; color: #333333; }

.afl4.current a { background: url(../images/abiao4h.png) no-repeat center top; color: #333333; }

.afl5.current a { background: url(../images/abiao5h.png) no-repeat center top; color: #333333; }

.afl6.current a { background: url(../images/abiao6h.png) no-repeat center top; color: #333333; }

.afl li:hover { background: #fdd100; }

.afl li.current { background: #fdd100; }

.afl li:hover img { display: block; }

.afl li.current img { display: block; }

@media screen and (max-width: 1219px) { .afl li a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .afl li a { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 850px) { .afl li.current img { display: none !important; }
  .afl li:hover img { display: none !important; }
  .afl li { width: 33.333%; padding-top: 10px; } }

@media screen and (max-width: 767px) { .afl li a { background-size: 30px; padding-top: 35px; }
  .afl li:hover a { background-size: 30px; }
  .afl li.current a { background-size: 30px; }
  .mianbao { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 450px) { .afl li { width: 50%; } }

.ayou { margin-left: 45px; margin-bottom: 25px; }

.ayou img { display: block; width: 100%; max-width: 600px; }

.ap1 { font-size: 22px; font-size: 2.2rem; line-height: 20px; }

.ap1:before { content: ""; display: inline-block; vertical-align: bottom; width: 32px; height: 1px; background: #333333; margin-right: 16px; }

.ap2 { font-size: 50px; font-size: 5rem; text-transform: uppercase; color: #fdd100; font-family: "Poppins-Bold"; line-height: 60px; margin-top: 24px; margin-bottom: 27px; }

.ap3 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media screen and (max-width: 1219px) { .ayou { width: 500px; }
  .ap2 { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 999px) { .ayou { width: 410px; }
  .ap2 { font-size: 30px; font-size: 3rem; line-height: 40px; }
  .ap3 { font-size: 14px; font-size: 1.4rem; }
  .afl { margin-bottom: 60px; } }

@media screen and (max-width: 850px) { .ayou { width: auto; float: none; max-width: 600px; margin: 0 auto; margin-bottom: 20px; }
  .ap2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; }
  .afl { margin-bottom: 40px; } }

@media screen and (max-width: 600px) { .ap2 { font-size: 20px; font-size: 2rem; margin-bottom: 12px; }
  .ap3 { line-height: 26px; } }

.abg { padding-top: 129px; background: url(../images/abg.jpg) no-repeat center top; margin-top: 38px; }

.fyabt1 { margin-bottom: 6px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; }

.fyabt2 { text-align: center; font-size: 40px; font-size: 4rem; font-family: "Poppins-Bold"; }

.fyabt2 span { color: #fff; }

.fyabt2 span:before { content: ""; display: inline-block; width: 55px; height: 1px; background: #fdd100; vertical-align: middle; margin-right: 35px; }

.fyabt2 span:after { content: ""; display: inline-block; width: 55px; height: 1px; background: #fdd100; vertical-align: middle; margin-left: 35px; }

.fyabt3 { text-align: center; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 30px; max-width: 715px; margin: 0 auto; margin-bottom: 37px; }

.zibg { width: 770px; margin: 0 auto; position: relative; }

.zibg::before { content: ""; display: block; width: 88%; height: 8px; background: #fdd100; background: rgba(253, 209, 0, 0.52); position: absolute; left: 6%; bottom: -8px; }

.zibg span { display: none; padding: 0 46px; font-size: 18px; font-size: 1.8rem; line-height: 30px; padding-top: 15px; color: #333; }

.zibg p { font-size: 16px; font-size: 1.6rem; line-height: 34px; color: #666666; background: transparent; padding: 0 44px; padding-top: 54px; padding-bottom: 44px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 999; }

.zibg div.yellow_bg { background: #fdd100; position: relative; z-index: 999; min-height: 227px; }

.abaibg { background: #fff; padding: 0 10px; padding-top: 63px; }

#timeline { overflow: hidden; position: relative; background: url("../images/abiao.jpg") repeat-x left 55px; }

#dates { width: 800px; height: 85px; overflow: hidden; }

#dates li { list-style: none; float: left; width: 220px; height: 80px; font-size: 24px; text-align: center; }

#dates a { line-height: 46px; padding-bottom: 37px; color: #333; font-size: 26px; font-size: 2.6rem; background: url("../images/biggerdot.png") center bottom no-repeat; }

#dates .selected { padding-bottom: 37px; background: url("../images/biggerdot2.png") center bottom no-repeat; }

#issues { width: 800px; overflow: hidden; padding-top: 46px; }

#issues li { width: 1200px; list-style: none; float: left; opacity: 1 !important; }

#issues li img { margin: 14px 22px 10px 19px; }

#issues li p { font-size: 16px; font-size: 1.6rem; font-weight: normal; line-height: 30px; color: #333; }

#grad_left, #grad_right { position: absolute; bottom: 5px; }

#grad_left i, #grad_right i { font-size: 22px; font-size: 2.2rem; color: #2c2c2c; display: block; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; background: #fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }

#grad_left:hover i, #grad_right:hover i { color: #fdd100; }

#grad_left { left: 50%; margin-left: -55px; }

#grad_right { right: 50%; margin-right: -55px; }

#next, #prev { position: absolute; top: 35px; }

#next i, #prev i { font-size: 36px; font-size: 3.6rem; color: #7d7d7d; display: block; }

#next { right: 0%; }

#prev { left: 0%; }

#next.disabled, #prev.disabled { opacity: 0.2; }

.alunbo{padding-bottom: 100px;}

.alunbo .img-scroll2 { position: relative; padding-bottom: 80px; }

#timeline .prev2, #timeline .next2 { position: absolute; display: block; bottom: 5px; width: 42px; height: 42px; line-height: 42px; border-radius: 50%; text-align: center; background: #ffffff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

#timeline .prev2 i, #timeline .next2 i { font-size: 16px; font-size: 1.6rem; color: #7d7d7d; }

#timeline .prev2:hover, #timeline .next2:hover { background: #fdd100; }

#timeline .prev2 { left: 50%; margin-left: -48px; cursor: pointer; }

#timeline .next2 { right: 50%; margin-right: -48px; cursor: pointer; }

.alunbo .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.alunbo .img-list ul { width: 10000%; }

.alunbo .img-list li { float: left; display: inline; width: 293px; margin-right: 9px; position: relative; opacity: 1 !important; padding-bottom: 6px; }

.alunbo .img-list li .syptu img { width: 100%; max-width: 405px; max-height: 405px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { #issues li { width: 980px; }
  .zibg { width: 900px; }
  #dates a { font-size: 22px; font-size: 2.2rem; }
  .abg { padding-top: 80px; }
  .fymain { padding-bottom: 100px; } }

@media screen and (max-width: 999px) { #dates { display: none; }
  #issues { width: 10000% !important; padding-top: 0; }
  #issues li { width: 1%; }
  #timeline { background: none; }
  #next, #prev { top: 113px; }
  #grad_left, #grad_right { top: 123px; }
  .zibg { width: 85%; }
  .zibg::before { width: 95%; height: 80%; }
  .zibg span { display: block; }
  #next { right: 0; margin-right: 0; }
  #prev { left: 0; margin-left: 0; }
  #next, #prev { bottom: auto; }
  .abg { padding-top: 60px; }
  .zibg p { padding: 20px; font-size: 14px; font-size: 1.4rem; }
  #issues li p { font-size: 14px; font-size: 1.4rem; }
  .fyabt2 { font-size: 30px; font-size: 3rem; }
  .fyabt3 { font-size: 14px; font-size: 1.4rem; }
  .fymain { padding-bottom: 50px; }
  .alunbo .img-scroll2 { padding-bottom: 80px; } }

@media screen and (max-width: 767px) { #issues li img { margin: 0 auto; }
  .a2zuo { margin: 0 auto; float: none; max-width: 249px; }
  #issues li p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .zibg { width: 80%; }
  .abg { margin-top: 45px; }
  .zibg div.yellow_bg { padding-top: 15px; }
  #issues { height: auto; }
  #timeline { height: auto; }
  #issues li { height: auto; }
  .zibg span { padding: 0 20px; } }

@media screen and (max-width: 700px) { #issues li img { float: none; margin: 0 auto; max-width: 80%; }
  #issues li { height: auto; min-height: 250px; text-align: center; }
  #issues { height: auto; min-height: 250px; }
  #timeline { height: auto; min-height: 250px; }
  .zibg p { padding-left: 12px; padding-right: 12px; font-size: 14px; font-size: 1.4rem; }
  #issues li p { font-size: 14px; font-size: 1.4rem; line-height: 30px; }
  .zibg p { padding-top: 12px; }
  .fyabt2 { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 550px) { .zibg { width: 76%; }
  .fyabt1 { margin-bottom: 26px; }
  .abg { padding-top: 32px; }
  .abaibg { padding-top: 40px; }
  .alunbo .img-scroll2 { padding-bottom: 60px; }
  .zibg { width: 85%; }
  .fyabt2 span:before, .fyabt2 span:after { display: none; }
  .fyabt1 { margin-bottom: 10px; }
  .fyabt2 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 450px) { #issues { padding-top: 0; }
  #issues li p { line-height: 26px; }
  .abg { margin-top: 30px; }
  .zibg { width: 80%; } }

/***************  about2  ********************/
.zshang { margin-bottom: 40px; font-size: 0; letter-spacing: 0; }

.zshang .wp { background: #f5f5f5; padding-top: 64px; padding-bottom: 52px; position: relative; }

.zshang1 .wp { border-top-right-radius: 150px; }

.zshang1 .wp:before { content: ""; display: block; position: absolute; background: #f5f5f5; width: 400px; right: 100%; top: 0; bottom: 0; }

.zshang2 .wp { border-top-left-radius: 150px; }

.zshang2 .wp:after { content: ""; display: block; position: absolute; background: #f5f5f5; width: 400px; left: 100%; top: 0; bottom: 0; }

.zsbox { width: 330px; display: inline-block; vertical-align: top; text-align: center; }

.zshang1 .zsbox { margin-right: 70px; }

.zshang2 .zsbox { margin-left: 70px; }

.zscon { position: relative; overflow: hidden; }

.zsbox img { display: block; width: 100%; max-width: 330px; max-height: 441px; }

.zscover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/zscover.png); text-align: center; }

.zscover i { font-size: 52px; font-size: 5.2rem; color: #fff; margin-top: 61%; display: block; }

.zsbox span { font-size: 16px; font-size: 1.6rem; color: #333333; display: block; margin-top: 17px; line-height: 30px; }

.zsbox:hover .zscover { top: 0; }

.ms_ye { text-align: center; margin-top: 102px; }

.ms_ye a.no{color: #232323 !important;}
.ms_ye a, .ms_ye span { display: inline-block; width: 28px; line-height: 28px; text-align: center; margin-left: 3px; margin-right: 4px; background: #fff; border-radius: 50%; color: #232323; font-size: 16px; font-size: 1.6rem; border: 1px solid #232323; margin-bottom: 10px; }

.ms_sx { width: auto !important; background: none !important; margin: 0 12px !important; border: none !important; }

.ms_sx:hover { color: #fdd100 !important; }

.ms_ye .ms_current_ye { background: #fdd100; border: 1px solid #fdd100; }

.ms_ye a:hover { background: #fdd100; border: 1px solid #fdd100; }

@media screen and (max-width: 1219px) { .zshang1 .zsbox { margin-right: 40px; }
  .zshang2 .zsbox { margin-left: 40px; }
  .zsbox { width: 286px; }
  .ms_ye { margin-top: 70px; }
  .zshang1 .wp { border-top-right-radius: 100px; }
  .zshang2 .wp { border-top-left-radius: 100px; } }

@media screen and (max-width: 999px) { .zshang .zsbox { width: 29.333%; margin: 0 2%; }
  .zscover { display: none; }
  .zshang .wp { padding-top: 45px; }
  .zshang1 .wp { border-top-right-radius: 50px; }
  .zshang2 .wp { border-top-left-radius: 50px; }
  .ms_ye { margin-top: 50px; } }

@media screen and (max-width: 767px) { .zsbox span { font-size: 14px; font-size: 1.4rem; }
  .zshang .wp { padding-bottom: 35px; }
  .zshang { margin-bottom: 20px; } }

@media screen and (max-width: 400px) { .zshang .wp { background: none; padding-top: 0; padding-bottom: 0; }
  .zshang .zsbox { width: 90%; margin: 0 5%; margin-bottom: 15px; }
  .zshang1 .wp:before { display: none; }
  .zshang2 .wp:after { display: none; }
  .ms_ye { margin-top: 30px; } }

/***************  about3  ********************/
.a3you { margin-left: 50px; width: 657px; font-size: 0; letter-spacing: 0; }

.a3you ul li { display: inline-block; vertical-align: top; width: 317px; margin-left: 11px; margin-bottom: 12px; }

.a3you ul li img { display: block; width: 100%; max-width: 317px; max-height: 214px; }

.a3zuo { overflow: hidden; }

.ls { background: url(../images/lsxian.png) repeat-y 9px top; position: relative; }

.ls li { padding-left: 42px; background: url(../images/lsyuan.png) no-repeat left 5px; position: relative; margin-bottom: 39px; }

.ls li div { position: relative; }

.ls li div p { font-size: 16px; font-size: 1.6rem; color: #666; line-height: 28px; text-align: left; }

.ls li div img { position: absolute; left: -14px; top: 50%; margin-top: -8px; }

@media screen and (max-width: 1219px) { .a3you { width: 550px; margin-left: 30px; }
  .a3you ul li { width: 264px; } }

@media screen and (max-width: 999px) { .a3you { float: none; width: auto; margin: 0 auto; margin-bottom: 30px; }
  .a3you ul li { width: 23%; margin: 0 1%; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .a3you ul li { width: 31.33%; }
  .ls li div p { font-size: 14px; font-size: 1.4rem; }
  .ls li { margin-bottom: 25px; } }

@media screen and (max-width: 450px) { .ls li { padding-left: 28px; margin-bottom: 15px; }
  .a3you ul li { width: 48%; } }

/***************  about4  ********************/
#outer #tab { font-size: 0; letter-spacing: 0; margin-bottom: 32px; }

#outer #tab li { border: 2px solid #b7b7b7; min-width: 230px; display: inline-block; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; font-size: 18px; font-size: 1.8rem; cursor: pointer; line-height: 48px; margin-left: 12px; margin-bottom: 10px; }

#outer #tab li a { display: block; }

#outer #tab li.current { background: #fdd100; border: 2px solid #fdd100; }

#outer #tab li:hover { background: #fdd100; border: 2px solid #fdd100; }

#outer .ul { display: none; }

.lunboa .ban .ban2 ul li { position: relative; }

.lunboa { position: relative; }

img { border: 0; }

/*1*/
.ban { width: 1196px; height: 590px; position: relative; /*overflow:hidden;*/ margin: 0px auto 0 auto; }

.ban2 { width: 1196px; height: 463px; position: relative; overflow: hidden; margin: 0 auto; right: 0px; }

.ban2 ul { position: absolute; left: 0; top: 0; }

.ban2 ul li { width: 1196px; height: 620px; background: #fff; }

.prev { float: left; cursor: pointer; }

/*2*/
.num { height: 132px; overflow: hidden; width: 1064px; position: relative; margin: 0 auto; }

.min_pic { padding-top: 28px; }

.num ul { position: absolute; left: 0; top: 0; }

.num ul li { width: 249px; height: 102px; margin-right: 22px; padding: 0px; }

.num ul li a { display: block; background: transparent; padding: 2px; padding-right: 2px; }

.num ul li a img { width: 245px; height: 96px; display: block; }

.num ul li.on a { background: #fdd100; }

.prev_btn1 { width: 16px; text-align: center; height: 21px; margin-top: 47px; margin-right: 30px; cursor: pointer; float: left; }

.next_btn1 { width: 16px; text-align: center; height: 21px; margin-top: 47px; cursor: pointer; float: right; }

.prev1 { position: absolute; bottom: 25px; left: 0px; z-index: 9; cursor: pointer; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

.next1 { position: absolute; bottom: 25px; right: 0px; z-index: 9; cursor: pointer; width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

.prev1 i, .next1 i { font-size: 16px; font-size: 1.6rem; color: #7d7d7d; }

.prev1:hover, .next1:hover { border-color: #fdd100; }

.prev1:hover, .next1:hover { background: #fdd100; }

.mhc { z-index: 99999; background: #000; width: 100%; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(Opacity=50); position: fixed; left: 0; top: 0; display: none; }

.tukuang { position: relative; display: block; }

.tukuang img { display: block; }

.lunboa { padding-bottom: 0px; }

.lunboa .ban .ban2 ul li { position: relative; }

.lunboa .ban .ban2 ul li .mzz { position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; height: 54px; color: #fff; line-height: 54px; background: rgba(0, 0, 0, 0.5); font-size: 16px; font-size: 1.6rem; }

.lunboa .ban .ban2 ul li .mzz a { width: 100%; }

.xiaoping { display: none; }

.xiaoping li { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left; }

.xiaoping li img { width: 100%; max-width: 1196px; max-height: 463px; display: block; }

.xiaoping li p { margin-top: 10px; }

@media screen and (max-width: 1219px) { .lunboa { display: none; }
  .xiaoping { display: block; padding-top: 20px; }
  #outer #tab li { font-size: 16px; font-size: 1.6rem; min-width: 170px; } }

@media screen and (max-width: 999px) { .xiaoping { padding-top: 0; }
  #outer #tab li { width: 31.333%; margin: 0 1%; margin-bottom: 8px; line-height: 42px; } }

@media screen and (max-width: 767px) { #outer #tab li { width: 48%; } }

@media screen and (max-width: 500px) { #outer #tab li { font-size: 14px; font-size: 1.4rem; }
  #outer #tab { margin-bottom: 20px; } }

@media screen and (max-width: 450px) { #outer #tab li { width: 98%; line-height: 36px; }
  .xiaoping li { width: 98%; } }

/*************  about5  ************/
.daspbox { width: 825px; margin: 0 auto; padding-top: 46px; }

.dashipin { margin: 0 auto; }

.dashipin > div { position: relative; padding-bottom: 62.78%; height: 0; overflow: hidden; }

.dashipin > div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.dashipin > div iframe body { margin: 0px !important; }

.vp1 { text-align: center; font-size: 18px; font-size: 1.8rem; line-height: 26px; margin-top: 20px; margin-bottom: 5px; color: #333333; }

.vp2 { line-height: 30px; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666; }

.xiaoshipin { padding-top: 82px; font-size: 0; letter-spacing: 0; }

.vilie { width: 380px; display: inline-block; vertical-align: top; margin-left: 30px; margin-bottom: 32px; }

.vitu { position: relative; padding-bottom: 62.63%; height: 0; overflow: hidden; }

.vitu iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu iframe body { margin: 0px !important; }

.vizi { border: 1px solid #dcdcdc; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 13px; margin-top: 6px; }

.vizi span { display: block; font-size: 18px; font-size: 1.8rem; color: #333333; min-height: 58px; }

.vizi p { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 3px; color: #666; }

.xiaoshipin .ms_ye { margin-top: 40px; }

@media screen and (max-width: 1219px) { .vilie { width: 316px; margin-left: 15px; } }

@media screen and (max-width: 999px) { .vilie { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .daspbox { width: 80%; padding-top: 0; }
  .xiaoshipin { padding-top: 45px; }
  .vizi p { font-size: 14px; font-size: 1.4rem; }
  .vp2 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 800px) { .vilie { width: 48%; } }

@media screen and (max-width: 767px) { .daspbox { width: 100%; }
  .vp1 { font-size: 16px; font-size: 1.6rem; }
  .vizi span { font-size: 16px; font-size: 1.6rem; }
  .xiaoshipin .ms_ye { margin-top: 30px; } }

@media screen and (max-width: 400px) { .vilie { width: 100%; float: none; max-width: 380px; margin: 0 auto; margin-bottom: 20px; }
  .vp2 { font-size: 16px; font-size: 1.6rem; }
  .xiaoshipin { padding-top: 30px; } }

/*************  about6  ************/
.a6tu1 { margin-bottom: 44px; }

.a6tu1 img { display: block; border: 4px solid #fdd100; max-width: 100%; }

.a6bt { line-height: 48px; margin-bottom: 32px; }

.a6bt span { display: inline-block; padding: 0 32px; background: #fdd100; font-size: 28px; font-size: 2.8rem; }

.a6bt span img { vertical-align: middle; margin-right: 15px; }

.ahuibg { margin-left: 56px; background: #5c5c5c; padding-left: 57px; padding-right: 25px; padding-top: 12px; padding-bottom: 15px; margin-bottom: 50px; }

.a6p1 { color: #fff; font-size: 44px; font-size: 4.4rem; line-height: 60px; margin-bottom: 40px; }

.a6p2 { font-size: 24px; font-size: 2.4rem; line-height: 30px; color: #fff; text-align: right; }

.a6p2:before { content: ""; display: inline-block; width: 65px; height: 1px; background: #fff; vertical-align: middle; margin-right: 10px; }

.abjq { padding-left: 58px; }

.abjq p { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.abjq strong { font-size: 20px; font-size: 2rem; }

.abjq strong:before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #fdd100; vertical-align: middle; margin-right: 10px; }

.a6p3 { padding-left: 28px; }

@media screen and (max-width: 1219px) { .a6bt span { font-size: 24px; font-size: 2.4rem; }
  .a6p1 { font-size: 40px; font-size: 4rem; }
  .a6tu1 { margin-bottom: 30px; } }

@media screen and (max-width: 999px) { .a6bt span { font-size: 20px; font-size: 2rem; }
  .a6p1 { font-size: 30px; font-size: 3rem; }
  .a6p2 { font-size: 20px; font-size: 2rem; }
  .abjq { padding-left: 0; }
  .abjq p { font-size: 14px; font-size: 1.4rem; }
  .abjq strong { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .ahuibg { margin-left: 0; padding-left: 20px; margin-bottom: 30px; }
  .a6p1 { font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-bottom: 25px; }
  .a6p2 { font-size: 16px; font-size: 1.6rem; }
  .a6bt { margin-bottom: 25px; }
  .a6bt span { font-size: 16px; font-size: 1.6rem; }
  .a6bt span img { width: 20px; }
  .abjq p { line-height: 26px; } }

@media screen and (max-width: 550px) { .a6p1 { font-size: 18px; font-size: 1.8rem; }
  .a6p2 { font-size: 14px; font-size: 1.4rem; }
  .a6p2:before { width: 30px; } }

/**********   product1   **********/
.plbt { font-size: 32px; font-size: 3.2rem; color: #333333; text-align: center; }

.plxx { line-height: 26px; text-align: center; margin-bottom: 27px; font-size: 16px; font-size: 1.6rem; color: #666666; }

.plxx p, .plxx span { color: #666666; }

.plxx a { color: #fdd100; }

.search2 { width: 680px; font-size: 0; letter-spacing: 0; margin: 0 auto; margin-bottom: 69px; }

.sou2 { width: 458px; line-height: 39px; padding-left: 5px; border: 1px solid #e6e6e6; background: transparent; border-radius: 5px 0 0 5px; font-size: 16px; font-size: 1.6rem; color: #333; }

.suo2 { width: 170px; line-height: 41px; border-radius: 5px; color: #333333; background: #fdd100; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; text-align: center; cursor: pointer; margin-left: -5px; }

.suo2:hover { background: #f9d83d; }

.product1 { background: url(../images/p1bg.jpg) no-repeat center top; }

.fyp_fl { font-size: 0; letter-spacing: 0; margin-bottom: 55px; }

.fyp_fl li { display: inline-block; min-width: 320px; border: 1px solid #fdd92d; background: #fff; border-radius: 5px; line-height: 47px; height: 49px; font-size: 16px; font-size: 1.6rem; text-align: center; margin-right: 5px; -moz-box-sizing: border-box; box-sizing: border-box; }

.fyp_fl li a { display: block; padding: 0 5px; }

.fyp_fl li.active { background: #fdd100; }

.fyp_fl li:hover { background: #fdd100; }

.pbox { width: 580px; float: left; margin-left: 40px; margin-bottom: 26px; }

.ptu { display: block; border: 1px solid #dcdcdc; overflow: hidden; }

.ptu img { display: block; width: 100%; max-width: 648px; max-height: 413px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.pcon { border: 1px solid #dcdcdc; border-top: none; padding: 0 26px; padding-top: 26px; padding-bottom: 38px; background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.pp1 { display: block; font-size: 22px; font-size: 2.2rem; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 8px; margin-bottom: 23px; }

.pp3 input { cursor: pointer; margin-right: 40px; }

.pp3 a { display: inline-block; width: 194px; line-height: 40px; background: url(../images/ppbg1.png) no-repeat center center; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; background-size: 100%; }

.xiangshang { display: inline-block; padding-right: 31px; background: url(../images/xs.jpg) no-repeat right 9px; }

.xiangshang input { min-width: 220px; line-height: 40px; border-radius: 8px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; background: #fdd100; font-size: 18px; font-size: 1.8rem; cursor: pointer; }

.xiangshang input:hover { background: #f8d429; }

.product1 .ms_ye { margin-top: 55px; }

.pbox:hover .pcon { background: #fdd100; }

.pbox:hover .pp3 a { background: url(../images/ppbg2.png) no-repeat center center; }

.pbox:hover .ptu 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); }

@media screen and (max-width: 1219px) { .pbox { margin-left: 25px; width: 477px; }
  .pp1 { font-size: 18px; font-size: 1.8rem; }
  .fyp_fl li { font-size: 14px; font-size: 1.4rem; min-width: 280px; } }

@media screen and (max-width: 999px) { .plbt { font-size: 28px; font-size: 2.8rem; }
  .plxx { font-size: 14px; font-size: 1.4rem; }
  .fyp_fl li { width: 50%; margin: 0 1%; margin-bottom: 5px; min-width: 0; font-size: 14px; font-size: 1.4rem; }
  .pbox { width: 48%; margin: 0 1%; margin-bottom: 20px; }
  .search2 { margin-bottom: 40px; }
  .sou2 { font-size: 12px; font-size: 1.2rem; }
  .fyp_fl { text-align: center; margin-bottom: 40px; }
  .pp3 input { margin-right: 20px; }
  .pp3 a { font-size: 16px; font-size: 1.6rem; }
  .index-bottom2 { padding-top: 0; } }

@media screen and (max-width: 900px) { .fyp_fl li { width: 100%; margin: 0; margin-bottom: 5px; line-height: 40px; height: 40px; font-size: 12px; font-size: 1.2rem; }
  .search2 { margin-bottom: 25px; }
  .fyp_fl { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .sou2 { width: -webkit-calc(100% - 17px); width: -moz-calc(100% - 17px); width: calc(100% - 17px); }
  .suo2 { width: 100%; margin: 0; margin-top: 10px; }
  .plbt { font-size: 24px; font-size: 2.4rem; }
  .pp1 { font-size: 16px; font-size: 1.6rem; }
  .pp2 { font-size: 14px; font-size: 1.4rem; margin-bottom: 12px; }
  .pp3 input { margin-right: 12px; }
  .product1 .ms_ye { margin-top: 30px; }
  .pp3 a { font-size: 14px; font-size: 1.4rem; width: 160px; line-height: 34px; }
  .pcon { padding-left: 15px; padding-right: 15px; padding-bottom: 22px; padding-top: 20px; }
  .search2 { width: 100%; }
  .xiangshang input { font-size: 16px; font-size: 1.6rem; }
  .bottom_nav ul li a { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 550px) { .pbox { width: 98%; }
  .xiangshang input { font-size: 14px; font-size: 1.4rem; min-width: 150px; line-height: 34px; border-radius: 5px; } }

/************  product2  *************/
.p2bg { background: #f1eff2 url(../images/p2bg.jpg) no-repeat center top; padding-bottom: 46px; }

/*-------------2-2-products start----------------------------------------------------------*/
.product2 .prob-pic { width: 648px; float: left; }

.product2 .prob-pic-big { position: relative; }

.product2 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }

.product2 .prob-pic-big-img .zoomPad { float: none; z-index: 8; border: 1px solid #dcdcdc; }

.product2 .prob-pic-big-img .zoomPad > img { max-width: 100%; }

.product2 .zoomWrapperImage img { max-width: 1200px; }

.product2 .prob-pic-small { position: relative; margin-top: 14px; padding: 0 49px; }

.product2 .prob-pic-btn { position: absolute; top: 50%; margin-top: -12px; display: block; text-align: center; width: 23px; height: 23px; line-height: 23px; border-radius: 50%; border: 2px solid #666; }

.product2 .prob-pic-btn i { color: #666; font-size: 14px; font-size: 1.4rem; }

.product2 .prob-pic-btn:hover { border: 2px solid #fdd100; }

.product2 .prob-pic-btn:hover i { color: #fdd100; }

.product2 .prob-pic-btn.prev { left: 0px; }

.product2 .prob-pic-btn.next { right: 0px; }

.product2 .prob-pic-list { overflow: hidden; }

.product2 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.product2 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.3%; width: 3.1%; }

.product2 .prob-pic-item .item-pic { border: 1px solid #dcdcdc; overflow: inherit; display: block; }

.product2 .prob-pic-item .item-pic img { display: block; }

.product2 .prob-pic-item .item-pic.zoomThumbActive { border: solid 1px #fdd100; }

.product2 .prob-pic-item .item-pic img { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; max-width: 100%; display: block; }

.share-title { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #333333; position: relative; top: -8px; margin-right: 8px; }

.share-pic { display: inline-block; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; } }

@media screen and (max-width: 767px) { .product2 .prob-pic { width: 100%; }
  .product2 .prob-pic-big { display: none; }
  .product2 .prob-pic-small { margin-top: 0; }
  .product2 .prob-pic-list ul li { margin-right: .2%; width: 3.2%; }
  .product2 .prob-pic-item .item-pic:before { display: none !important; }
  .product2 .prob-pic-item .item-pic.zoomThumbActive { border: 1px solid transparent; } }

@media screen and (max-width: 550px) { .product2 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; } }

@media screen and (max-width: 480px) { .product2 .prob-pic-list ul li { margin-right: 0%; width: 10%; } }

/* pro-info */
.pro-info { width: 514px; }

.pro-info .pro-title { font-size: 26px; font-size: 2.6rem; line-height: 30px; font-style: normal; margin-bottom: 45px; margin-top: 26px; }

.pro-info .pro-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #282828; min-height: 97px; margin: 0 0 16px; }

.pro-btn { display: inline-block; width: 194px; height: 40px; line-height: 40px; border-radius: 0; font-size: 16px; font-size: 1.6rem; text-align: center; color: #fff; background: url(../images/ppbg1.png) no-repeat center center; background-size: 100%; }

.pro-btn:hover { background: url(../images/morebg.png) no-repeat center center; color: #333333; }

.pro-btn:first-child { margin-right: 56px; }

.pro-btns { margin-top: 81px; }

@media screen and (max-width: 1219px) { .pro-info .pro-desc { height: auto; min-height: auto; }
  .pro-btn:first-child { margin-right: 25px; } }

@media screen and (max-width: 767px) { .pro-info .pro-title { line-height: 30px; }
  .pro-btns { text-align: center; }
  .pro-btn:first-child { margin-right: 10px; } }

@media screen and (max-width: 550px) { .pro-btn { width: 45%; margin: 0 2%; }
  .pro-btn:first-child { margin-right: 0; } }

.pro2-detail { margin-top: 61px; }

@media screen and (max-width: 767px) { .pro2-detail { margin-top: 30px; } }

.pro2-detail .item-desc { padding: 28px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-detail .item-desc, .pro2-detail .item-desc a, .pro2-detail .item-desc p, .pro2-detail .item-desc li, .pro2-detail .item-desc span, .pro2-detail .item-desc strong, .pro2-detail .item-desc b, .pro2-detail .item-desc i, .pro2-detail .item-desc em { color: #333; }

.pro2-detail .item-desc img, .pro2-detail .item-desc iframe { max-width: 100%; }

@media screen and (max-width: 767px) { .pro2-detail .item-desc { padding: 15px 0; line-height: 24px; } }

.pro2-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; text-transform: uppercase; border-bottom: solid 1px #ccc; line-height: 34px; padding: 5px 0; }

.pro2-title, .pro2-title a { color: #253E86; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 18px; font-size: 1.8rem; } }

/*-------------2-2-products end------------------------------------------------------------*/
.cpxx { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 30px; color: #666; }

.cpxx p, .cpxx span { color: #666; }

.cpxx a { color: #fdd100; }

.cpxx img, .cpxx iframe { max-width: 100%; }

.des { font-size: 18px; font-size: 1.8rem; color: #333333; margin-bottom: 33px; margin-top: 25px; }

.des:after { content: ""; display: block; width: 44px; height: 2px; background: #666666; margin-top: 7px; }

.des a:hover { color: #fdd100; }

.chanpinx { line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; }

.chanpinx p strong { color: #333; font-weight: normal; display: block; margin-bottom: 9px; }

.chanpinx p, .chanpinx li, .chanpinx span, .chanpinx b { color: #666; }

.chanpinx a { color: #fdd100; }

.chanpinx img { max-width: 100%; }

.chanpinx iframe { max-width: 100%; }

.chanpinx table, .nex table, .cpxx table { width: 97%; border-collapse: collapse; }

.chanpinx tr td, .nex tr td, .cpxx tr td { line-height: 36px; padding: 0 6px; }

.chanpinx .table table { width: 100%; border-collapse: collapse; }

.chanpinx .table table td { border: 1px solid #ffffff; background: #eeeeee; color: #666666; }

.p2bg .fymain { padding-bottom: 0; }

.chanpinx .table table td:first-child { background: #fdd100; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

@media screen and (max-width: 1219px) { .pro-info { width: 100%; }
  .pro-info .pro-title { font-size: 24px; font-size: 2.4rem; }
  .product2 .prob-pic { float: none; margin: 0 auto; }
  .pro-btns { margin-top: 50px; } }

@media screen and (max-width: 999px) { .product2 .prob-pic { float: none; margin: 0 auto; }
  .pro-info { width: 100%; text-align: center; }
  .pro-btns { margin-top: 35px; }
  .des { margin-bottom: 25px; }
  .pro-info .pro-title { font-size: 20px; font-size: 2rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .product2 .prob-pic-btn i { color: #333; }
  .cpxx { margin-bottom: 30px; font-size: 14px; font-size: 1.4rem; }
  .pro-btn { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 550px) { .pro-info .pro-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 12px; }
  .cpxx { line-height: 26px; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; } }

.hotp { margin-top: 55px; padding-top: 40px; border-top: 1px solid #a3a3a3; }

.hotp_bt { font-size: 22px; font-size: 2.2rem; line-height: 30px; margin-bottom: 26px; }

.hotp_bt a:hover { color: #fdd100; }

.hotp .img-scroll { position: relative; }

.hotp .prev, .hotp .next { position: absolute; display: block; top: 50%; margin-top: -14px; width: 23px; height: 23px; line-height: 23px; border-radius: 50%; border: 2px solid #666666; text-align: center; }

.hotp .prev i, .hotp .next i { font-size: 14px; font-size: 1.4rem; color: #666; }

.hotp .prev:hover, .hotp .next:hover { border: 1px solid #fdd100; }

.hotp .prev:hover i, .hotp .next:hover i { color: #fdd100; }

.hotp .prev { left: 0px; cursor: pointer; }

.hotp .next { right: 0px; cursor: pointer; }

.hotp .img-list { position: relative; overflow: hidden; margin: 0 62px; }

.hotp .img-list ul { width: 10000%; }

.hotp .img-list li { float: left; display: inline; width: 352px; margin-right: 9px; position: relative; position: relative; text-align: center; }

.hotp .img-list li img { display: block; width: 100%; max-width: 648px; max-height: 413px; }

.p2_detail { padding-bottom: 100px; padding-top: 52px; }

.p2_part { margin-bottom: 40px; margin-top: 30px; }

.des2 { font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; background: #fdd100; padding: 24px 0; margin-bottom: 30px; }

.quatu { width: 600px; }

.hang1 .quatu { margin-right: 43px; }

.hang2 .quatu { margin-left: 43px; }

.quatu img { width: 100%; max-width: 600px; max-height: 273px; }

.quawen { overflow: hidden; padding: 24px 30px; border: 1px dotted #fdd100; }

.quawen p { font-size: 16px; font-size: 1.6rem; color: #666; line-height: 30px; }

@media screen and (max-width: 1219px) { .hotp .img-list li { width: 279px; }
  .quatu { width: 490px; }
  .quawen p { font-size: 14px; font-size: 1.4rem; }
  .hang1 .quatu { margin-right: 20px; }
  .hang2 .quatu { margin-left: 20px; } }

@media screen and (max-width: 999px) { .hotp .img-list li { width: 0.313333%; margin: 0 0.01%; }
  .hotp .img-list { margin: 0 30px; }
  .p2_detail { padding-top: 30px; }
  .des2 { padding: 18px 0; }
  .hang .quatu { float: none; width: auto; max-width: 600px; margin: 0 auto; } }

@media screen and (max-width: 767px) { .hotp { margin-top: 35px; }
  .hotp_bt { font-size: 18px; font-size: 1.8rem; }
  .hotp .img-list li { width: 0.48%; }
  .p2_detail { padding-top: 15px; }
  .des2 { padding: 10px 0; font-size: 16px; font-size: 1.6rem; }
  .quawen p { line-height: 26px; }
  .quawen { padding: 15px; } }

@media screen and (max-width: 500px) { .des2 { padding: 6px 0; } }

.p2bt { text-align: center; margin-bottom: 55px; margin-top: 55px; }

.p2bt span { min-width: 266px; line-height: 50px; text-align: center; margin: 0 auto; display: inline-block; font-size: 18px; font-size: 1.8rem; border: 1px dotted #fdd100; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

.p2tu_list1 { font-size: 0; letter-spacing: 0; }

.p2tu_list1 p { width: 23%; margin: 0 1%; display: inline-block; vertical-align: top; }

.p2tu_list1 p img { display: block; width: 100%; max-width: 648px; max-height: 413px; }

@media screen and (max-width: 999px) { .p2bt span { font-size: 16px; font-size: 1.6rem; min-width: 240px; } }

@media screen and (max-width: 767px) { .p2bt { margin-top: 30px; margin-bottom: 40px; }
  .p2bt span { font-size: 14px; font-size: 1.4rem; line-height: 38px; } }

@media screen and (max-width: 650px) { .p2tu_list1 p { width: 48%; margin-bottom: 20px; } }

.milling_hang { padding-top: 34px; }

.milling_hang p.r, .milling_hang p.l { width: 214px; text-align: center; line-height: 50px; background: #d6d6d6; font-size: 16px; font-size: 1.6rem; margin-top: 75px; }

.milling_hang p.r { margin-left: 24px; }

.milling_hang p.l { margin-right: 24px; }

.p2tu_list2 { overflow: hidden; font-size: 0; letter-spacing: 0; }

.p2tu_list2 p { display: inline-block; width: 24.2%; margin-left: 1%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px dotted #fdd100; }

.p2tu_list2 p img { display: block; width: 100%; max-width: 231px; }

@media screen and (max-width: 1219px) { .milling_hang p.r, .milling_hang p.l { width: 180px; font-size: 14px; font-size: 1.4rem; line-height: 42px; margin-top: 50px; } }

@media screen and (max-width: 999px) { .p2tu_list2 p { width: 23%; margin: 0 1%; }
  .milling_hang p.r, .milling_hang p.l { font-size: 12px; font-size: 1.2rem; width: 136px; }
  .p2_detail { padding-bottom: 60px; } }

@media screen and (max-width: 767px) { .milling_hang p.r, .milling_hang p.l { float: none; margin: 0; margin-bottom: 20px; }
  .milling_hang { padding-top: 20px; } }

@media screen and (max-width: 500px) { .p2tu_list2 p { width: 48%; margin-bottom: 10px; }
  .des2 { margin-bottom: 15px; }
  .p2_detail { padding-bottom: 40px; } }

.p2tu_list3 { font-size: 0; letter-spacing: 0; padding-top: 30px; padding-bottom: 20px; }

.p2tu_list3 p { display: inline-block; vertical-align: top; width: 31.33%; margin: 0 1%; }

.p2tu_list3 p img { display: block; width: 100%; max-width: 648px; }

@media screen and (max-width: 600px) { .p2tu_list3 p { width: 48%; margin-bottom: 20px; }
  .p2tu_list3 { padding-top: 10px; padding-bottom: 0; } }

/************  project1  ***************/
.probox { margin-bottom: 80px; }

.protu { display: block; width: 46.458%; }

.protu.l { margin-right: 57px; }

.protu.r { margin-left: 57px; }

.protu img { display: block; width: 100%; max-width: 892px; }

.probox .wp { padding-top: 5px; }

.probox .wp div { overflow: hidden; }

.probox .wp div.liatu a { width: 48.52%; }

.probox .wp div a img { display: block; width: 100%; max-width: 892px; }

.fyprop1 { display: block; font-size: 26px; font-size: 2.6rem; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.fyprop2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; height: 120px; overflow: hidden; margin-top: 15px; margin-bottom: 28px; }

.fyprop3 { display: inline-block; width: 194px; height: 40px; line-height: 40px; background: url(../images/ppbg1.png) no-repeat center center; text-align: center; color: #fff; font-size: 18px; font-size: 1.8rem; margin-bottom: 70px; }

.fyprop1:hover { color: #fdd100; }

.fyprop2:hover { color: #fdd100; }

.fyprop3:hover { background: url(../images/morebg.png) no-repeat center center; }

@media screen and (max-width: 1419px) { .fyprop3 { margin-bottom: 35px; }
  .fyprop1 { font-size: 22px; font-size: 2.2rem; }
  .protu { width: 52%; } }

@media screen and (max-width: 1219px) { .protu.l { margin-right: 40px; }
  .protu.r { margin-left: 40px; }
  .fyprop1 { font-size: 18px; font-size: 1.8rem; }
  .fyprop2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 104px; }
  .protu { width: 55%; } }

@media screen and (max-width: 999px) { .protu { width: auto; float: none; max-width: 892px; margin: 0 auto !important; display: block; margin-bottom: 15px !important; }
  .probox { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .fyprop3 { margin-bottom: 20px; } }

@media screen and (max-width: 550px) { .fyprop1 { font-size: 16px; font-size: 1.6rem; }
  .fyprop3 { font-size: 14px; font-size: 1.4rem; }
  .fyprop2 { margin-bottom: 18px; } }

@media screen and (max-width: 450px) { .probox { margin-bottom: 35px; } }

/**************  project2  **************/
.project2 h1 { font-size: 28px; font-size: 2.8rem; color: #fdd100; margin-bottom: 17px; text-align: center; line-height: 30px; }

.kejisj { text-align: center; }

.nshare { display: inline-block; margin-left: 10px; }

.nshare1 { display: inline-block; font-size: 16px; font-size: 1.6rem; color: #333; margin-right: 3px; }

.nshare2 { display: inline-block; vertical-align: middle; }

.nshare2 img{ vertical-align: middle; }

.nex { line-height: 30px; font-size: 16px; font-size: 1.6rem; padding-top: 37px; margin-bottom: 53px; color: #333333; }

.nex span, .nex li, .nex p, .nex b { color: #333; }

.nex img, .nex iframe { max-width: 100%; }

.xwsx { line-height: 28px; color: #666666; font-size: 16px; font-size: 1.6rem; }

.xwsx span { display: inline-block; color: #666666; }

.xwsx a { color: #666666; }

.xwsx a:hover { color: #fdd100; }

.pro2_texiao { margin-bottom: 40px; padding-bottom: 106px; background: url(../images/xwxu.png) repeat-x center bottom; }

.pro2_texiao .num ul li a img { width: 256px; height: 126px; }

.pro2_texiao .num ul li { width: 260px; height: 130px; margin-right: 8px; }

.pro2_texiao .min_pic { padding-top: 24px; }

.pro2_texiao .prev1 { width: 30px; height: 30px; line-height: 30px; box-shadow: none; border: 3px solid #666666; bottom: 45px; }

.pro2_texiao .next1 { width: 30px; height: 30px; line-height: 30px; box-shadow: none; border: 3px solid #666666; bottom: 45px; }

.pro2_texiao .prev1 i, .pro2_texiao .next1 i { color: #666666; }

.pro2_texiao .prev1:hover, .pro2_texiao .next1:hover { border: 3px solid #fdd100; background: #fff; }

.pro2_texiao .prev1:hover i, .pro2_texiao .next1:hover i { color: #fdd100; }

.pro2_texiao .ban { height: 744px; }

.pro2_texiao .ban2 { height: 590px; }

@media screen and (max-width: 1219px) { .xiaoping li img { max-width: 1200px; max-height: 590px; }
  .pro2_texiao { padding-bottom: 60px; } }

@media screen and (max-width: 999px) { .project2 h1 { font-size: 20px; font-size: 2rem; }
  .nex { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro2_texiao { padding-bottom: 20px; margin-bottom: 25px; }
  .xwsx { font-size: 14px; font-size: 1.4rem; }
  .nex { margin-bottom: 30px; line-height: 26px; }
  .project2 h1 { font-size: 18px; font-size: 1.8rem; } }

/***************  news1  ***************/
.nbox { margin-bottom: 108px; position: relative; }

.swp { width: 512px; position: absolute; left: 0; top: 0; }

.swp img { display: block; width: 100%; max-width: 512px; max-height: 326px; }

.nnr { margin-left: 468px; padding-top: 26px; background: #f8f8f8; padding-left: 68px; position: relative; z-index: 99; top: 22px; padding-right: 40px; padding-bottom: 53px; }

.np1 { display: block; font-size: 22px; font-size: 2.2rem; line-height: 30px; height: 60px; overflow: hidden; }

.ntime { font-size: 14px; font-size: 1.4rem; color: #666666; display: block; margin-top: 10px; margin-bottom: 27px; }

.ntime span { font-size: 18px; font-size: 1.8rem; margin-right: 3px; }

.np2 { display: block; font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 30px; height: 60px; overflow: hidden; }

.nmore { display: inline-block; width: 194px; height: 40px; line-height: 40px; background: url(../images/ppbg1.png) no-repeat center center; text-align: center; color: #fff; font-size: 18px; font-size: 1.8rem; position: absolute; left: 68px; bottom: -24px; }

.nmore:hover { background: url(../images/morebg.png) no-repeat center center; color: #333; }

.np1:hover { color: #fdd100; }

.np2:hover { color: #fdd100; }

.news1 .ms_ye { margin-top: 153px; }

@media screen and (max-width: 1219px) { .swp { width: 460px; }
  .nnr { margin-left: 400px; padding-left: 40px; }
  .np1 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 999px) { .swp { position: static; width: auto; max-width: 512px; margin: 0 auto; }
  .nnr { margin: 0; padding: 20px; padding-bottom: 30px; }
  .nmore { left: 20px; }
  .np1 { font-size: 18px; font-size: 1.8rem; }
  .nbox { margin-bottom: 80px; } }

@media screen and (max-width: 767px) { .np1 { font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 52px; }
  .ntime { margin-bottom: 10px; }
  .np2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; }
  .nmore { font-size: 14px; font-size: 1.4rem; }
  .nnr { top: 10px; } }

@media screen and (max-width: 500px) { .nbox { margin-bottom: 60px; }
  .nnr { padding: 15px; padding-bottom: 30px; } }

/**********  news2  **********/
.nzuo { width: 740px; }

.nyou { width: 364px; }

.xwh1 { font-size: 28px; font-size: 2.8rem; line-height: 30px; font-family: "Poppins-Bold"; text-align: center; }

.nxsj { margin-top: 15px; color: #999999; text-align: center; }

.nxsj span { color: #999999; }

.nex2 { color: #666666; line-height: 30px; padding-top: 13px; padding-bottom: 42px; background: url(../images/xwxu.png) repeat-x center bottom; margin-bottom: 40px; font-size: 16px; font-size: 1.6rem; }

.nex2 p, .nex li, .nex span, .nex b { color: #666666; }

.nex2 img, .nex iframe { max-width: 100%; }

.share3 { padding-right: 10px; position: relative; top: 3px; color: #333; font-size: 16px; font-size: 1.6rem; }

.share22 { margin-bottom: 37px; }

.cenlist li { margin-bottom: 22px; }

.centu img { width: 100%; max-width: 648px; max-height: 413px; display: block; }

.centu { display: block; border: 1px solid #dcdcdc; }

.cenlist li a.cewen1 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.cenlist li a.cewen2 { display: block; line-height: 28px; height: 56px; overflow: hidden; margin-top: 1px; color: #666666; font-size: 16px; font-size: 1.6rem; }

.cenlist li a.cewen1:hover { color: #fdd100; }

.cenlist li a.cewen2:hover { color: #fdd100; }

.zjn { font-size: 20px; font-size: 2rem; color: #666666; display: block; margin-bottom: 18px; font-family: "Poppins-Bold"; border-bottom: 1px solid #bfbfbf; padding-bottom: 3px; }

a.zjn:hover { color: #fdd100; }

.tags { margin-bottom: 30px; }

.tags li a { display: inline-block; padding: 0 12px; line-height: 36px; border: 1px solid #bfbfbf; }

.tags li { margin-bottom: 12px; display: inline-block; }

.tags li a:hover { color: #fdd100; border: 1px solid #fdd100; }

@media screen and (max-width: 1219px) { .nzuo { width: 590px; }
  .xwh1 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 999px) { .nzuo { width: 100%; }
  .nyou { width: 100%; margin-top: 30px; }
  .cenlist li { float: left; width: 31.333%; margin: 0 1%; }
  .cenlist li a.cewen1 { font-size: 14px; font-size: 1.4rem; }
  .cenlist li a.cewen2 { font-size: 14px; font-size: 1.4rem; }
  .nex2 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .xwh1 { font-size: 18px; font-size: 1.8rem; line-height: 26px; }
  .nex2 { line-height: 26px; padding-bottom: 30px; }
  .zjn { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 650px) { .cenlist li { width: 48%; margin-bottom: 20px; } }

/***********  contact  **********/
.contact { background: url(../images/xutu.png) no-repeat center top; padding-bottom: 0px; }

.lxlist { padding-top: 53px; }

.lxlist li { float: left; width: 20%; text-align: center; }

.lxlist li .iconfont { display: block; width: 78px; height: 78px; border-radius: 50%; border: 1px solid #808080; line-height: 78px; text-align: center; margin: 0 auto; font-size: 58px; font-size: 5.8rem; }

.lxlist li b { font-weight: normal; font-size: 16px; font-size: 1.6rem; color: #fdd100; display: block; margin-top: 17px; margin-bottom: 3px; }

.lxlist li p { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #333333; }

.lxlist li p a { color: #333333; }

.lxlist li p a:hover { color: #fdd100; }

.love1 { text-align: center; font-size: 36px; font-size: 3.6rem; color: #333333; padding-top: 63px; }

.love2 { text-align: center; max-width: 1059px; margin: 0 auto; color: #4d4d4d; line-height: 30px; margin-top: 14px; margin-bottom: 72px; }

.cuxin { width: 645px; margin: 0 auto; }

.cuxin .int1 { margin-top: 22px; position: relative; }

.cuxin .int1 input { width: 600px; height: 46px; padding-left: 45px; font-size: 16px; font-size: 1.6rem; line-height: 46px; border-bottom: 1px solid #c9c9c9; }

.cuxin .int1.xing input { background: url(../images/xing.png) no-repeat left 18px; }

.cuxin .int2 { margin-top: 23px; position: relative; }

.cuxin .int1 i, .cuxin .int2 i { position: absolute; left: 19px; top: 11px; font-size: 20px; font-size: 2rem; color: #fdd100; }

.cuxin .int3 { margin-top: 19px; }

.cuxin textarea { width: 600px; height: 185px; padding-left: 45px; font-size: 16px; font-size: 1.6rem; line-height: 46px; border-bottom: 1px solid #c9c9c9; /*background: url(../images/xing.png) no-repeat left 18px;*/ }

.cuxin .int4 { width: 250px; height: 49px; padding-left: 13px; font-size: 16px; font-size: 1.6rem; line-height: 49px; float: left; border-bottom: 1px solid #d2d2d2; background: url(../images/xing.png) no-repeat left center; }

.cuxin .cuyanzheng { width: 148px; height: 50px; float: left; margin-left: 28px; cursor: pointer; }

.cuxin .int5 { width: 184px; height: 50px; border: none; background: #fdd100; cursor: pointer; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; color: #333; margin-top: 45px; }

.cuxin .int5:hover { background: #fff; border: 1px solid #fdd100; color: #fdd100; }

.ditu { margin: 0 auto; border: 1px solid #a0a0a0; max-width: 1195px; margin: 0 auto; margin-top: 45px; }

.ditu img, .ditu iframe { width: 100%; max-width: 1197px; max-height: 468px; display: block; }

@media screen and (max-width: 1219px) { .lxlist li p { font-size: 16px; font-size: 1.6rem; }
  .lxlist { padding-top: 25px; } }

@media screen and (max-width: 999px) { .lxlist li { width: 33.333%; margin: 0; margin-bottom: 20px; min-width: 0; }
  .love1 { padding-top: 20px; font-size: 26px; font-size: 2.6rem; }
  .lxlist { padding-top: 10px; } }

@media screen and (max-width: 800px) { .cuxin { width: 100%; }
  .cuxin .int1 input { width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px); width: calc(100% - 45px); }
  .cuxin textarea { width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px); width: calc(100% - 45px); }
  .ditu { margin-top: 30px; } }

@media screen and (max-width: 600px) { .lxlist li p { font-size: 14px; font-size: 1.4rem; }
  .love1 { font-size: 20px; font-size: 2rem; padding-top: 0; }
  .cuxin .int4 { width: -webkit-calc(100% - 13px); width: -moz-calc(100% - 13px); width: calc(100% - 13px); }
  .cuxin .cuyanzheng { margin-left: 0; margin-top: 22px; }
  .cuxin .int5 { margin-top: 22px; }
  .love2 { margin-bottom: 30px; } }

@media screen and (max-width: 500px) { .lxlist li { width: 50%; }
  .lxlist li { min-height: 170px; }
  .lxlist li p { line-height: 20px; } }

/*******************   7-1   ***********************/
.msbt1 { text-align: center; font-size: 34px; font-size: 3.4rem; text-transform: uppercase; }

.msbt2 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; text-align: center; margin-top: 4px; margin-bottom: 43px; }

.text_yellow { font-size: 24px; font-size: 2.4rem; color: #fdd100; line-height: 30px; margin-bottom: 38px; }

.ms_des { font-size: 20px; font-size: 2rem; line-height: 30px; margin-bottom: 35px; }

.mspart { margin-bottom: 30px; }

.ms_box_list { font-size: 0; letter-spacing: 0; }

.ms_box { width: 155px; text-align: center; display: inline-block; vertical-align: top; margin-left: 54px; }

.ms_box span { font-size: 32px; font-size: 3.2rem; display: block; line-height: 40px; background: url(../images/numbg.png) no-repeat center bottom; background-size: 100%; margin-bottom: 68px; }

.ms_con { background: #f5f5f5; position: relative; padding: 0 10px; padding-top: 69px; height: 190px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.ms_con img { position: absolute; left: 50%; margin-left: -60px; top: -53px; }

.ms_con p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; }

.ms_box:hover .ms_con { background: #fdd100; }

@media screen and (max-width: 1219px) { .ms_box { margin-left: 10px; } }

@media screen and (max-width: 999px) { .ms_box { width: 31.333%; margin: 0 1%; margin-bottom: 20px; }
  .msbt1 { font-size: 30px; font-size: 3rem; }
  .msbt2 { font-size: 14px; font-size: 1.4rem; }
  .text_yellow { font-size: 20px; font-size: 2rem; margin-bottom: 15px; }
  .ms_des { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .ms_box span { font-size: 24px; font-size: 2.4rem; }
  .msbt1 { font-size: 24px; font-size: 2.4rem; }
  .msbt2 { margin-bottom: 25px; } }

@media screen and (max-width: 600px) { .ms_con p { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .msbt2 { line-height: 26px; }
  .text_yellow { font-size: 18px; font-size: 1.8rem; }
  .ms_des { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; } }

@media screen and (max-width: 450px) { .ms_box { width: 48%; }
  .ms_box span { margin-bottom: 58px; }
  .msbt1 { font-size: 20px; font-size: 2rem; } }

.mspart2 .ms_box { width: 165px; margin-left: 7px; }

.mspart2 .ms_box_list { padding-top: 19px; }

.mspart2 .ms_con { height: 226px; }

@media screen and (max-width: 1219px) { .mspart2 .ms_box { width: 134px; }
  .mspart2 .ms_con p { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 999px) { .mspart2 .ms_box { width: 23%; margin: 0 1%; margin-bottom: 60px; } }

@media screen and (max-width: 767px) { .mspart2 .ms_box { width: 31.333%; }
  .mspart2 .ms_box_list { padding-top: 35px; } }

@media screen and (max-width: 450px) { .mspart2 .ms_box { width: 48%; } }

.ms_hui_bg { background: #f4f4f4; padding-top: 16px; padding-bottom: 6px; }

.ms_des2 { display: inline-block; padding: 0 38px; border-radius: 16px; line-height: 32px; background: #fdd100; font-size: 16px; font-size: 1.6rem; color: #666666; margin-bottom: 40px; }

@media screen and (min-width: 1220px) { .no_padding { padding-right: 0 !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_padding { padding-right: 0 !important; } }

.ms_hui_bg ul { margin-bottom: 10px; font-size: 0; letter-spacing: 0; }

.ms_hui_bg ul li { display: inline-block; vertical-align: top; width: 263px; text-align: center; padding-right: 49px; margin-bottom: 18px; }

.ms_hui_bg ul li:first-child { background: url(../images/huijt.png) no-repeat right 103px; }

.ms_hui_bg ul li span { display: block; border: 1px solid #fadd51; }

.ms_hui_bg ul li span img { display: block; width: 100%; max-width: 261px; max-height: 244px; }

.ms_hui_bg ul li p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 16px; }

@media screen and (max-width: 1219px) { .ms_hui_bg ul li { width: 208px; }
  .ms_hui_bg ul li:first-child { background: url(../images/huijt.png) no-repeat right 87px; } }

@media screen and (max-width: 999px) { .ms_hui_bg ul li { width: 150px; padding-right: 35px; }
  .ms_hui_bg ul li:first-child { background: url(../images/huijt.png) no-repeat right 60px; background-size: 27px; }
  .ms_hui_bg ul li p { font-size: 14px; font-size: 1.4rem; margin-top: 10px; }
  .ms_des2 { margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .ms_hui_bg ul li { width: 120px; padding-right: 25px; }
  .ms_hui_bg ul li:first-child { background: url(../images/huijt.png) no-repeat right 49px; background-size: 20px; }
  .ms_des2 { font-size: 14px; font-size: 1.4rem; padding: 0 20px; } }

@media screen and (max-width: 460px) { .ms_hui_bg ul li { width: 100px; } }

.mspart4 .ms_con { height: 231px; }

.mspart4 .ms_con p img { position: static; margin-left: 0; max-width: 100%; }

.mspart4 .ms_box { width: 180px; margin-left: 24px; }

@media screen and (max-width: 1219px) { .mspart4 .ms_box { margin-left: 15px; width: 150px; } }

@media screen and (max-width: 999px) { .mspart4 .ms_box { width: 31.333%; margin: 0 1%; margin-bottom: 40px; } }

@media screen and (max-width: 450px) { .mspart4 .ms_box { width: 48%; } }

.mspart5 { padding-bottom: 75px; }

.mspart5 table, .nex table, .cpxx table { width: 97%; border-collapse: collapse; }

.mspart5 tr td, .nex tr td, .cpxx tr td { line-height: 40px; padding: 0 6px; }

.mspart5 .table table { width: 100%; border-collapse: collapse; }

.mspart5 .table table td { border: 2px solid #000000; color: #333; text-align: center; }

.mspart5 .table table tr:nth-child(2n) { background: #f2f2f2; }

.mspart6 { background: #f4f4f4; padding-top: 38px; padding-bottom: 40px; }

.ms_des3 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 20px; }

.mspart6 ul { font-size: 0; letter-spacing: 0; }

.mspart6 ul li { display: inline-block; vertical-align: top; margin-left: 38px; margin-bottom: 24px; }

.mspart6 ul li span { display: block; border: 1px solid #fdd92d; }

.mspart6 ul li span img { display: block; width: 100%; max-width: 207px; max-height: 194px; }

@media screen and (max-width: 1219px) { .mspart6 ul li { margin-left: 15px; width: 184px; } }

@media screen and (max-width: 999px) { .mspart6 ul li { width: 18%; margin: 0 1%; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .mspart6 ul li { width: 23%; } }

@media screen and (max-width: 600px) { .mspart6 ul li { width: 31.333%; margin-bottom: 10px; }
  .mspart6 { padding-bottom: 20px; } }

@media screen and (max-width: 380px) { .mspart6 ul li { width: 48%; } }

.mspart7 { padding-top: 8px; }

.mspart7 .text_yellow { margin-bottom: 15px; }

.mspart7 .ms_des3 { margin-bottom: 51px; }

.mspart7 img { margin-bottom: 80px; max-width: 100%; }

.hui_bg_tu { text-align: center; }

.hui_bg_tu img { max-width: 90%; margin-bottom: 86px; }

.mspart8 .ms_hui_bg { padding-top: 0; }

@media screen and (max-width: 1219px) { .hui_bg_tu img { margin-bottom: 50px; } }

@media screen and (max-width: 999px) { .hui_bg_tu img { margin-bottom: 35px; }
  .mspart7 .ms_des3 { margin-bottom: 35px; }
  .mspart7 img { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .mspart7 img { margin-bottom: 25px; } }

.mspart9 { padding-top: 31px; }

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

.ms_des4 p { color: #666666; margin-bottom: 20px; }

.ms_des4 p:before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #acacac; margin-right: 5px; vertical-align: middle; }

@media screen and (max-width: 999px) { .mspart9 { padding-top: 5px; } }

@media screen and (max-width: 767px) { .ms_des4 { font-size: 14px; font-size: 1.4rem; }
  .ms_des4 p { margin-bottom: 12px; }
  .ms_des3 { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

/**************************************/
@media screen and (min-width: 999px) { .section.fp-section .offsetleft { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: all 850ms; -o-transition: all 850ms; -moz-transition: all 850ms; transition: all 850ms; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
  .section.fp-section .offsetright { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: all 850ms; -o-transition: all 850ms; -moz-transition: all 850ms; transition: all 850ms; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
  .section.fp-section .offsettop { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all 850ms; -o-transition: all 850ms; -moz-transition: all 850ms; transition: all 850ms; -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
  .section.active .offsetleft, .section.active .offsetright { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .section.active .offsettop { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } }

/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 260px; background: #fff; top: -9999px; left: 50%; margin-left: -98px; }

.yiji li { position: relative; }

.yiji li a { display: block; color: #333; line-height: 26px; padding-top: 10px; padding-bottom: 10px; padding-left: 29px; padding-right: 10px; font-size: 18px; font-size: 1.8rem; }

.yiji li:hover > a { background: #fdd100; }

.erji { position: absolute; left: 100%; top: -999px; width: 260px; background: #ffffff; }

.navlist > li:hover .yiji { top: 100%; }

.yiji > li:hover .erji { top: 0px; }

@media screen and (max-width: 999px) { .yiji { display: none; } }


.yiji2{position: absolute;padding-top: 5px;top: -99999px;left: 50%;margin-left: -600px;z-index: 9999;font-size: 0;letter-spacing: 0;}
.yiji2 div{display: inline-block;vertical-align: top;padding: 24px 23px;padding-bottom: 60px;box-sizing: border-box;width: 33.333%;background: #fff;}
.yiji2 div p{font-size:20px;font-size:2rem;margin-bottom: 14px;}
.yiji2 div p:after{content: "";display: block;width: 53px;height: 2px;background: #bfbfbf;margin-top: 9px;}
.yiji2 div p a{display: block; min-height: 66px;}
.yiji2 div p a:hover{color: #fdd100;}
.yiji2 div ul li{font-size:16px;font-size:1.6rem;line-height: 26px;margin-bottom: 12px;}
.yiji2 div ul li a{color: #666;}
.yiji2 div ul li a:hover{color: #fdd100;}

.navlist > li:hover .yiji2 { top: 100%; }

@media screen and (max-width: 1219px) { 
  .yiji2{margin-left: -490px;}
  .yiji2 div p{font-size:16px;font-size:1.6rem;}
  .yiji2 div ul li{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width: 999px) { .yiji2{ display: none; } }


/*************  kefu  **************/
.ce { position: fixed; right: 0px; top: 10%; width: 47px; text-align: center; z-index: 9999999999; }

.ce li { height: 47px; line-height: 47px; cursor: pointer; margin-bottom: 1px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; background: #666666; cursor: pointer; position: relative; }

.ce li a { display: block; height: 47px; }

.ce li i { font-size: 24px; font-size: 2.4rem; color: #fff; }

.ce li:hover { background: #fdd100; }

.ce li:hover i { color: #333333; }

.ce .ce4 .ewm { position: absolute; bottom: 0; left: 125px; max-width: 120px; width: 120px; height: 120px; }

.ce .ce4:hover .ewm { left: -125px; }

.ce li.ce5 i { display: inline-block; width: 27px; height: 27px; line-height: 27px; border-radius: 50%; border: 1px solid #fff; font-size: 12px; font-size: 1.2rem; }

@media screen and (max-width: 767px) { .ce { bottom: 0; top: auto; width: 100%; }
  .ce li { width: 25%; margin: 0; float: left; height: 40px; line-height: 40px; border-radius: 0; border-radius: 0; box-shadow: none; }
  .ce .ce4 .ewm { position: absolute; bottom: 50px; right: 0; left: auto; margin-right: 10px; display: none; }
  .ce .ce4:hover .ewm { right: 0; left: auto; }
  .ce li i { font-size: 24px; font-size: 2.4rem; } }

.hdtop { position: fixed; right: 20px; bottom: -150px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 99999; width: 46px; height: 54px; line-height: 54px; border: 2px solid #fdd100; text-align: center; /*background: #fff;*/ }

.hdtop i { color: #fdd100; font-size: 30px; font-size: 3rem; }

@media screen and (max-width: 767px) { .hdtop { width: 36px; height: 44px; line-height: 44px; /*border:2px solid #fff;*/ background-color: #fdd100; }
  .hdtop i { font-size: 24px; font-size: 2.4rem; color: #fff; }
  .dibu{padding-bottom: 50px;} }

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

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

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

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

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

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

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

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

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

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

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); 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; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

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

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

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

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); 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: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-moz-keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }

@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@font-face { font-family: "Poppins-Regular"; src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.eot") format("embedded-opentype"), url("../fonts/Poppins-Regular.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Poppins-Bold"; src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins-Bold.eot") format("embedded-opentype"), url("../fonts/Poppins-Bold.svg") format("svg"); font-weight: normal; font-style: normal; }

.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(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.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;
	/*opacity:0.5;*/
	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.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

.title1 p { display: none; position: absolute; right: 10px; bottom: 10px; }
.title1 p span { display: block; width: 30px; height: 5px; margin-bottom: 3px; background: #fff; }
.title1 { text-align: left; padding-left: 15px; font-size: 24px; font-size: 2.4rem; line-height: 50px; position: relative; background: #0042a5; font-weight: bold; display: block; margin-bottom: 4px; text-transform: uppercase; }
.title1 a { color: #fff; }
.title2 { margin-top: 46px; }
.tags { font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 10px; }
.tags a { padding: 0 5px; }
.tags a:hover { color: #fdd100; }

.mspart3 .ms_hui_bg>div>ul>li:nth-child(4){padding-right: 0 !important;}
.mspart6 ul>li:nth-child(1){margin-left: auto !important;}

.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px; /*width:200px;*/ line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #fdd100;cursor: pointer;  border:1px solid #fdd100; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#fdd100 solid 1px; background:#fdd100; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }
.listcart{ width:100%;
}
}
@media screen and (max-width:420px){
.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}
}
.at-resp-share-element .at4-share-count-container {
    text-decoration: none;
    float: right;
    padding-right: 15px;
    font-size: 9pt;
    position: relative;
    top: -4px;
    height: 24px;
}
.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;}
.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px;}
.xunpanc table tr td a:hover{color: #fdd100;}

.nex tr td{border: 1px solid #ccc;}

.m-kefu-chat{z-index: 9999999999 !important;}

.msfu1{position: absolute;left: 0;top: 0;height: 50%;}
.msfu2{position: absolute;left: 0;top: 50%;height: 50%;}
.msfu1 img,.msfu2 img{display: block;height: 100%;max-width: 600px;}

/**************************************************************************************/
.subNavBox2 { padding-top: 40px; }

.subNav2 { line-height: 28px; padding-top: 8px; padding-bottom: 8px; cursor: pointer; background: #fdd100 url("../images/jia2.png") no-repeat right center; margin-bottom: 18px; border: 1px solid #eeeeee; }

.subNav2 a { padding-left: 13px; display: block; color: #ffffff; padding-right: 40px; font-size: 28px; font-size: 2.8rem; font-family: "calibrib"; }

.subNav2 a img { vertical-align: middle; margin-right: 10px; }

.subNav2.currentDt2 { background: #b3b3b3 url("../images/jian2.png") no-repeat right center; }

.subNav2.currentDt2 a { color: #fff; }

.navContent2 { display: none; padding-bottom: 17px; padding-left: 50px; padding-right: 50px;padding-top: 21px; margin-top: -18px; margin-bottom: 16px; font-size: 0; letter-spacing: 0; }

.navContent2 > div { display: inline-block; vertical-align: top; }

.navContent2 div span { font-size: 24px; font-size: 2.4rem; line-height: 30px; margin-bottom: 30px; display: block; }

.navContent2 div ul li { font-size: 18px; font-size: 1.8rem; line-height: 30px; margin-bottom: 10px; }

.navContent2 div ul li i { float: left; font-size: 20px; font-size: 2rem; color: #fdd100; margin-right: 10px; }

.navContent2 div ul li p { overflow: hidden; }

.navContent2 div ul li p em { font-style: normal; font-family: "calibrib"; }



.abaibg .img-scroll { position: relative; background: url(../images/abiao.jpg) repeat-x center 56px;}

.abaibg .prev, .abaibg .next { position: absolute; display: block; top: 0;margin-top: 41px; }

.abaibg .prev i, .abaibg .next i { font-size: 28px; font-size: 2.8rem; color: #333; }

.abaibg .prev:hover i, .abaibg .next:hover i { color: #fdd100; }

.abaibg .prev { left: -8px; cursor: pointer; }

.abaibg .next { right: -8px; cursor: pointer; }

.abaibg .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.abaibg .img-list ul { width: 10000%; }

.abaibg .img-list li { float: left; display: inline; width: 1%; margin-right: 10px; position: relative; font-size: 0;letter-spacing: 0;}

.abaibg .img-list li img { width: 100%; max-width: 405px; max-height: 405px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.lsbox{width: 18%; /*width: 75%;*/ margin: 0 1%;text-align: center;display: inline-block;vertical-align: top;}

/*.lsbox2{width: 75%;}*/

.time{font-size: 26px;font-size: 2.6rem;padding-bottom: 37px;background: url(../images/biggerdot.png) no-repeat center bottom;margin-bottom: 52px;line-height: 44px;}

.huang_bg{background: #fdd100;padding: 15px;text-align: center;}

.huang_bg img{width: 100%;max-width: 249px;}

.huang_bg p{font-size:16px;font-size:1.6rem;line-height: 30px;margin-top: 10px;}

.img-scroll_ms2{display: none;}

@media screen and (max-width: 1219px) {
  .huang_bg p{font-size:14px;font-size:1.4rem;line-height: 26px;}
  .time{margin-bottom: 25px;font-size:24px;font-size:2.4rem;}
}
@media screen and (max-width: 999px) {
  .img-scroll_ms2{display: block;}
  .img-scroll_ms1{display: none;}
  .lsbox{width: 100%;}
  .abaibg .img-list li{width: 0.31333%;margin: 0 0.01%;}
}
@media screen and (max-width: 767px) {
  .time{font-size:20px;font-size:2rem;margin-bottom: 12px;}
  .abaibg{padding-top: 30px;}
  .abaibg .img-list li{width: 0.48%;}
}
@media screen and (max-width: 420px) {
  .abaibg .img-list li{width: 0.98%;}
  .abaibg .prev i, .abaibg .next i{font-size:22px;font-size:2.2rem;}
  .abaibg .prev, .abaibg .next{margin-top: 45px;}
}

.cuxin .int1 select{width: 100%;height: 46px;padding-left: 45px;font-size: 16px;font-size: 1.6rem;line-height: 46px;border: none;border-bottom: 1px solid #c9c9c9;cursor: pointer;}

/*******************  yuan_list  ********************/
.yuan_list{font-size: 0;letter-spacing: 0;}
.yuan_list div{display: inline-block;vertical-align: top;margin-left: 50px;width: 200px;height: 200px;border-radius: 50%;overflow: hidden;}
.yuan_list div a{display: block;border-radius: 50%;width: 200px;height: 200px;box-sizing: border-box;border: 4px solid #fdd100;overflow: hidden;}
.yuan_list div a img{height: 100%;display: block;}

@media screen and (max-width: 1219px) {
  .yuan_list div{margin-left: 30px;width: 172px;height: 172px;}
  .yuan_list div a{width: 172px;height: 172px;}
}
@media screen and (max-width: 999px) {
  .yuan_list div{width: 18%;margin: 0 1%;text-align: center;height: auto;margin-bottom: 20px;}
  .yuan_list div a{width: 120px;height: 120px;display: inline-block;}
}
@media screen and (max-width: 800px) {
  .yuan_list div{width: 31.333%;}
  .yuan_list div a{width: 150px;height: 150px;}
}
@media screen and (max-width: 550px) {
  .yuan_list div{width: 48%;}
}
@media screen and (max-width: 350px) {
  .yuan_list div a{width: 130px;height: 130px;}
}

/* index-product4 */

.index-product4{
	background: url("../images/m4bj.jpg") no-repeat center; 
	background-size: cover; 
}

.index-product4 *,
.e1m1 *{
	box-sizing: border-box;
}

.m4-scroll {
	position: relative;
	width: 100%;
	padding: 0 30px;
}
.m4-scroll .prev, 
.m4-scroll .next {
	position: absolute; 
	text-align:center; 
	display: block; 
	text-align: center; 
	color: #fff;
	top: 50%; 
	transform: translateY(-50%); 
	transition: 0.5s; 
	z-index: 9;
}
.m4-scroll .prev { left: 0px; cursor: pointer;}
.m4-scroll .next { right:0px; cursor: pointer;}
.m4-scroll .prev:hover,.m4-scroll .next:hover { color: #fdd100 !important;}
.m4-scroll .img-list {position: relative;overflow: hidden;}
.m4-scroll .img-list ul {width: 10000%;}
.m4-scroll .img-list li {
	float: left; 
	width:0.12807%;
	margin-right: 0.01725%; 
	border-left: none; 
	position:relative;
	
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #fdd100;
	
	padding: 4px;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	text-align: center;
	
	cursor: pointer;
}

.m4-scroll .img-list li.tab-dq{
	background-color: #fdd100;
}
.d-tab{
	display: none;
}

.imga {
	text-align: center;
	font-size: 0;
}

.imga a {
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}

.imga img {
	margin: 0 auto;
	transition: .5s;
	max-width: 100%;
}

.imga a:hover img{
	transform: scale(1.1);
}

.m4-img{
	position: relative;
}

.m4-time{
	position: absolute;
}

.m4-new{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
}

.m4-new li{
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.m4-dnr{
	padding: 16px 20px;
}

.m4-xbt{
	font-size: 24px;
	line-height: 30px;
}

.m4-nr{
	margin-top: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}
.m4-nr a{
	color: #666;
}

.m4-xbt a{
	display: -webkit-box;  
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 1;  
	overflow: hidden;
}
.m4-nr a{
	display: -webkit-box;  
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 2;  
	overflow: hidden;
}

.m4-nr a:hover,
.m4-xbt a:hover{
	color: #fdd100;
}

.m4-btn {
	margin-top: 20px;
}

.index-product4 .sypp2{
	margin-top: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width:999px) {
	.index-product4{
		padding: 30px 0;
	}
	
	.m4-scroll .img-list li{
		font-size: 16px;
		width: 0.15%;
		margin-right: 0.02%;
	}
	
	.m4-dnr{
		padding: 10px;
	}
	
	.m4-xbt{
		font-size: 20px;
	}
	
	.m4-nr{
		font-size: 16px;
	}
	
	.m4-new{
		gap: 20px;
	}
}

@media screen and (max-width:767px) {
	.m4-scroll .img-list li{
		width: 0.23%;
		margin-right: 0.0201%;
	}
	
	.m4-new{
		grid-template-columns: repeat(2,1fr);
	}
	
	.m4-xbt{
		font-size: 18px;
		line-height: 30px;
	}
	
	.m4-nr{
		font-size: 14px;
		line-height: 26px;
	}
	
	.m4-scroll .img-list li{
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:480px) {
	.m4-scroll .img-list li{
		width: 0.32%;
		margin-right: 0.02%;
	}
	
	.m4-new{
		grid-template-columns: repeat(1,1fr);
	}
}

/* e1m1 */

.e1m1{
	padding-top: 20px;
	padding-bottom: 100px;
}

.e1m1 .m4-scroll .prev, 
.e1m1 .m4-scroll .next{
	color: #333;
}

.m4-scroll .img-list li a{
	display: block;
}

.e1m1-xq>li{
	padding: 36px 38px;
	background-color: #fafafa;
	border-radius: 10px;
	margin-bottom: 30px;
}

.e1m1-l{
	float: left;
	width: 42.7046%;
	margin-right: 2.669%;
	border-radius: 10px;
	overflow: hidden;
}

.e-scroll {
	position: relative;
	width: 100%;
}
.e-scroll .prev, 
.e-scroll .next {
	position: absolute; 
	text-align:center; 
	display: block; 
	color: #666;
	bottom: 16px; 
	transition: 0.5s; 
	z-index: 9;
	
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}
.e-scroll .prev { right: 16px; cursor: pointer; transform: translateX(-116.67%);}
.e-scroll .next { right:16px; cursor: pointer;}
.e-scroll .prev:hover,.e-scroll .next:hover { background-color: #fdd100;}
.e-scroll .img-list {position: relative;overflow: hidden;}
.e-scroll .img-list ul {width: 10000%;}
.e-scroll .img-list li {
	float: left; 
	width:1%;
	margin-right: 0.02%; 
	border-left: none; 
	position:relative;
}

.e1m1-xq{
	margin-top: 60px;
	padding-bottom: 30px;
}

.e1m1-r{
	padding-top: 10px;
}

.e1m1-bt{
	font-family: Poppins-Bold;
	font-size: 26px;
	line-height: 30px;
}

.e1m1-bt a:hover{
	color: #fdd100;
}

.e1m1-time{
	margin-top: 6px;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
}

.e1m1-time i{
	font-size: 20px;
	margin-right: 6px;
}

.e1m1-nr{
	font-size: 16px;
	line-height: 30px;
	color: #666666;
}

.e1m1-nr p{
	color: #666;
}

.e1m1-nr a:hover p{
	color: #fdd100;
}

.e1m1-xq li:nth-child(2n) .e1m1-l{
	float: right;
	margin-left: 2.669%;
	margin-right: 0;
}

.e1m1 .ms_ye{
	margin-top: 0;
}

@media screen and (max-width:999px) {
	.e1m1{
		padding: 30px 0;
	}
	
	.e1m1-xq{
		margin-top: 20px;
		padding-bottom: 0;
	}
	
	.e1m1-xq>li{
		padding: 20px;
	}
	
	.e1m1-bt{
		font-size: 22px;
	}
}

@media screen and (max-width:767px) {
	.e1m1-bt{
		font-size: 18px;
	}
	
	.e1m1-nr{
		font-size: 14px;
		line-height: 26px;
	}
}

@media screen and (max-width:600px) {
	.e1m1-l{
		float: initial !important;
		margin: 0 auto !important;
		width: 100%;
		max-width: 460px;
	}
}


.m-hdlang{
	display: none;
}

.head-lang{
	padding-top: 14px;
	font-size: 16px;
	line-height: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}
.head-lang li{
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid #f5f5f5;
}

.head-lang li:first-child{
	border-left: none;
}

.head-lang li a{
	display: flex;
	align-items: center;
}

.head-lang li a:hover{
	color: #fdd100;
}

.head-lang li img{
	flex-shrink: 0;
	margin-right: 10px;
	width: 23px;
	border-radius: 50%;
}

.navlist{
	padding-top: 14px;
}

@media screen and (min-width:1220px) {
	.navlist > li{
		padding-bottom: 18px;
		margin-left: 26px;
	}
}
@media screen and (max-width:1219px) {
	.head-lang li{
		margin-left: 10px;
		padding-left: 10px;
	}
	
	.navlist > li{
		margin-left: 10px;
	}
	
	.navlist > li.currentnav > a:before,
	.navlist > li.currentnav > a:after{
		display: none;
	}
}

@media screen and (max-width:999px) {
	.head-lang{
		font-size: 14px;
		line-height: 26px;
	}
	
	.head-lang li img{
		width: 20px;
		margin-right: 5px;
	}
	.head-lang li{
		padding-top: 5px;
		margin-left: 5px;
	}
}

@media screen and (max-width:900px){
	.head-lang{
		justify-content: center;
	}
}

@media screen and (max-width:767px) {
	.navlist > li{
		margin-left: 0;
	}
}