.container { width: 75.5208333333%; margin: 0 auto; }
@media (max-width: 1024px) { .container { width: 100%; padding: 0 15px; } }

.template-head { background: #fff; }
.template-head .template-logo { width: 21.3448275862%; margin-right: 6.4482758621%; float: left; margin-top: 1%;}
.template-head .template-logo img { max-width: 137%; }
.template-head .nav-btn { display: none; }
.template-head .template-menu { width: 100%;position: relative;}
.template-head .template-menu > li { width: 11.11%; position: relative; float: left; }
@media (min-width: 1024px) {
  .template-head .template-menu > li+li{
    background: url(/template/default/images/navLi.png) left center no-repeat;
  }
  .line{
    width: 1920px;
    position: absolute;
    height: 1px;
    background:#d7d7d7;
    top: 0;
    left:calc(50% - 960px);
  }
}

.template-head .template-menu > li > a { display: block; text-align: center; line-height:76px; font-size: 18px; color: #000000; position: relative;}
.template-head .template-menu > li > a span{
  position: absolute;
  line-height: 2;
  text-transform: uppercase;
  font-size: 12px;
  bottom: 10%;
  left: 50%;
  transform:translateX(-50%);
  opacity: .47;
  font-weight: normal;
}
.template-head .template-menu > li:hover >a span{opacity: 1}
.template-head .template-menu > li > a:hover, .template-head .template-menu > li > a.active { color: #041329;font-weight: bold; }
.template-sub-menu { position: absolute; left: 0; right: 0; background: #f10000; display: none; }
.template-sub-menu > a { display: block; text-align: center; font-size: 14px; line-height: 2.5; color: #fff; }
.template-sub-menu > a:not(:last-child) { border-bottom: 1px solid #9cd545; }
.template-sub-menu > a:hover { background: #77af21; }
.template-head .language { display: none; }
@media (max-width: 1024px) { .template-head { position: relative; }
  .template-head .template-logo { width: 70%; line-height: 40px; padding: 10px 0; }
  .template-head .template-logo img { max-height: 40px; }
  .template-head .nav-btn { display: block; width: 45px; height: 40px; background: #f10000; padding: 12px 0 0 13px; box-sizing: border-box; position: absolute; right: 15px; top: 50%; margin-top: -20px; }
  .template-head .nav-btn:after, .template-head .nav-btn:before, .template-head .nav-btn span { display: block; width: 20px; height: 3px; background: #fff; transition: all .5s ease; }
  .template-head .nav-btn:after, .template-head .nav-btn:before { content: ''; transform-origin: 0%; }
  .template-head .nav-btn span { margin: 4px 0; }
  .template-head .nav-btn.click span { opacity: 0; }
  .template-head .nav-btn.click:after { transform: rotate(-45deg); }
  .template-head .nav-btn.click:before { transform: rotate(45deg); }
  .template-head .template-menu { float: none; width: 100%; z-index: 89; position: absolute; left: 0; top: 100%; background: #fff; font-size: 0; display: none; }
  .template-head .template-menu > li { width: 25%; display: inline-block; vertical-align: top; float: none; }
  .template-head .template-menu > li > a { font-size: 14px; line-height: 2.5; }
  .template-head .template-menu > li.language { display: block; float: none; width: 100%; padding: 15px 15.625%; border-top: 1px solid #eeeeee; margin-top: 10px; }
  .template-head .template-menu > li.language > h3 { font-size: 16px; color: #383838; margin-bottom: 5px; font-weight: normal; }
  .template-head .template-menu > li.language > h3 span { font-size: 14px; font-family: Simsun; color: #acacac; font-weight: normal; }
  .template-head .template-menu > li.language p { font-size: 14px; color: #383838; font-family: Simsun; }
  .template-sub-menu { display: block; position: static; background: transparent; }
  .template-sub-menu > a { font-size: 12px; color: #666; line-height: 25px; }
  .template-sub-menu > a:not(:last-child) { border-bottom: 0; }
  .template-head .template-menu > li > a span{display: none;}

}

  .template-right{
    text-align: right;
    padding-top: 20px;
  }
  .template-right .p1{
    font:14px/40px "微软雅黑";
    color: #000;
  }
  .template-right .p1 b{
    font-weight: bold;
    margin-right: 10px;
  }
  .template-right .p1 a{
    font-weight: bold;
    color: #000;
  }
  .template-right .p1 a.cn{
    color: #b50000;
  }

   .template-right .p2{
    font:12px/42px "微软雅黑";
    color: #121e55;
   }

/* n_banner */
.n_banner { width: 100%; }
.n_banner img { max-width:100%; height:auto !important;width:auto !important; }

/*template-wrap*/
.template-wrap { padding: 60px 0; }
.templte-title { text-align: center; font-size: 28px; color: #000000; margin-bottom: 30px;display:none; }
@media (max-width: 1024px) { .templte-title { font-size: 18px; margin-bottom: 10px; } }
@media (max-width: 1024px) { .template-wrap { padding: 30px 0; } }
.template-sort { text-align: center; font-size: 0; margin-bottom: 60px; }
.template-sort li { display: inline-block; vertical-align: middle; margin: 0 20px 7px 7px; }
.template-sort li a { display: block; padding: 10px 50px; font-size: 18px; color: #000; border: 1px solid #c6c6c6; border-radius: 5px;background-color: #c6c6c6 }
.template-sort li:hover a, .template-sort li.active a { border-color: #041329; background: #041329; color: #fff; }
.template-sort .layer2 { display: none !important; }
@media (max-width: 1024px) { .template-sort { margin-bottom: 30px; }
  .template-sort li { display: inline-block; vertical-align: middle; margin: 0 5px 5px 5px; }
  .template-sort li a { padding: 5px 10px; font-size: 14px; } }
.template-cont { padding-bottom: 20px; }
.template-cont .content { font-size: 14px; line-height: 1.5; color: #666; }
.template-cont .content p img, .template-cont .content img { max-width: 100%; }

.template-footer { background: #f3f3f3; padding: 35px 0 15px 0; }
.template-footer .ft-logo { float: left; width: 30%; }
.template-footer .ft-logo img { max-width: 100%; }
.template-footer .ft-contact { width: 30%; float: left; font-size: 14px; color: #666666; line-height: 22px; padding-top: 20px; text-align: left; }
.template-footer .ft-contact .ft-addres { margin-bottom: 20px; }
.template-footer .ft-ewm { float: right; }
.template-footer .ft-ewm img { max-width: 100%; }
@media (max-width: 1024px) { .template-footer { padding: 15px 0; text-align: center; }
  .template-footer .ft-logo { float: none; width: 100%; }
  .template-footer .ft-logo img { max-width: 100%; }
  .template-footer .ft-contact { float: none; width: 100%; margin: 15px 0; }
  .template-footer .ft-contact .ft-addres { margin-bottom: 10px; }
  .template-footer .ft-ewm { display: none; } }

.page-product-lists { margin: 0 -1%; }
.page-product-lists li { float: left; width: 31.3333%; margin: 0 1% 20px 1%; }
@media (max-width: 720px) { .page-product-lists li { width: 48%; } }
@media (max-width: 420px) { .page-product-lists li { width: 98%; } }
.page-product-lists li .img { position: relative; overflow: hidden; }
.page-product-lists li .img img { width: 100%; }
.page-product-lists li .img:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); transition: all .5s ease; opacity: 0; }
.page-product-lists li .img:before { content: '+'; z-index: 10; position: absolute; width: 49px; height: 49px; border-radius: 50%; background: #f10000; color: #fff; text-align: center; line-height: 49px; top: 0; left: 0; font-size: 30px; right: 0; bottom: 0; margin: auto; transition: all .5s ease; opacity: 0; transform: translateY(-250%); }
.page-product-lists li .wz { padding: 15px; text-align: center; transition: all .5s ease; }
.page-product-lists li .wz h3 { font-size: 18px; color: #333333; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.page-product-lists li .wz p { font-size: 12px; color: #838383; }
.page-product-lists li:hover .img:before { opacity: 1; transform: translateY(0); }
.page-product-lists li:hover .img:after { opacity: 1; }
.page-product-lists li:hover .wz { background: #f10000; }
.page-product-lists li:hover .wz h3, .page-product-lists li:hover .wz p { color: #fff; }

/*page-details*/
.page-details .pd-top .img { width: 50%; float: left;display:none; }
.page-details .pd-top .img img { width: 100%; }
.page-details .pd-top .info { width: 50%; padding-left: 5%; float: right; display:none;}
.page-details .pd-top .info li { padding: 10px 0; line-height: 1.5; font-size: 16px; color: #666; }
.page-details .pd-top .info li:not(:last-child) { border-bottom: 1px dashed #efefef; }
.page-details .pd-top .info #bdshare a, .page-details .pd-top .info #bdshare span { box-sizing: content-box; }
.page-details .pd-top .info .inquiry { line-height: 32px; }
.page-details .pd-top .info .inquiry a { background: url("/template/default/images/xunjia.gif") center center no-repeat; display: block; width: 112px; height: 32px; text-indent: -99999px; }
.page-details .pd-top .info .inquiry a:hover { background-image: url("/template/default/images/xunjia_hover.gif"); }
@media (max-width: 1024px) { .page-details .pd-top .img, .page-details .pd-top .info { width: 100%; float: none; }
  .page-details .pd-top .img { margin-bottom: 15px; }
  .page-details .pd-top .info { padding-left: 0; }
  .page-details .pd-top .info li { font-size: 14px; } }
.page-details .pd-bottom { margin-top: 20px; }
.page-details .pd-bottom .article > h2 { border-bottom: 1px solid #efefef; font-size: 16px; color: #333; line-height: 2; }
.page-details .pd-bottom .article-wz { padding: 20px 0; font-size: 14px; line-height: 1.5; }
.page-details .pd-bottom .article-wz img, .page-details .pd-bottom .article-wz p img { max-width: 100%; height: auto !important; }
.page-details .next-prev { line-height: 2; font-size: 14px; color: #666; }
.page-details .next-prev div + div { border-top: 1px dashed #efefef; }

/*page-news-list*/
.page-news-list { margin: 0 -1%; }
.page-news-list li { float: left; width: 31.333%; margin: 0 1% 20px 1%; position: relative; border: 1px solid #d7d7d7; }
.page-news-list li .img { overflow: hidden; }
.page-news-list li .img img { width: 100%; opacity: 0; transition: all 0.5s ease; }
.page-news-list li .wz { position: absolute; left: 20px; right: 20px; bottom: 0; top: 20px; }
.page-news-list li .wz h3 { font-size: 24px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 35px; transition: all .5s ease; }
@media (max-width: 1366px) { .page-news-list li .wz h3 { margin-bottom: 15px; } }
.page-news-list li .wz p { font-size: 14px; color: #666666; transition: all .5s ease; max-height: 42px; overflow: hidden; }
.page-news-list li .wz .date { position: absolute; bottom: 20px; left: 0; color: #666666; font-size: 16px; transition: all .5s ease; }
.page-news-list li .wz .date span { display: block; font-size: 24px; }
.page-news-list li:hover .img img { transform: scale(1.1); opacity: 1; }
.page-news-list li:hover .wz h3, .page-news-list li:hover .wz p, .page-news-list li:hover .wz .date { color: #fff; }
@media (max-width: 1024px) { .page-news-list li .wz h3 { font-size: 18px; margin-bottom: 10px; }
  .page-news-list li .wz .date { font-size: 14px; }
  .page-news-list li .wz .date span { font-size: 18px; } }
@media (max-width: 720px) { .page-news-list li { width: 48%; } }
@media (max-width: 500px) { .page-news-list li { width: 98%; } }