/* ----------基本元素重置----------- */
 html,
 body {
     font-family: Signika, sans-serif;
     font-size: 15px;
     color: #515151;
     line-height: 1.6;
 }

 a:link {
     color: #515151;
     text-decoration: none;
 }

 a:visited {
     text-decoration: none;
     color: #515151;
 }

 a:hover {
     text-decoration: none;
     color: #b00f07;
 }

 a:active {
     text-decoration: none;
     color: #515151;
 }

 a img,
 img {
     border: none;
     vertical-align: middle;
     max-width: 100%
 }

 html,
 body,
 div,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 ul,
 ol,
 dl,
 li,
 dt,
 dd,
 blockquote,
 pre,
 form,
 input,
 select,
 textarea,
 button,
 fieldset,
 table,
 th,
 td,
 span,
 form,
 p,
 a,
 img,
 object,
 embed {
     padding: 0px;
     margin: 0px;
     list-style: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
     border: 0;
 }

 input,
 textarea,
 select,
 button,
 file {
     vertical-align: middle;
     font-family: Signika, sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal
 }

 .bold {
     font-weight: bold
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .fa {
     display: inline-block;
     vertical-align: middle;
     background-repeat: no-repeat;
     background-position: center
 }

 .overflow {
     overflow: hidden
 }

 .clearfix {
     clear: both;
     *zoom: 1;
 }

 .clearfix:after {
     content: "";
     display: block;
     clear: both;
 }

 .text-center {
     text-align: center
 }

 .none {
     display: none
 }

 .yellow {
     color: #b00f07
 }

 .block {
     height: 20px;
     clear: both
 }

 .bg {
     background: #e9edf0;
     margin-bottom: -3%;
     padding-bottom: 4%;
     margin-top: -3%;
     padding-top: 3%
 }

 .page-wrapper,
 .wrapper,
 .page-wrapper-row {
     width: 1400px;
     margin: 0 auto;
     max-width: 92%;
 }

 @media screen and (max-width: 1600px) {

     .page-wrapper,
     .wrapper {
         width: 1200px;
     }
 }

 @media screen and (max-width: 1500px) {

     .page-wrapper,
     .wrapper {
         width: 1140px;
     }
 }

 @media screen and (max-width: 1350px) {

     .page-wrapper,
     .wrapper {
         width: 90%;
     }
 }

 @media screen and (max-width: 750px) {

     html,
     body {
         font-size: 13px;
         line-height: 1.4;
     }

     .page-wrapper,
     .wrapper {
         width: 92%;
         max-width: 100%;
     }
 }



 .zoom {
     position: relative;
     display: block;
     overflow: hidden;
     width: 100%;
     height: 0;
     padding-bottom: 65%;
 }

 .zoom span {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .zoom:hover span {
     webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 li:hover .zoom span {
     webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }


 .box-shadow {
     -webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
     -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
     box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
 }

 .box-shadow:hover {
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
 }



 /*顶部*/
 .top {
     height: 45px;
     line-height: 45px;
     background: #262626;
     color: #fff
 }

 .top-info {
     float: left
 }

 .top-info .tel {
     margin-left: 20px;
     padding-left: 25px;
     background: url(../img/1.png) no-repeat left center;
 }

 .top-share {
     float: right;
 }

 .top-share a {
     display: inline-block;
     vertical-align: middle;
     width: 30px;
     height: 30px;
     margin: 0 5px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: auto 28px;
 }

 .top-share .s_list1 {
     background-image: url(../img/2.png)
 }

 .top-share .s_list2 {
     background-image: url(../img/3.png);
 }

 .top-share .s_list3 {
     background-image: url(../img/4.png)
 }

 .top-share .s_list4 {
     background-image: url(../img/5.png)
 }

 .top-share .s_list5 {
     background-image: url(../img/6.png)
 }


 /* 头部 */
 .header {
    border-bottom: solid 1px #ddd;
     position: relative;
     height: auto;
     padding: 5px 0;
     width: 100%;
     background-color: rgba(255, 255, 255, .9);
     background: #fff;
     z-index: 99;
     transition: All 0.8s ease;
     -webkit-transition: All 0.8s ease;
     -moz-transition: All 0.8s ease;
     -o-transition: All 0.8s ease;
 }

 .header .wrapper {
     position: relative
 }

 .header .logo {
     float: left;
     align-items: center;
     margin-top: 20px;
 }

 .header .logo img {
     height: 50px;
 }

 .headerbg {
     position: relative;
     height: 100px;
 }

 .navbox {
     float: right;
     display: block
 }

 @media screen and (min-width: 1120px) {
     .navbox {
         display: block !important
     }
 }

 .nav {
     height: 90px;
 }

 .nav li {
     position: relative;
     float: left;
     margin: 0 25px;
 }

 .nav li>a {
     line-height: 90px;
     font-size: 17px;
     padding: 0px;
     text-transform: capitalize;
     position: relative
 }

 .nav li.active>a {
     color: #b00f07
 }

 .nav li>a::after {
     background: #b00f07;
     display: block;
     content: "";
     width: 0;
     height: 2px;
     position: absolute;
     bottom: -12px;
     left: 0;
     z-index: -1;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .nav li:hover a::after {
     width: 100%;
 }

 .nav li.active a::after {}

 .nav li .nav-list {
     z-index: 21;
     position: absolute;
     display: none;
     overflow: hidden;
     top: 90px;
     left: -20px;
     width: 100%;
     min-width: 250px;
     padding: 20px 0;
     background: #fff;
     background-color: rgba(255, 255, 255, .9);
 }

 .nav li .nav-list dl dd {
     position: relative;
     padding: 0 20px;
 }

 .nav li .nav-list dl dd i {
     display: inline-block;
     position: absolute;
     right: 20px;
     top: 16px;
     height: 8px;
     width: 8px;
     border-width: 2px 2px 0 0;
     border-color: #afafaf;
     border-style: solid;
     -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
     transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
     border-radius: 1px;
 }

 .nav li .nav-list dl dd a {
     display: block;
     color: #555;
     height: 40px;
     line-height: 40px;
     overflow: hidden;
     padding: 0 5px;
     font-size: 15px;
     text-transform: capitalize
 }

 .nav li .nav-list dl dd>a:hover {
     color: #b00f07
 }

 .navbtn {
     display: none;
     z-index: 100;
     width: 60px;
     height: 60px;
     line-height: 60px;
     margin-top: 15px;
     font-size: 0;
     float: right;
     text-align: center;
     background: #b00f07 url(../image/icon-nav.png) no-repeat center;
     margin-left: 3%
 }

 .nav li .nav-list:hover {
     overflow: inherit;
 }

 .nav li .nav-list dl dd .nav-list-sub {
     display: none;
     background: #fff;
     /* background-color:rgba(255,255,255,.9);*/
     width: auto;
     padding: 15px 0;
     position: absolute;
     left: 100%;
     top: -14px;
 }

 .nav li .nav-list dl dd .nav-list-sub p a {
     font-size: 15px;
     height: 42px;
     line-height: 42px;
     min-width: 160px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .nav li .nav-list dl dd:hover .nav-list-sub {
     display: block
 }

 .nav li .nav-list dl dd .nav-list-sub p a:hover {
     color: #b00f07
 }

 /* 搜索 */
 .searchbtn {
     float: right;
     display: block;
     font-size: 0;
     width: 40px;
     height: 90px;
     line-height: 90px;
     background: #066;
     background: url(../img/8.png) no-repeat center;
 }

 .search {
     display: none;
     position: absolute;
     top: 80px;
     right: -20px;
     z-index: 99
 }

 .search form {
     width: 280px;
     position: relative;
     height: 40px;
     margin: 25px 0 0 0
 }

 .search input {
     height: 42px;
     width: 100%;
     line-height: 42px;
     border: none;
     border: 1px solid #eee;
     background: #fff;
     color: #333;
     border-radius: 40px;
     text-indent: 15px
 }

 .search button {
     height: 42px;
     width: 42px;
     line-height: 42px;
     border: none;
     background: url(/static/default/web/img/search.png) no-repeat center;
     position: absolute;
     right: 5px;
     top: 0;
     cursor: pointer
 }

 .search .search-group {
     display: none
 }

 /*语言*/
 .language-box {
     position: relative;
     float: right;
     margin: 0 1% 0 3%
 }

 .langbtn {
     display: block;
     font-size: 14px;
     width: auto;
     height: 90px;
     line-height: 90px;
     color: #b00f07;
 }

 .langbtn span {
     padding: 2px 8px;
     border-radius: 20px;
     border: 1px solid #b00f07;
     color: #b00f07;
     text-transform: capitalize
 }

 .langbtn span::after {
     display: inline-block;
     content: '';
     width: 0;
     height: 0;
     border-top: 7px solid #b00f07;
     border-right: 6px solid transparent;
     border-left: 6px solid transparent;
     margin-left: 3px;
     vertical-align: middle;
     border-radius: 2px;
 }

 .language {
     display: block;
     min-width: 100px;
     position: absolute;
     top: 80px;
     left: -20px;
     z-index: 99;
     padding: 15px 20px;
     border-radius: 15px;
     background: #fff;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
 }

 .language p {
     height: 30px;
     line-height: 30px;
     overflow: hidden
 }

 .language p.on {
     display: none
 }

 .language-box:hover .language {
     display: block;
     opacity: 1;
     visibility: visible;
     transition: all 0.5s ease-in-out;
     transform: translateY(0);
 }

 .langbtn:hover span::after {
     transform: rotateY(180deg);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 /*底部*/
 .footer {
     background: #262626;
     color: #999;
     padding: 50px 0;
     box-shadow: 0px 0px 10px 0px #eee;
     border-top: 5px solid #b00f07;
     margin-top: 3%
 }

 #footer {
     margin-top: 0
 }

 .foot-nav {
     float: left;
     width: 76%;
 }

 .foot-nav a {
     color: #999
 }

 .foot-nav ul {}

 .foot-nav ul li {
     float: left;
     margin-right: 9%;
     line-height: 24px;
 }

 .foot-nav ul li h3 {
     font-size: 20px;
     margin-bottom: 20px;
     color: #eee
 }

 .foot-nav ul li h3::after {
     background: #ccc;
     display: block;
     content: "";
     width: 70px;
     height: 1px;
     margin: 12px 0
 }

 .foot-nav ul li p {
     margin-bottom: 10px;
 }

 .foot-nav ul li.foot-info {
     width: 42%;
     max-width: none;
     margin-right: 0
 }

 .foot-nav ul li.foot-info p {
     position: relative
 }

 .foot-nav ul li.foot-info p span {
     display: table-cell;
     min-width: 50px;
 }

 .foot-feedback {
     position: relative;
     float: right;
     width: 23%;
 }

 .foot-feedback form {
     padding-top: 0px
 }

 .foot-feedback .form-group {
     margin-bottom: 15px
 }

 .foot-feedback .form-code img {
     background: #fff
 }

 .foot-feedback label.mt-checkbox {
     display: inline-block;
     margin: 10px 5% 10px 0;
     cursor: pointer
 }

 .foot-feedback textarea {
     border: 1px solid #ddd;
     width: 100%;
     min-height: 100px;
     padding: 10px 15px;
     box-sizing: border-box;
     border-radius: 20px;
     background: none;
     color: #fff;
     font-family: Arial, Helvetica, sans-serif
 }

 .foot-feedback input[type=text] {
     display: inline-block;
     vertical-align: middle;
     border: 1px solid #ddd;
     background: none;
     border-radius: 30px;
     width: 100% !important;
     height: 42px;
     line-height: 42px;
     text-indent: 15px;
     color: #fff;
     background-position: 95% center;
     background-repeat: no-repeat;
     background-size: auto 20px;
 }

 /* .foot-feedback input#dr_title { background-image:url(../image/feedback1.png); } */
 .foot-feedback input#dr_phone {
     background-image: url(../image/feedback2.png);
 }

 .foot-feedback input[type=radio],
 .foot-feedback input[type=checkbox] {
     width: 20px;
     height: 20px;
     vertical-align: middle;
     -webkit-appearance: none;
     background-color: #fff;
     border: 1px solid #ddd;
     margin-right: 5px;
     position: relative
 }

 .foot-feedback .form-btn button {
     background: #b00f07;
     width: 100%;
 }

 .foot-feedback input[type=checkbox]:checked::after {
     content: "✓";
     font-size: 12px;
     font-weight: bold;
     color: #b00f07;
     border-radius: 3px;
     margin-left: 4px;
 }

 .copyright {
     background: #262626;
     color: #a8a8a8;
     padding: 20px 0;
     border-top: 1px solid #464545
 }

 .copyright a {
     color: #a8a8a8
 }

 .copyright .top-share a {
     opacity: 0.7;
     filter: alpha(Opacity=70);
     -moz-opacity: 0.7;
 }


 /*客服*/
 .bottom_tools {
     position: fixed;
     z-index: 99;
     right: 5px;
     top: 45%;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .bottom_tools dl {
     margin-bottom: 8px;
     border-radius: 30px;
     border-bottom: 1px solid #eee;
     -webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
 }

 .bottom_tools dd a {
     position: relative;
     display: block;
     width: 48px;
     height: 48px;
     line-height: 48px;
     border-bottom: 1px solid #ddd;
     background-color: #fff;
     background-repeat: no-repeat;
     background-position: center;
     background-size: 24px auto;
     cursor: pointer;
     -webkit-filter: grayscale(99%);
     -moz-filter: grayscale(99%);
     -ms-filter: grayscale(99%);
     -o-filter: grayscale(99%);
     filter: grayscale(99%);
     filter: gray;
 }

 .bottom_tools dd a:hover,
 .bottom_tools a.cerrar {
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
     filter: none;
 }

 .bottom_tools dd a.tool_email {
     background-image: url(../img/14.png);
     background-position: center 20px;
     padding-top: 5px;
     border-radius: 30px 30px 0 0;
 }

 .bottom_tools dd a.tool_whatsapp {
     background-image: url(../img/15.png);
 }

 .bottom_tools dd a.tool_whatsapp p {
     display: none;
     position: absolute;
     right: 48px;
     top: -1px;
     width: 200px;
     height: 48px;
     border: 1px solid #ddd;
     border-right: none;
     overflow: hidden;
     color: #333;
     text-align: center;
     font-size: 18px;
     background: #fff;
 }

 .bottom_tools dd a.tool_whatsapp:hover p {
     display: block;
 }

 .bottom_tools dd a.tool_feedback {
     background-image: url(../img/16.png);
     background-position: center 13px;
 }

 .bottom_tools dd a.tool_qr {
     background-image: url(../img/18.png);
     border: none;
     padding-bottom: 5px;
     background-position: center 13px;
     border-radius: 0 0 30px 30px;
 }

 #scrollup {
     display: none;
     border-radius: 30px;
     width: 45px;
     height: 45px;
     margin: 0 auto;
     text-align: center;
     line-height: 40px;
     background: #b00f07
 }

 #scrollup::after {
     display: inline-block;
     content: '';
     width: 0;
     height: 0;
     border-bottom: 14px solid #fff;
     border-right: 10px solid transparent;
     border-left: 10px solid transparent;
     vertical-align: middle;
     border-radius: 2px;
 }

 .qr_img {
     position: absolute;
     top: 0px;
     right: 58px;
     z-index: 99;
     padding: 5px;
     border: 1px solid #ddd;
     background: #fff;
     display: none;
 }

 .qr_img img {
     width: 200px;
     max-width: none
 }

 .cart {
     position: relative;
     background-image: url(../image/cart.png);
 }

 .cart span {
     position: absolute;
     right: 3px;
     top: 4px;
     background: #3fa5f0;
     color: #fff;
     display: inline-block;
     width: 20px;
     height: 20px;
     line-height: 20px;
     font-size: 13px;
     border-radius: 50%;
     text-align: center;
 }

 .tools_hide {
     right: -60px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 #tools_btn {
     position: fixed;
     z-index: 99;
     right: 5px;
     top: 45%;
     margin-top: -50px;
     border-radius: 30px;
     width: 45px;
     height: 45px;
     margin-bottom: 5px;
     font-size: 0;
     cursor: pointer;
     background-color: #fff;
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(../image/right.png);
     background-size: 12px auto;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     -webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
 }

 #tools_btn.open {
     transform: rotateY(180deg);
 }


 .feedback_box {
     position: fixed;
     width: 280px;
     top: 45%;
     margin-top: -100px;
     right: 62px;
     z-index: 98;
     padding: 8px;
     border: 1px solid #b00f07;
     border-radius: 8px;
     background: #b00f07;
     display: none;
 }

 .feedback_box>h3 {
     color: #fff;
     font-size: 14px;
     margin: 5px 5px 10px 5px;
     text-align: center
 }

 .feedback_box form {
     background: #fff;
     padding: 15px;
     border-radius: 10px;
 }

 .feedback_box form input {
     height: 35px;
     line-height: 35px;
     border-radius: 5px;
     border: 1px solid #aaa;
     margin-bottom: 15px;
     width: 100%;
     text-indent: 10px;
     box-sizing: border-box
 }

 .feedback_box form textarea {
     height: 80px;
     line-height: 22px;
     border-radius: 5px;
     border: 1px solid #aaa;
     margin-bottom: 15px;
     width: 100%;
     padding: 5px 10px;
     box-sizing: border-box
 }

 .feedback_box form .form-btn button {
     width: 100%;
     margin: 0px;
     font-size: 14px;
 }

 @media screen and (max-width: 1350px) {
     .search {
         padding: 0 2%;
         margin-left: 4%;
     }

     .nav li {
         margin: 0 15px;
     }

     .nav li>a {
         font-size: 16px;
     }
 }

 @media screen and (max-width: 1120px) {
     .header .wrapper {}

     .header .logo {
         margin-top: 20px;
     }

     .header .logo img {
         height: 24px
     }

     .navbox {
         background: #fff;
         float: none;
         padding: 10px 15px;
         position: absolute;
         top: 70px;
         right: 0;
         z-index: 1000;
         display: none;
         width: 300px
     }

     .nav {
         height: auto;
         min-width: 200px;
     }

     .nav li {
         position: relative;
         float: none;
     }

     .nav li>a {
         margin: 5px 10px;
         line-height: 45px;
         font-size: 16px
     }

     .navbtn {
         display: block;
         height: 40px;
         width: 40px;
     }


     .search {
         float: none;
         position: absolute;
         right: 0;
         top: 40px;
         display: none
     }

     .searchbtn {
         height: 70px;
         line-height: 70px;
     }

     .langbtn {
         height: 70px;
         line-height: 70px;
     }

     .language {
         top: 60px;
     }

     .footer {
         padding: 30px 0
     }

     .foot-nav {
         float: none;
         width: 100%;
         margin-bottom: 30px
     }

     .foot-nav ul li {
         width: 22%;
         min-width: auto
     }

     .foot-feedback {
         float: none;
         width: 100%;
     }

     .nav li .nav-list {
         z-index: 21;
         position: relative;
         display: none;
         top: auto;
         left: auto
     }

     .nav li .nav-list dl dd .nav-list-sub,
     .nav li .nav-list dl dd i {
         display: none !important
     }

 }

 @media screen and (max-width: 750px) {
     .top {
         display: none;
     }

     .foot-nav {
         display: none;
     }

     .copyright .top-share {
         position: relative;
         float: none;
         text-align: center;
         margin-top: 10px;
     }

     .copyright {
         padding: 10px 0;
         font-size: 12px;
         text-align: center
     }

 }


 /*栏目标题*/
 .title {
     margin: 3% auto;
     font-size: 18px;
     color: #333
 }

 .title h2 {
     font-size: 28px;
     line-height: 1.4;
     font-weight: bold;
     margin-bottom: 8px;
     letter-spacing: 1px;
     text-transform: uppercase;
 }

 .title p {
     font-size: 16px;
     line-height: 1.4;
     color: #777;
 }

 .title h2:after {
     content: "";
     display: block;
     width: 80px;
     height: 3px;
     background: #b00f07;
     margin: 15px auto;
     border-radius: 5px
 }

 .title.white {
     color: #fff
 }

 .title.white p:after {
     background: #eee
 }

 /*更多*/
 .imore {
     margin: 3% auto;
 }

 .imore a {
     display: inline-block;
     height: 40px;
     line-height: 40px;
     padding: 3px 40px;
     border-radius: 30px;
     font-size: 14px;
     color: #fff;
     background: #b00f07;
 }

 .imore a:hover {}


 /*栏目图*/
 .column-bg {
     position: relative;
     width: 100%;
     height: 350px;
     padding: 2% 0;
     background-color: #f4f4f4;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }

 .column-bg .wrapper {
     position: relative;
     height: 350px;
 }

 .columntit {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     line-height: 1.4;
     font-size: 18px;
     color: #fff;
     text-shadow: 0 1px 1px rgba(100, 100, 100, 0.5);
     -webkit-animation: columntit 1.5s;
     animation: columntit 1.5s;
     /* text-shadow: 0 2px 2px rgba(0,0,0,0.5);*/
 }

 .columntit.blue {
     color: #b00f07
 }

 .columntit h1 {
     font-size: 30px;
     margin-bottom: 10px;
     font-weight: bold;
     text-transform: uppercase;
     text-shadow: 0 2px 2px rgba(100, 100, 100, 0.5);
 }

 .columntit h3 {
     font-size: 28px;
 }

 @-webkit-keyframes columntit {
     0% {
         bottom: 10%;
         opacity: 0;
     }

     100% {
         bottom: 0;
         opacity: 1;
     }
 }

 @keyframes columntit {
     0% {
         bottom: 10%;
         opacity: 0;
     }

     100% {
         bottom: 0;
         opacity: 1;
     }
 }

 .column {
     position: relative;
     margin-bottom: 3%;
     padding: 0px 0;
     background: #fff;
     border-bottom: 1px solid #eee;
     z-index: 9;
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
 }

 .column ul {
     float: left
 }

 .column ul li {
     position: relative;
     float: left;
     text-transform: capitalize;
     margin-right: 40px;
     padding: 10px 0px;
     line-height: 50px
 }

 .column ul li>a {
     display: block;
     font-size: 16px;
     position: relative;
     padding: 0px 0px;
 }

 .column ul li>a::after {
     background: #b00f07;
     display: block;
     content: "";
     width: 0;
     height: 2px;
     position: absolute;
     bottom: -10px;
     left: 0;
     z-index: -1
 }

 .column ul li.active>a::after {
     width: 100%
 }

 .column ul li.active>a {
     color: #b00f07
 }

 .column ul li>a i {
     display: inline-block;
     height: 8px;
     width: 8px;
     border-width: 0 2px 2px 0;
     border-color: #777;
     border-style: solid;
     -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
     transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
     margin-left: 8px;
     vertical-align: middle;
     margin-top: -6px;
     border-radius: 1px;
 }

 .column ul li.active>a i {
     border-color: #b00f07
 }

 .column .back {
     position: absolute;
     right: 50px;
     top: 50%;
     margin-top: -15px;
     padding-left: 35px;
     background: url(../image/back.png) no-repeat center left;
     background-size: 24px auto;
     font-size: 18px;
     color: #666;
 }

 .column-subnav {
     display: none;
     background: #fff;
     width: auto;
     padding: 15px 0;
     position: absolute;
     left: 0;
     top: 100%;
     z-index: 11;
     -webkit-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     -moz-box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
     box-shadow: 0 2px 5px 2px rgba(100, 100, 100, .2);
 }

 .column-subnav dd a {
     height: 40px;
     line-height: 40px;
     padding: 0 20px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 16px;
 }

 .column-subnav dd.active>a {
     color: #b00f07
 }

 .column ul li:hover .column-subnav {
     display: block
 }


 /*面包屑*/
 .breadcrumb {
     float: right;
     font-size: 14px;
     line-height: 70px;
     height: 70px;
     background: url(/static/default/web/img/home.png) no-repeat center left;
     background-size: 16px auto;
     color: #777;
     padding: 0 0 0 22px;
 }

 .breadcrumb a {
     display: inline-block;
     color: #777
 }

 .breadcrumb i {
     display: inline-block;
     margin: 0 1px;
     font-style: normal;
     font-family: "Simsun";
 }

 .breadcrumb .fa-circle {
     width: 10px;
     height: 12px;
     background-image: url(../img/28.png)
 }

 /*** 分页样式 **/
 .search-pagination {
     padding: 2% 0;
     clear: both;
     text-align: center;
     height: auto;
 }

 .search-pagination ul li {
     display: inline-block;
     line-height: 40px;
     height: 40px;
     border-radius: 50px;
     margin: 0 5px;
     overflow: hidden;
     background: #fff;
     border: 1px solid #ddd
 }

 .search-pagination ul li a {
     color: #555;
     display: inline-block;
     min-width: 40px;
 }

 .search-pagination ul li.total a {
     padding: 0px 20px;
 }

 .search-pagination ul li:hover {
     color: #f5a411;
     text-decoration: none;
 }

 .search-pagination ul li:hover a {
     color: #f5a411;
 }

 .search-pagination ul li.active,
 .search-pagination ul li.active a,
 .pagebox ul li.active a:hover {
     color: #fff;
     background: #b00f07
 }

 .search-pagination ul li.active {}

 @media screen and (max-width: 1200px) {
     .title {
         font-size: 16px;
     }

     .title h2 {
         font-size: 24px;
         margin-bottom: 5px;
     }

     .title p {
         font-size: 15px;
         line-height: 1.4;
         color: #777;
     }


     .column-bg {
         height: 220px
     }

     .column-bg .wrapper {
         height: 220px
     }

     .columntit h1 {
         font-size: 24px;
     }

     .columntit h3 {
         font-size: 20px;
     }

 }

 @media screen and (max-width: 750px) {
     .title {
         font-size: 15px;
     }

     .title h2 {
         font-size: 20px;
         margin-bottom: 5px;
     }

     .title p {
         font-size: 14px;
         line-height: 1.4;
         color: #777;
     }

     .title h2:after {
         width: 60px;
         margin: 10px auto;
         border-radius: 5px
     }

     /*面包屑*/
     .breadcrumb {
         padding: 6px 0;
         font-size: 12px;
         line-height: 30px;
         height: auto;
         display: none
     }

     .breadcrumb .home {
         padding-left: 20px;
         background-size: 14px auto
     }

     /*** 分页样式 **/
     .search-pagination ul li {
         line-height: 30px;
         height: 30px;
         margin: 0 3px;
     }

     .search-pagination ul li a {
         padding: 0px 12px;
     }

     .column-bg {
         height: 180px
     }

     .column-bg .wrapper {
         height: 180px
     }

     .columntit h1 {
         font-size: 20px;
     }

     .columntit h3 {
         font-size: 18px;
     }

 }


 /* banner */
 .banner {
     position: relative;
     margin-bottom: 5%;
 }

 .swiper-banner .swiper-slide {
     position: relative;
 }

 .swiper-banner .swiper-slide .swiper-slide img {
     width: 100%
 }

 .swiper-banner .swiper-slide .detail {
     position: absolute;
     width: 40%;
     max-width: 700px;
     left: 24%;
     top: 30%;
     height: auto;
     font-size: 24px;
     opacity: 0;
     transition: All 0.8s ease;
     -webkit-transition: All 0.8s ease;
     -moz-transition: All 0.8s ease;
     -o-transition: All 0.8s ease;
 }

 .swiper-banner .swiper-slide .detail a {
     color: #fff
 }

 .swiper-banner .swiper-slide-active .detail {
     top: 15%;
     opacity: 1;
 }

 .swiper-banner .swiper-slide-active .detail h2 {
     font-size: 48px;
     line-height: 1.1;
     font-weight: bold;
     margin-bottom: 15px;
 }

 .swiper-banner .swiper-slide-active .detail img {
     max-width: 100%;
     height: auto !important
 }

 .banner .swiper-button-prev {
     background-image: url(../image/banner_left.png);
 }

 .banner .swiper-button-next {
     background-image: url(../image/banner_right.png);
 }

 .banner .swiper-button-prev,
 .banner .swiper-button-next {
     display: none
 }

 .banner:hover .swiper-button-prev,
 .banner:hover .swiper-button-next {
     display: block
 }


 .banner .swiper-container .swiper-pagination {
     bottom: 5%;
     text-align: center;
     left: 0;
 }

 .banner .swiper-container .swiper-pagination-bullet {
     opacity: 1;
     position: relative;
     width: 30px;
     height: 3px;
     border-radius: 3px;
     margin: 0 8px;
     background-color: rgba(230, 230, 230, 0.8);
     transition: background-color .5s ease;
 }

 .banner .swiper-container .swiper-pagination-bullet-active {
     width: 50px;
 }

 .banner .swiper-container .swiper-pagination-bullet::before {
     display: block;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(176, 15, 7, 0.8);
     transform: scaleX(0);
     transform-origin: 0 0;
 }

 .banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
     animation: sliderPagination 6s linear forwards
 }

 .banner .swiper-container .swiper-pagination-bullet:hover {
     background-color: #fff;
 }

 @keyframes sliderPagination {
     100% {
         transform: scaleX(1);
         opacity: 1;
     }
 }





 /*产品中心*/
 .iproduct {
     margin: 5% auto;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% auto;
     /*background-attachment: fixed;*/
 }

 .iproduct-list {
     position: relative;
 }

 .iproduct-list ul li {
     position: relative;
     width: 49.45%;
     height: auto;
     float: left;
     margin-bottom: 1%;
     margin-right: 1.1%;
     background-color: #f2f2f2;
     transition: All 0.8s ease;
     -webkit-transition: All 0.8s ease;
     -moz-transition: All 0.8s ease;
     -o-transition: All 0.8s ease;
 }

 .iproductul1 .li2,
 .iproductul2 li.li3 {
     margin-right: 0;
 }

 .iproduct-list ul li .text {
     position: absolute;
     top: 10%;
     left: 40px;
     max-width: 80%;
     height: 80%;
     overflow: hidden;
 }

 .iproduct-list ul li .text h3 {
     font-size: 22px;
     line-height: 1.2;
     margin-bottom: 10px;
     color: #222
 }

 .iproduct-list ul li .text h4 {
     font-size: 18px;
     line-height: 1.2;
     margin-bottom: 10px;
     color: #383838;
     min-height: 32px;
     display: none;
 }

 .iproduct-list ul li .text p {
     color: #888
 }

 .iproduct-list ul li .text a.more {
     display: none;
     margin: 30px 0 0 0;
     font-size: 14px;
     border-radius: 30px;
     padding: 6px 32px;
     text-transform: capitalize;
     border: 1px solid #b00f07;
     color: #b00f07;
 }

 .iproduct-list ul li .text a.more:hover {
     background: #b00f07;
     color: #fff
 }

 .iproduct-list ul li .zoom {
     border: 1px solid #eee;
     padding-bottom: 420px;
     background-color: #eee;
 }

 .iproduct-list ul li .zoom span {
     background-position: center
 }

 @media screen and (max-width: 1500px) {
     .iproduct-list ul li .zoom {
         padding-bottom: 380px;
     }
 }

 @media screen and (max-width: 1400px) {
     .iproduct-list ul li .zoom {
         padding-bottom: 350px;
     }
 }

 @media screen and (max-width: 1200px) {
     .iproduct-list ul li .zoom {
         padding-bottom: 300px;
     }
 }

 .iproductul1 li.on {
     width: 50%;
     transition: All 0.8s ease;
     -webkit-transition: All 0.8s ease;
     -moz-transition: All 0.8s ease;
     -o-transition: All 0.8s ease;
 }

 .iproductul1 li.on .text a.more {
     display: inline-block;
 }

 .iproductul2 {
     display: flex;
     flex-direction: row;
 }

 .iproductul2 li {
     flex: 1;
     height: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: none;
     transition: flex 0.8s ease;
 }

 .iproductul2 li:hover {
     flex: 3;
 }

 .iproductul2 li:hover .text a.more {
     display: inline-block;
 }


 .imagesshow {
     width: 100%;
     height: 500px;
     margin: 0 auto;
     overflow: hidden
 }

 .imagesshow li {
     float: left;
     position: relative;
     width: 15%;
     height: 100%;
     overflow: hidden;
     cursor: pointer;
     background: #333;
     text-align: center
 }

 .imagesshow li>img {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     object-fit: cover;
     width: 100%;
     height: 100%;
     max-width: none;
     filter: alpha(Opacity=60);
     -moz-opacity: 0.6;
     opacity: 0.6;
 }

 .imagesshow li .text {
     position: absolute;
     top: 10%;
     left: 0px;
     width: 100%;
     height: 100%;
     font-size: 16px;
     color: #fff;
     text-align: center;
 }

 .imagesshow li .text h3 {
     font-size: 30px;
     margin-bottom: 15px;
     text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
 }

 .imagesshow li.active {
     z-index: 3;
     width: 40%;
 }

 .imagesshow li.active .text {
     display: block;
     text-align: left;
     left: 10%;
 }

 .imagesshow li.active img {
     filter: alpha(Opacity=100);
     -moz-opacity: 1;
     opacity: 1;
 }

 .imagesshow li .text .txt {
     color: #fff;
     filter: alpha(Opacity=0);
     -moz-opacity: 0;
     opacity: 0;
 }

 .imagesshow li .text .more {
     display: inline-block;
     height: 32px;
     line-height: 32px;
     padding: 1px 30px;
     border-radius: 30px;
     font-size: 14px;
     color: #b00f07;
     background: none;
     border: 1px solid #b00f07;
     text-transform: uppercase;
     margin-top: 30px;
 }

 .imagesshow li .text .more:hover {
     color: #fff;
     background: #b00f07;
     border: 1px solid #b00f07;
 }

 .imagesshow li.active .text .txt {
     filter: alpha(Opacity=100);
     -moz-opacity: 1;
     opacity: 1;
 }



 /*首页行业*/
 .icase-box {
     position: relative;
     padding: 3% 0;
     overflow: hidden;
     background-image: url(../image/icasebg.jpg);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .icase {
     position: relative;
     margin: 5% auto;
     z-index: 1;
 }

 .icase .swiper-icase {
     text-align: center;
 }

 .icase .swiper-icase .swiper-wrapper {}

 .icase .swiper-button-prev {
     left: -90px
 }

 .icase .swiper-button-next {
     right: -90px
 }

 .swiper-icase li {
     position: relative
 }

 .swiper-icase li a {
     display: block;
     padding: 15px;
     background: #fff
 }

 .swiper-icase li a .zoom {
     padding-bottom: 110%
 }

 .swiper-icase li .txt {
     color: #666;
     padding: 20px 0;
     text-align: left;
     min-height: 120px;
 }

 .swiper-icase li .txt h3 {
     color: #333;
     display: block;
     font-size: 20px;
     margin-bottom: 10px;
     line-height: 1.2
 }

 .swiper-icase li .txt p {}

 .swiper-icase li::after {
     display: block;
     content: "";
     width: 0;
     padding: 0px;
     height: 5px;
     background: #b00f07;
     position: absolute;
     bottom: 0;
     left: 0;
 }

 .swiper-icase li:hover::after {
     width: 100%;
     left: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }


 /*关于*/
 .iabout {
     position: relative;
     background: #fff;
     margin: 5% auto 0 auto;
     font-size: 17px;
     line-height: 2.2;
     text-align: justify;
     text-justify: inter-ideograph;
 }

 .iabout-l {
     width: 42%;
     height: 100%;
     padding: 1% 0;
     background: #fff;
     position: relative;
     float: left;
     font-size: 16px;
     line-height: 2;
     text-align: justify;
     text-justify: inter-ideograph;
 }

 .iabout .title {
     margin-bottom: 5%
 }

 .iabout .title h2:after {
     width: 70px;
     margin: 10px 0;
 }

 .iabout .imore a {
     margin: 4% 0 0 0;
 }

 .iabout-r {
     width: 52%;
     float: right;
     position: relative;
     margin-left: 3%;
     margin-bottom: 20px
 }

 /*.iabout-r img { width:100% }*/

 .iabout-menu {
     padding: 3% 5%;
     background: #f3f3f3;
     margin: 2% auto 5% auto
 }

 .iabout-menu ul li {
     width: 25%;
     float: left;
     text-align: center
 }

 .iabout-menu ul li a {
     display: block;
     border-right: 1px solid #ccc
 }

 .iabout-menu ul li:first-child a {
     border-left: 1px solid #ccc
 }

 .iabout-menu ul li p {
     text-transform: uppercase;
     margin: 10px auto;
     font-size: 16px;
     color: #b00f07
 }

 .iabout-menu ul li:hover img {
     transform: rotateY(180deg);
     transition: All 0.8s ease;
     -webkit-transition: All 0.8s ease;
     -moz-transition: All 0.8s ease;
     -o-transition: All 0.8s ease;
 }

 /*首页新闻*/
 .inews-box {
     position: relative;
     padding: 3% 0;
     overflow: hidden;
     background-position: center top;
     background-repeat: no-repeat;
     background-size: 100% auto;
     background: #e0eefa;
 }

 .inews {
     position: relative;
     margin: 5% auto;
     z-index: 1;
 }

 .inews .swiper-inews {
     text-align: center;
 }

 .inews .swiper-inews .swiper-wrapper {}

 .inews .swiper-button-prev {
     left: -90px
 }

 .inews .swiper-button-next {
     right: -90px
 }

 .swiper-inews li .txt {
     color: #777;
     padding: 20px 0;
     text-align: left
 }

 .swiper-inews li .txt h3 a {
     display: block;
     font-size: 20px;
     color: #333
 }

 .swiper-inews li:hover .txt h3 a {}

 .swiper-inews li .txt p {
     margin: 10px 0
 }


 @media screen and (max-width: 750px) {


     /*产品中心*/
     .iproduct-list ul li .zoom {
         padding-bottom: 200px;
     }

     .iproductul1 .li2,
     .iproductul2 li.li3 {}

     .iproduct-list ul li .text {
         position: absolute;
         top: 15px;
         left: 15px;
         max-width: 70%;
         height: 80%;
         overflow: hidden;
     }

     .iproduct-list ul li .text h3 {
         font-size: 16px;
         line-height: 1.2;
         font-weight: bold;
         margin-bottom: 5px;
         color: #383838
     }

     .iproduct-list ul li .text h4 {
         font-size: 14px;
         line-height: 1.2;
         margin-bottom: 5px;
         color: #383838;
         min-height: 22px;
     }

     .iproduct-list ul li .text a.more {
         margin: 20px 0 0 0;
         font-size: 12px;
         padding: 3px 22px;
     }

     /*首页行业*/
     .icase-box {
         position: relative;
         padding: 3% 0;
         overflow: hidden;
         background-image: url(../image/icasebg.jpg);
         background-position: center top;
         background-repeat: no-repeat;
         background-size: cover;
     }

     .icase {
         position: relative;
         margin: 5% auto;
         z-index: 1;
     }

     .icase .swiper-icase {
         text-align: center;
     }

     .icase .swiper-icase .swiper-wrapper {}

     .icase .swiper-button-prev {
         left: -90px
     }

     .icase .swiper-button-next {
         right: -90px
     }

     .swiper-icase li {
         position: relative
     }

     .swiper-icase li a {
         display: block;
         padding: 10px;
         background: #fff
     }

     .swiper-icase li a .zoom {
         padding-bottom: 110%
     }

     .swiper-icase li .txt {
         color: #666;
         padding: 12px 0;
         text-align: left;
         min-height: 120px;
         font-size: 12px;
         line-height: 1.4
     }

     .swiper-icase li .txt h3 {
         color: #222;
         display: block;
         font-size: 16px;
         margin-bottom: 5px;
     }

     .swiper-icase li .txt p {}

     .swiper-icase li::after {
         display: block;
         content: "";
         width: 0;
         padding: 0px;
         height: 5px;
         background: #b00f07;
         position: absolute;
         bottom: 0;
         left: 0;
     }

     .swiper-icase li:hover::after {
         width: 100%;
         left: 0;
         -webkit-transition: all 300ms ease;
         -moz-transition: all 1s ease;
         -o-transition: all 1s ease;
         transition: all 1s ease;
     }


     /*关于*/
     .iabout {
         position: relative;
         margin: 5% auto 0 auto
     }

     .iabout-l {
         float: none;
         width: 100%;
         padding: 1% 0;
         background: #fff;
         position: relative;
         font-size: 15px;
         line-height: 1.8;
     }

     .iabout-l .title {
         margin: 5% auto
     }

     .iabout-r {
         float: none;
         width: 100%;
         position: relative;
         font-size: 16px;
         line-height: 2;
         margin: 20px auto
     }

     .iabout-r img {
         width: 100%
     }

     .iabout-menu {
         padding: 20px 5%;
         background: #f3f3f3;
         margin: 2% auto 5% auto
     }

     .iabout-menu ul li {
         width: 50%;
         float: left;
         text-align: center;
         margin: 10px 0;
     }

     .iabout-menu ul li a {
         display: block;
     }

     .iabout-menu ul li:first-child a {}

     .iabout-menu ul li p {
         text-transform: uppercase;
         margin: 6px auto;
         font-size: 14px;
         color: #b00f07
     }

     .iabout-menu ul li img {
         height: 40px;
     }

     .iabout-menu ul li:hover img {
         transform: rotateY(180deg);
         transition: All 0.8s ease;
         -webkit-transition: All 0.8s ease;
         -moz-transition: All 0.8s ease;
         -o-transition: All 0.8s ease;
     }




     /*首页新闻*/
     .inews-box {
         position: relative;
         padding: 3% 0;
         overflow: hidden;
         background-image: url(../image/inewsbg.jpg);
         background-position: center top;
         background-repeat: no-repeat;
         background-size: 100% auto;
     }

     .inews {
         position: relative;
         margin: 5% 50px;
         z-index: 1;
     }

     .inews .swiper-inews {
         text-align: center;
     }

     .inews .swiper-inews .swiper-wrapper {}

     .inews .swiper-button-prev {
         left: -50px
     }

     .inews .swiper-button-next {
         right: -50px
     }

     .swiper-inews li .txt {
         color: #777;
         padding: 10px 0;
         text-align: left
     }

     .swiper-inews li .txt h3 a {
         display: block;
         font-size: 16px;
         color: #333;
         line-height: 1.4
     }

     .swiper-inews li:hover .txt h3 a {}

     .swiper-inews li .txt p {
         margin: 3px 0
     }


 }





 /*--------------- ---------------*/
 /*关于*/
 .about {
     background: #fff;
     margin: 4% auto
 }

 .about .title h2:after {}

 .about-txt {
     font-size: 16px;
     line-height: 2;
 }

 .about-txt img {
     max-width: 40%;
     float: right;
     margin-left: 3%
 }

 @media screen and (max-width: 750px) {
     .about-txt img {
         max-width: 100%;
         float: none;
         margin-left: 0;
         margin-bottom: 15px;
     }
 }


 /*文化*/
 .culture {
     margin: 3% auto 0 auto;
     padding: 1% 0 2% 0;
     /* background: url(../image/culturebg.jpg) no-repeat center; */
     background-size: cover;
     background: #f6f6f6;
 }

 .culture li .pic {
     padding: 5px;
 }

 .culture li .pic .zoom {
     padding-bottom: 120%;
 }

 .culture li .pic .zoom span {}

 .culture li .txt {
     font-size: 16px;
     margin: 10px auto;
     text-align: center
 }

 .culture .swiper-container-horizontal>.swiper-pagination-bullets {
     position: relative;
     margin: 20px auto;
     bottom: auto
 }


 /*荣誉*/
 .honor {
     padding: 3% 0;
     background: url(../image/honorbg.jpg) no-repeat center;
     background-size: cover;
     background-attachment: fixed;
 }

 .honor-text {
     width: 70%;
     color: #aaa;
     margin-bottom: 5%;
     min-height: 120px
 }

 .honor .swiper {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: auto;
     margin-left: auto;
     margin-right: auto;
 }

 .honor .myswiper2 {
     width: 48%;
     float: left;
     height: auto;
 }

 .honor .myswiper2 .swiper-slide img {
     width: 100%;
     height: 100%;
     padding: 10px;
     border-radius: 1px;
     background-color: rgba(255, 255, 255, .5);
     box-sizing: border-box;
     object-fit: cover;
 }

 .honor .myswiper {

     height: auto;
     box-sizing: border-box;
     text-align: center;
 }

 .honor .myswiper .swiper-slide {
     opacity: 1;
     height: auto;
 }

 .honor .myswiper .swiper-slide:hover {
     cursor: pointer
 }

 .honor .myswiper .swiper-slide-thumb-active {
     opacity: 1;
 }

 .honor .myswiper .swiper-slide img {
     width: 100%;
     height: 100%;
     padding: 5px;
     border-radius: 1px;
     background-color: rgba(255, 255, 255, .6);
     box-sizing: border-box;
     object-fit: cover;
 }

 .honor .myswiper .swiper-slide-thumb-active img {
     background-color: #b00f07;
 }

 .honor .myswiper .swiper-slide:hover img {
     background-color: #b00f07;
 }


 .honor .swiper-button-prev,
 .honor .swiper-button-next {
     display: inline-block;
     width: 40px;
     height: 40px;
     position: relative;
     top: auto;
     left: auto;
     right: auto;
     background-color: rgba(255, 255, 255, .4);
     border-radius: 50%;
     background-image: url(../image/inext.png);
     margin: 30px 10px
 }

 .honor .swiper-button-prev {
     background-image: url(../image/iprev.png);
 }

 .philosophy {
     margin: 5% auto
 }

 .philosophy-txt {
     width: 48%;
     float: left;
     font-size: 16px
 }

 .philosophy-img {
     width: 48%;
     float: right;
 }

 .philosophy-img img {
     width: 100%;
 }

 @media screen and (max-width: 1500px) {
     .honor .myswiper .swiper-slide {
         height: auto
     }
 }

 @media screen and (max-width: 750px) {
     .honor .myswiper2 {
         width: 100%;
         float: none;
         height: auto;
         margin: 20px auto;
     }

     .honor .myswiper {
         width: 100%;
         float: none;
         height: auto;
         box-sizing: border-box;
     }

     .honor .myswiper .swiper-slide {}

     .philosophy-txt {
         width: 100%;
         float: none;
         font-size: 16px
     }

     .philosophy-img {
         width: 100%;
         float: none;
         margin: 20px auto
     }
 }


 /*视频*/
 .video {
     position: relative
 }

 .video a {
     display: block;
     position: relative;
     overflow: hidden
 }

 .video a:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     height: 100%;
     cursor: pointer;
     opacity: 0.8;
     filter: alpha(opacity=80);
     transition: opacity 300ms linear;
     background: url(../image/play.png) no-repeat center rgba(0, 0, 0, .05);
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all ease-out .35s;
     transition: all ease-out .35s;
 }

 .video a:hover:after {
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1);
 }

 #video_show {
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: rgba(0, 0, 0, .7);
     z-index: 996;
     display: none;
 }

 #video_box {
     position: absolute;
     text-align: center;
     width: 70%;
     left: 15%;
     top: 10%;
 }

 #video_close {
     position: fixed;
     z-index: 999;
     width: 43px;
     height: 43px;
     top: 20px;
     right: 20px;
 }


 /*加入我们*/
 .join li {
     width: 40%;
     float: left;
     position: relative;
     font-size: 24px;
     color: #fff
 }

 .join li:nth-of-type(1) {
     width: 56%;
     margin-right: 4%
 }

 .join li .zoom {
     padding-bottom: 420px;
 }

 .join li .txt {
     position: absolute;
     left: 6%;
     bottom: 7%;
 }

 .join li .txt h3 {
     font-size: 28px;
 }

 .join .join-con {
     margin: 3% auto;
     padding-top: 60px;
     background: url(../image/marks-l.png) no-repeat left top;
 }

 .join .join-con:after {
     content: '';
     display: block;
     width: 100%;
     height: 60px;
     background: url(../image/marks-r.png) no-repeat center;
 }

 .join-search {
     position: relative;
     margin: 3% auto;
 }

 .join-search .search-form {
     position: relative;
     width: 40%;
     margin: 0px auto;
     border-radius: 30px;
     overflow: hidden;
     border: 1px solid #ccc;
     border-radius: 30px;
     max-width: 550px;
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
 }

 .join-search .search-form input {
     width: 100%;
     height: 46px;
     line-height: 46px;
     border: none;
     background: none;
     border-radius: 30px;
     padding: 0px 20px;
 }

 .join-search .search-form input.btn {
     position: absolute;
     right: 3px;
     top: 3px;
     border-radius: 30px;
     width: 120px;
     height: 40px;
     line-height: 40px;
     padding: 0px 20px;
     background: #b00f07;
     color: #fff;
     cursor: pointer
 }

 .join-list {
     padding: 4% 0 0 0;
 }

 .join-list ul li {
     width: 49%;
     float: left;
     background: #fff;
     margin-bottom: 2%;
 }

 .join-list ul li:nth-of-type(2n) {
     margin-left: 2%
 }

 .join-list ul li .txt {
     padding: 20px;
     color: #666;
     min-height: 120px;
     position: relative;
 }

 .join-list ul li .txt span {}

 .join-list ul li .txt h3 {
     font-size: 18px;
     font-weight: bold;
     color: #333;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #ddd;
 }

 .join-list ul li .txt p {
     line-height: 2
 }

 .join-list ul li .txt .more {
     float: right;
     border: 1px solid #b00f07;
     color: #b00f07;
     font-size: 13px;
     font-weight: normal;
     padding: 4px 18px;
     border-radius: 20px;
 }

 .join-txt .close-reveal {
     font-size: 30px;
     line-height: .5;
     position: absolute;
     top: 20px;
     right: 20px;
     color: #aaa;
     text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
     font-weight: bold;
     cursor: pointer;
 }

 .join-txt {
     background: #fff;
     position: relative
 }

 .join-txt .join-btn {
     position: absolute;
     right: 10px;
     top: 15px;
     display: inline-block;
     border: 1px solid #b00f07;
     background: #b00f07;
     color: #fff;
     font-size: 14px;
     font-weight: normal;
     padding: 5px 20px;
     border-radius: 20px;
 }

 .join-txt h2 {
     font-size: 22px;
     color: #b00f07;
 }

 .join-txt h3 {
     font-size: 14px;
     color: #666;
     border-bottom: 1px solid #ddd;
     margin-bottom: 15px;
     padding-bottom: 10px;
     line-height: 2
 }

 .join-txt h3 span {
     margin-right: 20px;
 }

 /*下载*/
 .download {
     padding: 1% 0;
     font-size: 16px;
     line-height: 30px;
 }

 .download .download-list {
     background: #eee;
     padding: 10px 20px;
     margin-bottom: 30px;
 }

 .download tr th {
     background: #eee;
     padding: 20px;
     text-align: left;
     font-size: 16px;
     text-transform: uppercase
 }

 .download tr td {
     background: #eee;
     padding: 15px 20px;
     text-align: left;
     border-top: 1px solid #e3e3e3;
     text-transform: uppercase;
 }

 .download tr .down-btn {
     display: inline-block;
     width: 60px;
     height: 30px;
     font-size: 0;
     background: url(../image/icon-download.png) no-repeat center;
 }

 /*联系我们*/
 .contact {
     background: #fff;
     margin: 4% auto
 }

 .contact-img {
     width: 43%;
     float: left;
 }

 .contact-img img {
     width: 100%
 }

 .contact-info {
     width: 50%;
     float: right;
 }

 .contact-info>p {
     font-size: 17px;
     margin: 25px auto;
     color: #777;
     padding-left: 30px;
     background-position: left 4px;
     background-repeat: no-repeat;
     background-size: 20px auto
 }

 .contact-info>p.add {
     background-image: url(../image/con-add.png)
 }

 .contact-info>p.tel {
     background-image: url(../image/con-tel.png)
 }

 .contact-info>p.fax {
     background-image: url(../image/con-fax.png)
 }

 .contact-info>p.email {
     background-image: url(../image/con-email.png)
 }


 .contact-share {
     margin: 50px auto 0 auto
 }

 .contact-share a {
     display: inline-block;
     vertical-align: middle;
     width: 30px;
     height: 30px;
     margin: 0 20px 0 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: auto 24px;
 }

 .contact-share .s_list1 {
     background-image: url(../image/twitter2.png)
 }

 .contact-share .s_list2 {
     background-image: url(../image/youtube2.png);
     width: 36px;
 }

 .contact-share .s_list3 {
     background-image: url(../image/pinterest2.png)
 }

 .contact-share .s_list4 {
     background-image: url(../image/facebook2.png)
 }

 .contact-share .s_list5 {
     background-image: url(../image/ins2.png)
 }

 .contact-con {}


 /*表单*/
 .feedback-box {
     position: relative;
     padding: 3% 0;
     background: #eee;
     /* margin-bottom: -3% */
 }

 .feedback {
     position: relative;
     padding: 3% 5%;
     background: #fff;
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
 }

 .feedback form {}

 .feedback .form-group {
     width: 46%;
     float: left;
     margin: 15px 2%
 }

 .feedback .form-code img {
     background: #fff;
     border: 1px solid #ccc;
 }

 .feedback label.mt-checkbox {
     display: inline-block;
     margin: 10px 5% 10px 0;
     cursor: pointer
 }

 .feedback textarea {
     background: none;
     border: 1px solid #ccc;
     width: 100%;
     min-height: 120px;
     padding: 10px;
     box-sizing: border-box;
     color: #555;
     font-family: Arial, Helvetica, sans-serif
 }

 .feedback input[type=text] {
     display: inline-block;
     vertical-align: middle;
     background: none;
     border: 1px solid #ccc;
     width: 100% !important;
     height: 48px;
     line-height: 48px;
     text-indent: 10px;
     color: #555
 }

 .feedback input[type=radio],
 .feedback input[type=checkbox] {
     width: 20px;
     height: 20px;
     vertical-align: middle;
     -webkit-appearance: none;
     background-color: #fff;
     border: 1px solid #ccc;
     margin-right: 5px;
     position: relative
 }

 .feedback input[type=checkbox]:checked::after {
     content: "✓";
     font-size: 12px;
     font-weight: bold;
     color: #b00f07;
     border-radius: 3px;
     margin-left: 4px;
 }

 .feedback input::-webkit-input-placeholder {
     color: #999;
 }

 .feedback input::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #999;
 }

 .feedback input:-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #999;
 }

 .feedback input:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #999;
 }

 .feedback textarea::-webkit-input-placeholder {
     color: #999;
     font-family: Arial, Helvetica, sans-serif
 }

 .feedback textarea:-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #999;
     font-family: Arial, Helvetica, sans-serif
 }

 .feedback textarea:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #999;
     font-family: Arial, Helvetica, sans-serif
 }

 .form-btn {
     text-align: center;
     margin: 2% auto;
 }

 .form-btn button {
     display: inline-block;
     background: #b00f07;
     cursor: pointer;
     border: none;
     color: #fff;
     margin: 10px 0;
     padding: 12px 30px;
     font-size: 16px;
     min-width: 220px;
     border-radius: 30px
 }

 .form-btn button:hover {
     background: #b00f07
 }

 .feedback-list {
     background: #f8f8f8;
     padding: 4%;
     margin-bottom: 3%;
     text-align: center;
 }

 .feedback-list>img {
     max-height: 280px;
 }

 .feedback-listtxt {
     max-width: 800px;
     margin: 5% auto;
     background: #f2f2f2;
     font-size: 18px;
     color: #666;
     line-height: 2;
     border: 1px dashed #ccc;
     padding: 2%;
     text-align: center
 }

 .feedback-listtxt h3 {
     font-size: 45px;
     text-transform: capitalize
 }

 @media screen and (max-width: 750px) {
     .form-btn button {
         padding: 9px 20px;
         font-size: 13px;
     }

 }


 /*新闻*/
 .news-list {
     padding: 1% 0
 }

 .news-list ul li {
     position: relative;
     margin-bottom: 3%;
     background: #fff
 }

 .news-list ul li>div {
     padding: 20px;
 }

 .news-list ul li:nth-of-type(3n+1) {
     margin-right: 0
 }

 .news-list ul li .pic {
     position: relative;
     float: left;
     width: 35%;
 }

 .news-list ul li .pic .zoom {}

 .news-list ul li .text {
     float: right;
     width: 62%;
     color: #666;
     font-size: 15px;
 }

 .news-list ul li .text h3 {
     font-size: 22px;
     font-weight: bold;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin: 30px auto;
 }

 .news-list ul li .text h3 a {
     color: #333;
 }

 .news-list ul li .text p {
     overflow: hidden;
     margin: 20px auto;
 }

 .news-list ul li .text .date {
     position: absolute;
     right: 30px;
     top: 30px;
     display: block;
     font-size: 12px;
     background: #b00f07;
     color: #fff;
     width: 50px;
     height: 50px;
     padding: 5px;
     text-align: center;
     z-index: 99
 }

 .news-list ul li .text .date big {
     display: block;
     font-size: 28px;
     line-height: 1.2
 }

 .news-list ul li .text .more {
     display: block;
     margin: 10% 0 5px 0;
     border: 1px solid #ccc;
     color: #ccc;
     font-size: 24px;
     border-radius: 30px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center
 }

 .news-list ul li:nth-of-type(1)>div {
     padding: 0px;
 }

 /* .news-list ul li:nth-of-type(1) .pic {
     float: left;
     width: 45%;
 }

 .news-list ul li:nth-of-type(1) .text {
     float: right;
     width: 52%;
 } */

 /* .news-list ul li:nth-of-type(1) .text .date {
     left: 50px;
     right: auto;
     top: 0px;
     padding: 10px;
 } */

 /*新闻详情*/
 .news-box {
     padding: 30px;
     background: #fff
 }

 .news-title {
     font-size: 28px;
     margin-bottom: 5px;
     text-align: center;
     color: #222;
     font-weight: bold
 }

 .news-desc {
     margin-bottom: 30px;
     color: #666;
     text-align: center;
     padding-bottom: 25px;
     border-bottom: 1px solid #ddd
 }

 .news-desc small {
     font-size: 16px;
     margin: 2px 6px;
 }

 .news-desc .fa {
     width: 18px;
     height: 16px;
     margin-right: 5px;
     margin-top: -2px
 }

 .news-desc .fa-date {
     background-image: url(../image/icon-date.png)
 }

 .news-desc .fa-hits {
     background-image: url(../image/icon-eye.png)
 }

 .news-desc .fa-author {
     background-image: url(../image/icon-author.png)
 }

 .news-box .news-con {
     margin: 0px auto;
     max-width: 964px;
 }

 .page-prev-next {
     border-top: 1px solid #ddd;
     padding: 30px;
     background: #fff;
     font-size: 18px
 }

 .page-prev-next .page-prev {
     float: left;
     padding-left: 30px;
     background: url(../image/prev.png) no-repeat center left;
 }

 .page-prev-next .page-next {
     float: right;
     padding-right: 30px;
     background: url(../image/next.png) no-repeat center right;
 }






 /*案例*/
 .case-list {
     padding: 1% 0
 }

 .case-list ul li {
     position: relative;
     width: 31%;
     float: left;
     margin-right: 3.5%;
     margin-bottom: 3%;
     background: #fff
 }

 .case-list ul li:nth-of-type(3n) {
     margin-right: 0
 }

 .case-list ul li .pic {
     position: relative;
     background: #eee
 }

 .case-list ul li .pic .zoom {
     padding-bottom: 70%;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .case-list ul li .text a {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     color: #fff;
     padding: 10%;
 }

 .case-list ul li .text h3 {
     position: absolute;
     bottom: 0px;
     left: 0;
     right: 0;
     padding: 20px;
     font-size: 18px;
     text-align: center;
     background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.02) 10%, rgba(0, 0, 0, 0.3) 90%);
 }

 .case-list ul li:hover .text a {
     display: block;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .case-list ul li:hover .pic .zoom span {}

 .case-tit {
     color: #b00f07;
 }

 .case-tit>h3 {
     font-size: 24px;
 }

 .case-con {
     background: #fff;
     margin: 2% auto
 }

 .case-con>h2 {
     color: #b00f07;
     font-size: 32px;
     margin-bottom: 20px;
     line-height: 1.3
 }

 .load-more {
     text-align: center
 }

 .load-more a {
     display: inline-block;
     padding: 12px 30px 12px 60px;
     background-color: #b00f07;
     color: #fff;
     text-transform: capitalize;
     cursor: pointer;
     background: #b00f07 url(../image/yuan.png) no-repeat 20px center;
 }



 /*产品展示*/
 /*.pro-menu { position: relative; margin-bottom: 3%; padding:20px 0; background: #fff; border-bottom:1px solid #eee; z-index:9;
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2); }
.pro-menu ul { text-align:center }
.pro-menu ul li { position:relative; float:left; width:16.666%; text-transform: capitalize; box-sizing:content-box } */

 .pro-menu {
     position: relative;
     background: #fff;
     margin-bottom: 3%;
     border-bottom: 1px solid #eee;
     height: 145px;
     overflow: hidden;
     -webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
     box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .2);
 }

 .pro-menu-box {}

 .pro-menu .swiper-container {
    height: 100%;
 }

 .pro-menu .wrapper {
     position: relative;
     /* padding: 20px 0; */
     background: #fff;
     height: 100%;
 }

 .pro-menu ul {
     padding-bottom: 25px;
 }

 .pro-menu ul li {
     position: relative;
     text-align: center;
     text-transform: capitalize;
     font-size: 13px;
     padding: 0px 0px;
     display: inline-block;
     vertical-align: top;
 }


 .pro-menu ul li i {
     display: inline-block;
     width: 50px;
     height: 50px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: auto;
     margin: 5px auto;
     -webkit-filter: grayscale(99%);
     -moz-filter: grayscale(99%);
     -ms-filter: grayscale(99%);
     -o-filter: grayscale(99%);
     filter: grayscale(99%);
     filter: gray;
 }

 .pro-menu ul li a {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     font-size: 14px;
     line-height: 1.4;
     position: relative;
     padding: 0px 0px;
     border-left: 1px solid #ddd;
     padding: 0px 20px;
     height: 100%;
 }

 .pro-menu ul li p {
     /* min-height: 48px; */
 }

 .pro-menu ul li:last-child a {
     border-right: 1px solid #ddd
 }

 .pro-menu ul li.active a {
     color: #b00f07
 }

 .pro-menu ul li.active i,
 .pro-menu ul li:hover i {
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);
     filter: grayscale(0);
     filter: none;
 }


 .pro-menu ul li .i0 {
     background-image: url(../img/27.png);
     background-size: cover;
 }

 /*.pro-menu ul li .i1 { background-image:url(../img/pro1.png); }
.pro-menu ul li .i2 { background-image:url(../img/pro2.png); }
.pro-menu ul li .i3 { background-image:url(../img/pro3.png); }
.pro-menu ul li .i4 { background-image:url(../img/pro4.png); }
.pro-menu ul li .i5 { background-image:url(../img/pro5.png); }*/

 .pro-menu .swiper-button-prev {
     left: -7%;
     margin-top: -30px
 }

 .pro-menu .swiper-button-next {
     right: -7%;
     margin-top: -30px
 }


 @media screen and (max-width: 1200px) {
     .pro-menu {
         height: 120px;
     }

     .pro-menu .wrapper {
         padding: 10px 0
     }

     .pro-menu ul {
         padding-bottom: 20px;
     }

     .pro-menu ul li i {
         width: 40px;
         height: 40px;
         background-size: auto 40px;
     }

     .pro-menu ul li p {
         font-size: 14px;
         line-height: 1.4
     }

 }

 @media screen and (max-width: 1000px) {
     .pro-menu ul li a {
         padding: 0px 15px;
     }

     .pro-menu ul li p {
         font-size: 13px;
         line-height: 1.3
     }
 }

 @media screen and (max-width: 750px) {
     .pro-menu {
         height: 100px;
     }

     .pro-menu .wrapper {
         padding: 10px 0
     }

     .pro-menu ul {
         padding-bottom: 20px;
     }

     .pro-menu ul li i {
         width: 30px;
         height: 30px;
         background-size: auto 30px;
     }

     .pro-menu ul li a {
         padding: 0px 10px;
     }

     .pro-menu ul li p {
         font-size: 12px;
         line-height: 1.2;
         min-height: 40px;
     }

     .pro-menu .swiper-button-prev {
         width: 40px;
         height: 40px;
         background-size: auto 30px;
         margin-top: -25px
     }

     .pro-menu .swiper-button-next {
         width: 40px;
         height: 40px;
         background-size: auto 30px;
         margin-top: -25px
     }
 }

 .pro-subnav {
     margin: 5px auto 30px auto
 }

 .pro-subnav ul li {
     display: inline-block;
     float: left;
     margin-right: 15px;
     margin-bottom: 15px;
     padding: 7px 20px;
     border: 1px solid #ddd;
     border-radius: 30px;
     background: #fff
 }

 .pro-subnav ul li.active {
     border: 1px solid #b00f07
 }

 .pro-subnav ul li.active a {
     color: #b00f07
 }

 .pro-list {
     padding: 1% 0
 }

 .pro-list ul li {
     position: relative;
     width: 32%;
     float: left;
     margin-right: 2%;
     margin-bottom: 3%;
     background: #fff
 }

 .pro-list ul li:nth-of-type(3n) {
     margin-right: 0
 }

 .pro-list ul li .pic {
     position: relative
 }

 .pro-list ul li .pic .zoom {
     padding-bottom: 100%;
 }

 .pro-list ul li .pic .zoom span {
     background-size: 80% auto
 }

 .pro-list ul li .text {
     padding: 5px 5% 20px 5%;
     text-align: center
 }

 .pro-list ul li .text h3 {
     font-size: 20px;
     color: #111
 }

 .pro-list ul li .text p {
     margin: 5px auto;
     min-height: 24px;
 }

 .pro-list ul li:hover .text a {
     background: #b00f07;
     color: #fff
 }

 .pro-list ul li:hover .text a.more {
     background: #b00f07;
     color: #fff
 }

 .pro-list ul li .text::after {
     display: block;
     content: "";
     width: 0;
     padding: 0px;
     height: 5px;
     background: #b00f07;
     position: absolute;
     bottom: 0;
     left: 0;
 }

 .pro-list ul li:hover .text::after {
     width: 100%;
     left: 0;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 @media screen and (max-width: 750px) {
     .pro-subnav {}

     .pro-subnav ul li {
         margin-right: 10px;
         font-size: 13px;
         margin-bottom: 0px;
         margin-top: 10px;
         padding: 5px 15px;
     }

     .pro-list ul li .text h3 {
         font-size: 16px;
     }

     .pro-list ul li .text p {
         font-size: 12px;
     }
 }



 .pro-box {
     margin: 2% auto;
     min-height: 300px;
     background: #fff;
     padding: 3% 0
 }

 .pro-pic {
     float: left;
     width: 48%;
     padding-right: 4%;
     border-right: 1px solid #ddd
 }

 .pro-info {
     float: right;
     width: 42%;
     font-size: 16px;
     color: #666
 }

 .pro-info .pro-tit {
     font-size: 32px;
     font-weight: bold;
     color: #333
 }

 .pro-info .pro-desc {
     font-size: 20px;
 }

 .pro-info .tit {
     font-size: 24px;
     font-weight: bold;
     margin: 20px 0 8px 0;
     color: #b00f07;
     border-top: 1px dashed #ccc;
     padding-top: 10px;
 }

 .pro-info .pro-feature p {
     margin-bottom: 10px;
     line-height: 28px;
 }


 .buy-num .input-group {
     width: 142px;
     border-radius: 20px;
     position: relative
 }

 .buy-num .input-group input {
     display: inline-block;
     width: 140px;
     border: 1px solid #c0c9d8;
     border-radius: 20px;
     padding: 2px 0px;
     height: 30px;
     text-align: center
 }

 .buy-num .input-group .form-control {
     text-align: center;
     border-left: none;
     border-right: none;
     border-radius: 20px !important;
 }

 .buy-num .input-group-btn .btn {
     border: 1px solid #c0c9d8;
     color: #97a8bc;
     font-size: 20px;
     padding: 2px 12px;
     height: 36px;
     position: absolute;
     left: 0;
     top: 0
 }

 .buy-num .input-group-btn .btn.bootstrap-touchspin-down {
     border-radius: 20px 0 0 20px;
 }

 .buy-num .input-group-btn .btn.bootstrap-touchspin-up {
     border-radius: 0 20px 20px 0;
     left: auto;
     right: 0
 }

 .pro-info .pro-btn a {
     display: inline-block;
     margin: 20px auto;
     border-radius: 30px;
     padding: 8px 30px;
     border: 1px solid #b00f07;
     background: #b00f07;
     font-size: 17px;
     color: #fff
 }

 /**产品详情介绍**/
 /*产品细节图*/
 .goods-detail {
     float: left;
     width: 50%;
     padding-right: 3%;
     border-right: 1px solid #ddd;
     position: relative;
 }

 .goods-detail .goods-pic-box {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     position: relative;
     text-align: center;
 }

 .goods-detail .goods-big-pic {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;

     height: 600px;
     width: 600px;
     z-index: 10;
     cursor: -webkit-zoom-in;
     cursor: zoom-in;
     /*border:1px solid #eee;*/
 }

 .goods-detail .goods-big-pic img {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 600px;
     height: 600px;
 }

 .goods-detail .goods-small-pic {
     position: relative;
     text-align: left;
     margin-top: 30px;
     /*	position: absolute;
	left: 0px;
	top: 0px;
*/


 }

 .goods-detail .goods-small-pic li {
     display: inline-block;
     float: left;
     margin-right: 20px;
     height: auto;
     cursor: pointer;
     zoom: 1;
     margin-bottom: 14px;
     -webkit-transition: border-color 0.4s ease-out;
     transition: border-color 0.4s ease-out;
 }

 .goods-detail .goods-small-pic li img {
     width: 100px;
     height: 100px;
 }

 .goods-detail .goods-small-pic li a {
     padding: 1px;
     border: 1px solid #e2e3e3;
 }

 .goods-detail .goods-small-pic li a.current {
     cursor: default;
     border-color: #b00f07;
 }

 .MagicZoomPup {
     border: 1px solid #eee;
     background: #fff url(/static/default/web/css/dotted.png);
     cursor: move;
 }

 .MagicZoomBigImageCont {
     border: 1px solid #ddd;
     margin-left: -40px !important
 }



 /*产品展示图*/
 .pro-img {
     padding: 4% 0;
     background: #f5f5f5;
     background-size: cover;
     background-attachment: fixed;
 }

 .pro-img .wrapper {
     position: relative
 }

 .pro-img .swiper {
     position: relative;
     overflow: hidden;
     height: auto;
     margin: 0px 18%;
 }

 .pro-img .myswiper2 {
     height: auto;
 }

 .pro-img .myswiper2 .swiper-slide img {
     width: 100%;
     height: 100%;
     border-radius: 1px;
     box-sizing: border-box;
     object-fit: cover;
 }

 .pro-img .swiper-button-prev {
     width: 100px;
     height: 100px;
     left: 3%;
     top: 40%;
     background-image: url(../image/left.png)
 }

 .pro-img .swiper-button-next {
     width: 100px;
     height: 100px;
     right: 3%;
     top: 40%;
     background-image: url(../image/right.png)
 }


 .pro-img .myswiper {
     text-align: center;
     height: auto;
     margin: 30px 22%;
     box-sizing: border-box;
 }

 .pro-img .myswiper .swiper-slide {
     display: inline-block;
     opacity: 0.9;
     height: 150px;
 }

 @media screen and (max-width: 1500px) {
     .pro-info {
         font-size: 15px;
     }

     .pro-info .pro-tit {
         font-size: 28px;
     }

     .pro-info .pro-desc {
         font-size: 18px;
     }

     .pro-info .tit {
         font-size: 20px;
         margin: 10px 0 8px 0;
         padding-top: 10px;
     }

     .pro-info .pro-feature p {
         margin-bottom: 10px;
         line-height: 24px;
     }


     .pro-img .myswiper .swiper-slide {
         height: 100px;
     }

     .goods-detail .goods-big-pic {
         height: 500px;
         width: 500px;
     }

     .goods-detail .goods-big-pic img {
         width: 500px;
         height: 500px;
     }

     .goods-detail .goods-small-pic li img {
         width: 80px;
         height: 80px;
     }

 }

 @media screen and (max-width: 1200px) {
     .pro-img .myswiper .swiper-slide {
         height: 80px;
     }

     .pro-info {
         font-size: 14px;
     }

     .pro-info .pro-tit {
         font-size: 24px;
     }

     .pro-info .pro-desc {
         font-size: 16px;
     }

     .pro-info .tit {
         font-size: 18px;
         margin: 10px 0 8px 0;
         padding-top: 10px;
     }

     .pro-info .pro-feature p {
         margin-bottom: 5px;
         line-height: 20px;
     }

     .goods-detail .goods-big-pic {
         height: 400px;
         width: 400px;
     }

     .goods-detail .goods-big-pic img {
         width: 400px;
         height: 400px;
     }

     .goods-detail .goods-small-pic li {
         margin-right: 10px;
         margin-bottom: 10px;
     }

     .goods-detail .goods-small-pic li img {
         width: 60px;
         height: 60px;
     }

 }

 @media screen and (max-width: 800px) {

     .goods-detail {
         float: none;
         width: 100%;
     }

     .pro-pic {
         float: none;
         width: 100%;
         padding-right: 0;
         border-right: none
     }

     .pro-info {
         float: none;
         width: 100%;
         font-size: 14px;
         margin-top: 20px;
     }

     .goods-detail .goods-big-pic {
         height: auto;
         width: 100%;
     }

     .goods-detail .goods-big-pic img {
         width: auto;
         height: auto;
     }

     .pro-img .myswiper .swiper-slide {
         height: 50px;
     }
 }

 .pro-img .myswiper .swiper-slide:hover {
     cursor: pointer
 }

 .pro-img .myswiper .swiper-slide img {
     width: 100%;
     height: 100%;
     border-radius: 1px;
     border: 1px solid #aaa;
     box-sizing: border-box;
     object-fit: cover;
 }

 .pro-img .myswiper .swiper-wrapper {}

 .pro-img .myswiper .swiper-slide-thumb-active {
     opacity: 1;
 }

 .pro-img .myswiper .swiper-slide-thumb-active img {
     border: 1px solid #b00f07;
 }

 .pro-con {
     padding: 2% 0 4% 0;
     background: #ededed;
 }

 .pro-con li:hover img {
     border: 1px solid #b00f07;
     box-sizing: border-box
 }

 .pro-download {
     padding: 1% 0;
     font-size: 16px;
     line-height: 30px;
 }

 .pro-download .download-list {}

 .pro-download tr th {
     background: #eee;
     padding: 20px;
     text-align: left;
     font-size: 16px;
     text-transform: uppercase
 }

 .pro-download tr td {
     background: #eee;
     padding: 15px 20px;
     text-align: left;
     border-top: 15px solid #fff;
 }

 .pro-download tr .down-btn {
     display: inline-block;
     width: 60px;
     height: 30px;
     font-size: 0;
     background: url(../image/icon-download.png) no-repeat center;
 }

 /*搜索筛选*/
 .screen-result {
     margin: 4% auto 2% auto
 }

 .screen-factor {
     display: inline-block;
     float: left
 }

 .screen-factor a {
     display: inline-block;
     background: #b00f07;
     color: #fff;
     margin-right: 5px;
     padding: 3px 8px 3px 6px;
     font-size: 12px;
     border-radius: 2px;
 }

 .screen-factor a .fa-clean {
     display: inline-block;
     vertical-align: middle;
     width: 12px;
     height: 12px;
     background: url(../image/clean.png) no-repeat center;
 }

 .sort-group {
     float: right
 }

 .sort-group a {
     background: #fff;
     border: 1px solid #adadad;
     padding: 4px 8px;
     font-size: 12px
 }

 .sort-group a.active {
     background: #e6e6e6
 }

 .search-null {
     color: #999;
     font-size: 16px;
 }

 .search-null .fa-search-null {
     width: 18px;
     height: 18px;
     background-image: url(../image/close2.png);
 }

 @media screen and (max-width: 750px) {

     .news-list ul li .text,
     .news-list ul li:nth-of-type(1) .text {
         width: 100%;
         float: none;
         margin-bottom: 10px;
     }

     .news-list ul li .text h3 {
         margin: 10px auto;
         font-size: 18px
     }

     .news-list ul li .text .more {
         display: none
     }

     .news-list ul li .text .date {
         top: 15px
     }

     .news-list ul li:nth-of-type(1) .text .date {
         left: auto;
         right: 30px
     }

     .news-list ul li .pic,
     .news-list ul li:nth-of-type(1) .pic {
         width: 100%;
         float: none
     }

     .pro-list ul li {
         position: relative;
         width: 49%;
         margin-right: 2%;
     }

     .pro-list ul li:nth-of-type(3n) {
         margin-right: 2%
     }

     .pro-list ul li:nth-of-type(2n) {
         margin-right: 0
     }


 }
 
.fk{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 70px;
    height: 70px;
    border: solid 3px #b00f07;
    border-radius: 50%;
    margin: auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 80px;
}
.fk::before{
    content: "";
    width: 3px;
    height: 60px;
    background: #b00f07;
    position: absolute;
    top: 73px;
    left: 0;
    right: 0;
    margin: auto;
}
.list-paddingleft-2 li::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #b00f07;
    position: absolute;
    top: 12px;
    left: 0;
}
.list-paddingleft-2 li{
    padding-left: 20px;
    position: relative;
}