@charset 'utf-8';
body {
  font-family: "Source Sans Pro", Arial, Georgia, Times, "Times New Roman", serif;
}
.whole {
  padding-bottom: 1.66666667rem;
}
.banner-box {
  width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.swiper-container .swiper-pagination-bullet {
  display: inline-block;
  width: 0.26479751rem;
  height: 0.26479751rem;
  background: #fff;
  opacity: 1;
}
.swiper-container .swiper-pagination-bullet-active {
  background: #238dd7;
}
.news-box {
  width: 9.65732087rem;
  margin: 0 auto;
}
.news-box ul {
  padding-top: 0.04672897rem;
}
.news-box ul li {
  margin-top: 0.12461059rem;
  padding-left: 0.28037383rem;
  border: 0.01557632rem solid #c8c8c8;
}
.news-box ul li h3 {
  font-weight: normal;
  font-size: 0.37383178rem;
  color: #238dd7;
  line-height: 0.93457944rem;
}
.news-box ul li p {
  font-size: 0.31152648rem;
  line-height: 0.56074766rem;
  color: #363636;
}
.news-box ul li a {
  color: #1f7bc9;
}
.news-box ul li:after {
  content: '';
  display: block;
  width: 0.42056075rem;
  height: 0.04672897rem;
  margin: 0.49844237rem 0 0.26479751rem;
  background: #63a3d9;
}
.product-box {
  overflow: hidden;
  width: 9.65732087rem;
  margin: 0 auto 0.18691589rem;
  padding-top: 0.12461059rem;
}
.swiper-container-pro .swiper-slide a {
  display: block;
}
.swiper-container-pro .swiper-slide img {
  width: 4.82866044rem;
  height: 4.04984424rem;
}
.swiper-container-pro .swiper-slide p {
  overflow: hidden;
  height: 0.93457944rem;
  padding: 0 0.31152648rem;
  text-align: center;
  font-size: 0.40498442rem;
  color: #464646;
  line-height: 0.93457944rem;
}
.footer-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}
.footer {
  display: flex;
  border-top: 0.01557632rem solid #d2d2d2;
}
.footer a {
  flex: 1;
  height: 1.65109034rem;
  border-left: 0.01557632rem solid #d2d2d2;
  font-size: 0.28037383rem;
  text-align: center;
  color: #4a4848;
}
.footer a:first-child {
  border-left: none;
}
.footer a img {
  display: block;
  width: 0.65420561rem;
  margin: 0.31152648rem auto 0.21806854rem;
}
.nav-wrap {
  position: fixed;
  right: -40%;
  top: 0;
  width: 40%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
}
.nav li {
  border-left: 0.0623053rem solid #00a6e5;
  font-size: 0.43613707rem;
  text-indent: 0.31152648rem;
  color: #dfdfdf;
  line-height: 0.93457944rem;
}
.nav-btn {
  position: fixed;
  right: 0.07788162rem;
  top: 0.12461059rem;
  width: 0.93457944rem;
  height: 0.93457944rem;
  z-index: 555;
}
.nav-btn img {
  display: block;
  width: 100%;
}
.mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 6666;
}
[class*='zy-product'] .title {
  height: 1.01246106rem;
  background: #e5e5e5;
}
[class*='zy-product'] .title p {
  float: left;
}
[class*='zy-product'] .title img {
  float: left;
  width: 0.29595016rem;
  margin: 0.37383178rem 0.15576324rem 0 0.21806854rem;
}
[class*='zy-product'] .title span {
  float: left;
  width: 1.86915888rem;
  line-height: 1.01246106rem;
  font-size: 0.31152648rem;
  color: #4d4d4d;
}
[class*='zy-product'] .title input {
  float: left;
  width: 2.3364486rem;
  height: 1.01246106rem;
  line-height: 1.01246106rem;
  background: #e5e5e5;
  font-size: 0.31152648rem;
  color: #4d4d4d;
  font-weight: normal;
  font-family: "Source Sans Pro", Arial, Georgia, Times, "Times New Roman", serif;
}
[class*='zy-product'] .title input:-moz-placeholder {
  color: #4d4d4d;
  opacity: 1;
}
[class*='zy-product'] .title input::-moz-placeholder {
  color: #4d4d4d;
  opacity: 1;
}
[class*='zy-product'] .title input:-ms-input-placeholder {
  color: #4d4d4d;
  opacity: 1;
}
[class*='zy-product'] .title input::-webkit-input-placeholder {
  color: #4d4d4d;
  opacity: 1;
}
.zy-product-con li:nth-child(odd) {
  float: left;
  margin-left: 0.17133956rem;
}
.zy-product-con li:nth-child(even) {
  float: right;
  margin-right: 0.17133956rem;
}
.zy-product-con li {
  width: 4.6728972rem;
  margin-top: 0.15576324rem;
}
.zy-product-con li a {
  display: block;
}
.zy-product-con li a p {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 3.1152648rem;
  text-align: center;
}
.zy-product-con li a p img {
  display: inline-block;
  height: 3.1152648rem;
}
.zy-product-con li span {
  float: left;
  width: 100%;
  margin: 0.31152648rem 0;
  font-size: 0.40498442rem;
  text-align: center;
}
.zy-product-show-con {
  width: 6.76012461rem;
  margin: 0.31152648rem auto 0;
}
.swiper-container {
  height: 4.6728972rem;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 4.6728972rem;
  width: 100%;
}
.gallery-thumbs {
  height: 1.07476636rem;
  box-sizing: border-box;
  margin: 0.31152648rem 0 0;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 1.04361371rem;
  opacity: 0.4;
  border: 0.01557632rem solid #dddddd;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.zy-product-show-con2 {
  margin-top: 0.93457944rem;
}
.zy-product-show-con2 h4 {
  padding-left: 0.24922118rem;
  font-size: 0.37383178rem;
  color: #238dd7;
  font-weight: normal;
  text-transform: uppercase;
}
.zy-product-show-con2 ul {
  margin: 0.15576324rem 0 0.46728972rem;
  font-size: 0;
}
.zy-product-show-con2 li {
  padding-left: 0.80996885rem;
  font-size: 0.28037383rem;
  line-height: 0.46728972rem;
}
.zy-product-show-con2 li span {
  display: inline-block;
}
.zy-product-show-con2 li span:nth-child(1) {
  width: 3.1152648rem;
  color: #636363;
}
.zy-product-show-con2 li span:nth-child(2) {
  color: #272727;
}
.zy-product-con3 dl {
  margin-bottom: 0.31152648rem;
}
.zy-product-con3 dt {
  margin: 0.56074766rem 0 0.49844237rem;
  text-align: center;
  font-size: 0.37383178rem;
  color: #303030;
  text-transform:uppercase;
}
.zy-product-con3 dd {
  float: left;
  width: 4.20560748rem;
  margin: 0.0623053rem 0;
  font-size: 0.31152648rem;
  color: #88898a;
}
.zy-product-con3 dl > *:nth-child(2n) {
  padding-left: 1.5576324rem;
}
.zy-product-con3 dd a {
  display: inline-block;
  height: 0.57632399rem;
  padding: 0 0.31152648rem 0 0.43613707rem;
  border-radius: 0.21806854rem;
  line-height: 0.57632399rem;
  font-size: 0.31152648rem;
}
.zy-product-con3 dd a.screen {
  background: #35b5e5;
  color: #fff;
}
.zy-company div 
{
    font-size:0.5em;
}
.zy-company span
{
    width:95%;
    padding:0 2.5%;
    float:left;
    text-indent:1em;
}
.zy-company img {
  width: 100%;
  height:auto;
}
.zy-company div:nth-child(2) {
  font-size: 0.37383178rem;
  font-weight: normal;
  padding-left: 0.18691589rem;
  color: #238dd7;
}
.zy-company div:nth-child(3) {
  padding: 0.0623053rem 0.21806854rem;
  font-size: 0.31152648rem;
  color: #585857;
  line-height: 0.43613707rem;
  word-break: break-all;
  text-align: justify;
}
.zy-company div p {
  text-indent: 2em;
}
.zy-news-title {
  margin: 0.12461059rem 0 0.43613707rem;
  text-align: center;
}
.zy-news-title .title {
  font-size: 0.37383178rem;
  color: #1f1f1f;
  line-height: 1.09034268rem;
}
.zy-news-title .date {
  font-size: 0.28037383rem;
  color: #717171;
}
.zy-news-con {
  width: 9.65732087rem;
  margin: 0 auto 0.46728972rem;
}
.zy-news-con img {
  width: 100%;
  height:auto;
}
.zy-news-con p {
  font-size: 0.31152648rem;
  color: #717171;
  text-align: justify;
  word-break: break-all;
  line-height: 0.43613707rem;
}
.zy-news-list {
  width: 9.65732087rem;
  margin: 0 auto;
  background: #f2f2f2;
}
.zy-news-list li {
  float: left;
  width: 100%;
  margin: 0 0 0.10903427rem;
  padding: 0.37383178rem 0;
  background: #fff;
}
.zy-news-list li a {
  float: left;
  width: 100%;
}
.zy-news-list li div {
  float: left;
  width: 2.95950156rem;
  height: 1.99376947rem;
  margin-right: 0.28037383rem;
  overflow: hidden;
}
.zy-news-list li div img {
  width: 100%;
}
.zy-news-list li span {
  overflow: hidden;
  float: left;
  width: 6.38629283rem;
  height: 1.63551402rem;
  font-size: 0.37383178rem;
  font-family: Arial;
  color: #454545;
  line-height: 0.57383178rem;
}
.zy-news-list li em {
  float: left;
  font-style: normal;
  font-size: 0.28037383rem;
  text-indent: 0.37383178rem;
  background: url('../images/news_time_01.png') no-repeat 0 center / contain;
  line-height: 0.28037383rem;
  font-family: '微软雅黑';
  color: #949494;
}
.zy-case {
  width: 9.65732087rem;
  margin: 0.23364486rem auto;
}
.zy-case-a {
  margin-bottom: 0.3894081rem;
}
.zy-case-a div {
  width: 4.6728972rem;
  height: 1.24610592rem;
  margin: 0 auto 0.37383178rem;
}
.zy-case-a div img {
  max-width: 100%;
  height: 1.24610592rem;
}
.zy-case-a p {
  font-size: 0.31152648rem;
  color: #393a3a;
  text-align: center;
  line-height: 0.49844237rem;
}
.zy-case-b {
  width: 100%;
}
.zy-case-b img {
  width: 100%;
}
.zy-case-c {
  font-size: 0;
}
.zy-case-c li {
  color: #393a3a;
}
.zy-case-c li b {
  font-size: 0.34267913rem;
  line-height: 0.7788162rem;
}
.zy-case-c li span {
  font-size: 0.31152648rem;
  line-height: 0.40498442rem;
}
.zy-case-c li > *:first-child {
  display: inline-block;
  width: 2.49221184rem;
}
.zy-case-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.zy-case-list li {
  width: 4.70404984rem;
  margin-bottom: 0.93457944rem;
}
.zy-case-list li a {
  display: block;
}
.zy-case-list li div {
  width: 4.70404984rem;
  height: 3.1152648rem;
  overflow: hidden;
  text-align: center;
}
.zy-case-list li div img {
  height: 100%;
}
.zy-case-list li a p {
  color: #4b4b4b;
  line-height: 0.7165109rem;
  font-size: 0.31152648rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.zy-contact {
  padding: 0.43613707rem 0;
}
.zy-contact li {
  float: left;
  width: 100%;
  margin-top: 0.46728972rem;
  color: #484848;
  text-align: center;
}
.zy-contact-img {
  width: 100%;
  height: 0.46728972rem;
  line-height: 0.46728972rem;
  font-size: 0;
}
.zy-contact-img span {
  display: inline-block;
  height: 0.46728972rem;
  margin-left: 0.18691589rem;
  font-size: 0.24922118rem;
}
.zy-contact-img img {
  display: inline-block;
  height: 0.46728972rem;
  vertical-align: top;
}
.zy-contact-text {
  width: 6.69781931rem;
  margin: 0.15576324rem auto 0.46728972rem;
  font-size: 0.31152648rem;
  line-height: 0.46728972rem;
  word-break: break-all;
}
.zy-contact li a {
  display: block;
  width: 2.71028037rem;
  height: 0.76323988rem;
  margin: 0 auto;
  background: #25221d;
  border-radius: 0.0623053rem;
  line-height: 0.76323988rem;
  color: #fdfdfd;
  font-size: 0.24922118rem;
}
.zy-contact2 {
  width: 9.65732087rem;
  margin: 0 auto;
  font-size: 0;
}
.zy-contact2 h3 {
  margin-top: 0.49844237rem;
  font-size: 0.28037383rem;
  color: #373737;
}
.zy-contact2 > ul > li:first-child {
  height: 0.37383178rem;
  margin-top: 0.62305296rem;
  font-size: 0;
}
.zy-contact2 > ul > li:first-child > span {
  float: left;
  font-size: 0.31152648rem;
  color: #121212;
  line-height: 0.37383178rem;
}
.show-select-wrap {
  position: relative;
  display: inline-block;
  height: 0.37383178rem;
  margin-left: 0.3894081rem;
}
.show-select-wrap li {
  font-size: 0.31152648rem;
  color: #676767;
}
.zy-contact2 > ul > li .show-select-val span {
  float: left;
  width: 3.08411215rem;
  font-size: 0.31152648rem;
  color: #676767;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 0.3894081rem;
  text-align: left;
}
.show-select-val em {
  display: inline-block;
  width: 0.74766355rem;
  height: 0.37383178rem;
  background: #000;
}
.show-select-val em i {
  display: block;
  width: 0rem;
  height: 0;
  margin: 0.15576324rem auto 0;
  border: 0.0623053rem solid transparent;
  border-bottom: 0;
  border-top-color: #fff;
}
.select {
  display: none;
}
.show-select {
  display: none;
  position: absolute;
  top: 0.37383178rem;
  left: 0;
  width: 3.08411215rem;
}
.zy-contact2 > ul > li span {
  display: inline-block;
  width: 5.51246106rem;
  font-size: 0.31152648rem;
  color: #121212;
  line-height: 0.87227414rem;
  text-align: left;
}
.zy-contact2 > ul > li {
  margin-top: 0.22305296rem;
}
.zy-contact2 > ul > li span + input {
  display: inline-block;
  height: 0.87227414rem;
  width: 6.78816199rem;
  margin-left: 0.31152648rem;
  padding: 0 0.15576324rem;
  border: 0.01557632rem solid #dbdbdb;
  border-radius: 0.09345794rem;
  font-size: 0.31152648rem;
  color: #676767;
}
.zy-contact2 > input {
  display: block;
  width: 3.09968847rem;
  height: 1.01246106rem;
  margin: 0.28037383rem auto;
  font-size: 0.37383178rem;
  border: 0.01557632rem solid #dbdbdb;
  color: #fff;
  background: #3e99e6;
}

.zy-contact2 > ul > li > textarea {
  display: inline-block;
  height: 3.87227414rem;
  width: 8.76272066333rem;
  margin-left: 0.11152648rem;
  padding: 0 0.15576324rem;
  border: 0.01557632rem solid #dbdbdb;
  border-radius: 0.09345794rem;
  font-size: 0.51152648rem;
  color: #676767;
}
.zy-contact2 > textarea {
  display: block;
  width: 7.26272066333rem;
  height: 0.01246106rem;
  margin: 0.28037383rem auto;
  font-size: 0.37383178rem;
  color: #fff;
  background: #3e99e6;
}

.solutions_show_t{  height:59px; line-height:59px; font-size:23px; text-align:center; text-transform:uppercase; float:left; width:100%; margin:20px 0px;}
.solutions_show_l{ float:left; width:100%;}
.solutions_show_l dl { float:left; width:100%; margin-bottom:20px; font-size:16px;}
.solutions_show_l dl dt{ float:left; width:863px;}
.solutions_show_l img{ max-width:400px; height:auto;}
.solutions_show_l dl dd{ float:left; width:240px; margin-left:24px;}
.solutions_show_l dl dd table{ width:100%;}
.solutions_show_l dl dd table tr:first-child{ font-family:""Source Sans Pro", Arial, Georgia, Times, "Times New Roman", serif"; color:#393a3a; font-weight:bold;}
.solutions_show_l dl dd table tr td{ line-height:25px; color:#393a3a;}

.pagelist{height:30px; padding:5px 0px; float:left; width:100%; text-align:center; background:#f2f2f2; border-top:solid 2px #858585; padding-bottom:100px;}
.pagelist2{  margin-top:5px; font-size:16px;}
.pagelist a{color:#999999;font-size:14px; height:100%; padding:5px; margin:3px; background:#ffffff; border:solid 1px #b3b3b3;}
.pagelist span{padding: 5px; color:#858585;}
.pagelist a:hover{color:#fff;background:#238dd7; border:solid 1px #238dd7;}
.fengyepage-now{color:#fff !important;background:#238dd7 !important; border:solid 1px #238dd7;}

.catalog_show_miaoshu{ float:left; width:100%; margin-top:25px;}
.catalog_show_miaoshu img{ max-width:100%;}

.switchBox{width:100%; float:left;}
.switchBox dt{height:40px; border:solid 1px #c6c4c4;}
.switchBox span, .switchBox dt a, .switchBox em{color:#414141;cursor:pointer;float:left;font-size:14px;height:40px;line-height:40px;text-decoration:none; padding:0px 18px; font-style:normal; border-right:solid 1px #c6c4c4;}
.switchBox dt .on{background:#eeecec;}
.switchBox dt .active{background:#eeecec;}
.switchBox dt .on, .switchBox dt .active, .switchBox a:hover{color:#414141;}

.switchBox dd{clear:both;display:none;height:auto;min-height:100px!important;padding:10px 0px 30px; text-align:left; font-size:14px;}
.switchBox dd img{ max-width:100%; height:auto;}