/**
 * style.less
 * 层叠样式表
 */
*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
html {
   font-size: 10px;

   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
body {
   font-family: Arial, Helvetica, 'Helvetica Neue', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif;
   font-size: 14px;

   min-width: 1200px;
   margin: 0;
   padding: 0;

   color: #333;
}
.container {
   width: 1200px;
   margin: 0 auto;
}
a {
   text-decoration: none;

   color: inherit;
}
a:hover {
   text-decoration: none;

   color: inherit;
}
a:visited,
a:link {
   text-decoration: none;

   color: inherit;
}
ul {
   margin: 0;
   padding: 0;

   list-style: none;
}
img {
   border: none;
}
img-circle {
   border-radius: 50%;
}
img-rounded {
   border-radius: .3rem;
}
img-thumbnail {
   line-height: 1.5;

   display: inline-block;

   max-width: 100%;
   height: auto;
   padding: .25rem;

   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;

   border: 1px solid #ddd;
   border-radius: .25rem;
   background-color: #fff;
}
img-responsive {
   display: block;

   max-width: 100%;
   height: auto;
}
.img-box {
   position: relative;

   display: block;
   overflow: hidden;

   height: 0;
   padding-bottom: 100%;
}
.img-box img {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;
}
.img-box img[src=''],
.img-box img:not([src]) {
   opacity: 0;
   border: 0;
}
@font-face {
   font-family: 'iconfont';

   src: url('../fonts/iconfont.eot?t=1481266234445');
   src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg');
}
@font-face {
   font-family: 'PT Sans';
   font-weight: bold;
   font-style: normal;

   src: url('../fonts/PTSans-Bold.eot');
   src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans-Bold.woff2') format('woff2'), url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf') format('truetype'), url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
}
@font-face {
   font-family: 'PT Sans';
   font-weight: normal;
   font-style: normal;

   src: url('../fonts/PTSans-Regular.eot');
   src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans-Regular.woff2') format('woff2'), url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
}
.header {
   position: fixed;
   z-index: 99;
   top: 0;

   width: 100%;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;

   background-color: rgba(255, 255, 255, .5);
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
}
.header .container {
   position: relative;
}
.header .top-nav {
   height: 88px;
}
.header .top-nav .logo {
   float: left;

   height: 48px;
   margin-top: 20px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;
}
.header .top-nav .logo img {
   height: 100%;
}
.header .search {
   float: right;

   margin-top: 26px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;
}
.header .search a {
   line-height: 18px;

   display: block;

   width: 18px;
   height: 18px;
   margin: 0 auto;
   margin-right: 5px;

   color: #999;
}
.header .search a::after {
   font-family: 'iconfont';
   font-size: 16px;
   line-height: 36px;

   content: '\e656';

   color: #2a2a29;
}
.header .searchbox {
   position: absolute;
   z-index: 9999;
   top: 25px;
   right: -1000px;

   width: 400px;

   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   vertical-align: middle;
}
.header .searchbox input:focus {
   outline: none;
}
.header .searchbox form {
   width: 400px;
}
.header .searchbox input {
   line-height: 36px;

   width: 400px;
   margin: 0;
   padding: 0 30px 0 20px;

   color: #666;
   border: 1px solid #d2d2d2;
   border-radius: 30px;
   background-color: #fff;
}
.header .searchbox input::-webkit-input-placeholder,
.header .searchbox textarea::-webkit-input-placeholder {
   color: #e4dddd;
}
.header .searchbox input:-o-placeholder,
.header .searchbox textarea:-o-placeholder {
   color: #e4dddd;
}
.header .searchbox input::-moz-placeholder,
.header .searchbox textarea::-moz-placeholder {
   color: #e4dddd;
}
.header .searchbox input:-ms-input-placeholder,
.header .searchbox textarea:-ms-input-placeholder {
   color: #e4dddd;
}
.header .searchbox .sbtn {
   position: absolute;
   top: 0;
   right: 10px;

   display: inline-block;

   width: 20px;
   height: 20px;

   cursor: pointer;

   border: none;
   outline: none;
   background: none;
}
.header .searchbox .sbtn::after {
   font-family: 'iconfont';
   font-size: 16px;
   line-height: 36px;

   content: '\e656';

   color: #2a2a29;
}
.header .searchbox.show {
   right: 0;

   display: block;
}
.header .nav {
   float: right;
}
.header .nav>ul>li {
   display: inline-block;

   list-style: none;
}
.header .nav>ul>li>a {
   font-family: 'PT Sans', Arial, Helvetica, 'Helvetica Neue';
   font-weight: normal;
   line-height: 88px;

   position: relative;

   display: block;

   padding: 0 24px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;
   text-transform: uppercase;
}
.header .nav>ul>li:hover>a,
.header .nav>ul>li.active>a {
   color: #00479d;
}
.header .nav>ul>li .level-2,
.header .nav>ul>li .level-3 {
   position: absolute;
   z-index: 10;

   display: none;

   background-color: #fff;
}
.header .nav>ul>li .level-2 a,
.header .nav>ul>li .level-3 a {
   display: block;
   overflow: hidden;

   padding: 0 20px;

   white-space: nowrap;
   text-overflow: ellipsis;

   border-bottom: none;
}
.header .nav>ul>li .level-2 {
   line-height: 40px;

   top: 88px;

   min-width: 160px;
   padding: 0;

   background-color: rgba(0, 71, 157, .7);
}
.header .nav>ul>li .level-2 a {
   font-size: 14px;

   padding: 0 16px;

   color: #fff;
   border-bottom: 1px solid #00479d;
}
.header .nav>ul>li .level-2>li {
   position: relative;

   width: 100%;
   padding: 0 8px;
}
.header .nav>ul>li .level-2>li:last-child a {
   border-bottom: none;
}
.header .nav>ul>li .level-2>li:hover {
   background-color: #00479d;
}
.header .nav>ul>li .level-2>li:hover .level-3 {
   display: block;
}
.header .nav>ul>li .level-3 {
   top: 0;
   left: 100%;

   float: left;

   min-width: 206px;
   padding: 10px 0;

   background-color: rgba(0, 0, 0, .8);
}
.header .nav>ul>li .level-3>li:hover {
   background-color: rgba(0, 71, 157, .7);
}
.header .nav>ul>li .level-3>li:hover a {
   color: #fff;
}
.header.fixed-header {
   background-color: #fff;
}
.header.fixed-header .logo {
   margin-top: 10px;
}
.header.fixed-header .top-nav {
   height: 70px;
}
.header.fixed-header .search {
   margin-top: 16px;
}
.header.fixed-header .searchbox {
   top: 16px;
}
.header.fixed-header .nav>ul>li>a {
   line-height: 70px;
}
.header.fixed-header .nav .level-2 {
   top: 70px;
}
.online {
   position: fixed;
   z-index: 99;
   top: 40%;
   right: 0;

   width: 54px;
}
@media (max-width: 767px) {
   .online {
      display: none;
   }
}
.online a {
   line-height: 50px;

   position: relative;

   display: block;

   width: 50px;
   height: 50px;
   margin-top: 3px;

   cursor: pointer;
   -webkit-transition: -webkit-transform .6s ease;
   transition: -webkit-transform .6s ease;
   transition: transform .6s ease;
   transition: transform .6s ease, -webkit-transform .6s ease;
   text-align: center;
   text-decoration: none;

   color: #fff;
   background-color: #060507;
}
.online a::after {
   font-family: 'iconfont';
   font-size: 22px;

   content: '\e682';

   color: #fff;
}
.online a:hover {
   background-color: rgba(0, 71, 157, .9);
}
.online a.online-email::after {
   font-size: 24px;

   content: '\e6a4';
}
.online a.online-wechat {
   position: relative;
}
.online a.online-wechat::after {
   content: '\e600';
}
.online a.online-wechat img {
   position: absolute;
   right: 60px;

   display: none;

   width: 120px;
   height: 120px;

   border: 4px solid #00479d;
}
.online a.online-top::after {
   font-size: 30px;

   content: '\e611';
}
.banner {
   position: relative;

   overflow: hidden;

   width: 100%;
   height: 790px;
}
.banner .banner-box {
   position: absolute;
   left: 50%;

   width: 1920px;
   margin-left: -960px;

   text-align: center;
}
.banner .banner-box .owl-carousel .owl-pagination {
   position: absolute;
   bottom: 30px;

   width: 100%;
}
.banner .banner-box .owl-carousel .owl-controls .owl-page.active span {
   z-index: 9;

   width: 10px;
   height: 10px;

   opacity: 1;
   background-color: #d92129;
}
.banner .banner-box .owl-carousel .owl-controls .owl-page.active span::before {
   position: absolute;
   top: -3px;
   left: -3px;

   display: inline-block;

   width: 16px;
   height: 16px;

   content: '';

   border: 1px solid #d92129;
   border-radius: 50%;
}
.banner .banner-box .owl-carousel .owl-controls .owl-page span {
   position: relative;

   width: 12px;
   height: 12px;
   margin: 0 7px;

   opacity: 1;
   background-color: #fff;
}
.banner .banner-box .owl-buttons {
   display: none;
}
.banner-inner {
   position: relative;

   overflow: hidden;

   width: 100%;
   height: 370px;
}
.banner-inner .inner-box {
   position: absolute;
   left: 50%;

   width: 1920px;
   margin-left: -960px;
}
.banner-inner .text {
   position: absolute;
   top: 50%;

   width: 100%;

   text-align: center;
}
.banner-inner .text p {
   font-size: 30px;
   font-weight: bold;
   font-style: italic;

   letter-spacing: 3px;
   text-transform: uppercase;

   color: #eaeaea;
}
.banner-inner span.ball {
   position: absolute;

   width: 100%;

   -webkit-animation: jump 1s infinite;
   animation: jump 1s infinite;
   text-align: center;
}
.banner-inner span.ball::after {
   font-family: 'iconfont';
   font-size: 50px;

   content: '\e63c';

   color: #fff;
}
@media (max-width: 767px) {
   .banner-inner span.ball {
      display: none;
   }
}
.banner-inner.contact-banner p {
   color: #515151;
}
.banner-inner.contact-banner span.ball::after {
   color: #515151;
}
@-webkit-keyframes jump {
   0% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
   }
   50% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-out;
   }
   55% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-in;
   }
   65% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-out;
   }
   95% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
   }
   100% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
   }
}
@keyframes jump {
   0% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   50% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   55% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   65% {
      bottom: 20px;

      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
   }
   95% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
   100% {
      bottom: 26px;

      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
   }
}
.box {
   padding: 60px 0;
}
.title {
   position: relative;
   z-index: 2;

   max-width: 1200px;
   margin: 0 auto;

   text-align: center;
}
.title h2 {
   font-family: 'PT Sans';
   font-size: 36px;
   font-weight: bold;

   display: inline-block;

   margin: 0;

   text-transform: uppercase;
}
.title h2::after {
   display: block;

   width: 50px;
   height: 3px;

   content: '';

   background-color: #00479d;
}
.title p {
   font-size: 14px;
   line-height: 1.71428571;

   display: inline-block;

   margin: 20px 0 0 0;
   padding: 0 60px;

   color: #666;
}
.box-product {
   padding-bottom: 0;

   // background: url(../images/productbg.jpg) no-repeat center bottom;
}
.box-product .info {
   margin-top: 60px;
}
.box-product .info .sort {
   max-width: 1200px;
   margin: 0 auto;
}
.box-product .info .sort li {
   position: relative;

   display: inline-block;

   width: 20%;
   margin: 0;
   margin-right: -4px;

   text-align: center;
}
.box-product .info .sort li .pic {
   overflow: hidden;

   width: 154px;
   height: 154px;
   margin: 0 auto;

   border-radius: 50%;
}
.box-product .info .sort li p {
   font-weight: bold;

   position: relative;

   display: -webkit-box;
   overflow: hidden;

   margin: 24px 0 0 0;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.box-product .info .sort li.active p {
   color: #00479d;
}
.box-product .info .sort li.active::after {
   position: absolute;
   z-index: 9;
   right: 0;
   bottom: -80px;
   left: 0;

   display: inline-block;

   width: 64px;
   height: 64px;
   margin: auto;

   content: '';

   background: url(../images/icon.png) no-repeat;
}
.box-product .info .list {
   max-width: 1920px;
   margin: 0 auto;
   margin-top: 50px;
}
.box-product .info .list ul {
   overflow: hidden;
   text-align: center;
}
.box-product .info .list ul li {
   display: inline-block;

   width: 384px;
   margin-right: -4px;
   background-color: #000;
}
.box-product .info .list ul li .img-box {
   padding-bottom: 70%;
}
/*.box-product .info .list ul li .img-box img
{
    -webkit-transition: all .2s ease;
            transition: all .2s ease;

    opacity: 1;
}
.box-product .info .list ul li:hover .img-box img
{
    opacity: 1;
}*/
.box-about .about {
   overflow: hidden;
}
.box-about .about .text {
   float: left;

   width: 40%;
}
.box-about .about .text .title {
   text-align: left;
}
.box-about .about .text .note {
   margin-top: 30px;
}
.box-about .about .text .note p {
   line-height: 2;

   margin: 0;

   color: #666;
}
.box-about .about .text a.more {
   line-height: 36px;

   position: relative;
   z-index: 0;

   display: inline-block;
   overflow: hidden;

   height: 36px;
   margin-top: 46px;
   padding: 0 50px;

   color: #999;
   border: 1px solid #dbdbdb;
   border-radius: 30px;
}
.box-about .about .text a.more::after {
   font-family: 'iconfont';
   font-size: 20px;

   float: right;

   margin-left: 20px;

   content: '\e72d';
}
.box-about .about .text a.more:before {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;

   display: block;

   width: 150%;
   height: 100%;

   content: '';
   -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
   transition: opacity .3s, background-color .3s, -webkit-transform .3s;
   transition: transform .3s, opacity .3s, background-color .3s;
   transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s;
   -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -10em, 0);
   transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -10em, 0);

   background-color: #00479d;
}
.box-about .about .text a.more:hover {
   color: #fff;
}
.box-about .about .text a.more:hover:before {
   -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
   transition-timing-function: cubic-bezier(.2, 1, .3, 1);
   -webkit-transform: rotate3d(0, 0, 1, 0deg);
   transform: rotate3d(0, 0, 1, 0deg);
}
.box-about .about .pic {
   position: relative;

   float: left;

   width: 60%;
}
.box-about .about .pic::before {
   position: absolute;
   z-index: 9;
   top: 0;
   left: 0;

   display: inline-block;

   width: 0;
   height: 0;

   content: '';

   border-top: 300px solid #fff;
   border-right: 140px solid transparent;
}
.box-about .about .pic .img-box {
   padding-bottom: 41.44927536%;
}
.box-about .owl-carousel {
   position: relative;
}
.box-about .owl-carousel .owl-pagination {
   position: absolute;
   top: 50%;
   right: 30px;
   left: auto;

   width: 10px;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: right;
}
.box-about .owl-carousel .owl-controls .owl-page {
   display: block;

   text-align: right;
}
.box-about .owl-carousel .owl-controls .owl-page.active span {
   opacity: 1;
}
.box-about .owl-carousel .owl-controls .owl-page span {
   position: relative;

   display: inline-block;

   width: 8px;
   height: 8px;
   margin: 0 7px;

   opacity: .6;
   background-color: #fff;
}
.box-about .owl-buttons {
   display: none;
}
.box-honor {
   background-color: #f2f2f2;
}
.box-honor .info {
   margin: 0 -50px;
}
.box-honor .info .item {
   margin: 50px 50px 0 50px;
   padding: 10px 10px 0 10px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;

   border-radius: 10px;
   background-color: #eeecef;
}
.box-honor .info .item .img-box {
   padding-bottom: 145%;
}
.box-honor .info .item .img-box img {
   -webkit-transition: all 1.2s ease;
   transition: all 1.2s ease;
}
.box-honor .info .item p {
   font-size: 16px;
   line-height: 50px;

   display: -webkit-box;
   overflow: hidden;

   margin: 0;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;
   text-align: center;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.box-honor .info .item:hover {
   background-color: #00479d;
}
.box-honor .info .item:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.box-honor .info .item:hover p {
   color: #fff;
}
.box-honor .owl-controls {
   margin: 0;
}
.box-honor .owl-controls .owl-pagination {
   display: none;
}
.box-honor .owl-controls .owl-buttons .owl-prev,
.box-honor .owl-controls .owl-buttons .owl-next {
   line-height: 68px;

   position: absolute;
   z-index: 9;
   top: 43%;

   width: 28px;
   height: 68px;
   margin: 0;
   padding: 0;

   opacity: 1;
   border-radius: 2px;
   background: none;
   background-color: #ebebeb;
}
.box-honor .owl-controls .owl-buttons .owl-prev::after,
.box-honor .owl-controls .owl-buttons .owl-next::after {
   font-family: 'iconfont';
   font-size: 16px;

   display: block;

   content: '\e68e';

   color: #fff;
}
.box-honor .owl-controls .owl-buttons .owl-prev:hover,
.box-honor .owl-controls .owl-buttons .owl-next:hover {
   background-color: #00479d;
}
.box-honor .owl-controls .owl-buttons .owl-prev {
   left: -30px;
}
.box-honor .owl-controls .owl-buttons .owl-next {
   right: -30px;
}
.box-honor .owl-controls .owl-buttons .owl-next::after {
   content: '\e9da';
}
.box-news .info {
   margin: 0 -15px;
}
.box-news .info .item {
   margin-top: 60px;
   padding: 0 15px;
}
.box-news .info .item .pic {
   position: relative;
}
.box-news .info .item .pic .img-box {
   padding-bottom: 63.15789474%;
}
.box-news .info .item .pic .img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.box-news .info .item .pic .date {
   position: absolute;
   right: 0;
   bottom: 0;

   width: 60px;

   text-align: center;

   color: #fff;
   background-color: #00479d;
}
.box-news .info .item .pic .date h3 {
   font-size: 30px;
   font-weight: normal;

   margin: 10px 0 0 0;
}
.box-news .info .item .pic .date p {
   margin: 4px 0 10px 0;
}
.box-news .info .item .note {
   margin-top: 30px;
}
.box-news .info .item .note h3 {
   font-size: 16px;
   font-weight: normal;
   line-height: 20px;

   display: -webkit-box;
   overflow: hidden;

   height: 20px;
   margin: 0;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.box-news .info .item .note p {
   font-size: 12px;
   line-height: 2;

   display: -webkit-box;
   overflow: hidden;

   max-height: 72px;
   margin-bottom: 0;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.box-news .info .item .note a {
   display: block;
}
.box-news .info .item .note span {
   font-size: 12px;

   display: inline-block;

   margin-top: 24px;

   text-transform: uppercase;

   color: #666;
}
.box-news .info .item .note span.web {
   margin-right: 10px;
}
.box-news .info .item .note span.web::before {
   font-family: 'iconfont';
   font-size: 14px;

   margin-right: 6px;

   content: '\e62b';

   color: #00479d;
}
.box-news .info .item .note span.num::before {
   font-family: 'iconfont';
   font-size: 14px;

   margin-right: 6px;

   content: '\e76f';

   color: #00479d;
}
.box-news .info .item:hover .note h3 {
   color: #00479d;
}
.box-news .info .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.box-news .owl-controls {
   margin: 0;
}
.box-news .owl-controls .owl-pagination {
   position: absolute;
   right: 0;
   bottom: 50px;
   left: 0;

   display: none;

   margin: auto;
}
@media (max-width: 1199px) {
   .box-news .owl-controls .owl-pagination {
      bottom: 14px;

      text-align: center;
   }
}
.box-news .owl-controls .owl-pagination .owl-page span {
   display: inline-block;

   width: 12px;
   height: 12px;
   margin: 0 10px;

   opacity: .6;
   border: 1px solid #fff;
   border-radius: 50%;
   background: none;
}
.box-news .owl-controls .owl-pagination .owl-page.active span {
   opacity: 1;
   background-color: #fff;
}
.box-news .owl-controls .owl-buttons .owl-prev,
.box-news .owl-controls .owl-buttons .owl-next {
   position: absolute;
   z-index: 9;
   top: 33%;

   margin: 0;
   padding: 0;

   opacity: 1;
   border-radius: 0;
   background: none;
}
.box-news .owl-controls .owl-buttons .owl-prev::after,
.box-news .owl-controls .owl-buttons .owl-next::after {
   font-family: 'iconfont';
   font-size: 60px;

   display: block;

   content: '\e68e';

   color: #e7e2e2;
}
.box-news .owl-controls .owl-buttons .owl-prev:hover::after,
.box-news .owl-controls .owl-buttons .owl-next:hover::after {
   color: #00479d;
}
.box-news .owl-controls .owl-buttons .owl-prev {
   left: -70px;
}
.box-news .owl-controls .owl-buttons .owl-next {
   right: -70px;
}
.box-news .owl-controls .owl-buttons .owl-next::after {
   content: '\e9da';
}
.footer {
   color: #94a0ad;
   background: url(../images/footerbg.jpg) no-repeat;
   background-size: cover;
}
.footer .foot {
   overflow: hidden;

   padding: 50px 0;
}
.footer .foot ul {
   overflow: hidden;
}
.footer .foot ul li {
   float: left;

   width: 25%;
}
.footer .foot ul li h3 {
   font-family: 'PT Sans';
   font-size: 20px;
   font-weight: bold;

   margin-bottom: 14px;

   text-transform: uppercase;

   color: #fbfbfb;
}
.footer .foot ul li h3::after {
   display: block;

   width: 22px;
   height: 2px;
   margin-top: 4px;

   content: '';

   background-color: #5e5e5e;
}
.footer .foot ul li .list a {
   font-family: 'PT Sans';
   font-weight: normal;
   line-height: 2.14285714;

   display: block;
}
.footer .foot ul li .text p {
   font-family: 'PT Sans';
   font-weight: normal;
   line-height: 1.42857143;

   margin: 0;
   margin-bottom: 8px;
}
.footer .foot ul li .text a:hover {
   text-decoration: underline;

   color: #fff;
}
.footer .foot ul li form {
   max-width: 210px;
}
.footer .foot ul li form table {
   width: 100%;
}
.footer .foot ul li form input,
.footer .foot ul li form textarea {
   font-family: Arial, Helvetica, 'Helvetica Neue', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif;
   line-height: 20px;

   width: 100%;
   min-height: 36px;
   margin-bottom: 10px;
   padding: 8px;

   resize: vertical;

   color: #666;
   border: 1px solid #797979;
   background: none;
}
.footer .foot ul li form input:focus,
.footer .foot ul li form textarea:focus {
   outline: none;
}
.footer .foot ul li form .send {
   text-align: right;
}
.footer .foot ul li form .send .btn {
   line-height: 22px;

   display: inline-block;

   height: 22px;

   cursor: pointer;

   color: #fff;
   border: none;
   outline: none;
   background-color: #00479d;
}
.footer .foot ul li form .send .btn:hover {
   background-color: #0a89c2;
}
.footer .foot ul li form input::-webkit-input-placeholder,
.footer .foot ul li form textarea::-webkit-input-placeholder {
   color: #94a0ad;
}
.footer .foot ul li form input:-o-placeholder,
.footer .foot ul li form textarea:-o-placeholder {
   color: #94a0ad;
}
.footer .foot ul li form input::-moz-placeholder,
.footer .foot ul li form textarea::-moz-placeholder {
   color: #94a0ad;
}
.footer .foot ul li form input:-ms-input-placeholder,
.footer .foot ul li form textarea:-ms-input-placeholder {
   color: #94a0ad;
}
.footer .foot ul li form input:focus::-webkit-input-placeholder,
.footer .foot ul li form textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.footer .foot ul li form input:focus::-o-placeholder,
.footer .foot ul li form textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.footer .foot ul li form input:focus::-moz-placeholder,
.footer .foot ul li form textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.footer .foot ul li form input:focus::-ms-input-placeholder,
.footer .foot ul li form textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.footer .copyright {
   height: 68px;

   color: #94a0ad;
   border-top: 1px solid #383737;
}
.footer .copyright p {
   line-height: 68px;

   display: inline-block;

   margin: 0;
}
.footer .copyright p a {
   margin-left: 120px;
}
.footer .copyright a:hover {
   text-decoration: underline;

   color: #fff;
}
.footer .copyright .share {
   display: inline-block;
   float: right;

   margin-top: 8px;
}
.footer .copyright .share ul {
   height: 56px;
   margin: 0;
   padding: 0;

   text-align: center;
}
.footer .copyright .share li {
   line-height: 56px;

   display: inline-block;

   width: 30px;
   height: 56px;
   margin: 0 3px;

   -webkit-transition: -webkit-transform .2s ease-in-out;
   transition: -webkit-transform .2s ease-in-out;
   transition: transform .2s ease-in-out;
   transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;

   background-size: cover;
}
.footer .copyright .share li:hover {
   -webkit-transform: translateY(-4px);
   -ms-transform: translateY(-4px);
   transform: translateY(-4px);
}
.footer .copyright .share li a {
   display: block;

   height: 100%;
}
.footer .copyright .share li a::after {
   font-family: 'iconfont';
   font-size: 16px;

   content: '\e6c2';

   color: #b7b7b7;
}
.footer .copyright .share li a:hover {
   text-decoration: none;
}
.footer .copyright .share .twitter a::after {
   content: '\e6c3';
}
.footer .copyright .share .linkedin a::after {
   content: '\e6f0';
}
.footer .copyright .share .google a::after {
   content: '\e6c6';
}
.footer .copyright .share .youtube a::after {
   content: '\e6c4';
}
.wrap {
   padding: 50px 0;
}
.title-in h2 {
   font-size: 30px;

   margin: 0;

   text-align: center;
}
.sidenav-wrap {
   border-bottom: 1px solid #dcdcdc;
}
.sidenav-wrap .sidenav {
   text-align: center;
}
.sidenav-wrap .sidenav ul li {
   display: inline-block;
}
.sidenav-wrap .sidenav ul li a {
   font-size: 16px;
   line-height: 60px;

   display: block;

   padding: 0 30px;

   color: #666;
}
.sidenav-wrap .sidenav ul li.active a,
.sidenav-wrap .sidenav ul li:hover a {
   font-weight: bold;

   color: #333;
}
.wrap-about {
   padding-bottom: 0;
}
.wrap-about .about .text {
   margin-top: 30px;
}
.wrap-about .about .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-about .about .text img {
   display: block;

   max-width: 100%;
   margin: 0 auto;
}
.wrap-about .about .pic ul {
   overflow: hidden;
}
.wrap-about .about .pic ul li {
   float: left;

   width: 370px;
   margin-top: 30px;
   margin-left: 45px;
}
.wrap-about .about .pic ul li:first-child {
   margin-left: 0;
}
.wrap-about .about .pic ul li .img-box {
   padding-bottom: 62.16216216%;
}
.wrap-about .advantage {
   margin-top: 90px;
   padding: 10px 0 60px 0;

   background-color: #f3f2f2;
}
.wrap-about .advantage ul li {
   position: relative;

   display: inline-block;

   width: 570px;
   margin-top: 50px;
   margin-left: 56px;
   padding-left: 110px;

   vertical-align: top;
}
.wrap-about .advantage ul li:nth-child(2n+1) {
   margin-left: 0;
}
.wrap-about .advantage ul li::before {
   font-family: 'iconfont';
   font-size: 50px;
   line-height: 80px;

   position: absolute;
   left: 0;

   display: inline-block;

   width: 80px;
   height: 80px;

   content: '\e829';
   text-align: center;

   border: 2px solid #fd9d0c;
   border-radius: 50%;
   background-color: #fd9d0c;
   color: #ffffff;
}
.wrap-about .advantage ul li.item-2::before {
   content: '\e650';
   border: 2px solid #55b3d6;
   background-color: #55b3d6;
}
.wrap-about .advantage ul li.item-3::before {
   font-size: 54px;

   content: '\e663';
   border: 2px solid #47c869;
   background-color: #47c869;
}
.wrap-about .advantage ul li.item-4::before {
   content: '\e60d';
   border: 2px solid #df6aab;
   background-color: #df6aab;
}
.wrap-about .advantage ul li h3 {
   font-size: 18px;

   margin: 0 0 20px 0;

   text-transform: uppercase;
}
.wrap-about .advantage ul li p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-about .advantage ul li:hover::before {
   -webkit-animation: swing 1s 0s ease both;
   animation: swing 1s 0s ease both;
}
.wrap-about .honor {
   padding: 50px 0;
}
.wrap-about .honor .item {
   margin: 50px 35px 0 35px;
}
.wrap-about .honor .item .pic {
   border: 1px solid #e2e2e2;
}
.wrap-about .honor .item .pic .img-box {
   padding-bottom: 131.81818182%;
}
.wrap-about .honor .item .pic .img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-about .honor .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-about .honor .owl-controls {
   margin: 0;
}
.wrap-about .honor .owl-controls .owl-pagination {
   position: absolute;
   right: 0;
   bottom: 50px;
   left: 0;

   display: none;

   margin: auto;
}
@media (max-width: 1199px) {
   .wrap-about .honor .owl-controls .owl-pagination {
      bottom: 14px;

      text-align: center;
   }
}
.wrap-about .honor .owl-controls .owl-pagination .owl-page span {
   display: inline-block;

   width: 12px;
   height: 12px;
   margin: 0 10px;

   opacity: .6;
   border: 1px solid #fff;
   border-radius: 50%;
   background: none;
}
.wrap-about .honor .owl-controls .owl-pagination .owl-page.active span {
   opacity: 1;
   background-color: #fff;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-prev,
.wrap-about .honor .owl-controls .owl-buttons .owl-next {
   position: absolute;
   z-index: 9;
   top: 50%;

   margin: 0;
   padding: 0;

   opacity: 1;
   border-radius: 0;
   background: none;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-prev::after,
.wrap-about .honor .owl-controls .owl-buttons .owl-next::after {
   font-family: 'iconfont';
   font-size: 54px;

   display: block;

   content: '\e68e';

   color: #e7e2e2;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-prev:hover::after,
.wrap-about .honor .owl-controls .owl-buttons .owl-next:hover::after {
   color: #00479d;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-prev {
   left: -50px;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-next {
   right: -50px;
}
.wrap-about .honor .owl-controls .owl-buttons .owl-next::after {
   content: '\e9da';
}
.wrap-about .partner {
   padding: 50px 0;

   background-color: #f4f3f3;
}
.wrap-about .partner .info {
   margin-top: 20px;
}
.wrap-about .partner .item {
   margin: 0 30px;
}
.wrap-about .partner .item .pic {
   overflow: hidden;

   margin-top: 30px;

   border: 1px solid #e5e5e5;
   border-radius: 10px;
}
.wrap-about .partner .item .pic .img-box {
   padding-bottom: 59.09090909%;
}
.wrap-about .partner .item .pic .img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-about .partner .item .pic:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-about .partner .owl-controls {
   margin: 0;
}
.wrap-about .partner .owl-controls .owl-pagination {
   margin-top: 30px;
}
.wrap-about .partner .owl-controls .owl-pagination .owl-page span {
   display: inline-block;

   width: 12px;
   height: 5px;
   margin: 0 5px;

   opacity: 1;
   border-radius: 20px;
   background-color: #959595;
}
.wrap-about .partner .owl-controls .owl-pagination .owl-page.active span {
   width: 40px;

   background-color: #00479d;
}
.wrap-about .partner .owl-controls .owl-buttons {
   display: none;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-prev,
.wrap-about .partner .owl-controls .owl-buttons .owl-next {
   position: absolute;
   z-index: 9;
   top: 36%;

   margin: 0;
   padding: 0;

   opacity: 1;
   border-radius: 0;
   background: none;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-prev::after,
.wrap-about .partner .owl-controls .owl-buttons .owl-next::after {
   font-family: 'iconfont';
   font-size: 60px;

   display: block;

   content: '\e68e';

   color: #e7e2e2;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-prev:hover::after,
.wrap-about .partner .owl-controls .owl-buttons .owl-next:hover::after {
   color: #e4142d;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-prev {
   left: -70px;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-next {
   right: -70px;
}
.wrap-about .partner .owl-controls .owl-buttons .owl-next::after {
   content: '\e9da';
}
.wrap-news {
   padding-bottom: 120px;
}
.wrap-news .news ul {
   overflow: hidden;
}
.wrap-news .news ul li {
   display: inline-block;

   width: 100%;
   padding: 40px 0;

   vertical-align: top;
   overflow: hidden;
   border-bottom: 1px solid #dcdcdc;
}
.wrap-news .news ul li:nth-child(1) {
   padding-top: 0;
}
.wrap-news .news ul li .pic {
   width: 30%;
   float: left;
}
.wrap-news .news ul li .img-box {
   padding-bottom: 63.15789474%;
}
.wrap-news .news ul li .img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-news .news ul li .note {
   width: 70%;
   float: left;
   padding-left: 30px;
}
.wrap-news .news ul li .note h3 {
   font-size: 16px;

   display: -webkit-box;
   overflow: hidden;

   margin: 16px 0 0 0;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.wrap-news .news ul li .note p {
   line-height: 1.71428571;

   display: -webkit-box;
   overflow: hidden;

   margin: 20px 0 0 0;

   color: #666;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.wrap-news .news ul li .note a {
   display: block;
}
.wrap-news .news ul li .note span {
   font-size: 12px;

   display: inline-block;

   margin: 10px 0 0 0;

   color: #999;
}
.wrap-news .news ul li .note span::before {
   font-family: 'iconfont';
   font-size: 14px;

   margin-right: 6px;

   content: '\e627';
}
.wrap-news .news ul li .note span.icon-1 {
   margin-right: 30px;
}
.wrap-news .news ul li .note a.more {
   display: inline-block;

   margin-top: 20px;

   list-style: 20px;

   color: #00479d;
}
.wrap-news .news ul li .note a.more::after {
   font-family: 'iconfont';
   font-size: 18px;
   font-weight: bold;

   float: right;

   margin-top: 0px;
   margin-left: 10px;

   content: '\e72d';
}
.wrap-news .news ul li:hover .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-news .news ul li:hover .note h3 {
   color: #00479d;
}
.wrap-news .news ul li:hover .note a.more::after {
   -webkit-animation: fadeInLeft 1s 0s ease both;
   animation: fadeInLeft 1s 0s ease both;
}
.wrap-news-show {
   padding-bottom: 120px;
}
.wrap-news-show .news-show .news-title {
   padding-bottom: 14px;

   border-bottom: 1px dashed #e5e5e5;
}
.wrap-news-show .news-show .news-title h2 {
   font-size: 16px;

   margin: 0;
}
.wrap-news-show .news-show .news-title span {
   font-size: 12px;

   display: inline-block;

   margin: 14px 0 0 0;

   color: #999;
}
.wrap-news-show .news-show .news-title span::before {
   font-family: 'iconfont';
   font-size: 14px;

   margin-right: 6px;

   content: '\e627';
}
.wrap-news-show .news-show .news-title span.icon-1 {
   margin-right: 30px;
}
.wrap-news-show .news-show .text {
   margin-top: 30px;
}
.wrap-news-show .news-show .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-news-show .news-show .text img {
   max-width: 100%;
}
.wrap-news-show .news-show .relate {
   margin-top: 60px;
   padding-top: 20px;

   border-top: 1px dashed #e5e5e5;
}
.wrap-news-show .news-show .relate a {
   line-height: 2;

   display: block;

   color: #666;
}
.wrap-news-show .news-show .relate a::before {
   display: inline-block;

   width: 0;
   height: 0;
   margin-right: 10px;

   content: '';

   border-top: 6px solid transparent;
   border-right: 6px solid #000;
   border-bottom: 6px solid transparent;
}
.wrap-news-show .news-show .relate a.r-next::before {
   border-right: none;
   border-left: 6px solid #000;
}
.wrap-news-show .news-show .relate a:hover {
   color: #00479d;
}
/**
 * page
 */
.page {
   clear: both;
   overflow: hidden;

   margin-top: 40px;

   text-align: center;
}
.page a {
   font-size: 16px;
   line-height: 42px;

   display: inline-block;
   overflow: hidden;

   width: 42px;
   height: 42px;
   margin: 0 2px;

   -webkit-transition: all .2s linear;
   transition: all .2s linear;
   text-align: center;

   color: #454545;
   border: 1px solid #d4d4d4;
}
.page a.active,
.page a:hover {
   color: #fff;
   border-color: #00479d;
   background-color: #00479d;
}
.page a.first-child::after,
.page a.last-child::after {
   font-family: 'iconfont';
   font-size: 18px;

   content: '\e9db';
}
.page a.first-child:hover,
.page a.last-child:hover {
   font-weight: bold;

   color: #00479d;
   border-color: #d4d4d4;
   background-color: #fff;
}
.page a.last-child::after {
   content: '\e608';
}
.wrap-product {
   padding-bottom: 120px;
}
.wrap-product .product ul {
   overflow: hidden;
}
.wrap-product .product ul li {
   float: left;

   width: 380px;
   margin-bottom: 30px;
   margin-left: 30px;
}
.wrap-product .product ul li:nth-child(3n+1) {
   margin-left: 0;
}
.wrap-product .product ul li .pic {
   position: relative;

   padding: 3px;

   border: 1px solid #e9e9e9;
}
.wrap-product .product ul li a.img-box {
   padding-bottom: 70%;
}
.wrap-product .product ul li a.img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-product .product ul li .mask {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;
   padding: 3px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;

   opacity: 0;
}
.wrap-product .product ul li .mask .maskbg {
   width: 100%;
   height: 100%;
   /* padding: 0 30px;*/

   background-color: rgba(0, 71, 157, .8);
}
.wrap-product .product ul li .mask .maskbg p {
   font-size: 12px;
   line-height: 2.25;

   position: absolute;
   top: 60%;

   margin: 0;
   padding: 0 20px;
   width: 100%;

   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   color: #fff;
}
.wrap-product .product ul li .mask .maskbg p::after {
   font-family: 'iconfont';
   font-size: 30px;

   display: block;

   content: '\e607';
   text-align: center;
}
.wrap-product .product ul li h3 {
   font-size: 16px;

   display: -webkit-box;
   overflow: hidden;

   margin: 14px 0 0 0;

   text-align: center;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.wrap-product .product ul li:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-product .product ul li:hover .mask {
   opacity: 1;
}
.wrap-product .product ul li:hover .mask .maskbg p {
   top: 50%;

}
.wrap-product .product ul li:hover h4 {
   color: #e4142d;
}
.wrap-product-show {
   padding-bottom: 120px;
}
.wrap-product-show .pro-show {
   overflow: hidden;
}
.wrap-product-show .pro-show .album {
   position: relative;

   float: left;

   width: 600px;
}
.wrap-product-show .pro-show .album .img-box {
   padding-bottom: 70%;
}
.wrap-product-show .pro-show .album .img-box img {
   width: 100%;
}
.wrap-product-show .pro-show .album .sync {
   margin: 0 -5px;
}
.wrap-product-show .pro-show .album .sync1 {
   width: 100%;

   border: 1px solid #dcdcdc;
}
.wrap-product-show .pro-show .album .sync1 .item {
   width: 100%;

   text-align: center;

   background: #fff;
}
.wrap-product-show .pro-show .album .sync2 {
   width: 100%;
   margin-top: 20px;
}
.wrap-product-show .pro-show .album .sync2 .synced .item {
   border-color: #00479d;
}
.wrap-product-show .pro-show .album .sync2 .item {
   margin: 0 5px;

   cursor: pointer;

   border: 1px solid #dcdcdc;
}
/*.wrap-product-show .pro-show .album .sync2 .owl-wrapper .owl-item:first-child{
    display: none;
}*/
.wrap-product-show .pro-show .album .owl-theme .owl-controls .owl-buttons {
   display: none;
}
.wrap-product-show .pro-show .info {
   float: right;

   width: 570px;
}
.wrap-product-show .pro-show .info .t-title {
   position: relative;
}
.wrap-product-show .pro-show .info .t-title h3 {
   font-size: 20px;

   margin: 0;
}
.wrap-product-show .pro-show .info .t-title p {
   font-size: 16px;
   font-weight: bold;
   margin: 30px 0 0 0;
}
.wrap-product-show .pro-show .info .note {
   padding: 10px 0 30px 0;
}
.wrap-product-show .pro-show .info .note p {
   line-height: 1.71428571;

   /* margin: 0;*/
   font-size: 16px;
   color: #666;
   position: relative;
   padding-left: 20px;
}
.wrap-product-show .pro-show .info .note p:before {
   font-family: "iconfont";
   content: '\e634';
   position: absolute;
   left: 0;
}
.wrap-product-show .pro-show .info .inquire {
   margin-top: 14px;
}
.wrap-product-show .pro-show .info .inquire a {
   font-size: 16px;
   font-weight: bold;
   line-height: 46px;

   display: inline-block;

   width: 210px;
   height: 46px;

   text-align: center;

   color: #00479d;
   border: 1px dashed #00479d;
   border-radius: 30px;
}
.wrap-product-show .pro-show .info .inquire a::before {
   font-family: 'iconfont';
   font-size: 22px;
   font-weight: normal;

   float: left;

   width: 64px;
   height: 46px;
   margin-top: -1px;
   margin-left: -1px;

   content: '\e63e';
   text-align: center;

   color: #fff;
   border-radius: 30px 0 0 30px;
   background-color: #00479d;
}
.wrap-product-show .pro-show .info .inquire a:hover::before {
   background-color: rgba(0, 71, 157, .9);
}
.wrap-product-show .pro-show .info .inquire a.inquiry {
   margin-left: 100px;
}
.wrap-product-show .pro-show .info .inquire a.inquiry:before {
   content: '\e6a4';
}
.wrap-product-show .parameter {
   margin-top: 60px;
}
.wrap-product-show .parameter .p-title {
   display: inline-block;
   overflow: hidden;

   border-left: 1px solid #ededed;
}
.wrap-product-show .parameter .p-title li {
   line-height: 46px;

   float: left;

   width: 200px;

   text-align: center;

   border: 1px solid #ededed;
   border-left: none;
}
.wrap-product-show .parameter .p-title li a {
   font-size: 20px;

   display: block;

   color: #686868;
}

.wrap-product-show .parameter .p-title li.active {
   background-color: #00479d;
}
.wrap-product-show .parameter .p-title li.active a {
   color: #fff;
}
.wrap-product-show .parameter .note {
   padding: 40px;
   border: 1px solid #eeeeee;
}
.wrap-product-show .parameter .note img {
   max-width: 100%;
}
.wrap-product-show .parameter .note p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}

.wrap-product-show .relate {
   margin-top: 30px;
}
.wrap-product-show .relate .r-title h3 {
   font-size: 20px;
   font-weight: normal;
   line-height: 46px;

   display: inline-block;

   height: 46px;
   margin: 0;
   padding: 0 70px;

   color: #fff;
   background-color: #00479d;
}
.wrap-product-show .relate .list {
   padding: 40px;

   border: 1px solid #ededed;
}

.wrap-product-show .relate ul {
   overflow: hidden;
}
.wrap-product-show .relate ul li {
   float: left;

   width: 352px;
   margin-bottom: 30px;
   margin-left: 30px;
}
.wrap-product-show .relate ul li:nth-child(3n+1) {
   margin-left: 0;
}
.wrap-product-show .relate ul li .pic {
   position: relative;

   padding: 3px;

   border: 1px solid #e9e9e9;
}
.wrap-product-show .relate ul li a.img-box {
   padding-bottom: 70%;
}
.wrap-product-show .relate ul li a.img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-product-show .relate ul li .mask {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 100%;
   height: 100%;
   padding: 3px;

   -webkit-transition: all .2s ease;
   transition: all .2s ease;

   opacity: 0;
}
.wrap-product-show .relate ul li .mask .maskbg {
   width: 100%;
   height: 100%;
   /* padding: 0 30px;*/

   background-color: rgba(0, 71, 157, .8);
}
.wrap-product-show .relate ul li .mask .maskbg p {
   font-size: 12px;
   line-height: 2.25;

   position: absolute;
   top: 60%;

   margin: 0;
   padding: 0 20px;
   width: 100%;

   -webkit-transition: all .4s ease;
   transition: all .4s ease;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   color: #fff;
}
.wrap-product-show .relate ul li .mask .maskbg p::after {
   font-family: 'iconfont';
   font-size: 30px;

   display: block;

   content: '\e607';
   text-align: center;
}
.wrap-product-show .relate ul li h3 {
   font-size: 16px;

   display: -webkit-box;
   overflow: hidden;

   margin: 14px 0 0 0;

   text-align: center;

   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.wrap-product-show .relate ul li:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-product-show .relate ul li:hover .mask {
   opacity: 1;
}
.wrap-product-show .relate ul li:hover .mask .maskbg p {
   top: 50%;

}
.wrap-product-show .relate ul li:hover h4 {
   color: #e4142d;
}

.wrap-product-show .inquiry {
   margin-top: 30px;
}
.wrap-product-show .inquiry .i-title h3 {
   font-size: 20px;
   font-weight: normal;
   line-height: 46px;

   display: inline-block;

   height: 46px;
   margin: 0;
   padding: 0 70px;

   color: #fff;
   background-color: #00479d;
}
.wrap-product-show .inquiry .message {
   padding: 40px;

   border: 1px solid #ededed;
}
.wrap-product-show .inquiry .message p {
   line-height: 1.71428571;

   margin: 0;

   color: #999;
}
.wrap-product-show .inquiry form ul {
   overflow: hidden;

   margin: 0 -15px;
}
.wrap-product-show .inquiry form li {
   float: left;

   width: 33.33333333%;
   padding: 0 15px;
}
.wrap-product-show .inquiry form li:nth-child(1),
.wrap-product-show .inquiry form li:nth-child(5) {
   width: 100%;
}
.wrap-product-show .inquiry form li input,
.wrap-product-show .inquiry form li textarea {
   font-family: Arial, Helvetica, 'Helvetica Neue', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif;
   line-height: 24px;

   width: 100%;
   min-height: 40px;
   margin-top: 20px;
   padding: 8px 10px;

   resize: vertical;

   color: #666;
   border: 1px solid #e5e5e5;
}
.wrap-product-show .inquiry form li input:focus,
.wrap-product-show .inquiry form li textarea:focus {
   outline: none;
}
.wrap-product-show .inquiry form li input.read::-webkit-input-placeholder {
   color: #9f9f9f;
}
.wrap-product-show .inquiry form li input::-webkit-input-placeholder {
   color: #9f9f9f;
}
.wrap-product-show .inquiry form li textarea::-webkit-input-placeholder {
   color: #9f9f9f;
}
.wrap-product-show .inquiry form li textarea {
   line-height: 30px;
}
.wrap-product-show .inquiry form li input:focus::-webkit-input-placeholder {
   color: rgba(153, 153, 153, .5);
}
.wrap-product-show .inquiry form li input.read:focus::-webkit-input-placeholder {
   color: #9f9f9f;
}
.wrap-product-show .inquiry form li textarea:focus::-webkit-input-placeholder {
   color: rgba(153, 153, 153, .5);
}
.wrap-product-show .inquiry form .submit {
   text-align: center;
}
.wrap-product-show .inquiry form .submit {
   line-height: 38px;

   height: 38px;
   margin-top: 20px;
   padding: 0 44px;

   cursor: pointer;
   -webkit-transition: all .2s ease;
   transition: all .2s ease;

   color: #666;
   border: 1px solid #ddd;
   background: none;
}
.wrap-product-show .inquiry form .submit:focus {
   outline: none;
}
.wrap-product-show .inquiry form .submit:hover {
   color: #fff;
   border-color: #00479d;
   background-color: rgba(0, 71, 157, .8);
}
.wrap-product-show table {
   width: 100%;
   max-width: 98%;

   border-spacing: 0;
   border-collapse: collapse;

   text-align: center;
}
/*.wrap-product-show table tr,
.wrap-product-show table td
{
    width: auto !important;
    height: auto !important;
}*/
.wrap-product-show table tr:nth-child(odd) {
   background-color: #f2f2f2;
}
.wrap-product-show table td {
   padding: 8px !important;

   /* border: 1px solid #ccc !important;*/
}
.wrap-product-show table tr p,
.wrap-product-show table tr span {
   margin: 0 !important;
   padding: 0 !important;

   background: none !important;
}
.wrap-logistics {
   padding-bottom: 80px;
}
.wrap-logistics .info-1 .l-title,
.wrap-logistics .info-2 .l-title {
   background: url(../images/servicebg.png) no-repeat center;
}
.wrap-logistics .info-1 .l-title h2,
.wrap-logistics .info-2 .l-title h2 {
   font-size: 20px;

   margin: 0;

   text-align: center;
   text-transform: uppercase;
}
.wrap-logistics .info-1 .text,
.wrap-logistics .info-2 .text {
   margin-top: 34px;

   text-align: center;
}
.wrap-logistics .info-1 .text p,
.wrap-logistics .info-2 .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #999;
}
.wrap-logistics .info-1 .list li,
.wrap-logistics .info-2 .list li {
   position: relative;

   display: inline-block;

   width: 570px;
   margin-top: 44px;
   margin-left: 56px;
   padding-left: 100px;

   vertical-align: top;
}
.wrap-logistics .info-1 .list li:nth-child(2n+1),
.wrap-logistics .info-2 .list li:nth-child(2n+1) {
   margin-left: 0;
}
.wrap-logistics .info-1 .list li::before,
.wrap-logistics .info-2 .list li::before {
   position: absolute;
   left: 0;

   display: inline-block;

   width: 80px;
   height: 80px;

   content: '';
   border-radius: 50%;
   background: url(../images/service.png) no-repeat #55b3d6;
}
.wrap-logistics .info-2 .list li::before {
   background-color: #fd9d0c;
}
.wrap-logistics .info-1 .list li.item-2::before,
.wrap-logistics .info-2 .list li.item-2::before {
   background-position: -80px 0;
}
.wrap-logistics .info-1 .list li.item-3::before,
.wrap-logistics .info-2 .list li.item-3::before {
   background-position: -160px 0;
}
.wrap-logistics .info-1 .list li.item-4::before,
.wrap-logistics .info-2 .list li.item-4::before {
   background-position: -240px 0;
}
.wrap-logistics .info-1 .list li h3,
.wrap-logistics .info-2 .list li h3 {
   font-size: 16px;
}
.wrap-logistics .info-1 .list li p,
.wrap-logistics .info-2 .list li p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-logistics .info-1 .pic,
.wrap-logistics .info-2 .pic {
   margin-top: 70px;

   text-align: center;
}
.wrap-logistics .info-1 .pic img,
.wrap-logistics .info-2 .pic img {
   max-width: 100%;
}
.wrap-logistics .info-2 {
   margin-top: 80px;
}
.wrap-logistics .info-2 .list li.item-1::before {
   background-position: -320px 0;
}
.wrap-logistics .info-2 .list li.item-2::before {
   background-position: -400px 0;
}
.wrap-logistics .info-2 .list li.item-3::before {
   background-position: -480px 0;
}
.wrap-logistics .info-2 .list li.item-4::before {
   background-position: -560px 0;
}
.wrap-insurance {
   padding-bottom: 120px;
}
.wrap-insurance .insurance .text {
   text-align: center;
}
.wrap-insurance .insurance .text img {
   max-width: 100%;
}
.wrap-insurance .insurance .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-aftersale {
   padding-bottom: 120px;
}
.wrap-aftersale .aftersale .text img {
   display: block;

   max-width: 100%;
   margin: 0 auto;
}
.wrap-aftersale .aftersale .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-aftersale .aftersale .text b {
   font-size: 16px;
   line-height: 26px;

   color: #333;
}
.wrap-aftersale .aftersale .text b::before {
   display: inline-block;
   float: left;

   width: 26px;
   height: 26px;

   content: '';

   background: url(../images/icon.png) no-repeat;
   background-position: -26px 0;
   background-size: cover;
}
.wrap-quality .quality .text h3 {
   font-size: 20px;
   line-height: 54px;

   margin: 0;
}
.wrap-quality .quality .text h3::before {
   font-family: 'iconfont';
   font-size: 54px;
   font-weight: normal;

   float: left;

   margin-right: 10px;

   content: '\e618';

   color: #fd9d0c;
}
.wrap-quality .quality .text-2 {
   margin-top: 60px;
}
.wrap-quality .quality .text-2 h3::before {
   content: '\e710';
}
.wrap-quality .quality .text .note {
   margin-top: 10px;
}
.wrap-quality .quality .text p {
   line-height: 1.71428571;

   margin: 0;

   color: #666;
}
.wrap-quality .quality .list {
   margin-top: 50px;
}
.wrap-quality .quality .list ul {
   overflow: hidden;
}
.wrap-quality .quality .list ul li {
   float: left;
   overflow: hidden;

   width: 50%;
}
.wrap-quality .quality .list ul li .item {
   position: relative;

   overflow: hidden;

   background-color: #cfe4fa;
}
.wrap-quality .quality .list ul li .item .pic {
   float: left;

   width: 50%;
}
.wrap-quality .quality .list ul li .item .pic .img-box {
   padding-bottom: 70%;
}
.wrap-quality .quality .list ul li .item .pic .img-box img {
   -webkit-transition: -webkit-transform 1.2s ease;
   transition: -webkit-transform 1.2s ease;
   transition: transform 1.2s ease;
   transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}
.wrap-quality .quality .list ul li .item .note {
   float: left;

   width: 50%;

   text-align: center;
}
.wrap-quality .quality .list ul li .item .note .maskbg {
   position: absolute;
   top: 60%;
   left: 50%;

   display: block;

   width: 50%;

   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.wrap-quality .quality .list ul li .item .note .maskbg p {
   font-size: 18px;
   line-height: 1.33333333;

   margin: 0;
   padding: 0 30px;
}
.wrap-quality .quality .list ul li .item .note .maskbg p::after {
   font-family: 'iconfont';
   font-size: 50px;

   display: block;

   margin-top: 10px;

   content: '\e9dc';
}
.wrap-quality .quality .list ul li .item:hover .pic .img-box img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}
.wrap-quality .quality .list ul li .item-2 {
   background-color: #9bc9fa;
}
.wrap-quality .quality .list ul li .item-3 .pic {
   float: right;
}
.wrap-quality .quality .list ul li .item-3 .note .maskbg {
   left: 0;
}
/*.wrap-quality .quality .list ul li .item-3 .note .maskbg p
{
    color: #fff;
}*/
.wrap-quality .quality .list ul li .item-3 .note .maskbg p::after {
   content: '\e72d';
}
.wrap-quality .quality .list ul li .item-4 .pic {
   float: right;
}
.wrap-quality .quality .list ul li .item-4 .note .maskbg {
   left: 0;
}
.wrap-quality .quality .list ul li .item-4 .note .maskbg p::after {
   content: '\e72d';
}
.wrap-contact {
   padding-bottom: 120px;
}
.wrap-contact .c-title {
   text-align: center;
}
.wrap-contact .c-title h3 {
   font-size: 16px;

   display: inline-block;

   margin: 0;
}
.wrap-contact .c-title h3::before {
   display: inline-block;
   float: left;

   width: 154px;
   height: 1px;
   margin-top: 10px;
   margin-right: 70px;

   content: '';

   background-color: #ccc;
}
.wrap-contact .c-title h3::after {
   display: inline-block;
   float: right;

   width: 154px;
   height: 1px;
   margin-top: 10px;
   margin-left: 70px;

   content: '';

   background-color: #ccc;
}
.wrap-contact .c-title p {
   color: #999;
}
.wrap-contact .contact {
   overflow: hidden;
}
.wrap-contact .contact .text {
   padding: 34px;

   text-align: center;

   border: 1px solid #e7e9eb;
   background: url(../images/contact.jpg) no-repeat;
   background-size: cover;
}
.wrap-contact .contact .text h3 {
   font-size: 20px;

   margin: 0 0 30px 0;
}
.wrap-contact .contact .text p {
   line-height: 1.71428571;

   margin: 0;
}
.wrap-contact .contact .text a:hover {
   text-decoration: underline;
}
.wrap-contact .contact .message {
   margin-top: 60px;
}
.wrap-contact .contact .message form {
   width: 100%;
}
.wrap-contact .contact .message form ul {
   overflow: hidden;
}
.wrap-contact .contact .message form ul li {
   float: left;

   width: 60%;
}
.wrap-contact .contact .message form ul li input,
.wrap-contact .contact .message form ul li textarea {
   font-family: Arial, Helvetica, 'Helvetica Neue', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif;

   width: 100%;
   min-height: 50px;
   margin-top: 11px;
   padding: 10px 16px;

   resize: vertical;

   border: 1px solid #ccc;
   outline: none;
}
.wrap-contact .contact .message form ul li input::-webkit-input-placeholder,
.wrap-contact .contact .message form ul li textarea::-webkit-input-placeholder {
   color: #d1d0d0;
}
.wrap-contact .contact .message form ul li input:-o-placeholder,
.wrap-contact .contact .message form ul li textarea:-o-placeholder {
   color: #d1d0d0;
}
.wrap-contact .contact .message form ul li input::-moz-placeholder,
.wrap-contact .contact .message form ul li textarea::-moz-placeholder {
   color: #d1d0d0;
}
.wrap-contact .contact .message form ul li input:-ms-input-placeholder,
.wrap-contact .contact .message form ul li textarea:-ms-input-placeholder {
   color: #d1d0d0;
}
.wrap-contact .contact .message form ul li input:focus::-webkit-input-placeholder,
.wrap-contact .contact .message form ul li textarea:focus::-webkit-input-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form ul li input:focus::-o-placeholder,
.wrap-contact .contact .message form ul li textarea:focus::-o-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form ul li input:focus::-moz-placeholder,
.wrap-contact .contact .message form ul li textarea:focus::-moz-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form ul li input:focus::-ms-input-placeholder,
.wrap-contact .contact .message form ul li textarea:focus::-ms-input-placeholder {
   color: #c5c5c5;
}
.wrap-contact .contact .message form ul li .send {
   margin-top: 28px;

   text-align: center;
}
.wrap-contact .contact .message form ul li .send .btn {
   font-size: 16px;
   font-weight: bold;
   line-height: 44px;

   height: 44px;
   padding: 0 30px;

   cursor: pointer;

   color: #d1d0d0;
   color: #fff;
   border: none;
   outline: none;
   background-color: #00479d;
}
.wrap-contact .contact .message form ul li:first-child {
   width: 40%;
   padding-right: 24px;
}
.wrap-contact .contact .message form ul li:last-child {
   width: 100%;
}
.wrap-contact .wrap-map {
   margin-top: 50px;
}
.wrap-contact .wrap-map .map {
   height: 430px;
   margin-top: 30px;
}
.wrap-contact .wrap-map .map img {
   height: 100%;
}
.table-box {
   overflow: auto;

   width: 100%;
   max-width: 100%;
}

/*售后服务修改*/
.wrap-aftersale .aftersale .text table td p:first-child {
   overflow: hidden;
   line-height: 50px;
}
.wrap-aftersale .aftersale .text table td p:first-child:before {
   content: '';
   display: inline-block;
   width: 60px;
   height: 60px;
   background: url(../images/service-01.png) no-repeat;
   background-size: contain;
   float: left;
   margin-right: 10px;

}
.wrap-aftersale .aftersale .text table td:last-child p:first-child:before {
   background: url(../images/team-01.png) no-repeat;
   background-size: contain;

}

.box-about .about .pic .item .img-box:before {
   content: '';
   display: block;
   width: 40px;
   height: 40px;
   background: url(../images/play.png) no-repeat center;
   background-size: cover;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -50%, 0);
   z-index: 2;
   cursor: pointer;
}