/*首页banner*/

.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/right3.png) no-repeat;
}

.cover {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/*search*/




.home-cnext{overflow: hidden;}

.btn-bar {padding:7px 14px!important;}

.text-upper {text-transform: uppercase;}
.common-line {height: 7px;width: 102px;display: inline-block;}
.button-more {font-size:18px;text-decoration: underline;font-weight: bold;}
.mar-top-35 {margin-top:35px;}
.mar-top-30 {margin-top:30px;}
.mar-top-20 {margin-bottom: 20px;}
.mar-top-25 {margin-bottom: 25px;}
.mar-top-30 {margin-bottom: 30px;}
.common-h2 {font-weight: bold;text-transform: uppercase;font-size: 24px;border-left:15px solid #3b64a3;color:#000000;padding-left:16px;}


#slideshow .owl-prev { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.2);}
#slideshow .owl-prev:hover { width:46px; height:64px; position:absolute;left:0px; top:45%; background:  url(../images/home-prev.png) center center no-repeat;background-color:rgba(0,0,0,0.6);}
#slideshow .owl-next {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.2); }
#slideshow .owl-next:hover {width:46px; height:64px; position:absolute;right:0px; top:45%; background:  url(../images/home-next.png) center center no-repeat;background-color:rgba(0,0,0,0.6); }


#home-owl-demo .owl-prev { width:51px; height:92px; position:absolute;left:-65px; top:35%; background: url(../images/left-icon.png) no-repeat; }
#home-owl-demo .owl-next { width:51px; height:92px; position:absolute;right:-65px; top:35%; background: url(../images/right-icon.png) no-repeat;}

.menu-box { margin-bottom: 5px; }

.bottom-menu .fb {
  background-image:url("../images/soicon.png");
  display:inline-block;
  width:35px;
  height:35px;
  text-indent:-9999px;
  transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -webkit-transition:0.2s ease-in-out;
}
.bottom-menu .fb {
  background-position:left top;
}
.bottom-menu .fb:hover {
  background-color:#ccc;
  background-position:right top;
}


.lag { position: relative; color: #000; margin-top: 10px;}
.lag a.active { color: #008cd2; }
.lag a:hover { color: #008cd2; }


.home-about { margin-top: 30px; }
.home-about h1 { text-transform: uppercase; font-weight: bold; color: #138fce; margin-bottom: 30px; font-size: 22px; }
@media(min-width: 440px) {
.home-about h1 { text-transform: uppercase; font-weight: bold; color: #138fce; margin-bottom: 30px; font-size: 36px; }
}
.home-about h1 img { margin-left: 15px; }


.about-left { width: 100%; float: left; padding: 15px; }
.about-right { width: 100%; float: left; padding: 15px; }
@media(min-width: 1200px) {
.about-left { width: 60%; float: left; padding: 15px; }
.about-right { width: 40%; float: left; padding: 15px; }
}

.about-left .year-box { width: 20%; float: left; font-weight: bold; padding: 0 15px; }
.about-left .event-box { width: 80%; float: left;  padding: 0 15px; }

.about-left .year-box h3 { font-weight: bold; color: #008cd2; }
.about-left .event-box h3 { font-weight: bold; color: #008cd2; }

.about-left .line1 { border-bottom: 1px solid #af9755; margin:10px 0; }

.event-box-title h3 { border-right: 20px solid #af9755; height: 20px; }

.about-left .line2 { border-bottom: 1px solid #ccc; margin:10px 0; }

.about-left .button { text-align: right; margin-top: 40px; }
.about-left .button a { padding: 10px 25px; background-color: #af9755; color: #fff; font-weight: bold; }


.home-product { background:#f7f7f7 url(../images/product-bg.jpg) right no-repeat; background-size: cover; margin-top: 40px; padding: 30px 0;  }
.home-product h1 { text-transform: uppercase; font-weight: bold; color: #138fce; margin-bottom: 30px; font-size: 22px; }
@media(min-width: 440px) {
.home-product h1 { text-transform: uppercase; font-weight: bold; color: #138fce; margin-bottom: 30px; font-size: 36px; }
}
.home-product h1 img { margin-left: 15px; }
.product-box { background-color: rgba(255,255,255,0.5); padding: 10px; position: relative; margin-bottom: 30px;}
.product-box .pdf-icon { position: absolute; bottom: 20px; right: 20px; z-index: 9999; }
.product-box img  { width: 100%; }
.home-product .view-button { text-align: center; margin-top: 30px; margin-bottom: 30px;  }
.home-product .view-button a { padding: 10px 80px; background-color: #af9755; color: #fff; }

.product-box .photo {overflow: hidden; position: relative; z-index: 999;}
.product-box .photo img { -webkit-transition:-webkit-transform 0.5s ease 0s;transition:transform 0.5s ease 0s; }
.product-box:hover .photo img { -webkit-transform: scale(1.2);transform: scale(1.2); }

.home-contact { padding: 50px 0 30px 0;  overflow: hidden;}
.home-contact .slick-prev { background: url(../images/left.png);left: 0;z-index: 99999; width: 25px; height:30px;}
.home-contact .slick-prev:hover,.home-contact .slick-prev:before,.home-contact .slick-prev:focus { background: url(../images/left.png);left: 0;z-index: 99999;}
.home-contact .slick-next { background: url(../images/right.png);right: 0;z-index: 99999; width: 25px;height:30px;}
.home-contact .slick-next:hover,.home-contact .slick-next:before,.home-contact .slick-next:focus { background: url(../images/right.png);right: 0;z-index: 99999;}

.contact-box { padding: 0; }
.contact-box h1 { font-size: 22px; color:#000; margin-bottom: 20px; margin-top: 50px;}
.contact-box h2 { font-size: 18px; color:#2496d0; margin-bottom: 25px; }
.contact-box ul li { font-size: 14px; color: #888888; margin-bottom: 15px;padding-left: 50px;}
@media(min-width: 768px) {
.contact-box { padding: 0 20px; } 
.contact-box h1 { font-size: 26px; color:#000; margin-bottom: 30px; margin-top: 50px;}
.contact-box h2 { font-size: 20px; color:#2496d0; margin-bottom: 30px; }
.contact-box ul li { font-size: 16px; color: #888888; margin-bottom: 15px;padding-left: 50px;}
}
.contact-box ul .add { background:url(../images/add.png) left top no-repeat; padding-top: 5px;padding-bottom:5px; }
.contact-box ul .tel { background:url(../images/tel.png) left top no-repeat; height: 34px; padding-top: 3px; }
.contact-box ul .fax { background:url(../images/fax.png) left top no-repeat; height: 34px; }
.contact-box ul .mail { background:url(../images/mail.png) left top no-repeat; height: 34px; }




/*add by channel*/
.year-box-inner:hover { color: #008cd2; }
.home-title-photo { display: inline; margin-left: 25px; width: 10%; margin-top: -10px; }
@media(min-width: 440px) {
.home-title-photo { display: inline; margin-left: 25px; width: 6%; margin-top: -10px; }
}
@media(min-width: 1024px) {
.home-title-photo { display: inline; margin-left: 25px; width: 4%; margin-top: -10px; }
}
.home-cnext { margin: 25px 0 0px;}
@media(min-width: 768px) {
.home-cnext {margin: 30px 0; }
}
.home-contact { padding-bottom: 30px; }
@media(min-width: 1280px) {
.home-contact { padding-bottom: 60px; }
}


/*banner*/
.banner { position: relative; }
.banner-text { position: absolute; text-align: center; top: 45%; font-size: 28px; left: 0; right: 0; color: #fff; font-weight: bold; text-shadow: 0 0 10px #000; }
@media(min-width: 768px) {
.banner-text { top: 45%; font-size: 40px; }
}
@media(min-width: 1280px) {
.banner-text { top: 48%; font-size: 60px; }
}


/*about*/
.about { background: url(../images/aboutbg.png) center no-repeat; background-size: cover; padding: 30px 15px 35px; }
@media(min-width: 1280px) {
.about { padding: 50px 15px 60px; }
}
.about-list { margin-top: 10px; }
.about-list-title { border-bottom: 2px solid #af9755; width: 100%; font-weight: bold; color: #454545; font-size: 22px; }
.about-list-box { border-bottom: 1px solid #ccc; width: 100%; font-size: 16px; color: #000; }
.about-list-left { float: left; width: 20%; height: 100px; display: table; }
.about-list-right { float: left; width: 80%; height: 100px; display: table; }
@media(min-width: 768px) {
.about-list-title { border-bottom: 2px solid #af9755; width: 100%; font-weight: bold; color: #454545; font-size: 26px; }
.about-list-box { border-bottom: 1px solid #ccc; width: 100%; font-size: 18px; }
.about-list-left { float: left; width: 15%; height: 76px; display: table; }
.about-list-right { float: left; width: 85%; height: 76px; display: table; }
}
.about-list-box:hover { color: #0086ca; }
.about-list-left span { vertical-align: middle; display: table-cell; }
.about-list-right span { vertical-align: middle; display: table-cell; }
.about-show { text-align: center; margin-top: 40px; margin-bottom: 30px; }
.about-show a { padding: 12px 35px; background-color: #af9755; color: #fff; font-size: 16px; }
@media(min-width: 768px) {
.about-show { margin-top: 60px; margin-bottom: 30px; }
.about-show a { padding: 12px 35px; font-size: 18px; }
}


/*contact*/
.contact { padding: 30px 15px 35px; }
@media(min-width: 1280px) {
.contact { padding: 50px 15px 60px; }
}
.contact-main { background-color: #fbfbfb; padding: 0px; }
@media(min-width: 768px) {
  .contact-main { background-color: #fbfbfb; padding: 30px; }
}
.contact-box { outline: none; }
#contact .slick-prev { background: url(../images/left.png);left: 0; z-index: 99999; width: 25px; height:30px; }
#contact .slick-prev:hover,.home-contact .slick-prev:before,.home-contact .slick-prev:focus { background: url(../images/left.png);left: 0;z-index: 99999; }
#contact .slick-next { background: url(../images/right.png);right: 0;z-index: 99999; width: 25px;height:30px; }
#contact .slick-next:hover, .contact-main .slick-next:before, .contact-main .slick-next:focus { background: url(../images/right.png);right: 0;z-index: 99999; }


/*pages*/
.pages { padding: 10px 15px 35px; }
@media(min-width: 1280px) {
.pages { padding: 20px 15px 60px; }
}
.page-box { color: #0086ca; font-weight: bold; text-align: center; padding: 50px 15px; margin-top: 25px; }
.page-box-1 { background: #f7f7f7 url(../images/page-box.png) left top no-repeat; }
.page-box-2 { background: #f7f7f7 url(../images/page-box.png) left bottom no-repeat; }
.page-box-text { background-color: rgba(255,255,255,1); padding: 8px 0; font-size: 18px; }
@media(min-width: 1024px) {
.page-box-text { background-color: rgba(255,255,255,0); }
}
.page-box:hover .page-box-text { font-size: 20px; transition: all 1s; }


/*list*/
.list { padding: 30px 15px 35px; }
@media(min-width: 1280px) {
.list { padding: 50px 15px 60px; }
}
.list-table .table { font-size: 14px; }
@media(min-width: 768px) {
.list-table .table { font-size: 14px; }
}
.table-style-1 { background-color: #0086ca; color: #fff; }
.table-style-2 { background-color: #f2f2f2; }
.table-style-3 { background-color: #e8e8e8; }
.table-style-2:hover, .table-style-3:hover { background-color: #0086ca; color: #fff; }
.list-table .table>tbody>tr>td { border: solid 2px #fff; padding: 10px; vertical-align: middle; }
@media(min-width: 768px) {
.list-table .table>tbody>tr>td { }
.list-table .td2{max-width: 180px;word-break:break-word;}
.list-table .td3{max-width: 220px;word-break:break-word;}
}
@media(min-width: 1280px) {
.list-table .table>tbody>tr>td {  }
}
.contact-box-map iframe{max-width: 100%!important;max-height: 100%;}

 .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
   
} 
.td1{white-space: nowrap;}

/*products*/
.product { background: url(../images/productbg.png) right top no-repeat; background-size: cover; padding: 30px 15px 60px; }
@media(min-width: 768px) {
.product { padding: 50px 15px 100px; }
}
@media(min-width: 1280px) {
.product { padding: 50px 15px 150px; }
}
.product-list { margin-top: 30px; border: solid 1px #f7f7f7; box-shadow: 0 0 5px #f7f7f7; padding: 15px 15px 20px; background-color: #fff; height: auto; overflow: hidden; }
@media(min-width: 768px) {
.product-list { margin-top: 45px; padding: 15px 15px 20px; height: 210px; }
}
@media(min-width: 1024px) {
.product-list { height: auto; }
}
.product-list:hover .product-list-photo img { transform: scale(1.02); transition: all 0.5s; }
.product-list-photo {  }
.product-list-title { font-size: 16px; margin-top: 20px; padding-left: 0; text-align: center;overflow: visible;
    white-space: normal; }
@media(min-width: 768px) {
.product-list-title { font-size: 16px; margin-top: 20px; padding-left: 15px; text-align: left;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
}
@media(min-width: 1280px) {
.product-list-title { font-size: 18px; margin-top: 20px; padding-left: 30px; }
}
.product-list:hover .product-list-title { color: #0086ca; }
.product-inner-top { box-shadow: 0 0 5px #f7f7f7; padding: 15px; background-color: #fff; }
.product-inner-top-title { text-align: center; font-size: 22px; margin-top: 5%; }
@media(min-width: 768px) {
.product-inner-top-title { font-size: 26px; margin-top: 10%; }
}
@media(min-width: 1280px) {
.product-inner-top-title { font-size: 30px; margin-top: 10%; }
}
.product-inner-top-line { margin-top: 10px; }
@media(min-width: 768px) {
.product-inner-top-line { margin-top: 20px; }
}
.product-table { font-size: 16px; margin-top: 30px; }
@media(min-width: 768px) {
.product-table { margin-top: 40px; }
}
.product-table .table>tbody>tr>td { padding: 15px; vertical-align: middle; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
.product-back { text-align: center; margin-top: 30px; }
.product-back a { padding: 12px 35px; background-color: #0086ca; color: #fff; font-size: 16px; }
@media(min-width: 768px) {
.product-back { margin-top: 30px; }
.product-back a { padding: 12px 35px; font-size: 18px; }
}
.product-title-img{float: left;}
.product-title-p{float: left;font-size: 30px;color:#cecece;font-weight: bold;margin-top: 31px;margin-left:14px;}
/* page */
.news-page { margin-top: 50px; text-align: center; }
.news-page a { background-color: #adadad; color: #fff; border-radius: 25px; padding: 15px 20px; margin: 0 8px; }

.new-list-pages a { text-decoration: none!important; background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 6px 10px!important; margin: 5px 10px!important; }
.new-list-pages .active {  color: #fff!important; background:#0086ca!important;}
.new-list-pages .active span{color: #fff!important;background:#0086ca!important; }
.new-list-pages a:hover {  color: #fff!important;background:#0086ca!important; }
.new-list-pages span{text-decoration: none!important; background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 6px 10px!important; margin: 5px 10px!important;}
@media(min-width: 768px) {
.new-list-pages { margin-top: 46px; text-align: center; }
.new-list-pages a { text-decoration: none!important; font-size:22px;background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 10px 17px!important; margin: 0 15px!important;float:none!important }
.new-list-pages .active {  color: #fff!important; background:#0086ca!important;}
.new-list-pages .active span{color: #fff!important;background:#0086ca!important; }
.new-list-pages a:hover {  color: #fff!important;background:#0086ca!important; }
.new-list-pages span{text-decoration: none!important; font-size:22px;background-color: #000!important; 
color: #fff!important; border-radius: 25px!important; border: none!important;
 padding: 10px 17px!important; margin: 0 15px!important;float:none!important}
}
  .new-list-pages {
    margin-top: 20px;
    text-align: center;
  }
@media(min-width: 1440px) {

  .new-list-pages {
    margin-top: 40px;
    text-align: center;
  }
}
.text-empty{margin-top: 20px;}
.about-list-right-editor {vertical-align: middle;
    display: table-cell;padding:20px 0px; } 
.about-list-right-editor p{margin:0px;padding: 0px;}
.about-left .event-box p{margin:0px;padding: 0px;}
.about-hide{display: none;}
.product-box-h4{overflow: visible;
    white-space: normal;}
@media(min-width: 768px) {
.product-box-h4{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
  }
.cookie-main { background-color:rgba(255,255,255,0.97); position: fixed ; width: 100%; bottom: 0; z-index: 999999; margin-top: 80px;}
.cookie-main h1 { margin-top: 30px; font-size: 18px; }
.cookie-text { font-size: 14px; margin-bottom: 30px; text-shadow: 0 1px 1px #fff;}
.cookie-main .button { float: right; margin-bottom: 40px; }
.cookie-main .button a { background-color: #01426a; padding: 8px 25px; color:#fff; margin-left:5px; font-size: 12px}
.cookie-main .button a.act { background-color:#5f7eb9; }




.slick-initialized .slick-slide { outline: none; }

/* add shizuli  start  */
@media (min-width: 1440px){
  .about-tnt-ul{
    padding: 10px 29px 10px 29px;
  }
}
@media (min-width: 1240px){
  .about-tnt-ul{
    padding: 10px 28.5px 10px 28.5px;
  }
}
@media (min-width: 1200px){
  .about-tnt-ul{
    padding: 10px 26px 10px 26px;
  }
}
@media (min-width: 1080px){
  .about-tnt-ul{
    padding: 10px 21px 10px 21px;
  }
}

@media(min-width: 769px) {
  .about-tnt-titile{
    position: relative;
  }


  .about-tnt-ul{
    position:absolute;
    z-index:999;
    display: none;
    float: left;
    top: 54px;
    left:0;
    right:0;
    list-style:none;
    padding: 10px 16.5px 10px 16.5px;
    background: #fff;
    margin:auto;
  }

  .about-tnt-li{
    /*float: left;*/
    /*position: relative;*/
    /*z-index: 9999;*/
    /*top: 5px;*/
    /*left: -39px;*/
    /*list-style:none;*/
    /*padding: 15px;*/
    /*background: #fff;*/
    /*width: 134px;*/
  }

  .about-tnt-li a{
    border-bottom: none !important;
  }

  .about-tnt-li:hover{
    background: #eee;
  }
}



/* add end */


@media(max-width: 1280px) {

  .home-contact{
    padding-bottom: 80px;
  }
}