.tops { height: 37px; line-height: 37px; border-bottom: 1px solid #dcdcdc; font-size: 12px; color: #5a5a5a; }
.tops a { display: inline-block; margin: 0 4px; font-size: 12px; color: #5a5a5a; }

@media (min-width: 1440px) { .container { width: 1380px; } }
.serve-mods {margin: 60px 0 108px;}

.title { font-size: 25px; text-align: center; }
.title p {color: rgba(90, 90, 90, 0.2);margin-bottom: 0;text-transform: uppercase;}
.title h4 {color: #f39801;font-size: 22px;margin-top: 8px;}

.servelist { margin-top: 70px; }
.servelist li { padding-left: 8px; padding-right: 8px; }
.servelist li .banner-item { padding: 54px 38px 0; height: 218px; text-align: center; border: 1px solid #d2d2d2; }
.servelist li .banner-item span { display: inline-block; width: 70px; height: 71px; }
.servelist li .banner-item h4 { margin-top: 24px; height: 60px; line-height: 60px; font-size: 16px; color: #5a5a5a; border-top: 1px solid #eeeeee; text-align: center; }
.servelist li .banner-item:hover { background: #f39801; }
.servelist li .banner-item:hover span{  filter: invert(100%);}
.servelist li .banner-item:hover h4 { color: #fff; border-top-color: #fff; }
.servelist .items0:hover span, .servelist .items2:hover span { background-position: center 0px !important; }
.servelist .items1:hover span { background-position: center 0px !important; }
.servelist .items3:hover span { background-position: center 0px !important; }
.servelist .items4:hover span, .servelist .items5:hover span { background-position: center 0px !important; }

.aboutimg, .aboutcont {float: left;width: 50%;}

.aboutimg img {width: 100%;height: 290px;}

.aboutcont {padding: 38px 17% 0 48px;height: 290px;background: #f39801;}
.aboutcont h3{
  font-size:25px;
  line-height:25px;
  font-weight:normal;
  margin-bottom: 32px;
  color: #fff;
}
.aboutcont p {font-size: 14px;color: #ffffff;line-height: 24px;text-indent: 2em;}
.aboutcont p strong { font-weight: normal; font-size: 24px; color: #fff; }

.look { display: inline-block; height: 44px; line-height: 44px; padding: 0 36px; border-radius: 22px; font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 44px; border: 1px solid #fff; }
.look i { display: inline-block; vertical-align: middle; border-color: transparent transparent transparent #ffffff; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }
.look:hover { color: #fff; }

.demo-product { text-align: center; }
.demo-product .look { margin-bottom: 54px; border-color: #e5e5e5; color: #5a5a5a; }
.demo-product .look i { border-color: transparent transparent transparent #dcdcdc; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }
.demo-product .look:hover { color: #f39801; border-color: #f39801; }
.demo-product .look:hover i { border-color: transparent transparent transparent #f39801; border-style: dashed dashed dashed solid; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }

.demo-product-list li .img { border: 2px solid #eeeeee; }
.demo-product-list li .img img { max-width: 100%; }
.demo-product-list li:hover .img { border-color: #f39801; }

.demo-case .title { padding: 42px 0 52px; background: #f39801; margin-bottom: 26px; }
.demo-case .title p { color: rgba(255, 255, 255, 0.2); }
.demo-case .title h4 { color: #fff; }

.demo-news { margin-top: 108px; padding: 50px 0 12px; }

.news-list li { margin-bottom: 38px; }
.news-list li a { display: block; }
.news-list li a:hover .date { border-color: #f39801; }
.news-list li a:hover .date p, .news-list li a:hover .date span { color: #f39801; }
.news-list li a:hover .date p::after, .news-list li a:hover .date span::after { background: #f39801; }
.news-list li a:hover .descr h4 { color: #f39801; }
.news-list .date { width: 70px; height: 70px; padding-top: 10px; border: 1px solid #707070; float: left; margin-right: 22px; text-align: center; }
.news-list .date p { position: relative; font-size: 18px; color: #4f4f4f; font-weight: bold; }
.news-list .date p::after { position: absolute; left: 25%; right: 25%; bottom: 0; content: ''; width: 50%; height: 1px; background: #313131; }
.news-list .date span { font-size: 13px; color: #4f4f4f; }
.news-list .descr { margin-top: 10px; }
.news-list .descr h4 { margin-bottom: 20px; font-size: 16px; color: #323232; font-weight: normal; }
.news-list .descr p { font-size: 14px; color: #5a5a5a; }

.demo-layout { padding-top: 60px; }
.demo-layout .linkus { border-top: 1px solid #f7bd5c; line-height: 64px; font-size: 14px; color: #fff; }
.demo-layout .linkus a { display: inline-block; margin: 0 4px; font-size: 14px; color: #fff; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.relate-news-list1 li { float: left; width: 20%; padding: 0 10px; }
.relate-news-list1 li a { padding-right: 0; }
.relate-news-list1 li a::before { width: 0; margin-right: 0; }
.relate-news-list1 li   li { border-left: 1px solid #eee; }

.product-detail-imgbox { border: 1px solid #e5e5e5; padding: 15px 10%; }

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

.product-detail-swiper .view { border: 1px solid #d2d2d2; }

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

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 318px; line-height: 318px; 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 { width: 90%; margin: 0 auto; /* margin: 0 -5px; */ position: relative; margin-top: 10px; }

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

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

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 150px; line-height: 99px; margin: 0 5px; border: 1px solid #eee; 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 .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -74px; width: 24px; height: 148px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; }

.product-detail-swiper .preview .arrow-left { left: -28px; background: url(/uploads/image/tdaimages/n_prev.png) center no-repeat #eee; }

.product-detail-swiper .preview .arrow-right { right: -28px; background: url(/uploads/image/tdaimages/n_next.png) center no-repeat #eee; }

.product-detail-list1 { width: calc(100% - 610px); float: right; }

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

.product-detail-list1 h1 { margin-top: 45px; height: 48px; line-height: 48px; padding-left: 14px; margin-bottom: 32px; border-bottom: 1px solid #b5b5b5; font-size: 14px; color: #232323; font-weight: normal; }

.product-detail-list h1 { font-size: 30px; font-weight: 700; color: #333; line-height: 65px; }

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

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

.product-detail-tabbox { border: 1px solid #dcdcdc; border-top: none; }

#message-form { width: 65%; margin: 0 auto; }

#message-form .col-md-6 { position: relative; }

#message-form .input-txt { width: 100%; height: 48px; padding-left: 26px; border: 1px solid #dcdcdc; margin-bottom: 16px; font-size: 14px; color: #333; outline: none; }

#message-form b { position: absolute; left: 4px; top: 30%; display: inline-block; margin-right: 10px; font-size: 14px; color: #f30000; }

#message-form .col-sm-6 { position: relative; }

#message-form.n-default .msg-wrap { position: absolute; }

#message-form #checkcode { width: 100%; }

#message-form #checkcodeimg { position: absolute; right: 62px; top: 8px; }

#message-form #change_code { position: absolute; right: 6px; top: 8px; }

#message-form .text-area { height: auto; }

#message-form .btn-submit { display: block; width: 50%; margin: 24px auto 0; height: 48px; background: #f39801; border-radius: 0; font-size: 16px; color: #fff; border: none; }

#message-form .input-txt::-webkit-input-placeholder { color: #a1a1a1; }

#message-form .input-txt:-moz-placeholder { /* firefox 18- */ color: #a1a1a1; }

#message-form .input-txt::-moz-placeholder { /* firefox 19  */ color: #a1a1a1; }

#message-form .input-txt:-ms-input-placeholder { color: #a1a1a1; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1600px) { 
  .aboutcont {padding-bottom: 6px;} 
  .look {
    margin-top: 24px;
}}
@media (max-width: 1440px) { .aboutcont { padding-top: 11px; }
  .demo-menu > li > a { padding: 0 13px; } }
@media (max-width: 1366px) { .look { margin-top: 12px; } }
@media (max-width: 1280px) { .look { margin-top: 0; } .demo-menu > li > a { padding: 0 8px; }  }
@media (max-width: 1280px) { .product-detail-imgbox { padding: 15px; } }
@media (max-width: 1024px) { .demo-menu > li > a { padding: 0 15px; }
  .look { margin-top: 20px; }
  .aboutcont p { 
  overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
  }
  .news-list .descr h4 { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
  .product-detail-list1 {width: calc(100% - 477px);} 
  .product-detail-swiper{width: 445px;}
  }
@media (max-width: 768px) { .serve-mods { margin: 20px 0; }
  .servelist { margin-top: 20px; }
  .servelist li { margin-bottom: 10px; }
  .aboutimg, .aboutcont { width: 100%; }
  .aboutcont p { overflow: auto; text-overflow: normal; white-space: normal; }
  .demo-news { margin-top: 20px; background: #eeeeee !important; }
  .demo-about { padding-bottom: 20px; }
  .product-detail-swiper { float: none; width: 100%; }
  .product-detail-list1 { float: none; width: 100%; }
  #message-form { width: 100%; } }
@media (max-width: 450px) { .demo-case-item a { margin-right: 0; }
  .demo-product .look { margin-bottom: 20px; }
  .demo-case .title { padding: 16px 0; margin-bottom: 10px; } }