.demo-menu { float: right; }
.fl{float: left;}
.fr{
  float: right;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}
.w1920{
  width: 1920px;
  position: relative;
  margin-left: -960px;
  left: 50%;
}

.header{
  height: 71px;
  background: #1d1d1d;
}
.short-lf, .short-rg { width: 50%; float: left; }

.short-lf { padding: 10px 114px 20px 14.333%; background: #419982; }
.short-lf p { margin-top: 10px; font-size: 12px; color: #fff;margin-bottom:0px;line-height:22px;}

.short-rg { padding: 10px 14.333% 20px 0; }

.short-rg #formsearch { float: right; width: 50%; height: 52px; line-height: 52px; background: #f5f5f5;border-radius: 5px;margin-top:24px; }
.short-rg #formsearch #keyword { display: inline-block; height: 52px; line-height: 52px; width: calc(100% - 58px); border: none; padding-left: 16px; background: transparent; outline: none; }
.short-rg #formsearch #s_btn { width: 52px; height: 52px; font-size: 30px; color: #419982; font-weight: bold; vertical-align: middle; border: none; outline: none; background: transparent; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #b7b7b7; font-size: 14px; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b7b7b7; font-size: 14px; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b7b7b7; font-size: 14px; }


.logo{
  line-height: 70px;
  margin-top: 10px;
}
.short-tel { float: left; margin-left: 34px;    margin-top: 26px; }
.short-tel img { margin-right: 20px; }
.short-tel p { font-size: 26px; color: #444444; }

.step-mods { padding: 78px 0 88px; }

.digital li .inner { padding: 30px 0 15px; background: #ededed; text-align: center; }
.digital li .timer { font-size: 40px; color: #333333; font-weight: bold; }
.digital li .adorn { font-size: 24px; color: #333333;font-weight: bold; }
.digital li p { font-size: 14px; color: #8f8f8f;margin-top: 12px; }
.demo-news .title{
    margin-bottom:30px;
}
.title { background: url(../images/grid.png) center repeat-x; }
.title h4 { float: left; background: #fff; padding-right: 30px; }
.title b { font-size: 20px; color: #303135; font-weight: normal; }
.title b i { font-style: normal; }
.title span { display: inline-block; font-size: 20px; color: #a4a5a8; font-weight: normal; }
.title a { float: right; display: inline-block; width: 100px; height: 30px; line-height: 30px;
 background: url(../images/more.png) 30px no-repeat #fff; font-size: 16px; color: #018bee; text-align: right; }
.title a:hover { background: url(../images/more_on.png) 30px no-repeat #fff; color: #018bee; }

.demo-company .title { background: transparent; }

.mt44 { margin-top: 44px; }

.about-mods { padding: 45px 0 88px; background: url(../images/about_bg.png) center no-repeat;  }
.about-mods .title { margin-bottom: 48px; }
.about-mods a { display: inline-block; height: 40px; line-height: 40px; width: 168px; padding-left: 24px; margin-top: 40px;
 font-size: 16px; color: #fff; background: url(../images/more_f.png) 80% center no-repeat #018bee; }
.about-mods a:hover { background: url(../images/more_f.png) 80% center no-repeat #018bee; }
.about-mods img { max-width: 100%; }

.map { padding-top: 20px; background: url(../images/map.png) center no-repeat; background-size: cover; }

.tablemessage { width: 100%; table-layout: fixed; }
.tablemessage td { padding-right: 10px; }

.demo-message-wrap input[type="text"]::-webkit-input-placeholder, .demo-message-wrap textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ececec; font-size: 12px; }
.demo-message-wrap input[type="text"]::-moz-placeholder, .demo-message-wrap textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ececec; font-size: 12px; }
.demo-message-wrap input[type="text"] :-ms-input-placeholder, .demo-message-wrap textarea :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ececec; font-size: 12px; }

.linkUs { line-height: 42px; font-size: 14px; color: #bfbebe; }
.linkUs a { display: inline-block; margin-right: 6px; font-size: 14px; color: #bfbebe; }

.min-tit { height: 46px; line-height: 46px;  margin-bottom: 16px; font-size: 16px; color: #303135; border-bottom: 1px solid #d6d6d6; }

.demo-news-top .more { display: inline-block; width: 29px; height: 22px;margin-top: 10px; }
.demo-news-top a:hover .more { background: url(../images/more.png) center no-repeat; }

.product-detail-swiper { float: left; width: 346px; }

.product-detail-swiper .view .swiper-slide { outline: none; }

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 260px; line-height: 260px; background: #f5f5f5; font-size: 0; }

.product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview { margin: 0 auto; /* margin: 0 -5px; */ position: relative; margin-top: 10px; }

.product-detail-swiper .view { position: relative; }

.product-detail-swiper .preview .swiper-slide { outline: none; }

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #3e9a86; }

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 62px; line-height: 62px; background: #f5f5f5; margin: 0 5px; border: 2px solid transparent; font-size: 0; }

.product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { display: none; position: absolute; z-index: 99; top: 50%; margin-top: -41px; width: 45px; height: 82px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .preview .arrow-left { left: -56px; background: url(../images/n_prev.png) center no-repeat #ebebeb; }

.product-detail-swiper .view .arrow-left:hover { background: url(../images/prev_on.png) center no-repeat #00a0e9; }

.product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-right { display: none; right: -56px; background: url(../images/n_next.png) center no-repeat #ebebeb; }

.product-detail-swiper .view .arrow-right:hover { background: url(../images/next_on.png) center no-repeat #00a0e9; }

.product-detail-list1 { width: calc(100% - 354px); padding: 26px 100px 30px 46px; float: right; background: #f1fcf9; }

.product-detail-list b { float: left; font-size: 16px; color: #5a5a5a; font-weight: normal; }

.product-detail-list h1 { margin-bottom: 28px; font-size: 16px; font-weight: normal; color: #444444; }

.product-detail-list p { font-size: 14px; color: #858181; }

.product-detail-item { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.product-detail-item li { float: left; width: 50%; margin: 20px 0; font-size: 16px; color: #5a5a5a; }

.product-detail-inquiry a { display: inline-block; height: 30px; line-height: 30px; padding: 0 24px; background: url(../images/m_more.png) 90% center no-repeat #3e9a86; font-size: 14px; color: #fff; margin: 40px 0 0 10px; }

.product-detail-inquiry a:hover { background: url(../images/m_more.png) 90% center no-repeat #3a8a75; }

.product-detail-item li span { font-size: 16px; color: #5a5a5a; }

.product-detail-tabbox { border-bottom: 1px solid #e5e5e5; }

@media screen and (max-width: 1440px) { .short-tel { margin-left: 14px; }
  .short-tel p { margin-top: 10px; font-size: 18px; }
  .short-rg #formsearch #keyword { width: calc(94% - 52px); }
  .short-lf { padding-right: 85px; } }
@media screen and (max-width: 1366px) { .short-rg { padding-right: 8.333%; }
  .short-lf { padding-left: 8.333%; } }
@media screen and (max-width: 1280px) { .digital li p { font-size: 12px; } }
@media screen and (max-width: 1024px) { .product-detail-list1 { padding: 20px; }
  .product-detail-inquiry a { margin-top: 20px; }
  #message-form #checkcode { width: 65%; } }
@media screen and (max-width: 768px) { .step-mods { padding: 30px 0; }
  .step-mods li { margin-bottom: 10px; }
  .min-tit, .demo-news-top { margin-right: 0; }
  .demo-news-top { margin-bottom: 20px; }
  .demo-news { padding: 20px 0 0; }
  #message-form #checkcode { width: 48%; }
  .short-rg #formsearch { width: 95%; } }
@media screen and (max-width: 450px) { .short-lf, .short-rg { width: 100%; padding-left: 4%; padding-right: 4%; }
  .short-tel { margin-left: 0; }
  .short-rg #formsearch { width: 100%; }
  .title b { font-size: 16px; }
  .title span { display: none; }
  .title a { font-size: 14px; }
  .container-fluid { padding: 0 4%; }
  .page-content { padding: 24px 20px 56px; }
  .product-detail-swiper { width: 100%; float: none; }
  .product-detail-list1 { width: 100%; margin-top: 10px; }
  .xypg-left-title { line-height: 50px; margin-bottom: 0; }
  .xypg-left-title::after, .xypg-left-title::before { width: 0; }
  #message-form #checkcode { width: 44%; } }

/*# sourceMappingURL=main.css.map */


.ss{
  height: 51px;
  width: 1014px;
  margin: 0 auto;
  background: url(../images/ssbg.png)no-repeat center;
padding:  0 45px 0 55px;
}
.ss .hs .hotkey{
  font-size: 14px;
  color: #373737;
  line-height: 51px;
}
.ss .hs .hotkey a{
  margin-right: 8px;
  color: #373737;
}
.tel {
  margin-left: 76px;
  line-height: 51px;
}
.tel  p{
  font-size: 20px;
  color: #444444;
  margin-bottom: 0px;
}
#formsearch{
  width: 261px;
  height: 27px;
  background: url(../images/ss0.png)no-repeat center;
  float: right;
  margin-top: 12px;
}
#formsearch input{height:27px;background:none;border:none;line-height:27px;outline: none;float: left;}
#formsearch input#keyword{text-indent:11px;color:#b2b2b2;font-size: 14px;width: 210px;border: none;}
#formsearch input#s_btn{width:50px;height: 27px;line-height: 27px;text-align:center;border:none;cursor:pointer;font-size: 14px;
color: #fff;}
input#keyword:-ms-input-placeholder,textarea#keyword:-ms-input-placeholder {
color: #b2b2b2;
}
input#keyword::-webkit-input-placeholder,textarea#keyword::-webkit-input-placeholder {
color: #b2b2b2; 
}

.hyys1{
  margin-top: 67px;
}
.hyys1 ul li{
  float: left;
  width: 280px;
  margin-right: 26px;
  height: 117px;

}
.hyys1 ul li:nth-child(4){
  margin-right: 0px;
}
.pro0{
  margin-top: 65px;
}

.aboutwz{
  width: 620px;
  margin-top: 10px;
}
.aboutwz p{
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
}
.demo-company-list .demo-company-item{
  width: 208px;
  margin-right: 40px;
}
.ryzz{
  width: 1200px;
  margin: 0 auto;
}
.demo-company-list{
  width: 1240px;
  margin-right: -40px;
}

.news1{
  width: 346px;
  margin-right: 81px;
}
.news2{
  margin-right: 0px;
}


.demo-layout-menu{
  width: 660px;
}
.demo-layout-ewm{
  margin-right: 10px;
}