@charset "utf-8";

 .about.wow.fadeInUp,
 .resp-tabs-container,
 .blog_main .blog_p,
 .contact.wow.fadeInUp,
 _#accordion .panel-body {
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     /* letter-spacing: .06em; */
     line-height: 1.8em;
     text-transform: none;
     color: #1c1c1c;
 }

 #Description ul,
 #Description ol,
 #Description li,
 #Description dl,
 #Description dd,
 #Description dt {
     list-style: revert;
     padding: revert;
     margin: revert;
 }

 #Description a,
 #Description a:hover {
     text-decoration: underline;
     color: revert;
 }

 #Description table,
 #Description td,
 #Description th {
     margin: revert;
     padding: revert;
     border-spacing: revert;
     border-collapse: revert;
 }

 #Description h1,
 #Description h2,
 #Description h3,
 #Description h4,
 #Description h5,
 #Description h6,
 #Description p {
     margin: revert;
     padding: revert;
     font-size: revert;
 }

 #videosss {
     height: 600px;
 }

 .salesman {
     padding-left: 8px;
     text-align: left;
     float: left;
     display: inline;
 }

 .salesman strong {
     font-size: 13px;
 }

 .salesman p.tel {
     height: 25px;
     line-height: 25px;
 }

 .salesman p {
     font-size: 14px;
 }

 .salesman .contacts {}

 .salesman .contacts span {
     font-weight: bold;
 }

 .salesman .online {
     margin-top: 10px;
 }

 .salesman .online a {
     margin-right: 5px;
     float: left;
     height: 22px;
     width: 22px;
     display: block;
     background: url("../images/salesman.png") no-repeat;
 }

 .salesman .online a.msn {
     background-position: 0 0;
 }

 .salesman .online a.skype {
     background-position: -22px 0;
 }

 .salesman .online a.email {
     background-position: -44px 0;
 }

 .salesman .online a.alibaba,
 .salesman .online a.ali {
     background-position: -88px 0;
 }

 .salesman .online a.qq {
     background-position: -132px 0;
 }

 .salesman .online a.whatsapp {
     background-position: -110px 0;
 }

 .salesman .APic img {
     max-width: 130px;
 }

 .salesman .APic {
     margin-top: 10px;
 }

 .container {
     width: 1380px;
 }

 .Catalogue {
     text-align: center;
     margin-top: 19px;
     display: none;
 }

 .Catalogue #showCataloguea {
     display: inline-block;
     background: #333333;
     color: #fff;
     padding: 1px 16px;
     border-radius: 6px;
 }

 .focon {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9;
 }

 .focon .focon-con {
     width: 350px;
     background: #fff;
     padding: 34px 22px 10px;
     position: relative;
 }

 .focon .focon-con .h2 {
     text-align: center;
 }

 .focon .focon-con .h2 h2 {
     font-size: 28px;
     font-family: Dosis, PingFang SC, Tahoma, sans-serif;
 }

 .focon .focon-con .h2 p {
     font-size: 15px;
     margin-top: 8px;
     margin-bottom: 18px;
     font-family: Dosis, PingFang SC, Tahoma, sans-serif;
 }

 .focon .focon-con #topfrom input {
     width: 100%;
     margin: 5px 0;
     height: 34px;
     border: none;
     background: #EAE8E8;
     text-align: center;
 }

 .focon .focon-con #topfrom button {
     border: none;
     width: 100%;
     padding: 6px 0;
     background: #144A97;
     color: #fff;
     font-size: 22px;
     margin-top: 12px;
     margin-bottom: 16px;
     cursor: pointer;
 }

 .focon .focon-con #topfrom button:hover {
     background: #002673;
 }

 #clear {
     background: url("../images/guanbi.png") no-repeat;
     height: 22px;
     width: 22px;
     display: block;
     position: absolute;
     top: 10px;
     right: 10px;
     background-size: 100%;
 }

 #topfromverifya {
     width: 188px !important;
     vertical-align: middle;
 }

 #topfrom .verify_status img {
     width: 116px;
     vertical-align: middle;
     margin-left: 1px;
 }

 html[lang="ar"] {
     direction: rtl;
 }


 /*reset*/
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0px;
 }

 :focus {
     outline: 0;
 }

 body,
 ul,
 img,
 p,
 input,
 dl,
 dd,
 tr,
 th,
 td {
     margin: 0;
     padding: 0;
 }

 em {
     font-style: normal;
 }

 img {
     border: none;
     height: auto;
     max-width: 100%;
 }

 a {
     text-decoration: none;
     color: #292929;
     line-height: 26px;
 }

 input {
     padding: 0px;
     vertical-align: middle;
     line-height: normal;
     border: none;
 }

 body {
     overflow-x: hidden;
     font-size: 13px;
     line-height: 30px;
     word-wrap: break-word;
     word-break: break-word;
     color: #292929;
     font-family: Arial, Helvetica, sans-serif;
     max-width: 1920px;
     width: 100%;
     margin: 0 auto !important;
 }

 .table-responsive {
     overflow: auto;
     min-height: .01%;
 }

 .clearfix {
     *zoom: 1;
 }

 .clearfix:before,
 .clearfix:after {
     line-height: 0;
     display: table;
     content: "";
 }

 .clearfix:after {
     clear: both;
 }

 a:hover {
     text-decoration: none !important;
 }

 a:focus {
     outline-style: none;
     -moz-outline-style: none;
     text-decoration: none;
 }

 .clear {
     clear: both;
 }

 a:hover {
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 a,
 img {
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul li {
     list-style: none;
 }

 .n_right .blog_main .blog_p ul li,
 .n_right .blog_main .blog_p ul,
 .n_right .pro_detail .pro-tab ul,
 .n_right .pro_detail .pro-tab li,
 .n_right .about ul,
 .n_right .about li,
 .n_right .com_ul li,
 .n_right .com_ul ul {
     margin: revert;
     padding: revert;
     list-style: unset;
 }


 /*xuanfu*/
 @media only screen and (min-width: 998px) {
     .n_right_center {
         text-align: center;
         padding: 0 160px 40px;
     }

     .n_right_center h1 {
         margin-bottom: 10px;
     }

     #logo {
         width: 28%;
     }

     .header_section {
         transition: 0.5s all;
         -webkit-transition: 0.5s all;
         -o-transition: 0.5s all;
         -moz-transition: 0.5s all;
         -ms-transition: 0.5s all;
     }

     .small-mdzz {
         position: fixed;
         z-index: 8888888;
         top: 0px;
         right: 0;
         width: 100%;
         max-width: 100% !important;
         -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
         box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
         background: #fff;
     }

     .small-mdzz .header_section {
         padding: 8px 0;
     }

     .small-mdzz #logo {
         width: 22%;
     }

     .small-mdzz #cssmenu>ul>li {
         padding: 0px;
     }
 }

 /* Slider */
 .slick-slider {
     position: relative;
     display: block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
 }

 .slick-list {
     position: relative;
     overflow: hidden;
     display: block;
     margin: 0;
     padding: 0;
 }

 .slick-list:focus {
     outline: none;
 }

 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }

 .slick-slider .slick-list,
 .slick-track,
 .slick-slide,
 .slick-slide img {
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .slick-track {
     position: relative;
     left: 0;
     top: 0;
     display: block;
     zoom: 1;
 }

 .slick-track:before,
 .slick-track:after {
     content: "";
     display: table;
 }

 .slick-track:after {
     clear: both;
 }

 .slick-loading .slick-track {
     visibility: hidden;
 }

 .slick-slide {
     float: left;
     height: 100%;
     min-height: 1px;
     display: none;
 }

 .slick-slide .img img {
     display: block;
     margin: 0 auto;
 }

 .slick-slide.slick-loading img {
     display: none;
 }

 .slick-slide.dragging img {
     pointer-events: none;
 }

 .slick-initialized .slick-slide {
     display: block;
 }

 .slick-loading .slick-slide {
     visibility: hidden;
 }

 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
 }

 /* Arrows */
 .slick-prev,
 .slick-next {
     position: absolute;
     display: block;
     height: 20px;
     width: 20px;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     background: transparent;
     color: transparent;
     margin-top: -10px;
     padding: 0;
     border: none;
     outline: none;
 }

 .slick-prev:focus,
 .slick-next:focus {
     outline: none;
 }

 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before {
     opacity: 0.25;
 }

 /* Dots */
 .slick-dots {
     position: absolute;
     bottom: -8px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0px;
     width: 100%;
     z-index: 999;
 }

 .slick-dots li {
     position: relative;
     display: inline-block;
     height: 12px;
     width: 12px;
     margin: 0px 10px;
     padding: 0px;
     cursor: pointer;
 }

 .slick-dots li button {
     border: 0;
     background: transparent;
     display: block;
     height: 20px;
     width: 20px;
     outline: none;
     line-height: 0;
     font-size: 0;
     cursor: pointer;
     outline: none;
     background: #A0ABB8;
     border-radius: 50%;
     overflow: hidden;
 }

 .slick-dots li button:focus {
     outline: none;
 }

 .slick-dots li.slick-active button {
     background: #333333;
 }

 /*language*/
 .head_lan {
     padding: 4px 0;
     width: 100%;
     z-index: 9999998;
 }

 .pgwMenu {
     width: 100%;
     position: relative;
     list-style: none;
     margin: auto;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     z-index: 999999999;
 }

 .pgwMenu ul {
     list-style: none;
     margin: 0;
     padding: 0;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 .pgwMenu li {
     display: inline-block;
     float: none;
     width: auto;
     margin-right: 6px;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     white-space: nowrap;
 }

 .pgwMenu a {
     display: block;
     color: #666;
     padding: 0px 0 0px 6px;
 }

 .pgwMenu a img {
     vertical-align: middle;
 }

 .pgwMenu a p {
     display: inline-block;
     vertical-align: middle;
     padding-left: 4px;
     font-size: 13px;
     color: #808080;
 }

 .pgwMenu li:hover a p,
 .pgwMenu .active a p {
     text-decoration: none;
     color: #59C3D9;
 }

 .pgwMenu .pm-links.mobile,
 .pgwMenu .pm-viewMore>ul {
     background: #eee;
     -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
     position: absolute;
     left: 0;
     top: 40px;
     z-index: 1000;
     text-align: left;
     width: 150px;
 }

 .pgwMenu .pm-viewMore {
     display: none;
     position: relative;
 }

 .pgwMenu .pm-viewMore>a {
     display: inline-block;
     border-radius: 30px;
     background: #59C3D9;
     color: #fff;
 }

 .pgwMenu .pm-viewMore>ul {
     left: auto;
     right: 0;
 }

 .pgwMenu .pm-viewMore li {
     float: none;
 }

 .pgwMenu .pm-viewMore span.icon,
 .pgwMenu .pm-viewMore span.white {
     border-color: #fff transparent;
     border-style: solid;
     border-width: 8px 6px 0;
     margin-left: 3px;
     display: inline-block;
 }

 .pgwMenu.light .pm-viewMore span.icon,
 .pgwMenu .pm-viewMore span.black {
     border-color: #000 transparent;
     border-style: solid;
     border-width: 8px 6px 0;
     margin-left: 3px;
     display: inline-block;
 }

 .pgwMenu .pm-links.mobile li,
 .pgwMenu .pm-viewMore>ul>li {
     display: block;
     clear: both;
     width: auto;
 }

 .pgwMenu .pm-dropDown,
 .pgwMenu .pm-viewMore,
 .pgwMenu .pm-viewMore>ul {
     display: none;
 }

 .pgwMenu .pm-links.mobile li a {
     color: #fff;
     padding: 0px 5px;
 }

 .pgwMenu .pm-links.mobile li p {
     padding-left: 6px;
 }

 .pgwMenu .pm-links.mobile li a p:hover {
     color: #59C3D9;
 }

 .pgwMenu .pm-dropDown {
     float: left;
 }

 .pgwMenu .pm-dropDown a {
     display: inline-block;
     font-size: 13px;
     padding: 4px 15px;
     color: #fff;
     background: #1B1B1B;
     border-radius: 30px;
 }

 .pm-viewMore p {
     color: #fff;
     padding-left: 10px !important;
 }

 .pgwMenu .pm-dropDown a:after {
     content: "\f0d7";
     padding-left: 5px;
     font-family: FontAwesome;
 }

 .pgwMenu .pm-dropDown a.active,
 .pgwMenu .pm-viewMore a.active {
     background: #59c3d9;
     color: #fff;
     text-decoration: none;
 }

 .pgwMenu .pm-dropDown span.icon,
 .pgwMenu .pm-dropDown span.white {
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat;
     display: block;
     height: 22px;
     width: 22px;
     margin: 9px 5px;
 }

 .pgwMenu a {

     /*background: url(../img/language_21.png) no-repeat scroll 5px 0 transparent;*/
     display: inline;
     font-size: 12px;
     color: #7B7B7B;
     /*padding-left: 30px;*/

 }

 .pgwMenu a a {
     background: url("../images/language_21.png") no-repeat scroll 5px 0 transparent;
     color: #666;
     height: 14px;
     padding-left: 30px;
     width: 92px;
     white-space: nowrap;
 }

 .pgwMenu a.en,
 .language .en {
     background-position: 5px -54px;
 }

 .pgwMenu a.de,
 .language .de {
     background-position: 5px -84px;
 }

 .pgwMenu a.fr,
 .language .fr {
     background-position: 5px -112px;
 }

 .pgwMenu a.ru,
 .language .ru {
     background-position: 5px -140px;
 }

 .pgwMenu a.es,
 .language .es {
     background-position: 5px -168px;
 }

 .pgwMenu a.pt,
 .language .pt {
     background-position: 5px -196px;
 }

 .pgwMenu a.ja,
 .language .ja,
 .pgwMenu a.jp,
 .language .jp {
     background-position: 5px -224px;
 }

 .pgwMenu a.gr,
 .language .gr {
     background-position: 5px -252px;
 }

 .pgwMenu a.el,
 .language .el {
     background-position: 5px -252px;
 }

 .pgwMenu a.it,
 .language .it {
     background-position: 5px -280px;
 }

 .pgwMenu a.ko,
 .language .ko,
 .pgwMenu a.kr,
 .language .kr {
     background-position: 5px -308px;
 }

 .pgwMenu a.ar,
 .language .ar {
     background-position: 5px -336px;
 }

 .pgwMenu a.tr,
 .language .tr {
     background-position: 5px -364px;
 }

 .pgwMenu a.pl,
 .language .pl {
     background-position: 5px -392px;
 }

 .pgwMenu a.fi,
 .language .fi {
     background-position: 5px -420px;
 }

 .pgwMenu a.in,
 .language .in {
     background-position: 5px -448px;
 }

 .pgwMenu a.vi,
 .pgwMenu a.vn,
 .language .vn,
 .language .vi {
     background-position: 5px -476px;
 }

 .pgwMenu a.th,
 .language .th {
     background-position: 5px -504px;
 }

 .pgwMenu a.nl,
 .language .nl {
     background-position: 5px -532px;
 }

 .pgwMenu a.ie,
 .language .ie {
     background-position: 5px -560px;
 }

 .pgwMenu a.ph,
 .language .ph {
     background-position: 5px -588px;
 }

 .pgwMenu a.cz,
 .language .cz {
     background-position: 5px -616px;
 }

 .pgwMenu a.ms,
 .pgwMenu a.my,
 .language .my,
 .language .ms {
     background-position: 5px -644px;
 }

 .pgwMenu a.fa,
 .language .fa {
     background-position: 5px -672px;
 }

 .pgwMenu a.us,
 .language .us {
     background-position: 5px -56px;
 }

 .pgwMenu a.ro,
 .language .ro {
     background-position: 5px -896px;
 }

 .pgwMenu a.iw,
 .language .iw {
     background-position: 5px -840px;
 }

 .pgwMenu a.kh,
 .language .kh {
     background-position: 5px -1232px;
 }

 .pgwMenu a.et,
 .language .et {
     background-position: 5px -1006px;
 }

 .pgwMenu a.bd,
 .language .bd {
     background-position: 5px -1568px;
 }

 .pgwMenu a.tz,
 .language .tz {
     background-position: 5px -1736px;
 }

 .pgwMenu a.lk,
 .language .lk {
     background-position: 5px -1708px;
 }

 .pgwMenu a.lv,
 .language .lv {
     background-position: 5px -1400px;
 }

 .pgwMenu a.id,
 .language .id {
     background-position: 5px -1931px;
 }

 .pgwMenu a.is,
 .language .is {
     background-position: 5px -1148px;
 }

 .pgwMenu a.da,
 .language .da {
     background-position: 5px -868px;
 }

 .pgwMenu a.tl,
 .language .tl {
     background-position: 5px -587px;
 }

 .pgwMenu a.no,
 .language .no {
     background-position: 5px -812px;
 }

 .pgwMenu a.sv,
 .language .sv {
     background-position: 5px -923px;
 }

 .pgwMenu a.km,
 .language .km {
     background-position: 5px -1232px;
 }

 .pgwMenu a.bn,
 .language .bn {
     background-position: 5px -1568px;
 }

 .pgwMenu a.mi,
 .language .mi {
     background-position: 5px -1792px;
 }

 .pgwMenu a.hi,
 .language .hi {
     background-position: 5px -448px;
 }

 .pgwMenu a.cs,
 .language .cs {
     background-position: 0px -616px;
 }

 .pgwMenu a.ha,
 .language .ha {
     background-position: 5px -1315px;
 }

 .pgwMenu a.az {
     background-position: 5px -1037px;
 }

 .pgwMenu a.ka {
     background-position: 5px -1875px;
 }

 .y_link {
     width: 350px;
     float: left;
     margin-top: 3px;
     margin-left: 12px;
 }

 .y_link a {
     margin: 0 4px;
 }

 @media only screen and (max-width:1920px) {
     .container {
         width: 1400px;
     }

 }

 @media only screen and (max-width:1400px) {
     .container {
         width: 100%;
     }

 }

 @media only screen and (max-width:1200px) {
     .pgwMenu li {
         margin-right: 15px;
     }

     .con_map iframe {
         width: 100%;
     }
 }


 /*top_section*/
 .top_section {
     background: #f9f9f9;
 }

 #bootstrap-touch-slider {
     position: relative;
 }

 .banner_bg {
     background: url(../images/cloud-bg.png) repeat-x center center;
     height: 140px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     left: 0px;
     z-index: 66;
 }

 @media (max-width:992px) {
     .banner_bg {
         display: none;
     }

     .indicators-line>.carousel-indicators {
         bottom: 4px;
     }

 }

 /*header_section*/

 /*search*/
 .search_main {
     height: 40px;
     color: #999;
     float: left;
     line-height: 42px;
     font-size: 13px;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     width: 100%;
     background: none;
     padding-right: 55px;
     border: 1px solid #ddd;
     font-size: 13px;
     padding-left: 12px;
     border-radius: 30px;
 }

 .search_main:focus {
     color: #333;
     border: 1px solid #47B4CB;
 }

 .search_btn {
     display: block;
     width: 70px;
     height: 40px;
     cursor: pointer;
     background: url(../images/search_btn.png) no-repeat center center;
     border: none;
     position: absolute;
     top: 0px;
     right: 0px;
 }



 /*nav_section*/
 .nav_section {
     background: #333333;
 }

 .nav_section #cssmenu {
     max-width: 1170px;
     margin: 0 auto;
 }


 /*i_title*/
 .i_title {
     _background: url(../images/title_ico.png) no-repeat center top;
     _padding-top: 50px;
     text-align: center;
     margin-bottom: 45px;
 }

 .i_title h4 {
     font-size: 30px;
     color: #333;
     font-weight: bold;
     text-transform: uppercase;
     margin: 10px 0 20px;
 }

 .i_title p {
     font-size: 14px;
     color: #808080;
     line-height: 26px;
     max-height: 52px;
     overflow: hidden;
     max-width: 790px;
     margin: 0 auto;
 }

 @media only screen and (max-width:768px) {
     .n_right_center {
         text-align: center;
         padding: 0 0px 10px;
     }

     .n_right_center h1 {
         margin-bottom: 10px;
     }

     .i_title {
         margin-bottom: 30px;
     }

     .i_title h4 {
         font-size: 26px;
         margin: 10px 0;
     }

     .i_title p {
         font-size: 13px;
     }
 }

 #page {
     text-align: center;
 }


 .cate1_section .li .back {

     display: none;

 }

 .cate1_section .li .front {

     text-align: center;

 }

 .cate1_section .li .front .pp {
     height: 100px;
     overflow: hidden;
 }

 .cate1_section .li .front p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
 }

 .cate1_section {

     background: #FAFAFA;

 }

 .cate1_section ul li {
     list-style: none;
     margin-bottom: 30px;
 }

 .cate1_section ul li .img {
     width: 136px;
     height: 136px;
     border-radius: 50%;
     overflow: hidden;
     margin: 20px auto;
 }

 .cate1_section ul li h4 a {
     font-size: 18px;
     color: #222;
     font-weight: bold;
     display: block;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-bottom: 5px;
 }

 .cate1_section ul li p {
     font-size: 13px;
     color: #808080;
     line-height: 24px;
     max-height: 96px;
     overflow: hidden;
     padding: 0px 8%;
 }

 .cate1_section ul li .li {
     padding-bottom: 30px;
 }

 /*cate2_section*/
 .cate2_section {
     background: url(../images/index_bg4.png) no-repeat center top;
     padding-top: 60px;
 }

 .cate2_section .left .img {
     overflow: hidden;
     display: block;
 }

 .cate2_section .left {
     float: left;
     width: 50%;
     padding-right: 30px;
 }

 .cate2_section .left:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 .cate2_section .left .text {
     background: #00a5a8 url(../images/index_w.png) repeat center center;
     padding: 50px 10%;
     text-align: center;
 }

 .cate2_section .left .text h4 a {
     font-size: 24px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
     padding-bottom: 30px;
 }

 .cate2_section .left .text h4 {
     position: relative;
 }

 .cate2_section .left .text h4:after {
     position: absolute;
     left: 50%;
     bottom: 10px;
     width: 74px;
     height: 2px;
     background: rgba(255, 255, 255, 0.2);
     content: '';
     margin-left: -37px;
 }

 .cate2_section .left .text p {
     color: #fff;
 }


 .cate2_section .right {
     float: left;
     width: 50%;
     padding-left: 30px;
 }

 .cate2_section .right ul li {
     list-style: none;
     margin-bottom: 30px;
 }

 .cate2_section .right ul li .img {
     float: left;
     width: 30%;
     margin-right: 25px;
     border: 2px solid #eee;
     display: block;
     overflow: hidden;
 }

 .cate2_section .right ul li h4 a {
     font-size: 18px;
     color: #00a5a8;
     font-weight: bold;
     display: block;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .cate2_section .right ul li p {
     font-size: 13px;
     color: #999;
     line-height: 24px;
     overflow: hidden;
     height: 72px;
     margin: 6px 0;
 }

 .cate2_section .right ul li .more {
     text-transform: uppercase;
     color: #666;
     font-size: 14px;
     font-weight: bold;
 }

 .cate2_section .right ul li .more i {
     margin-left: 8px;
     font-size: 13px;
     color: #aaa;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .cate2_section .right ul li:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 .cate2_section .right ul li:hover .img {
     border: 2px solid #333333;
 }

 .cate2_section .right ul li .more:hover {
     color: #333333;
 }

 .cate2_section .right ul li .more:hover i {
     color: #333333;
     margin-left: 15x;
 }

 .cate2_section .slick-dots {
     bottom: -38px;
 }

 /*pro_section*/
 #parentHorizontalTab01 {
     text-align: left;
     position: relative;
 }

 @media only screen and (max-width: 768px) {
     #parentHorizontalTab01 {
         margin: 10px 0 !important;
     }
 }

 #parentHorizontalTab01 ul.resp-tabs-list {
     margin: 0px;
     padding: 0px;
     margin-bottom: 30px;
     text-align: center;
 }

 #parentHorizontalTab01 .resp-tabs-list {
     display: block;
     width: 100%;
     list-style: none;
     cursor: pointer;
     text-align: left;
     list-style: none;
 }

 #parentHorizontalTab01 .resp-tabs-list li {
     margin-bottom: 26px;
 }

 #parentHorizontalTab01 .resp-tabs-list .offer-left {
     width: 30%;
     float: left;
 }

 #parentHorizontalTab01 .resp-tabs-list .offer-right {
     width: 30%;
     float: right;
 }

 #parentHorizontalTab01 .resp-tabs-list li span {
     display: inline-block;
     float: left;
     width: 105px;
     height: 105px;
     margin-right: 15px;
     position: relative;
     border: 1px solid #909497;
     border-radius: 50%;
 }

 #parentHorizontalTab01 .resp-tab-active {
     background: none !important;
 }

 #parentHorizontalTab01 .resp-tabs-list li span img {
     width: 100%;
     height: auto;
 }

 #parentHorizontalTab01 .resp-tabs-list li .olist-right {
     text-align: left;
 }

 #parentHorizontalTab01 .resp-tabs-list li .olist-right em {
     color: #333;
     font-weight: bold;
     font-size: 16px;
     display: block;
     margin-bottom: 10px;
 }

 #parentHorizontalTab01 .resp-tabs-list li .olist-right p {
     color: #808080;
     font-size: 13px;
     line-height: 24px;
     overflow: hidden;
     height: 48px;
 }

 #parentHorizontalTab01 .resp-tabs-list:hover {
     z-index: 99;
 }

 #parentHorizontalTab01 .resp-tabs-list ul li:hover .olist-right em {
     color: #005da2;
 }

 #parentHorizontalTab01 .resp-tabs-list li.resp-tab-active em {
     z-index: 99;
     color: #333333;
 }

 #parentHorizontalTab01 .resp-content-active,
 #parentHorizontalTab01 .resp-accordion-active {
     display: block;
 }

 #parentHorizontalTab01 .resp-tabs-container {
     position: absolute;
     left: 50%;
     top: 0;
     -webkit-transform: translate(-50%, 0);
     -ms-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 @media only screen and (max-width:1200px) {
     #parentHorizontalTab01 .resp-tabs-list li span {
         width: 80px;
         height: 80px;
         background-size: 80px 80px !important;
     }

     #parentHorizontalTab01 .resp-tabs-list li .olist-right p {
         height: 52px;
         overflow: hidden;
     }
 }

 #parentHorizontalTab01 .resp-tabs-container span {
     display: inline-block;
     max-width: 100%;
     height: auto;
     position: relative;
 }

 #parentHorizontalTab01 .resp-tabs-container span img {
     max-width: 100%;
     height: auto;
     width: auto;
 }

 #parentHorizontalTab01 .resp-tabs-container span div {
     padding: 10px;
     width: 240px;
     height: 240px;
     position: absolute;
     left: 10px;
     bottom: 10px;
 }

 #parentHorizontalTab01 .resp-tabs-container span div em {
     display: inline-block;
     color: #ffffff;
     font-size: 36px;
     font-weight: bold;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
     background: transparent;
     padding: 5px 10px;
     padding-top: 68%;
 }

 #parentHorizontalTab01 .resp-tabs-container span>p {
     display: none;
 }

 #parentHorizontalTab01 em.resp-accordion {
     cursor: pointer;
     padding: 5px;
     display: none;
     padding: 10px 15px !important;
 }

 #parentHorizontalTab01 .resp-tab-content {
     display: none;
     padding: 10px 0 0 0;
 }

 #parentHorizontalTab01 em.resp-accordion {
     font-size: 16px;
     margin: 0px;
     margin-bottom: 1px;
 }

 #parentHorizontalTab01 em.resp-tab-active {
     margin-bottom: 0px !important;
     background: #5aad24 !important;
     color: #fff;
     font-size: 20px;
     text-transform: uppercase;
 }

 #parentHorizontalTab01 em.resp-tab-title:last-child {
     border-bottom: 12px solid #c1c1c1 !important;
     background: blue;
 }

 #parentHorizontalTab01 .resp-vtabs ul.resp-tabs-list {
     float: left;
     width: 30%;
 }

 #parentHorizontalTab01 .resp-vtabs .resp-tabs-list li {
     display: block;
     padding: 15px 15px !important;
     margin: 0 0 4px;
     cursor: pointer;
     float: none;
 }

 #parentHorizontalTab01 .resp-vtabs .resp-tabs-container {
     padding: 0px;
     background-color: #fff;
     border: 1px solid #c1c1c1;
     float: left;
     width: 68%;
     min-height: 250px;
     border-radius: 4px;
     clear: none;
 }

 #parentHorizontalTab01 .resp-vtabs .resp-tab-content {
     border: none;
     word-wrap: break-word;
 }

 #parentHorizontalTab01 .resp-vtabs li.resp-tab-active {
     position: relative;
     z-index: 1;
     margin-right: -1px !important;
     padding: 14px 15px 15px 14px !important;
     border-top: 1px solid;
     border: 1px solid #5AB1D0 !important;
     border-left: 4px solid #5AB1D0 !important;
     margin-bottom: 4px !important;
     border-right: 1px #FFF solid !important;
 }

 #parentHorizontalTab01 .resp-arrow {
     width: 0;
     height: 0;
     float: right;
     margin-top: 10px;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 7px solid #c1c1c1;
 }

 #parentHorizontalTab01 em.resp-tab-active span.resp-arrow {
     border: none;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 7px solid #fff;
 }

 #parentHorizontalTab01 .resp-easy-accordion em.resp-accordion {
     display: block;
 }

 #parentHorizontalTab01 .resp-easy-accordion .resp-tab-content {
     border: 1px solid #1268bf;
 }

 #parentHorizontalTab01 .resp-easy-accordion .resp-tab-content:last-child {
     border-bottom: 1px solid #1268bf;
     /* !important;*/
 }

 #parentHorizontalTab01 .resp-jfit {
     width: 100%;
     margin: 0px;
 }

 #parentHorizontalTab01 .resp-tab-content-active {
     display: block;
 }

 #parentHorizontalTab01 .resp-tab-content img {
     max-width: 100%;
     height: auto;
 }


 .flex-between-center {
     display: -o-flex;
     display: -ms-flex;
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     -moz-justify-content: space-between;
     justify-content: space-between;
     -moz-align-items: center;
     -webkit-align-items: center;
     align-items: center;
 }

 .flex-between {
     display: -o-flex;
     display: -ms-flex;
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-around;
     -moz-justify-content: space-around;
     justify-content: space-around;
     -moz-align-items: center;
     -webkit-align-items: center;
     align-items: center;
 }

 .flex-between-top {
     display: -o-flex;
     display: -ms-flex;
     display: -moz-flex;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     -moz-justify-content: space-between;
     justify-content: space-between;
 }


 @media only screen and (max-width: 1200px) {
     #parentHorizontalTab01 .resp-tabs-container {
         max-width: 34%;
     }

     #parentHorizontalTab01 ul.resp-tabs-list {
         margin-bottom: 0;
     }
 }

 @media only screen and (max-width: 992px) {
     .main-cat .container {
         width: 100%;
     }
 }

 @media only screen and (max-width: 768px) {
     .main-offer {
         padding: 20px 0;
     }

     #parentHorizontalTab01 {
         height: auto;
     }

     #parentHorizontalTab01 .resp-tab-content {
         padding: 0;
         margin: 10px 0;
     }

     #parentHorizontalTab01 {
         padding: 0;
         border-bottom: none;
     }

     #parentHorizontalTab01 ul.resp-tabs-list {
         display: none;
     }

     #parentHorizontalTab01 em.resp-accordion {
         display: block;
         font-size: 16px;
         font-weight: bold;
         background: #e5e5e5 !important;
         color: #4c4c4c;
         text-align: left;
         margin-bottom: 2px;
     }

     #parentHorizontalTab01 em.resp-tab-active {
         background: #00a5a8 !important;
         color: #fff;
     }

     #parentHorizontalTab01 .resp-vtabs .resp-tab-content {
         border: 1px solid #C1C1C1;
         border: 1px solid #e5e5e5;
         border-top: none;
         padding: 15px 15px 30px 15px;
     }

     #parentHorizontalTab01 .resp-vtabs .resp-tabs-container {
         border: none;
         float: none;
         width: 100%;
         min-height: 100px;
         clear: none;
     }

     #parentHorizontalTab01 .resp-accordion-closed {
         display: none !important;
     }

     #parentHorizontalTab01 .resp-vtabs .resp-tab-content:last-child {
         border-bottom: 1px solid #c1c1c1 !important;
     }

     #parentHorizontalTab01 .resp-tabs-list li .offer-left,
     #parentHorizontalTab01 .resp-tabs-list li .offer-right {
         width: 100%;
         float: none;
     }

     #parentHorizontalTab01 .resp-tabs-list li ul li {
         margin-bottom: 0;
     }

     #parentHorizontalTab01 .resp-accordion .olist-right p {
         display: none;
     }

     #parentHorizontalTab01 .resp-tabs-container {
         max-width: 100%;
         position: inherit;
         text-align: center;
         padding: 10px !important;
     }

     #parentHorizontalTab01 .resp-tabs-container span div {
         display: none;
     }

     #parentHorizontalTab01 .resp-tabs-container span>p {
         line-height: 24px;
         margin: 10px 0 20px 0;
         font-size: 14px;
         display: block;
     }

     #videosss {
         height: 400px;
     }
 }




 /*cate3_section*/
 .main-cat {
     background: url(../images/index_bg1.jpg) no-repeat center bottom;
     background-size: cover;
     padding-top: 45px;
     margin-top: 70px;
     padding-bottom: 100px;
 }

 .main-cat .offer-left .img {
     float: left;
     width: 120px;
     margin-right: 12px;
 }

 .main-cat .offer-right .olist-right {
     text-align: right !important;
 }

 .main-cat .offer-right .img {
     float: right;
     width: 120px;
     margin-left: 12px;
 }

 /*cate4_section*/
 .show li {
     list-style: none;
     overflow: hidden;
     margin-bottom: 30px;
 }

 .show .li .img {
     background-position: center center;
     background-size: cover;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 1.25s;
     -o-transition-duration: 1.25s;
     transition-duration: 1.25s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     width: 100%;
     overflow: hidden;
 }

 .show .li .img img {
     width: 100%;
 }

 .show .li {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     -o-border-image: none;
     border-image: none;
     display: block;
     height: 0;
     padding: 75% 0 0;
     position: relative;
     width: 100%;
     overflow: hidden;
     border: 1px solid #fff;
 }

 .show .square-holder {
     -moz-box-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }

 .show .circle-holder {
     -moz-box-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     z-index: 2;
     height: 85%;
     left: 7.5%;
     top: 7.5%;
     width: 85%;
 }

 .show .square {
     padding: 0 75% 0 0;
     position: relative;
     height: 100%;
     margin: 0 auto;
     overflow: hidden;
 }

 .show .cirle {
     background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
     border-radius: 100em;
     height: 50%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 333ms;
     -o-transition-duration: 333ms;
     transition-duration: 333ms;
     width: 100%;
     width: 100%;
     height: 100%;
     margin-top: 0%;
 }

 .show .circle-holder:hover .cirle {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition-duration: 0.1665s;
     -o-transition-duration: 0.1665s;
     transition-duration: 0.1665s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }

 .show .li:hover .img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
 }

 .show .li:hover .cirle {
     opacity: 1;
 }

 .show .square .text {
     position: relative;
     z-index: 80;
     text-align: center;
     width: 100%;
     padding: 10px;
     opacity: 0;
 }

 .show .li:hover .text {
     opacity: 1;
 }

 .show .square h4 a {
     font-size: 13px;
     line-height: 20px;
     max-height: 40px;
     overflow: hidden;
     display: block;
     text-align: center;
     color: #333333;
     margin-bottom: 10px;
 }

 .show .square .Read {
     font-size: 13px;
     border: 1px solid #cecece;
     line-height: 22px;
     padding: 0px 10px;
     background: none;
     color: #545454;
     margin-top: 10px;
     display: inline-block;
 }


 .show1 .li .img {
     background-position: center center;
     background-size: cover;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 1.25s;
     -o-transition-duration: 1.25s;
     transition-duration: 1.25s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     width: 100%;
     overflow: hidden;
 }

 .show1 .li .img img {
     width: 100%;
 }

 .show1 .li {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     -o-border-image: none;
     border-image: none;
     display: block;
     height: 0;
     padding: 155% 0 0;
     position: relative;
     width: 100%;
     overflow: hidden;
     border: 1px solid #fff;
 }

 .show1 .square-holder {
     -moz-box-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }

 .show1 .circle-holder {
     -moz-box-align: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     z-index: 2;
     height: 100%;
     left: 2.5%;
     top: 0%;
     width: 95%;
 }

 .show1 .square {
     padding: 0 90% 0 0;
     position: relative;
     height: 100%;
     margin: 0 auto;
     overflow: hidden;
 }

 .show1 .cirle {
     background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
     border-radius: 100em;
     height: 50%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 333ms;
     -o-transition-duration: 333ms;
     transition-duration: 333ms;
     width: 100%;
     width: 90%;
     height: 50%;
     margin-top: 45%;
 }

 .show1 .circle-holder:hover .cirle {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition-duration: 0.1665s;
     -o-transition-duration: 0.1665s;
     transition-duration: 0.1665s;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }

 .show1 .li:hover .img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
 }

 .show1 .li:hover .cirle {
     opacity: 1;
 }

 .show1 .square .text {
     position: relative;
     z-index: 80;
     text-align: center;
     width: 90%;
     padding: 10px;
     opacity: 0;
 }

 .show1 .li:hover .text {
     opacity: 1;
 }

 .show1 .square h4 a {
     font-size: 13px;
     line-height: 20px;
     max-height: 40px;
     overflow: hidden;
     display: block;
     text-align: center;
     color: #333333;
     margin-bottom: 10px;
 }

 .show1 .square .Read {
     font-size: 13px;
     border: 1px solid #cecece;
     line-height: 22px;
     padding: 0px 10px;
     background: none;
     color: #545454;
     margin-top: 10px;
     display: inline-block;
 }


 .cate4_section {
     margin-top: 60px;
 }

 .cate4_section .show1 {
     float: left;
     width: 33.33%;
     padding-right: 15px;
 }

 .cate4_section .show {
     float: left;
     width: 66.66%;
     padding-left: 15px;
 }

 .cate4_section .text h4 a {
     font-size: 20px;
     color: #333;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
     overflow: hidden;
 }

 .cate4_section .text p {
     font-size: 13px;
     color: #757575;
     line-height: 22px;
     height: 44px;
     overflow: hidden;
     margin-top: 18px;
 }

 .cate4_section .text .more {
     line-height: 34px;
     background: #00a5a8;
     padding: 0px 20px;
     font-size: 14px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 20px;
 }

 .cate4_section .h4 a {
     line-height: 34px;
     padding: 20px;
     background: rgba(0, 165, 168, 0.6);
     bottom: 0px;
     left: 0px;
     width: 100%;
     display: block;
     text-align: center;
     z-index: 88888;
     position: absolute;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
     text-transform: uppercase;
 }

 .cate4_section .li:hover .h4 a {
     bottom: -100px;
 }

 .cate4_section .show .text h4 a {
     font-size: 16px;
 }

 .cate4_section .show .text .more {
     line-height: 30px;
     font-size: 13px;
     padding: 0px 0px;
     min-width: 110px;
 }


 /*cate5_section*/
 .cate5_section {
     padding-top: 50px;
     background: url(../images/index_bg3.png) no-repeat center bottom;
     padding-bottom: 100px;
     background-color: #FBFBFB;
 }

 .cate5_section ul {
     margin: 0px -10px
 }

 .cate5_section ul li {
     list-style: none;
     float: left;
     width: 25%;
     padding: 0px 10px;
     margin-bottom: 16px;
 }

 .cate5_section ul li .img {
     display: block;
     border: 1px solid #eee;
     overflow: hidden;
 }

 .cate5_section ul li h4 a {
     color: #00a5a8;
     font-size: 15px;
     font-weight: bold;
     line-height: 26px;
     height: 52px;
     overflow: hidden;
     margin: 10px 0 5px;
     text-align: center;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .cate5_section ul li p {
     color: #808080;
     font-size: 13px;
     line-height: 22px;
     overflow: hidden;
     height: 44px;
     overflow: hidden;
     padding: 0px 5px;
     text-align: center;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .cate5_section ul li:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 .cate5_section ul li:hover .img {
     border: 1px solid #333333;
 }

 .cate5_section ul li:hover h4 a {
     color: #333333;
 }

 /* Numbers */
 .numbers {
     padding: 30px 0px;
     position: relative;
     background: #f7f7f7;
 }

 .numbers>.container>div {
     position: relative;
     z-index: 100;
     margin: 0px -150px;
 }

 @media only screen and (max-width:1440px) {
     .numbers>.container>div {
         margin: 0;
     }
 }

 .numbers__one {
     width: 20%;
     float: left;
     padding: 14px 15px;
     text-align: center;
     position: relative;
 }

 .numbers__one:after {
     position: absolute;
     background: url(../images/num_line.png) no-repeat center center;
     width: 50px;
     height: 1px;
     content: '';
     top: 60px;
     right: -10px;
 }

 .numbers__one .img {
     width: 106px;
     height: 106px;
     border-radius: 50%;
     background: #333333;
     margin: 0 auto;
 }

 .numbers__num {
     color: #333;
     font-weight: bold;
     font-size: 46px;
     margin-top: 24px;
     line-height: 50px;
     display: inline-block;
     overflow: hidden;
 }

 .number__desc {
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     line-height: 22px;
     margin-top: 10px;
     color: #808080;
 }

 .numbers .numbers__one:last-child:after {
     content: none;
 }

 @media only screen and (max-width:768px) {
     .numbers__num {
         font-size: 30px;
     }

     .numbers__one {
         width: 50%;
     }

     .work_section {
         margin-top: 40px;
         margin-bottom: 40px;
     }

     .work_section ul li {
         margin-bottom: 50px;
     }

     .numbers__one:after {
         content: none;
     }

 }


 /*about_section*/
 .about_section {
     background: url(../images/index.bg2.jpg) no-repeat center center;
     padding: 100px 0;
     background-size: cover;
 }

 .about_section .about_img {
     float: left;
     width: 50%;
     padding-right: 50px;
 }

 .about_section .img {
     display: inline-block;
     position: relative;
 }

 .about_section .img img {
     position: relative;
     z-index: 50;
 }

 .about_section .img:before {
     position: absolute;
     left: -12px;
     bottom: -12px;
     background: rgba(255, 255, 255, 0.2);
     content: '';
     z-index: 40;
     width: 100%;
     height: 100%;
 }

 .about_section .about_text {
     text-align: center;
 }

 .about_section .about_text h4 a {
     color: #333333;
     font-size: 20px;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
     margin: 15px 0;
 }

 .about_section .about_text .p {
     font-size: 14px;
     color: #fff;
     line-height: 30px;
     max-height: 180px;
     overflow: hidden;
 }

 .about_section .about_text .more {
     line-height: 40px;
     text-transform: uppercase;
     margin-top: 30px;
     border-radius: 30px;
     background: #333333;
     padding: 0px 35px;
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
     color: #fff;
 }

 /*ser_section*/
 .ser_section ul li {
     list-style: none;
     float: left;
     width: 25%;
     padding: 40px;
 }

 .ser_section ul li h4 a {
     color: #414141;
     font-size: 20px;
     text-transform: uppercase;
     font-weight: bold;
     display: block;
     margin-top: 36px;
     margin-bottom: 20px;
 }

 .ser_section ul li h4 a:hover {
     color: #333333;
 }

 .ser_section ul li .p {
     line-height: 26px;
     color: #808080;
     height: 52px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .ser_section ul li:nth-child(2) {
     background: #f8fafa;
 }

 .ser_section ul li:nth-child(3) {
     background: #333333;
 }

 .ser_section ul li:nth-child(4) {
     background: #333333;
 }

 .ser_section ul li:nth-child(3) h4 a,
 .ser_section ul li:nth-child(4) h4 a,
 .ser_section ul li:nth-child(3) .p,
 .ser_section ul li:nth-child(4) .p {
     color: #fff;
 }

 /*footer_top*/
 .footer_top {
     border-bottom: 1px solid rgba(255, 255, 255, 0.15);
 }

 .footer_top .footer_logo {
     float: left;
     margin-top: 55px;
 }

 .footer_top .footer_email {
     float: right;
     padding: 55px 0;
     padding-left: 40px;
     border-left: 1px solid rgba(255, 255, 255, 0.15);
     margin-left: 50px;
 }

 .footer_top .footer_email .title {
     float: left;
     background: url(../images/email_ico2.png) left center no-repeat;
     padding-left: 60px;
 }

 .footer_top .footer_email .title h4 {
     font-size: 26px;
     color: #fff;
 }

 .footer_top .footer_email .title p {
     color: #999;
     font-size: 14px;
 }

 .footer_top .footer_email .email {
     float: right;
     margin-left: 50px;
 }

 .footer_top .email {
     position: relative;
     width: 450px;
 }

 .footer_top .email_main {
     height: 52px;
     color: #999;
     line-height: 52px;
     font-size: 13px;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     width: 100%;
     border: none;
     padding-left: 15px;
     background: #fff;
     border-radius: 30px;
 }

 .footer_top .email_main:focus {
     background: #fff;
     color: #333;
 }

 .footer_top .email_btn {
     line-height: 52px;
     border: none;
     display: inline-block;
     position: relative;
     font-size: 14px;
     color: #fff;
     text-transform: uppercase;
     padding: 0px 25px;
     background: #333333;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     position: absolute;
     top: 0px;
     right: 0px;
     font-weight: bold;
     border-top-right-radius: 30px;
     border-bottom-right-radius: 30px;
 }

 @media only screen and (min-width: 1200px) {

     .footer_top .footer_logo {
         float: left;
         width: 20%;
         padding-right: 6px;
     }

     .footer_top .footer_email {
         width: 80%;
         margin-left: 0;
     }

     .footer_top .footer_email .title {
         width: 50%;
     }

     .footer_top .footer_email .email {
         width: 50%;
         margin-left: 0;
     }

 }

 @media only screen and (max-width: 1024px) {
     .y_link {
         width: 280px;
         float: left;
         margin-top: 3px;
         margin-left: 12px;
     }

 }


 /*footer*/
 /*#footer{ color:#777; line-height:24px; font-size:13px; background:#333333;}
#footer ul li{ list-style:none;}
#footer a{ color:#777; font-size:13px;}
#footer a:hover{ color:#333333 !important;}
#footer .title_h4{font-size:24px; color:#fff; margin-bottom:20px; margin-top:40px; text-transform:capitalize; position:relative; padding-bottom:10px;}

#footer .footer_follow{ float:left; width:20%; padding-right:5%;}
#footer .footer_tags{ float:left; width:23%; padding-right:5%;}
#footer .footer_con{ float:left; width:33%;padding-right:5%;}
#footer .footer_message{ float:left; width:24%;}
@media only screen and (max-width:768px) {
#footer .footer_follow{ float:left; width:100%; padding-right:0;}
#footer .footer_tags{ float:left; width:100%; padding-right:0;}
#footer .footer_con{ float:left; width:100%;padding-right:0;}
#footer .footer_message{ float:left; width:100%;}
}*/


 footer {
     background: #112D52;
 }

 .footer_content {
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
     max-width: 1400px;
     padding: 40px 10px;
     flex-wrap: wrap
 }

 .footer_content .foot {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: 36px;
     flex-wrap: nowrap;
     position: relative;
 }

 /* 左侧logo简介区（加宽） */
 .footer_content .foot .logo {
     flex: 0 0 380px;
     max-width: 380px;
 }

 .footer_content .foot .logo img {
     max-width: 260px;
     height: auto;
 }

 .footer_logo_param,
 .footer_more {
     margin-top: 28px;
     color: #fff;
     font-size: 16px;
     line-height: 1.7;
     font-weight: 400;
     word-break: break-word;
 }

 /* MORE按钮 */
 .footer_more text,
 .footer_more a {
     display: inline-block;
     margin-top: 10px;
     padding: 8px 28px;
     background: #E39A06;
     color: #fff;
     border-radius: 6px;
     font-size: 28px;
     line-height: 1;
 }

 /* 右侧四列统一宽度 */
 .footer .contactus {
     flex: 0 0 190px;
     max-width: 190px;
     width: auto;
 }

 .footer_nav_content {
     display: flex;
     flex-direction: column;

 }

 .contactus .footer_nav_content a {
     position: relative;
     text-decoration: none;
 }

 .contactus .footer_nav_content a::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: #1469A9;
     transform: scaleX(0);
     transform-origin: bottom left;
     transition: transform 0.3s ease-out;
 }

 .contactus .footer_nav_content a:hover::after {
     width: 100%;
 }

 .footer .footer_information {
     flex: 0 0 260px;
     max-width: 260px;
 }

 /* 标题和列表 */
 .footer dl dt,
 .footer .contactus .h2 h2,
 .footer .title_h4 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 22px;
     color: #fff;
     line-height: 1.2;
 }


 .footer dl dd {
     line-height: 1.45;
     margin-bottom: 8px;
     color: #fff;
     font-size: 14px;
 }

 .footer dl a {
     font-size: 16px;
     color: #fff;
     display: inline-block;
     line-height: 1.45;
 }

 /* 联系方式行距 */
 .footer_information .toggle_content>div,
 .footer_information .toggle_content a {
     font-size: 14px;
     line-height: 1.7;
     color: #fff;
     word-break: break-word;
 }

 /* 你原来的hover线条可保留 */
 .footer dl dd a:hover {
     color: #1469A9 !important;
 }

 .footer_navaa {
     max-width: 1380px;
     width: 100%;
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }

 .footer_navaa a {
     color: #ffffff;
     margin-right: 70px;
     line-height: 4;
     text-decoration: none;
     position: relative;
     display: inline-block;
     font-size: 15px;
 }

 .footer_navaa a:last-child {
     margin-right: 0;
 }

 .footer_navaa a:hover {
     text-decoration: underline !important;
     text-underline-offset: 5px;
 }


 /* 平板/手机 */
 @media (max-width: 1200px) {
     .footer_content .foot {
         flex-wrap: wrap;
         gap: 24px;
     }

     .footer_content .foot .logo {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .footer .contactus,
     .footer .footer_information {
         flex: 0 0 calc(50% - 12px);
         max-width: calc(50% - 12px);
     }
 }

 @media (max-width: 768px) {
     .footer dl a {
         font-size: 14px;
         color: #fff;
         display: inline-block;
         line-height: 1.45;
     }

     .footer_navaa {
         display: flex;
         gap: 15px;
         padding: 0 20px;
     }

     .footer_navaa a {
         margin-right: 5px;
         font-size: 14px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .footer .contactus,
     .footer .footer_information {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }

 #footer .footer_tags ul li a,
 #footer .footer_follow ul li a {
     line-height: 22px;
     padding: 5px 0;
     display: block;
     position: relative;
 }


 #footer .footer_con ul li {
     line-height: 24px;
     padding: 7px 0;
 }

 #footer .footer_con ul li a {
     line-height: 24px;
 }

 #footer .footer_con ul .li1 {
     background: url(../images/footer_add.png) no-repeat left 10px;
     padding-left: 25px;
 }

 #footer .footer_con ul .li2 {
     background: url(../images/footer_tel.png) no-repeat left 10px;
     padding-left: 25px;
 }

 #footer .footer_con ul .li3 {
     background: url(../images/footer_email.png) no-repeat left 12px;
     padding-left: 25px;
 }

 #footer .footer_con ul .li4 {
     background: url(../images/footer_fax.png) no-repeat left 10px;
     padding-left: 25px;
 }

 #footer .footer_con ul .li5 {
     background: url(../images/footer_whatsapp.png) no-repeat left 10px;
     padding-left: 25px;
 }

 .footer_message form {
     margin-top: 6px;
 }

 .footer_message .input_1 {
     line-height: 36px;
     height: 36px;
     border: 1px solid rgba(119, 119, 119, 0.4);
     padding-left: 10px;
     width: 100%;
     background: none;
     color: #777;
     margin-bottom: 12px;
     font-size: 13px;
     border-radius: 5px;
 }

 .footer_message .input_1:focus {
     border: 1px solid #333333;
     color: #fff;
 }

 .footer_message .input_2 {
     line-height: 26px;
     height: 70px;
     border: 1px solid rgba(119, 119, 119, 0.4);
     padding-left: 10px;
     width: 100%;
     background: none;
     color: #777;
     margin-bottom: 12px;
     font-size: 13px;
     border-radius: 5px;
 }

 .footer_message .input_2:focus {
     border: 1px solid #333333;
     color: #fff;
 }

 .footer_message .btn {
     margin-top: 14px;
     line-height: 32px;
     border-radius: 5px;
     display: inline-block;
     position: relative;
     font-size: 14px;
     color: #fff;
     font-weight: bold;
     background: none;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     padding: 0px 28px;
     background: #333333;
     text-transform: uppercase;
 }

 .footer_message .btn:hover {
     background: #fea100;
 }

 input:focus {
     outline: none;
 }





 .footer_bottom {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     margin-top: 45px;
     font-size: 13px;
     color: #777;
     line-height: 20px;
     padding: 15px 0;
 }

 .footer_bottom .footer_sns {
     float: right;
 }

 .footer_bottom .footer_bl {
     float: left;
 }

 #footer .footer_bottom a {
     color: #777;
     font-size: 13px;
     margin: 0px 4px;
 }

 #footer .footer_bottom a:hover {
     color: #d30924;
 }

 @media only screen and (max-width: 768px) {
     #footer .footer_logo {
         margin-bottom: 15px;
     }

     #footer .footer_follow {
         text-align: left;
         border-bottom: none;
         padding-bottom: 0;
     }

     #footer .title_h4 {
         margin-top: 0;
     }
 }

 .footer_bottom .footer_sns {
     margin-top: 10px;
 }

 .footer_bottom .footer_sns a {
     display: inline-block;
     display: inline-block;
     margin-left: 6px;
 }



 /**/
 @media only screen and (max-width: 811px) {
     .cate4_section .show1 {
         width: 100%;
     }

     .cate4_section .show {
         width: 100%;
     }

     .show li {
         float: left;
         width: 50%;
     }

     .cate4_section .show {
         padding-left: 0;
         margin-top: 30px;
     }

     .cate1_section ul li {
         margin-bottom: 0px;
     }

     .cate2_section {
         padding-top: 40px;
     }

     .cate2_section .li {
         padding: 0px 15px;
     }

     /*.i_title{ padding-top:30px;}*/
     .cate2_section .left {
         width: 100%;
         padding-right: 0px;
         margin-bottom: 30px;
     }

     .cate2_section .img img {
         width: 100%;
     }

     .cate2_section .left .text {
         padding: 30px;
     }

     .cate2_section .right {
         padding-left: 0px;
         width: 100%;
     }

     .main-cat {
         padding-bottom: 40px;
     }

     .cate4_section {
         margin-top: 40px;
     }

     .cate5_section ul li {
         width: 100%;
         margin-bottom: 20px;
     }

     .cate5_section ul li .img {
         float: left;
         width: 30%;
         margin-right: 15px;
     }

     .cate5_section ul li h4 a {
         text-align: left;
     }

     .cate5_section ul li p {
         text-align: left;
     }

     .numbers .numbers__one:last-child {
         display: none;
     }

     .cate5_section {
         padding-bottom: 50px;
     }

     .about_section {
         padding: 50px 0;
     }

     .about_section .about_img {
         width: 100%;
         text-align: center;
         padding-right: 0;
     }

     .ser_section ul li {
         width: 50%;
     }

     .ser_section ul li {
         padding: 20px;
     }



     #footer .footer_logo {
         width: 100%;
         text-align: center;
     }

     .footer_top .footer_email {
         width: 100%;
         margin-left: 0;
         border-left: none;
         margin-bottom: 20px;
     }

     .footer_top .footer_email {
         text-align: center;
     }

     .footer_top .footer_email .title {
         float: none;
         display: inline-block;
         text-align: left;
     }

     .footer_top .footer_email .email {
         width: 100%;
         margin-left: 0px;
         margin-top: 20px;
     }

     .footer_top .footer_email {
         padding: 0px;
     }

     .footer_bottom .footer_bl {
         text-align: center;
         width: 100%;
     }

     .footer_bottom .footer_sns {
         width: 100%;
         text-align: center;
     }

     .header_section #logo {
         width: 100%;
         text-align: center;
     }

     .header_section {
         text-align: center;
     }

     /*.header_section .header_r{ display:inline-block; float:none;}*/
     .header_section #logo {
         _margin-bottom: 20px;
     }

     #cssmenu>ul>li>a {
         color: #444;
     }

     #cssmenu>ul>li ul li {
         border-bottom: none;
     }

     .cate4_section .h4 a {
         font-size: 14px;
     }

     .cate4_section .h4 a {
         padding: 10px;
     }

     .cate5_section {
         margin-top: 30px;
     }

     .cate1_section .li .back,
     .front:after {
         display: none;
     }

     .cate1_section .li:hover .front {
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
         -webkit-transform-style: preserve-3d;
         transform-style: preserve-3d;
     }

     .cate2_section .left .text h4 a {
         font-size: 20px;
     }

     .footer_bottom {
         margin-top: 15px;
     }

     .footer_top {
         margin-bottom: 15px;
     }
 }

 @media only screen and (max-width:480px) {
     .header_section .top_email {
         display: none;
     }

     /*.header_section .header_r{ width:100%;}*/
     .y_link {

         width: 100%;
         display: block !important;
         margin-bottom: 10px;

     }
 }

 @media only screen and (max-width:400px) {
     .show li {
         width: 100%;
     }
 }

 /*service*/
 #service {
     position: fixed;
     right: -210px;
     top: 10px;
     z-index: 999999999;
     margin: 200px 0 0 0;
     font: 14px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     color: #666;
 }

 #service ul {
     list-style: none;
 }

 .online_title {
     background: #333333;
     text-align: center;
     font-weight: bold;
     font-size: 13px;
     color: #fff;
     text-transform: uppercase;
     padding: 10px 0;
 }

 .online_title img {
     max-width: 30px;
     margin-right: 5px;
 }

 #service a {
     color: #666;
     font-size: 13px;
 }

 #ser_main {
     position: relative;
     z-index: 9;
     top: 0px;
     font-size: 13px;
 }

 #ser_main a {
     display: block;
     overflow: hidden;
 }

 #ser_main #floatShow1 {
     background: url(../images/ser-30.png) no-repeat;
     height: 200px;
     width: 38px;
     z-index: 99999;
     position: absolute;
     left: -38px;
     top: 0px;
 }

 #online {
     float: left;
     background: #fff;
     overflow: hidden;
     width: 210px;
     -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);
     position: relative;
 }

 .onlineMenu ul li {
     padding: 10px 10px;
     border-bottom: 1px solid #eee;
 }

 .onlineMenu ul li:last-child {
     border: none;
 }

 .onlineMenu ul li:nth-child(2) {
     background: #e5e5e5;
 }

 .onlineMenu .serm_top {
     text-align: center;
     padding-bottom: 10px;
 }

 .onlineMenu .call {
     text-align: left;
 }

 .call {
     padding: 6px 10px;
     font-size: 13px;
 }

 .call img {
     display: inline-block;
     vertical-align: middle;
     margin-right: 6px;
 }

 .call a:hover {
     color: #333 !important;
 }

 #service:hover {
     right: 0px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 #service:hover #ser_main #floatShow1 {
     left: 120px;
     z-index: -11;
     opacity: 0;
 }

 #service h4 {
     font-size: 14px;
     color: #666;
     margin: 0px;
     line-height: 25px;
     font-weight: bold;
 }

 .footer_nav,
 .height {
     display: none
 }

 @media only screen and (max-width: 960px) {
     #service {
         display: none;
     }
 }

 @media only screen and (max-width: 768px) {
     .footer_nav {
         width: 100%;
         position: fixed;
         bottom: 0;
         display: block;
         overflow: hidden;
         z-index: 999999
     }

     .height {
         height: 50px;
         display: block
     }

     .footer_nav {
         background: #1469A9;
         padding: 12px 0 5px;
         border-top: 2px solid #fff;
     }

     .footer_nav ul li {
         float: left;
         width: 25%;
         text-align: center;
         list-style: none;
         padding: 0px 10px;
     }

     .footer_nav ul li i {
         font-size: 16px;
         color: #fff;
     }

     /*.footer_nav ul li:nth-child(4){ float:right;}
.footer_nav ul li:nth-child(5){ float:right;}*/
     .footer_nav ul li p {
         color: #fff;
         font-size: 13px;
         margin-top: 3px;
         text-transform: capitalize;
         line-height: 12px;
     }

 }

 @media only screen and (max-width: 375px) {
     .footer_nav ul li p {
         display: none;
     }

     .height {
         height: 43px;
     }
 }

 /*service*/
 #online_qq_layer {
     z-index: 9999999;
     position: fixed;
     right: 0px;
     bottom: 0;
 }

 #floatShow {
     display: block;
 }

 #floatHide {
     display: none;
 }

 #online_qq_tab {
     position: relative;
     z-index: 9;
 }

 #online_qq_tab #floatShow {
     overflow: hidden;
     background: url(../images/ser_2.png) no-repeat right top;
     height: 34px;
     width: 250px;
     padding-top: 5px;
     font-size: 13px;
     padding-left: 56px;
     text-transform: capitalize;
     color: #fff;
     font-weight: bold;
 }

 #online_qq_tab #floatShow img {
     max-height: 24px;
     float: right;
     margin-top: 6px;
 }

 #online_qq_tab #floatHide img {
     max-height: 32px;
     float: right;
     margin-top: 2px;
 }

 #online_qq_tab #floatHide {
     overflow: hidden;
     background: #333333 url(../images/ser_1.png) no-repeat left center;
     width: 100%;
     height: 36px;
     font-size: 13px;
     color: #fff;
     line-height: 36px;
     padding-left: 50px;
     width: 300px;
     text-transform: capitalize;
 }

 #onlineService {
     display: inline;
     width: 300px;
     overflow: hidden;
     display: none;
     background: #fff;
     font-size: 13px;
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     border: 1px solid #eee;
     background: #fff;
 }

 #onlineService .inquiry {
     padding: 0px;
 }

 #online_qq_layer .inquiry .btn_1 {
     display: inline-block;
     line-height: 34px;
     height: 34px;
     font-size: 13px;
     color: #fff;
     text-transform: capitalize;
     background: #333333;
     border: none;
     width: 100%;
     text-align: center;
     font-weight: bold;
     text-transform: uppercase;
 }

 #onlineService .p {
     margin: 8px 0;
     color: #808080;
     line-height: 22px;
     font-size: 13px;
 }

 .i_message_inquiry h4 {
     font-size: 16px;
     color: #ff8e09;
     text-transform: uppercase;
     font-weight: bold;
 }

 .i_message_inquiry {
     padding: 10px;
     padding-top: 20px;
     padding-bottom: 20px;
 }

 .my_btn2 {
     background: #ff8e09 none repeat scroll 0 0;
     border: medium none;
     color: #fff;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
     margin-top: 15px;
     padding: 8px 15px;
     text-transform: uppercase;
     -webkit-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }

 .my_btn2 {
     background: #333;
     color: #fff;
     line-height: 38px;
     font-size: 14px;
     font-weight: bold;
     display: inline-block;
     padding: 0px 26px;
     text-transform: uppercase;
     margin-top: 15px;
 }

 .my_btn2 i {
     margin-left: 10px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .my_btn2:hover i {
     margin-left: 20px;
 }

 .i_message_inquiry .inquiry .input-group-addon {
     background: none;
     border: none;
     border-radius: 0px;
     padding: 0px 10px;
 }

 .i_message_inquiry .inquiry .input-group-addon i {
     line-height: 30px;
     font-size: 13px;
 }

 .i_message_inquiry .inquiry .form-control {
     height: 30px;
     border: none;
     background: none;
     border-radius: 0px;
     line-height: 30px;
     color: #999;
     font-size: 13px;
 }

 .i_message_inquiry .inquiry #message {
     height: 80px;
 }

 .i_message_inquiry .inquiry .input-group {
     border: 1px solid #ddd;
     background: #fff;
     height: 32px;
     margin-bottom: 20px;
 }

 @media only screen and (max-width: 768px) {
     #onlineService {
         width: 100%;
     }

     #online_qq_layer {
         width: 100%;
     }

     #online_qq_tab {
         width: 100%;
     }

     #online_qq_tab #floatShow {
         background: url(../images/inquiry_ico.png) no-repeat;
         width: 46px;
         height: 46px;
         position: absolute;
         left: 50%;
         bottom: 10px;
         margin-left: -23px;
         padding-left: 46px;
     }

     #online_qq_tab #floatHide {
         width: 100%;
         background: #333333 url(../images/ser_1.png) no-repeat left center;
         width: 100%;
         height: 36px;
     }
 }


 /*back-top*/
 .totop {
     width: 46px;
     height: 46px;
     position: fixed;
     right: 30px;
     bottom: 80px;
     z-index: 9999;
     display: none;
     -o-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     border: 2px solid #1469A9;
     color: #1469A9;
     text-align: center;
 }

 .totop:hover {
     color: #EC8415;
     border: 2px solid #EC8415;
 }

 .totop .EFfx.eefx-a-caret-top {
     font-size: 36px;
     line-height: 40px;
 }

 @media only screen and (max-width: 768px) {
     .totop {
         display: none;
         bottom: 80px;
     }

     .totop:hover {
         bottom: 80px;
     }
 }


 /*n_main*/
 .mbx_section .img img {
     width: 100%;
     height: auto;
 }

 .mbx_section .text {
     background: #f6f6f6 url(../images/bg.png) repeat center center;
 }

 .mbx_section .text h4 {
     color: #333;
     font-size: 18px;
     font-weight: bold;
     float: left;
     text-transform: uppercase;
     line-height: 30px;
     display: none;
 }

 .mbx_section .text h4 i {
     width: 30px;
     height: 30px;
     color: #fff;
     line-height: 30px;
     border-radius: 50%;
     display: inline-block;
     text-align: center;
     font-size: 24px;
     margin: 12px 0;
     background: #333333;
     margin-right: 10px;
 }

 .mbx_section .mbx {
     margin-top: 0px;
     float: left;
 }

 .mbx_section .mbx a {
     color: #999;
     font-size: 13px;
 }

 .mbx_section .mbx a i {
     margin-right: 10px;
 }

 .mbx_section .mbx span {
     font-size: 13px;
     color: #999;
     margin: 0px 10px;
 }

 .mbx_section .mbx h2 {
     color: #333333;
     font-size: 13px;
     display: inline-block;
 }

 .n_main {
     margin: 60px 0;
 }

 .section_title {
     color: #333;
     font-weight: bold;
     font-size: 24px;
     margin-bottom: 20px;
     text-transform: capitalize;
     _background: url(../images/n_titleico.png) no-repeat left center;
     _padding-left: 38px;
 }


 .n_main .container>h1 {
     font-weight: 800;
     font-style: normal;
     font-size: 30px;
     letter-spacing: 0em;
     line-height: 1.4em;
     text-transform: none;
     margin-bottom: 0.6em;
     color: #333;
 }

 .contact_oth .con_map iframe {
     width: 100% !important;
     display: block;
 }

 .n_main .container .products_m {
     margin-bottom: 36px;
 }


 .prom_r {
     float: right;
     width: 25%;
 }

 .prom_l {
     float: left;
     width: 75%;
     padding-right: 70px;
 }

 .n_left {
     float: left;
     width: 25%;
      position: -webkit-sticky;
     position: sticky;
     top: 10px;
     z-index: 9999;
 }

 .left_h4 {
     font-size: 24px;
     color: #333;
     font-weight: bold;
     text-transform: capitalize;
     margin-bottom: 15px;
     position: relative;
     _background: url(../images/left_bg.png) no-repeat left bottom;
     _padding-bottom: 30px;
 }

 .nav_h4 {
     margin-bottom: 0px;
     background: #1469A9;
     padding: 16px 10px;
     color: #fff;
     font-size: 16px;
     position: inherit;
     font-weight: bold;
     text-transform: uppercase;
 }

 .nav_h4::after {
     content: none;
 }

 .nav_h4:before {
     content: "\f03a";
     color: #fff;
     float: right;
     font: normal normal normal 14px/1 FontAwesome;
     margin-right: 6px;
 }

 html[lang=ar] .nav_h4::before {
     content: "\f03a";
     color: #fff;
     float: left;
     font: normal normal normal 14px/1 FontAwesome;
     margin-right: 6px;
     margin-left: 6px;
     line-height: 40px;
 }

 .n_right {
     float: right;
     width: 75%;
     padding-left: 60px;
 }

 .n_left .block {
     margin-bottom: 40px;
 }

 @media only screen and (max-width:768px) {
     .n_main {
         margin: 30px 0;
     }

     .n_left {
         width: 100%;
         padding-right: 0;
         display: none;
     }

     .n_right {
         width: 100%;
         border-left: none !important;
         padding-left: 0px;
         margin-top: 30px;
     }

     .left_h4 span {
         background: none;
     }



     .left_h4 {
         position: relative;
         margin-bottom: 20px;
         background: none;
         text-align: left !important;
         background: #333333 !important;
         padding: 0px 10px;
         line-height: 40px;
         color: #fff !important;
         font-size: 16px !important;
         border-bottom: none;
         border-radius: 5px;
         text-transform: uppercase;
     }

     .left_h4:after {
         display: block;
         content: "\f107";
         font-family: "FontAwesome";
         position: absolute;
         right: 15px;
         cursor: pointer;
         font-size: 20px;
         top: 0px;
         color: #fff;
     }

     .left_h4.active:after {
         content: "\f106";
     }

     .n_left .toggle_content {
         padding-bottom: 30px;
     }

     .nav_h4 {
         position: relative;
         margin-bottom: 20px;
         border-radius: 5px;
         background: #333333;
     }

     .nav_h4:before {
         content: none;
     }

     .nav_h4:after {
         display: block;
         content: "\f107";
         font-family: "FontAwesome";
         position: absolute;
         right: 15px;
         cursor: pointer;
         font-size: 20px;
         top: 0px;
         color: #fff;
     }

     .nav_h4.active:after {
         content: "\f106";
     }

 }

 .bt11 .img {
     position: relative;
 }

 .bt11 .img img {
     width: 100%;
 }

 .bt11 .img .line {
     position: relative;
     overflow: hidden;
     display: block;
 }

 .bt11 .img .line:after {
     width: calc(100% - 20px);
     height: calc(100% - 20px);
     position: absolute;
     left: 10px;
     top: 10px;
     content: '';
     border: 1px solid #1469A9;
     -webkit-transition: all ease-out .3s;
     -o-transition: all ease-out .3s;
     transition: all ease-out .3s;
     opacity: 0;
 }

 .bt11 .img:hover .line:after {
     width: calc(100%);
     height: calc(100%);
     left: 0px;
     top: 0px;
     opacity: 1;
 }

 .bt11 .img {
     position: relative;
     -webkit-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
     width: 100%;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }

 /*.bt11 .img:hover .line img{ opacity:1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}*/
 .bt11 .icon {
     position: absolute;
     left: 50%;
     top: 100%;
     margin-left: -30px;
     margin-top: -30px;
     opacity: 0;
     display: block;
     -webkit-transition: all ease-out .3s;
     -o-transition: all ease-out .3s;
     transition: all ease-out .3s;
     text-align: center;
     font-size: 40px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     _background: url(../images/links_ico.png) no-repeat center center;
     width: 60px;
     height: 60px;
 }

 .bt11 .img:hover .icon {
     opacity: 1;
     top: 50%;
 }

 .bt11 .img .product_detail_imga {
     opacity: 1
 }

 .bt11 .img .product_detail_imgb {
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     transform: scale(0);
     transition: all 0.3s;
 }

 .bt11 .img:hover .product_detail_imga {
     opacity: 0;
 }

 .bt11 .img:hover .product_detail_imgb {
     opacity: 1;
     transform: scale(1);
 }

 /*left*/
 ul.mtree {
     opacity: 0;
     margin-left: 0;
 }

 ul.mtree>li {
     list-style: none;
     position: relative;
     margin-bottom: 2px;
     border: 1px solid #efefef;
 }

 ul.mtree>li>a {
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree>li:hover>a {
     color: #fff;
     padding-left: 15px;
 }

 ul.mtree a {
     display: block;
     font-size: 14px;
     color: #555;
     -o-transition: all 0s;
     -webkit-transition: all 0s;
     transition: all 0s;
     padding: 8px 15px;
     line-height: 22px;
     padding-right: 36px;
     background: #fff;
 }

 ul.mtree li ul a {
     padding: 8px 0px;
     padding-right: 30px;
 }

 ul.mtree li:last-child a {
     border: none;
 }

 ul.mtree.transit li.mtree-open>span:before {
     content: "-";
     font-weight: bold;
     padding-left: 5px;
     float: right;
     font-size: 22px;
     color: #333333;
     font-style: normal;
     padding: 2px 15px;
     position: absolute;
     right: 5px;
     top: 4px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree.transit li.mtree-closed>span:before {
     content: "+";
     font-weight: bold;
     padding-left: 5px;
     float: right;
     font-size: 22px;
     color: #333333;
     font-style: normal;
     padding: 2px 15px;
     position: absolute;
     right: 5px;
     top: 2px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree .mtree-level-1 li.mtree-open>span:before {
     content: "-";
     font-weight: bold;
     padding-left: 5px;
     float: right;
     font-size: 22px;
     color: #333333;
     font-style: normal;
     background: none;
     padding: 4px 15px;
     padding-right: 10px;
     position: absolute;
     right: 8px;
     top: 0;
     border-left: none;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree .mtree-level-1 li.mtree-closed>span:before {
     content: "+";
     font-weight: bold;
     padding-left: 5px;
     float: right;
     font-size: 22px;
     color: #333333;
     font-style: normal;
     background: none;
     padding: 4px 15px;
     padding-right: 10px;
     position: absolute;
     right: 8px;
     top: 0;
     border-left: none;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree li ul a li a {
     padding-left: 20px;
 }

 ul.mtree>li:hover>a,
 ul.mtree>li.mtree-active>a {
     color: #fff;
     background: #1469A9;
 }

 ul.mtree>li.mtree-node a ul a {
     font-size: 13px;
 }

 ul.mtree>li.mtree-open {
     color: #fff;
     padding-bottom: 0;
 }

 ul.mtree>li.mtree-open>a {
     color: #fff;
     background: #1469A9;
 }

 ul.mtree>li.mtree-open>span:before {
     color: #fff !important;
 }

 ul.mtree>li:hover>span:before {
     color: #fff !important;
 }

 ul.mtree>li.mtree-node:hover>a {
     color: #fff;
     text-decoration: none;
     background: #1469A9;
 }

 ul.mtree .mtree-level-1 li.mtree-closed>span {
     color: #333;
     text-decoration: none;
 }



 ul.mtree ul {
     background: #f3f3f3;
     _border: 1px solid #f3f3f3;
 }

 ul.mtree ul li {
     list-style: none;
     position: relative;
 }

 ul.mtree ul li a {
     display: block;
     color: #777;
     font-size: 14px;
     font-family: 'poppins-regular';
 }

 ul.mtree>li>ul>li {
     padding: 0px 12px;
     background: #fff;
 }

 ul.mtree>li>ul>li>a {
     font-size: 13px !important;
     background: #fff;
     border-bottom: 1px dashed #eee;
 }

 ul.mtree>li>ul>li>a i {
     color: #ccc;
     font-size: 13px;
     margin-right: 10px;
     margin-left: 6px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 ul.mtree>li>ul>li>a:before {
     content: "";
 }

 ul.mtree ul li:hover a,
 ul.mtree>li>ul>li.mtree-active a {
     color: #1469A9;
 }

 ul.mtree ul li:hover a i {
     color: #333333;
     margin-left: 10px;
 }

 ul.mtree li ul li.mtree-open a {
     color: #333333;
     text-decoration: none;
 }

 ul.mtree .mtree-level-2 {
     margin-top: 0px;
     border: none;
     padding: 0px;
     margin-bottom: 0;
     background: #fff;
     border-bottom: 1px solid #eee;
 }

 ul.mtree li ul.mtree-level-2 li a {
     color: #808080;
     font-weight: normal;
     font-size: 13px;
     padding-left: 26px;
     background: #fff;
 }

 ul.mtree .mtree-level-2 li a:hover {
     text-decoration: underline;
     color: #333333;
     font-weight: normal;
 }

 ul.mtree.jet ul {
     margin-left: 0;
 }

 ul.mtree.jet li {
     margin-bottom: 1px;
 }

 ul.mtree.jet li:last-child {
     margin-bottom: 0px;
 }

 ul.mtree.jet li:first-child {
     margin-top: 1px;
 }

 ul.mtree.jet li.mtree-active a {
     background: #e5e5e5;
 }

 ul.mtree.jet li.mtree-active li:last-child>a {
     border-radius: 0px 0px 3px 3px;
 }

 ul.mtree.jet li.mtree-active>a {
     background: #aaa;
     color: #FFF;
     border-radius: 3px 3px 0px 0px;
 }

 ul.mtree.jet li>a:hover {
     background: #FFC000;
     color: #FFF;
 }

 ul.mtree.jet a {
     padding: 5px 0px 5px 1em;
 }

 ul.mtree.jet li li>a {
     padding-left: 2em;
 }

 ul.mtree.jet li li li>a {
     padding-left: 3em;
 }

 ul.mtree.jet li li li li>a {
     padding-left: 4em;
 }

 ul.mtree.jet li li li li li>a {
     padding-left: 5em;
 }

 ul.mtree a:hover {
     text-decoration: none;
 }

 .mtree-skin-selector {
     display: none !important
 }

 /*hot_left*/
 .hot_left ul li {
     list-style: none;
     margin-bottom: 15px;
 }

 .hot_left ul li .img {
     float: left;
     width: 30%;
     border: 1px solid #eee;
     display: inline-block;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     overflow: hidden;
 }

 .hot_left ul li .text {
     float: left;
     width: 60%;
     padding-left: 15px;
 }

 .hot_left ul li h4 a {
     font-size: 13px;
     color: #333;
     font-weight: bold;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
 }

 .hot_left ul li h4 a:hover {
     color: #333333;
 }

 .hot_left ul li p {
     font-size: 13px;
     color: #8f8f8f;
     line-height: 24px;
     max-height: 48px;
     overflow: hidden;
     margin: 3px 0;
 }

 .hot_left ul li:last-child {
     margin-bottom: 0px;
 }

 .hot_left ul li:hover .img img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 .hot_left ul li:hover .img {
     border: 1px solid #1469A9;
 }

 .hot_left ul li .text .p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }

 .left_img {
     margin: 30px 0;
 }

 /*LATEST NEWS*/
 .news_left {
     background: none;
     padding: 0;
 }

 .news_left .slider {
     margin: 0px;
 }

 @media only screen and (min-width:768px) {
     .news_left .toggle_content {
         overflow: inherit !important;
     }
 }

 .news_left .li {
     margin: 0px;
 }

 .news_left .toggle_content {
     border: 1px solid #eee;
     padding-top: 10px;
 }

 .news_left .li {
     background: #fff;
     margin: 0px 10px;
 }

 .news_left .li .text {
     padding: 15px;
     text-align: center;
 }

 .news_left .li .day {
     font-size: 13px;
     color: #999;
 }

 .news_left .li .day i {
     display: inline-block;
     margin-right: 4px;
 }

 .news_left .li h4 a {
     font-weight: bold;
     font-size: 14px;
     color: #333;
     overflow: hidden;
     margin-top: 10px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
 }

 .news_left .li p {
     line-height: 30px;
     color: #8f8f8f;
     max-height: 60px;
     overflow: hidden;
     font-size: 13px;
     margin-top: 5px;
 }

 .news_left .li:hover h4 a {
     color: #333333;
 }


 .news_left .slick-prev {
     width: 34px;
     height: 34px;
     position: absolute;
     left: -10px;
     top: 40%;
     vertical-align: middle;
     opacity: 0;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     background: #1469A9;
     border-radius: 2px;
 }

 .news_left .slick-prev::before {
     border-radius: 0;
     color: #fff;
     display: inline-block;
     font-family: "FontAwesome";
     font-size: 26px;
     content: "\f104";
     line-height: 34px;
 }

 .news_left .slick-next {
     width: 34px;
     height: 34px;
     position: absolute;
     right: -10px;
     top: 40%;
     vertical-align: middle;
     opacity: 0;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     background: #1469A9;
     border-radius: 2px;
 }

 .news_left .slick-next::before {
     border-radius: 0;
     color: #fff;
     display: inline-block;
     font-family: "FontAwesome";
     font-size: 26px;
     content: "\f105";
     line-height: 34px;
 }

 .news_left:hover .slick-next {
     opacity: 1;
     right: 5px;
 }

 .news_left:hover .slick-prev {
     opacity: 1;
     left: 5px;
 }

 @media only screen and (max-width:768px) {
     .news_left .slick-next {
         opacity: 1;
         right: 5px;
     }

     .news_left .slick-prev {
         opacity: 1;
         left: 5px;
     }
 }



 /*about*/
 .team {
     margin-top: 50px;
     padding-top: 50px;
     border-top: 1px solid #eee;
 }

 .team ul li {
     list-style: none;
 }

 .team ul li .li {
     background: #f8f8f8;
     padding: 10px;
     text-align: center;
 }

 .team ul li .li .img {
     border-radius: 50%;
     overflow: hidden;
     display: inline-block;
     max-width: 218px;
 }

 .team ul li .li h4 {
     font-weight: bold;
     font-size: 16px;
     color: #333;
     margin-top: 15px;
 }

 .team ul li .li p {
     line-height: 24px;
     color: #8f8f8f;
     margin: 10px 0;
 }

 .team ul li .li .icon a {
     margin: 0px 10px;
 }

 /*page_left*/
 .page_left .nav ul {
     background: #fbfbfb;
     padding: 15px;
 }

 .page_left .nav ul li {
     list-style: none;
     border-bottom: 1px dashed #eee;
     padding: 5px 0;
 }

 .page_left .nav ul .active a {
     color: #fff;
 }

 .page_left .nav ul .active i {
     color: #fff;
 }

 .page_left .nav ul li a {
     color: #555;
     display: inline-block;
     padding: 5px 0;
     font-size: 14px;
 }

 .page_left .nav ul li a i {
     font-size: 13px;
     color: #bbb;
     margin-right: 10px;
 }

 .page_left .nav ul li:hover a,
 .page_left .nav ul li:hover i {
     color: #fff;
 }

 .adv_left {
     margin-top: 30px;
 }

 .adv_left .toggle_content {
     border: 1px solid #eee;
     padding: 15px;
 }

 .adv_left h4 a {
     font-size: 14px;
     color: #808080;
     text-align: center;
     display: block;
     margin-top: 15px;
 }

 /*contact*/
 .com_ul {
     margin-bottom: 60px;
 }

 .com_ul .p {
     margin-bottom: 30px;
 }

 .com_ul .h4 span {
     color: #333;
     font-size: 26px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
     background: #fff;
     padding: 0px 30px;
     display: inline-block;
 }

 .com_ul li {
     list-style: none;
     text-align: center;
     line-height: 24px;
     overflow: hidden;
 }

 .com_ul li .li {
     border: 1px solid #eee;
     padding: 15px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     padding-top: 20px;
 }

 .com_ul li .li .icon {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     display: inline-block;
     overflow: hidden;
     color: #fff;
     background: #333333;
     font-size: 30px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .com_ul li .li .icon i {
     line-height: 80px;
 }

 .com_ul li .li:hover .icon {
     background: rgba(255, 255, 255, 0.3);
 }

 .com_ul li .li h4 {
     color: #333;
     font-size: 14px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     line-height: 20px;
     height: 40px;
     overflow: hidden;
     font-weight: bold;
     margin: 15px 0 10px;
 }

 .com_ul li .li p {
     font-size: 14px;
     height: 48px;
     color: #808080;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .com_ul li .li em {
     font-style: normal;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     font-weight: bold;
     color: #333333;
     font-size: 14px;
     margin: 10px 0;
     display: inline-block;
     line-height: 20px;
     height: 40px;
 }

 .com_ul li .li em i {
     margin-left: 10px;
 }

 .com_ul li .li:hover {
     background: #333333;
 }

 .com_ul li .li:hover em {
     color: #fff;
 }

 .com_ul li .li:hover h4 {
     color: #fff;
 }

 .com_ul li .li:hover h4 a {
     color: #fff;
 }

 .com_ul li .li:hover p {
     color: #fff;
 }

 .con_infop {
     line-height: 30px;
     font-size: 13px;
     color: #777;
     margin-bottom: 30px;
 }


 .contact_m {
     background: #f6f6f6 url(../images/bg.png) repeat center center;
     padding: 30px;
 }

 .contact .contact_info {
     margin-bottom: 40px;
 }

 .contact .contact_section .contact_box {
     text-align: left;
     margin-left: 0px;
 }

 .contact .contact_inq {
     margin-bottom: 30px;
 }

 .contact .contact_inq .req {
     font-size: 14px;
     color: #555;
     margin-bottom: 20px;
 }

 .contact .contact_inq .req span {
     color: red;
 }

 .contact_inq .p {
     font-size: 13px;
     color: #999;
     line-height: 24px;
     max-height: 48px;
     overflow: hidden;
     margin-bottom: 15px;
 }

 .contact_inq .input_1 {
     font-size: 13px;
     line-height: 46px;
     height: 46px;
     padding-left: 20px;
     width: 100%;
     background: #fff;
     color: #777;
     margin-bottom: 15px;
     border: 1px solid #eee;
 }

 .contact_inq .input_1:focus {
     border: 1px solid #333333;
     color: #333;
 }

 .contact_inq .input_2 {
     line-height: 40px;
     font-size: 13px;
     height: 120px;
     padding-left: 20px;
     width: 100%;
     background: #fff;
     color: #777;
     border: 1px solid #eee;
     margin-bottom: 15px;
 }

 .contact_inq .input_2:focus {
     border: 1px solid #333333;
     color: #333;
 }

 html[lang=ar] .contact_inq .input_1 {
     font-size: 13px;
     line-height: 46px;
     height: 46px;
     padding-left: 20px;
     width: 100%;
     background: #fff;
     color: #777;
     margin-bottom: 15px;
     border: 1px solid #eee;
     padding-right: 6px;
 }

 .contact_inq .in_email {
     background: #fff url(../images/input_eamil.png) no-repeat 8px center;
     padding-left: 40px;
     background-size: 24px;
 }

 .contact_inq .in_city {
     background: #fff url(../images/msg_city.png) no-repeat 8px center;
     padding-left: 40px;
     background-size: 24px;
 }

 .contact_inq .in_name {
     background: #fff url(../images/msg_lianxiren.png) no-repeat 8px center;
     padding-left: 40px;
     background-size: 24px;
 }

 .contact_inq .in_tel {
     background: #fff url(../images/input_tel.png) no-repeat center left;
     padding-left: 40px;
 }

 .contact_inq .in_message {
     background: #fff url(../images/input_message.png) no-repeat 8px 10px;
     padding-left: 40px;
     background-size: 24px;
 }

 .contact_inq .btn_1 {
     display: inline-block;
     margin: 10px 0 0;
     height: 40px;
     line-height: 40px;
     color: #fff;
     padding: 0px 35px;
     border: none;
     font-size: 14px;
     text-transform: capitalize;
     position: relative;
     background: #1469A9;
     font-weight: bold;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     border-radius: 5px;
     text-transform: uppercase;
 }

 .contact_inq .btn_1:hover {
     background: #1469A9;
 }

 .contact_email {
     float: right;
 }

 .contact_email .email {
     background: #333333;
     padding: 50px 30px;
 }

 .contact_email .email h4 {
     font-size: 24px;
     color: #fff;
     text-transform: capitalize;
     line-height: 40px;
     font-weight: bold;
     text-transform: uppercase;
 }

 .contact_email .email p {
     color: #fff0e0;
     line-height: 24px;
     height: 72px;
     overflow: hidden;
     margin: 10px 0;
 }

 .contact_email .email .email_main {
     background: #fff;
     line-height: 50px;
     height: 50px;
     width: 100%;
     padding-left: 10px;
     border: none;
     color: #999;
 }

 .contact_email .email_btn {
     background: rgba(255, 255, 255, 0.15);
     line-height: 50px;
     height: 50px;
     width: 100%;
     padding-left: 10px;
     border: none;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 14px;
     margin-top: 15px;
 }

 .contact_oth {
     margin-top: 60px;
 }

 .contact .map {
     margin-top: 50px;
 }

 @media screen and (max-width: 768px) {
     .com_ul li {
         margin-bottom: 15px;
     }

     .com_ul li .li h4 {
         margin: 5px 0;
     }

     .contact_email {
         width: 100%;
     }
 }

 /*news*/
 .news .img {
     float: left;
     width: 25%;
     margin-right: 20px;
     overflow: hidden;
 }

 html[lang=ar] .news .img {
     float: right;
     width: 16%;
     margin-right: 0;
     overflow: hidden;
     margin-left: 20px;
 }

 .news .img img {
     width: 100%;
     max-height: 180px;
     object-fit: contain;
 }

 @media only screen and (max-width: 980px) {
     .news .img {
         width: 30%;
     }
 }

 .news ul li {
     list-style: none;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
     padding-bottom: 20px;
 }

 .news ul li {
     list-style: none;
     margin-bottom: 6px;
     border-bottom: 1px solid #eee;
     padding-bottom: 4px;
 }

 .news ul li:last-child {
     margin-bottom: 0px;
     border-bottom: none;
 }

 .news ul li h4 {
     width: 70%;
 }

 .news ul li h4 .yujian.icon-bofang8 {
     margin-right: 6px;
     font-size: 8px;
 }

 .news ul li h4 a {
     font-size: 14px;
     font-weight: bold;
     color: #515151;
     display: block;
     line-height: 24px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 28px;
 }

 .news ul li:hover h4 a {
     color: #1469A9;
 }

 .news ul li p {
     font-size: 13px;
     color: #8f8f8f;
     max-height: 44px;
     overflow: hidden;
     line-height: 22px;
     margin-top: 6px;
     margin-bottom: 10px;
 }

 .more_1 {
     line-height: 28px;
     display: inline-block;
     font-weight: bold;
     font-size: 13px;
     color: #515151;
     font-size: 14px;
     text-transform: uppercase;
     position: relative;
 }

 .more_1 img {
     margin-left: 4px;
 }

 .more_1:hover {
     padding-left: 20px;
     text-decoration: none;
     color: #333333;
 }

 .more_1::before {
     content: "\f061";
     font-family: FontAwesome;
     font-size: 0;
     Color: #333333;
     Opacity: 0;
     Transition: opacity .2s ease-in-out, transform .28s ease-in-out;
     -webkit-transform: translateX(-10px) scale(0);
     Transform: translateX(-10px) scale(0);
     -webkit-transition: all var(--transition-time, 500ms);
     -o-transition: all var(--transition-time, 500ms);
     transition: all var(--transition-time, 500ms);
     position: absolute;
     left: 0;
     top: 3px;
     font-size: 13px;
     line-height: 22px;
 }

 .more_1:hover::before {
     Opacity: 1;
     padding-right: 10px;
     -webkit-transform: translateY(0) scale(1);
     Transform: translateY(0) scale(1);
 }

 .news ul li:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 @media only screen and (max-width: 768px) {
     .news ul li p {
         max-height: 66px;
     }
 }

 @media only screen and (max-width: 480px) {
     .news .img {
         width: 100%;
         float: none;
         display: block;
     }
 }


 /*翻页*/
 .page_p {
     margin: 30px auto 0px;
     text-align: center;
     width: 100%;
     font-size: 13px;
 }

 .page_p .page_main {
     display: inline-block;
 }

 .page_p a {
     float: left;
     font-size: 13px;
     line-height: 40px;
     padding: 2px 20px;
     color: #555;
     _margin-top: 5px;
     transition: 0.2s;
     -webkit-transition: 0.2s;
     -moz-transition: 0.2s;
     -o-transition: 0.2s;
     border: 1px solid #eee;
     border-left: none;
     background: #fff;
 }

 .page_p a i {
     line-height: 40px;
 }

 .page_p a:first-child {
     border-left: 1px solid #eee;
 }

 .page_p a:hover {
     background: #eee;
     color: #666 !important;
 }

 .total {
     font-size: 13px;
     line-height: 24px;
     color: #808080;
     margin-top: 10px;
 }

 .total .span {
     color: #333;
     margin-top: 5px;
 }

 .page_p .page_main>span {
     padding: 2px 20px;
     position: relative;
     line-height: 40px;
     color: #333333;
     border: 1px solid #eee;
     border-left: none;
     float: left;
     margin-top: 5px;
 }

 .page_p .page_main>span:after {
     position: absolute;
     left: 0px;
     bottom: 0px;
     height: 3px;
     width: 100%;
     background: #333333;
     content: '';
 }

 #pre_next {
     margin-top: 20px;
     list-style: none;
     font-size: 13px;
 }

 #pre_next li {
     padding: 6px 15px;
     border-bottom: none;
     margin-bottom: 0px;
     border-left: none;
     background: #fafafa;
     margin-bottom: 15px;
 }

 #pre_next span {
     color: #333333;
     text-align: center;
     padding: 5px 0px;
     font-weight: bold;
     text-transform: uppercase;
     font-size: 14px;
 }

 #pre_next span i {
     margin-right: 10px;
 }

 #pre_next a {
     color: #777;
     font-size: 13px;
 }

 #pre_next a:hover {
     color: #333333;
 }

 #pro_page {
     list-style: none;
     margin-top: 10px;
 }

 #pro_page span {
     font-size: 14px;
     text-transform: capitalize;
     color: #444;
 }

 #pro_page li {
     padding: 2px 0px;
 }

 #pro_page li a:hover {
     color: #333;
 }

 @media (max-width:768px) {
     .pre {
         float: none;
         width: 100%;
     }

     .next {
         float: none;
         width: 100%;
     }
 }

 /*产品列表*/
 .products_m {
     color: #777;
     font-size: 14px;
     margin-bottom: 10px;
 }

 /*products*/
 .cbp-vm-switcher {
     width: 100%;
 }

 .cbp-vm-view-grid .p_hot_2,
 .cbp-vm-view-grid .cbp-vm-details {
     display: none;
 }

 .cbp-vm-view-grid .pro_more {
     margin-top: 10px;
 }

 .cbp-vm-options {
     text-align: left;
     margin-bottom: 20px;
     padding-bottom: 10px;
 }

 .cbp-vm-options p {
     display: inline-block;
     vertical-align: middle;
     font-weight: bold;
     color: #333333;
     text-transform: uppercase;
     font-size: 14px;
     display: none;
 }

 .cbp-vm-options a {
     display: inline-block;
     vertical-align: middle;
     height: 34px;
     overflow: hidden;
     white-space: nowrap;
     color: #aaa;
     text-align: center;
     line-height: 34px;
     text-align: center;
     width: 34px;
     background: #eee;
 }

 .cbp-vm-options a:hover,
 .cbp-vm-options a.cbp-vm-selected {
     color: #fff;
     background: #1469A9;
 }

 .cbp-vm-options a:before {
     font-size: 18px;
     text-align: center;
     display: inline-block;
     line-height: 34px;
 }

 .p_hot_2 {
     margin-bottom: 10px;
     margin-top: 5px;
     float: left;
     width: 70%;
 }

 .p_hot_2 span {
     font-size: 13px;
     font-weight: bold;
     margin-right: 5px;
     text-transform: capitalize;
     color: #333;
     margin-right: 6px;
 }

 .p_hot_2 a {
     font-size: 13px;
     border-radius: 5px;
     background: #fafafa;
     display: inline-block;
     padding: 0px 12px;
     color: #777;
     margin: 2px;
     border: 1px solid #eee;
 }

 .p_hot_2 i {
     margin-right: 3px;
     font-size: 13px;
     color: #bbb;
 }

 .p_hot_2 a:hover {
     color: #fff;
     background: #1469A9;
 }


 .cates {
     padding: 60px 0;
     background: #E2DEDB;
 }

 .cates .left {
     width: 50%;
 }

 .cates .right {
     width: 50%;
 }

 .cates .right img {
     width: 100%;
 }

 .cates .left .com {
     width: 52%;
     margin-left: auto;
     margin-right: 50px;
 }

 #n_main {
     margin-top: 0;
 }

 .cates .left .com h1 {
     font-size: 50px;
     margin-bottom: 40px;
     /*font-family: 'Cormorant Upright', serif;*/
     /*font-style: italic;*/
     color: #1A1917;
 }

 .cates .left .com .p {
     font-size: 17px;
     color: #888481;
 }

 .cates .left .com .a {
     margin-top: 40px;
     display: inline-block;
     border: 1px solid #5C5857;
     padding: 8px 20px;
     font-size: 16px;
     color: #5C5857;
 }

 .cates .left .com .a:hover {
     border: 1px solid #000;
     color: #000;
 }

 #n_main .container>h1 {
     font-weight: unset;
     /*font-style: italic;*/
     font-size: 75px;
     margin-bottom: 0.6em;
     color: #333;
     /*font-family: 'Cormorant Upright', serif;*/
     text-align: center;
     margin-top: 30px;
     line-height: initial;
 }

 #n_main .list h3 {
     margin-bottom: 18px;
     font-size: 28px;
     /*font-family: 'Cormorant Upright', serif;*/
     /*font-style: italic;*/
     padding-left: 8px;
 }

 #n_main .list dl {
     min-width: 280px;
     margin-right: 30px;
     position: relative;
 }

 #n_main .list dl dt {
     padding-right: 30px;
     height: 36px;
     line-height: 36px;
     padding-left: 10px;
     border: 1px solid #CCC8C5;
     position: relative;
     cursor: pointer;
     border-radius: 4px;
 }

 #n_main .list dl dd a+a {
     border-top: 1px solid #CCC8C5;
 }

 #n_main .list dl dd a {
     padding: 6px 10px;
     display: block;
 }

 #n_main .list dl dt .find_arrow {
     position: absolute;
     right: 9px;
     top: 10px;
 }

 #n_main .list dl.active dt .find_arrow {
     transform: rotateX(180deg);
 }

 #n_main .list dl dd {
     position: absolute;
     top: 100%;
     border: 1px solid #CCC8C5;
     width: 100%;
     background: #fff;
     visibility: hidden;
     opacity: 0;
     height: 0;
     transition: all 0.5s;
     z-index: 99999;
     overflow: hidden;
     border-radius: 4px;
 }

 #n_main .list dl.active dd {
     height: auto;
     max-height: 312px;
     visibility: visible;
     opacity: 1;
     overflow-y: auto;
 }

 #n_main .list div {
     margin-bottom: 20px;
 }

 #n_main .list dl dt span {
     max-width: 260px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 @media only screen and (max-width: 1380px) {
     .cates .left .com {
         width: unset;
         margin-left: 50px;
         margin-right: 50px;
     }
 }

 @media only screen and (max-width: 920px) {
     .cates {
         padding: 60px 0 0;
     }

     .cates .left {
         width: 100%;
     }

     .cates .right {
         width: 100%;
         margin-top: 50px;
     }
 }

 @media only screen and (max-width: 520px) {
     .cates .left .com {
         margin-left: 10px;
         margin-right: 10px;
     }

     #n_main .list div {
         margin-bottom: 20px;
         width: 100%;
     }

     #n_main .list dl {
         min-width: 280px;
         margin-right: 0;
         position: relative;
         width: 100%;
     }
 }



 /* General list */
 .cbp-vm-switcher ul {
     list-style: none;
     padding: 0;
 }

 /* Clear eventual floats */
 .cbp-vm-switcher ul:before,
 .cbp-vm-switcher ul:after {
     content: " ";
     display: table;
 }

 .cbp-vm-switcher ul:after {
     clear: both;
 }

 .cbp-vm-switcher ul li {
     display: block;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 .cbp-vm-image {
     display: block;
     margin: 0 auto;
     position: relative;
 }

 .cbp-vm-image span {
     display: inline-block;
     width: 100%;
     height: auto;
     border: 1px solid #eee;
     overflow: hidden;
 }

 .cbp-vm-image img {
     width: 100%;
     cursor: pointer;
     position: relative;
     max-width: 100%;
     max-height: 100%;
 }


 .cbp-vm-switcher ul li h4 a {
     font-size: 14px;
     display: block;
     color: #444;
     word-wrap: break-word;
     text-align: left;
     font-weight: bold;
 }

 .cbp-vm-switcher ul li .cbp-vm-details {
     color: #8f8f8f;
     overflow: hidden;
     height: 96px;
     font-size: 13px;
     line-height: 20px;
     text-align: left;
 }

 .cbp-vm-switcher ul h4 a:hover {
     text-decoration: none;
     color: #333333;
 }

 .cbp-vm-view-grid .prol_more {
     display: none;
 }

 .cbp-vm-switcher ul li .cbp-vm-details p {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
 }

 .cbp-vm-switcher ul li .cbp-vm-details span {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
 }

 /* Common icon styles */
 .cbp-vm-icon:before {
     font-family: 'fontawesome';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
 }

 .cbp-vm-grid:before {
     content: "\f00a";
 }

 .cbp-vm-list:before {
     content: "\f00b";
 }

 .cbp-vm-add:before {
     content: "\f055";
 }

 /* Large grid view */

 .cbp-vm-view-grid ul li {
     width: 33.33%;
     text-align: left;
     vertical-align: top;
     float: left;
 }

 .cbp-vm-view-grid ul li:nth-child(3n) {
     margin-right: 0px;
 }

 /* List view */
 .cbp-vm-view-list li {
     white-space: nowrap;
     text-align: left;
     white-space: normal;
     margin-top: 20px;
     border-top: 1px solid #eee;
     padding-top: 20px;
 }

 .cbp-vm-view-list li:before,
 .cbp-vm-view-list li:after {
     content: " ";
     display: table;
 }

 .cbp-vm-view-list li:after {
     clear: both;
 }

 .cbp-vm-view-list .cbp-vm-image,
 .cbp-vm-view-list .cbp-vm-title,
 .cbp-vm-view-list .cbp-vm-details,
 .cbp-vm-view-list .cbp-vm-price,
 .cbp-vm-view-list .cbp-vm-add {
     display: inline-block;
     vertical-align: middle;
 }

 .cbp-vm-view-list .cbp-vm-image {
     width: 26%;
     display: inline-block;
     vertical-align: middle;
     float: left;
     margin-right: 3%;
     border: 1px solid #eee;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .cbp-vm-view-list ul li h4 a {
     display: inline-block;
     width: 70%;
     text-align: left;
     font-size: 14px;
     font-weight: bold;
     color: #333;
     float: left;
 }

 .cbp-vm-view-list ul li:hover h4 a {
     color: #1469A9;
 }

 .cbp-vm-view-list ul li .cbp-vm-details {
     width: 70%;
     overflow: hidden;
     white-space: normal;
     max-height: 96px;
     line-height: 24px;
     font-size: 13px;
     color: #8f8f8f;
     margin: 10px 0px;
 }

 @media screen and (max-width: 940px) {
     .cbp-vm-view-grid ul li {
         width: 50%;
     }

     .cbp-vm-switcher ul li h4 a {
         font-size: 14px;
     }

     .y_link {
         display: none;
     }
 }


 @media screen and (max-width: 520px) {
     .cbp-vm-view-list ul li .cbp-vm-details {
         height: 50px;
     }

     .cbp-vm-view-list .prol_more {
         font-size: 13px;
         padding: 2px 20px 7px 20px;
     }

     .cbp-vm-switcher ul li .cbp-vm-details span {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
     }
 }

 @media screen and (max-width: 300px) {
     .cbp-vm-view-list ul li h4 a {
         width: 100%;
     }

     .cbp-vm-view-list ul li .cbp-vm-details {
         width: 100%;
     }

     .cbp-vm-view-list .cbp-vm-image {
         width: 100%;
     }

     .cbp-vm-view-grid ul li {
         width: 100%;
         margin-bottom: 20px;
     }

     .cbp-vm-view-grid ul li:nth-child(n+2) {
         border-left: 1px solid #eee;
     }

     .cbp-vm-view-grid ul li:nth-child(n+3) {
         border-left: 1px solid #eee;
     }

 }

 .col-sm-61 {
     width: 42%;
     float: left;
 }

 .col-sm-62 {
     width: 54%;
     float: left;
     margin-left: 4%;
 }

 @media only screen and (max-width: 1200px) {
     .col-sm-61 {
         width: 100%;
         float: left;
         padding: 0 10px;
     }

     .col-sm-62 {
         width: 100%;
         float: left;
         margin-left: 0;
         padding: 16px 10px;
     }
 }

 .products li span {
     overflow: hidden;
 }


 .cbp-vm-view-list ul li h4 a {
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block;
 }

 .cbp-vm-view-list ul li {
     overflow: hidden;
 }


 .cbp-vm-view-list ul li:first-child {
     border: none;
     padding-top: 0px;
     margin-top: 0px;
 }

 /*9gonghe*/
 .cbp-vm-view-grid ul {
     margin: 0px -10px;
 }

 .cbp-vm-view-grid ul {
     list-style: none;
     padding: 0;
 }

 .cbp-vm-view-grid ul li .more_1 {
     display: none;
 }

 .cbp-vm-view-grid ul li {
     margin-bottom: 20px;
 }

 .cbp-vm-view-grid ul li h4 {
     margin: 5px 0 5px;
     line-height: 22px;
     height: 44px;
     overflow: hidden;
     display: block;
     text-align: center;
 }

 .cbp-vm-view-grid ul li .li {
     padding-bottom: 20px;
     text-align: center;
     margin: 0px 10px;
     background: #fff;
 }

 .cbp-vm-view-grid ul li .li:hover h4 a {
     color: #333333;
 }

 .cbp-vm-view-grid ul li .li .cbp-vm-image {
     overflow: hidden;
     border: 1px solid #eee;
     margin-bottom: 15px;
 }

 .cbp-vm-view-grid ul .li {
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .cbp-vm-view-grid ul li h4 a {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     line-height: 24px;
     text-align: center;
 }

 .cbp-vm-view-grid ul li:nth-child(3n+1) {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 .cbp-vm-view-grid ul li:nth-child(3n+2) {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }

 .cbp-vm-view-grid ul li:nth-child(3n+3) {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
 }


 @media screen and (min-width: 940px) {
     .cbp-vm-view-grid ul li:nth-child(3n+2) {
         border-left: none;
     }

     .cbp-vm-view-grid ul li:nth-child(3n+3) {
         border-left: none;
     }

     .cbp-vm-view-grid ul li:nth-child(n+4) {
         border-top: none;
     }
 }

 @media screen and (max-width: 940px) {
     .cbp-vm-view-grid ul li:nth-child(n+2) {
         border-left: none;
     }

     .cbp-vm-view-grid ul li:nth-child(n+3) {
         border-top: none;
     }
 }


 .cbp-vm-view-grid ul li .li:hover .buttons .fa {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
 }

 .cbp-vm-view-grid ul li .li:hover .ovrly {
     opacity: 1;
 }

 /*效果*/

 .products ul li .img i {
     width: 40px;
     height: 40px;
     line-height: 40px;
     border-radius: 50%;
     background: #333333;
     color: #fff;
     display: inline-block;
     text-align: center;
     position: absolute;
     top: -80px;
     right: 15px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .products ul li:hover .img i {
     top: 15px;
 }

 .cbp-vm-view-grid ul li .li .cbp-vm-image {
     -webkit-transition-duration: 0.6s;
     -o-transition-duration: 0.6s;
     transition-duration: 0.6s;
     width: 100%;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     overflow: hidden;
 }

 /*.cbp-vm-view-grid ul li .li:hover .cbp-vm-image img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}*/
 .cbp-vm-view-grid ul li .li:hover .buttons .fa {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
 }

 .cbp-vm-view-grid ul li .li:hover h4 a {
     color: #1469A9;
 }

 .cbp-vm-view-grid ul li .li:hover .ovrly {
     opacity: 1;
 }


 /* projects */
 .project .li {
     margin-bottom: 70px;
 }

 .project .li h4 a {
     font-size: 26px;
     text-align: center;
     display: block;
     margin-bottom: 28px;
     font-weight: bold;
 }

 .project .li .summary {
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     letter-spacing: .06em;
     line-height: 1.8em;
     text-transform: none;
     color: #1c1c1c;
     margin-bottom: 20px;
     text-align: center;
 }

 .project .li .img img {
     width: 100%;
     height: 396px;
     object-fit: cover;
 }

 .project .lianxiwe .lianxiwesm {
     text-align: center;
     font-size: 22px;
     margin-top: 60px;
 }

 .project .lianxiwe .a {
     text-align: center;
     margin-top: 30px;
 }

 .project .lianxiwe .a a {
     display: inline-block;
     padding: 10px 20px;
     border: 2px solid #000;
     font-size: 18px;
 }

 .project .lianxiwe .a a:hover {
     background: #404040;
     color: #fff;
 }

 .project .li .img img {
     width: 100%;
     height: 396px;
     object-fit: cover;
 }


 /*products_main*/
 .page {
     margin-bottom: 80px;
 }

 .sp-loading {
     text-align: center;
     max-width: 100%;
     border: 2px solid #fafafa;
     padding: 2px;
     border-radius: 0;
     font-size: 12px;
     color: #888;
 }

 .sp-loading img {
     max-width: 100%;
     height: auto;
 }


 /* Element wrapper */

 .sp-wrap {
     display: none;
     line-height: 0;
     font-size: 0;
     position: relative;
     width: 100%;

 }

 /* Thumbnails */

 .sp-thumbs {
     text-align: left;
     display: block;
     padding: 10px 0;
 }

 .sp-thumbs a {
     position: relative;
     border: 2px solid #f7f7f7;
 }

 .sp-thumbs a:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #000;
     z-index: 1;
     filter: alpha(opacity=0);
     -moz-opacity: 0;
     opacity: 0;
     -webkit-transition: all var(--transition-time, 800ms);
     -o-transition: all var(--transition-time, 800ms);
     transition: all var(--transition-time, 800ms);
 }

 .sp-thumbs a:hover:before {
     filter: alpha(opacity=10);
     -moz-opacity: 0.1;
     opacity: 0.1;
 }

 .sp-thumbs a:after {
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     -webkit-transform: scaleX(0);
     -ms-transform: scaleX(0);
     transform: scaleX(0);
     content: "\f00c";
     font-family: FontAwesome;
     display: inline-block;
     font-size: 16px;
     color: #333333;
     position: absolute;
     left: 50%;
     top: 33%;
     margin-left: -8px;
     z-index: 2;
 }

 .sp-thumbs a:hover:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     visibility: visible;
 }

 .sp-thumbs img {
     min-height: 56px;
     min-width: 56px;
     max-width: 56px;
 }

 .sp-thumbs a:link,
 .sp-thumbs a:visited {
     width: 110px;
     height: 70px;
     width: 100px;
     height: 100px;
     overflow: hidden;
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
     opacity: 0.5;
     display: inline-block;
     background-size: cover;
     background-position: center;
     -webkit-transition: all .2s ease-out;
     -o-transition: all .2s ease-out;
     transition: all .2s ease-out;
     margin: 0 1px;
 }

 .sp-thumbs a:hover {
     opacity: 1;
     border: 2px solid #333333;
 }

 /* Styles for the currently selected thumbnail */

 .sp-thumbs a:active,
 .sp-current {
     opacity: 1 !important;
     position: relative;
     border: 2px solid #333333 !important;
 }

 .sp-thumbs a.sp-current:after {
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
     visibility: visible;
 }

 /* Image currently being viewed */

 .sp-large {
     position: relative;
     overflow: hidden;
     top: 0;
     left: 0;
     width: 100%;
     border: 2px solid #eee;
     border-radius: 5px;
 }

 .sp-large a img {
     max-width: 100%;
     height: auto;
     width: 100%;
 }

 .sp-large a {
     display: block;
 }

 /* Panning Zoomed Image */

 .sp-zoom {
     position: absolute;
     left: -50%;
     top: -50%;
     cursor: -webkit-zoom-in;
     cursor: -moz-zoom-in;
     cursor: zoom-in;
     display: none;
 }

 /* Lightbox */

 .sp-lightbox {
     position: fixed;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgb(0, 0, 0);
     background: rgba(0, 0, 0, .9);
     z-index: 999999;
     display: none;
     cursor: pointer;
 }

 .sp-lightbox img {
     position: absolute;
     margin: auto;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     max-width: 90%;
     max-height: 90%;
     border: 2px solid #fff;
 }

 #sp-prev,
 #sp-next {
     position: absolute;
     top: 50%;
     margin-top: -25px;
     z-index: 501;
     color: #fff;
     padding: 14px;
     text-decoration: none;
     background: #000;
     border-radius: 25px;
     border: 2px solid #fff;
     width: 50px;
     height: 50px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: .2s;
     -o-transition: .2s;
     transition: .2s;
 }

 #sp-prev {
     left: 14%;
 }

 #sp-prev:before {
     content: '';
     border: 7px solid transparent;
     border-right: 15px solid #fff;
     position: absolute;
     top: 16px;
     left: 7px;
 }

 #sp-next {
     right: 14%;
 }

 #sp-next:before {
     content: '';
     border: 7px solid transparent;
     border-left: 15px solid white;
     position: absolute;
     top: 16px;
     left: 18px;
 }

 #sp-prev:hover,
 #sp-next:hover {
     background: #444;
 }

 /* Tweak styles for small viewports */

 @media screen and (max-width: 400px) {
     .sp-wrap {
         margin: 0 0 15px 0;
     }

     #sp-prev,
     #sp-next {
         top: 50px;
         margin-top: 0;
     }
 }

 .sp-current-big img {
     width: 100%;
 }

 .sp-large img {
     max-width: none;
 }

 /*pro_table*/
 .pro_table .pro_main_title {
     overflow: hidden;
     display: block;
     margin-bottom: 15px;
     font-weight: 600;
     font-style: normal;
     font-size: 24px;
     letter-spacing: 0em;
     line-height: 1.2em;
     text-transform: none;
     color: #1d1d1d;
 }

 @media screen and (max-width: 700px) {
     .pro_table .pro_main_title {
         font-size: 20px;
     }
 }

 .pro_table .pro_main_text {
     color: #999;
     font-size: 13px;
     line-height: 30px;
 }

 .pro_table ul {
     margin-top: 15px;
 }

 .pro_table ul {
     height: 306px;
     overflow: hidden;
     transition: all 0.5s;
     -webkit-transition: all 0.5s;
 }

 .pro_table ul li {
     font-size: 14px;
     color: #808080;
     list-style: none;
 }

 .pro_table ul li p {
     display: inline-block;
     margin-right: 10px;
     font-size: 14px;
     vertical-align: middle;
     margin-bottom: 0;
     font-weight: bold;
     color: #333;
 }

 .main-more {
     text-align: left !important;
 }

 .main-more a {
     color: #fff;
 }

 .main-more #zshow {
     display: inline-block;
     background: #1469A9;
 }

 .pro_table .i_more a {
     background: #1469A9;
     margin-top: 20px;
     line-height: 40px;
     padding: 0px 26px;
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
     text-transform: uppercase;
     border-radius: 5px;
 }

 .pro_table .i_more a.PDF {
     background-image: url('../images/Pdf.png');
     background-repeat: no-repeat;
     background-position: 28px center;
     background-size: 16px;
     padding-left: 50px;
     background-color: #247A2F;
 }

 /*products-tab*/
 #parentHorizontalTab02 {
     margin: 0;
     text-align: left;
     padding: 0px;
     text-align: left;
 }

 #parentHorizontalTab02 ul.resp-tabs-list {
     margin: 0px;
     padding: 0px;
     background: #f9f9f9;
 }

 #parentHorizontalTab02 .resp-tabs-list li {
     display: inline-block;
     list-style: none;
     _cursor: pointer;
     text-transform: capitalize;
     color: #fff;
     text-align: center;
     font-size: 16px;
     background: #1469A9;
     padding: 8px 20px;
     font-weight: bold;
 }

 #parentHorizontalTab02 .resp-tabs-container div table {
     max-width: 100%;
 }

 #parentHorizontalTab02 .resp-tabs-container {
     padding: 15px 0px;
     clear: left;
     background: none;
 }

 #parentHorizontalTab02 .resp-tabs-container .video-det {
     text-align: center;
 }

 #parentHorizontalTab02 em.resp-accordion {
     cursor: pointer;
     padding: 5px;
     display: none;
     padding: 10px 15px !important;
 }

 #parentHorizontalTab02 .resp-tab-content {
     display: none;
 }

 /*#parentHorizontalTab02 .resp-tabs-list li:hover{background:#333;}*/
 #parentHorizontalTab02 .resp-tabs-list li.resp-tab-active {
     color: #fff;
     z-index: 99;
     font-weight: bold;
     text-transform: uppercase;
     background-color: #333333 !important;
 }

 #parentHorizontalTab02 .resp-content-active,
 #parentHorizontalTab02 .resp-accordion-active {
     display: block;
 }

 #parentHorizontalTab02 em.resp-accordion {
     font-size: 18px;
     margin: 0px;
     background: #f8f8f8;
     margin-bottom: 1px;
     color: #333;
     font-weight: bold;
     font-style: normal;
     margin-bottom: 10px;
 }

 #parentHorizontalTab02 em.resp-tab-active {
     margin-bottom: 0px !important;
 }

 #parentHorizontalTab02 em.resp-tab-title:last-child {
     border-bottom: 12px solid #c1c1c1 !important;
     background: blue;
 }

 #parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {
     float: left;
     width: 30%;
 }

 #parentHorizontalTab02 .resp-vtabs .resp-tabs-list li {
     display: block;
     padding: 15px 15px !important;
     margin: 0 0 4px;
     cursor: pointer;
     float: none;
 }

 #parentHorizontalTab02 .resp-vtabs .resp-tabs-container {
     padding: 0px;
     background-color: #fff;
     border: 1px solid #c1c1c1;
     float: left;
     width: 68%;
     min-height: 250px;
     border-radius: 4px;
     clear: none;
 }

 #parentHorizontalTab02 .resp-vtabs .resp-tab-content {
     border: none;
     word-wrap: break-word;
 }

 #parentHorizontalTab02 .resp-vtabs li.resp-tab-active {
     position: relative;
     z-index: 1;
     margin-right: -1px !important;
     padding: 14px 15px 15px 14px !important;
     border-top: 1px solid;
     border: 1px solid #5AB1D0 !important;
     border-left: 4px solid #5AB1D0 !important;
     margin-bottom: 4px !important;
     border-right: 1px #FFF solid !important;
 }

 #parentHorizontalTab02 .resp-arrow {
     width: 0;
     height: 0;
     float: right;
     margin-top: 10px;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-top: 7px solid #c1c1c1;
 }

 #parentHorizontalTab02 em.resp-tab-active span.resp-arrow {
     border: none;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 7px solid #fff;
 }

 #parentHorizontalTab02 em.resp-tab-active {
     background: #333333 !important;
     color: #fff;
 }

 #parentHorizontalTab02 .resp-tab-content-active {
     padding-top: 20px;
 }

 #parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {
     display: block;
 }

 #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {
     border: 1px solid #1268bf;
 }

 #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {
     border-bottom: 1px solid #1268bf;
     /* !important;*/
 }

 #parentHorizontalTab02 .resp-jfit {
     width: 100%;
     margin: 0px;
 }

 #parentHorizontalTab02 .resp-tab-content-active {
     display: block;
 }

 .specarr .finishings {
     border-top: 1px solid #333333;
     border-bottom: 1px solid #333333;
     padding: 10px 0;
     text-align: center;
     color: #4a7444;
     margin: 10px 0;
 }

 .specarr .finishings h2 {
     font-size: 24px;
 }

 .specarr .listtop .img {
     flex-basis: 15%;
     padding: 15px;
 }

 .specarr .listtop .img img {
     width: 100%;
 }

 .specarr .listtop .img h4 {
     text-align: center;
     margin-top: 10px;
     color: #333333;
     font-size: 24px;
     min-width: 128px;
     max-width: 220px;
     word-break: break-word;
     word-wrap: break-word;
 }

 .specarr .listtop .img img {
     width: 100%;
     border: 5px solid #F7F4EF;
 }

 .specarr .listtop .img.active img {
     border: 5px solid #333333;
 }

 .listbottom .specarra .img {
     -webkit-box-flex: 0;
     /*flex: 0 0 10%;*/
     margin: 0 15px 40px 15px;
     text-align: center;
     width: 167px;
 }

 .listbottom .specarra {
     border-top: 1px solid #dedede;
     padding-top: 35px;
     padding-bottom: 15px;
     display: none;
     margin-top: 5px;
 }

 .listbottom .specarra .img img {
     width: 100%;
     height: 167px;
     border-radius: 100%;
 }

 .listbottom .specarra .img h4 {
     text-transform: uppercase;
     text-decoration: underline;
     font-size: 18px;
     line-height: 1em;
     color: #010202;
     margin-top: 10px;
 }








 @media only screen and (max-width: 768px) {
     #main-btn {
         padding: 2% 6%;
     }

     #parentHorizontalTab02 {
         padding: 0;
     }

     #parentHorizontalTab02 ul.resp-tabs-list {
         display: none;
     }

     #parentHorizontalTab02 em.resp-accordion {
         display: block;
     }

     #parentHorizontalTab02 .resp-vtabs .resp-tab-content {
         border: 1px solid #C1C1C1;
         border: 1px solid #e5e5e5;
         border-top: none;
         padding: 15px 15px 30px 15px;
     }

     #parentHorizontalTab02 .resp-vtabs .resp-tabs-container {
         border: none;
         float: none;
         width: 100%;
         min-height: 100px;
         clear: none;
     }

     #parentHorizontalTab02 .resp-accordion-closed {
         display: none !important;
     }

     #parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child {
         border-bottom: 1px solid #c1c1c1 !important;
     }
 }





 /*inquiry*/
 .induiry_line {
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
     margin-top: 30px;
     padding: 15px;
 }

 .inquiry {
     padding: 30px;
     background: #f6f6f6 url(../images/bg.png) repeat center center;
 }

 .inquiry .section_title {
     margin-bottom: 10px;
 }

 .inquiry .p {
     font-size: 13px;
     color: #808080;
     line-height: 24px;
     max-height: 48px;
     overflow: hidden;
     margin: 10px 0;
 }

 .inquiry .contact_box {
     text-align: left;
     margin-left: 0px;
 }

 .inquiry .contact_box .input_1 {
     font-size: 13px;
     line-height: 38px;
     height: 40px;
     padding-left: 15px;
     width: 100%;
     background: #fff;
     color: #999;
     margin-bottom: 20px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     text-align: left;
 }

 .inquiry .contact_box .input_1:focus {
     border: 1px solid #333333;
 }

 .inquiry .contact_box .input_2 {
     line-height: 40px;
     font-size: 13px;
     height: 100px;
     padding-left: 15px;
     width: 100%;
     background: #fff;
     color: #999;
     border: 1px solid rgba(0, 0, 0, 0.1);
     margin-bottom: 10px;
     text-align: left;
 }

 .inquiry .contact_box .input_2:focus {
     border: 1px solid #333333;
 }

 .inquiry .contact_box .btn_1 {
     display: inline-block;
     margin: 10px 0 0;
     height: 40px;
     line-height: 40px;
     color: #fff;
     padding: 0px 35px;
     border: none;
     font-size: 14px;
     text-transform: capitalize;
     position: relative;
     background: #1469A9;
     font-weight: bold;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     border-radius: 5px;
     text-transform: uppercase;
 }

 .inquiry .contact_box .btn_1:hover {
     background: #0577b9;
 }



 .inquiry .contact_box .in_email {
     background: #fff url(../images/input_eamil.png) no-repeat 8px center;
     padding-left: 40px;
     background-size: 24px;
 }

 .inquiry .contact_box .in_tel {
     background: #fff url(../images/input_tel.png) no-repeat center left;
     padding-left: 40px;
 }

 .inquiry .contact_box .in_message {
     background: #fff url(../images/input_message.png) no-repeat 8px 10px;
     padding-left: 40px;
     background-size: 24px;
 }


 .inquiry .subject_title {
     border: 1px solid rgba(0, 0, 0, 0.1);
     background: #fafafa;
     line-height: 40px;
     height: 40px;
     padding: 0px 10px;
     margin-bottom: 20px;
     overflow: hidden;
 }

 .inquiry .subject_title a {
     color: #333333;
 }

 .inquiry .subject_title span {
     font-size: 14px;
     color: #777;
     margin-right: 10px;
 }

 @media screen and (max-width: 768px) {
     .inquiry .p {
         font-size: 13px;
     }
 }

 /*rel_pro*/
 .rel_pro {
     padding: 40px 0 80px;
     background: #f6f6f6 url(../images/bg.png) repeat center center;
 }

 .rel_pro .img {
     border: 1px solid #eee;
 }

 .rel_pro .slider {
     margin: 0px -10px;
 }

 .rel_pro .li {
     margin: 0px 10px;
     margin-bottom: 60px;
 }

 .rel_pro .li .text {
     border-top: none;
     padding: 10px 0;
     text-align: center;
     padding: 0px 15px;
 }

 .rel_pro .li .text h4 a {
     font-weight: bold;
     font-size: 15px;
     margin-top: 25px;
     display: -webkit-box;
     line-height: 24px;
     color: #333;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .rel_pro .li .text p {
     font-size: 12px;
     line-height: 22px;
     max-height: 44px;
     overflow: hidden;
     color: #8f8f8f;
     margin-bottom: 20px;
     margin-top: 5px;
 }

 .rel_pro .li:hover h4 a {
     color: #333333;
 }

 @media only screen and (max-width:1200px) {
     .slick-dots {
         display: none !important;
     }
 }

 @media only screen and (max-width:768px) {
     .rel_pro .slick-prev {
         width: 34px;
         height: 34px;
         position: absolute;
         left: 5px;
         top: 40%;
         vertical-align: middle;
         opacity: 1;
         transition: 0.5s all;
         -webkit-transition: 0.5s all;
         -o-transition: 0.5s all;
         -moz-transition: 0.5s all;
         -ms-transition: 0.5s all;
         background: #333333;
         border-radius: 2px;
     }

     .rel_pro .slick-prev::before {
         border-radius: 0;
         color: #fff;
         display: inline-block;
         font-family: "FontAwesome";
         font-size: 26px;
         content: "\f104";
         line-height: 34px;
     }

     .rel_pro .slick-next {
         width: 34px;
         height: 34px;
         position: absolute;
         right: 5px;
         top: 40%;
         vertical-align: middle;
         opacity: 1;
         transition: 0.5s all;
         -webkit-transition: 0.5s all;
         -o-transition: 0.5s all;
         -moz-transition: 0.5s all;
         -ms-transition: 0.5s all;
         background: #333333;
         border-radius: 2px;
     }

     .rel_pro .slick-next::before {
         border-radius: 0;
         color: #fff;
         display: inline-block;
         font-family: "FontAwesome";
         font-size: 26px;
         content: "\f105";
         line-height: 34px;
     }

     .rel_pro {
         padding-bottom: 40px;
     }
 }

 /*download*/
 .download {
     list-style: none;
 }

 .download li {
     margin-bottom: 20px;
 }

 .download li h4 a {
     font-size: 16px;
     text-transform: capitalize;
     margin-bottom: 15px;
     color: #333;
     display: block;
     font-family: 'poppins-s';
     border-bottom: 1px solid #eee;
     padding-bottom: 6px;
 }

 .download li .text {
     color: #999999;
     font-size: 12px;
     line-height: 18px;
     overflow: hidden;
     height: 36px;
     margin-bottom: 20px;
 }

 .download li .icon {
     color: #fff;
     display: inline-block;
     background: #65bde1 url(../images/icon_pdf.png) no-repeat 15px center;
     background-size: 24px;
     font-size: 12px;
     text-transform: uppercase;
     padding: 6px 25px 4px 50px;
     font-family: 'poppins-s';
     border-radius: 30px;
 }

 .download li .icon:hover {
     background-color: #79d1f5;
     text-decoration: none;
     color: #fff;
 }

 .download li h4 a:hover {
     color: #79d1f5;
 }

 @media only screen and (max-width: 768px) {
     .download li {
         padding: 0;
         border: 1px solid #ebebeb;
         padding: 15px;
     }

     .download li .page_title {
         border: none;
         padding-bottom: 0;
     }

     .download li .text {
         height: auto;
         max-height: 36px;
     }
 }


 /*blog_left*/
 .blog_left {
     float: left;
     width: 75%;
     padding-right: 60px;
 }

 .blog_right {
     float: left;
     width: 25%;
 }

 .blog_right .block {
     background: #f9f9f9;
     padding: 15px;
 }

 .blog_h4 {
     font-size: 24px;
     color: #333;
     padding-bottom: 10px;
     font-weight: bold;
     border-top: none;
     padding-top: 0px;
     text-transform: capitalize;
     position: relative;
 }

 @media only screen and (max-width: 768px) {
     .blog_left {
         float: left;
         width: 100%;
         padding-right: 0px;
         margin-bottom:
     }

     .blog_right {
         float: left;
         width: 100%;
     }
 }

 .blog_nav {
     margin-bottom: 30px;
 }

 .blog_nav ul li {
     list-style: none;
 }

 .blog_nav ul li:nth-child(2n) {
     background: #eee;
 }

 .blog_nav ul li a {
     font-size: 13px;
     color: #555;
     line-height: 22px;
     padding: 8px 0px;
     display: inline-block;
     border-bottom: 1px solid #ececec;
     display: block;
 }

 .blog_nav ul li a i {
     color: #ccc;
     font-size: 14px;
     margin: 0px 10px;
 }

 .blog_nav ul li a:hover {
     color: #333333;
     padding-left: 10px;
 }

 .blog_nav ul li a:hover i {
     color: #333333;
 }

 .hot_tags a {
     font-size: 13px;
     display: inline-block;
     border-radius: 5px;
     color: #888;
     padding: 0px 12px;
     margin-right: 4px;
     margin-top: 4px;
     background: #fff;
     border-radius: 2px;
     margin: 4px;
     font-size: 13px;
     line-height: 30px;
     border: 1px solid #eee;
 }

 .hot_tags .toggle_content {
     margin: 0px -4px;
     margin-top: 15px;
 }

 .hot_tags a:hover {
     color: #fff;
     background: #333333;
 }

 /*blog*/
 .blog-info {
     display: block;
     font-size: 13px;
 }

 .blog-info i {
     margin-right: 10px;
     color: #777;
 }

 html[lang=ar] .blog-info i {
     margin-right: 0;
     color: #777;
     margin-left: 10px;
 }

 .blog-info span {
     margin-right: 10px;
     color: #999;
 }

 .blog_main h3 {
     font-size: 22px;
     color: #333;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .blog_main h1 {
     font-size: 22px;
     color: #333;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .blog_main .blog_tags {
     margin-top: 20px;
 }

 .blog_main .blog_tags span {
     font-size: 14px;
     font-weight: bold;
     text-transform: capitalize;
     color: #333;
 }

 .blog_main .blog_tags a {
     font-size: 13px;
     display: inline-block;
     color: #666;
     padding: 2px 14px;
     margin: 6px;
 }

 .blog_main .blog_tags a i {
     margin-right: 6px;
     font-size: 13px;
 }

 .blog_nav ul li {
     list-style: none;
 }

 .blog_p {
     margin-top: 10px;
     border-top: 1px solid #eee;
     padding-top: 10px;
 }


 .blog_li {
     position: relative;
     padding-left: 70px;
     margin-bottom: 30px;
     list-style: none;
     border-bottom: 1px solid #eee;
     margin-bottom: 20px;
     padding-bottom: 20px;
 }

 .blog_li .lileft {
     width: 50px;
     position: absolute;
     left: 0px;
     top: 0px;
     text-align: center;
 }

 .blog_li .lileft .day {
     text-transform: uppercase;
     line-height: 22px;
     padding: 10px 0 5px;
     font-size: 13px;
     color: #fff;
     background: #333333;
 }

 .blog_li .lileft .day h4 {
     font-size: 28px;
     color: #fff;
     line-height: 34px;
     height: 34px;
 }

 .blog_li .lileft .more a {
     background: #333333;
     color: #fff;
     display: block;
     text-transform: uppercase;
     font-size: 13px;
     padding: 2px 0;
 }

 .blog_li .lileft .more a i {
     margin-left: 6px;
 }

 .blog_li h4 a {
     display: block;
     font-size: 16px;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-weight: bold;
     overflow: hidden;
     color: #333;
     margin-bottom: 10px;
 }

 .blog_li h4 a:hover {
     color: #333333;
 }

 .blog_li .p {
     color: #8f8f8f;
     max-height: 44px;
     overflow: hidden;
     font-size: 13px;
     line-height: 22px;
 }

 .blog_li .p a {
     color: #8f8f8f;
     border-bottom: 1px solid #ddd;
 }

 .blog_li .p a:hover {
     color: #333333;
     border-bottom: 1px solid #333333;
 }

 @media only screen and (max-width:500px) {
     .blog_li {
         padding-left: 0;
         border-bottom: 1px solid #eee;
         padding-bottom: 20px;
     }

     .blog_li .lileft {
         display: none;
     }
 }

 .blogin {
     font-size: 13px;
     color: #aaa;
     margin: 4px 0px;
 }

 .blogin span {
     color: #fff;
     margin: 0px 6px;
     font-weight: bold;
 }

 .blogin span i {
     font-size: 13px;
 }

 .blog .blog_tags {
     width: 100%;
     margin-top: 15px;
 }

 .blog_tags span {
     font-size: 13px;
     font-weight: bold;
     text-transform: capitalize;
     margin-right: 6px;
     color: #333;
 }

 .blog_tags a {
     font-size: 13px;
     display: inline-block;
     border-radius: 5px;
     margin-bottom: 4px;
     color: #777;
     padding: 0px 12px;
     margin-right: 4px;
     margin-top: 4px;
     background: #fafafa;
     border-radius: 2px;
     border: 1px solid #eee;
 }

 .blog_tags a:hover {
     color: #fff;
     background: #333333;
 }

 .blog_tags i {
     margin-right: 6px;
     font-size: 13px;
     font-size: 14px;
     color: #777;
 }

 /*sitemap*/
 .sitemap {
     width: 100%;
 }

 .stp-listA>li {
     text-transform: capitalize;
     margin-bottom: 15px;
     list-style: none;
     padding: 10px 20px;
     background: #f6f6f6;
 }

 .stp-top {
     width: 100%;
 }

 .stp-top a {
     font-size: 14px;
     text-transform: capitalize;
     display: block;
     text-transform: capitalize;
     color: #333;
     font-weight: bold;
 }

 .stp-top a:hover {
     text-decoration: none;
     color: #333333;
 }

 .stp-top a i {
     padding-left: 8px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .stp-top a:hover i {
     padding-left: 12px;
     color: #333333;
 }

 .stp-listB {
     display: block;
     padding: 10px 0;
     border-top: 1px solid #eee;
     list-style: none;
     margin-top: 5px;
 }

 .stp-listB>li {
     width: 25%;
     padding: 8px 10px;
     float: left;
     overflow: hidden;
 }

 .stp-listB>li>a {
     font-size: 14px;
     line-height: 22px;
     display: block;
     color: #666;
     font-weight: bold;
 }

 .stp-listB>li>a:hover {
     color: #333333;
 }

 .stp-listB li .stp-listC {
     width: 100%;
     padding-top: 15px;
     list-style: none;
 }

 .stp-listB li .stp-listC li {
     width: 100%;
     margin-bottom: 10px;
 }

 .stp-listB li .stp-listC li a {
     color: #808080;
     font-size: 13px;
 }

 .stp-listB li .stp-listC li a:hover {
     color: #333333;
 }

 .stp-listB li .stp-listC i {
     margin-right: 6px;
 }

 @media only screen and (max-width: 768px) {
     .stp-listB>li {
         width: 50%;
         padding: 8px 0;
     }
 }

 @media only screen and (max-width: 400px) {
     .stp-listB li {
         width: 100%;
         margin-right: 0;
         margin-bottom: 2%;
     }
 }

 /*download*/
 .download {
     list-style: none;
 }

 .download li {
     margin-bottom: 20px;
 }

 .download li h4 a {
     font-size: 16px;
     text-transform: capitalize;
     margin-bottom: 15px;
     color: #333;
     display: block;
     font-weight: bold;
     border-bottom: 1px solid #eee;
     padding-bottom: 6px;
     line-height: 26px;
     height: 52px;
     overflow: hidden;
 }

 .download li .text {
     color: #999999;
     font-size: 13px;
     line-height: 18px;
     overflow: hidden;
     height: 36px;
     margin-bottom: 20px;
 }

 .download li .icon {
     color: #fff;
     display: inline-block;
     background: #1469A9 url(../images/icon_pdf.png) no-repeat 15px center;
     background-size: 24px;
     font-size: 13px;
     text-transform: uppercase;
     padding: 6px 25px 4px 50px;
     font-weight: bold;
     border-radius: 30px;
 }

 .download li .icon:hover {
     background-color: #4ba4d5;
     text-decoration: none;
     color: #fff;
 }

 .download li h4 a:hover {
     color: #1469A9;
 }

 @media only screen and (max-width: 768px) {
     .download li {
         padding: 0;
         border: 1px solid #ebebeb;
         padding: 15px;
     }

     .download li .page_title {
         border: none;
         padding-bottom: 0;
     }

     .download li .text {
         height: auto;
         max-height: 36px;
     }
 }



 /*video*/
 .video ul li {
     list-style: none;
     margin-bottom: 30px;
 }

 .video ul li .li {
     -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     padding-bottom: 20px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     overflow: hidden;
 }

 .video ul li .li .img {
     position: relative;
 }

 .video ul li .li .icon {
     position: absolute;
     left: 20px;
     bottom: -18px;
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
 }

 .video ul li .li .icon a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background: #7DAD01;
     display: block;
     text-align: center;
     padding-top: 5px;
 }

 .video ul li h4 a {
     font-size: 14px;
     color: #333;
     font-weight: bold;
     line-height: 24px;
     height: 48px;
     overflow: hidden;
     margin-top: 30px;
     display: block;
     padding: 0px 10px;
 }

 .video ul li:hover .li {
     -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
 }

 .video ul li:hover .icon {
     bottom: 5px;
 }

 .video ul li:hover .icon a {
     background: #333333;
 }

 .pagination>.active>a,
 .pagination>.active>span,
 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus,
 .pagination>.active>span:focus {
     z-index: 2;
     color: #fff;
     cursor: default;
     background-color: #1469A9;
     border-color: #1469A9;
 }

 .pagination>li>a,
 .pagination>li>span {
     position: relative;
     float: left;
     padding: 6px 12px;
     margin-left: -1px;
     line-height: 1.42857143;
     color: #333;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #ddd;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: rgb(221, 221, 221);
 }

 /*web*/
 @media only screen and (max-width: 768px) {
     .nav_section {
         background: #fff;
     }

     .blog_nav {
         margin-bottom: 0px;
     }

     .n_left .block {
         margin-bottom: 0px;
     }

     .contact_right {
         width: 100%;
     }

     .blog_h4 {
         position: relative;
         margin-bottom: 20px;
         background: none;
         border-radius: 5px;
         text-align: left !important;
         background: #333333 !important;
         padding: 0px 10px;
         line-height: 40px;
         color: #fff !important;
         font-size: 16px !important;
         border-bottom: none;
     }

     .blog_h4:after {
         display: block;
         content: "\f107";
         font-family: "FontAwesome";
         position: absolute;
         right: 15px;
         cursor: pointer;
         font-size: 20px;
         top: 0px;
         color: #fff;
     }

     .blog_h4.active:after {
         content: "\f106";
     }

     .title_h4 {
         position: relative;
         margin-bottom: 10px !important;
         text-transform: uppercase !important;
         font-weight: bold;
         padding: 12px 15px !important;
         font-size: 16px !important;
         background: rgba(255, 255, 255, 0.05);
         border-radius: 5px;
     }

     .title_h4:after {
         display: block;
         content: "\f107";
         font-family: "FontAwesome";
         position: absolute;
         right: 15px;
         cursor: pointer;
         font-size: 20px;
         top: 7px;
         color: #fff;
     }

     .foot dl .title_h4 {
         background: #333333;
         color: #fff;
     }

     .title_h4.active:after {
         content: "\f106";
     }

     .footer_top {
         margin-bottom: 10px;
     }
 }


 .mobile-menu-area .container .row {
     margin: 0;
 }


 .more_h {
     position: relative;
 }

 .more_h:hover {
     text-decoration: none;
     color: #fff;
 }

 .more_h::before {
     content: "\f061";
     font-family: FontAwesome;
     font-size: 0;
     Color: #fff;
     Opacity: 0;
     Transition: opacity .2s ease-in-out, transform .28s ease-in-out;
     -webkit-transform: translateX(-10px) scale(0);
     Transform: translateX(-10px) scale(0);
     -webkit-transition: all var(--transition-time, 500ms);
     -o-transition: all var(--transition-time, 500ms);
     transition: all var(--transition-time, 500ms);
     position: absolute;
     left: 10px;
     top: 0px;
     font-size: 13px;
     line-height: 40px;
 }

 .more_h:hover::before {
     Opacity: 1;
     padding-right: 10px;
     -webkit-transform: translateY(0) scale(1);
     Transform: translateY(0) scale(1);
 }

 .more_h:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
 }

 @media only screen and (max-width: 1200px) {
     .adv_section ul li {
         width: 33.33%;
     }

     .cate_section .resp-tabs-list li .li .text p {
         display: none;
     }
 }

 @media only screen and (max-width: 850px) {
     .adv_section ul li {
         width: 50%;
     }

     .cate_section .resp-tabs-list li .li .text p {
         display: none;
     }
 }

 @media only screen and (max-width: 768px) {
     #footer .footer_about .title_h4 {
         display: block;
     }

     .footer_bottom .email {
         max-width: 100%;
     }

     .footer_other {
         width: 100%;
         text-align: center;
     }

     .contact_section .btn span {
         display: none;
     }

     .page {
         margin-bottom: 40px;
     }

     .blog_right .block {
         background: none;
         padding: 0;
     }

     #parentHorizontalTab01 em.resp-accordion .img {
         display: none;
     }

     #parentHorizontalTab01 em.resp-accordion .text p {
         display: none;
     }

     #parentHorizontalTab01 em.resp-accordion .icon {
         display: none;
     }

     .cate_section .pro_ul ul li {
         width: 33.33%;
     }

     .cate_section {
         margin-top: 30px;
     }

     .footer_top {
         text-align: center;
     }

     .footer_top h4 a {
         text-align: center;
         font-size: 26px;
         width: 100%;
     }

     .footer_top .more {
         float: none;
     }

     .news_section .h4 h3,
     .about_section .about_text h3 a {
         font-size: 26px;
     }

     .about_section .about_img img {
         width: 100%;
         height: auto;
         max-width: none;
     }

     .team ul li {
         margin-bottom: 30px;
     }

     .mbx_section .text h4 {
         width: 100%;
         text-align: center;
     }

     .mbx_section .text h4 i {
         display: none;
     }

     .mbx_section .text h4 {
         font-size: 20px;
         margin-top: 10px;
     }

     .mbx_section .mbx {
         margin-top: 0px;
         width: 100%;
         text-align: center;
     }

     .contact_m {
         background: none;
         padding: 0;
     }

     .nav_h4 {
         padding-top: 0px;
         padding-bottom: 0px;
         line-height: 40px;
     }

     html[lang=ar] .nav_h4 {
         padding-top: 0px;
         padding-bottom: 0px;
         line-height: 40px;
         padding-right: 40px;
     }

     .inquiry {
         padding: 0;
         background: none;
     }

     .rel_pro ul li {
         width: 33.33%;
     }

     #parentHorizontalTab02 .resp-tabs-container img {
         height: auto !important;
         max-width: 100% !important;
     }
 }

 @media only screen and (max-width: 400px) {
     .cate_section .pro_ul ul li {
         width: 50%;
     }

     .adv_section ul li {
         width: 100%;
     }

     .team ul li {
         width: 100%;
     }

     .rel_pro ul li {
         width: 50%;
     }

 }

 @media only screen and (max-width: 600px) {
     .pro_detail iframe {
         max-width: 100%;
         max-height: 200px;
     }
 }

 .pro_detail iframe {
     max-width: 100%;
 }

 .footer_message .input_1.msg_verifya {
     width: 100px;
     vertical-align: sub;
 }

 .footer_message .verify_status {
     display: inline-block;
     width: 104px;
     vertical-align: middle;
 }

 #email_form .input_1.msg_verifya {
     width: 120px;
     vertical-align: baseline;
 }

 #email_form .verify_status {
     width: 120px;
     display: inline-block;
     vertical-align: middle;
 }

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


 .footer .footer-con dd.sharelinks {
     margin-top: 42px;
 }

 .footer .footer-con dd.sharelinks .EFfx {
     font-size: 20px;
     margin: 4px 2px;
     background: #fff;
     border-radius: 4px;
     color: #333333;
     padding: 2px;
     display: inline-block;
 }

 .footer .footer-con dd.sharelinks .EFfx:hover {
     background: #34B6D0;
 }

 .footer .footer-con dl.foot-fuss input {
     width: 100%;
     background: none;
     padding-left: 6px;
     height: 30px;
 }

 .footer .footer-con dl.foot-contactus.contactus .add {
     margin-top: 6px;
     padding-left: 0;
     background-image: none;
 }

 .footer .footer-con .contactus dd.title {
     padding-left: 0;
     margin-top: 20px;
     mmargin-bottom: 6px;
     font-weight: bold;
 }

 .footer .footer-con dl.foot-contactus.contactus .add.address {
     margin-top: 20px;
     line-height: 28px;
     font-size: 17px;
 }

 .footer .footer-con dl.foot-fuss dd {}

 .footer .footer-con dl.foot-fuss dd .verify_status img {
     width: 230px;
 }

 .footer .footer-con dl.foot-fuss dd.wechat_qrcode img {
     width: 130px;
 }

 .footer .footer-con dl.foot-fuss dd.Send {
     border: none;
 }

 .footer .footer-con dl.foot-fuss dd.Send #Inquirya {
     width: auto;
     background: #FFF;
     color: #333333;
     padding: 2px 16px 0;
     margin-top: 20px;
     font-size: 18px;
 }

 .footer .footer-con dl.foot-fuss dd.Send #Inquirya:hover {
     background: #111443;
     color: #fff;
 }

 .footer .footad {
     text-align: center;
 }

 .footer .footer-con dl.foot-fuss dd label {
     font-weight: unset;
 }

 .weelist .swiper-button-prev::after,
 .weelist .swiper-container-rtl .swiper-button-next::after {
     content: ' ';
     background-image: url("../images/left-1.png");
     width: 48px;
     height: 100px;
     background-repeat: no-repeat;
 }

 .weelist .swiper-button-next::after,
 .weelist .swiper-container-rtl .swiper-button-prev::after {
     content: ' ';
     background-image: url("../images/right-1.png");
     width: 48px;
     height: 100px;
     background-repeat: no-repeat;
 }

 .weelist .swiper-button-prev:hover::after,
 .weelist .swiper-container-rtl .swiper-button-next:hover::after {
     background-image: url("../images/left.png");

 }

 .weelist .swiper-button-next:hover::after,
 .weelist .swiper-container-rtl .swiper-button-prev:hover::after {
     background-image: url("../images/right.png");
 }

 .weelist .swiper-button-next,
 .weelist .swiper-button-prev {
     position: absolute;
     top: 32%;
     width: calc(var(--swiper-navigation-size)/ 44 * 48);
     height: 100px;
     margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
     z-index: 10;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--swiper-navigation-color, var(--swiper-theme-color));
 }

 .weelist .swiper-button-next {
     right: 0;
 }

 .weelist .swiper-button-prev {
     left: 0;
 }

 .flex-space-around {
     display: -moz-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -moz-justify-content: space-around;
     -o-justify-content: space-around;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     -moz-align-items: center;
     -o-align-items: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .flex-space-center {
     display: -moz-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -moz-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -moz-align-items: center;
     -o-align-items: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .flex-space-wrap {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .flex-space-between {
     display: -moz-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -moz-justify-content: space-between;
     -o-justify-content: space-between;
     -webkit-box-pack: justify;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -moz-align-items: center;
     -o-align-items: center;
     -webkit-box-align: center;
     -moz-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .flex-space-end {
     display: -moz-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -moz-justify-content: space-between;
     -o-justify-content: space-between;
     -webkit-box-pack: justify;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
 }

 #banner_scroll a .com {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     max-width: 1920px;
     padding: 20px 160px;
     margin: 0 auto;
     z-index: 99;
 }

 #banner_scroll a .com div {
     color: #fff;
 }

 #banner_scroll a .com div h2 {
     font-size: 86px;
 }

 #banner_scroll a .com div span {
     display: inline-block;
     padding: 12px 34px;
     border: 1px solid #fff;
     border-radius: 4px;
     font-size: 16px;
     margin-top: 20px;
 }

 #banner_scroll a .com div span:hover {
     border: 1px solid #333333;
     color: #333333;
 }

 /* 
 #banner_scroll .swiper-button-prev,
 .swiper-button-next {
     --swiper-navigation-color: #1469A9,
         opacity: 0;
 }

 #banner_scroll:hover .swiper-button-prev,
 .swiper-button-next:hover {
     opacity: 1;
 } */

 #banner_scroll .swiper-button-prev,
 #banner_scroll .swiper-button-next {
     --swiper-navigation-color: #1469A9;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }

 /* 2. 鼠标经过轮播图容器时，显示里面的两个箭头 */
 #banner_scroll:hover .swiper-button-prev,
 #banner_scroll:hover .swiper-button-next {
     opacity: 1;
     visibility: visible;
 }

 @media (max-width: 768px) {

     #banner_scroll .banner-container {
         --swiper-navigation-size: 24px;
     }
 }

 .wrapper {
     width: 1400px;
     margin: 0 auto;
 }

 .banner-inner-content {
     position: absolute;
     top: 40%;
     left: 10%;
     transform: translateY(-50%);
     z-index: 10;
     color: #000000;
     text-align: left;
     max-width: 30%;
     padding: 30px 25px;
     border-radius: 10px;
 }

 .banner-title {
     font-size: 36px;
     margin-bottom: 15px;
     text-align: left;
     line-height: 1.4;
     color: #ffffff;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .banner-longtitle {
     font-size: 18px;
     margin-bottom: 15px;
     text-align: left;
     line-height: 1.4;
     color: #ffffff;
 }

 .btn_box {
     margin-top: 36px;
 }

 .btn_box .banner-btn {
     display: inline-block;
     padding: 6px 15px;
     background-color: #DC8A00;
     color: #fff;
     text-decoration: none;
     border-radius: 4px;
     transition: background 0.3s ease;
     font-size: 18px;
     margin-right: 24px;
     transition: color 0.3s ease, transform 0.3s ease;
 }

 .banner-btn:hover {
     /* transform: translateY(-2px); */
     background: #c67900;
     ;
 }

 .banner-fixed-logos {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 10;
     background: rgba(0, 0, 0, 0.4);
     padding: 15px 0;
 }

 .logo-inner {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 40px;
     position: relative;
 }

 .logo-inner::before,
 .logo-inner::after {
     content: "";
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 20%;
     /* 线段长度，可自行修改 */
     height: 0.5px;
     /* 线段粗细 */
     background-color: rgba(255, 255, 255, 0.7);
     /* 线段颜色 & 透明度 */
     z-index: -1;
 }

 @media (max-width: 992px) {
     .banner-inner-content {
         top: 50%;
         left: 6%;
         max-width: 70%;
         padding: 16px 14px;
     }

     .banner-title {
         font-size: 24px;
         margin-bottom: 10px;
     }

     .banner-longtitle {
         font-size: 15px;
         margin-bottom: 10px;
     }

     .btn_box {
         margin-top: 14px;
     }

     .btn_box .banner-btn {
         font-size: 14px;
         padding: 7px 12px;
         margin-right: 10px;
     }

     .banner-fixed-logos {
         padding: 10px 0;
     }

     .logo-inner {
         gap: 16px;
         padding: 0 12px;
     }
 }

 /* <= 768 */
 @media (max-width: 768px) {
     #banner_scroll .swiper-slide img {
         height: 320px;
         /* 手机给固定视觉高度 */
         object-fit: cover;
     }

     .banner-inner-content {
         top: 48%;
         left: 5%;
         max-width: 86%;
         padding: 12px 10px;
     }

     .banner-title {
         font-size: 20px;
         line-height: 1.3;
         margin-bottom: 8px;
     }

     .banner-longtitle {
         font-size: 13px;
         line-height: 1.4;
         margin-bottom: 8px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
     }

     .btn_box {
         margin-top: 10px;
     }

     .btn_box .banner-btn {
         font-size: 13px;
         padding: 6px 10px;
         margin-right: 6px;
         margin-bottom: 6px;
     }

     .banner-fixed-logos {
         padding: 8px 0;
     }

     .logo-inner {
         gap: 10px;
     }

     .banner-logo-item img {
         max-height: 22px;
         width: auto;
     }

     .logo-inner::before,
     .logo-inner::after {
         display: none;
     }
 }

 /* <= 480 */
 @media (max-width: 480px) {
     #banner_scroll .swiper-slide img {
         height: 260px;
     }

     .banner-inner-content {
         max-width: 92%;
         left: 4%;
         padding: 10px 8px;
     }

     .banner-title {
         font-size: 17px;
     }

     .banner-longtitle {
         font-size: 12px;
     }

     .btn_box .banner-btn {
         font-size: 12px;
         padding: 5px 8px;
     }
 }

 /* 左侧线段 */
 .logo-inner::before {
     left: 0;
 }

 /* 右侧线段 */
 .logo-inner::after {
     right: 0;
 }

 .banner-logo-item img {
     height: 40px;
     width: auto;
     opacity: 0.9;
     transition: opacity 0.3s;
 }

 .banner-logo-item img:hover {
     opacity: 1;
 }

 /* 响应式：小屏幕自动缩短线段 */
 @media (max-width: 1200px) {

     .logo-inner::before,
     .logo-inner::after {
         width: 80px;
     }
 }

 @media (max-width: 768px) {

     .logo-inner::before,
     .logo-inner::after {
         width: 30px;
         /* 手机端更短，避免遮挡 */
     }
 }

 /* 响应式调整：手机端缩小文字 */
 @media (max-width: 768px) {
     .banner-fixed-logos {
         padding: 8px 0;
     }

     .logo-inner {
         gap: 15px;
     }

     .banner-logo-item img {
         height: 20px;
         /* 手机端缩小 Logo */
     }

     .banner-inner-content {
         /* max-width: 80%;
        width: 80%; */
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         padding: 10px 15px;
         text-align: center;

     }

     .banner-title {
         font-size: 12px;
         text-align: center;
     }

     .banner-btn {
         padding: 6px 15px;
         font-size: 12px;
     }

     /* 手机端可以隐藏描述节省空间 */
 }

 @media (min-width: 972px) {
     .header {
         background: #333333;
     }

     .header .header-con {
         max-width: 1380px;
         margin: 0px auto;
         position: relative;
         min-height: 85px;
         width: 100%;
     }

     .header .header-con .logo img {
         display: inline-block;
         min-height: 40px;
         max-height: 140px;
     }

     .header .header-con .tip {
         flex: 1;
         padding: 0 22px;
         font-size: 20px;
         line-height: 1.6;
         font-weight: bold;
     }

     .header .header-con .top .lianxi {
         margin-bottom: 15px;
         margin-top: 10px;
         display: flex;
         align-items: center;
     }

     .header .header-con .top .lianxi a {
         color: #fff;
     }

     .header .header-con .top .lianxi ul li {
         margin: 0 12px;
         font-size: 15px;
     }

     .header .header-con .sl {
         position: absolute;
         top: 128px;
         right: 0px;
         bottom: 0;
         display: flex;
         align-items: center;
     }

     .header .header-con .sl .search #SearchForm {
         float: right;
         position: relative;
     }

     .header .header-con .sl .search #SearchForm #keywords {
         width: 296px;
         height: 35px;
         padding-right: 44px;
         border: 1px solid #EC8415;
         border-radius: 4px;
         padding-left: 4px;
     }

     html[lang="ar"] .header .header-con .sl .search #SearchForm #keywords {
         width: 296px;
         height: 35px;
         padding-right: 49px;
         border: 1px solid #EC8415;
         border-radius: 4px;
         padding-left: 4px;
     }

     .header .header-con .top {
         text-align: center;
     }

     .header .header-con .top .company_name {
         color: #fff;
         font-size: 32px;
     }

     #nav {
         background: #4D4D4D;
     }

     .nav_menu {
         /* display: flex;
        justify-content: center; */
         /* justify-content: space-between; */
     }

     #nav::after {
         content: '';
         display: block;
         clear: both;
     }

     #nav ul li {
         position: relative;
         float: left;
     }

     html[lang=ar] #nav ul li {
         position: relative;
         float: right;
     }

     #nav ul li>a {
         display: block;
         font-size: 18px;
         text-decoration: none;
         color: #EC8415;
         padding: 10px 38px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     /* #nav ul li:hover>a {
        text-decoration: underline !important;
    } */

     #nav ul li>div {
         position: absolute;
         top: 100%;
         white-space: nowrap;
         z-index: 999999999;
         left: 0;
         display: none;
         padding-top: 0px;
     }

     html[lang=ar] #nav ul li>div.submenu {
         position: absolute;
         top: 100%;
         white-space: nowrap;
         z-index: 999999999;
         right: 0px;
         display: none;
         padding-top: 0px;
         left: unset;
     }

     #nav ul li>div.submenu {
         position: absolute;
         top: 100%;
         left: 0;
         white-space: nowrap;
         z-index: 9999;
         display: none;
         padding-top: 12px;
     }

     /* 2. 顶部小三角形实现 */
     #nav ul li>div.submenu::before {
         content: "";
         display: block;
         border-width: 0 10px 10px;
         border-style: solid;
         border-color: transparent transparent rgba(255, 255, 255, 1);
         width: 0;
         height: 0;
         position: absolute;
         top: 2px;
         left: 20px;
         margin-left: 0;
     }

     #nav ul li>div.submenu .submenuaa {
         background: rgba(255, 255, 255, 1);
         box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
         border-radius: 2px;
     }

     #nav ul li>div.submenu .live {
         border-bottom: 1px solid #F1F1F1;
         position: relative;
     }

     #nav ul li>div.submenu .live:last-child {
         border-bottom: none;
         position: relative;
     }

     #nav ul li>div.submenu .flex-w {
         color: #1d313d;
         text-align: left;
         padding: 6px 25px;
         min-width: 180px;
         font-size: 15px;
         display: block;
         transition: all 0.3s;
         text-decoration: none !important;
         text-shadow: 0 0 0 transparent;
         line-height: 40px;
     }

     #nav ul li>div.submenu .erji a.flex-w {
         border-bottom: 1px solid #f1f1f1 !important;
     }

     #nav ul li>div.submenu .live:hover>span>.flex-w,
     #nav ul li>div.submenu .live:hover>a.flex-w {
         color: #1469A9 !important;
     }

     #nav ul li>div.submenu .erji a.flex-w:hover {
         color: #1469A9 !important;
         text-decoration: underline;
     }

     #nav ul li>div.submenu .erji {
         position: absolute;
         left: 100%;
         top: 0;
         border-radius: 4px;
         background: rgba(255, 255, 255, 1);
         box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
         display: none;
         border-left: 1px solid #eee;
     }


     #nav ul li>div.submenu .live:hover .erji {
         display: block;
     }

     #nav ul li:hover>div {
         display: block;
     }

     #nav ul li:hover>div.submenu {
         display: block;
     }

     #nav ul li>div.submenu .erji::-webkit-scrollbar {
         width: 6px;
     }

     #nav ul li>div.submenu .erji::-webkit-scrollbar-thumb {
         background: #ccc;
         border-radius: 3px;
     }

     html[lang=ar] #nav ul li:hover>div.submenu {
         display: block;
     }

     #nav ul li:last-child {
         float: right;
     }

     #nav ul li:last-child .langsi {
         padding: 7px 10px;
         background: #F9B552;
     }

     #nav ul li:last-child .language {
         position: absolute;
         top: 100%;
         display: none;
         left: 0;
         right: 0;
         z-index: 99999;
         background: rgba(255, 255, 255, 0.8);
         padding: 5px 6px;
     }

     #nav ul li:last-child .langsi span {
         color: #fff;
         padding: 0 4px;
         font-size: 16px;
     }

     #nav ul li:last-child:hover .language {
         display: block;
     }

     #nav ul li:last-child .language dd a {
         font-size: 15px;
     }

     #nav ul li:last-child .language dd a img,
     #nav ul li:last-child .language dd a span {
         vertical-align: middle;
     }

     #nav ul li:last-child .language dd a:hover span {
         color: #ECBA2E;
     }


     /*footer*/
     footer .footertop {
         border-bottom: 1px solid #B7B7B7;
     }

     footer .footertop .list {
         width: 50%;
         text-align: center;
         padding: 50px 0 50px;
     }

     footer .footertop .list a,
     footer .footertop .list {
         color: #fff;
         font-size: 28px;
     }

     footer .footertop .list a .EFfx.eefx-map-finger-copy {
         margin-right: 16px;
         font-size: 32px;
         vertical-align: middle;
     }

     footer .footertop .list a span {
         vertical-align: middle;
     }

     footer .footertop .list a {
         background: #EC8415;
         padding: 10px 34px 12px;
         border-radius: 90px;
         box-shadow: 5px 5px 0 0 #754107;
         font-size: 22px;
     }

     footer .footertop .list p {
         display: inline-block;
         font-weight: bold;
         text-shadow: 2px 4px 0 #754107;
     }

     footer .footertop .list a:hover {
         box-shadow: 5px 5px 0 0 #181818;
         background: #313131;
     }


     .footerbg {
         clear: both;
     }

     .footer {
         /* width: 1400px; */
         /* margin: 0 auto; */
         /* padding: 50px 0 30px; */
     }

     .foot dl {
         max-width: 290px;
     }



     .footer dl dt,
     .footer .contactus .h2 h2 {
         font-size: 24px;
         font-weight: bold;
         margin-bottom: 26px;
         color: #fff;
     }

     .foot .toggle_content dd a {
         font-size: 14px;
     }



     .footer dl a {
         font-size: 16px;
         color: #fff;
         position: relative;
         display: inline-block;
         padding-bottom: 4px;
     }

     .footer dl dd a:hover {
         color: #ffffff !important;
         text-decoration: underline !important;
         text-underline-offset: 5px;
     }

     .footer .footer_information {
         width: 320px;
         max-width: 320px;

     }

     .footer .contactus .tphone,
     .footer .contactus .footweb a,
     .footer .contactus .footemail a,
     .footer .contactus .footwhatsapp a,
     .footer .contactus .footaddress,
     .footer .contactus .footwechat a {
         padding: 4px 0px 4px 0;
         display: block;
         font-size: 14px;
         color: #fff;
     }

     .footer .contactus .tphone {
         /* background: url("../images/mphone.png") no-repeat 0 center; */
     }

     .footer .contactus .tphone:hover {
         /* text-decoration: underline !important;
         text-underline-offset: 5px; */
     }

     .footer .contactus .foot-fax:hover {
         text-decoration: underline !important;
         text-underline-offset: 5px;
     }

     .footer .contactus .footweb a {
         background: url("../images/web3.png") no-repeat 0 center;
     }

     .footer .contactus .footemail a {
         display: flex;
         /* background: url("../images/me-mail.png") no-repeat 0 center; */
     }

     .footer .contactus .footemail:hover {
         text-decoration: underline !important;
         text-underline-offset: 5px;
     }

     .footer .contactus .footaddress {
         background: url("../images/madd.png") no-repeat 0 12px;
     }

     .footer .contactus .footaddress {
         line-height: 1.4;
     }

     .footer .contactus .footwhatsapp a {
         /* background: url("../images/mwhatsapp.png") no-repeat 0px center; */
     }

     .footer .contactus .footwhatsapp:hover {
         text-decoration: underline !important;
         text-underline-offset: 5px;
     }

     .footer .contactus .footwechat a {
         background: url("../img/weixin1.png") no-repeat 2px center;
         background-size: 26px;
     }

     .foot dl.foot-our {
         width: 260px;
     }

     .foot dl.foot-our .p {
         font-size: 16px;
         color: #9C9C9C;
     }

     .foot dl.foot-our .list h2 {
         font-size: 16px;
         text-align: center;
         color: #fff;
         margin-top: 8px;
         font-weight: bold;
     }

     .foot dl.foot-our .langffx {
         margin-bottom: 12px;
     }

     .langffx {
         /* margin-top: 26px; */
     }

     .langffx label {
         white-space: nowrap;
         font-size: 22px;
         color: #2A2A2A;

     }

     .langffx .EFfx {
         margin-right: 26px;
         font-size: 24px;
         color: #fff;
     }

     .copyright {
         text-align: center;
         font-size: 15px;
         padding: 14px 0 14px;
         color: #fff;
         line-height: 26px;

     }

     .link {
         border-top: 1px solid #9C9C9C;
         border-bottom: 1px solid #9C9C9C;
     }

     .link .wrap {
         max-width: 1200px;
         margin: 0 auto;
         width: 100%;
         text-align: center;
     }

     .link .wrap a {
         text-align: center;
         color: #9C9C9C;
         padding: 6px 26px;
         font-size: 16px;
         display: inline-block;
     }



 }

 @media (max-width: 1680px) {
     #footer .foot {
         width: 100%;
     }

     #footer .wrap {
         width: 1500px;
         margin: 0 auto;
     }
 }

 @media (max-width: 1440px) {
     #footer .wrap {
         width: 1300px;
         margin: 0 auto;
     }
 }

 @media only screen and (max-width: 1400px) {
     #nav ul li>a {
         display: block;
         font-size: 18px;
         text-decoration: none;
         color: #EC8415;
         padding: 10px 28px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .wrapper {
         width: 100%;
         margin: 0 auto;
         padding: 0 10px;
     }
 }

 @media only screen and (max-width: 1280px) {
     #footer .wrap {
         width: 1240px;
         margin: 0 auto;
     }
 }

 @media only screen and (max-width: 1200px) {
     .header .header-con {
         flex-direction: column;
         /* 手机端改回垂直排列 */
         padding: 10px;
     }

     .header-right {
         margin-top: 15px;
         flex-direction: column;
     }

     .search-box .textbox {
         width: 260px;
     }

     #nav .wrapper {
         position: relative;
         width: 100%;
     }

     #nav ul li a {
         padding: 10px 12px;
     }

     footer {
         background: #333333;
     }



     .footer .cpsm,
     .footer .quick {
         margin-right: 44px;
     }

     .footer .cpsm {
         width: calc(100% - 580px);
     }

     .footer .cpsm .title .p {
         line-height: 36px;
         color: #000;
         font-size: 18px;
         font-weight: bold;
     }

     .footer .cpsm .title h2 {
         border-bottom: 1px solid #A8A8A8;
         padding: 2px 0 8px;
         margin: 0 0 22px;
         font-size: 18px;
         font-weight: bold;
         color: #000;
         line-height: 36px;
     }

     .headertop .headertop-con .lianxi li.topemail {
         background: url("../images/emailtip.png") no-repeat 2px center;
         background-size: auto;
         background-size: 14px;

     }



     .headertop .headertop-con .lianxi li.topphone {
         background: url("../images/phonetip.png") no-repeat 0px center;
         background-size: 14px;
         padding-top: 2px;
         padding-bottom: 2px;

     }
 }

 @media (max-width:768px) {
     .footer {
         width: 100%;
         margin: 0 auto;
         padding: 0 10px 0;
     }
 }

 .headertop .headertop-con .lianxi li {
     margin-right: 2px;
     padding-left: 20px;
 }

 .headertop .headertop-con .lianxi li a {
     font-size: 14px;
     color: #fff;
 }

 .lang dd a span {
     vertical-align: middle;
     color: #fff;
     display: inline-block;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-size: 14px;
 }

 .footer_langffx {
     display: flex;
     align-items: center;
     position: absolute;
     bottom: 0;
 }

 .footer_langffx .langffx .Ffxf {
     margin-top: 60px;
 }

 .langffx {
     /* margin-top: 26px; */
 }

 @media (min-width: 973px) {

     .large,
     .small,
     .hc-mobile-nav,
     .x-hide,
     .top-title-a {
         display: none !important;
     }

 }

 @media (max-width: 972px) {

     .header,
     .lang,
     .x-hide,
     .index1 .top-title,
     #side,
     #nav,
     .footerbg {
         display: none;
     }

     .headertop {
         display: none;
     }

     #toubuxx {
         display: none;
     }


     /*footer*/
     footer .footertop {
         border-bottom: 1px solid #B7B7B7;
         padding: 10px 0;
     }

     footer .footertop .list {
         width: 100%;
         text-align: center;
         padding: 20px 0;
     }

     footer .footertop .list a,
     footer .footertop .list {
         color: #fff;
         font-size: 28px;
     }

     footer .footertop .list a .EFfx.eefx-map-finger-copy {
         margin-right: 8px;
         font-size: 16px;
         vertical-align: middle;
     }

     footer .footertop .list a span {
         vertical-align: middle;
     }

     footer .footertop .list a {
         background: #EC8415;
         padding: 10px 34px 12px;
         border-radius: 90px;
         box-shadow: 5px 5px 0 0 #754107;
         font-size: 16px;
     }

     footer .footertop .list p {
         display: inline-block;
         font-weight: bold;
         text-shadow: 2px 4px 0 #754107;
         line-height: 1.4;
     }

     footer .footertop .list a:hover {
         box-shadow: 5px 5px 0 0 #5b3000;
         background: #CB6900;
     }

     #footer {
         clear: both;
     }

     #footer .wrap {
         width: 100%;
         margin: 0 auto;
         padding: 0 10px;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }

     .footb {
         width: 100%;
         background: #F6F6F6;
         padding-top: 57px;
         padding-bottom: 44px;
     }

     .foot.flexa-container.flexa-justify-between {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }

     .foot dl {
         width: 50%;
         margin-bottom: 18px;
     }

     .contactus {
         width: 50%;
         margin-top: 0;
     }

     .contactus .h2 h2,
     .foot dl dt {
         font-size: 18px;
         font-weight: bold;
         color: #fff;
         margin-bottom: 26px;
     }

     .footer dl dd {
         margin-bottom: 4px;
         color: #fff;
         font-size: 14px;
     }

     .foot dl.foot-our .langffx {
         margin-bottom: 12px;
     }

     .langffx .EFfx {
         margin-right: 26px;
         font-size: 24px;
         color: #fff;
     }

     .contactus .tphone,
     .contactus .footweb a,
     .contactus .footemail a,
     .footer .contactus .footwhatsapp a,
     .contactus .footaddress,
     .footer .contactus .footwechat a {
         padding: 3px 0px 3px 40px;
         display: block;
         font-size: 14px;
         color: #fff;
     }

     .footer_langffx {
         bottom: auto;
     }

     .footer_langffx .langffx .Ffxf {
         margin-top: 0;
     }

     .footer .contactus .tphone {
         background: url("../images/mphone.png") no-repeat 0 center;
     }



     .footer .contactus .footweb a {
         background: url("../images/web3.png") no-repeat 0 center;
     }

     .footer .contactus .footemail a {
         background: url("../images/me-mail.png") no-repeat 0 center;
     }

     .footer .contactus .footaddress {
         background: url("../images/madd.png") no-repeat 0 12px;
     }

     .footer .contactus .footaddress {
         line-height: 1.4;
     }

     .footer .contactus .footwhatsapp a {
         background: url("../images/mwhatsapp.png") no-repeat 2px center;
     }

     .footer .contactus .footwechat a {
         background: url("../img/weixin1.png") no-repeat 2px center;
         background-size: 26px;
     }

     .foot dl dd a {
         color: #fff;
     }

     .foot dl .toggle_content {
         padding-bottom: 12px;
         margin-left: 34px;
     }

     .foot dl.foot-our .p {
         font-size: 16px;
         color: #9C9C9C;
     }

     .foot dl.foot-our .list h2 {
         font-size: 16px;
         text-align: center;
         color: #fff;
         margin-top: 8px;
         font-weight: bold;
     }

     .foot dl.foot-our .langffx {
         margin-bottom: 12px;
     }

     .foot dl.foot-our .inouts {
         position: relative;
         margin-top: 15px;
     }

     .foot dl.foot-our .inouts input {
         width: 100%;
         height: 38px;
         padding: 0 8px;
     }

     .foot dl.foot-our .inouts button {
         position: absolute;
         top: 0;
         right: 0;
         height: 38px;
         width: 38px;
         background: url("../images/send.png") no-repeat center center;
         border: none;
     }

     .langffx {
         margin-top: 0;
     }

     .langffx label {
         white-space: nowrap;
         font-size: 22px;
         color: #2A2A2A;

     }

     .langffx .EFfx {
         margin-right: 26px;
         font-size: 24px;
         color: #fff;
     }

     footer .copyright {
         text-align: center;
         background: #333333;
         padding: 20px 0 20px;
         clear: both;
         font-size: 14px;
         float: left;
         width: 100%;
         color: #fff;
         margin-bottom: 50px;
         flex-direction: column;
     }

     .link {
         border-top: 1px solid #9C9C9C;
         border-bottom: 1px solid #9C9C9C;
     }

     .link .wrap {
         max-width: 1200px;
         margin: 0 auto;
         width: 100%;
         text-align: center;
     }

     .link .wrap a {
         text-align: center;
         color: #9C9C9C;
         padding: 6px 26px;
         font-size: 16px;
         display: inline-block;
     }



     @media (max-width: 841px) {
         .cpsm .title .p {
             line-height: 36px;
             color: #000;
             font-size: 16px;
             font-weight: bold;
         }

         .cpsm .title h2 {
             border-bottom: 1px solid #A8A8A8;
             padding: 2px 0 8px;
             margin: 0 0 22px;
             font-size: 16px;
             font-weight: bold;
             color: #000;
             line-height: 36px;
         }
     }

     @media (max-width: 770px) {
         .foot dl {
             width: 100%;
             margin-bottom: 0;
         }

         .contactus {
             width: 100%;
             margin-top: 0px;
         }

         .contactus .h2 h2 {
             font-size: 18px;
             font-weight: bold;
             color: #262626;
             margin-bottom: 15px;
         }

         .foot-home,
         .x-hide {
             display: block;
         }

         .footer .link {
             display: none;
         }

         .footer .footer-con dl .toggle_content {
             display: none;
         }

     }

     @media (max-width: 680px) {
         .foottop.flexa-container.flexa-justify-between.dianji {
             flex-wrap: wrap;
         }

         .contactus {
             width: 100%;
         }

         .cpsm {
             width: 100%;
         }

         .cpsm .title h2 {
             border-bottom: 1px solid #A8A8A8;
             padding: 2px 0 8px;
             margin: 0 0 22px;
             font-size: 1rem;
             font-weight: bold;
             color: #000;
             line-height: 1.5rem;
         }

         .cpsm .title .p {
             line-height: 1.5rem;
             color: #000;
             font-size: 1rem;
             font-weight: bold;
         }
     }

 }

 @media (max-width: 414px) {
     .copyright {
         display: flex;
         flex-direction: column;
     }
 }

 #banner_scroll {
     --swiper-theme-color: #1469A9;
     --swiper-navigation-color: #1469A9;
     --swiper-pagination-color: #1469A9;

 }

 #banner_scroll .swiper-button-prev {
     color: #1469A9;
     background: rgba(255, 255, 255, 0.7);
     left: 0
 }

 #banner_scroll .swiper-button-next {
     color: #1469A9;
     background: rgba(255, 255, 255, 0.7);
     right: 0;


 }

 /* 导航条背景和内边距 */
 .sticky-nav-wrapper {
     position: sticky;
     top: 0;
     z-index: 99999;
     width: 100%;
     pointer-events: auto;
 }

 .languages {
     background: #1469A9;
 }

 .languages-nav {
     display: flex;
     align-items: center;
     justify-content: end;
     max-width: 1380px;
     width: 100%;
     margin: 0 auto;
 }

 /* 容器定位 */
 .languages-dropdown {
     position: relative;
     display: inline-block;
     cursor: pointer;
 }

 .languages-dropdown .current-lang span {
     color: #ffffff;
 }

 .dropdown-container {
     min-width: 120px;
 }

 /* 当前语言显示样式 */
 .current-lang {
     display: flex;
     align-items: center;
     padding: 8px 12px;
     border-radius: 4px;
     gap: 8px;
     margin: 0 24px;
 }

 /* 箭头动画 */
 .arrow-down {
     display: inline-block;
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 5px solid #ffffff;
     vertical-align: middle;
     cursor: pointer;
 }

 /* 列表基础样式：默认隐藏 */
 .lang-list {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 9999999999;
     background: #fff;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     padding: 5px 0;
     list-style: none;
     width: 100%;
 }

 .lang-list li a {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 10px 15px;
     text-decoration: none;
     color: #333;
     transition: background 0.2s;
 }

 .lang-list li a:hover {
     background: #f0f0f0;
 }

 /* 触发显示：Hover时显示 */
 .languages-dropdown:hover .lang-list {
     display: block;
 }

 /* Hover时箭头反转 */
 .languages-dropdown:hover .arrow-down {
     transform: rotate(-180deg);
 }

 @media (max-width: 972px) {
     .languages-nav {
         display: none;
     }
 }

 /* 容器布局 */
 .languageCon {
     width: 1380px;
     max-width: 1380px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /* 列表样式：强制横向 */
 .language {
     display: flex;
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
     list-style: none;
     width: 100%;
     justify-content: space-between;
 }

 /* 每个语言项的间距 */
 .language dd {
     margin: 0 15px 0 0;
     /* 右边距控制语言之间的距离 */
     padding: 0;
 }

 .language dd a.lang-link {
     display: flex;
     align-items: center;
     text-decoration: none;
     color: #333;
     font-size: 13px;
     transition: color 0.3s;
 }

 .language dd a.lang-link img {
     margin-right: 6px;
     display: block;
     border: 1px solid #eee;
 }

 .language dd a.lang-link span {
     line-height: 1;
     white-space: nowrap;
 }

 .language dd a.lang-link:hover {
     color: #ff0000;
 }

 .eefx-right {
     display: none;
 }

 /* 1. 新套的盒子：负责整体蒙版和定位 */
 .header-wrapper {
     width: 100%;
     background-color: #ffffff;
     z-index: 99999;
     pointer-events: auto;
     position: sticky;
     top: 0;
     /* position: fixed; 
    top: 36px;
    left: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
 }

 .header {
     background: transparent !important;
     width: 100%;
 }


 .header .header-con {
     max-width: 1380px;
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 /* 左侧布局 */
 .header-left {
     display: flex;
     align-items: center;
 }

 .header-left .logo img {
     margin-right: 15px;
 }

 .header-left .company_name {
     color: #fff;
     font-size: 24px;
     font-weight: bold;
     text-transform: uppercase;
     font-family: serif;
     letter-spacing: 0.5px
 }

 /* 右侧布局 */
 .header-right {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 80px;
 }

 /* 联系方式样式 */
 .header-right .lianxi ul {
     list-style: none;
 }

 .header-right .lianxi ul li a {
     color: #fff;
     font-size: 14px;
     display: flex;
     align-items: center;
     margin-left: 20px;
 }

 .header-right .lianxi .topemail {
     margin-left: 12px;
 }

 .topemail_a {
     color: #ffffff;
 }

 .search-box {
     display: flex;
     background: #fff;
     border-radius: 4px;
     position: relative;
     width: 46px;
     height: 36px;
     margin: 0 12px 0 12px;
 }

 .search-box .textbox {
     width: 300px;
     height: 36px;
     border: none;
     padding: 0 15px;
     outline: none;
 }

 .search-box .Qsubmit {
     position: absolute;
     width: 65px;
     height: 40px;
     border: none;
     background: url('../images/sousuo.png') no-repeat center center;
     top: 0;
     right: 0;
     cursor: pointer;
     background-size: 21px;

 }

 .search-panel {
     position: absolute;
     top: 56px;
     right: 0;
     background: #fff;
     box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
     z-index: 999;
 }

 .search-panel form {
     display: flex;
     align-items: center;
 }

 .search-input {
     width: 240px;
     height: 34px;
     border: 1px solid #ddd;
     padding: 0 10px;
     outline: none;
 }

 .search-submit {
     width: 100%;
     height: 34px;
     padding: 0 10px;
     border: 0;
     background: #1469A9;
     color: #fff;
     cursor: pointer;
 }

 /* 导航栏样式：强行占据一整行 */
 #nav {
     /* width: 100%; */
     flex: 1;
     background: transparent !important;
 }

 #nav ul {
     display: flex;
     list-style: none;
     padding: 0;
     margin: 0;
     margin-left: 95px;
 }

 #nav ul li a {
     display: flex;
     color: #1d313d;
     font-size: 16px;
     padding: 0px 25px;
     text-decoration: none;
     height: 53px;
     white-space: nowrap;
     align-items: center;
     font-weight: 600;
 }

 #nav ul li a:hover {
     color: #1469A9;
     text-decoration: underline !important;
     text-underline-offset: 5px;
 }

 .nav_menu .submenu a:hover,
 .nav_menu .erji a:hover {
     text-decoration: none !important;
     color: #1469A9;
 }

 .nav_menu .nactive>a {
     color: #1469A9 !important;
 }

 .nav_menu .liveNactive>a {
     color: #1469A9 !important;
 }

 .header-right .lianxi ul li {
     color: #fff;
     font-size: 13px;
     display: inline-flex;
     align-items: center;
     margin-left: 15px;
     /* 鼠标手势 */
 }

 .header-right .lianxi ul li img {
     margin-right: 5px;
 }

 .search-box .textbox {
     width: 260px;
     height: 34px;
 }

 .request_inquiry {
     background-color: #DC8A00;
     padding: 0 28px;
     border-radius: 6px;
     cursor: pointer;
     font-size: 16px;
     font-weight: 600;
     transition: color 0.3s ease, transform 0.3s ease;

 }

 .request_inquiry a {
     color: #ffffff;
 }

 .request_inquiry:hover {
     background: #c67900;
     /* transform: translateY(-3px); */
 }

 .footerAdd {
     color: #fff;
     line-height: 1.6;
 }


 .footer-label,
 .foot-address {
     display: inline;
 }

 .foot-address {
     margin: 0;
 }


 .textbox_code {
     width: 80%;
 }

 /* 响应式断点 */
 @media (max-width: 414px) {
     .main-textbox_code {
         width: 100%;
     }


 }



 /* 底部版权 */
 .copyright {
     display: flex;
     align-items: center;
     justify-content: center;
     max-width: 1400px;
     padding: 10px;
     margin: 0 auto;
 }

 .copyright a {
     color: #ffffff;
 }

 .copyright a:hover {
     text-decoration: underline !important;
     text-underline-offset: 5px;
 }

 .footer_logo_param {
     color: #ffffff;
 }

 .footer_more {
     display: flex;
     align-items: center;
 }

 .footer_more a {
     background: #DC8A00;
     padding: 8px 32px;
     font-size: 16px;
     border-radius: 6px;
     color: #ffffff;
     transition: color 0.3s ease, transform 0.3s ease;
     font-weight: 600;
 }

 .footer_more a:hover {
     background: #c67900;
     /* transform: translateY(-2px); */
 }

 @media (max-width: 768px) {
     .stats-grid {
         display: flex;
         flex-direction: column;
     }

     .stats-grid .stat-item {
         padding-bottom: 24px;
     }
 }

 .nav_menu>li:hover.has-sub>a {
     color: #1469A9 !important;
 }

 .nav_menu>li.nactive.has-sub>a::after {
     border-color: #1469A9 !important;
 }