@charset "utf-8";

body {font-family: Arial,Helvetica, sans-serif;font-size:14px;background: #fff;color:#000;line-height: 22px; overflow-x: hidden;  }

::selection {
  background-color:#f0502c;
  color:#FFF;
}
::-moz-selection {
  background-color:#f0502c;
  color:#FFF;
}

.ward { max-width: 1200px; margin:0 auto;  }


header { z-index: 99999; background-color:RGBA(255, 255, 255, 1); width:100%;  padding: 7px 15px 0 15px; }
@media(min-width: 1024px) {
  header {
    padding: 15px 15px 0 15px;
  }
}

header .top-left { width: 40%; float: left; }
header .top-right { width: 60%; float: left;  }

header .top-menu { margin-top: 10px;}
header .menu-box { float: right;}


header .menu-box ul li { float: left; padding: 0; }
}


header .menu-box ul li a { font-size: 12px;  }
@media(min-width: 768px) {
header .menu-box ul li a { font-size: 14px; }
}

.menu-box .clear { clear:both; padding: 0; }
@media(min-width: 996px) {
.menu-box .clear { clear:none; padding: 0; }
}



.menu-box .btn-group { margin-right: 10px; }


.menu-box .dropdown-menu { left:auto; right: 0; }

a{text-decoration: none;color:#000;}
a:hover,a:focus {text-decoration: none;}
a,input,button {outline: none!important;}


/*nav*/
.box-menu li {position: relative;}




.box-menu > ul > li { padding:0 27px; }
@media(min-width: 993px) {
  .box-menu > ul > li { padding:0 26px; }
}
.box-menu > ul > li > a {padding:10px 16.5px 10px 16.5px; text-decoration: none; color:#000;display: block;font-size:13px;}
@media(min-width: 1080px) {
.box-menu > ul > li > a {padding:10px 21px 10px 21px; text-decoration: none; color:#000;display: block;font-size:14px;}
}
@media(min-width: 1200px) {
.box-menu > ul > li > a {padding:10px 26px 10px 26px; text-decoration: none; color:#000;display: block;font-size:14px;}
}
@media(min-width: 1240px) {
.box-menu > ul > li > a {padding:10px 28.5px 10px 28.5px; text-decoration: none; color:#000;display: block;font-size:14px;}
}
@media(min-width: 1440px) {
.box-menu > ul > li > a {padding:10px 29px 10px 29px; text-decoration: none; color:#000;display: block;font-size:15px;  border-bottom: 4px solid #fff;}
}


.box-menu > ul > li a:hover { border-bottom: 4px solid #008cd2;}
.box-menu > ul > li.active a { border-bottom: 4px solid #008cd2;}
.box-menu > ul > li:first-child {background: none;}

.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}

.box-menu > ul > li > a { line-height: 30px;color:#000; font-weight: bold; }
.box-menu > ul {padding:0 10px;margin-top: -5px;}
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}


/*.box-menu > ul > li > ul {position: absolute;top:85%;left:0;padding-top:9px;/!* display:none; *!/z-index: 99999;*/
     /*opacity: 0;*/
     /*pointer-events: none;*/
/*filter: alpha(opacity=0); */
  /*-webkit-transform: translateY(10px);*/
  /*-moz-transform: translateY(10px);*/
  /*transform: translateY(10px);*/
  /*-webkit-backface-visibility: hidden;*/
  /*-moz-backface-visibility: hidden;*/
  /*backface-visibility: hidden;*/
/*-webkit-transition: all 0.5s ease-out;*/
/*-moz-transition: all 0.5s ease-out;*/
/*-o-transition: all 0.5s ease-out;*/
/*transition: all 0.5s ease-out; */
/*}*/



/* mobile menu */
.st-menu {background-color:#595959!important;}
.mobile-menu-btn {float:right;margin-top:8px;}
.menu-mobile {font-family:'LatoWebLight', Arial,Helvetica, sans-serif; }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#01719c;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase; font-size: 12px;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li {background: #686868;}
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #f0502c;
}


.btn-ud {
  color: #fff!important;
  background-color: #0086ca;
  padding:5px 20px;
  border-radius: 0;
  margin-top: -8px;
  margin-bottom: 8px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #af9755;}
.btn-ud:hover {
  color: #fff;
  background-color: #af9755;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #af9755;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #af9755;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}

.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; }

.footer  { font-size: 14px;  border-top: 2px #EEE solid; padding: 15px 15px; color: #999; }

.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.png) 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; }
.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; }
/*.home-cnext { margin: 0px 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; }
}



/*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: 24px;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 { min-width: 80px; }
.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.jpg) 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; }


.footer-height { height: 240px;}
@media(min-width:415px) {
.footer-height { height: 200px;}
}
@media(min-width:768px) {
.footer-height { height: 180px;}
}
@media(min-width:996px) {
.footer-height { height: 140px;}
}


.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;
  }
}

.product-list-title {
  padding-left: 0px !important;
}

.news_button{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.news_button>a{
  padding: 10px 80px;
  background-color: #af9755;
  color: #fff;
}

/* add end */

/*add 力20191216*/



.product-list-box{
  margin-bottom: 25px;
  width: 100%;
  display: inline-block;
  float: left;
  background-color: #f8f8f8;
}

.product-list-img{
  width: 37%;
  float: left;
  padding: 15px;
}

.product-list-img img{
  /*max-width: 170px;*/
  width: 100%;
}

.product-car-list-title{
  width: 63%;
  float: left;
  padding: 15px 15px 15px 0px;
}
.product-car-list-title{
  font-weight: bold;
}

.product-car-list-title .product-list-description{
  color: #138fce;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.product-list-wire{
  width: 100%;
  height: 3px;
  border-left: 40px solid #138fce;
  background: #d9d9d9 ;
}

.product-list-down{
  border: 1px solid #c1e8fc;
  height: auto;
  margin-top: 10px;
}

.product-list-down-box {
  padding: 7px 10px;
}

.product-list-down-title{
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.product-list-down-title img{
  margin-top: -10px;
  max-width: 20px;
}

@media (min-width: 320px) {
  .product-list-down-box {
    padding: 7px 10px;
  }
}

@media (min-width: 360px) {

  .product-list-down {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .product-list-down-box{
    padding: 7px 30px;
  }

  .product-list-down {
    margin: auto 28px;
    margin-top: 10px;
  }
}

@media (min-width: 1200px) {
  .product-list-down-box{
    padding: 20px 40px;
  }

  .product-list-down {
    margin: auto 60px;
    margin-top: 17px;
  }
}

@media (min-width: 1240px) {
  .product-list-down-box{
    padding: 30px 40px;
  }

  .product-list-down {
    margin: auto 60px;
    margin-top: 17px;
  }
}

.down-button{
  background-color: #fff;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #138fce;
  width: 100%;
  border-radius:5px;
  cursor:pointer;
  margin-top: 10px;
}

.fa-download{
  color: #138fce;
}

.product-table .table-responsive{
  border: none;
}

.add-down-button{
  height: 34px;
  line-height: 34px;
  /*text-align: center;*/
  /*border: 1px solid #138fce;*/
  width: 100%;
  /*border-radius: 5px;*/
  /*cursor: pointer;*/
  margin-top: 10px;
}

.down-buttons{
  padding:0 16px;
}

/*.contact-box-map iframe{*/
  /*vertical-align:top*/
/*}*/

header .top-left{
  margin-top: 15px;
}

@media (min-width: 360px) {
  header .top-left{
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  header .top-left{
    margin-top: 0px;
  }
}