html {
     /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
     -ms-overflow-style: none;
     /*火狐下隐藏滚动条*/
     overflow: -moz-scrollbars-none;
 }

 /*Chrome下隐藏滚动条，溢出可以透明滚动*/
 html::-webkit-scrollbar {
     width: 0px
 }

 .top {
     padding: 0 5%;
     position: fixed;
     width: 90%;
     height: 70px;
     display: flex;
     align-items: center;
     /* background: rgba(255, 255, 255, .5); */
     justify-content: space-between;
     transition: all 0.3s ease-in-out;
     z-index: 9999;
     background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(255, 255, 255, 0));
     /* box-shadow: 0 0 10px rgba(0, 0, 0, .12); */
 }

 .top .logo {
     width: 15%;
 }

 .top .logo img {
     /****width: 100%;****/
 }

 .nav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     
     z-index: 999;
     width: 77%!important;

    margin: 0 auto;
 }

 .nav li a {
     font-size: 18px;
     color: #fff;
     padding: 0 18px;
 }

 .nav_r {
     width: 8%;
     display: flex;
     align-items: center;
     justify-content: end;
 }

 .nav_r .yy {
     position: relative;
     text-align: center;
     margin-left: 20px;
 }

 .nav_r .yy .iconfont {
     font-size: 18px;
     color: #fff;
 }

 .nav_r .yy .yy_l {
     display: none;
     position: absolute;
     left: -5px;
     top: 30px;
     text-align: center;
     z-index: 999;
 }

 .nav_r .yy a {
     background: #fff;
     border-radius: 100px;
     padding: 6px;
     text-align: center;
     display: block;
     margin-top: 10px;

 }

 .nav_r .yy a:hover {
     background: #C20303;
     color: #fff;
 }

 .nav_r .ser {
     position: relative;
     cursor: pointer;
 }

 .nav_r .ser .iconfont {
     font-size: 18px;
     color: #fff;
     position: relative;
     z-index: 99;
 }

 .nav_r .ser .ser_input {
     position: absolute;
     right: -60%;
     width: 150px;
     top: 0px;
     height: 26px;
     line-height: 26px;
     display: block;
     background: #fff;
     border: 1px solid #C20303;
     border-radius: 50px;
     z-index: 98;
     padding-left: 10px;
     display: none;
 }

 .nav_r .ser .ser_input input {
     margin: 0;
     padding: 0;
     border: none;
     outline: none;
     border-radius: 50px;
     font-size: 12px;
     padding-left: 10px;
     background: none;
 }

 .nav li {
     position: relative;
 }

 .nav li .sub_nav {
     background: rgba(255, 255, 255, 1);
     /* border-top: 3px solid #C20303; */
     line-height: 35px;
     position: absolute;
     left: 0%;
     top: 49px;
     min-width: 90px;
     width: auto;
     display: none;
     z-index: 999;
     border-radius: 0 0 5px 5px;
     padding: 10px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
 }

 .nav li .sub_nav a {
     font-size: 14px;
     color: #666;
     display: block;
     position: relative;
     padding: 0;
     padding-left: 18px;
     border-bottom: 1px dotted #ccc;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .nav li .sub_nav a::after {
     position: absolute;
     left: 7%;
     top: 45%;
     content: "";
     width: 3px;
     height: 3px;
     background: #C20303;
 }

 .nav li .sub_nav a:last-child {
     border-bottom: none;
 }

 .nav li .sub_nav a:hover {
     color: #C20303;
 }

 .top:hover {
     background: rgba(255, 255, 255, 1);
     box-shadow: 0 0 10px rgba(0, 0, 0, .12);
 }

 .top:hover .nav_r .iconfont {
     color: #666;
 }

 .top:hover a {
     color: #333;
 }

 .top2 {
     background: rgba(255, 255, 255, .7);
    /**** box-shadow: 0 0 10px rgba(0, 0, 0, .07);***/
 }

 .top2 .nav li a {
     color: #333;
 }

 .top2 .nav_r .iconfont {
     color: #666;
 }

 .nav li a img {
     width: 35%;
     position: absolute;
     right: -25%;
     top: 20%;
 }

 .nav li:nth-child(4) {
     margin-left: 3.5%;
 }

 .nav li.current .xs,
 .nav li.j_current .xs,
 .nav li .xs:hover {
     color: #C20303;
     padding-bottom: 10px!important;
     border-bottom: 3px solid #C20303;
     border-radius: 2px 2px 0 0;

 }

 .top3 {
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .07);
 }

 .top3 .nav li a {
     color: #333;
 }

 .top3 .nav_r .iconfont {
     color: #C20303;

 }

 .mobile {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999;
     width: 100%;
     background-color: rgba(255, 255, 255, .8);
     display: none;
     height: 70px;
 }

 .mobile_nav {
     padding: 0px 20px;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1);
     position: relative;
     z-index: 9999;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }


 .mobile_logo {
     width: 125px;
 }

 .mobile_logo img {
     width: 100%;
 }

 .mobile_logo a {
     line-height: 70px;
 }

 /**mobile-inner样式*/

 .mobile-inner {
     z-index: 9999;
 }

 .mobile-icon {
     color: #fff;

     height: 40px;
     font-size: 25px;
     text-align: center;
     width: 40px;
     position: relative;
     -webkit-transition: background 0.5s;
     -moz-transition: background 0.5s;
     -o-transition: background 0.5s;
     transition: background 0.5s;
 }

 .mobile-icon:hover {
     cursor: pointer;
 }

 .mobile-icon span {
     position: absolute;
     left: calc((100% - 25px) / 2);
     top: calc((100% - 1px) / 2);
     width: 25px;
     height: 1px;
     background-color: #C20303;
 }

 .mobile-icon span:nth-child(1) {
     transform: translateY(4px) rotate(0deg);
 }

 .mobile-icon span:nth-child(2) {
     transform: translateY(-4px) rotate(0deg);
 }

 .mobile-icon-click span:nth-child(1) {
     animation-duration: 0.5s;
     animation-fill-mode: both;
     animation-name: clickfirst;
 }

 .mobile-icon-click span:nth-child(2) {
     animation-duration: 0.5s;
     animation-fill-mode: both;
     animation-name: clicksecond;
 }

 @keyframes clickfirst {
     0% {
         transform: translateY(4px) rotate(0deg);
     }

     100% {
         transform: translateY(0) rotate(45deg);
     }
 }

 @keyframes clicksecond {
     0% {
         transform: translateY(-4px) rotate(0deg);
     }

     100% {
         transform: translateY(0) rotate(-45deg);
     }
 }

 .mobile-icon-out span:nth-child(1) {
     animation-duration: 0.5s;
     animation-fill-mode: both;
     animation-name: outfirst;
 }

 .mobile-icon-out span:nth-child(2) {
     animation-duration: 0.5s;
     animation-fill-mode: both;
     animation-name: outsecond;
 }

 @keyframes outfirst {
     0% {
         transform: translateY(0) rotate(-45deg);
     }

     100% {
         transform: translateY(-4px) rotate(0deg);
     }
 }

 @keyframes outsecond {
     0% {
         transform: translateY(0) rotate(45deg);
     }

     100% {
         transform: translateY(4px) rotate(0deg);
     }
 }

 .mobile-sub {
     position: fixed;
     width: 100%;
     left: 0;
     top: 70px;
     right: 0;
     bottom: 0;
     z-index: 1000;
     background-color: #fff;
     max-height: calc(100vh - 70px);
     overflow: hidden;
     padding-top: 10px;
 }

 .mobile-sub ul li {
     line-height: 55px;
     text-decoration: none;
     width: 90%;
     margin: 0 5%;
     text-indent: 5px;
     font-size: 18px;
     border-bottom: solid 1px #fafafa;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
 }

 .mobile-sub ul li .sub_bt {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .mobile-sub ul li .iconfont {
     display: inline-block;
     color: #999;
     font-size: 16px;
     transition: all 0.5s;
 }

 .mobile-sub ul li.active .iconfont {
     transform: rotate(180deg);
 }

 .mobile-sub ul li img {
     width: 30px;
 }

 .mobile-sub a:hover {
     color: #C20303;
 }

 .mobile-sub .sub_nav2 {
     display: none;
 }

 .mobile-sub li .hide {
     display: none;
 }

 .mobile-sub li .show {
     display: block;
 }

 .mobile-sub .yy {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 30px;
     color: #999;
     font-size: 14px;
 }

 .mobile-sub .yy a {
     display: inline-block;
     border-radius: 50px;
     width: 20px;
     background: #fafafa;
     padding: 5px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     margin-left: 5px;
 }

 .sub_nav2 {
     background: #fafafa;
     font-size: 14px;
     height: 40px;
     line-height: 40px;
     border-radius: 5px;
     margin-bottom: 10px;
 }

 .sub_nav2 a {
     margin-left: 10px;
 }

 .banner {
     --swiper-navigation-color: rgba(255, 255, 255, 1);
     /* 设置左右箭头颜色 */
     --swiper-navigation-size: 40px;
     /* 设置左右箭头大小 */
     --swiper-theme-color: #fff;

 }

 .banner .swiper-pagination {
     bottom: 30px;
 }

 .banner img {
     display: block;
     width: 100%;
 }

 .banner .mob_img {
     display: none;
 }

 /**关于我们样式**/
 .about {
     padding: 5% 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: url(../images/dq.png) no-repeat left center fixed;
 }

 .about_l {
     width: 45%;
     margin-left: 5%;
 }

 .about_l dt {
     font-size: 36px;text-align: center;
 }

 .about_l dt span {
     margin-right: 20px;
 }

 .about_l .dd1 {
     margin: 20px 0;
     text-indent: 2em;
 }

 .about_l .dd1 a {
     font-size: 16px;
     line-height: 30px;
     color: #999;
 }

 .about_l .dd1 a:hover {
     color: #C20303;
 }

 .about_l .dd2 {

     margin-bottom: 30px;
 }

 .numCount ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .numCount ul li {
     width: 25%;
 }

 .numCount li .numCX {
     font-size: 28px;
     color: #333;
     font-weight: bold;
 }

 .numCount li .numU .unitC {
     font-size: 28px;
     color: #333;
     font-weight: bold;
 }

 .biao li .numU .numCX,
 .biao li .numU .unitC {
     font-weight: bold;
     font-size: 32px;
 }

 .numCount li .numU sub {
     vertical-align: baseline;
     font-size: 14px;
     color: #333;
 }

 .numCount li .indc {
     font-size: 16px;
     color: #999;
 }

 .numCount li .iconfont {
     transition: 0.5s;
     font-size: 36px;
     color: #C20303;
     transition: all .5s;
     display: inline-block;
 }

 .numCount li .iconfont {
     font-size: 40px !important;
 }

 .numCount li:hover .iconfont {
     margin-top: -20px;
     transform: rotateY(-180deg);
 }

 .more a {
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }

 .more .iconfont {
     font-size: 26px;
     color: #C20303;
     margin-right: 5px;
     transition: all .5s;
     z-index: 99;
 }

 .more a span {
     line-height: 2.5;
     font-size: 14px;
     color: #C20303;
     position: relative;
 }

 .more a span:after {
     content: '';
     display: block;
     width: 0;
     height: 1px;
     background-color: #C20303;
     position: absolute;
     left: 0;
     bottom: 0;
     transition: all .5s;
 }

 .more a:hover i {
     transform: scale(0.9);
 }

 .more a:hover span:after {
     width: 100%;
 }

 .about_r {

     width: 45%;
     position: relative;
     text-align: center;
     overflow: hidden;
     transition: 0.5s;
     border-radius: 50px 0 0 0px;
 }

 .about_r .iconfont {
     font-size: 70px;
     color: rgba(255, 255, 255, 1);
     position: absolute;
     left: 45%;
     top: 38%;
     z-index: 999;
     opacity: 0;
     transition: all .35s;
 }

 .about_r img {
     display: block;
     width: 100%;
     height: auto;
     transition: 0.5s;
     cursor: pointer;
     border-radius: 50px 0 0 0px;
 }

 .about_r a:hover img {
     transform: scale(1.05);
     cursor: pointer;
     border-radius: 50px 0 0 0px;
 }

 .about_r a:hover .iconfont {
     opacity: 1;
     -webkit-transform: scale(1.32);
     transform: scale(1.32);
     transition: all .35s;
 }

 /**产品中心样式**/
 .product {
     margin-bottom: 50px;
     position: relative;
 }

 .product h1 {
     font-size: 40px;
     font-weight: normal;
     text-align: center;
     margin-bottom: 20px;
 }

 .product .tab_con div {
     display: none;

 }

 .product .tab_bt {
     width: 200px;
     position: absolute;
     right: 5%;
     bottom: 20%;
 }

 .product .tab_bt ul li {
     text-align: center;
     font-size: 16px;
     line-height: 50px;
     background: rgba(219, 187, 128, .8);
     margin-bottom: 1px;
     color: #fff;
     cursor: pointer;
 }

 .product .tab_bt ul li.current {
     background: rgba(194, 3, 3, .8);

 }

 .product .tab_con h2 {
     position: absolute;
     left: 5%;
     top: 40%;
     font-weight: normal;
     width: 40%;
 }

 .product .tab_con img {
     display: block;
     width: 100%;
 }

 .product .tab_con h2 em {
     font-weight: bold;
     font-size: 28px;
 }

 .product .tab_con h2 p {
     font-size: 15px;
     margin: 30px 0;
     line-height: 30px;
 }

 .product .tab_con h2 a {
     font-size: 14px;
     width: 120px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     display: block;
     color: #fff;
     background: rgba(219, 187, 128, 1);
 }

 /**新闻资讯样式**/
 .news {

     margin: 5%;
     margin-top: 0;
 }

 .news h1 {
     font-size: 40px;
     font-weight: normal;
     text-align: center;
     margin-bottom: 50px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .news .swiper-slide dl dt {
     overflow: hidden;
     position: relative;
 }

 .news .swiper-slide dl dt img {
     width: 100%;
     transition: 0.5s;
     border-radius: 5px;
 }

 .news .swiper-slide dl dd {
     padding: 30px 20px;
 }

 .news .swiper-slide dl .time {
     color: #999;
     font-size: 14px;
 }

 .news .swiper-slide .iconfont {
     margin-right: 5px;
 }

 .news .swiper-slide .bt {

     font-size: 20px;
     line-height: 35px;
     margin-top: 10px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .news .swiper-slide:hover img {
     transform: scale(1.12);
     cursor: pointer;
 }

 .news .swiper-slide dl dd:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fafafa;
     transform: scale(0);
     -webkit-transform: scale(0);
     transition: all .35s;
     -webkit-transition: all .5s;
     opacity: 0;
     visibility: hidden\9;
     z-index: -1;
 }

 .news .swiper-slide dl dd:hover:before {
     transform: none;
     -webkit-transform: none;
     opacity: 1;
     visibility: visible\9;
 }


 /**底部样式**/
 .footer {
     background: #242424;
     padding: 4% 5%;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
 }

 .footer dl {
     text-align: center;
 }

 .footer dl dt img {
     width: 150px;
     margin-bottom: 10px;
 }

 .footer dl dd span {
     background-image: -webkit-linear-gradient(right, #C20303, #f39929);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: bold;
 }

 .footer ul {
     display: flex;
     width: 78%;
     justify-content: space-between;
 }

 .footer ul li a {
     display: block;
     font-size: 14px;
     line-height: 30px;
     color: rgba(255, 255, 255, .58);
     position: relative;
     padding-left: 10px;
 }

 .footer ul li p {
     font-size: 14px;
     line-height: 30px;
     color: rgba(255, 255, 255, .58);
 }

 .footer ul li a::after {
     position: absolute;
     left: 0;
     top: 45%;
     content: "";
     width: 3px;
     height: 3px;
     background: #C20303;
 }

 .footer ul li a:first-child {

     font-size: 16px;
     padding-left: 0px;
     color: #fff;
     font-weight: bold;
     margin-bottom: 10px;

 }

 .footer ul li a:first-child::after {
     content: none;

 }

 .footer ul li a:hover {
     color: #C20303;
 }

 .ban {
     height: 50px;
     line-height: 50px;
     background: #424141;
     color: rgba(255, 255, 255, .5);
     font-size: 13px;
     padding: 0 5%;
     text-align: center;
 }

 .ban img {
     margin-right: 3px;
 }

 .ban a {
     color: rgba(255, 255, 255, .5);
 }

 .ban a:hover {
     color: rgba(255, 255, 255, 1);
 }

 /**内页样式***/
 .s_banner {
     position: relative;
     overflow: hidden;
 }

 .s_banner .s_banner_img {
     left: 0;
     top: 0;
     position: relative;
 }

 .s_banner .s_banner_img img {
     display: block;
     width: 100%;
     animation: zoom 2.5s ease-in-out 1 alternate;
 }

 .s_banner .s_banner_img .mob_img {
     display: none;

 }

 @keyframes zoom {
     from {
         transform: scale(1.18);
         opacity: 0.4;
     }

     to {
         transform: scale(1);
         opacity: 1;
     }
 }

 .box {
     width: 100px;
     height: 100px;
     background-color: #ff0000;
     animation: zoom 0.5s ease-in-out infinite alternate;
 }

 .s_banner .s_txt {
     font-size: 46px;
     color: #fff;
     letter-spacing: 2.5px;
     z-index: 999;
     position: absolute;
     left: 10%;
     top: 35%;
     text-shadow: 0 3px 5px rgba(0, 0, 0, .25);
 }

 .dz {
     font-size: 14px;
     color: #fff;
     display: flex;
     position: absolute;
     left: 10%;
     bottom: 3%;
     align-items: center;
     width: 100%;
 }

 .dz a {
     color: #fff;

 }

 .dz em {
     margin-left: 10px;

 }

 .dz .iconfont {
     font-size: 14px;
     color: #fff;
     margin: 0 5px;

 }



 .s_nav {
     height: 60px;
     line-height: 60px;
     background: #fff;
     box-shadow: 0 0 10px rgba(0, 0, 0, .07);
     position: relative;
     z-index: 999;

 }

 .s_nav ul {
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .s_nav ul li {
     position: relative;
     margin: 0 30px;
     padding: 0 10px;
     font-size: 18px;
 }

 .s_nav ul li:after {
     content: '';
     display: block;
     width: 0;
     height: 3px;
     background-image: linear-gradient(to right, #C20303, #f39929);
     position: absolute;
     left: 0;
     bottom: 0;
     transition: all .5s;
     border-radius: 5px;
 }

 .s_nav ul li:hover:after {
     width: 100%;
 }


 .s_nav ul li.current:after {
     content: '';
     display: block;
     width: 100%;
     height: 3px;
     background-color: #C20303;
     position: absolute;
     left: 0;
     bottom: 0;
     transition: all .5s;
 }

 .s_nav ul li:hover a,
 .s_nav ul li.current a {
     color: #C20303;

 }

 /* 关于我们样式 */
 .about_list {
     margin: 3% 0;
 }

 .gsjs {
     margin: 0 10%;
 }

 .js h2,
 .qywh h2,
 .gdjs h2 {
     text-align: center;
     font-size: 24px;
     font-weight: normal;
     margin: 50px 0 40px 0;

 }



 .js h2 span,
 .qywh h2 span,
 .gdjs h2 span {
     width: 40px;
     height: 2px;
     background: #ccc;
     display: block;
     margin: 0 auto;
     margin-top: 15px;
 }

 .about_list .js p {
     font-size: 16px;
     line-height: 35px;
     color: #666;
     text-indent: 2em;
 }

 .biao {

     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 30px;
 }

 .about_list .biao li {

     background-color: #fff;
     width: 17%;
     padding: 3% 0 3% 6%;
     box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
     transition: all .5s;
     position: relative;
     border-radius: 5px;
 }



 .biao li:first-child,
 .biao li:first-child .bg {

     border-radius: 50px 0 0 0;
 }

 .biao li:last-child,
 .biao li:last-child .bg {

     border-radius: 0 0px 50px 0;
 }



 .biao li .bg {
     width: 0;
     height: 100%;
     bottom: 0;
     left: 0;
     top: auto;
     border-radius: 5px;
     background-image: -moz-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -webkit-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -ms-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     display: block;
     position: absolute;
     transition: 700ms;
     -webkit-transition: 700ms;
     -ms-transition: 700ms;
 }

 .biao .item {
     position: relative;
 }



 .biao li:hover {
     color: #fff;
     cursor: pointer;

 }


 .qywh ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: url(../images/whbg.jpg) no-repeat center bottom;
     background-size: cover;
     overflow: hidden;

 }

 .qywh ul li {
     width: 33.333%;
     padding: 12% 0;
     position: relative;
     overflow: hidden;
     transition: all .5s;
     text-align: center;


 }

 .qywh ul li:nth-child(2) {
     border-left: 1px solid rgba(255, 255, 255, .35);
     border-right: 1px solid rgba(255, 255, 255, .35);

 }

 .qywh ul li:hover {
     background: linear-gradient(45deg, rgba(0, 18, 20, .7), rgba(6, 7, 3, .57));

 }


 .qywh li .yj_bt {
     text-align: center;
 }

 .qywh li .yj_bt .p1 {
     font-size: 40px;
     color: #fff;
     transition: all .5s;
     font-weight: bold;
     letter-spacing: 2px;

 }

 .qywh li .yj_bt .p1 span {
     display: block;
     font-size: 20px;
     text-transform: uppercase;
     margin-top: -15px;
     background-image: -webkit-linear-gradient(bottom, #fff, #C20303);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .qywh li .yj_bt .p2 {
     font-size: 18px;
     line-height: 28px;
     padding: 0 20%;
     color: #fff;
     opacity: 0;
     transition: all .5s;
     text-align: left;
     display: flex;
     align-items: flex-start;
     justify-content: center;
 }

 .qywh li:hover .p1 {

     margin-top: -15px;
 }

 .qywh li:hover .p2 {
     opacity: 1;
     cursor: pointer;
     margin-top: 15px;

 }

 /* 新闻动态 */

 .news_list {
     margin: 3% 10%;
 }

 .news_list dl {
     padding: 40px;
     background: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: 15px;
     margin-bottom: 30px;
     box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.05);
 }

 .news_list dl dt {
     width: 32%;
     border-radius: 5px;
     overflow: hidden;
 }

 .news_list dl dt img {
     width: 100%;
     border-radius: 5px;
     transition: all 0.5s;
 }

 .news_list dl:hover dt img {
     transform: scale(1.1);
 }

 .news_list dl dd {
     width: 64%;

 }

 .news_list dl dd h1 {

     font-size: 20px;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-weight: normal;

 }

 .news_list dl dd h2 {

     font-size: 15px;
     font-weight: normal;

     line-height: 30px;
     text-indent: 2em;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     margin: 20px 0;
 }

 .news_list dl dd h2 a {
     color: #666;
 }

 .news_list dl dd h2 a:hover {
     color: #C20303;
 }

 .news_list dl dd h3 {

     font-size: 14px;
     font-weight: normal;
     color: #999;


 }

 .news_list dl dd h3 .iconfont {
     margin-right: 5px;
 }


 .page {
     margin-top: 50px;
 }

 .page ul {
     display: flex;
     justify-content: center;
     align-items: center;


 }

 .page ul li a {
     font-size: 14px;
     margin: 0 5px;
     border: 1px solid #eee;
     padding: 5px 15px;
     line-height: 28px;
     display: block;
     border-radius: 50px;
     text-align: center;
     color: #666;
 }

 .page ul li.current a,
 .page ul li a:hover {

     /* background-image: linear-gradient(to right, #C20303, #f39929); */

     background-image: -moz-linear-gradient(-35deg, #C20303 0%, #f39929 100%);

     background-image: -webkit-linear-gradient(-35deg, #C20303 0%, #f39929 100%);

     background-image: -ms-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     color: #fff;
 }

 /* 新闻详情 */
 .news_detail {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     margin: 3% 10%;
 }

 .news_detail_l {
     width: 65%;
 }

 .news_detail_l .bt {
     font-size: 26px;
     text-align: center;

 }

 .news_detail_l .sj {
     font-size: 14px;
     position: relative;
     padding-left: 20px;
     color: #666;
     margin: 30px 0;
 }

 .news_detail_l .sj::after {
     position: absolute;
     left: 0;
     top: 5px;
     width: 3px;
     height: 43px;
     background: #C20303;
     content: "";
 }

 .news_detail_l .sj .p1 {
     margin-bottom: 5px;
     color: #999;

 }

 .news_detail_l .sj .p1 i {
     margin-right: 5px;

 }

 .news_detail_l .sj .p2 span {
     margin-right: 15px;

 }

 .news_detail_l .xq {
     line-height: 35px;
     font-size: 16px;
     color: #666;
 }

 .news_detail_l .xq p {
     text-indent: 2em;
 }

 .news_detail_l .xq img {
     margin: 20px auto;
     border-radius: 5px;
     display: block;
     width: 70%;

 }

 .other_xq {
     border-top: 1px solid #eee;
     padding-top: 40px;
     margin-top: 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .other_xq ul {
     font-size: 14px;
     line-height: 30px;
 }

 .other_xq ul li span {
     color: #C20303;
 }

 .other_xq .fh {
     width: 100px;
     height: 35px;
     text-align: center;
     line-height: 35px;
     border: 1px solid #C20303;
     border-radius: 50px;
     display: block;
     font-size: 14px;
     transition: all .5s;
     position: relative;
     cursor: pointer;

 }

 .other_xq .fh a {
     display: block;
     color: #C20303;
     transition: all .5s;
     border-radius: 50px;

 }

 .other_xq .fh a:hover {
     color: #fff;
     background: #C20303;
 }



 .news_detail_r {
     width: 28%;
 }

 .news_detail_r h1 {
     background: #DBBB80;
     background-size: 7%;
     font-size: 20px;
     line-height: 45px;
     color: #fff;
     text-indent: 20px;
     font-weight: normal;
 }

 .news_detail_r h1 .iconfont {
     margin-right: 5px;
     font-size: 20px;
 }

 .news_detail_r h1 a {
     font-size: 14px;

     color: #fff;
 }

 .news_detail_r h1 span {
     font-weight: 100;
     margin: 0 5px;
 }

 .news_detail_r ul {
     border-left: 1px solid #DBBB80;
     margin-left: 10px;
     padding-left: 15px;
     padding-top: 10px;
     padding-bottom: 10px;
     position: relative;
 }


 .news_detail_r li {
     font-size: 14px;
     line-height: 50px;
     border-bottom: 1px solid #eee;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;

 }

 .news_detail_r li:last-child {
     border-bottom: none;
 }

 .news_detail_r .current::after,
 .news_detail_r li:hover::after {
     position: absolute;
     left: -20px;
     top: 20px;
     content: "";
     background: url(../images/yuan02.png) no-repeat center;
     width: 10px;
     height: 10px;
     background-size: contain;

 }

 .news_detail_r li a {
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 70%;
     display: inline-block;
 }

 .news_detail_r li span {
     color: #999;
     font-size: 12px;
 }

 /* 联系我们 */
 .contact_list {

     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 3% 10%;
 }

 .map {
     width: 55%;
     height: 450px;
     overflow: hidden;
     border-radius: 5px;
 }

 .map img {
     width: 100%;
     border-radius: 5px;
 }

 .contact_list_r {
     width: 40%;

 }

 .contact_list_r h1 {
     font-size: 32px;
     color: #C20303;
     margin-bottom: 30px;
     font-weight: 400;
 }

 .contact_list_r ul {
     line-height: 45px;
     font-size: 16px;

 }


 .contact_list_r ul li .iconfont {
     color: #C20303;
     font-size: 18px;
     margin-right: 10px;
 }

 /* 招聘需求 */
 .zhao {
     margin: 3% 10%;

 }

 .zhao ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;

 }

 .zhao ul li {
     width: 27.5%;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
     padding: 30px;
     border-radius: 5px;
     margin-bottom: 30px;
     transition: all 0.5s;
     position: relative;

 }

 .zhao ul li .bg {
     width: 0;
     height: 2px;
     bottom: 0;
     left: 0;
     top: auto;
     border-radius: 25px;
     background-image: -moz-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -webkit-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -ms-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     display: block;
     position: absolute;
     transition: 700ms;
     -webkit-transition: 700ms;
     -ms-transition: 700ms;
 }

 .zhao ul li a {
     position: relative;
     display: block;
 }

 .zhao ul li:hover .bg {
     width: 100%;

 }

 .zhao ul li h1 {
     font-weight: normal;
     font-size: 18px;
     display: flex;
     justify-content: space-between;
     align-items: center;



 }

 .zhao ul li h2 {
     font-weight: normal;
     font-size: 14px;
     color: #666;
     margin: 20px 0;
     line-height: 30px;
     text-align: left;

 }

 .zhao ul li p {
     font-size: 14px;
     color: #C20303;
     border-top: 1px solid #eee;
     padding-top: 20px;
     text-align: right;
 }


 .zhao_detail {
     margin: 3% 15%;
 }

 .zhao_detail dl {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 50px;
     position: relative;
     padding-left: 20px;
 }

 .zhao_detail dl::after {
     position: absolute;
     left: 0;
     top: 8px;
     width: 3px;
     height: 58px;
     background: #C20303;
     content: "";
 }

 .zhao_detail dl dt {
     font-size: 28px;
     width: 80%;

 }

 .zhao_detail dl dt p {
     font-size: 14px;
     color: #999;
     margin-top: 5px;
 }

 .zhao_detail dl dt p span {
     margin-right: 15px;
 }

 .zhao_detail dl dd {
     width: 100px;
 }



 .zhao_detail dl dd a {
     width: 100px;
     height: 35px;
     text-align: center;
     line-height: 35px;
     border: 1px solid #C20303;
     border-radius: 50px;
     display: block;
     font-size: 14px;
     color: #C20303;
     transition: all 0.5s;


 }

 .zhao_detail dl dd a:hover {
     background: #C20303;
     color: #fff;
 }

 .zhao_xq {
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
     padding: 50px;
     border-radius: 5px;
 }

 .zhao_xq h1 {
     border-bottom: 1px solid #eee;
     padding-bottom: 15px;
     margin-bottom: 20px;
     font-size: 18px;
     font-weight: normal;

 }

 .zhao_xq p {
     line-height: 30px;
     font-size: 14px;
     color: #666;
     margin-bottom: 50px;
 }

 .zhao_xq .p1 {
     margin-bottom: 0px;
 }

 .message {
     background: url(../images/bg14.jpg) no-repeat center;
     background-size: cover;
     padding: 4% 10%;
 }

 .message .li1 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
 }

 .message .li1 input {

     border-radius: 5px;
     background: rgba(255, 255, 255, .58);
     width: 32%;
     margin: 0;
     padding: 0;
     height: 50px;
     line-height: 50px;
     text-indent: 20px;
     outline: none;
     border: 1px solid rgba(255, 255, 255, .58);
     transition: all 0.5s;
 }

 .message .li2 textarea {
     background: rgba(255, 255, 255, .58);
     border: 1px solid rgba(255, 255, 255, .58);
     border-radius: 5px;
     width: 100%;
     margin: 0;
     padding: 0;
     padding-top: 10px;
     line-height: 30px;
     text-indent: 20px;
     resize: none;
     margin-bottom: 20px;
     transition: all 0.5s;
     outline: none;
 }

 .message .li3 {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 20px;
     color: #fff;
     font-size: 14px;
 }

 .message .li3 input {

     width: 18px;
     height: 18px;
     border: none;
     cursor: pointer;
     margin: 0;
     padding: 0;
     outline: none;
     margin-right: 10px;
 }

 .message .li3 a {
     color: #C20303;
 }


 .message .li4 a {

     width: 200px;
     height: 50px;
     margin: 0 auto;
     text-align: center;
     line-height: 50px;
     border-radius: 5px;
     display: block;
     font-size: 18px;
     color: #fff;
     background-image: -moz-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -webkit-linear-gradient(-35deg, #C20303 0%, #f39929 100%);
     background-image: -ms-linear-gradient(-35deg, #C20303 0%, #f39929 100%);

 }

 .message li input:hover,
 .message li textarea:hover {
     border: 1px solid #C20303;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);

 }

 .sheng {
     margin: 3% 10%;
 }

 .sheng li {
     margin-bottom: 30px;
     color: #666;
     font-size: 18px;
     line-height: 35px;
 }

 .s_banner2 {
     height: 220px;
     background: #f7f5f1;
 }

 .s_banner2 .s_txt {
     font-size: 36px;
     font-weight: bold;
     color: #1d1d1f;
     text-shadow: none;
     top: 47%;

 }

 /**产品中心样式**/
 .pro,
 .upload {
     padding: 3% 5%;
 }

 .pro ul,
 .upload ul {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .pro ul:after,
 .upload ul:after {
     display: block;
     content: "";
     width: 23%;
     height: 0px;
 }

 .pro ul li,
 .upload ul li {
     width: 23%;
     text-align: center;
     margin-bottom: 20px;
 }


 .pro ul li img {
     background: #c1c0bd;
     width: 99%;
     display: block;
     padding: 0.5%;
     border-radius: 5px;
 }

 .pro ul li p {
     line-height: 50px;
     font-size: 16px;
 }

 .pro_detail h1 {
     font-weight: bold;
     font-size: 24px;
 }


 /**下载中心样式**/
 .upload h3 img {
     width: 80%;
     margin: 0 10%;
 }

 .upload h4 {
     margin: 15px auto 5px auto;
     font-weight: normal;
     font-size: 16px;
 }

 .upload p {
     color: #999;
     font-size: 14px;
 }

 .upload p a {
     margin: 0 10px;
     display: inline-block;
 }


 /**技术实力样式**/
 .ji .content2 {
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
     padding: 40px 50px 50px 50px;
     border-radius: 5px;
     margin: 3% 15%;

 }

 .ji .content2 .p1 {
     line-height: 55px;
     font-size: 18px;
     border-bottom: 1px dashed #eee;
 }

 .ji .content2 img {
     width: 100%;
     margin-top: 30px;
 }
.sous {
    width: 25%;
}

.sous {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sous_l {
    width: 80px;
    border: 1px solid #eee;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

    .sous_l h2 {
        width: 80px;
        font-weight: normal;
        font-size: 14px;
    }

        .sous_l h2 .iconfont {
            margin-left: 10px;
            font-size: 14px;
            color: #999;
        }

    .sous_l ul {
        display: none;
    }

.sous_r {
    border: 1px solid #eee;
    display: flex;
    flex: 1;
    align-items: center;
}

    .sous_r .iconfont {
        font-size: 16px;
        color: #999;
        padding-left: 5px;
    }

    .sous_r input {
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        padding-left: 5px;
        flex: 1;
        font-size: 14px;
        width: 200px;
    }

    .sous_r button {
        height: 40px;
        font-size: 14px;
        width: 80px;
        text-align: center;
        line-height: 40px;
        margin: 0;
        padding: 0;
        border-left: 1px solid #eee;
        outline: none;
        cursor: pointer;
        background: #fff;
    }