blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
   margin: 0;
   padding: 0;
   outline: 0
 }
 abbr, acronym, fieldset, img {
   border: 0
 }
 ol, ul {
   list-style: none
 }
 caption, th {
   text-align: left
 }
 .clearfix:after {
   content: "";
   height: 0;
   line-height: 0;
   display: block;
   visibility: hidden;
   clear: both
 }
 .clearfix {
   zoom: 1
 }
 .dn {
   display: none
 }

 @media screen and (max-width: 880px) {
	 .pro-inner .cp-left,.cp-text,.main-cont .left-cont,.main-cont .right-side,.show-msg{width: 100%!important}
	 .cp-text .info{padding-right: 0!important}
	 .pro-tab li{width: 33%!important}
	 .pro-tab li:nth-child(4n):after{display: none!important}
	 .pro-cont,.crumbs{padding-top: 0!important}
	 .crumbs{height: 1px!important}
	 .cp-text h1{font-size: 22px!important}
 }
 * {
   -wekit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
 }
 a {
   -ms-transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s
 }
 img {
   width: auto;
   height: auto;
   max-width: 100%;
   vertical-align: middle
 }

 video {
   outline: 0;
   border: none
 }
 a {
   color: #333;
   text-decoration: none;
   border: none;
   outline: 0
 }
 textarea {
   resize: none
 }
 input, select, textarea {
   font-size: 14px;
   color: #999;
   font-family: "Microsoft Yahei", sans-serif;
   outline: 0;
   border: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box
 }
 input[type=button], input[type=reset], input[type=submit] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor: pointer
 }
 ::-webkit-input-placeholder {
   color: #999
 }
 ::-moz-placeholder {
   color: #999
 }
 ::-ms-input-placeholder {
   color: #999
 }
 input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
   box-shadow: 0 0 0px 1000px #ffffff inset !important;
   -webkit-text-fill-color: #333 !important;
 }
 .wrap {
   max-width: 1680px;
   width: 85%;
   margin: 0 auto;
 } /* =============== Slider 轮播插件================= */ .slick-slider {
   position: relative;
   display: block;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
 }
 .slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0
 }
 .slick-list:focus {
   outline: 0
 }
 .slick-list.dragging {
   cursor: pointer;
   cursor: hand
 }
 .slick-slider .slick-list, .slick-slider .slick-track {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
 }
 .slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block
 }
 .slick-track:after, .slick-track:before {
   display: table;
   content: ''
 }
 .slick-track:after {
   clear: both
 }
 .slick-loading .slick-track {
   visibility: hidden
 }
 .slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
 }
 [dir=rtl] .slick-slide {
   float: right
 }
 .slick-slide img {
   display: block
 }
 .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
 }
 .slick-arrow.slick-hidden {
   display: none
 } /* ===================走马灯插件 样式================= */ .threesixty {
   position: relative;
   overflow: hidden;
   margin: 0 auto
 }
 .threesixty .threesixty_images {
   display: none;
   list-style: none;
   margin: 0;
   padding: 0
 }
 .threesixty .threesixty_images img {
   position: absolute;
   top: 0;
   width: 100%;
   height: auto
 }
 .threesixty .threesixty_images img.previous-image {
   visibility: hidden;
   width: 0
 }
 .threesixty .threesixty_images img.current-image {
   visibility: visible;
   width: 100%
 }
 .threesixty .spinner {
   width: 60px;
   display: block;
   margin: 0 auto;
   height: 30px;
   background: #333;
   background: rgba(0, 0, 0, .7);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px
 }
 .threesixty .spinner span {
   font-family: Arial, ms trebuchet, sans-serif;
   font-size: 12px;
   font-weight: bolder;
   color: #fff;
   text-align: center;
   line-height: 30px;
   display: block
 }
 .threesixty .nav_bar {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 11
 }
 .threesixty .nav_bar a {
   display: block;
   width: 32px;
   height: 32px;
   float: left;
   text-indent: -99999px
 }
 .threesixty .nav_bar a.nav_bar_play {
   background-position: 0 0 !important
 }
 .threesixty .nav_bar a.nav_bar_previous {
   background-position: 0 -73px !important
 }
 .threesixty .nav_bar a.nav_bar_stop {
   background-position: 0 -37px !important
 }
 .threesixty .nav_bar a.nav_bar_next {
   background-position: 0 -104px !important
 }
 .threesixty:-webkit-full-screen {
   background: #fff;
   width: 100%;
   height: 100%;
   margin-top: 0;
   padding-top: 200px
 }
 .threesixty:-moz-full-screen {
   background: #fff;
   width: 100%;
   height: 100%;
   margin-top: 0;
   padding-top: 200px
 }
 .pro-area {
   margin-top: 32px;
   margin-bottom: 5px;
 }
 .pro-area li {
   float: left;
   position: relative;
 }
 .pro-area li.one {
   width: 45.7%;
 }
 .pro-area li.two {
   width: 27.15%;
   padding-left: 6px;
 }
 .pro-area li.three {
   width: 27.15%;
   padding-left: 6px;
 }
 .pro-area li .img {
   display: block;
 }
 .pro-area li .img img {
   width: 100%;
   display: block;
 }
 .pro-area .one p {
   position: absolute;
   text-align: center;
   font-size: 16px;
   color: #666666;
   line-height: 30px;
   left: 0;
   bottom: 25px;
   width: 100%;
 }
 .pro-area li span {
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .pro-area li .sub {
   margin-bottom: 6px;
 }
 .pro-area li .txt span {
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   line-height: 30px;
 }
 .pro-area li .txt p {
   font-size: 16px;
   color: #666666;
   line-height: 26px;
 }
 .pro-area li .sub .text {
   position: absolute;
   top: 28px;
   right: 12px;
 }
 .pro-area li .sub1 {
   position: relative;
 }
 .pro-area li .sub1 .text {
   position: absolute;
   top: 50%;
   right: 12px;
   margin-top: -30px;
 }
 .pro-area li .sub:hover span, .pro-area li .sub1:hover span, .pro-area li.one:hover span {
   color: #d02507;
 }
 .pro-ul {
   background-color: #fff;
   padding: 20px 7px;
 }
 .pro-ul li {
   float: left;
   width: 25%;
   padding: 0 13px;
   margin-bottom: 30px;
 }
 .pro-ul li .item {
   border-radius: 4px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   background-color: #fff;
 }
 .pro-ul li a.img {
   width: 100%;
   height: 0;
   overflow: hidden;
   position: relative;
   padding-top: 68.75%;
   border-radius: 4px 4px 0 0;
   display: block;
 }
 .pro-ul li a.img img {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .pro-ul li .tit {
   font-size: 18px;
   color: #333333;
   line-height: 60px;
   padding-right: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   position: relative;
   padding-left: 10px;
   display: block;
 }
 .pro-ul li .tit:after {
   content: '';
   width: 24px;
   height: 16px;
   background: url(../image/index-arr.png) no-repeat;
   position: absolute;
   right: 30px;
   top: 20px;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .pro-ul li:hover .item {
   -webkit-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -moz-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -ms-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -o-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
 }
 .pro-ul li:hover .tit:after {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .index-goods {
   margin-bottom: 68px;
   background: url(../image/index-img1.jpg) no-repeat top center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-top: 110px;
   padding-bottom: 16px;
 }
 .index-goods .wrap {
   padding-left: 300px;
   position: relative;
 }
 .index-goods .pic {
   margin-bottom: 40px;
 }
 .index-goods .pic img {
   display: block;
   width: 100%;
 }
 .index-goods .wrap:before {
   content: '';
   width: 365px;
   height: 410px;
   background: url(../image/in-img1.png) no-repeat;
   position: absolute;
   bottom: -16px;
   left: -20px;
 }
 .good-box {
   padding-left: 52px;
 }
 .good-box > span {
   display: block;
   float: left;
   font-size: 16px;
   color: #fff;
   line-height: 26px;
   margin-top: 16px;
 }
 .good-box ul {
   float: left;
   width: 62%;
   margin-left: 12px;
 }
 .good-box ul li {
   float: left;
   width: 20%;
   padding: 0 5px;
 }
 .good-box ul li .img {
   position: relative;
   overflow: hidden;
 }
 .good-box ul li .img img {
   display: block;
   width: 100%;
   border-radius: 4px;
 }
 .good-box .good-btn {
   float: right;
   width: 200px;
 }
 .good-box .more-a {
   display: block;
   cursor: pointer;
   width: 100%;
 }
 .good-box .more-a img {
   margin-left: 6px;
   vertical-align: middle;
   margin-top: -4px;
   display: inline-block;
 }
 .good-box ul li .text {
   position: absolute;
   top: -100%;
   left: 0;
   background-color: rgba(0, 0, 0, .5);
   text-align: center;
   font-size: 16px;
   line-height: 26px;
   color: #fff;
   display: block;
   padding-top: 38px;
   width: 100%;
   height: 100%;
 }
 .good-box ul li .text:before {
   content: '';
   width: 8px;
   height: 37px;
   background: url(../image/index-dot.png) no-repeat center;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -4px;
 }
 .good-box ul li:hover .text {
   top: 0;
 }
 .good-a {
   text-align: center;
 }
 .good-a a {
   display: inline-block;
   font-size: 14px;
   color: #666666;
   line-height: 20px;
   border-bottom: 1px solid #666;
 }
 .good-a a:hover {
   color: #d02507;
   border-color: #d02507;
 }
 .pro-inner .crumbs li {
   color: #fff;
 }
 .pro-inner .crumbs li a {
   color: #fff;
 } /* ============ 产品中心  ==========*/ .pro-top {
   position: relative;
   overflow: hidden;
 }
 .pro-top > img {
   display: block;
   width: 100%;
 }
 .main-pro {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
 }
 .pro-item {
   padding: 66px 0 38px;
 }
 .pro-item.item {
   background-color: #f6f8fb;
 }
 .pro-title {
   position: relative;
   padding-right: 130px;
   margin-bottom: 58px;
 }
 .pro-title h2 {
   display: inline-block;
   font-size: 40px;
   color: #333333;
   line-height: 50px;
   margin-right: 20px;
 }
 .pro-title h2 a {
   color: #333333;
 }
 .pro-title .pro {
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
 }
 .pro-title .pro .wz {
   display: inline-block;
   position: relative;
   z-index: 1;
 }
 .pro-title .pro span {
   height: 33px;
   line-height: 33px;
   text-align: center;
   font-size: 20px;
   color: #fff;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   border-radius: 4px;
   -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   padding: 0 20px;
   display: inline-block;
 }
 .pro-title .pro img {
   position: absolute;
   bottom: 0;
   right: -36px;
   z-index: -1;
 }
 .pro-title h2 a:hover {
   color: #d02507;
 }
 .pro-title p {
   font-size: 18px;
   color: #666666;
   line-height: 28px;
 }
 .pro-title .more {
   display: block;
   width: 118px;
   height: 32px;
   text-align: center;
   text-align: center;
   position: absolute;
   right: 0;
   top: 7px;
   border-radius: 4px;
   font-size: 16px;
   line-height: 30px;
   border: 1px solid #666666;
   color: #666;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .pro-title .more:hover {
   -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   color: #fff;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   border-color: transparent;
 }
 .pro-list {
   margin: 0 -34px;
 }
 .pro-list li {
   float: left;
   width: 25%;
   padding: 0 34px;
   margin-bottom: 30px;
 }
 .pro-list li .item {
   border-radius: 4px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .pro-list li a.pic {
   width: 100%;
   height: 0;
   overflow: hidden;
   position: relative;
   padding-top: 76.7%;
   border-radius: 4px 4px 0 0;
   display: block;
 }
 .pro-list li a.pic img {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .pro-list li .tit {
   font-size: 18px;
   color: #333333;
   line-height: 60px;
   padding-right: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   position: relative;
   padding-left: 10px;
   display: block;
 }
 .pro-list li .tit:after {
   content: '';
   width: 24px;
   height: 16px;
   background: url(../image/index-arr.png) no-repeat;
   position: absolute;
   right: 30px;
   top: 20px;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .pro-list li:hover .item {
   -webkit-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -moz-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -ms-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   -o-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);
   background-color: #fff;
   transform: translateY(-5px);
 }
 .pro-list li:hover .tit:after {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 #allmap {
   height: 655px;
   overflow: hidden;
   position: relative;
 }
 #allmap > img {
   max-width: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .map-msg {
   background-color: #fff;
   -webkit-box-shadow: 0 0 10px rgba(45, 0, 7, 0.1);
   -moz-box-shadow: 0 0 10px rgba(45, 0, 7, 0.1);
   -ms-box-shadow: 0 0 10px rgba(45, 0, 7, 0.1);
   -o-box-shadow: 0 0 10px rgba(45, 0, 7, 0.1);
   box-shadow: 0 0 10px rgba(45, 0, 7, 0.1);
   width: 400px;
   border-radius: 4px;
   padding-bottom: 10px;
 }
 .map-msg img {
   display: block;
   width: 100%;
   border-radius: 4px;
   margin-bottom: 10px;
 }
 .map-msg p {
   font-size: 14px;
   line-height: 24px;
   padding: 0 15px;
 }
 .map-msg p strong {
   font-size: 18px;
   color: #e3674f;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .inner-msg .show-msg .text strong {
   padding-left: 0;
   font-size: 40px;
 }
 .inner-msg .show-msg .text strong:before {
   display: none;
 }
 .inner-msg .show-msg .text span {
   font-size: 18px;
 }
 .inner-msg .map-box {
   background-color: #f1f3f6;
 }
 .video-msg .map-box {
   background-color: #fafbfc;
 }
 .show-msg li .fast-btn {
   width: 32px;
   background: #d83f45;
   position: absolute;
   top: 35px;
   right: 0;
   bottom: 6px;
   text-align: center;
   line-height: 1.1;
   padding-top: 16px;
   font-size: 18px;
   cursor: pointer;
 }
 .show-msg li .fast-btn img {
   margin-top: 4px;
 }
 .fast-box {
   position: absolute;
   width: 420px;
   overflow: hidden;
   background-color: #f1f3f6;
   padding: 10px 12px 0 12px;
   height: 170px;
   right: 0;
   z-index: 9;
   top: 215px;
   display: none;
 }
 .fast-box em {
   display: block;
   cursor: pointer;
   position: absolute;
   top: 0.1rem;
   right: 0.2rem;
 }
 .fast-box p {
   font-size: 16px;
   color: #333333;
   line-height: 30px;
   cursor: pointer;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .fast-box p:hover {
   color: #f64949;
 } /* ============ 产品列表 ==========*/ .list-top {
   position: relative;
 }
 .list-top > img {
   display: block;
   width: 100%;
   min-height: 380px;
 }
 .list-box {
   margin-top: 35px;
 }
 .list-box .top-text {
   float: left;
   margin-top: 0;
 }
 .list-box .btn-area {
   float: right;
   width: 50%;
   text-align: right;
   margin-top: 80px;
 }
 .list-box .btn-area a {
   display: inline-block;
 }
 .list-box .btn-area a img {
   margin-left: 4px;
 }
 .list-box .btn-area .lx-a {
   margin-right: 4px;
   cursor: pointer;
 }
 .cate-gory {
   position: relative;
   margin-top: -74px;
   z-index: 1;
 }
 .cate-gory .wrap {
   background-color: #fff;
   border-radius: 4px;
   -webkit-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -moz-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -ms-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -o-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
 }
 .cate-gory li {
   float: left;
   width: 16.66%;
   text-align: center;
   padding: 28px 0 20px;
   position: relative;
 }
 .cate-gory li:after {
   content: '';
   width: 0;
   height: 4px;
   background-color: #f35555;
   position: absolute;
   left: 0;
   bottom: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .cate-gory li a {
   display: block;
   line-height: 72px;
   font-size: 18px;
   color: #333333;
   border-left: 1px solid #f5f5f5;
 }
 .cate-gory li:first-child a {
   border-left: none;
 }
 .cate-gory li:hover:after, .cate-gory li.on:after {
   width: 100%;
 }
 .cate-gory li:hover a, .cate-gory li.on a {
   color: #f35555;
   font-weight: bold;
 }
 .pro-wrap {
   background-color: #f6f8fb;
   position: relative;
   margin-top: -46px;
   padding-top: 118px;
 }
 .same-pro {
   padding: 68px 0;
 } /* ============ 案例列表 ==========*/ .solution-top .top-text {
   margin-top: 35px;
 }
 .solution-top .top-text p {
   margin-bottom: 68px;
 }
 .solution-top .case-msg {
   margin-top: 0;
 }
 .solution-top .case-msg .sub-btn {
   width: 200px;
   ;
   padding-left: 0;
   position: relative;
 }
 .solution-top .case-msg .sub-btn .btn {
   text-align: left;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   padding-left: 50px;
 }
 .solution-top .case-msg .sub-btn:after {
   content: '';
   width: 16px;
   height: 16px;
   background: url(../image/index-icon1.png) no-repeat;
   position: absolute;
   top: 50%;
   margin-top: -8px;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
   right: 54px;
 }
 .solution-top .case-msg ul {
   width: 85%;
 }
 .solution-top .case-msg li {
   width: 22%;
 }
 .solution-top .case-msg .li1 {
   width: 28%;
 }
 .solution-gory {
   position: relative;
   margin-top: -45px;
   z-index: 1;
 }
 .solution-gory .wrap {
   background-color: #fff;
   border-radius: 4px;
   -webkit-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -moz-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -ms-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   -o-box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
   box-shadow: 6px 3px 29px rgba(21, 0, 0, 0.05);
 }
 .solution-gory li {
   float: left;
   width: 20%;
   text-align: center;
   padding: 28px 0 20px;
   position: relative;
 }
 .solution-gory li:after {
   content: '';
   width: 0;
   height: 4px;
   background-color: #f35555;
   position: absolute;
   left: 0;
   bottom: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .solution-gory li:before {
   content: '';
   width: 20px;
   height: 20px;
   background: url(../image/smalltxt094.png) no-repeat;
   -webkit-background-size: 20px;
   background-size: 20px;
   position: absolute;
   top: 50%;
   margin-top: -6px;
   left: 68px;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .solution-gory li a {
   display: block;
   line-height: 72px;
   font-size: 18px;
   color: #333333;
   border-left: 1px solid #f5f5f5;
 }
 .solution-gory li:first-child a {
   border-left: none;
 }
 .solution-gory li:hover:after, .solution-gory li.on:after {
   width: 100%;
 }
 .solution-gory li:hover:before, .solution-gory li.on:before {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .solution-gory li:hover a, .solution-gory li.on a {
   color: #f35555;
   font-weight: bold;
 }
 .solution-item {
   background-color: #f6f8fb;
   padding-top: 110px;
   padding-bottom: 50px;
 } /* ============ 物料列表 ==========*/ .wl-wrap {
   padding-top: 70px;
   background-color: #f6f8fb;
   padding-bottom: 98px;
 } /* 页码 */ .pager-box {
   text-align: center;
   margin: 0 auto;
 }
 .pager-box .prev {
   display: inline-block;
   vertical-align: middle;
   margin-top: -50px
 }
 .pager-box .next {
   display: inline-block;
   vertical-align: middle;
   margin-top: -50px
 }
 .pager-box ul {
   display: inline-block;
   overflow: hidden;
 }
 .pager-box li {
   float: left;
   padding: 0 3px;
 }
 .pager-box li a, .pager-box li span {
   display: block;
   line-height: 60px;
   font-size: 18px;
   color: #333333;
   padding: 0 16px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   cursor: pointer;
 }
 .pager-box li a:hover, .pager-box li.on span {
   background-color: #f35555;
   color: #fff;
 }
 .pager-box .prev a, .pager-box .prev span {
   padding: 0 24px 0 46px;
   background: url(../image/page-left1.png) no-repeat 24px center;
   display: block;
   line-height: 60px;
   font-size: 18px;
   color: #333333;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   cursor: pointer;
 }
 .pager-box .next a, .pager-box .next span {
   padding: 0 46px 0 24px;
   background: url(../image/page-right1.png) no-repeat 92px center;
   display: block;
   line-height: 60px;
   font-size: 18px;
   color: #333333;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   cursor: pointer;
 }
 .pager-box .prev a:hover {
   color: #f35555;
   background: url(../image/page-left01.png) no-repeat 24px center;
 }
 .pager-box .next a:hover {
   color: #f35555;
   background: url(../image/page-right01.png) no-repeat 88px center;
 }
 .pager-wrap .wrap {
   position: relative;
   z-index: 1;
 }
 .pager-wrap .wrap:after {
   content: '';
   width: 100%;
   height: 79px;
   background: url(../image/pager.png) no-repeat center;
   position: absolute;
   left: 0;
   top: -5px;
   z-index: -1;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
 .pager-list {
   background-color: #fff;
   border: 1px solid #f35555;
   border-radius: 4px;
   position: absolute;
   left: 0;
   width: 100%;
   bottom: 110px;
   z-index: 999;
   display: none;
 }
 .pager-list:after {
   content: '';
   width: 30px;
   height: 16px;
   background: url(../image/pager-arr.png) no-repeat;
   position: absolute;
   bottom: -16px;
   left: 50%;
 }
 .ul-pager {
   border-bottom: 1px solid #f35555;
   overflow: hidden;
   padding: 18px 15px 10px;
 }
 .ul-pager li {
   width: 10%;
   float: left;
   padding: 0 15px;
   text-align: center;
 }
 .ul-pager li a, .ul-pager li span {
   display: block;
   font-size: 18px;
   line-height: 32px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .ul-pager li.on span, .ul-pager li a:hover {
   color: #f35555;
   background-color: #f35555;
   color: #fff;
 }
 .ul-tab-pager {
   overflow: hidden;
   padding-top: 26px;
   padding-bottom: 2px;
 }
 .ul-tab-pager li {
   float: left;
   width: 20%;
   text-align: center;
   padding: 0 29px;
 }
 .ul-tab-pager li span {
   display: block;
   cursor: pointer;
   color: #666666;
   font-size: 18px;
   line-height: 32px;
   border: 1px solid #666666;
   cursor: pointer;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   margin-bottom: 18px;
 }
 .ul-tab-pager li.on span, .ul-tab-pager li span:hover {
   background-color: #f35555;
   border-color: #f35555;
   color: #fff;
 } /* ============ 物料列表 ==========*/ .video-gory li {
   position: relative;
 }
 .video-gory li:before {
   content: '';
   width: 17px;
   height: 17px;
   background: url(../image/icon-vlist.png) no-repeat;
   position: absolute;
   top: 50%;
   margin-top: -4px;
   left: 54px;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .video-gory li:hover:before, .video-gory li.on:before {
   opacity: 1;
   filter: alpha(opacity=100);
 }
 .video-gory li:hover a, .video-gory li.on a {
   color: #f35555;
   font-weight: bold;
 }
 .video-wrap {
   position: relative;
   margin-top: -46px;
   padding-top: 115px;
   background-color: #f6f8fb;
   padding-bottom: 98px;
 } /* ============ 新闻列表 ==========*/ .top-news {
   position: relative;
 }
 .top-news img {
   display: block;
   width: 100%;
   min-height: 380px;
 }
 .top-news .top-text {
   margin-top: 38px;
 }
 .top-news .top-text p {
   margin-bottom: 40px;
 }
 .top-news .top-text a {
   display: inline-block;
   text-align: center;
   width: 200px;
   line-height: 57px;
   color: #fff;
   font-size: 18px;
   border: 1px solid #fff;
   margin-right: 14px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
 }
 .top-news .top-text a.active {
   border: none;
   line-height: 60px;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
 }
 .top-news .top-text a:hover {
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   border-color: #d02507;
 }
 .item-news {
   margin-bottom: 70px;
 }
 .item-news li {
   overflow: hidden;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   padding: 40px 0 32px;
   position: relative;
   z-index: 1;
 }
 .item-news li:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   z-index: -1;
   background-color: #f6f7fa;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   width: 0;
 }
 .item-news li .date {
   float: left;
   width: 88px;
   text-align: center;
 }
 .item-news li .date strong {
   display: block;
   font-size: 40px;
   color: #ffffff;
   line-height: 65px;
   background-color: #666666;
   margin-bottom: 5px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .item-news li .date span {
   display: block;
   font-size: 16px;
   color: #333;
   line-height: 26px;
 }
 .item-news li .text {
   float: right;
   width: 90%;
 }
 .item-news li .text .tit {
   display: block;
   font-size: 20px;
   color: #333333;
   line-height: 30px;
   font-weight: bold;
   margin-bottom: 10px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .item-news li .text .qt {
   color: #666666;
   line-height: 26px;
   margin-bottom: 8px;
 }
 .item-news li .text .qt span {
   display: inline-block;
 }
 .item-news li .text .autor {
   margin-right: 50px;
 }
 .item-news li .text p {
   font-size: 16px;
   color: #666666;
   line-height: 28px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .item-news li:hover:after {
   width: 100%;
 }
 .item-news li:hover .date strong {
   background-color: #d43737;
 }
 .item-news li:hover .tit {
   color: #d43737;
 }
 .pager-wrap {
   margin-bottom: 98px;
 } /* ============ 有问必答列表 ==========*/ .answer-top {
   background-color: #3a455b;
   padding-bottom: 35px;
 }
 .list-top.answer-top {
   background-color: #f6f8fb;
 }
 .answer-top .top-text {
   margin-top: 35px;
 }
 .answer-top .top-text p {
   margin-bottom: 68px;
 }
 .answer-top .case-msg {
   margin-top: 0;
 }
 .answer-top .case-msg .sub-btn {
   width: 200px;
   ;
   padding-left: 0;
   position: relative;
 }
 .answer-top .case-msg .sub-btn .btn {
   text-align: left;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   padding-left: 50px;
 }
 .answer-top .case-msg .sub-btn:after {
   content: '';
   width: 16px;
   height: 16px;
   background: url(../image/pro-icon.png) no-repeat;
   position: absolute;
   top: 50%;
   margin-top: -6px;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
   right: 54px;
 }
 .answer-top .case-msg ul {
   width: 85%;
 }
 .answer-top .case-msg li {
   width: 22%;
 }
 .answer-top .case-msg .li1 {
   width: 28%;
 }
 .question-wrap {
   padding-bottom: 96px;
 }
 .question-wrap .question-list {
   margin-bottom: 75px;
 }
 .question-wrap .question-list li {
   padding: 20px 40px 10px 20px;
 }
 .question-wrap .question-list li .pic-left {
   width: 27%;
 }
 .question-wrap .question-list li .pic-left .pic:after {
   display: none;
 }
 .question-wrap .question-list li .pic-left .pic {
   padding-left: 0;
 }
 .question-wrap .question-list li .pic-left p span {
   box-shadow: none;
   padding: 0;
 }
 .question-wrap .question-list li .pic-left .pic {
   object-fit: cover;
   overflow: hidden;
   border-radius: 4px;
 }
 .question-wrap .question-list li .text {
   width: 73%;
 } /* ============ 视频内页 ==========*/ .video-inner {
   overflow: hidden;
   background: url(../image/vd-bg.jpg) no-repeat top center #fafbfc;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
 }
 .video-area {
   background-color: #131621;
   overflow: hidden;
   margin-top: 30px;
 }
 .video-area .vo-left {
   float: left;
   width: 74%;
 }
 .video-area .vo-left video {
   display: block;
   width: 100%;
 }
 .video-area .text {
   overflow: hidden;
   padding: 20px 240px 20px 26px;
   position: relative;
 }
 .video-area .text h1 {
   font-size: 28px;
   color: #fff;
   line-height: 38px;
   margin-bottom: 8px;
 }
 .video-area .text p {
   display: inline-block;
   color: #fff;
   font-size: 14px;
   line-height: 24px;
   padding-left: 12px;
   position: relative;
   margin-right: 15px;
 }
 .video-area .text p:before {
   content: '';
   width: 3px;
   height: 13px;
   border-radius: 1.5px;
   background-color: #f34747;
   position: absolute;
   left: 0;
   top: 6px;
 }
 .video-area .text .pirce {
   display: block;
   width: 223px;
   height: 52px;
   text-align: center;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   position: absolute;
   right: 0;
   top: 30px;
   font-size: 18px;
   color: #fff;
   background-position: left center;
   background-size: 200% 100%;
   background-repeat: no-repeat;
   transition: background-position .6s ease;
   cursor: pointer;
   line-height: 52px;
 }
 .video-area .text .pirce img {
   margin-left: 6px;
 }
 .video-area .text .pirce:hover {
   background-position: right center;
 }
 .video-area .vo-right {
   float: right;
   width: 26%;
   padding-left: 40px;
   padding-top: 20px;
 }
 .side-box {
   padding-right: 20px;
   margin-bottom: 40px;
 }
 .side-box ul {
   height: 280px;
   overflow: hidden;
   overflow-y: scroll;
 }
 .side-box ul::-webkit-scrollbar {
   width: 4px;
   height: 1px;
 }
 .side-box ul::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 1px #f3f3f3;
   background: #f35555;
 }
 .side-box ul::-webkit-scrollbar-track {
   background: #fff;
 }
 .side-box li {
   overflow: hidden;
   margin-bottom: 14px;
 }
 .li-left {
   float: left;
   width: 48%;
   position: relative;
 }
 .li-left span {
   display: block;
   position: absolute;
   right: 0;
   bottom: 0;
   font-size: 16px;
   color: #ffffff;
   line-height: 22px;
   width: 56px;
   text-align: center;
   background: #666666;
 }
 .con-right {
   float: right;
   width: 52%;
   padding-left: 15px;
 }
 .con-right .tit {
   font-size: 16px;
   line-height: 1.5em;
   color: #fff;
   display: block;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .con-right p {
   font-size: 16px;
   color: #fff;
   line-height: 26px;
   padding-left: 14px;
   background: url(../image/icon-vo.png) no-repeat left center;
 }
 .con-right .tit:hover {
   color: #f35555;
 }
 .side-box .more {
   display: block;
   font-size: 16px;
   color: #d73843;
   line-height: 26px;
   text-align: center;
 }
 .side-box .more:hover {
   color: #fff;
 }
 .vo-right .img {
   padding-right: 24px;
   margin-top: 22px;
 }
 .vo-right .tel {
   position: relative;
   padding-top: 13px;
   background: url(../image/tel-bg.png) no-repeat top;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
 .vo-right .tel p {
   font-size: 16px;
   color: #fff;
   line-height: 26px;
 }
 .vo-right .tel strong {
   display: block;
   font-size: 28px;
   line-height: 38px;
   color: #fc5a5a;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#fc4c4c), to(#fc5a5a));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .inner-top .side-right {
   float: right;
   width: 17%;
   margin-top: 36px;
   padding-bottom: 16px;
 }
 .side-year {
   background: url(../image/year-side.png) no-repeat top center;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
   padding-bottom: 35px;
   position: relative;
 }
 .side-year .cont {
   padding-top: 80px;
   margin-bottom: 20px;
 }
 .side-year .tel strong {
   color: #FFF;
   font-size: 26px;
   -webkit-text-fill-color: #FFF;
 }
 @media screen and (max-width: 1660px) {
   .year-tab:before, .year-tab:after {
     display: none;
   }
   .year-tab .wrap {
     max-width: 1400px;
   }
 }
 @media screen and (max-width: 1599px) {
   .year-tab .wrap {
     max-width: 1200px;
   }
   .side-year .cont {
     padding-left: 15px;
     padding-top: 66px;
     margin-bottom: 12px;
   }
   .side-year .cont p {
     margin-bottom: 12px;
     font-size: 15px;
   }
   .side-year .tel strong {
     font-size: 22px;
   }
 }
 .side-bg {
   background-color: #131621;
 }
 .side-right .pic {
   position: relative;
   padding-bottom: 20px;
 }
 .get-pirce {
   display: block;
   line-height: 48px;
   text-align: center;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   position: absolute;
   left: 14px;
   bottom: 0;
   right: 14px;
   font-size: 18px;
   color: #fff;
   background-position: left center;
   background-size: 200% 100%;
   background-repeat: no-repeat;
   transition: background-position .6s ease;
   cursor: pointer;
 }
 .get-pirce img {
   margin-left: 6px;
 }
 .get-pirce:hover {
   background-position: right center;
 }
 .video-cont {
   background-color: #fafbfc;
 }
 .main-cont {
   padding-top: 70px;
   font-size: 18px;
   line-height: 2em;
   padding-bottom: 90px;
 }
 .main-cont .left-cont {
   float: left;
   width: 71%;
   position: relative;
 }
 .main-cont .left-cont h2, .main-cont .left-cont h3, .xg-bt {
	 padding-bottom: 10px; padding-top: 10px;
   font-size: 28px;
   line-height: 38px;
   padding-left: 36px;
   position: relative;
   margin: 30px 0 20px;
 }
 .main-cont .left-cont h2:before, .main-cont .left-cont h3:before, .xg-bt:before {
   content: '';
   width: 8px;
   height: 24px;
   background-color: #d02507;
   position: absolute;
   top: 18px;
   left: 0;
 }
 .xg-bt {
   display: block;
 }
 .main-cont .left-cont p {
   margin-bottom: 20px;
 }
 .main-cont .left-cont p.ms {
   text-align: center;
   margin-top: -5px;
   color: #666;
 }
 .main-cont .left-cont p em {
   font-style: normal;
 }
 .main-cont .right-side {
   float: right;
   width: 25%;
 }
 .side-tit {
   background: #193d7c;
   text-align: center;
   line-height: 48px;
   font-size: 20px;
   color: #ffffff;
   display: block;
   font-weight: normal;
 }
 .related-pro, .more-related {
   background-color: #fff;
   -webkit-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -moz-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -ms-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -o-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   margin-bottom: 48px;
 }
 .related-pro ul {
   padding: 20px 15px 10px;
 }
 .related-pro li {
     border: 1px solid #eee;
   margin-bottom: 10px;
 }
  .related-pro li:hover{box-shadow: 0px 10px 10px 0px rgba(126, 126, 126, 0.69);
transition: all .5s;}
 .related-pro li a {
   display: block;
 }
 .related-pro li .img img {
   display: block;
   width: 100%;
 }
 .related-pro li .tit {
   font-size: 16px;
   color: #333333;
   text-align: center;
   line-height: 36px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .related-pro li:hover .tit {
   color: #d02507;
 }
 .main-cont table {
   margin-bottom: 30px;
   border-collapse: collapse;
 }
 .main-cont table td {
   word-break: break-all;
   padding: 5px 4px;
   font-size: 16px;
   border: 1px solid #ccc;
 }
 .news-cont table {
   text-align: center
 } /* ============ 案例内页 ==========*/ .case-inner {
   background: url(../image/cp-bg.jpg) no-repeat top center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-bottom: 60px;
 }
 .inner-top {
   margin-top: 22px;
 }
 .inner-top .col-l {
   float: left;
   width: 81%;
 }
 .inner-top .col-l h1 {
   font-size: 34px;
   color: #fff;
   line-height: 44px;
   margin-bottom: 25px;
 }
 .vo-box {
   overflow: hidden;
   background-color: #131621;
 }
 .vo-box .mp {
   float: left;
   width: 72%;
 }
 .vo-box .mp img {
   display: block;
   width: 100%;
 }
 .vo-box .text {
   float: right;
   width: 28%;
   padding-left: 20px;
   color: #fff;
   padding-top: 36px;
 }
 .vo-box .text p {
   font-size: 20px;
   line-height: 30px;
   padding-left: 16px;
   margin-bottom: 40px;
   position: relative;
 }
 .vo-box .text p span {
   display: block;
   font-size: 18px;
   line-height: 28px;
   margin-top: 24px;
 }
 .vo-box .text p:before {
   content: '';
   width: 8px;
   height: 20px;
   background-color: #f35555;
   position: absolute;
   left: 0;
   top: 8px;
 }
 .vo-box .pirce {
   padding-right: 30px;
 }
 .case-inner .side-right {
   padding-top: 20px;
   margin-top: 68px;
   padding-bottom: 0;
   padding-left: 34px;
 }
 .case-inner .get-pirce {
   position: static;
 }
 .case-inner .side-right > strong {
   display: inline-block;
   font-size: 22px;
   color: #fff;
   position: relative;
   z-index: 1;
   margin-bottom: 24px;
   font-weight: normal;
 }
 .case-inner .side-right > strong:after {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 5px;
   height: 5px;
   background-color: #f35555;
   z-index: -1;
 }
 .case-inner .side-right ul {
   padding: 0 10px 0 0;
 }
 .case-inner .side-right li {
   overflow: hidden;
   margin-bottom: 35px;
 }
 .case-inner .side-right li .pic-a {
   display: block;
   float: left;
   width: 55%;
   margin-right: 12px;
 }
 .case-inner .side-right li .text-a {
   font-size: 14px;
   color: #ffffff;
   line-height: 24px;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .case-inner .side-right li:hover .text-a {
   color: #f35555;
 }
 .case-inner .other {
   overflow: hidden;
   color: #fff;
   margin-top: 15px;
 }
 .case-inner .other .cont {
   float: left;
 }
 .case-inner .other .cont p {
   display: inline-block;
   font-size: 18px;
   line-height: 28px;
   background: url(../image/icon-r.png) no-repeat left center;
   padding-left: 34px;
   background-size: 13px;
   margin-right: 40px;
 }
 .case-inner .other .tel-p {
   float: right;
   font-size: 14px;
   line-height: 28px;
 }
 .case-inner .other .tel-p strong {
   font-size: 24px;
   color: #f8a07d;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#fd4c4c), to(#f8a07d));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .case-part {
   padding: 74px 0 70px;
 }
 .case-part .col-l {
   float: left;
   width: 50%;
   padding-right: 42px;
 }
 .case-h2 {
   font-size: 30px;
   line-height: 40px;
   font-weight: normal;
   color: #333;
   margin-top: 22px;
   margin-bottom: 38px;
 }
 .case-h2 span {
   background-color: #d02507;
   display: inline-block;
   padding: 0 10px 4px 12px;
   color: #fff;
   font-weight: bold;
   line-height: 40px;
   margin-right: 4px;
 }
 .case-part .col-l p, .case-part1 .col-l p {
   font-size: 18px;
   color: #333;
   line-height: 2em;
   margin-bottom: 26px;
   position: relative;
   padding-left: 45px;
 }
 .case-part .col-l p strong, .case-part1 .col-l p strong {
   display: block;
   font-size: 16px;
   color: #fff;
   line-height: 26px;
   width: 26px;
   text-align: center;
   height: 26px;
   background: url(../image/smalltxt094.png) no-repeat center;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
   position: absolute;
   left: 0;
   top: 4px;
   font-weight: normal;
 }
 .case-part .col-r {
   float: right;
   width: 50%;
   padding-left: 20px;
 }
 .case-part .col-r img {
   display: block;
   width: 100%;
 }
 .case-part video {
   display: block;
   width: 100%;
 }
 .case-part1 {
   background-color: #f1f3f6;
   padding: 70px 0;
   margin-bottom: 48px;
 }
 .case-part1 .col-l {
   float: right;
   width: 57%;
   padding-left: 70px;
 }
 .case-part1 .col-r {
   float: left;
   width: 43%;
 }
 .case-part1 .col-r img {
   display: block;
   width: 100%;
 }
 .case-part2 {
   margin-bottom: 68px;
 }
 .case-part2 h2 {
   text-align: center;
 }
 .case-part2 ul {
   overflow: hidden;
   margin-left: -1%;
 }
 .case-part2 li {
   float: left;
   ;
   width: 32.33%;
   margin-left: 1%;
 }
 .case-part2 li img {
   display: block;
   width: 100%;
 }
 .case-part2 p {
   margin-bottom: 30px;
 }
 .case-info {
   overflow: hidden;
   background-color: #fff;
   padding-right: 62px;
   -webkit-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -moz-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -ms-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -o-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   position: relative;
   z-index: 1;
 }
 .case-info .zx-btn {
   float: left;
   width: 213px;
   margin-right: 42px;
   cursor: pointer;
 }
 .case-info .zx-btn img {
   display: block;
   width: 100%;
 }
 .case-info .zx-btn strong {
   display: block;
   text-align: center;
   font-size: 18px;
   color: #fff;
   line-height: 48px;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   font-weight: normal;
   background-position: left center;
   background-size: 200% 100%;
   background-repeat: no-repeat;
   transition: background-position .6s ease;
 }
 .case-info .zx-btn:hover strong {
   background-position: right center;
 }
 .case-info h2 {
   margin-bottom: 8px;
   margin-top: 20px;
 }
 .case-info .info p {
   font-size: 18px;
   color: #333;
   line-height: 2em;
 }
 .related-box {
   background-color: #f1f3f6;
   padding-top: 214px;
   position: relative;
   margin-top: -114px;
   padding-bottom: 50px;
 }
 .related-box .title {
   overflow: hidden;
   margin-bottom: 20px;
 }
 .related-box .title strong {
   display: block;
   background-color: #d02507;
   font-size: 30px;
   float: left;
   color: #fff;
   line-height: 40px;
   padding: 0 10px;
   margin-right: 18px;
 }
 .related-box .title p {
   font-size: 16px;
   color: #666666;
   line-height: 26px;
   margin-top: 14px;
 }
 .related-box .case-list {
   margin-left: -4%;
 }
 .related-box .case-list li {
   width: 21%;
   margin-left: 4%;
 }
 .related-box .case-list li .text {
   padding: 10px 10px 15px 18px;
 }
 .related-box .case-list li .text .tit {
   font-weight: normal;
 }
 .related-box .case-list li .text:before {
   top: -6px;
 }
 .related-box .case-list li .text .more {
   padding: 0px 11px 3px;
 } /* ============ 产品内页 ==========*/ .pro-msg .map-box {
   background-color: #fff;
 }
 .pro-inner {
   background: url(../image/pro-bg2.jpg) no-repeat top center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-bottom: 46px;
 }
 .pro-inner .inner-top {
   margin-top: 36px;
 }
 .pro-inner .cp-box {
   overflow: hidden;
 }
 .pro-inner .cp-left {
   float: left;
   width: 48.6%;
 }
 .pro-inner .cp-img {
     background: #fff;
   margin-bottom: 26px;
   height: 400px;
   display: flex;
align-items: center;
 }
 .pro-inner .cp-left img {
display: block;
    max-width: 100%;
    margin: 0 auto;
    max-height:400px;
     display: block;
 }
 .cp-text {
   float: right;
   width: 49%;
 }
 .cp-text h1 {
   font-size: 32px;
   color: #fff;
   margin-bottom: 18px;
   line-height: 42px;
   padding-left: 16px;
   position: relative;
 }
 .cp-text h1:before {
   content: '';
   width: 8px;
   height: 35px;
   background-color: #d02507;
   position: absolute;
   left: 0;
   top: 5px;
 }
 .cp-text .info {
color: #fff;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 18px;
    font-size: 16px;
 }
 .cp-text .info dl {
   float: left;
   width: 50%;
   color: #fff;
 }
 .cp-text .info dt {
   font-size: 16px;
   line-height: 26px;
 }
 .cp-text .info dd {
   font-size: 20px;
   line-height: 30px;
   font-weight: bold;
 }
 .cp-text .txt {
   margin-bottom: 20px;
 }
 .cp-text .txt p {
   font-size: 16px!important;
   color: #fff;
   line-height: 2em;
 }
 .cp-text .txt p a {
   color: #fff;
 }
 .cp-text .txt p a:hover {
   color: #d02507;
 }
 .cp-text .wl {
   margin-bottom: 18px;
 }
 .cp-text .wl p {
   font-size: 16px;
   color: #fff;
   line-height: 26px;
   margin-bottom: 5px;
 }
 .cp-text .wl p strong {
   font-weight: normal;
 }
 .cp-text .wl ul {
   overflow: hidden;
   margin: 0 -17px;
   width: 428px;
 }
 .cp-text .wl li {
   float: left;
   width: 33.3%;
   padding: 0 17px;
 }
 .cp-text .wl li img {
   display: block;
   width: 100%;
 }
 .pirce-box {
   margin-top: 27px;
 }
 .pirce-box .pirce {
   display: inline-block;
   width: 220px;
   height: 48px;
   line-height: 48px;
   background-color: #e53536;
   text-align: center;
   font-size: 18px;
   color: #fff;
   cursor: pointer;
 }
 .pirce-box .pirce img {
   vertical-align: middle;
   margin-top: -2px;
   margin-right: 2px;
 }
 .pro-tab {
   background-color: #fff;
   -webkit-box-shadow: 0 3px 24px rgba(69, 0, 5, 0.1);
   -moz-box-shadow: 0 3px 24px rgba(69, 0, 5, 0.1);
   -ms-box-shadow: 0 3px 24px rgba(69, 0, 5, 0.1);
   -o-box-shadow: 0 3px 24px rgba(69, 0, 5, 0.1);
   box-shadow: 0 3px 24px rgba(69, 0, 5, 0.1);
 }
 .pro-tab ul {
   overflow: hidden;
 }
 .pro-tab li {
   float: left;
   width: 20%;
   text-align: center;
   position: relative;
 }
 .pro-tab li a {
   display: block;
   font-size: 16px;
   color: #333;
   line-height: 64px;
 }
 .pro-tab li:after {
   content: '';
   width: 1px;
   height: 20px;
   background-color: #e0e0e0;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -10px;
 }
 .pro-tab li:first-child:after {
   display: none;
 }
 .pro-tab li.one {
   text-align: left;
   width: 18%;
   padding-left: 20px;
 }
 .pro-tab li.last {
   text-align: right;
   width: 18%;
   padding-right: 40px;
 }
 .pro-tab li:hover a {
   color: #f35555;
 }
 .side-scroll {
   background-color: #fff;
   position: relative;
   height: 32px;
   padding-left: 32px;
   overflow: hidden;
 }
 .side-scroll:before {
   content: '';
   width: 26px;
   height: 32px;
   background: url(../image/icon-z.png) no-repeat center #f35555;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
 }
 .side-scroll span {
   font-size: 14px;
   color: #666666;
   line-height: 32px;
   margin-right: 10px;
 }
 .side-right .cont {
   padding-left: 20px;
   position: relative;
   z-index: 1;
 }
 .side-right .cont p {
   font-size: 18px;
   color: #ffffff;
   line-height: 28px;
   padding-left: 36px;
   background: url(../image/icon-r.png) no-repeat left center;
   margin-bottom: 20px;
 }
 .side-r .pic {
   position: relative;
   margin-top: -30px;
 }
 .pro-cont {
   padding-top: 60px;
 } /* .pro-cont .right-side{margin-top: 52px;} */ .more-related ul {
   padding: 20px 15px 1px;
 }
 .more-related li {
   text-align: center;
   margin-bottom: 20px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .more-related li a {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 18px;
   color: #666666;
   line-height: 48px;
   border: 1px solid #666666;
   padding: 0 5px;
 }
 .more-related li:hover {
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
 }
 .more-related li:hover a {
   color: #fff;
   border-color: transparent;
 }
 .advantage {
   margin-bottom: 10px;
 }
 .advantage li {
   padding-left: 38px;
 }
 .advantage li strong {
   display: block;
   font-size: 22px;
   color: #333333;
   font-weight: normal;
   position: relative;
   margin-bottom: 4px;
 }
 .advantage li strong span {
   display: block;
   font-size: 16px;
   width: 26px;
   height: 26px;
   color: #fff;
   line-height: 26px;
   text-align: center;
   position: absolute;
   left: -38px;
   top: 4px;
   background: url(../image/smalltxt094.png) no-repeat center;
   -webkit-background-size: 26px;
   background-size: 26px;
 }
 .advantage li p {
   color: #666666;
 }
 .main-cont .left-cont p a {
   color: #d02507;
 }
 .main-cont .left-cont p > a:hover {
   text-decoration: underline;
 }
 .main-cont .left-cont p a.cpxqzx, .span_zixun {
   color: #fff;
   padding: 0 16px;
   display: inline-block;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   margin: 0 5px;
   cursor: pointer;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .main-cont .left-cont p a.cpxqzx:hover, .span_zixun:hover {
   border-radius: 16px 0 16px 0;
 }
 .tab-cs li {
   display: inline-block;
   margin-right: 30px;
   margin-bottom: 30px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .tab-cs li span {
   display: block;
   padding: 0 28px;
   font-size: 18px;
   color: #666666;
   line-height: 46px;
   border: 1px solid #666666;
   cursor: pointer;
 }
 .tab-cs li.on, .tab-cs li:hover {
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
 }
 .tab-cs li.on span, .tab-cs li:hover span {
   border-color: transparent;
   color: #fff;
 }
 .cs-box table {
   width: 100%;
 }
 .cs-box table td {
   padding: 5px 2px;
   word-break: break-all;
 }
 .one-color {
   background: #d02507;
   background: -webkit-linear-gradient(left, #d02507, #fd4c4c);
   background: -o-linear-gradient(right, #d02507, #fd4c4c);
   background: -moz-linear-gradient(right, #d02507, #fd4c4c);
   background: linear-gradient(to right, #d02507, #fd4c4c);
   color: #fff;
 }
 .one-td {
   background: #d02507;
   color: #fff;
 }
 .xg-case {
   margin-top: 40px;
 }
 .xgcase-list {
   margin-left: -3%;
 }
 .xgcase-list li {
   float: left;
   width: 47%;
   margin-left: 3%;
   overflow: hidden;
   background-color: #fff;
   -webkit-box-shadow: 6px 10px 21px rgba(210, 61, 71, 0.05);
   -moz-box-shadow: 6px 10px 21px rgba(210, 61, 71, 0.05);
   -ms-box-shadow: 6px 10px 21px rgba(210, 61, 71, 0.05);
   -o-box-shadow: 6px 10px 21px rgba(210, 61, 71, 0.05);
   box-shadow: 6px 10px 21px rgba(210, 61, 71, 0.05);
   position: relative;
 }
 .xgcase-list li .pic {
   display: block;
   float: left;
   width: 50%;
   position: relative;
 }
 .xgcase-list li .pic img {
   display: block;
   width: 100%;
 }
 .xgcase-list li .pic:after {
   content: '';
   width: 0;
   height: 2px;
   position: absolute;
   left: 0;
   bottom: 0;
   background: #d02507;
   background: -webkit-linear-gradient(left, #d02507, #fd4c4c);
   background: -o-linear-gradient(right, #d02507, #fd4c4c);
   background: -moz-linear-gradient(right, #d02507, #fd4c4c);
   background: linear-gradient(to right, #d02507, #fd4c4c);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .xgcase-list li .text {
   float: left;
   width: 50%;
   padding: 28px 15px 0;
 }
 .xgcase-list li .text .tit {
   display: block;
   font-size: 18px;
   line-height: 22px;
   color: #333333;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: 18px;
 }
 .xgcase-list li .text p {
   margin-bottom: 0;
   font-size: 16px;
   color: #666666;
   line-height: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 5px;
 }
 .xgcase-list li .text .more {
   display: block;
   position: absolute;
   width: 46px;
   height: 25px;
   right: 0;
   bottom: 0;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   text-align: center;
 }
 .xgcase-list li .text .more img {
   display: inline-block;
   vertical-align: middle;
   margin-top: -16px;
 }
 .xgcase-list li .pic img {
   display: block;
   width: 100%;
 }
 .xgcase-list li:hover .pic:after {
   width: 100%;
 }
 .xgcase-list li:hover .text .tit {
   color: #d02507;
 }
 .xg-top {
   position: relative;
 }
 .xg-top a {
   display: block;
    position: absolute;
    right: 25px;
    bottom: 12px;
    font-size: 17px;
    color: #666666;
    line-height: 34px;
 }
 .xg-top a:hover {
   color: #d02507;
 }
 .xg-news {
   margin-top: 70px;
 }
 .xw-list li {
   overflow: hidden;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   border-radius: 4px;
   margin-bottom: 30px;
 }
 .xw-list li .pic {
   display: block;
   float: left;
   width: 242px;
   overflow: hidden;
   object-fit: cover;
   border-radius: 4px 0 0 4px;
   height: 160px;
 }
 .xw-list li .pic img {
   display: block;
   width: 100%;
 }
 .xw-list li .text {
   float: right;
   width: 75%;
   padding: 15px 30px 0 18px;
 }
 .xw-list li .text .tit {
   font-size: 22px;
   color: #333333;
   line-height: 32px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 55px;
   display: block;
 }
 .xw-list li .text .time {
   overflow: hidden;
 }
 .xw-list li .text .time span {
   display: block;
   font-size: 16px;
   color: #666666;
   line-height: 36px;
   float: left;
 }
 .xw-list li .text .time a {
   float: right;
 }
 .xw-list li:hover {
   -webkit-box-shadow: 0 4px 16px rgba(69, 0, 5, 0.05);
   -moz-box-shadow: 0 4px 16px rgba(69, 0, 5, 0.05);
   -ms-box-shadow: 0 4px 16px rgba(69, 0, 5, 0.05);
   -o-box-shadow: 0 4px 16px rgba(69, 0, 5, 0.05);
   box-shadow: 0 4px 16px rgba(69, 0, 5, 0.05);
   background-color: #fff;
 }
 .xw-list li .tit:hover {
   color: #d02507;
 }
 .xw-list li:hover .time a {
   margin-right: 14px;
 } /* ============ 新闻内页 ==========*/ .news-inner {
   background: url(../image/new-bg1.jpg) no-repeat top center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -ms-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   padding-bottom: 40px;
 }
 .news-inner .top {
   color: #fff;
   margin-top: 30px;
 }
 .news-inner .top h1 {
   font-size: 32px;
   line-height: 42px;
   margin-bottom: 30px;
 }
 .news-inner .top span {
   display: inline-block;
   font-size: 14px;
   line-height: 24px;
   margin-right: 16px;
 }
 .news-cont {
   background-color: #f1f3f6;
 }
 .side-r {
   margin-bottom: 52px;
   padding-bottom: 15px;
 }
 .side-r .cont p {
   font-size: 16px;
   padding-left: 22px;
   margin-bottom: 18px;
 }
 .side-r .tel {
   color: #fff;
   padding-left: 22px;
 }
 .side-r .tel p {
   font-size: 14px;
   line-height: 24px;
 }
 .side-r .tel strong {
   display: block;
   font-size: 24px;
   line-height: 34px;
   color: #f8a07d;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#fd4c4c), to(#f8a07d));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .news-inner .top .line-a {
   display: inline-block;
   font-size: 18px;
   color: #fff;
   line-height: 40px;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   background-position: left center;
   background-size: 200% 100%;
   background-repeat: no-repeat;
   transition: background-position .6s ease;
   padding: 0 32px;
   border-radius: 4px;
   cursor: pointer;
   margin-left: 24px;
 }
 .news-inner .top .line-a img {
   margin-left: 8px;
 }
 .news-inner .top .line-a:hover {
   background-position: right center;
 }
 .prev-box {
   background-color: #fff;
   margin: 40px 0;
   padding: 0 40px;
   -webkit-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -moz-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -ms-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   -o-box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
   box-shadow: 6px 6px 15px rgba(71, 3, 3, 0.05);
 }
 .prev-box li {
   font-size: 20px;
   line-height: 50px;
   color: #5b6770;
   padding: 28px 0 26px;
   overflow: hidden;
 }
 .prev-box li span {
   display: block;
   color: #d02507;
   float: left;
 }
 .prev-box li span img {
   margin-right: 28px;
 }
 .prev-box li:first-child {
   border-bottom: 1px dashed #d0d0d0;
 }
 .prev-box li a {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
 .prev-box li:hover a {
   color: #d02507;
 } /* ============ 问答内页 ==========*/ .question-inner {
   background: url(../image/wd-bg1.jpg) no-repeat top center;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
 }
 .question-inner .top {
   color: #fff;
   background-color: #101b2c;
   margin-top: 45px;
   border-bottom: 4px solid #d14540;
   padding: 25px 52px;
   position: relative;
   z-index: 1;
 }
 .question-inner .top h1 {
   font-size: 30px;
   color: #fff;
   line-height: 40px;
   margin-bottom: 20px;
 }
 .question-inner .top span {
   display: inline-block;
   font-size: 16px;
   line-height: 26px;
   margin-right: 20px;
 }
 .question-inner .top .pic {
   position: absolute;
   right: 10px;
   bottom: 30px;
 }
 .question-cont {
   background-color: #f1f3f6;
   position: relative;
   margin-top: -20px;
   padding-top: 90px;
 }
 .side-r .piece {
   padding: 20px 14px 0;
   text-align: center;
   margin-bottom: 15px;
 }
 .side-r .piece .p1 {
   font-size: 16px;
   color: #fff;
   line-height: 36px;
 }
 .side-r .piece .p2 {
   font-size: 16px;
   color: #fb4b4b;
   line-height: 23px;
   border: 1px dashed #fb4b4b;
 }
 .question-cont .side-r .cont {
   padding-top: 0;
   margin-bottom: 20px;
 }
 .question-cont .side-r .pic {
   padding: 0 14px;
   margin-top: 0;
 }
 .question-cont .side-r .get-pirce {
   position: static;
 } /* ============ 物料内页 ==========*/ .wl-inner {
   background: url(../image/wl-bg1.jpg) no-repeat top center #f1f3f6;
   -webkit-background-size: 100% auto;
   -moz-background-size: 100% auto;
   -ms-background-size: 100% auto;
   -o-background-size: 100% auto;
   background-size: 100% auto;
 }
 .wl-area {
   width: 71%;
   background-color: #101b2c;
   overflow: hidden;
   margin-top: 52px;
   padding-bottom: 26px;
   position: relative;
 }
 .wl-area .left {
   float: left;
   width: 70%;
   padding-left: 40px;
   color: #fff;
   padding-top: 25px;
 }
 .wl-area .left h1 {
   font-size: 30px;
   line-height: 40px;
   margin-bottom: 10px;
 }
 .wl-area .left p {
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 22px;
 }
 .wl-area .wl-btn {
   float: right;
   width: 24.5%;
   padding-right: 30px;
   padding-top: 106px;
   position: relative;
 }
 .wl-area .wl-btn .pirce {
   display: block;
   height: 48px;
   text-align: center;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   font-size: 18px;
   color: #fff;
   background-position: left center;
   background-size: 200% 100%;
   background-repeat: no-repeat;
   transition: background-position .6s ease;
   cursor: pointer;
   line-height: 48px;
 }
 .wl-area .wl-btn .pirce img {
   margin-left: 6px;
 }
 .wl-area .wl-btn .pirce:hover {
   background-position: right center;
 }
 .wl-area .wl-btn span {
   position: relative;
   z-index: 1;
 }
 .wl-area .wl-btn:after {
   content: '';
   width: 99px;
   height: 170px;
   background: url(../image/wl-gcs.png) no-repeat;
   position: absolute;
   top: 8px;
   left: 70px;
 }
 .wl-area:after {
   content: '';
   width: 100%;
   height: 5px;
   position: absolute;
   left: 0;
   bottom: 0;
   background: #d14540;
   background: -moz-linear-gradient(left, #ef4c43 0%, #d14540 100%);
   background: -webkit-linear-gradient(left, #ef4c43 0%, #d14540 100%);
   background: -o-linear-gradient(left, #ef4c43 0%, #d14540 100%);
   background: -ms-linear-gradient(left, #ef4c43 0%, #d14540 100%);
   background: linear-gradient(to right, #ef4c43 0%, #d14540 100%);
 }
 .wl-cont {
   padding-top: 88px;
   background-color: #f1f3f6;
 }
 .wl-cont .ewm {
   padding-top: 20px;
   padding-bottom: 5px;
 }
 .solution-ul {
   margin-left: -2%;
 }
 .solution-ul li {
   float: left;
   width: 48%;
   margin-left: 2%;
   margin-bottom: 30px;
 }
 .solution-ul li .pic {
   width: 100%;
   height: 0;
   overflow: hidden;
   position: relative;
   padding-top: 74.58%;
   display: block;
 }
 .solution-ul li .pic img {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .solution-ul li .tit {
   display: block;
   font-size: 20px;
   color: #333333;
   line-height: 66px;
   background-color: #ffffff;
   padding: 0 50px 0 30px;
   position: relative;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .solution-ul li .tit:after {
   content: '';
   width: 40px;
   height: 25px;
   background: url(../image/wl-arr.jpg) no-repeat;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -10px;
 }
 .solution-ul li .tit:before {
   content: '';
   width: 0;
   height: 3px;
   background: #d02507;
   background: -moz-linear-gradient(right, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(right, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(right, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(right, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to left, #fd4c4c 0%, #d02507 100%);
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .solution-ul li .tit:hover {
   color: #f64949;
 }
 .solution-ul li:hover .tit:before {
   width: 100%;
 } /* ============ 产品相关列表 ==========*/ .more-article {
   background-color: #3a455b;
   padding-bottom: 35px;
 }
 .more-article h1 {
   margin-top: 36px;
   color: #fff;
   font-size: 40px;
   line-height: 50px;
 }
 .more-article h1 a {
   color: #f35555;
   margin: 0 10px;
 }
 .more-article h1 a:hover {
   text-decoration: underline;
 }
 .article-box {
   background-color: #f6f8fb;
 }
 .article-box .col-l {
   float: left;
   width: 71%;
 }
 .related-pro .pro {
   padding: 20px 15px 10px;
 }
 .related-pro .pro a {
   display: block;
 }
 .related-pro .pro .img img {
   display: block;
   width: 100%;
 }
 .related-pro .pro .tit {
   font-size: 16px;
   color: #333333;
   text-align: center;
   line-height: 36px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .related-pro .pro:hover .tit {
   color: #d02507;
 }
 .article-box .right-side {
   margin-top: 15px;
 }
 .article-list li {
   overflow: hidden;
   position: relative;
   padding: 8px 0 14px;
 }
 .article-list li a {
   display: block;
   float: left;
   width: 80%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 20px;
   line-height: 40px;
   color: #333333;
 }
 .article-list li span {
   display: block;
   float: right;
   font-size: 16px;
   color: #999999;
   line-height: 40px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .article-list li:before {
   content: '';
   width: 95%;
   border-top: 1px dashed #e9ebee;
   position: absolute;
   right: 0;
   top: 0;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .article-list li:hover a {
   color: #f64949;
 }
 .article-list li:hover span {
   color: #f64949;
 } /* ============ 404 ==========*/ .error-box {
   text-align: center;
   padding-top: 110px;
 }
 .error-box strong {
   display: block;
   font-size: 24px;
   line-height: 34px;
   margin-top: 42px;
   margin-bottom: 20px;
 }
 .error-box p {
   font-size: 16px;
   line-height: 26px;
 }
 .error-box p a:hover {
   color: #d02507;
 }
 .error-box .return-home {
   display: inline-block;
   background: #d02507;
   background: -moz-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -webkit-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -o-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: -ms-linear-gradient(left, #fd4c4c 0%, #d02507 100%);
   background: linear-gradient(to right, #fd4c4c 0%, #d02507 100%);
   font-size: 18px;
   color: #ffffff;
   line-height: 48px;
   width: 360px;
   margin-top: 25px;
   border-radius: 4px;
   background-repeat: no-repeat;
   background-position: left center;
   background-size: 200% 100%;
   transition: background-position .6s ease;
   margin-bottom: 20px;
 }
 .error-box .return-home:hover {
   background-position: right center;
 }
 .contact-msg, .inner-msg {
   background-color: #191e26;
 }
 .show-msg {
   float: left;
   width: 51%;
   background-color: #1a3c7b;
   padding: 50px 0 42px 0;
   color: #fff;
   border-radius: 4px 4px 0 0;
   -webkit-box-shadow: 8px 13px 32px rgba(18, 0, 1, 0.36);
   -moz-box-shadow: 8px 13px 32px rgba(18, 0, 1, 0.36);
   -ms-box-shadow: 8px 13px 32px rgba(18, 0, 1, 0.36);
   -o-box-shadow: 8px 13px 32px rgba(18, 0, 1, 0.36);
   box-shadow: 8px 13px 32px rgba(18, 0, 1, 0.36);
   position: relative;
   z-index: 1;
 }
 .show-msg .show {
   padding-left: 26%;
 }
 .show-msg .text {
   margin-bottom: 28px;
   padding-right: 50px;
 }
 .show-msg .text strong {
   display: inline-block;
   font-size: 40px;
   line-height: 50px;
   padding-left: 68px;
   position: relative;
   color: #d53242;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-right: 20px;
 }
 .show-msg .text strong:before {
   content: '';
   width: 28px;
   height: 28px;
   background: url(../images/index-icon.png) no-repeat left center;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -14px;
 }
 .show-msg .text span {
   font-size: 20px;
   color: #d53242;
   background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 700;
 }
 .show-msg .text p {
   font-size: 16px;
   color: #fff;
   line-height: 30px;
   margin-top: 10px;
 }
 .show-msg ul {
   padding-right: 50px;
 }
 .show-msg li {
   float: left;
   width: 48%;
   margin-bottom: 22px;
 }
 .show-msg li:first-child {
   margin-right: 4%;
 }
 .show-msg li.txt-area {
   width: 100%;
   position: relative;
 }
 .show-msg li > span {
   display: block;
   font-size: 20px;
   line-height: 30px;
   color: #fff;
   margin-bottom: 5px;
 }
 .show-msg li > span i {
   font-style: normal;
   color: #ff0000;
 }
 .show-msg li input, .show-msg li textarea {
   width: 100%;
   height: 44px;
   line-height: 44px;
   outline: none;
   border: none;
   background: #fff;
   padding: 0 12px;
   font-size: 16px;
   color: #333;
 }
 .show-msg li textarea {
   height: 180px;
   line-height: 1.5;
   padding-top: 10px;
   padding-right: 33px;
 }
 .show-msg .sub-btn {
   position: relative;
   display: inline-block;
   margin-bottom: 40px;
 }
 .show-msg .sub-btn input {
   width: 240px;
   line-height: 60px;
   height: 60px;
   line-height: 60px;
   background: #e3674f;
   background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);
   background: -webkit-linear-gradient(left, #d53242 0%, #e3674f 100%);
   background: -o-linear-gradient(left, #d53242 0%, #e3674f 100%);
   background: -ms-linear-gradient(left, #d53242 0%, #e3674f 100%);
   background: linear-gradient(to right, #d53242 0%, #e3674f 100%);
   border-radius: 4px;
   font-size: 22px;
   color: #ffffff;
   font-weight: bold;
   padding-left: 68px;
   text-align: left;
   -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
   box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2);
 }
 .show-msg .sub-btn:after {
   content: '';
   width: 20px;
   height: 20px;
   background: url(../images/icon-lx1.png) no-repeat;
   position: absolute;
   top: 50%;
   margin-top: -10px;
   right: 60px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
 }
 .show-msg .sub-btn:hover:after {
   right: 50px;
 }
 /* ============ 商务通 ==========*/ .fixed-swt {
   display: none !important;
   width: 158px;
   height: 432px;
   position: fixed;
   right: 0;
   top: 50%;
   margin-top: -216px;
   z-index: 9999;
   background: url(../image/fixed-swtbg.png) center top no-repeat;
   background-size: 100%;
   line-height: 1;
   padding: 0 24px;
   display: none;
 }
 .fixed-swt .btn {
   display: block;
   padding: 13px 0;
   font-size: 14px;
   color: #ffe6c6;
   cursor: pointer
 }
 .fixed-swt .btn span {
   margin-bottom: 7px;
   display: block;
   font-size: 18px;
   color: #ffffff;
   transition: all linear 0.3s
 }
 .fixed-swt .btn:hover span {
   color: #fec60a
 }
 .fixed-swt .btn1 {
   padding-top: 130px;
   padding-bottom: 40px;
   color: #e03839;
   position: relative
 }
 .fixed-swt .btn1 span {
   color: #c31415;
   font-weight: bold
 }
 .fixed-swt .btn1:hover span {
   color: #c31415
 }
 .fixed-swt .btn1 .effect {
   width: 14px;
   height: 14px;
   background: #fec60a;
   border-radius: 50%;
   display: block;
   position: absolute;
   right: 6px;
   bottom: 24px
 }
 .fixed-swt .btn1 .effect::before, .fixed-swt .btn1 .effect::after {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   border: 1px solid #fec60a;
   border-radius: 50%;
   animation: quan 1.8s infinite linear
 }
 .fixed-swt .btn1 .effect::before {
   opacity: 0.6
 }
 .fixed-swt .btn1 .effect::after {
   opacity: 0.3;
   animation-delay: 0.9s
 }
 .fixed-swt .btn4:hover .telbox {
   transform: scale(1);
   display: block\9
 }
 .fixed-swt .telbox {
   width: 154px;
   position: absolute;
   left: -95%;
   bottom: 1.8%;
   padding: 10px 0;
   background: #ffe8cc;
   border: 1px solid #ea4546;
   border-radius: 10px;
   text-align: center;
   transform: scale(0);
   transform-origin: right center;
   transition: all linear 0.4s;
   display: none\9
 }
 .fixed-swt .telbox .ewm {
   font-size: 0
 }
 .fixed-swt .telbox .ewm img {
   width: 72px
 }
 .fixed-swt .telbox .ewm b {
   width: 14px;
   display: inline-block;
   vertical-align: middle;
   margin-left: 9px;
   margin-bottom: 0;
   font-size: 14px;
   color: #000000
 }
 .fixed-swt .telbox .tel {
   margin-top: 10px;
   display: block;
   font-size: 17px;
   color: #ea4546;
   font-weight: bold
 }
 .fixed-swt .totop {
   width: 72px;
   height: 34px;
   position: absolute;
   left: 3px;
   right: 0;
   bottom: -8px;
   margin: 0 auto;
   background: #fff;
   border-radius: 15px;
   box-shadow: 0 0 10px rgba(222, 53, 54, 0.5);
   text-align: center;
   line-height: 34px;
   cursor: pointer;
   transition: all linear 0.4s
 }
 .fixed-swt .totop:hover {
   background: #ffe6c6
 }
 @keyframes quan {
   0% {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     opacity: 1
   }
   100% {
     left: -18px;
     right: -18px;
     top: -18px;
     bottom: -18px;
     opacity: 0
   }
 } /* ============ 内页悬浮导航 ==========*/ .toc {
   overflow-y: auto
 }
 .toc > .toc-list {
   overflow: hidden;
   position: relative
 }
 .toc > .toc-list li {
   list-style: none
 }
 .toc-list {
   margin: 0;
   padding-left: 10px
 }
 a.toc-link {
   color: currentColor;
   height: 100%
 }
 .is-collapsible {
   max-height: 1000px;
   overflow: hidden;
   transition: all 300ms ease-in-out
 }
 .is-collapsed {
   max-height: 0
 }
 .is-position-fixed {
   position: fixed !important;
   top: 0
 }
 .is-active-link {
   font-weight: 700
 }
 .toc-link::before {
   background-color: #EEE;
   content: ' ';
   display: inline-block;
   height: inherit;
   left: 0;
   margin-top: -1px;
   position: absolute;
   width: 2px
 }
 .is-active-link::before {
   background-color: #54BC4B
 }
 .side-auto {
   position: fixed;
   width: 140px;
   -webkit-box-shadow: 0 0 15px rgba(71, 3, 3, 0.05);
   -moz-box-shadow: 0 0 15px rgba(71, 3, 3, 0.05);
   -ms-box-shadow: 0 0 15px rgba(71, 3, 3, 0.05);
   -o-box-shadow: 0 0 15px rgba(71, 3, 3, 0.05);
   box-shadow: 0 0 15px rgba(71, 3, 3, 0.05);
   bottom: 40%;
   left: 50%;
   overflow: hidden;
   padding: 20px 0 20px 18px;
   z-index: 99;
   background-color: #fff;
   margin-left: 300px;
   display: none;
 }
 .side-auto .toc-link::before {
   left: -10px;
 }
 .toc-list li {
   position: relative;
   padding-bottom: 10px;
   padding-right: 4px;
 }
 .toc-list .toc-link {
   color: #666666;
   line-height: 24px;
   font-size: 14px;
   display: block;
 }
 .toc-list li:after {
   content: "";
   position: absolute;
   left: -11px;
   top: 10px;
   width: 4px;
   height: 3px;
   background-color: #dddddd;
 }
 .is-active-link::before {
   background-color: #EEE;
 }
 .toc-list li.is-active-li:after {
   width: 5px;
   height: 8px;
   background-color: #d02507;
 } /* ============ 更多问答列表 ==========*/ .xg-question {
   margin-top: 60px;
 }
 .xg-question .reply-list {
   background-color: transparent;
   padding: 0;
 }
 .xg-question .reply-list li {
   border-color: #e5e7e9;
 }
 .answer-top h1 {
   font-size: 40px;
   color: #ffffff;
   line-height: 50px;
   margin-top: 38px;
 }
 .answer-top h1 em {
   font-style: normal;
 }
 .answer-top h1 strong {
   color: #f35555;
   margin-right: 10px;
 } /* ============ 案例聚合页 ==========*/ .solution-box {
   background-color: #f7f9fc;
   padding-top: 68px;
 }
 .wl-box {
   padding-top: 54px;
 } /* ============ 特殊样式 ==========*/ .video-cs {
   background: url(../image/videocs_bg.jpg) no-repeat;
   background-size: 100% 100%;
   width: 100%;
   padding: 5px 30px 50px;
   box-sizing: border-box;
   margin-bottom: 30px;
 }
 .main-cont .video-cs h3 {
   font-size: 26px;
   margin-bottom: 30px;
   color: #fff;
   font-weight: 700;
   margin: 25px 0 25px;
   text-align: center
 }
 .main-cont .video-cs h3:before {
   width: 82px;
   height: 21px;
   content: "";
   display: inline-block;
   background: url(../image/smalltableicon002.png) no-repeat;
   position: static;
   margin-right: 15px
 }
 .main-cont .video-cs h3:after {
   width: 82px;
   height: 21px;
   content: "";
   display: inline-block;
   background: url(../image/smalltableicon003.png) no-repeat;
   position: static;
   margin-left: 15px
 }
 .video-cs table {
   margin: 0 auto;
   border: 12px solid #fff;
   width: 100%;
   box-shadow: 0 0 30px rgba(44, 80, 179, .2)
 }
 .video-cs table tbody {
   background: #fff
 }
 .video-cs table td {
   padding: 14px 10px;
 }
 .video-cs table td p {
   margin: 0;
   text-align: center;
   text-indent: 0
 }
 .video-cs a {
   padding: 25px 10px 65px;
   border-radius: 20px;
   color: #6b86cf;
   height: 100%;
   text-decoration: underline;
   text-align: left;
   line-height: 1.4em;
   background: #ebf0ff;
   position: relative;
   display: inline-block;
 }
 .video-cs a:after {
   background: url(../image/vd_cs.png) no-repeat;
   width: 52px;
   height: 52px;
   content: "";
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -26px;
   bottom: 10px
 }
 .content_video {
   text-align: center
 }
 .content_video video {
   width: 800px;
   display: block;
   margin: 0 auto;
   outline: 0
 }
 .content_video p {
   font-size: 16px;
   background: #fd4c4c;
   background: -webkit-linear-gradient(left, #fd4c4c, #d02507);
   background: -o-linear-gradient(right, #fd4c4c, #d02507);
   background: -moz-linear-gradient(right, #fd4c4c, #d02507);
   background: linear-gradient(to right, #fd4c4c, #d02507);
   color: #fff;
   padding: 10px 60px;
   margin: 15px auto;
   display: inline-block;
   border-radius: 30px;
   text-indent: 0
 }
 .icon-one {
   background-image: url(../image/icon-newzs-one.png);
   background-repeat: no-repeat;
   background-size: 26px;
   background-position: left 5px;
   text-indent: 3em
 }
 .icon-two {
   background: url(../image/icon-newzs-two.png) no-repeat left 5px;
   background-size: 26px;
   text-indent: 3em
 }
 .icon-three {
   background: url(../image/smalltit110.png) no-repeat left 5px;
   background-size: 26px;
   text-indent: 3em
 }
 .icon-four {
   background: url(../image/smalltit108.png) no-repeat left 5px;
   background-size: 26px;
   text-indent: 3em
 }
 .icon-five {
   background: url(../image/icon-newzs-five.png) no-repeat left 3px;
   background-size: 30px;
   text-indent: 3em
 }
 .icon-six {
   background: url(../image/icon-newzs-six.png) no-repeat left 3px;
   background-size: 30px;
   text-indent: 3em
 }
 .wz-csb2 {
   text-align: center;
   margin: 24px auto
 }
 .wz-csb2 a {
   border-radius: 15px;
   font-size: 18px;
   color: #263560;
   position: relative;
   background: #ffa6b4;
   padding: 18px 7px
 }
 .wz-csb2 a:before {
   position: absolute;
   left: -10px;
   top: 50%;
   transform: translateY(-50%);
   background: url(../image/wz_icon2.png) no-repeat;
   background-size: 100% 100%;
   width: 37px;
   height: 45px;
   content: "";
   display: block
 }
 .wz-csb2 a span {
   font-size: 18px;
   color: #263560;
   border: 1px solid #fff;
   padding: 12px 20px 12px 30px;
   border-radius: 7px
 }
 .wz-csb3 {
   text-align: center;
   margin: 24px auto
 }
 .wz-csb3 a {
   border: 1px solid #751212;
   padding: 10px 72px 10px 24px;
   font-size: 18px;
   color: #033;
   border-radius: 6px;
   position: relative;
   background: #fff
 }
 .wz-csb3 a:before {
   content: "";
   display: block;
   width: 102%;
   background: #fa2346;
   background-size: 100% 100%;
   border: 1px solid #751212;
   height: 52px;
   position: absolute;
   left: -2%;
   z-index: -2;
   border-radius: 20px 0 10px 10px
 }
 .wz-csb3 a:after {
   position: absolute;
   right: 18px;
   top: 50%;
   transform: translateY(-50%);
   width: 30px;
   height: 30px;
   background: url(../image/wz_icon3.png) no-repeat;
   background-size: 100% 100%;
   content: "";
   display: block
 }
 .wz-csb3 a span {
   font-size: 18px;
   color: #033
 }
 .new-bgys {
   background: #e6ecfa;
   border: 1px dashed #b1c3ee;
   margin-top: 15px;
   margin-bottom: 15px;
   padding: 0 30px;
   box-sizing: border-box;
   overflow: hidden;
   padding-top: 15px;
 }
 .new-bgys p.dj {
   overflow: hidden;
   padding-right: 45px
 }
 .new-bgys p.dj a {
   float: right;
   position: relative;
   background: url(../image/bgys_c.png) no-repeat;
   background-size: 100% 100%;
   font-size: 18px;
   padding: 8px 40px;
   color: #fff
 }
 .new-bgys p em {
   font-style: normal;
   font-size: 20px;
   color: #05163f;
   font-weight: bold;
 }
 .yx-cp {
   text-align: center
 }
 .yx-cp p {
   display: inline-block;
   text-indent: 0;
   position: relative
 }
 .yx-cp p:before {
   position: absolute;
   width: 150px;
   height: 20px;
   background: url(../image/ys_lbg.png) no-repeat;
   background-size: 100% 100%;
   content: "";
   display: block;
   left: -150px;
   top: 12px
 }
 .yx-cp p:after {
   position: absolute;
   width: 150px;
   height: 20px;
   background: url(../image/ys_rbg.png) no-repeat;
   background-size: 100% 100%;
   content: "";
   display: block;
   right: -150px;
   top: 12px
 }
 .yx-cp p span {
   display: inline-block;
   font-size: 18px;
   color: #333;
   font-weight: 700;
   border: 2px solid #751212;
   padding: 5px 50px;
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   -o-border-radius: 6px;
   position: relative;
   background: #fff
 }
 .yx-cp p span:before {
   content: "";
   display: block;
   width: 100%;
   background: #fa2346;
   background-size: 100% 100%;
   border: 1px solid #751212;
   height: 50px;
   position: absolute;
   left: -10px;
   top: 0;
   z-index: -2;
   border-radius: 20px 0 10px 10px
 }
 .swiper-lb {
   position: relative;
   max-width: 800px;
   margin: 50px auto 55px
 }
 .swiper-lb:before {
   width: 100%;
   height: 124px;
   background: url(../image/swiper_lb_bg.png) no-repeat;
   background-size: cover;
   display: block;
   content: "";
   position: absolute;
   top: -15px;
   left: 0
 }
 .swiper-lb .pic {
   margin: 0 auto 40px;
   display: block;
   text-align: center
 }
 .swiper-lb ul {
   overflow: hidden;
   margin-left: -3%
 }
 .swiper-lb li {
   float: left;
   color: #162989;
   font-size: 24px;
   padding: 15px 7%;
   border-radius: 30px;
   margin-left: 3%;
   border: 1px solid #172a8a;
   margin-bottom: 30px;
   cursor: pointer
 }
 .swiper-lb li:hover {
   color: #fff;
   background: -webkit-linear-gradient(left, #4255b5, #172a8a);
   background: -o-linear-gradient(right, #4255b5, #172a8a);
   background: -moz-linear-gradient(right, #4255b5, #172a8a);
   background: linear-gradient(to right, #4255b5, #172a8a);
   border: none;
   position: relative
 }
 .swiper-lb li.cur {
   color: #fff;
   background: -webkit-linear-gradient(left, #4255b5, #172a8a);
   background: -o-linear-gradient(right, #4255b5, #172a8a);
   background: -moz-linear-gradient(right, #4255b5, #172a8a);
   background: linear-gradient(to right, #4255b5, #172a8a);
   border: none;
   position: relative
 }
 .swiper-lb li.cur:after {
   background: url(../image/sjfh.png) no-repeat;
   background-size: cover;
   width: 23px;
   height: 11px;
   position: absolute;
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
   display: block;
   content: ""
 }
 .swiper-lb li:hover:after {
   background: url(../image/sjfh.png) no-repeat;
   background-size: cover;
   width: 23px;
   height: 11px;
   position: absolute;
   bottom: -11px;
   left: 50%;
   margin-left: -11px;
   display: block;
   content: ""
 }
 .swiper-lb .list {
   position: relative
 }
 .swiper-lb .list:after {
   background: url(../image/la_b.png) no-repeat;
   background-size: cover;
   width: 97%;
   height: 22px;
   display: block;
   content: "";
   position: absolute;
   bottom: -22px;
   left: 1.5%
 }
 .swiper-lb .list img {
   margin: 0 auto;
   display: block;
   border-radius: 30px
 }
 .swiper-lb .list .box {
   position: absolute;
   background: url(../image/l_bg.png) no-repeat;
   background-size: cover;
   width: 100%;
   bottom: 0;
   left: 0;
   padding: 25px 40px;
   border-radius: 30px;
   box-sizing: border-box
 }
 .swiper-lb .list .box strong {
   font-size: 30px;
   color: #fff;
   font-weight: 700;
   display: block;
   margin-bottom: 20px
 }
 .swiper-lb .list .box p {
   font-size: 22px;
   color: #cbd2f4;
   text-indent: 0;
   margin: 0 auto;
   line-height: 1
 }
 .dxh-cs li {
   background: #f6f6f6;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   margin-bottom: 15px;
   position: relative
 }
 .dxh-cs li:before {
   background: #50b1c5;
   width: 30px;
   height: 56px;
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   border-radius: 15px 0 0 15px;
   -webkit-border-radius: 15px 0 0 15px;
   -moz-border-radius: 15px 0 0 15px;
   -ms-border-radius: 15px 0 0 15px;
   -o-border-radius: 15px 0 0 15px
 }
 .dxh-cs li.one:before {
   background: #50b1c5
 }
 .dxh-cs li.two:before {
   background: #699fd7
 }
 .dxh-cs li.three:before {
   background: #51b0d9
 }
 .dxh-cs .tb-bg {
   background: #9dd4e1;
   overflow: hidden;
   height: 56px;
   padding: 3px 0 3px 30px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px
 }
 .dxh-cs li.one .tb-bg {
   background: #9dd4e1
 }
 .dxh-cs li.two .tb-bg {
   background: #9dbae1
 }
 .dxh-cs li.three .tb-bg {
   background: #8bcfec
 }
 .dxh-cs .tb-l {
   float: left;
   width: 80px;
   text-align: center;
   line-height: 52px;
   font-size: 32px;
   color: #fff;
   font-family: Impact
 }
 .dxh-cs .tb-r {
   margin: 0 50px 0 80px;
   overflow: hidden;
   background: #fff;
   border-radius: 0 15px 15px 0;
   -webkit-border-radius: 0 15px 15px 0;
   -moz-border-radius: 0 15px 15px 0;
   -ms-border-radius: 0 15px 15px 0;
   -o-border-radius: 0 15px 15px 0;
   position: relative;
   padding-right: 15px
 }
 .dxh-cs .tb-r:before {
   position: absolute;
   left: 0;
   top: 3px;
   width: 0;
   height: 0;
   border-top: 22px solid transparent;
   border-bottom: 22px solid transparent;
   border-left: 22px solid #9dd4e1;
   content: "";
   display: block
 }
 .dxh-cs li.two .tb-r:before {
   border-left: 22px solid #9dbae1
 }
 .dxh-cs li.three .tb-r:before {
   border-left: 22px solid #8bcfec
 }
 .dxh-cs .tb-r p {
   float: left;
   margin: 0;
   line-height: 50px;
   width: 50%;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   color: #636363;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
 }
 .dxh-cs .tb-r .r-rgt {
   float: right
 }
 .dxh-cs .tb-r .r-rgt span {
   display: inline-block;
   border: 1px dashed #50b1c5;
   width: 146px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   margin-top: 4px;
   margin-right: 15px;
   border-radius: 8px;
   position: relative;
   cursor: pointer
 }
 .dxh-cs .tb-r .r-rgt span.active, .dxh-cs .tb-r .r-rgt span:hover {
   background: -webkit-linear-gradient(left, #fca713, #ff8b24);
   background: -o-linear-gradient(right, #fca713, #ff8b24);
   background: -moz-linear-gradient(right, #fca713, #ff8b24);
   background: linear-gradient(to right, #fca713, #ff8b24);
   border: 1px dashed transparent
 }
 .dxh-cs .tb-r .r-rgt span:before {
   position: absolute;
   width: 138px;
   height: 32px;
   border: 1px dashed #fff;
   content: "";
   display: block;
   background: 0 0;
   left: 3px;
   top: 3px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px
 }
 .dxh-cs .icon {
   float: right;
   display: block;
   width: 24px;
   height: 25px;
   background: url(../image/down_xx.png) no-repeat;
   background-size: 100% 100%;
   margin-top: -35px;
   margin-right: 15px;
   cursor: pointer
 }
 .dxh-cs li.active .icon {
   background: url(../image/up_xs.png) no-repeat
 }
 .tab-box {
   padding: 40px 10px;
   text-align: center;
   display: none
 }
 .tab-box img {
   max-width: 100%;
   display: block;
   margin: 0 auto
 }
 .dxh-cs li.active .tab-box {
   display: block
 }
 .cs-list {
   display: none
 }
 .cs-list p {
   font-size: 16px;
   color: #465174;
   font-weight: 700;
   margin: -40px 50px 0
 }
 .cs-list.on {
   display: block
 }
 .hq-bj {
   text-indent: 0;
   text-align: center
 }
 .hq-bj a {
   font-size: 18px;
   color: #fff;
   padding: 0;
   display: inline-block;
   border-radius: 30px;
   padding: 10px 80px 10px 40px;
   background: #d02507;
   background: -webkit-linear-gradient(left, #d02507, #fd4c4c);
   background: -o-linear-gradient(right, #d02507, #fd4c4c);
   background: -moz-linear-gradient(right, #d02507, #fd4c4c);
   background: linear-gradient(to right, #d02507, #fd4c4c);
   border: 3px solid #fff;
   box-shadow: 0 3px 9px rgba(26, 15, 125, .52);
   position: relative;
   color: #fff !important;
 }
 .hq-bj a:after {
   position: absolute;
   background: url(../image/sx.png) no-repeat;
   width: 28px;
   height: 34px;
   background-size: 100% 100%;
   content: "";
   display: block;
   right: 30px;
   top: 10px
 }
 .pj-box {
   background: #f2f5ff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   position: relative;
   margin-top: 65px
 }
 .pj-box .pic {
   width: 260px;
   height: 172px;
   box-shadow: 5px 5px 18px rgba(68, 76, 104, .35);
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   cursor: pointer
 }
 .pj-box .pic:after {
   position: absolute
 }
 .pj-box .pic img {
   width: 100%;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px
 }
 .pj-one {
   margin-left: 60px;
   padding: 35px 30px 20px 230px
 }
 .pj-one .pic {
   position: absolute;
   left: -60px;
   top: -25px;
   z-index: 10
 }
 .pj-one .pic:before {
   background: url(../image/faj.png) no-repeat;
   width: 78px;
   height: 46px;
   background-size: 100% 100%;
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   border-radius: 23px 30px 0 23px;
   -webkit-border-radius: 23px 30px 0 23px;
   -moz-border-radius: 23px 30px 0 23px;
   -ms-border-radius: 23px 30px 0 23px;
   -o-border-radius: 23px 30px 0 23px;
   cursor: pointer
 }
 .pj-one .pj-xq strong {
   font-size: 18px;
   background: #699fd7;
   color: #fff;
   display: inline-block;
   padding: 13px 100px 13px 230px;
   position: absolute;
   left: 0;
   top: -25px;
   border-radius: 26px;
   -webkit-border-radius: 26px;
   -moz-border-radius: 26px;
   -ms-border-radius: 26px;
   -o-border-radius: 26px
 }
 .pj-one .pj-xq strong:after {
   width: 42px;
   height: 44px;
   background: url(../image/zz.png) no-repeat;
   background-size: 100% 100%;
   content: "";
   display: block;
   position: absolute;
   right: 40px;
   top: 5px
 }
 .pj-box .pj-xq p {
   font-size: 14px !important;
   text-indent: 0;
   text-align: left
 }
 .pj-one .pj-xq p strong, .pj-two .pj-xq p strong {
   position: static !important;
   color: #05163f;
   padding: 0;
   background: 0 0;
   display: inline
 }
 .pj-one .pj-xq p strong:after, .pj-two .pj-xq p strong:before {
   background: 0 0
 }
 .pj-two {
   margin-right: 60px;
   padding: 35px 230px 15px 30px
 }
 .pj-two .pic {
   position: absolute;
   right: -60px;
   top: -25px;
   z-index: 10
 }
 .pj-two .pic:before {
   background: url(../image/faj.png) no-repeat;
   width: 78px;
   height: 46px;
   background-size: 100% 100%;
   content: "";
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   border-radius: 35px 23px 30px 0;
   -webkit-border-radius: 35px 23px 30px 0;
   -moz-border-radius: 35px 23px 30px 0;
   -ms-border-radius: 35px 23px 30px 0;
   -o-border-radius: 35px 23px 30px 0;
   cursor: pointer
 }
 .pj-two .pj-xq strong {
   font-size: 18px;
   background: #699fd7;
   color: #fff;
   display: inline-block;
   padding: 13px 230px 13px 100px;
   position: absolute;
   right: 0;
   top: -25px;
   border-radius: 26px;
   -webkit-border-radius: 26px;
   -moz-border-radius: 26px;
   -ms-border-radius: 26px;
   -o-border-radius: 26px
 }
 .pj-two .pj-xq strong:before {
   width: 42px;
   height: 44px;
   background: url(../image/dzf.png) no-repeat;
   background-size: 100% 100%;
   content: "";
   display: block;
   position: absolute;
   left: 40px;
   top: 5px
 }
 .gw-case {
   background: #f2f5ff;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   border: 1px dashed #6090cc;
   position: relative;
   z-index: 1;
   margin: 30px auto
 }
 .gw-case .tb {
   overflow: hidden;
   background: #fff;
   margin: 0 23px;
   border-radius: 0 0 32px 32px;
   -webkit-border-radius: 0 0 32px 32px;
   -moz-border-radius: 0 0 32px 32px;
   -ms-border-radius: 0 0 32px 32px;
   -o-border-radius: 0 0 32px 32px;
   padding: 15px 25px;
   line-height: 2.5em;
   box-shadow: 0 3px 9px rgba(26, 15, 125, .52)
 }
 .gw-case .tb img {
   float: left;
 }
 .gw-case .tb span {
   font-size: 14px;
   color: #3f475f;
   float: left;
   text-indent: 20px;
 }
 .gw-case .gw-al {
   overflow: hidden;
   padding: 30px 35px;
   margin-left: -5.8%
 }
 .gw-case .gw-al .al-l {
   width: 44.2%;
   text-align: center;
   float: left;
   margin-left: 5.8%
 }
 .gw-case .gw-al .box {
   background: #699fd7;
   border-radius: 26px;
   -webkit-border-radius: 26px;
   -moz-border-radius: 26px;
   -ms-border-radius: 26px;
   -o-border-radius: 26px
 }
 .gw-case .gw-al .box strong {
   font-size: 18px;
   color: #fff;
   line-height: 3.2em
 }
 .gw-case .gw-al .box strong img {
   margin-right: 8px;
   margin-top: -5px;
   display: inline-block
 }
 .gw-case .gw-al .box .pic {
   background: #fff;
   border-radius: 40px 40px 26px 26px;
   -webkit-border-radius: 40px 40px 26px 26px;
   -moz-border-radius: 40px 40px 26px 26px;
   -ms-border-radius: 40px 40px 26px 26px;
   -o-border-radius: 40px 40px 26px 26px;
   position: relative
 }
 .gw-case .gw-al .box .pic:before {
   background: url(../image/faj.png) no-repeat;
   width: 78px;
   height: 46px;
   background-size: 100% 100%;
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: 0;
   border-radius: 23px 30px 0 23px;
   -webkit-border-radius: 23px 30px 0 23px;
   -moz-border-radius: 23px 30px 0 23px;
   -ms-border-radius: 23px 30px 0 23px;
   -o-border-radius: 23px 30px 0 23px;
   cursor: pointer
 }
 .gw-case .gw-al .box .pic img {
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
   width: 100%;
   box-shadow: 5px 2px 18px rgba(68, 76, 104, .35);
   cursor: pointer
 }
 .gw-case .gw-al .box .pic p {
   padding: 23px;
   text-align: left;
   text-indent: 0;
   margin: 0;
   font-size: 14px;
   color: #3f475f
 }
 .gw-case .gw-al .box .pic p strong {
   color: #05163f !important;
   line-height: auto
 }
 .gw-case .gw-al .wz-csb {
   text-align: center
 }
 .gw-case .gw-al .wz-csb a {
   padding: 8px 50px 8px 80px
 }
 .gw-case .gw-al .wz-csb a:before {
   background: url(../image/mtp.png) no-repeat;
   background-size: 100% 100%;
   width: 45px;
   height: 45px
 }
 .gw-case .gw-al .wz-csb a:after {
   height: 44px
 }
 .dialog-bg {
   display: none;
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, .8);
   z-index: 500
 }
 .dialog-bg .img-box {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%)
 }
 .dialog-bg .img-box img {
   width: 100%;
   height: 100%
 }
 .anchor-box {
   margin-bottom: 46px
 }
 .anchor-box p {
   font-size: 14px;
   color: #555f7d;
   line-height: 2em;
   margin-bottom: 15px;
   text-indent: 0
 }
 .anchor-list li {
   float: left;
   width: 26%;
   text-align: center;
   background: url(../image/a-bg.png) no-repeat center;
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -ms-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%;
   margin: 0 -6px 18px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   box-shadow: -8px 12px 8px -15px #ddd6e1
 }
 .anchor-list li a {
   display: block;
   font-size: 14px;
   line-height: 40px;
   color: #612076;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
 }
 .anchor-list li:hover {
   background: url(../image/a-bg1.png) no-repeat center;
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -ms-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%
 }
 .anchor-list li:hover a {
   color: #fff
 }
 .video-model1 video {
   max-width: 100%
 }
 .video-model1 {
   width: 800px;
   margin: 50px auto;
   background-color: #29417b;
   background: -moz-linear-gradient(top, #598aff 0, #29417b 100%);
   background: -webkit-linear-gradient(top, #598aff 0, #29417b 100%);
   background: -o-linear-gradient(top, #598aff 0, #29417b 100%);
   background: -ms-linear-gradient(top, #598aff 0, #29417b 100%);
   background: linear-gradient(to bottom, #598aff 0, #29417b 100%);
   padding: 24px 24px 20px;
   border-radius: 13px;
   -wekit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
 }
 .video-model1 video {
   display: block
 }
 .video-model1 .model {
   overflow: hidden;
   padding-top: 20px
 }
 .video-model1 .model .ico {
   float: left;
   margin-right: 10px
 }
 .video-model1 .model .txt {
   overflow: hidden;
   text-align: center;
   font-size: 24px;
   color: #fff;
   line-height: 34px;
   padding-top: 10px
 }
 .video-model1 .model .txt strong {
   font-size: 32px;
   line-height: 42px;
   display: block
 }
 .video-model1 .model .txt span {
   opacity: .8
 }
 .video-model1 .model .kf {
   float: right;
   margin-left: 10px;
   color: #fff;
   text-align: center
 }
 .video-model1 .model .kf .zx {
   width: 198px;
   line-height: 52px;
   border: 10px solid;
   border-color: #d42453;
   border-image: -webkit-linear-gradient(#d42453, #2e1173) 20 20;
   border-image: -moz-linear-gradient(#d42453, #2e1173) 20 20;
   border-image: linear-gradient(#d42453, #2e1173) 20 20;
   background-color: #fff;
   font-size: 24px;
   color: #e52f2f;
   margin-bottom: 8px;
   display: block;
   font-weight: 700;
   cursor: pointer
 }
 .video-model1 .model .kf span {
   font-size: 20px
 }
 @media screen and (max-width:1280px) {
   .video-model1 {
     width: 100%
   }
   .video-model1 .model .txt {
     font-size: 20px
   }
 }
 .goods-slick {
   padding: 36px 40px 36px 35px;
   position: relative;
   z-index: 1;
   margin-bottom: 40px
 }
 .goods-slick:after, .goods-slick:before {
   content: '';
   width: 184px;
   height: 680px;
   position: absolute;
   z-index: -1
 }
 .goods-slick:before {
   background: url(../image/x-pro-icon.png) no-repeat left top;
   top: 0;
   left: 0
 }
 .goods-slick:after {
   background: url(../image/x-pro-icon1.png) no-repeat right bottom;
   right: 0;
   bottom: 0
 }
 .goods-slick .slider-for {
   margin-bottom: 16px
 }
 .goods-slick img {
   display: block;
   width: 100%;
   height: auto
 }
 .goods-slick .slider-nav {
   margin: 0 -10px
 }
 .goods-slick .slider-nav .slick-slider {
   outline: 0
 }
 .goods-slick .slider-nav .slick-slider .img {
   position: relative;
   padding: 0 10px;
   cursor: pointer
 }
 .goods-slick .slider-nav .slick-slider .img:before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 10px;
   right: 10px;
   background-color: rgba(99, 152, 191, .5);
   z-index: 2
 }
 .goods-slick .slider-nav .slick-slider.slick-current .img:before {
   display: none
 }
 .goods-slick .slider-nav .slick-slider.slick-current .img img {
   -webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, .4);
   -moz-box-shadow: 0 9px 10px rgba(0, 0, 0, .4);
   -ms-box-shadow: 0 9px 10px rgba(0, 0, 0, .4);
   -o-box-shadow: 0 9px 10px rgba(0, 0, 0, .4);
   box-shadow: 0 9px 10px rgba(0, 0, 0, .4)
 }
 .goods-slick .slick-arrow {
   width: 40px;
   height: 40px;
   position: absolute;
   z-index: 3;
   font-size: 0;
   border: none;
   outline: none;
   top: 50%;
   margin-top: -20px;
   cursor: pointer;
 }
 .goods-slick .slick-prev {
   background: url(../image/x-prev.png) no-repeat;
   left: -13px
 }
 .goods-slick .slick-next {
   background: url(../image/x-next.png) no-repeat;
   right: -13px
 } /* ============ 特殊样式end ==========*/ @media screen and (max-width: 4000px) and (min-width:1999px) {
   .pro-tab:before {
     display: none;
   }
   .pro-tab {
     -webkit-box-shadow: 0 0 24px rgba(69, 0, 5, 0.05);
     -moz-box-shadow: 0 0 24px rgba(69, 0, 5, 0.05);
     -ms-box-shadow: 0 0 24px rgba(69, 0, 5, 0.05);
     -o-box-shadow: 0 0 24px rgba(69, 0, 5, 0.05);
     box-shadow: 0 0 24px rgba(69, 0, 5, 0.05);
   }
   .index-slick .slick-dots {
     left: 22.2%;
   }
   .tab-img .tab-text {
     left: 22.5%;
   }
   .tab-area {
     right: 22.5%;
   }
   .pic-box {
     height: 1050px;
   }
   .tab-area li .box {
     height: 262px;
     padding-top: 70px;
   }
   .tab-area li.ab3 {
     top: 262px;
   }
   .tab-area li.ab4 {
     top: 524px;
   }
   .tab-area li.ab5 {
     top: 786px;
   }
   .tab-area li .box .txt {
     padding-top: 95px;
   }
 }
 @media screen and (max-width: 1800px) {
   .solution-top .top-text p {
     margin-bottom: 30px;
   }
   .wl-msg {
     margin-top: -105px;
   }
   .question-cont {
     margin-top: -64px;
     padding-top: 134px;
   }
   .question-top .top-text {
     margin-top: 102px;
   }
   .xw-list li .pic {
     width: 220px;
   }
   .xw-list li .text .tit {
     margin-bottom: 30px;
   }
   .solution-gory li {
     padding: 0;
   }
   .solution-top .top-text {
     width: 100%;
   }
   .case-msg {
     margin-top: -80px;
   }
   .case-box {
     margin-top: -120px;
     padding: 160px 0 20px;
   }
   .index-grid .pic {
     left: 136px;
     top: -18px;
     width: 560px;
   }
   .index-grid .ewm-box {
     top: 50px;
   }
   .ewm-box dl {
     margin-bottom: 20px;
   }
   .show-msg .show, .scroll-box {
     padding-left: 12%;
   }
   .fixed-right {
     width: 120px;
     height: 274px;
     bottom: 100px;
     right: 10px;
   }
   .fixed-right .fix-ul {
     height: 274px;
   }
   .fix-ul li span {
     font-size: 16px;
   }
   .fix-zx, .fix-ly {
     padding: 10px 0 8px;
   }
   .fix-ul .fix-tel {
     font-size: 20px;
     line-height: 56px;
   }
   .fixed-right:before {
     -webkit-background-size: 120px;
     background-size: 120px;
     top: -110px;
   }
   .fix-zx .box img {
     width: 65px;
   }
   .fix-zx .box .text {
     margin-top: 4px;
   }
   .chat-btn {
     bottom: 20px;
     right: 46px;
   }
   .show-msg {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
   }
   .show-msg .sub-btn input {
     width: 205px;
     padding-left: 40px;
   }
   .show-msg .sub-btn:after {
     right: 36px;
   }
   .show-msg .sub-btn:hover:after {
     right: 45px;
   }
 }
 @media screen and (max-width: 1599px) {
   .wrap {
     max-width: 1200px;
   }
   .header .nav > li {
     margin: 0 12px;
   }
   .index-slick .pic > a {
     margin-right: -10px;
   }
   .index-slick .materiel {
     left: 136px;
     width: 397px;
   }
   .index-slick {
     height: 590px;
   }
   .index-box li.one .img {
     width: 146px;
     height: 110px;
   }
   .index-box li.one .text {
     width: 66%;
   }
   .index-slick .slick-dots {
     left: 8.2%;
   }
   .crumbs {
     padding-top: 18px;height: 40px
   }
   .crumbs:before {
     top: 28px;
   }
   .video-box {
     margin-top: 80px;
   }
   .fw-one {
     margin-top: -50px;
   }
   .fw-two {
     margin-top: -150px;
     padding-top: 258px;
   }
   .answer-top .top-text p {
     margin-bottom: 35px;
   }
   .new-slick .text {
     padding: 32px 0 0 42px;
   }
   .new-slick .text p {
     -webkit-line-clamp: 2;
     height: 72px;
   }
   .news-ul li .img, .xw-list li .pic {
     width: 200px;
     height: 150px;
   }
   .news-ul li .text .more {
     bottom: -10px;
   }
   .case-top .video-box {
     margin-top: 86px;
   }
   .show-msg .show, .scroll-box {
     padding-left: 6%;
   }
   .index-slick .text {
     margin-top: 100px;
   }
   .index-scroll .dowebok {
     width: 82%
   }
   .index-case .slick-dots li button {
     width: 50px
   }
   .index-case .paging .full {
     margin-left: 220px;
   }
   .good-box .good-btn {
     width: 156px;
   }
   .new-slick .text {
     margin-top: 185px;
   }
   .new-slick .slick-dots {
     bottom: 45px;
   }
   .side-r .tel strong {
     font-size: 22px;
   }
   .pro-list {
     margin: 0 -20px;
   }
   .pro-list li {
     padding: 0 20px;
   }
   .xgcase-list li .text {
     padding: 10px 15px 0;
   } /* .side-right .cont p{padding-left: 24px;font-size: 16px;margin-bottom: 10px;} */ .case-list li .text {
     padding: 20px 46px 25px 20px;
   }
   .case-inner .side-right {
     padding-left: 20px;
   }
   .case-inner .other .cont p {
     font-size: 16px;
     margin-right: 10px;
   }
   .case-info .info p {
     font-size: 16px;
   }
   .fw-fitting .text {
     padding: 0 36px 0 0;
     margin-top: 0;
   }
   .msg-scroll p {
     padding-left: 0;
   }
   .video-list {
     margin: 0 -14px;
   }
   .video-list li {
     padding: 0 28px;
   }
   .right-info .ewm strong {
     font-size: 24px;
   }
   .right-info {
     padding: 20px 28px 15px;
   }
   .question-list li .other {
     margin-top: 40px;
   }
   .wl-list {
     margin: 0 -10px;
   }
   .wl-list li {
     padding: 0 20px;
   }
   .wl-area {
     width: 83%;
   }
   .gw-case .tb span {
     line-height: 24px;
     width: 94%;
     padding-left: 10px;
     text-indent: 0;
   }
   .solution-top .case-msg ul, .case-msg ul, .answer-top .case-msg ul {
     width: 84%;
   }
   .cate-gory {
     margin-top: -40px;
   }
   .video-gory li:before {
     left: 36px;
   }
   .video-wrap {
     margin-top: -76px;
   }
   .pro-wrap {
     margin-top: -78px;
   }
   .index-special .col-r {
     padding: 60px 60px 60px 120px;
   }
   .ep-box .tit {
     right: -20px;
   }
   .tab-img .tab-text {
     left: 9.5%;
   }
   .tab-area {
     right: 9.5%;
   }
   .fixed-swt {
     transform: scale(0.9);
     right: -10px;
   }
   .index-grid .pic {
     left: 136px;
     top: -18px;
     width: 530px;
   }
 }
 @media screen and (max-width: 1439px) {
   .index-slick .materiel {
     left: 136px;
   }
   .index-scroll .tit {
     margin-right: 12px;
   }
   .index-case .slick-dots {
     right: 248px;
   }
   .index-case .paging {
     right: 216px;
   }
   .index-box li.one .text p {
     margin-bottom: 0;
   }
   .ewm-box dl {
     margin-bottom: 20px;
   }
   .ewm-box dl dt img {
     width: 100px;
   }
   .ewm-box dl dd {
     margin-top: 10px;
   }
   .solution-top .case-msg .sub-btn {
     width: 180px;
   }
   .solution-top .case-msg .sub-btn:after {
     right: 34px;
   }
   .header .nav > li {
     margin: 0 14px;
   }
   .video-gory li:before {
     padding-left: 45px;
   }
   .cate-gory {
     margin-top: -20px;
   }
   .cate-gory li {
     padding: 0;
   }
   .video-list {
     margin: 0 -20px;
   }
   .video-list li {
     padding: 0 25px;
   }
   .video-gory li:before {
     left: 40px;
   }
   .cp-text .fun {
     margin-bottom: 20px;
   }
   .contact-top .top-text {
     margin-top: 58px;
   }
   .xgcase-list li .text {
     padding: 13px 15px 0;
   }
   .good-box ul {
     width: 57%;
   }
   .tab-img .tab-text {
     left: 6%;
   }
   .tab-area {
     right: 6%;
   }
 }
 @media screen and (max-width: 1359px) {
   .good-box .more-a {
     width: 150px;
   }
   .index-slick .slick-dots {
     bottom: 25px;
   }
   .index-slick .materiel {
     left: 126px;
     width: 418px;
   }
   .show-msg .tel strong {
     font-size: 30px;
   }
   .show-msg .sub-btn:after {
     right: 40px;
   }
   .show-msg .sub-btn input {
     width: 200px;
     padding-left: 40px;
   }
   .show-msg .text p {
     font-size: 16px;
   }
   .cate-gory {
     position: relative;
     margin-top: 0;
     background-color: #f6f8fb;
     padding-top: 30px;
   }
   .video-gory li:before {
     margin-top: -8px;
   }
   .video-box {
     margin-top: 50px;
   }
   .service-top .top-text {
     width: 100%;
   }
   .top-text {
     margin-top: 102px;
   }
   .top-text p {
     margin-bottom: 56px;
   }
   .answer-top .case-msg ul {
     width: 83%;
   }
   .answer-top .top-text {
     width: 100%;
   }
   .pro-list {
     margin: 0 -14px;
   }
   .pro-list li {
     padding: 0 14px;
   }
   .pro-top .top-text {
     width: 100%;
   }
   .top-text h1, .top-text strong {
     margin-bottom: 10px;
   }
   .top-text p {
     font-size: 16px;
   }
   .case-top .top-text, .video-box .top-text {
     width: 50%;
   }
   .xgcase-list li .text .more {
     display: none;
   }
   .side-right .cont p {
     font-size: 16px;
     padding-left: 28px;
     margin-bottom: 5px;
   }
   .cp-text .wl ul {
     margin: 0 -10px;
   }
   .cp-text .wl li {
     padding: 0 10px;
   }
   .wl-area .left {
     padding-left: 20px;
   }
   .wl-area .wl-btn:after {
     left: 36px;
   }
   .case-inner .other .tel-p {
     display: none;
   }
   .related-box .case-list li .text .more {
     display: none;
   }
   .index-slick .materiel {
     left: 128px;
     width: 360px;
   }
   .index-slick .text {
     margin-top: 60px;
   }
   .index-special .col-r {
     padding: 60px 60px 60px 80px;
   }
   .side-r .tel {
     padding-left: 16px;
   }
   .side-year .tel strong {
     font-size: 20px;
   }
 }
 @media screen and (max-width: 1520px) {
   .index-grid .pic {
     top: -12px;
     width: 500px;
   }
 }
 @media screen and (max-width: 1440px) {
   .index-grid .pic {
     top: -12px;
     width: 480px;
   }
 }
 @media screen and (max-width: 1360px) {
   .index-grid .pic {
     top: -12px;
     width: 450px;
   }
 }
 @media screen and (max-width: 1280px) {
   .index-grid .pic {
     top: -12px;
     width: 420px;
   }
 }
 @media screen and (max-width: 1279px) and (min-width:1024px) {
   .fixed-swt {
     transform: scale(0.8);
     right: -15px;
   }
   .index-goods .wrap:before {
     display: none;
   }
   .index-goods .wrap {
     padding-left: 0;
   }
   .index-box li.one {
     padding: 10px;
   }
   .pro-inner .side-right {
     display: none;
   }
   .index-box li > a {
     width: 70%;
   }
   .ewm-box dl dt img {
     width: 60px;
   }
   .slick-case .text .qt span {
     padding-left: 32px;
     font-size: 16px;
     margin-bottom: 10px;
   }
   .index-case .slick-dots {
     display: none !important;
   }
   .index-case .paging {
     display: none;
   }
   .slick-case .text {
     margin-top: 0;
   }
   .pro-area li .sub .text p {
     display: none;
   }
   .pro-area .one p {
     display: none;
   }
   .pro-area li .sub1 .text p {
     display: none;
   }
   .index-slick .materiel {
     display: none;
   }
   .index-slick .text {
     margin-top: 62px;
   }
   .index-slick {
     height: 554px;
   }
   .index-slick .text ul {
     margin-bottom: 30px;
   }
   .header .head-tel {
     display: none;
   }
   .solution-top .case-msg .sub-btn:after {
     right: 26px;
   }
   .solution-top .case-msg .sub-btn {
     width: 150px;
   }
   .solution-top .case-msg .sub-btn .btn {
     padding-left: 26px;
   }
   .wl-list {
     margin: 0 -15px;
   }
   .wl-list li {
     padding: 0 15px;
   }
   .wl-list li .tit {
     padding-left: 28px;
   }
   .top-text h1, .top-text strong {
     margin-bottom: 0;
   }
   .case-msg .wrap:before {
     display: none;
   }
   .case-msg .wrap {
     padding-left: 20px;
   }
   .case-msg ul {
     width: 82%;
   }
   .show-msg .tel {
     display: none;
   }
   .map-box {
     padding-top: 0;
   }
   .video-gory li:before {
     left: 18px;
   }
   .case-inner .side-right {
     display: none;
   } /* .inner-top .col-l{width:100%;} */ .side-right .ewm .left p {
     font-size: 12px;
   }
   .video-cs {
     padding: 5px 30px 50px;
   }
   .video-box .top-text p {
     margin-bottom: 0;
   }
   .service-top .top-text p {
     margin-bottom: 20px;
   }
   .answer-top .case-msg ul {
     width: 80%
   }
   .question-cont {
     margin-top: -100px;
   }
   .question-list li .pic-left p span {
     line-height: 1.5em;
   }
   .question-list li .other {
     margin-top: 20px;
   }
   .right-info .ewm strong {
     font-size: 18px;
   }
   .side-auto {
     display: none !important;
   }
   .xg-case .case-list li .text {
     padding: 10px 10px 28px 18px;
   }
   .lx-tel {
     padding-left: 22px;
   }
   .solution-gory li:before {
     left: 32px;
     margin-top: -10px;
   }
   .related-box .case-list li .text {
     padding: 10px 10px 33px 18px;
   }
   .case-list li .text {
     padding: 20px 46px 25px 10px;
   }
   .case-msg .one p {
     display: none;
   }
   .base-title p br {
     display: none;
   }
   .about-pro:before {
     display: none;
   }
   .about-pro {
     padding-left: 0;
   }
   .about-two:before {
     display: none;
   }
   .error-box img {
     display: block;
     width: 100%;
   }
   .side-right .cont {
     padding-left: 10px;
   }
   .msg-scroll p {
     padding-left: 0;
   }
   .fast-box p {
     font-size: 16px;
   }
   .video-area .vo-right {
     padding-left: 20px;
   }
   .con-right .tit {
     font-size: 14px;
   }
   .con-right p {
     font-size: 12px;
   }
   .li-left span {
     font-size: 12px;
   }
   .wl-area .wl-btn:after {
     display: none;
   }
   .tab-img .tab-text {
     left: 3%;
     width: 556px;
   }
   .tab-area {
     right: 3%;
   }
 }
 @media \0screen {
   .ie8-p {
     padding-left: 30px;
   }
   .ie8-p, .ie8-p a {
     color: #fff;
   }
   .ie8-p a:hover {
     color: #d60404;
   }
   .right-msg select {
     height: auto;
     padding: 10px 6px 10px 20px;
   }
   .about-top .video-box video {
     border-color: transparent;
   }
   .case-msg li select {
     height: auto;
     padding: 17px 10px 17px 20px;
   }
 } /* 2021.11.2小样式添加 */ /* 041 */ .smalltit041-theme1 {
   display: inline-block;
   position: relative;
   z-index: 2;
   font-weight: bold;
   font-size: 22px !important;
   line-height: 32px !important;
 }
 .smalltit041-theme1:after {
   content: "";
   position: absolute;
   left: 0px;
   right: 0px;
   height: 10px;
   background: rgba(207, 53, 53, 1);
   background: -webkit-linear-gradient(left, rgba(207, 53, 53, 1), rgba(207, 53, 53, 0));
   background: -o-linear-gradient(left, rgba(207, 53, 53, 1), rgba(207, 53, 53, 0));
   background: linear-gradient(to right, rgba(207, 53, 53, 1), rgba(207, 53, 53, 0));
   border-radius: 10px;
   z-index: -1;
   bottom: 0px;
 }
 @media (max-width: 1366px) {
   .smalltit041-theme1 {
     font-size: 16px !important;
   }
 }
 @media (max-width: 1440px) {
   .smalltit041-theme1 {
     font-size: 18px !important;
   }
 }
 @media (max-width: 1800px) {
   .smalltit041-theme1 {
     font-size: 20px !important;
   }
 } /* 036 */ .smalltit036-theme1 {
   clear: both;
   font-size: 20px !important;
   margin-top: 30px !important;
   margin-bottom: 25px !important;
 }
 .smalltit036-theme1 strong {
   display: inline-block;
   position: relative;
   color: rgb(207, 53, 53) !important;
 }
 .smalltit036-theme1 strong span {
   font-style: normal;
   border-radius: 50%;
   text-align: center;
   margin-right: 10px !important;
   background: rgb(207, 53, 53) !important;
   color: #fff !important;
   width: 32px;
   height: 32px;
   display: inline-block;
   line-height: 32px;
 }
 @media (max-width:1440px) {
   .smalltit036-theme1 {
     font-size: 18px !important;
   }
   .smalltit036-theme1 strong span {
     width: 35px;
     height: 35px;
     line-height: 35px;
   }
 } /* tit092 */ .smalltit092-theme1 {
   text-align: center;
   position: relative;
 }
 .smalltit092-theme1:before {
   content: "";
   width: 100%;
   height: 1px;
   background: rgb(248, 201, 201);
   display: block;
   position: absolute;
   left: 0;
   top: 50%;
 }
 .smalltit092-theme1 strong {
   background: rgb(248, 201, 201);
   color: rgb(194, 27, 27) !important;
   display: inline-block;
   padding: 7px 30px !important;
   line-height: 30px;
   position: relative;
   font-size: 18px;
 }
 .smalltit092-theme1 strong:after, .smalltit092-theme1 strong:before {
   content: "";
   width: 31px;
   height: 31px;
   background: #f1f3f6 !important;
   display: block;
   position: absolute;
   left: -15px;
   top: 7px;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform: rotate(45deg);
 }
 .smalltit092-theme1 strong:after {
   left: auto;
   right: -15px;
 } /* txt085 */ .smalltxt085-theme1 {
   border-radius: 10px;
   background: #fff;
   position: relative;
   padding: 0px 10px;
   border: 5px solid rgb(248, 201, 201);
   margin-top: 30px;
   margin-bottom: 30px
 }
 .smalltxt085-theme1 .s085-title {
   margin-top: 20px !important;
   margin-bottom: 20px !important
 }
 .smalltxt085-theme1 .s085-title strong {
   display: inline-block;
   padding: 0 15px;
   position: relative;
   z-index: 1;
   font-size: 18px !important;
   line-height: 2 !important;
   color: rgb(207, 53, 53) !important;
   background: #fff;
   border-color: rgba(207, 53, 53, 0.7);
   border-radius: 8px;
   border-style: solid;
   border-left-width: 2px;
   border-top-width: 3px;
   border-right-width: 2px;
   border-bottom-width: 1px
 }
 .smalltxt085-theme1 .s085-title strong:before {
   content: "";
   display: block;
   position: absolute;
   left: -16px;
   top: 16px;
   width: 16px;
   height: 2px;
   background: rgba(207, 53, 53, 0.7);
 }
 .smalltxt085-theme1 p {
   margin-top: 20px !important;
   margin-bottom: 20px !important
 } /* txt071 */ .smalltxt071-theme1 {
   background: rgb(199, 237, 251) !important;
   border-radius: 20px;
   padding: 10px 84px;
   margin: 24px 0;
   box-shadow: 0 0 5px rgba(127, 207, 237, 0.2);
 }
 .smalltxt071-theme1 p {
   line-height: 30px !important;
   text-indent: 0 !important;
 }
 .smalltxt071-theme1 p span {
   text-align: left;
   padding: 8px 16px;
   display: inline-block;
   position: relative;
 }
 .smalltxt071-theme1 .p_l {
   text-align: left;
 }
 .smalltxt071-theme1 .p_l span {
   color: rgb(0, 86, 133) !important;
   background: #fff;
   border: 1px solid rgb(0, 86, 133) !important;
   border-radius: 16px 16px 16px 2px;
 }
 .smalltxt071-theme1 .p_l span::before {
   content: "";
   width: 41px;
   height: 41px;
   background: url(../image/smalltxt071-tx01.png) center no-repeat;
   display: block;
   position: absolute;
   left: -55px;
   top: 2px;
 }
 .smalltxt071-theme1 .p_r {
   text-align: right;
 }
 .smalltxt071-theme1 .p_r span {
   color: #fff !important;
   background: rgb(0, 86, 133) !important;
   border: 1px solid rgb(0, 86, 133) !important;
   border-radius: 16px 16px 2px 16px;
 }
 .smalltxt071-theme1 .p_r span::before {
   content: "";
   width: 41px;
   height: 41px;
   background: url(../image/smalltxt071-tx02.png) center no-repeat;
   display: block;
   position: absolute;
   right: -55px;
   top: 2px;
 } /* txt086 */ .smalltxt086-theme1 {
   border-radius: 10px;
   border: 1px solid rgb(207, 53, 53);
   margin-top: 50px;
   margin-bottom: 30px;
 }
 .smalltxt086-theme1 .s086-title {
   margin: 0 !important;
 }
 .smalltxt086-theme1 .s086-title strong {
   display: block;
   position: relative;
   background: rgb(207, 53, 53) !important;
   color: #fff;
   text-align: center;
   border-radius: 6px 6px 0 0;
   font-size: 18px !important;
   line-height: 2 !important;
 }
 .smalltxt086-theme1 .s086-title strong:before, .smalltxt086-theme1 .s086-title strong:after {
   content: "";
   display: block;
   width: 10px;
   height: 35px;
   border-radius: 5px;
   border: 1px solid #fff;
   background: rgb(207, 53, 53);
   position: absolute;
   top: -20px;
 }
 .smalltxt086-theme1 .s086-title strong:before {
   left: 40px
 }
 .smalltxt086-theme1 .s086-title strong:after {
   right: 40px
 }
 .smalltxt086-theme1 .s086-text {
   padding: 0px 20px
 }
 .smalltxt086-theme1 .s086-text p {
   margin-top: 20px !important;
   margin-bottom: 20px !important
 } /* txt069 */ .smalltxt069-theme1 p {
   padding: 0 0 0 32px !important;
   margin: 15px 0 !important;
   position: relative;
 }
 .smalltxt069-theme1 p:before {
   content: "";
   width: 22px;
   height: 22px;
   background: rgb(207, 53, 53) !important;
   border: 6px solid rgb(248, 201, 201) !important;
   border-radius: 50%;
   display: block;
   position: absolute;
   left: 0;
   top: 7px;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
 .smalltxt069-theme1 p:after {
   content: "";
   width: 2px;
   background: rgb(207, 53, 53) !important;
   position: absolute;
   left: 10px;
   top: 15px;
   bottom: -40px;
 }
 .smalltxt069-theme1 p:last-child {
   padding-bottom: 0
 }
 .smalltxt069-theme1 p:last-child:after {
   display: none
 } /* table019 */ .smalltable019-theme1 {
   clear: both;
   display: block;
   margin: 30px 0px;
 }
 .smalltable019-theme1 table {
   width: 100%;
   border-collapse: collapse;
   border: 0px !important;
   background: #fff;
 }
 .smalltable019-theme1 table td {
   padding: 10px 0px !important;
   border: 1px solid rgba(194, 27, 27, 0.2) !important;
   text-align: center;
   word-break: break-all;
   font-size: 16px !important;
 }
 .smalltable019-theme1 table tr:nth-child(odd) td {
   background: rgba(248, 201, 201, 0.2) !important;
 }
 .smalltable019-theme1 table tr td:first-child {
   background: rgb(207, 53, 53) !important;
   color: #fff;
   border-bottom: 1px solid rgb(194, 27, 27) !important;
 }
 .smalltable019-theme1 table tr:last-child td:first-child {
   border-bottom: 1px solid rgba(194, 27, 27, 0.2) !important;
 }
 @media screen and (max-width: 1600px) {
   .smalltable019-theme1 {
     clear: both;
     margin: 26px 0px !important;
   }
   .smalltable019-theme1 table td {
     font-size: 15px !important;
     padding: 14px 15px !important;
   }
 }
 @media screen and (max-width: 1440px) {
   .smalltable019-theme1 {
     clear: both;
     margin: 24px 0px !important;
   }
   .smalltable019-theme1 table td {
     padding: 12px 15px !important;
   }
 }
 @media screen and (max-width: 1280px) {
   .smalltable019-theme1 {
     clear: both;
     margin: 20px 0px !important;
   }
   .smalltable019-theme1 table td {
     font-size: 14px !important;
     padding: 10px 15px !important;
   }
 }
 .smalltext001-theme1 {
   background: rgba(248, 201, 201, 0.5) !important;
   padding: 20px;
   border-radius: 10px;
   font-size: 16px;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
 }
 .smalltext001-theme1 strong {
   display: inline-block;
   position: relative;
   border-radius: 10px;
   padding: 10px 20px;
   background: rgb(207, 53, 53) !important;
   color: #fff !important;
   line-height: 1.3;
   overflow: hidden;
   font-size: 18px;
   margin-bottom: 10px;
 }
 .smalltext001-theme1 p {
   margin: 0 !important;
 }
 .left-cont video {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   display: block;
 } /*new home style*/ .homepage {
   line-height: 1
 }
 .swiper-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   z-index: 1
 }
 .swiper-container-android .swiper-slide, .swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate(0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
 }
 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box
 }
 .swiper-container-vertical > .swiper-wrapper {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column
 }
 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   flex: 0 0 auto;
   width: 100%;
   height: 100%;
   position: relative
 }
 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
 }
 .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }
 .home_header {
   padding: 26px 0;
   -webkit-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -moz-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -ms-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   -o-box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   box-shadow: 3px 6px 15px rgba(71, 3, 3, 0.05);
   position: relative;
   z-index: 100;
 }
 .home_header .logo {
   float: left
 }
 .home_header .head-tel {
   width: 18.48958%;
   background: #ea4546;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   text-align: center;
   line-height: 95px;
   cursor: pointer
 }
 .home_header .head-tel:before {
   content: "";
   width: 35px;
   height: 33px;
   background: url(../image/header-tel.png) center no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px
 }
 .home_header .head-tel .telbox {
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
   text-align: left;
   color: #fff
 }
 .home_header .head-tel p {
   font-size: 16px
 }
 .home_header .head-tel strong {
   display: block;
   margin-top: 11px;
   font-size: 24px
 }
 .home_header .head-box {
   position: absolute;
   left: 50%;
   margin-left: -60px;
   width: 120px;
   z-index: 2;
   top: 95px;
   display: none
 }
 .home_header .head-box .ewm {
   background-color: #ea4546;
   padding: 18px;
   margin-bottom: 1px
 }
 .home_header .head-box span {
   display: block;
   background-color: #fff;
   text-align: center;
   line-height: 38px
 }
 .home_header .head-box span img {
   margin-right: 6px;
   vertical-align: middle;
   margin-top: -2px
 }
 .home_header .head-tel:hover .head-box {
   display: block
 }
 .home_header .nav {
   display: inline-block;
   margin-top: 12px;
   margin-left: 23px
 }
 .home_header .nav > li {
   float: left;
   margin: 0 25px;
   line-height: 30px;
   font-size: 16px;
   position: relative;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   position: relative
 }
 .home_header .nav > li > a {
   display: block;
   color: #333
 }
 .home_header .nav > li:after {
   content: '';
   position: absolute;
   left: 0;
   top: -38px;
   background-color: #f34e4e;
   height: 4px;
   border-radius: 0 0 4px 4px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   width: 0;
   -webkit-box-shadow: 2px 3px 4px rgba(39, 0, 0, 0.3);
   -moz-box-shadow: 2px 3px 4px rgba(39, 0, 0, 0.3);
   -ms-box-shadow: 2px 3px 4px rgba(39, 0, 0, 0.3);
   -o-box-shadow: 2px 3px 4px rgba(39, 0, 0, 0.3);
   box-shadow: 2px 3px 4px rgba(39, 0, 0, 0.3)
 }
 .home_header .sub-nav {
   position: absolute;
   z-index: 2;
   top: 28px;
   left: -10px;
   right: -10px;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   padding-top: 30px;
   display: none;
   opacity: 0;
   filter: alpha(opacity=0);
   text-align: center
 }
 .home_header .sub-nav li a {
   display: block;
   font-size: 14px;
   color: #fff;
   line-height: 34px;
   background-color: #ea4546
 }
 .home_header .sub-nav li:first-child a {
   padding-top: 10px
 }
 .home_header .sub-nav li:last-child a {
   padding-bottom: 10px
 }
 .home_header .nav > li.on > a, .home_header .nav > li > a:hover {
   color: #ea4546
 }
 .home_header .nav > li.on:after, .home_header .nav > li:hover:after {
   width: 100%
 }
 .home_header .nav > li:hover .sub-nav {
   display: block;
   opacity: 1;
   filter: alpha(opacity=100)
 }
 .home_header .sub-nav li a:hover {
   color: #333
 }
 .home_footer {
   text-align: center;
   line-height: 2.57143
 }
 .home_footer p {
   padding: 26px 0
 }
 .home_footer p a:hover {
   color: #ea4546
 }
 .home_footer .sty1 {
   font-size: 14px;
   color: #6c6c6c
 }
 .home_footer .sty1 a {
   color: #6c6c6c
 }
 .home_footer .sty1 a + a {
   margin-left: 13px
 }
 .home_footer .sty2 {
   background: #333333;
   font-size: 16px;
   color: #fff
 }
 .home_footer .sty2 a {
   color: #fff
 }
 .home_footer .sty2 a + a {
   margin-left: 13px
 }
 .banner {
   position: relative;
   overflow: hidden
 }
 .banner:before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.3);
   z-index: 1
 }
 .banner .pic {
   width: 81.51042%;
   opacity: 0
 }
 .banner .video {
   width: 82.29167%;
   position: absolute;
   left: 0;
   bottom: 0;
   display: block
 }
 .banner .sty1 {
   position: absolute;
   left: 13.54167%;
   top: 31.2%;
   z-index: 2
 }
 .banner .sty1 p {
   color: #fff
 }
 .banner .sty1 .p1 {
   font-size: 61px;
   font-weight: bold;
   line-height: 1.4
 }
 .banner .sty1 .p2 {
   margin-top: 44px;
   font-size: 22px
 }
 .banner .sty2 {
   width: 18.48958%;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 3
 }
 .banner .sty2:before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-image: linear-gradient(#ea4546, rgba(234, 69, 70, 0));
   opacity: 0.4;
   z-index: 1
 }
 .banner .sty2 a {
   display: block;
   position: relative;
   overflow: hidden
 }
 .banner .sty2 a:before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 2
 }
 .banner .sty2 a img {
   width: 100%;
   transition: all linear 0.4s
 }
 .banner .sty2 a span {
   width: 148px;
   padding: 10px 0;
   position: absolute;
   left: 7.88732%;
   bottom: 7.26644%;
   z-index: 2;
   border: 1px solid #fff;
   border-radius: 50px;
   font-size: 18px;
   color: #fff;
   text-align: center;
   overflow: hidden;
   transition: all 1s ease
 }
 .banner .sty2 a span:before {
   content: "";
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   background: #fff;
   border-radius: 50px;
   transform-origin: right;
   transform: translateX(-100%);
   opacity: 0;
   display: none\9;
   transition: opacity 1s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1s cubic-bezier(0.45, 0.12, 0.04, 0.96)
 }
 .banner .sty2 a span:hover {
   color: #ea4546
 }
 .banner .sty2 a span:hover:before {
   transform: translateX(0);
   opacity: 1;
   display: block\9
 }
 .banner .sty2 a:hover img {
   transform: scale(1.1)
 }
 .public_title {
   text-align: center
 }
 .public_title .title {
   font-size: 46px;
   color: #000000;
   font-weight: bold
 }
 .public_title .text {
   margin-top: 36px;
   font-size: 18px;
   color: #666666;
   line-height: 1.5
 }
 .home1 {
   padding-top: 88px;
   position: relative
 }
 .home1 .sty1 {
   margin-top: 46px;
   height: 67px
 }
 .home1 .sty1 .fixed_box {
   padding: 20px 0;
   box-shadow: 0 6px 7px rgba(66, 66, 66, 0.05);
   position: relative;
   z-index: 2
 }
 .home1 .sty1 .fixed_box.fixed_active {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   background: #ffffff
 }
 .home1 .sty1 .fixed_box.fixed_active2 {
   position: absolute;
   top: auto;
   bottom: 0
 }
 .home1 .sty1 ul {
   overflow: hidden
 }
 .home1 .sty1 ul li {
   width: 16.66667%;
   float: left;
   font-size: 22px;
   color: #000000;
   font-weight: bold;
   text-align: center;
   line-height: 1.22727;
   cursor: pointer;
   transition: all linear 0.4s
 }
 .home1 .sty1 ul li + li {
   border-left: 1px solid #dbdbdb
 }
 .home1 .sty1 ul .swiper-item-active {
   color: #ea4546
 }
 .home1 .sty2 {
   background: #f6f6f6;
   position: relative;
   z-index: 1
 }
 .home1 .sty2:before, .home1 .sty2:after, .home1 .sty2 .swiper-content:before {
   content: "";
   width: 50%;
   height: 298px;
   background: #fff;
   position: absolute;
   z-index: -1;
   opacity: 0.3
 }
 .home1 .sty2:before {
   height: 394px;
   left: 0;
   top: 0
 }
 .home1 .sty2:after {
   left: 0;
   bottom: 0
 }
 .home1 .sty2 .swiper-content:before {
   right: 0;
   bottom: 298px
 }
 .home1 .sty2 .swiper-list {
   display: none
 }
 .home1 .sty2 .swiper-list:after {
   content: "";
   clear: both;
   display: table
 }
 .home1 .sty2 .swiper-list li {
   width: 47.42857%
 }
 .home1 .sty2 .swiper-list li .pic {
   display: block;
   overflow: hidden
 }
 .home1 .sty2 .swiper-list li .pic img {
   width: 100%;
   transition: all linear 0.4s
 }
 .home1 .sty2 .swiper-list li .pic:hover img {
   transform: scale(1.1)
 }
 .home1 .sty2 .swiper-list li .wenan h3 a {
   display: block;
   padding-left: 36px;
   background: url(../image/home1bttb.png) left center no-repeat;
   font-size: 26px;
   color: #000000;
   font-weight: bold
 }
 .home1 .sty2 .swiper-list li .wenan h3 a:hover {
   color: #ea4546
 }
 .home1 .sty2 .swiper-list li .wenan p {
   font-size: 16px;
   color: #666666;
   line-height: 1.875
 }
 .home1 .sty2 .swiper-list .fl {
   float: left
 }
 .home1 .sty2 .swiper-list .fr {
   float: right
 }
 .home1 .sty2 .swiper-list .sxsty .wenan {
   padding: 34px 0
 }
 .home1 .sty2 .swiper-list .sxsty .wenan h3 {
   display: inline-block;
   vertical-align: middle
 }
 .home1 .sty2 .swiper-list .sxsty .wenan p {
   display: inline-block;
   vertical-align: middle;
   margin-left: 16px;
   padding-left: 18px;
   border-left: 1px dashed #dbdbdb;
   line-height: 1.1
 }
 .home1 .sty2 .swiper-list .zysty {
   padding: 36px 0;
   font-size: 0
 }
 .home1 .sty2 .swiper-list .zysty .wenan {
   width: 50.75301%;
   display: inline-block;
   vertical-align: middle;
   padding-right: 5%
 }
 .home1 .sty2 .swiper-list .zysty .wenan p {
   margin-left: 36px;
   margin-top: 5px
 }
 .home1 .sty2 .swiper-list .zysty .wenan .cs {
   margin-top: 24px
 }
 .home1 .sty2 .swiper-list .zysty .pic {
   width: 49.24699%;
   display: inline-block;
   vertical-align: middle
 }
 .home1 .sty2 .swiper-list-active {
   display: block
 }
 .home2 {
   padding-top: 64px;
   padding-bottom: 54px;
   background: url(../image/home2bg.jpg) center no-repeat;
   background-size: cover
 }
 .home2 .wrap:after {
   content: "";
   clear: both;
   display: table
 }
 .home2 .sty1 {
   width: 48.57143%;
   float: left;
   color: #fff
 }
 .home2 .sty1 .title {
   font-size: 36px;
   font-weight: bold
 }
 .home2 .sty1 .text {
   margin-top: 30px;
   font-size: 16px;
   line-height: 1.875
 }
 .home2 .sty1 .swtbox {
   margin-top: 38px;
   max-width: 666px;
   background: #ea4546;
   border-radius: 30px 0 30px 30px;
   line-height: 60px;
   text-align: center;
   font-weight: bold;
   position: relative;
   z-index: 1
 }
 .home2 .sty1 .swtbox:before {
   content: "";
   width: 100%;
   height: 100%;
   background: url(../image/home2swtzs.png) center bottom no-repeat;
   background-size: 100%;
   position: absolute;
   right: -6px;
   bottom: -8px;
   z-index: -1
 }
 .home2 .sty1 .swtbox .btn1 {
   width: 61.86186%;
   background: #fff;
   border-radius: 30px 0 30px 30px;
   font-size: 18px;
   color: #ea4546
 }
 .home2 .sty1 .swtbox .btn1:before {
   content: "";
   width: 35px;
   height: 27px;
   background: url(../image/home2tb1.png) center no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: text-bottom;
   margin-right: 10px
 }
 .home2 .sty1 .swtbox .btn1 span {
   vertical-align: bottom;
   font-size: 24px
 }
 .home2 .sty1 .swtbox .btn2 {
   width: 42.94294%;
   padding-left: 4.8048%;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   border-bottom-right-radius: 30px;
   overflow: hidden;
   font-size: 24px;
   cursor: pointer
 }
 .home2 .sty1 .swtbox .btn2:before {
   content: "";
   width: 29px;
   height: 29px;
   background: url(../image/home2tb2.png) center no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 9px
 }
 .home2 .sty1 .swtbox .btn2:after {
   content: "";
   width: 160%;
   background-image: linear-gradient(to right, #ea4546, #e97778, rgba(233, 119, 120, 0));
   position: absolute;
   left: -160%;
   top: 0;
   bottom: 0;
   z-index: -1;
   transition: all linear 0.4s
 }
 .home2 .sty1 .swtbox .btn2:hover:after {
   left: 0
 }
 .home2 .sty2 {
   width: 42.14286%;
   float: right
 }
 .home2 .sty2 a {
   display: block;
   position: relative;
   overflow: hidden
 }
 .home2 .sty2 a:before {
   content: "";
   width: 200px;
   border-bottom: 89px solid rgba(234, 69, 70, 0.8);
   border-left: 40px solid transparent;
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 1
 }
 .home2 .sty2 a img {
   transition: all linear 0.4s
 }
 .home2 .sty2 a:hover img {
   transform: scale(1.1)
 }
 .home2 .sty2 span {
   width: 154px;
   height: 45px;
   position: absolute;
   right: 4.40678%;
   bottom: 7.40741%;
   z-index: 2;
   background: #fff;
   font-size: 18px;
   color: #ea4546;
   text-align: center;
   line-height: 2.5;
   font-weight: bold;
   overflow: hidden
 }
 .home2 .sty2 span b {
   display: block;
   transition: all linear 0.3s;
   transform-style: preserve-3d;
   transform: translateY(0);
   transition-property: transform
 }
 .home2 .sty2 span b + b {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transform: translate3d(0, 33%, 1px) rotateX(-90deg);
   display: none\9
 }
 .home2 .sty2 span:hover b {
   transform: translate3d(0, -33%, 1px) rotateX(90deg);
   transform: none\9
 }
 .home2 .sty2 span:hover b + b {
   transform: none
 }
 .home3 {
   padding-top: 130px;
   overflow: hidden;
   position: relative
 }
 .home3:before {
   content: "";
   height: 70px;
   background-image: linear-gradient(to right, rgba(234, 69, 70, 0), #ea4546);
   position: absolute;
   left: 0;
   right: 0;
   top: -48px;
   transform: rotate(-1deg)
 }
 .home3 .alswiper1 {
   margin-top: 62px
 }
 .home3 .alswiper1 .swiper-slide {
   width: 72.91667%;
   width: 33.33%\9;
   float: left\9;
   overflow: hidden;
   opacity: 0.2;
   opacity: 1\9;
   transition: all linear 0.4s
 }
 .home3 .alswiper1 .swiper-slide a {
   display: block
 }
 .home3 .alswiper1 .swiper-slide img {
   width: 100%;
   transition: all linear 0.4s
 }
 .home3 .alswiper1 .swiper-slide:hover img {
   transform: scale(1.1)
 }
 .home3 .alswiper1 .swiper-slide-active {
   opacity: 1
 }
 .home3 .alswiper1 .swiper-button {
   width: 76.66667%;
   margin: 0 auto;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0
 }
 .home3 .alswiper1 .swiper-button span {
   width: 79px;
   height: 66px;
   background: #ea4546;
   position: absolute;
   top: 50%;
   margin-top: -33px;
   z-index: 2;
   cursor: pointer
 }
 .home3 .alswiper1 .swiper-button span:before {
   content: "";
   width: 8px;
   height: 8px;
   border-left: 2px solid #fff;
   border-bottom: 2px solid #fff;
   display: block;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -5px;
   margin-top: -5px
 }
 .home3 .alswiper1 .swiper-button .swiper-button-prev {
   left: 0
 }
 .home3 .alswiper1 .swiper-button .swiper-button-prev:before {
   transform: rotate(45deg)
 }
 .home3 .alswiper1 .swiper-button .swiper-button-next {
   right: 0
 }
 .home3 .alswiper1 .swiper-button .swiper-button-next:before {
   transform: rotate(-135deg)
 }
 .home3 .alswiper2 {
   max-width: 1695px;
   background: #f6f6f6
 }
 .home3 .alswiper2 .swiper-slide .sty1 {
   padding-top: 59px;
   padding-bottom: 63px;
   overflow: hidden
 }
 .home3 .alswiper2 .swiper-slide .sty1 .smsty {
   padding-left: 23px;
   position: relative
 }
 .home3 .alswiper2 .swiper-slide .sty1 .smsty:before {
   content: "";
   width: 4px;
   height: 23px;
   display: block;
   position: absolute;
   left: 0;
   top: 10px;
   background: #f4d0d0;
   box-shadow: 0 10px 0 #ea4546 inset
 }
 .home3 .alswiper2 .swiper-slide .sty1 .smsty .titsty {
   font-size: 30px;
   color: #000000;
   line-height: 1.4;
   font-weight: bold
 }
 .home3 .alswiper2 .swiper-slide .sty1 dd {
   width: 44.28571%;
   float: left
 }
 .home3 .alswiper2 .swiper-slide .sty1 dd h3 a {
   display: block;
   color: #000000
 }
 .home3 .alswiper2 .swiper-slide .sty1 dd h3 a:hover {
   color: #ea4546
 }
 .home3 .alswiper2 .swiper-slide .sty1 dd p {
   margin-top: 16px;
   font-size: 16px;
   color: #666666;
   line-height: 2
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt {
   width: 42%;
   float: right;
   margin-right: 105px
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list {
   margin-left: -2.30088%;
   margin-top: 12px;
   overflow: hidden
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list a {
   width: 47.57785%;
   height: 57px;
   float: left;
   margin-left: 2.30088%;
   margin-top: 13px;
   background: #ffffff;
   border: 1px solid #e5e5e5;
   font-size: 20px;
   color: #666666;
   text-align: center;
   line-height: 55px;
   position: relative;
   z-index: 1;
   overflow: hidden;
   transition: all 1s ease
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list a:before {
   content: "";
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   background: #ea4546;
   transform-origin: right;
   transform: translateX(-100%);
   opacity: 0;
   display: none\9;
   transition: opacity 1s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1s cubic-bezier(0.45, 0.12, 0.04, 0.96)
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list a:hover {
   color: #fff
 }
 .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list a:hover:before {
   transform: translateX(0);
   opacity: 1;
   display: block\9
 }
 .home3 .alswiper2 .swiper-slide .sty2 {
   padding: 31px 0;
   background: #ea4546;
   font-size: 0
 }
 .home3 .alswiper2 .swiper-slide .sty2 .smf {
   display: inline-block;
   vertical-align: middle
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fl {
   width: 15.5%;
   font-size: 24px;
   color: #ffffff;
   line-height: 1.79167;
   font-weight: bold
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc {
   width: 60.07143%;
   margin-left: 2.28571%;
   margin-right: 2.64286%;
   overflow: hidden
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc p {
   width: 18.66825%;
   float: left;
   position: relative;
   overflow: hidden
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc p img {
   width: 100%;
   display: block;
   border: 1px dashed #fff;
   transition: all linear 0.4s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc p span {
   background: rgba(38, 39, 43, 0.6);
   position: absolute;
   left: 1px;
   right: 1px;
   top: 50%;
   margin-top: -18px;
   font-size: 18px;
   line-height: 2;
   color: #fff;
   text-align: center
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc p:hover img {
   border: 1px solid #ea4546;
   transform: scale(1.1)
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fc p + p {
   margin-left: 1.66468%
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr {
   width: 19%;
   text-align: center
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn {
   width: 84.21053%;
   position: relative;
   z-index: 1;
   cursor: pointer
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn span {
   width: 100%;
   display: block;
   background: #fff0d6;
   border-radius: 70px;
   font-size: 24px;
   color: #ea4546;
   font-weight: bold;
   line-height: 60px;
   box-shadow: 0 4px 20px rgba(188, 15, 17, 0.7);
   transition: all linear 0.4s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn i {
   width: 100%;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   border-radius: 70px;
   z-index: -1;
   transition: all linear 0.4s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs1 {
   right: -5.80357%;
   background: rgba(255, 240, 214, 0.6);
   animation: animation1 1.5s ease-in-out 0s infinite both;
   animation-delay: -0.8s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs2 {
   right: -11.60714%;
   background: rgba(255, 240, 214, 0.3);
   animation: animation2 1.5s ease-in-out 0s infinite both;
   animation-delay: -0.64s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn .zs3 {
   right: -17.41071%;
   background: rgba(255, 240, 214, 0.1);
   animation: animation3 1.5s ease-in-out 0s infinite both;
   animation-delay: -0.48s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover span {
   background: #fff
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs1 {
   background: rgba(255, 255, 255, 0.6)
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs2 {
   background: rgba(255, 255, 255, 0.3)
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn:hover .zs3 {
   background: rgba(255, 255, 255, 0.1)
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .look_more {
   display: inline-block;
   padding-top: 15px;
   border-bottom: 2px solid rgba(255, 255, 255, 0.7);
   font-size: 18px;
   color: #ffffff;
   text-align: center;
   opacity: 0.6;
   transition: all linear 0.4s
 }
 .home3 .alswiper2 .swiper-slide .sty2 .fr .look_more:hover {
   opacity: 1
 }
 .home4 {
   padding-top: 95px;
   padding-bottom: 59px
 }
 .home4 .smsty {
   overflow: hidden
 }
 .home4 .smsty .pic {
   width: 69.21429%;
   padding: 52px 0;
   background: #f6f6f6;
   font-size: 0
 }
 .home4 .smsty .pic .type_title, .home4 .smsty .pic .img, .home4 .smsty .pic .wenan {
   display: inline-block;
   vertical-align: middle
 }
 .home4 .smsty .pic .type_title {
   width: 9.08153%
 }
 .home4 .smsty .pic .type_title a {
   display: block;
   margin: 0 auto;
   font-size: 30px;
   color: #000000;
   font-weight: bold;
   line-height: 1.2;
   padding: 0 33%
 }
 .home4 .smsty .pic .type_title a:hover {
   color: #ea4546
 }
 .home4 .smsty .pic .img {
   width: 42.41486%;
   overflow: hidden
 }
 .home4 .smsty .pic .img img {
   width: 100%;
   display: block;
   transition: all linear 0.4s
 }
 .home4 .smsty .pic .img:hover img {
   transform: scale(1.1)
 }
 .home4 .smsty .pic .wenan {
   width: 48.50361%;
   color: #666666
 }
 .home4 .smsty .pic .wenan h4 a {
   display: block;
   font-size: 22px;
   color: #333333;
   line-height: 1.63636
 }
 .home4 .smsty .pic .wenan h4 a:hover {
   color: #ea4546
 }
 .home4 .smsty .pic .wenan p {
   margin-top: 22px;
   margin-bottom: 38px;
   height: 96px;
   font-size: 16px;
   color: #666666;
   line-height: 2;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden
 }
 .home4 .smsty .pic .wenan span {
   display: block;
   font-size: 14px;
   color: #333333;
   overflow: hidden
 }
 .home4 .smsty .pic .wenan span .more {
   float: right
 }
 .home4 .smsty .pic .wenan span .more:hover {
   color: #ea4546
 }
 .home4 .smsty .nopic {
   width: 26.85714%
 }
 .home4 .smsty .nopic li {
   margin-top: 25px;
   padding-left: 22px;
   padding-bottom: 25px;
   border-bottom: 1px solid #f7f8f9;
   position: relative
 }
 .home4 .smsty .nopic li:before {
   content: "";
   width: 7px;
   height: 7px;
   display: block;
   background: #2b2d2f;
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 6%;
   transition: all linear 0.4s
 }
 .home4 .smsty .nopic li:after {
   content: "";
   width: 0%;
   height: 1px;
   position: absolute;
   left: 0;
   bottom: 0;
   border-bottom: 1px solid #ea4546;
   transition: all linear 0.4s
 }
 .home4 .smsty .nopic li a {
   display: block;
   font-size: 16px;
   color: #333333;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   transition: all linear 0.4s
 }
 .home4 .smsty .nopic li a:before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0
 }
 .home4 .smsty .nopic li span {
   margin-top: 20px;
   display: block;
   font-size: 14px;
   color: #9a9999
 }
 .home4 .smsty .nopic li:first-child {
   margin-top: 0
 }
 .home4 .smsty .nopic li:hover:before {
   background: #ea4546
 }
 .home4 .smsty .nopic li:hover:after {
   width: 100%
 }
 .home4 .smsty .nopic li:hover a {
   color: #ea4546
 }
 .home4 .sty1 {
   margin-top: 62px
 }
 .home4 .sty1 .pic {
   float: left
 }
 .home4 .sty1 .pic .wenan {
   padding-left: 2.99278%;
   padding-right: 4.64396%
 }
 .home4 .sty1 .nopic {
   float: right
 }
 .home4 .sty2 {
   margin-top: 43px
 }
 .home4 .sty2 .pic {
   float: right
 }
 .home4 .sty2 .pic .wenan {
   padding-left: 4.64396%;
   padding-right: 2.99278%
 }
 .home4 .sty2 .nopic {
   float: left
 }
 .home5 {
   height: 866px;
   background: url(../image/home5bg.jpg) center no-repeat;
   background-size: cover;
   overflow: hidden
 }
 .home5 .wrap {
   height: 100%;
   position: relative
 }
 .home5 .wrap:before {
   content: "";
   width: 1539px;
   position: absolute;
   left: -7.5%;
   top: 16px;
   bottom: 0;
   background: url(../image/home5ty1.png) center no-repeat;
   background-size: 100%
 }
 .home5 .wrap:after {
   content: "";
   width: 443px;
   height: 443px;
   display: block;
   position: absolute;
   left: 442px;
   top: 213px;
   background: url(../image/home5ty2.png) right center no-repeat;
   background-size: 100%;
   animation-name: myAnimation;
   animation-duration: 10s;
   animation-timing-function: linear;
   animation-iteration-count: infinite
 }
 .home5 .wrap .sty1 {
   position: absolute;
   left: 342px;
   bottom: 308px;
   z-index: 1;
   font-size: 0;
   color: #fff
 }
 .home5 .wrap .sty1 .num {
   display: inline-block;
   font-size: 118px;
   font-weight: bold
 }
 .home5 .wrap .sty1 .txt {
   width: 200px;
   display: inline-block;
   margin-left: 22px;
   font-size: 18px;
   line-height: 1.77778
 }
 .home5 .wrap .sty1 .txt span {
   margin-bottom: 16px;
   display: block;
   font-size: 30px;
   font-weight: bold
 }
 .home5 .wrap .sty1 .swtbtn {
   width: 426px;
   height: 60px;
   display: block;
   margin-left: 11px;
   margin-top: 33px;
   background: #ea4546;
   border-radius: 66px;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   line-height: 60px;
   color: #fff;
   position: relative;
   z-index: 1;
   cursor: pointer
 }
 .home5 .wrap .sty1 .swtbtn:after {
   content: "";
   position: absolute;
   left: -13px;
   right: -13px;
   top: 0;
   bottom: 0;
   z-index: -1;
   background: rgba(234, 69, 70, 0.3);
   border-radius: 66px;
   transition: all linear 0.4s
 }
 .home5 .wrap .sty1 .swtbtn b {
   display: block;
   position: relative;
   transition: all linear 0.3s;
   transform-style: preserve-3d;
   transform: translateY(0);
   transition-property: transform
 }
 .home5 .wrap .sty1 .swtbtn b:before {
   content: "";
   width: 20px;
   height: 22px;
   background: url(../image/home5swttb.png) center no-repeat;
   background-size: 100%;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px
 }
 .home5 .wrap .sty1 .swtbtn b + b {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   transform: translate3d(0, 33%, 1px) rotateX(-90deg);
   display: none\9
 }
 .home5 .wrap .sty1 .swtbtn:hover b {
   transform: translate3d(0, -33%, 1px) rotateX(90deg);
   transform: none\9
 }
 .home5 .wrap .sty1 .swtbtn:hover b + b {
   transform: none
 }
 .home5 .wrap .sty2 li {
   width: 170px;
   height: 170px;
   position: absolute;
   padding: 2.4% 1.2%;
   z-index: 1;
   background: #fdfdfd;
   border: 2px solid #ea4546;
   border-radius: 50%;
   text-align: center
 }
 .home5 .wrap .sty2 li p {
   margin-top: 10px;
   font-size: 20px;
   color: #f43c3c;
   line-height: 1.5
 }
 .home5 .wrap .sty2 .one {
   left: 15px;
   bottom: 225px
 }
 .home5 .wrap .sty2 .two {
   right: 326px;
   top: 160px
 }
 .home5 .wrap .sty2 .three {
   right: 362px;
   bottom: 123px
 }
 @keyframes animation1 {
   0%, 80%, 100% {
     right: 0;
     opacity: 0
   }
   40% {
     right: -5.80357%;
     opacity: 1
   }
 }
 @keyframes animation2 {
   0%, 80%, 100% {
     right: 0;
     opacity: 0
   }
   40% {
     right: -11.60714%;
     opacity: 1
   }
 }
 @keyframes animation3 {
   0%, 80%, 100% {
     right: 0;
     opacity: 0
   }
   40% {
     right: -17.41071%;
     opacity: 1
   }
 }
 @keyframes myAnimation {
   0% {
     transform: rotate(0)
   }
   100% {
     transform: rotate(360deg)
   }
 }
 @media (max-width: 1760px) {
   .banner .sty1 .p1 {
     font-size: 55px
   }
   .banner .sty1 .p2 {
     font-size: 20px
   }
   .banner .sty2 a span {
     width: 130px;
     padding: 8px 0;
     font-size: 16px
   }
 }
 @media (max-width: 1599px) {
   .home_header {
     padding: 20px 0
   }
   .home_header .logo {
     width: 160px
   }
   .home_header .nav {
     margin-top: 6px
   }
   .home_header .nav > li {
     margin: 0 16px;
     font-size: 15px
   }
   .home_header .nav > li:after {
     top: -26px
   }
   .home_header .sub-nav {
     padding-top: 24px
   }
   .home_header .head-tel {
     line-height: 78px
   }
   .home_header .head-tel p {
     font-size: 14px
   }
   .home_header .head-tel:before {
     width: 28px
   }
   .home_header .head-tel strong {
     font-size: 20px
   }
   .home_header .head-box {
     top: 77px
   }
   .banner .sty1 .p1 {
     font-size: 45px
   }
   .banner .sty1 .p2 {
     font-size: 16px
   }
   .public_title .title {
     font-size: 38px
   }
   .public_title .text {
     font-size: 14px
   }
   .home1 {
     padding-top: 77px
   }
   .home1 .sty1 {
     height: 65px
   }
   .home1 .sty1 ul li {
     font-size: 20px
   }
   .home1 .sty2:before, .home1 .sty2:after, .home1 .sty2 .swiper-content:before {
     height: 241px
   }
   .home1 .sty2:before {
     height: 324px
   }
   .home1 .sty2 .swiper-content:before {
     bottom: 241px
   }
   .home1 .sty2 .swiper-list li .wenan h3 a {
     font-size: 22px
   }
   .home1 .sty2 .swiper-list li .wenan p {
     font-size: 14px
   }
   .home1 .sty2 .swiper-list .sxsty .wenan {
     padding: 30px 0
   }
   .home1 .sty2 .swiper-list .zysty {
     padding: 30px 0
   }
   .home1 .sty2 .swiper-list .zysty .wenan .cs {
     margin-top: 15px
   }
   .home2 .sty1 .title {
     font-size: 32px
   }
   .home2 .sty1 .text {
     font-size: 14px
   }
   .home2 .sty1 .swtbox {
     margin-top: 30px;
     background: #ea4546;
     line-height: 55px
   }
   .home2 .sty1 .swtbox .btn1 {
     font-size: 16px
   }
   .home2 .sty1 .swtbox .btn1:before {
     width: 30px
   }
   .home2 .sty1 .swtbox .btn1 span {
     font-size: 20px
   }
   .home2 .sty1 .swtbox .btn2 {
     font-size: 21px;
     cursor: pointer
   }
   .home2 .sty1 .swtbox .btn2:before {
     width: 24px
   }
   .home3 {
     padding-top: 100px
   }
   .home3 .alswiper1 {
     margin-top: 52px
   }
   .home3 .alswiper1 .swiper-button span {
     width: 70px;
     height: 60px;
     margin-top: -30px
   }
   .home3 .alswiper2 .swiper-slide .sty1 {
     padding-top: 50px;
     padding-bottom: 50px
   }
   .home3 .alswiper2 .swiper-slide .sty1 .smsty:before {
     top: 8px
   }
   .home3 .alswiper2 .swiper-slide .sty1 .smsty .titsty {
     font-size: 26px
   }
   .home3 .alswiper2 .swiper-slide .sty1 dd p {
     font-size: 14px
   }
   .home3 .alswiper2 .swiper-slide .sty1 dt {
     margin-right: 0
   }
   .home3 .alswiper2 .swiper-slide .sty1 dt .cppz_list a {
     height: 52px;
     font-size: 18px;
     line-height: 50px
   }
   .home3 .alswiper2 .swiper-slide .sty2 {
     padding: 31px 0
   }
   .home3 .alswiper2 .swiper-slide .sty2 .fl {
     font-size: 19px
   }
   .home3 .alswiper2 .swiper-slide .sty2 .fc p span {
     margin-top: -16px;
     font-size: 16px
   }
   .home3 .alswiper2 .swiper-slide .sty2 .fr .swtbtn span {
     font-size: 20px;
     line-height: 50px
   }
   .home3 .alswiper2 .swiper-slide .sty2 .fr .look_more {
     font-size: 16px
   }
   .home4 {
     padding-top: 80px
   }
   .home4 .smsty .pic {
     padding: 40px 0
   }
   .home4 .smsty .pic .type_title a {
     font-size: 26px
   }
   .home4 .smsty .pic .wenan {
     width: 48.50361%;
     font-size: 16px;
     color: #666666
   }
   .home4 .smsty .pic .wenan h4 a {
     font-size: 19px
   }
   .home4 .smsty .pic .wenan p {
     margin-top: 15px;
     margin-bottom: 30px;
     height: 84px;
     font-size: 14px
   }
   .home4 .smsty .nopic li {
     margin-top: 20px;
     padding-bottom: 20px
   }
   .home4 .smsty .nopic li:before {
     top: 5%
   }
   .home4 .smsty .nopic li a {
     font-size: 14px
   }
   .home4 .smsty .nopic li span {
     margin-top: 13px;
     font-size: 13px
   }
   .home4 .sty1 {
     margin-top: 62px
   }
   .home4 .sty1 .pic {
     float: left
   }
   .home4 .sty1 .pic .wenan {
     padding-left: 2.99278%;
     padding-right: 4.64396%
   }
   .home4 .sty1 .nopic {
     float: right
   }
   .home4 .sty2 {
     margin-top: 43px
   }
   .home4 .sty2 .pic {
     float: right
   }
   .home4 .sty2 .pic .wenan {
     padding-left: 4.64396%;
     padding-right: 2.99278%
   }
   .home4 .sty2 .nopic {
     float: left
   }
   .home5 {
     height: 777px
   }
   .home5 .wrap {
     width: 100%;
   }
   .home5 .wrap:before {
     width: 1400px;
   }
   .home5 .wrap:after {
     width: 404px;
     height: 404px;
     left: 409px;
     top: 188px
   }
   .home5 .wrap .sty1 {
     left: 320px;
     bottom: 280px
   }
   .home5 .wrap .sty1 .num {
     font-size: 95px
   }
   .home5 .wrap .sty1 .txt {
     width: 180px;
     font-size: 16px
   }
   .home5 .wrap .sty1 .txt span {
     margin-bottom: 10px;
     font-size: 27px
   }
   .home5 .wrap .sty1 .swtbtn {
     width: 380px;
     height: 55px;
     margin-top: 30px;
     font-size: 21px;
     line-height: 55px
   }
   .home5 .wrap .sty2 li {
     width: 145px;
     height: 145px
   }
   .home5 .wrap .sty2 li p {
     font-size: 17px
   }
   .home5 .wrap .sty2 .two {
     right: 215px;
   }
   .home5 .wrap .sty2 .three {
     right: 230px;
   }
 }
 @media (max-width: 1280px) {
   .home_header .logo {
     width: 140px
   }
   .home_header .nav > li {
     font-size: 14px
   }
   .home_header .head-tel:before {
     width: 24px;
     margin-right: 6px
   }
   .home_header .head-tel strong {
     margin-top: 8px;
     font-size: 18px
   }
   .home_footer p {
     padding: 20px 0
   }
   .banner .sty1 .p1 {
     font-size: 40px
   }
   .banner .sty1 .p2 {
     font-size: 14px
   }
   .banner .sty2 a span {
     width: 110px;
     padding: 6px 0;
     font-size: 14px
   }
   .public_title .title {
     font-size: 34px
   }
 } /*new home style end*/
 /* 新加的一个小样式 */
 .pro-arr {
   background: url(../image/s-img.png) no-repeat left 9px;
   padding-left: 40px;
 }