@font-face {



     font-family: 'iconfont';



     src: url('../fonts/iconfont.eot');



     src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg') format('svg');



 }



 



 .iconfont {



     font-family: "iconfont" !important;



     font-size: 16px;



     font-style: normal;



     -webkit-font-smoothing: antialiased;



     -moz-osx-font-smoothing: grayscale;



 }



 



 * {



     padding: 0px;



     margin: 0px;



 }



 



 body {



     font-size: 14px;



     color: #555;



     font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;



     overflow-x: hidden;



 }



 



 body,



 ul,



 ol,



 dl,



 dd,



 h1,



 h2,



 h3,



 h4,



 h5,



 h6,



 p,



 i,



 b,



 em,



 span,



 form,



 fieldset,



 legend,



 input,



 textarea,



 select,



 button,



 th,



 td {



     margin: 0;



     padding: 0;



     font-style: normal;



 }



 



 h1,



 h2,



 h3,



 h4,



 h5,



 h6 {



     list-style: none;



 }



 



 input,



 select,



 button,



 textarea {



     font-size: 14px;



     border: 0;



     background: none;



     outline: none;



     vertical-align: middle;



     font-family: "Microsoft YaHei", Arial, Tahoma, sans-serif;



 }



 



 button {



     overflow: visible



 }



 



 img {



     border: none;



 }



 



 li {



     list-style: none;



 }



 /* a {



color: #000;



text-decoration: none;



transition: all .5s;



-o-transition: all .5s;



-ms-transition: all .5s;



-moz-transition: all .5s;



-webkit-transition: all .5s;



} */



 



 a:hover {



     color: rgb(217, 177, 104);



     text-decoration: none !important;



 }



 



 .clear {



     overflow: hidden;



     clear: both;



     height: 0px;



 }



 



 ::-webkit-scrollbar {



     width: 6px;



 }



 



 ::-webkit-scrollbar-track {



     background-color: #000;



 }



 



 ::-webkit-scrollbar-thumb {



     background-color: #aaa;



 }



 



 ::-webkit-scrollbar-thumb:hover {



     background-color: #5b5b5b;



 }



 



 ::-webkit-scrollbar-thumb:active {



     background-color: #00b7ee;



 }



 



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



     body {



         font-size: 13px;



     }



     input,



     select,



     button,



     textarea {



         font-size: 13px;



     }



     input,



     textarea {



         -webkit-appearance: none;



         border-radius: 0;



     }



 }



 



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



     html.on {



         width: 100%;



         height: 100%;



         position: fixed;



         top: 0;



         left: 0;



         overflow: hidden;



     }



 }



 



 body {



     background-position: center;



     background-attachment: fixed;



     background-repeat: no-repeat;



     background-size: cover;



     transition: all .5s;



     -webkit-transition: all .5s;



     -moz-transition: all .5s;



     -ms-transition: all .5s;



     -o-transition: all .5s;



 }



 /* 导航 */



 



 .header {



     width: 100%;



     /* background-color: rgba(0, 0, 0, 0); */



     position: fixed;



      /*position: relative;*/



      /*height: 80px;*/



     top: 0;



     left: 0;



     z-index: 9999;



     transition: all .5s;



     -o-transition: all .5s;



     -ms-transition: all .5s;



     -moz-transition: all .5s;



     -webkit-transition: all .5s;



     /*03.08*/



     padding: 0 45px;



     background: linear-gradient(to bottom,#000,transparent);



 }



 



 .header.on {



     background: rgba(255, 255, 255, .9);



     box-shadow: 0 0 10px #000;



 }



 



 .header.on .logo .kaishi img {



     display: none;



 }



 



 .header.on .logo .xiala img {



     display: block;



 }



 .header .logo {



     float: left;



     position: relative;



     /* padding: 23px 0;



     width: 16%; */



     /*03.08*/



   



     padding: 20px 0;



 }







 .header .logo .kaishi img {



     width: 100%;



     height: auto;



     display: block;



 }



 



 .header .logo .xiala img {



     width: 100%;



     height: auto;



     display: none;



 }



 







 /*导航*/



 



 .head_nav {



     float: left;



     margin-left: 6%;



 }







 /*03.08*/



 .header.on .head_nav {



     /*margin-left: 10%;*/



     margin-left: 6%;



 }



 



 .head_nav ul li {



     float: left;



     text-align: center;



     position: relative;



     -o-transition: all 0.5s;



     -moz-transition: all 0.5s;



     -ms-transition: all 0.5s;



     -webkit-transition: all 0.5s;



     transition: all 0.5s;



     padding: 15px 0;



 }



 



 .head_nav ul li .navA {



     position: relative;



     line-height: 65px;



     padding: 0px 10px;



 }







 



 .head_nav ul li:hover .navTwo {



     display: block;



 }







 .head_nav ul li .navA a {



     padding: 0 15px;



     display: block;



     color: #ffffff;



     font-size: 16px;



 }



 



 .head_nav ul li .navA a:hover {







 }



 



 .head_nav ul li.on .navA a {



     font-weight: bold;



     color: #ffffff;



 }



 



 .header.on .head_nav ul li .navA a {



     color: #2365fa;



 }



 



 .header.on .head_nav ul li.on .navA a {



     color: #2365fa;



 }



 /*.header.on .logo {*/



 /*    float: left;*/



 /*    position: relative;*/



 /*    padding: 23px 0;*/



 /*    width: 12%;*/



 /*}*/







 .head_nav ul li .navA span {



     font-size: 12px;



     text-transform: uppercase;



     display: block;



 }



 



 .head_nav ul li .top_down {



     display: none;



 }



 



 .head_nav ul li .navTwo {



     display: none;



     position: absolute;



     left: 50%;



     top: 98%;



     width: 150px;



     margin-left: -75px;



     text-align: center;



     background: rgba(255, 255, 255);



     z-index: 9;



 }



 



 .head_nav ul li .navTwo dd {



     margin-bottom: auto;



     height: 40px;



     border-bottom: solid 1px #eceff2;



 }



 



 .head_nav ul li .navTwo a {



     font-size: 14px !important;



     line-height: 40px !important;



     color: rgb(39, 109, 233);



     display: block;



 }



 



 .head_nav ul li .navTwo dd:hover a {



     background: rgba(39, 109, 233, 0.5);



     color: #fff;



 }







 .head_yhzx {



     float: right;



    /*03.08*/



     /*line-height: 88px;*/



     line-height: 95px;



 }











 /*03.08*/



/* .header.on .head_nav ul li {







   padding: 6px 0;



 }  */



 .header.on .head_yhzx {



     /* float: right; */



     /*03.08*/



     /*line-height: 78px;*/



     line-height: 95px;







 }



 .head_yhzx a {



     font-size: 14px;



     color: #fff;



     padding: 7px 8px;



     border-radius: 5px;



     transition: all .6s;



 }



 



 .header.on .head_yhzx a {



     color: #307dfe;



     /*padding: 7px 8px;*/



     background: rgba(0, 0, 0, 0);



     border: 1px #307dfe solid;



 }



 



 .header.on .head_yhzx a:hover {



     background-color: rgba(255, 255, 255);



     color: #307dfe;



     border: rgba(0, 0, 0, 0) 1px solid;



 }



 



 .head_yhzx a:hover {



     background-color: rgba(255, 255, 255, 0);



     color: #fff;



 }



 



 .head_yhzx a i {



     font-size: 18px;



     margin-right: 5px;



 }



 



 .head_yhzx a:nth-child(2) {



     padding: 8px 17px;



     font-size: 14px;



     color: #ffffff;



     border: 1px #ffffff solid;



     background-color: rgba(0, 0, 0, 0);



     margin-left: 30px;



 }



 



 .head_yhzx a:nth-child(2):hover {



     background-color: rgba(255, 255, 255);



     color: #307dfe;



     border: 1px #ffffff solid;



 }



 



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



     .head_nav ul li .navA a {



         padding: 0 10px;







         font-size: 16px;



     }



     .head_nav {



         float: left;



         margin-left: 1%;



         /* line-height: 91px; */



         margin-top: 15px;



     }



     .head_nav ul li .navA {



         line-height: 20px;



         padding: 6px 0px;



     }



     .head_nav ul li .navA {



         line-height: 20px;



         padding-top: 27px;



         padding-bottom: 9px;



     }



     .head_yhzx a:nth-child(2) {



         padding: 8px 17px;



         font-size: 13px;







         margin-left: 10px;



     }







     .head_yhzx a {



         font-size: 13px;







     }



     .head_nav ul li .navA {



         line-height: 20px;



         padding: 6px 5px;



     }



     .head_yhzx {



         /* float: right; */



         line-height: 83px;



     }



     .header.on .head_nav {



         margin-left: 5%;



     }



     .header.on .head_nav {



         margin-left: 5%;



         margin-top: 8px;



     }



     .header.on .head_yhzx {



         /* float: right; */



         line-height: 75px;



     }



     .header .logo img {



         width: 77%;



     }



     .head_nav ul li {



         margin: 0px 8px;



     }



     .head_nav ul li .navA {



         line-height: 0px;



         padding-top: 21px;



         padding-bottom: 19px;



     }



     .header .sy_gsm h5 {



         font-size: 20px;



         color: #333333;



         line-height: 88px;



         font-weight: bold;



         margin-top: 3px;



     }







 }



 



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



     .head_nav ul li {



         float: left;



         margin: 0 0px;



         text-align: center;



         padding: 5px 0px;



     }



     .header .sy_gsm h5 {



         display: none;



     }



     .header .logo {



         margin-top: 0;



     }







 }



 



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



     .header.on .head_nav ul li .navA a {



         color: #fff;



     }



     .header.on .head_nav ul li.on .navA a {



         color: #fff;



     }



     .head_yhzx {



         /* float: right; */



         line-height: 76px;



     }



     .head_yhzx {



         float: right;



         padding: 0px 0;



         margin-right: 20px;



     }



     .header .sy_gsm h5 {



         display: block;



     }



     /*导航*/



     .top_butt {



         display: block;



         float: right;



         margin-top: 20px;



         width: 30px;



         height: 30px;



         z-index: 99999;



         color: #000;



     }



     .top_butt .bar {



         width: 30px;



         height: 2px;



         display: block;



         background: #fff;



         margin: 6px 0;



         border-radius: 25px;



         -o-transition: all 0.4s;



         -moz-transition: all 0.4s;



         -ms-transition: all 0.4s;



         -webkit-transition: all 0.4s;



         transition: all 0.4s;



     }



     .header.on .top_butt .bar {



         background: #0069ff;



     }



     .cross .bar:nth-of-type(1) {



         -webkit-transform: translateY(13.5px) rotate(-40.5deg);



         -ms-transform: translateY(13.5px) rotate(-40.5deg);



         transform: translateY(8px) rotate(-40.5deg);



         -o-transition: all 0.4s;



         -moz-transition: all 0.4s;



         -ms-transition: all 0.4s;



         -webkit-transition: all 0.4s;



         transition: all 0.4s;



     }



     .cross .bar:nth-of-type(2) {



         opacity: 0;



     }



     .cross .bar:nth-of-type(3) {



         -webkit-transform: translateY(-15px) rotate(45deg);



         -ms-transform: translateY(-15px) rotate(45deg);



         transform: translateY(-8px) rotate(45deg);



         -o-transition: all 0.4s;



         -moz-transition: all 0.4s;



         -ms-transition: all 0.4s;



         -webkit-transition: all 0.4s;



         transition: all 0.4s;



     }



     .head_nav {



         width: 38%;



         height: 100%;



         position: fixed;



         top: 0;



         left: -100%;



         opacity: 0;



         margin-top: auto;



         background: rgba(8, 13, 18, 0.9);



         -o-transition: all 0.4s;



         -moz-transition: all 0.4s;



         -ms-transition: all 0.4s;



         -webkit-transition: all 0.4s;



         transition: all 0.4s;



         z-index: 99998;



         margin-left: 0;



     }



     .head_nav ul {



         width: 100%;



         height: 98%;



         /* overflow-x: hidden;



    overflow-y: auto; */



     }



     .head_nav ul li {



         padding: 0px 0px;



         width: 100%;



         height: auto;



         background: no-repeat;



         margin: 0;



         border-bottom: solid 1px rgba(255, 255, 255, 0.2);



     }



     .head_nav ul li:hover {



         background: none;



     }



     .head_nav ul li .navA {



         float: left;



         width: 97%;



         height: auto;



         padding-top: 3px;



         padding-bottom: 3px;



         padding-left: 0;



     }



     .head_nav ul li:hover .navTwo {



         display: none;



     }



     .head_nav ul li:hover .navA:after {



         content: none;



     }



     .head_nav ul li.on .navA:after {



         content: none;



     }



     .head_nav ul li .navA span {



         display: none;



     }



     .head_nav ul li .navA a {



         float: left;



         margin-left: 20px;



         line-height: 50px;



         color: #fff;



     }



     .head_nav ul li .top_down {



         display: block;



         width: 40%;



         line-height: 43px;



         text-align: right;



         color: #fff;



         position: absolute;



         right: 23px;



         top: 8px;



     }



     .head_nav ul li .navTwo {



         display: none;



         width: 86%;



         float: left;



         margin-left: 0%;



         background: none;



         position: relative;



         left: auto;



         top: auto;



     }



     .head_nav ul li .navTwo dd {



         border-bottom: solid 1px rgba(255, 255, 255, 0.3);



     }



     .head_nav ul li .navTwo dd a {



         display: block;



         float: left;



         margin-left: 32px;



         color: #fff;



     }



     .head_nav ul li .navTwo dd:hover a {



         background: rgba(0, 0, 0, 0);



         color: #fff;



     }



     .head_nav ul li .navTwo dd:last-child {



         border-bottom: none;



     }



     .head_nav ul li .navTwo dd:hover {



         background: none;



     }



     .head_nav_on {



         left: 0;



         opacity: 1;



         -o-transition: all 0.4s;



         -moz-transition: all 0.4s;



         -ms-transition: all 0.4s;



         -webkit-transition: all 0.4s;



         transition: all 0.4s;



         z-index: 99999;



     }



     .head_nav ul li:after {



         display: none;



     }



 }



 



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



     .header .logo {



         width: 27%;



         margin: 0px 0;



         padding: 15px 0;



     }



     .header.on .logo {



         width: 27%;



         margin: 0px 0;



         padding: 15px 0;



     }



     .head_yhzx {



         /* float: right; */



         line-height: 5px;



     }



     .head_yhzx a:nth-child(2) {



         font-size: 12px;



     }



     .top_butt {



         margin-top: 16px;



     }



     .header.on .head_nav {



         margin-left: 0;



     }



     .head_nav {



         width: 73%;



     }



     .head_yhzx a i {



         font-size: 15px;



         margin-right: 5px;



     }



     .head_yhzx a {



         font-size: 13px;



         padding: 8px 11px;



     }



     .head_yhzx {



         float: right;



         margin-right: 30px;



         padding: 31px 0;







     }



     .head_nav ul li .navA {



         padding-top: 10px;



         padding-bottom: 10px;



         padding-left: 5px;



     }



     .header.on .head_yhzx {







         line-height: 2px;



     }



 }



 



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



     .header .logo {



         width: 36%;



         margin: 0px 0;



         padding: 15px 0;



     }



     .header.on .logo {



         width: 36%;



         margin: 0px 0;



         padding: 15px 0;



     }



     .header .logo .xiala img {



         width: 83%;







     }



     .header .logo .kaishi img {



         width: 93%;



         height: auto;



         display: block;



     }



     .head_yhzx .dianji_tankuang{



         display: none;



     }



     .head_nav ul li .navA a {



         margin-left: 0;



     }



     .head_nav ul li .navA {



         padding-top: 0px;



         padding-bottom: 0px;



         padding-left: 9px;



     }



     .head_nav ul li .top_down {



         top: 3px;



     }



     .head_nav ul li .navTwo dd a {



         display: block;



         float: left;



         margin-left: 26px;



         color: #fff;



     }



     .head_yhzx a {



         font-size: 12px;



         padding: 5px 8px;



     }



     .head_yhzx {



         margin-right: 13px;



         padding: 28px 0;



     }



 }



 /* 头 */



 



 .gy_bg {



     padding: 254px 300px;



     text-align: center;



     position: relative;



     top: 0;



     left: 0;



 }



 



 .dw_tu {



     position: absolute;



     bottom: -5px;



     right: 0;



     width: 100%;



 }



 



 .dw_tu img {



     width: 100%;



 }



 



 .gy_bg h5 {



     font-size: 48px;



     color: #ffffff;



 }



 



 .gy_bg .tushang_zi {



     font-size: 24px;



     margin-top: 46px;



     color: #ffffff;



 }



 



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



     .gy_bg {



         padding: 241px 74px;



     }



 }



 



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



     .gy_bg {



         padding: 100px 15px;



     }



     .gy_bg h5 {



         font-size: 30px;



     }



     .gy_bg .tushang_zi {



         font-size: 16px;



     }



     .dw_tu {



         bottom: -2px;



     }



 }



 



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



     .gy_bg h5 {



         font-size: 21px;



     }



     .gy_bg {



         padding: 60px 15px;



     }



     .gy_bg .tushang_zi {



         font-size: 12px;



         margin-top: 15px;



     }



 }



 /* 帮助传统企业技术上 “通水电” */



 



 .gy_bzqy {



     width: 100%;



     padding-top: 56px;



     padding-bottom: 59px;



 }



 



 .gy_bzqy .bzqy_z {



     width: 100%;



 }



 



 .gy_bzqy .bzqy_z img {



     width: 100%;



 }



 



 .gy_bzqy .bzqy_y {



     width: 100%;



     display: flex;



     justify-content: center;



     /* align-items: center; */



     flex-direction: column;



     height: 100%;



 }



 



 .bzqy_y h5 {



     font-size: 36px;



     color: #262b38;



     font-weight: bold;



 }



 



 .bzqy_y div {



     font-size: 18px;



     color: #646464;



     line-height: 27px;



     margin-top: 39px;



 }



 



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



     .gy_bzqy .bzqy_y {



         margin-top: 20px;



     }



     .bzqy_y h5 {



         font-size: 30px;



     }



     .bzqy_y div {



         font-size: 15px;



         margin-top: 11px;



     }



     .gy_bzqy {



         padding-top: 40px;



         padding-bottom: 45px;



     }



 }



 



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



     .bzqy_y h5 {



         font-size: 21px;



     }



     .bzqy_y div {



         font-size: 12px;



         margin-top: 6px;



         line-height: 21px;



     }



 }



 /* 年份 */



 



 .gy_nf {



     background: #f7f7f7;



     padding-top: 15px;



 }



 



 .gy_nf .nf_nr {



     transition: all .6s;



     width: 100%;



     padding-top: 57px;



     padding-bottom: 55px;



     text-align: center;



     border-bottom: 4px rgba(0, 0, 0, 0) solid;



 }



 /* .gy_nf .nf_nr.on {



     background: #fff;



     border-bottom: 4px #2356de solid;



 } */



 



 .nf_nr:hover {



     background: #fff;



     border-bottom: 4px #2356de solid;



 }



 



 .gy_nf .nf_nr h5 {



     font-weight: bold;



     font-size: 40px;



     color: #262b38;



 }



 



 .gy_nf .nf_nr h6 {



     font-size: 16px;



     color: #262b38;



     line-height: 25px;



 }



 



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



     .gy_nf .nf_nr h5 {



         font-size: 35px;



     }



 }



 



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



     .gy_nf .nf_nr {



         padding-top: 20px;



         padding-bottom: 20px;



     }



     .gy_nf .nf_nr h5 {



         font-size: 25px;



     }



     .gy_nf .nf_nr h6 {



         font-size: 13px;



         line-height: 21px;



     }



 }



 /* 我们相信产品技术 */



 



 .gy_cpjs {



     width: 100%;







     /* overflow: hidden; */



     margin-top: 100px;



 }



 



 .cpjs_bg {



     width: 100%;



     padding-top: 186px;



     padding-bottom: 134px;



     background: -moz-linear-gradient(55deg, rgba(41, 48, 187, .4) 58%, rgba(0, 0, 0, 0) 30%);



     background: -ms-linear-gradient(55deg, rgba(41, 48, 187, .4) 58%, rgba(0, 0, 0, 0) 30%);



     background: -webkit-linear-gradient(55deg, rgba(41, 48, 187, .4) 58%, rgba(0, 0, 0, 0) 30%);



     background: -o-linear-gradient(55deg, rgba(41, 48, 187, .4) 58%, rgba(0, 0, 0, 0) 30%);



     background: linear-gradient(55deg, rgba(41, 48, 187, .4) 58%, rgba(0, 0, 0, 0) 30%);



 }



 



 .gy_cpjs .cpjs_nr {



     padding-right: 17px;



 }



 



 .gy_cpjs .cpjs_nr h5 {



     font-size: 36px;



     color: #ffffff;



     font-weight: bold;



 }



 



 .gy_cpjs .cpjs_nr .nr_wz {



     font-size: 16px;



     color: #ffffff;



     line-height: 30px;



     margin-top: 30px;



 }



 



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



     .cpjs_bg {



         background: -moz-linear-gradient(55deg, rgba(41, 48, 187, .4) 66%, rgba(0, 0, 0, 0) 30%);



         background: -ms-linear-gradient(55deg, rgba(41, 48, 187, .4) 66%, rgba(0, 0, 0, 0) 30%);



         background: -webkit-linear-gradient(55deg, rgba(41, 48, 187, .4) 66%, rgba(0, 0, 0, 0) 30%);



         background: -o-linear-gradient(55deg, rgba(41, 48, 187, .4) 66%, rgba(0, 0, 0, 0) 30%);



         background: linear-gradient(55deg, rgba(41, 48, 187, .4) 66%, rgba(0, 0, 0, 0) 30%);



     }



 }



 



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



     .gy_cpjs .cpjs_nr {



         padding-right: 0;



     }



     .gy_cpjs .cpjs_nr h5 {



         font-size: 28px;



     }



     .cpjs_bg {



         padding-top: 40px;



         padding-bottom: 40px;



         background: none;



     }



     .gy_cpjs {



         background: url(../image/dbg2.png) no-repeat center / cover fixed;



         margin-top: 30px;



     }



 }



 



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



     .cpjs_bg {



         padding-top: 30px;



         padding-bottom: 30px;



         background: rgba(0, 0, 0, .4);



     }



     .gy_cpjs .cpjs_nr h5 {



         font-size: 21px;



     }



     .gy_cpjs .cpjs_nr .nr_wz {



         font-size: 14px;



         line-height: 24px;



         margin-top: 15px;



     }



 }



 /* 团队介绍 */



 



 .gy_tdjs {



     padding-top: 100px;



     padding-bottom: 96px;



 }



 



 .bt {



     font-size: 32px;



     color: #1e1e1e;



     text-align: center;



     font-weight: bold;



 }



 



 .gy_tdjs .tdjs_nr {



     margin-top: 44px;



 }



 



 .gy_tdjs .tdjs_nr ul {



     display: flex;



     justify-content: center;



     align-items: center;



     flex-wrap: wrap;



 }



 



 .gy_tdjs .tdjs_nr ul li {



     width: 20%;



     text-align: center;



     display: flex;



     /* justify-content: center; */



     align-items: center;



     flex-direction: column;



     padding: 0px 21px;



 }







 



 .gy_tdjs .tdjs_nr ul li .ne_qiu {



     width: 140px;



     height: 140px;



     border: #dcdcdc 1px solid;



     padding: 5px;



     overflow: hidden;



     border-radius: 100%;



     transition: all .6s;



 }



 



 .gy_tdjs .tdjs_nr ul li:hover .ne_qiu {



     transform: rotateY(180deg);



     -webkit-transform: rotateY(180deg);



     -moz-transform: rotateY(180deg);



     -ms-transform: rotateY(180deg);



     -o-transform: rotateY(180deg);



 }



 



 .gy_tdjs .qiu_n {



     width: 100%;



     height: 100%;



     border-radius: 100%;



     display: flex;



     justify-content: center;



     align-items: center;



     color: #fff;



     font-size: 20px;



 }



 



 .gy_tdjs .qiu_n i {



     width: 35%;



     display: flex;



     justify-content: center;



     align-items: center;



 }



 .gy_tdjs .qiu_n i img{



     width: 100%;



 }



 



 .gy_tdjs .ne_zi {



     padding-top: 30px;



 }



 



 .gy_tdjs .ne_zi h5 {



     font-size: 18px;



     color: #000000;



 }



 



 .gy_tdjs .ne_zi h6 {



     font-size: 16px;



     color: #0069ff;



     line-height: 36px;



 }



 



 .gy_tdjs .ne_zi div {



     font-size: 14px;



     color: #646464;



 }



 



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



     .bt {



         font-size: 30px;



     }



     .gy_tdjs {



         padding-top: 40px;



         padding-bottom: 40px;



     }



     .gy_tdjs .tdjs_nr ul li {



         width: 32%;



         padding: 28px 7px;



     }



     .gy_tdjs .ne_zi h6 {



         font-size: 15px;



         line-height: 21px;



         margin-top: 10px;



     }



     .gy_tdjs .ne_zi div {



         font-size: 13px;



     }



     .gy_tdjs .tdjs_nr {



         margin-top: 0;



     }



 }



 



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



     .bt {



         font-size: 21px;



     }



     .gy_tdjs .tdjs_nr ul li {



         width: 50%;



         padding: 9px 7px;



     }



     .gy_tdjs .ne_zi {



         padding-top: 13px;



     }



     .gy_tdjs .tdjs_nr ul li .ne_qiu {



         width: 100px;



         height: 100px;



     }



     .gy_tdjs .qiu_n i {



         font-size: 36px;



     }



     .gy_tdjs .ne_zi h6 {



         font-size: 12px;



     }



     .gy_tdjs .ne_zi div {



         font-size: 12px;



     }



 }



 /* 我们遵从的文化 */



 



 .gy_wh {



     background: #297aef;



     padding: 68px 0;



 }



 



 .gy_wh .bt {



     color: #fff;



 }



 



 .gy_wh .row {



     padding-top: 52px;



 }



 /* 切换 */



 



 .gy_wh .tab_tou {



     padding-right: 0;



 }



 



 .tab_header ul {



     width: 100%;



 }



 



 .tab_header ul li {



     padding-top: 20px;



     padding-bottom: 20px;



     padding-left: 24px;



     color: #fff;



     font-size: 18px;



     width: 100%;



     border-left: 4px solid #a9caf9;



 }



 



 .tab_header ul li.on {



     border-left: 4px solid #fff;



 }



 



 .tab_body {



     height: 100%;



 }



 



 .tab_body ul {



     height: 100%;



 }



 



 .tab_body ul li {



     display: none;



     height: 100%;



 }



 







 .tab_body ul li:nth-child(1){ display: block;}



 



 .tab_z {



     padding-left: 40px;



     display: flex;



     justify-content: center;



     /* align-items: center; */



     flex-direction: column;



     height: 100%;



 }



 



 .tab_z h5 {



     font-size: 20px;



     color: #ffffff;



     line-height: 30px;



 }



 



 .tab_z .tab_tu {



     width: 100%;



     margin-top: 50px;



 }



 



 .tab_z .tab_tu img {



     width: 100%;



 }



 



 .gy_gdt {



     padding-top: 48px;



     padding-bottom: 99px;



     width: 100%;



     position: relative;



 }







 .gy_gdt ul li {



     display: inline;



     height: 100%;



     overflow: hidden;



 }



 



 .tempWrap {



     width: 100% !important;



 }



 



 .gdt_tu {



     position: relative;



 }



 



 .gy_gdt .bd ul li img {



     transition: all .7s;



 }



 



 .gy_gdt .bd ul li img:hover {



     opacity: .8;



     -webkit-transform: translateY(-10px);



     -moz-transform: translateY(-10px);



     -ms-transform: translateY(-10px);



     -o-transform: translateY(-10px);



     transform: translateY(-10px)



 }



 /* 凝聚科技创新 */



 



 .gy_nj {



     width: 100%;



     background: url(../image/di_shang.png) no-repeat center / cover;



     /* overflow: hidden; */



     padding-top: 215px;



     padding-bottom: 104px;



     /* position: relative; */



     color: #ffffff;



     text-align: center;



 }



 



 .gy_nj h5 {



     font-size: 32px;



 }



 



 .gy_nj h6 {



     font-size: 20px;



     line-height: 73px;



 }







 .gy_nj div {



     display: inline-block;



     padding: 15px 26px;



     border: #ffffff 2px solid;



     font-size: 16px;



     color: #ffffff;



     /* width: 200px; */



     margin: auto;



     transition: all .6s;



 }



 



 .gy_nj div:hover {



     background: #2a74ec;



     border: #2a74ec 2px solid;



 }



 



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



     .gy_wh {



         padding: 40px 0;



     }



     .tab_header ul li {



         padding-top: 10px;



         padding-bottom: 10px;



         padding-left: 24px;



         font-size: 14px;



     }



     .tab_z h5 {



         font-size: 14px;



         color: #ffffff;



         line-height: 22px;



     }



     .tab_body ul li {



         margin-top: 22px;



     }



     .tab_z {



         padding-left: 0;



     }



     .tab_z .tab_tu {



         margin-top: 10px;



     }



     .gy_gdt {



         padding-top: 30px;



         padding-bottom: 30px;



         width: 100%;



     }



     .gy_nj {



         padding-top: 100px;



         padding-bottom: 50px;



     }



     .gy_nj h5 {



         font-size: 30px;



     }



     .gy_nj h6 {



         font-size: 18px;



         line-height: 59px;



     }



     .gy_nj div {



         padding: 8px 20px;



         font-size: 13px;



         width: 156px;



     }



 }



 



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



     .gy_wh .row {



         padding-top: 26px;



     }



     .gy_nj {



         padding-top: 65px;



         padding-bottom: 40px;



     }



     .gy_nj h5 {



         font-size: 21px;



     }



     .gy_nj h6 {



         font-size: 16px;



         line-height: 47px;



     }



     .gy_nj div {



         padding: 8px 1px;



         font-size: 12px;



         width: 133px;



     }



 }



 /* 底 */



 



 .footer {



     width: 100%;



     background: url(../image/dibg_02.jpg) no-repeat center / cover;



     overflow: hidden;



     padding-top: 121px;



     position: relative;



     top: 0;



     left: 0;



 }



 



 .di_di {



     position: absolute;



     top: 0;



     left: 0;



     width: 100%;



 }



 



 .footer .di_banju {



     padding-bottom: 66px;



 }



 



 .footer .di_tu {



     margin-bottom: 22px;



 }



 



 .footer .diu_zz h5 {



     font-size: 20px;



     color: #eaf0ff;



     font-weight: bold;



     line-height: 30px;



 }



 



 .footer .di_wz {



     font-size: 14px;



     color: #f0f0f0;



     margin-top: 22px;



     padding-right: 11%;



 }



 



 .footer .di_stb h5 {



     font-size: 14px;



     color: #fafafa;



     /*float: right;*/



     width: 90%;



     margin-top: 7px;

     display: flex;

 }



 



 .footer .di_stb i {



     font-size: 20px;



     color: transparent;



     background: linear-gradient( to bottom, #00e9ff, #0e9de7) no-repeat;



     background: -webkit-linear-gradient( top, #00e9ff, #0e9de7) no-repeat;



     -webkit-background-clip: text;



     background-clip: text;



     float: left;



     margin-right: 11px;



 }



 



 .footer .di_stb {



     margin-top: 12px;



 }



 



 .footer .wx_ewm {



     width: 100%;



 }



 



 .footer .wx_ewm img {



     width: 100%;



 }



 



 .footer .di_yy {



     width: 100%;



     height: 100%;



     /*display: flex;*/



     justify-content: center;



     align-items: center;



 }



 



 .footer .yy_tb {



     width: 100%;



     display: flex;



     justify-content: center;



     /* align-items: center; */



     /* 换主轴 */



     flex-direction: column;



     height: 100%;



 }



 



 .footer .banquanhao {



     width: 100%;



     border-top: #6b8fea 1px solid;



     background: rgba(36, 92, 225, .4);



     padding: 23px 0;



     text-align: center;



     font-size: 16px;



     color: #ffffff;



 }



 



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



     .di_di {



         display: none;



     }



     .di_r {



         width: 100%;



     }



 }



 



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



     .footer .di_yy {



         width: 100%;



         height: 100%;



         display: flex;



         justify-content: unset;



         align-items: center;



         margin-top: 0px;



     }



 }



 



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



     .di_di {



         display: none;



     }



     .footer .wx_ewm {



         width: 60%;



     }



 }



 



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



     .footer {



         padding-top: 38px;



     }



     .footer .di_tu {



         margin-bottom: 14px;



         text-align: center;



     }



     .footer .diu_zz h5 {



         font-size: 18px;



         text-align: center;



     }



     .footer .di_wz {



         font-size: 13px;



         margin-top: 10px;



         padding-right: 0;



     }



     .footer .yy_tb {



         margin-top: 20px;



     }



     .footer .di_stb {



         margin-top: 0px;



     }



     .footer .wx_ewm {



         width: 30%;



         margin: 5px auto;



     }



     .footer .di_banju {



         padding-bottom: 15px;



     }



     .footer .banquanhao {



         padding: 9px 0;



         font-size: 13px;



     }



 }



 



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

.header{
    padding:0 10px;
}

     .footer .wx_ewm {



         /* width: 35%; */



         margin-top: 21px;



     }



 }



 



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



     .footer .di_tu {



         margin: 10px auto;



         width: 30%;



     }



     .footer .di_tu img {



         width: 100%;



     }



     .footer {



         padding-top: 15px;



     }



     .footer .diu_zz h5 {



         font-size: 15px;



     }



     .footer .di_wz {



         font-size: 12px;



         margin-top: 5px;



     }



     .footer .di_stb h5 {



         font-size: 12px;



     }



 }



 



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



     /* .row {



         margin-left: -5px;



     } */



 }



 



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



     .di_yy .row {



         display: -ms-flexbox;



         display: flex;



         -ms-flex-wrap: wrap;



         flex-wrap: wrap;



         margin-right: -15px;



         margin-left: -6px;



     }



 }



 



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



     .footer .di_stb h5 {



         font-size: 14px;



         color: #fafafa;



         float: right;



         width: 84%;



         margin-top: 7px;



     }



 }



 



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



     .footer .di_stb h5 {



         width: 85%;



     }



 }



 /* 首页大轮播 */



 /* .sy_banner {



     background: linear-gradient( to bottom, #2979ef, #2356de) no-repeat;



     background: -webkit-linear-gradient( top, #2979ef, #2356de) no-repeat;



 } */



 



 .pc_ban {



     width: 100%;



     height: 800px;



     position: relative;



     overflow: hidden;



     background: linear-gradient( to bottom, #2979ef, #2356de) no-repeat;



     background: -webkit-linear-gradient( top, #2979ef, #2356de) no-repeat;



 }



 /*03.08*/



 .pc_ban .w_z{



    position: absolute;



    bottom: 0;



    left: 0;



    height: 35%;



    background: rgba(28,73,158,.1);



    color: #fff;



 }



 .pc_ban .container{



    display: flex;



    align-items: center;



    justify-content: space-between;



    height: 100%;



 }



 .pc_ban .wz1{



    font-size: 48px;



 }



 .pc_ban .wz2{



    font-size: 24px;



 }



 .hx {



     position: absolute;



     bottom: 0;



     right: 0;



     width: 100%;



 }



 



 .pc_ban .swiper-slide:after {



     width: 100%;



     height: 100%;



     /* background-color: rgba(0, 0, 0, .1); */



     position: absolute;



     left: 0;



     bottom: 0;



     content: "";



 }



 



 .pc_ban .swiper-button-prev {



     font-size: 60px;



     color: #fff;



     font-weight: bold;



     width: 40px;



     height: 40px;



     background: url(../image/ban_l.png) no-repeat center;



     left: 0%;



     margin-top: -20px;



     opacity: 0;



     background-size: 40px 40px;



     -webkit-background-size: 40px 40px;



     -moz-background-size: 40px 40px;



     -ms-background-size: 40px 40px;



     -o-background-size: 40px 40px;



     transition: all .5s;



     -o-transition: all .5s;



     -ms-transition: all .5s;



     -moz-transition: all .5s;



     -webkit-transition: all .5s;



 }



 



 .pc_ban .swiper-button-prev:hover {



     color: #00a4ff;



 }



 



 .pc_ban:hover .swiper-button-prev {



     left: 3%;



     opacity: .8;



 }



 



 .pc_ban .swiper-button-next {



     font-size: 60px;



     color: #fff;



     font-weight: bold;



     width: 40px;



     height: 40px;



     background: url(../image/ban_r.png) no-repeat center;



     right: 0%;



     margin-top: -20px;



     opacity: 0;



     background-size: 40px 40px;



     -webkit-background-size: 40px 40px;



     -moz-background-size: 40px 40px;



     -ms-background-size: 40px 40px;



     -o-background-size: 40px 40px;



     transition: all .5s;



     -o-transition: all .5s;



     -ms-transition: all .5s;



     -moz-transition: all .5s;



     -webkit-transition: all .5s;



 }



 



 .pc_ban .swiper-button-next:hover {



     color: #1fafff;



 }



 



 .pc_ban:hover .swiper-button-next {



     right: 3%;



     opacity: .8;



 }



 



 /* .pc_ban .swiper-pagination-bullet {



    width: 40px;



    height: 3px;



    border-radius: 0;



    display: none;



} */



 .pc_ban .swiper-pagination-bullet{

     width: 16px;

     height: 16px;

     background-color: rgba(255,255,255,.6);

 }



 .pc_ban .swiper-pagination-bullet-active {



     background-color: rgba(255, 255, 255,.8);



 }



 /* 03.08 */

/*

 .pc_ban .container {



     position: absolute;



     top: 55%;



     left: 50%;



     z-index: 99;



     transform: translate(-50%, -50%);



     -webkit-transform: translate(-50%, -50%);



     -moz-transform: translate(-50%, -50%);



     -ms-transform: translate(-50%, -50%);



     -o-transform: translate(-50%, -50%);



 } */







 .pc_ban .w_z {



     width: 100%;



 }







 .pc_ban .w_z h2 {



     font-size: 48px;



     color: #ffffff;



     transition: all .5s;



     -o-transition: all .5s;



     -ms-transition: all .5s;



     -moz-transition: all .5s;



     -webkit-transition: all .5s;



 }







 .pc_ban .w_z p {



    font-size: 24px;



    color: #fff;



    line-height: 47px;



    margin-bottom: 50px;



    margin-top: 50px;



}







 .pc_ban .w_z a {



     color: #fff;



     font-size: 24px;



     border: #b5b5b5 1px solid;



     width: 237px;



     height: 60px;



     text-align: center;



     line-height: 60px;



     z-index: 9;



     transition: all ease .5s;

 }

 .pc_ban .w_z a.ani:hover{

     background: rgba(255,255,255,.4);

     border: 1px solid #fff;

 }





 .pc_ban .w_z a:hover {



     background-color: rgba(255,255,255,.2);



     border: #1fafff 1px solid;



     color: #fff;



 }







 .pc_ban .w_z .bsz_z {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     /* 换主轴 */



     flex-direction: column;



     height: 100%;



 }







 .pc_ban .w_z .bsz_y {



     height: 100%;



     display: flex;



     justify-content: center;



     align-items: center;



 }







 .pc_ban .w_z .db_y_z {



     margin-bottom: 8px;



     width: 280px;



     height: 80px;



     padding: 14px 15px 14px 23px;



     background: rgba(51, 61, 81, 1);



     transition: all .6s;



     -webkit-transition: all .6s;



     /* animation: dd .5s 0s linear infinite; */



 }







 .pc_ban .w_z .db_y_z:hover {



     background: #fff;



     box-shadow: 0 0 8px #ddd;



     background: rgba(51, 61, 81, .1);



 }







 .pc_ban .w_z .db_y_z:hover .z_tb i {



     color: #fff;



 }







 .pc_ban .w_z .db_y_z .z_tm {



     float: left;



 }







 .pc_ban .w_z .db_y_z .z_tb {



     float: right;



     line-height: 54px;



 }







 .pc_ban .w_z .db_y_z .z_tb i {



     font-size: 57px;



     color: #515a6b;



     transition: all .6s;



     -webkit-transition: all .6s;



 }







 .pc_ban .w_z .db_y_z .z_tm a {



     border: none;



     padding: 0px 0px;



 }







 .pc_ban .w_z .db_y_z .z_tm h5 {



     font-size: 22px;



     color: #0496eb;



     font-weight: bold;



     line-height: 34px;



 }







 .pc_ban .w_z .db_y_z .z_tm h6 {



     color: #ffffff;



     font-size: 14px;



 }



 /*.swiper-pagination{*/



 /*    opacity: 0;*/



 /*}*/



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



     .pc_ban .w_z h2 {



         font-size: 29px;







     }



     .pc_ban .w_z .bsz_y {







         width: 83%;



     }



     .pc_ban .w_z .bsz_y img{







         width: 100%;



     }



     .pc_ban .w_z p {



         font-size: 22px;







         line-height: 37px;







     }



     .pc_ban .w_z a {



         color: #fff;



          font-size: 17px;



         border: #b5b5b5 1px solid;



         width: 171px;



         height: 53px;



         text-align: center;



         line-height: 53px;



     }



 }







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



     .swiper-pagination{



         opacity: 1;



     }



 }



 /* 公共标题 */







 .ggbt h5 {



     font-size: 32px;



     color: #1e1e1e;



     font-weight: bold;



     text-align: center;



 }







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



     .hx {



         display: none;



     }



     .pc_ban {



         width: 100%;



         height: 42vh;



         position: relative;



         overflow: hidden;



     }



 }







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



    /* .pc_ban .swiper-pagination-bullet {







        display: block;



    } */



     .pc_ban {



         height: 50vh;



         min-height: inherit;



     }



     .hx {



         display: none;



     }



     .pc_ban .w_z .bsz_y {



         /* height: 82%; */



         width: 96%;



         display: flex;



         justify-content: center;



         align-items: center;



     }



     .pc_ban .w_z .bsz_y img {



         width: 100%;



     }



     .pc_ban .w_z a {



         color: #fff;



         font-size: 15px;



         border: #b5b5b5 1px solid;



         width: 153px;



         height: 47px;



         text-align: center;



         line-height: 45px;



     }



     .pc_ban .container {



         width: 100%;



         top: 50%;



     }



     .pc_ban .swiper-button-prev {



         display: none;



     }



     .pc_ban .swiper-button-next {



         display: none;



     }



     .pc_ban .swiper-pagination {



         bottom: 10px;



     }



     /* .pc_ban .swiper-pagination-bullet-active {



        background-color: rgba(255, 255, 255) !important;



    } */



     /* .pc_ban .swiper-pagination-bullet {



        width: 30px;



        height: 2px;



        border: #fff 1px solid;



        position: absolute;



        left: 50%;



        transform: translate(-50%, -50%);







    } */



     .pc_ban .w_z {



         width: 100%;



     }



     .pc_ban .w_z h2 {



         font-size: 22px;



         font-weight: normal;



         line-height: 32px;



     }



     .pc_ban .w_z p {



         font-size: 16px;



         letter-spacing: 1px;



         line-height: 19px;



         margin-top: 10px;



         margin-bottom: 10px;



     }



     .pc_ban .w_z .n_r {



         width: 130px;



         height: 44px;



         margin: 30px auto 0;



     }



     .pc_ban .w_z .n_r a {



         font-size: 14px;



         line-height: 40px;



     }



 }







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







         .pc_ban {



             height: 42vh;



             min-height: inherit;



         }



     .pc_ban .w_z {



         display: block;



         margin-top: 20px;



     }



     .pc_ban .w_z h2 {



         color: #fff;



         font-size: 20px;



         line-height: 25px;



     }



     .pc_ban .w_z p {



         color: #fff;



         font-size: 12px;



         text-transform: uppercase;



         line-height: 19px;



         margin-top: 2px;



     }



     .pc_ban .w_z .n_r {



         width: 100px;



         height: 34px;



         margin: 7px auto 0;



         line-height: 34px;



         font-size: 12px;



     }



 }







 @media only screen and (max-width: 992px) {}



 /* 主营业务 */







 .sy_zyyw {



     padding-top: 104px;



     padding-bottom: 55px;



 }







 .zyyw_x {



     border: #e5e5e5 1px solid;



     box-shadow: 2px 2px 5px #e5e5e5;



     width: 100%;



     padding-top: 56px;



     padding-bottom: 56px;



     padding-left: 45px;



     padding-right: 65px;



     background-color: #fff;



     margin-top: 53px;



     transition: all .6s;



     transform: all .6s;



 }



 .zyyw_x:hover{



    border: rgba(0, 0, 0, 0) 1px solid;



    background: url(../image/bgbbb.png) no-repeat center / cover !important;



    box-shadow: none;



 }















 .zyyw_x:hover .x_zt {



     background: #fff;



 }







 .zyyw_x:hover .x_yt h5 {



     color: #ffffff;



 }







 .zyyw_x:hover .x_yt h6 {



     color: #ffffff;



 }







 .zyyw_x:hover .yt_an {



     color: #1c499e;



     background: #ffffff;



 }







 .zyyw_x:hover .yt_an i {



     margin-left: 10px;



 }



 /* .zyyw_x.on .yt_an:hover {



     background: #2874ec;



     color: #fff;



 } */



 /* 正常央视 */







 .x_zt {



     width: 160px;



     height: 160px;



     border-radius: 100%;



     background: #fff;



     float: left;



     overflow: hidden;



     text-align: center;



     line-height: 160px;



 }



 .row_num .xiao_tb:nth-child(1) .x_zt{



     background: #fff;



 }



 .row_num .xiao_tb:nth-child(2) .x_zt{



     background: #fdffb6;



 }



 .row_num .xiao_tb:nth-child(3) .x_zt{



    background: #cdffb6;



}



.row_num .xiao_tb:nth-child(4) .x_zt{



    background: #b5f3fe;



}











 .x_yt h5 {



     font-size: 26px;



     color: #1e1e1e;



 }







 .x_yt {



     display: flex;



     justify-content: center;



     flex-direction: column;



     height: 100%;



     padding-left: 16%;



 }







 .x_yt h6 {



     color: #505050;



     font-size: 14px;



     line-height: 22px;



     margin-top: 10px;



     margin-bottom: 10px;



 }







 .yt_an {



     width: 142px;



     height: 40px;



     border: 3px solid #92aff1;



     background: #2874ec;



     line-height: 33px;



     text-align: center;



     color: #ffffff;



     font-size: 16px;



     border-radius: 20px;



     transition: all .6s;



 }







 .yt_an i {



     margin-left: 10px;



 }







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



     .zyyw_x {



         padding-left: 15px;



         padding-right: 14px;



     }



 }







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



     .x_zt {



         width: 150px;



         height: 150px;



         line-height: 150px;



     }



     .x_yt h5 {



         font-size: 25px;



         color: #1e1e1e;



     }



     .x_yt {



         padding-left: 25%;



     }



 }







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



     .sy_zyyw {



         padding-top: 30px;



         padding-bottom: 30px;



     }



     .ggbt h5 {



         font-size: 30px;



     }



     .zyyw_x {



         padding-top: 30px;



         padding-bottom: 30px;



         padding-left: 45px;



         padding-right: 65px;



         margin-top: 30px;



     }



     .x_zt {



         width: 130px;



         height: 130px;



         line-height: 130px;



     }



     .x_zt img {



         width: 60% !important;



     }



     .x_yt h5 {



         font-size: 23px;



     }



     .x_yt h6 {



         font-size: 13px;



         line-height: 17px;



     }



 }







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



     .zyyw_x {



         padding-top: 30px;



         padding-bottom: 30px;



         padding-left: 10px;



         padding-right: 10px;



         margin-top: 30px;



     }



     .x_yt {



         padding-left: 15%;



     }



 }







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



     .x_yt {



         padding-left: 4%;



     }



     .ggbt h5 {



         font-size: 20px;



     }



     .sy_zyyw {



         padding-top: 20px;



         padding-bottom: 20px;



     }



     .zyyw_x {



         padding-top: 15px;



         padding-bottom: 15px;



         padding-left: 8px;



         padding-right: 8px;



         margin-top: 10px;



     }



     .x_zt {



         width: 100px;



         height: 100px;



         line-height: 100px;



     }



     .x_yt h5 {



         font-size: 20px;



     }



     .x_yt h6 {



         font-size: 12px;



         line-height: 15px;



     }



     .yt_an {



         width: 120px;



         height: 35px;



         line-height: 28px;



         font-size: 12px;



     }



     .zyyw_x .row .col-4 {



         padding-top: 9px;



     }



 }







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



     .zyyw_x .row .col-4 {



         padding-top: 4px;



     }



 }







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



     .zyyw_x .row .col-4 {



         padding-top: 5px;



     }



 }



 /* 垂直的行业解决方案 满足业务需求 */







 .sy_mz {



     padding-top: 141px;



     padding-bottom: 180px;



     position: relative;



     top: 0;



     left: 0;



     width: 100%;



 }







 .sy_mz .mz_dw {



     position: absolute;



     top: 22px;



     right: 0;



     width: 100%;



 }







 .sy_mz .mz_dw1 {



     position: absolute;



     bottom: 19px;



     right: 0;



     width: 100%;



 }







 .sy_mz .ggbt h5 {



     color: #f4f7ff;



 }







 .ggbt h6 {



     font-size: 16px;



     color: #f4f7ff;



     text-align: center;



     line-height: 41px;



 }







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



     .sy_mz .mz_dw {



         display: none;



     }



     .sy_mz .mz_dw1 {



         display: none;



     }



     .sy_mz {



         padding-top: 145px;



         padding-bottom: 144px;



         top: -47px;



     }



 }







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



     .sy_mz {



         padding-top: 120px;



         padding-bottom: 36px;



         top: 0px;



     }



     .ggbt h6 {



         font-size: 16px;



         color: #f4f7ff;



         text-align: center;



         line-height: 28px;



     }



 }







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



     .sy_mz {



         top: -90px;



     }



 }







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



     .sy_mz {



         padding-top: 120px;



         padding-bottom: 36px;



         top: -88px;



     }



     .sy_mz .container .row {



         background: #f1f3fa;



         padding-top: 45px;



         padding-bottom: 45px;



         margin-top: 28px;



         margin-left: 0px;



     }



 }



 /* 垂直的行业解决方案 满足业务需求 */







 .sy_mz .container .row {



     background: #f1f3fa;



     padding-top: 45px;



     padding-bottom: 45px;



     margin-top: 40px;



 }



 .tab_header1{







 }



 .tab_header1 ul {



     border-right: 1px solid #c8c8c8;



 }







 .tab_header1 ul li {



     width: 174px;



     padding-top: 17px;



     padding-bottom: 17px;



     font-size: 18px;



     color: #1e1e1e;



     text-align: center;



     border-right: 7px solid rgba(0, 0, 0, 0);



 }







 .tab_header1 ul li.on {



     background: linear-gradient( to right, #e5e8f5, #ccdafe) no-repeat;



     background: -webkit-linear-gradient( left, #e5e8f5, #ccdafe) no-repeat;



     border-right: 7px solid #307dfc;



     color: #307dfc;



 }







 .tab_body1 {



     height: 100%;



 }







 .tab_body1 ul {



     height: 100%;



 }







 .tab_body1 ul li {



  q



     height: 100%;



 }







 .tab_body1 ul li.show {



     display: block;



 }







 .sy_tab_y {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     flex-direction: column;



     height: 100%;



     padding-left: 89px;



     padding-right: 50px;



 }







 .sy_tab_y h5 {



     font-size: 24px;



     color: #1e1e1e;



 }







 .sy_tab_y h6 {



     font-size: 18px;



     color: #505050;



     margin-top: 19px;



     line-height: 33px;



 }







 .sy_tab_y .tab_ckgd {



     font-size: 18px;



     color: #646464;



     border: #646464 1px solid;



     padding: 7px 33px;



     float: right;



     border-radius: 31px;



     transition: all .6s;



 }







 .sy_tab_y .tab_ckgd:hover {



     color: #fff;



     border: #376ded 1px solid;



     background: #376ded;



 }







 .an111 {



     padding-top: 19px;



     width: 100%;



     text-align: right;



 }







 .sy_tab_y .tab_gg .gg_logo {



     width: 100%;



     height: 74px;



     background: #ffffff;



     border: solid 1px #e5e5e5;



     text-align: center;



     line-height: 74px;



 }







 .sy_mz .container .tab_gg .row {



     padding-top: 0px;



     padding-bottom: 0px;



     margin-top: 36px;



 }







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



     .tab_header1 ul {



         border-right: none;



     }



     .sy_tab_y .tab_gg .gg_logo {



         padding: 10px;



         line-height: 52px;



     }



     .sy_tab_y .tab_gg .gg_logo img {



         width: 100%;



         height: 100%;



     }



     .sy_mz .mz_dw1 {



         display: none;



     }



 }







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



     .tab_header1 ul li {



         width: 107px;



         font-size: 14px;



     }



     .tab_header1 ul {



         border-right: none;



         display: flex;



         justify-content: center;



         align-items: center;



         flex-wrap: wrap;



     }



     .sy_tab_y h6 {



         font-size: 16px;



         margin-top: 19px;



         line-height: 22px;



     }



     .sy_tab_y .tab_ckgd {



         font-size: 15px;



         padding: 6px 21px;



     }



     .sy_tab_y .tab_gg .gg_logo {



         width: 100%;



         height: 66px;



         line-height: 66px;



         margin-top: 10px;



     }



     .sy_mz .container .tab_gg .row {



         padding-top: 0px;



         margin-top: 0;



     }



 }







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



     .xiaobanner {



         width: 100%;



         margin-top: 30px;



     }



     .tab_body11 ul li {



         box-shadow: 0 0 8px #f3f4f6;



     }



 }







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



     .sy_mz .container .row {



         width: 100%;



         /* padding-left: 10px; */



         margin-left: 0px;



     }



     .sy_tab_y .tab_gg .gg_logo {



         width: 100%;



         height: 66px;



         line-height: 44px;



         text-align: center;



         /* margin: 10px auto; */



     }



     .tab_header1 ul li {



         font-size: 14px;



         display: inline;



         margin-left: 3%;



     }



     .sy_tab_y {



         padding-left: 0;



         padding-right: 0;



         margin-top: 20px;



     }



     .sy_tab_y h5 {



         font-size: 22px;



         text-align: center;



     }



     .sy_tab_y h6 {



         font-size: 13px;



         margin-top: 6px;



         line-height: 21px;



     }



     .an111 {



         padding-top: 8px;



         position: relative;



         left: -34%;



     }



     .sy_tab_y .tab_ckgd {



         font-size: 12px;



         padding: 4px 21px;



     }



 }







 @media only screen and (max-width: 414px) {}



 /* 经典案例切换+轮播 */







 .sy_jdal {



     padding-top: 50px;



     padding-bottom: 102px;











 }















 .tab_header11 .li {



     padding: 12px 20px;



     font-size: 18px;



   /*  display: inline;*/



     border-radius: 57px;



     color: #000000;



 }



 .tab_header11 .swiper-slide-thumb-active .li{



     border: #1c499e 1px solid;



     color: #1c499e;



 }



 .tab_header11 .swiper-container {



     margin-left: auto;



     margin-right: auto;



     position: relative;



     overflow: hidden;



     list-style: none;



     padding: 0;



     z-index: 1;



     padding-top: 14px;



     padding-bottom: 13px;



 }







 .tab_header11 .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {



     --swiper-navigation-color: #fff;



     width: 52px;



     height: 89px;



     background: rgba(119, 146, 197, 1);



     outline:none;



 }



 .tab_header11 .swiper-slide11{



     text-align: center;



 }



 .tab_header11 .ul {



     display: flex;



     justify-content: center;



     align-items: center;



     margin-top: 50px;



     padding-left: 30px;



     padding-right: 30px;



 }



.juzhong{



    width: 100%;



    text-align: center;



}



 /* bannerr */



 /* 小轮播 */







 .xiaobanner {



     width: 100%;



     /* overflow: hidden; */



     margin-top: 58px;



 }







 .xiaobanner .swiper-container {



     position: relative;



 }







 .xiaobanner .swiper-wrapper {



     width: 9999999px;



     transition: all 1s ease;



 }







 .xiaobanner .swiper-slide {



     float: left;



     position: relative;



 }







 .xiaobanner .swiper-button-prev,



 .xiaobanner .swiper-button-next {



     position: absolute;



     top: 44%;



     width: 49px;



     height: 103px;



     margin-top: calc(-1 * var(--swiper-navigation-size) / 2);



     z-index: 10;



     cursor: pointer;



     display: flex;



     align-items: center;



     justify-content: center;



     color: white;



     background: #7792c5;



 }







 .xiaobanner .swiper-button-prev {



     left: 0;



 }







 .xiaobanner .swiper-button-next {



     right: 0;



 }







 .xiaobanner .swiper-left {



     width: 60px;



     height: 100%;



     position: absolute;



     top: 0;



     left: -60px;



     display: flex;



     align-items: center;



     justify-content: center;



     transition: all 0.4s ease;



 }







 .xiaobanner .swiper-right {



     width: 60px;



     height: 100%;



     position: absolute;



     top: 0;



     right: -60px;



     display: flex;



     align-items: center;



     justify-content: center;



     transition: all 0.4s ease;



 }







 .swiper-left img,



 .swiper-right img {



     cursor: pointer;



 }







 .xiaobanner .swiper-contione:hover .swiper-left {



     left: 0;



 }







 .xiaobanner .swiper-contione:hover .swiper-right {



     right: 0;



 }







 .xiaobanner .swiper-pagination-bullet {



     /* width: 40px;



     height: 3px;



     border-radius: 0; */



     display: none;



 }







 .xiaobanner .swiper-pagination-bullet-active {



     background-color: #1c499e;



 }







 .tab_tu_y {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     /* 换主轴 */



     flex-direction: column;



     height: 100%;



     padding-right: 79px;



 }







 .tu_y_bt {



     margin-top: 58px;



 }







 .tu_y_bt:nth-child(1) {



     margin-top: 0;



 }







 .tu_y_bt h5 {



     padding-left: 18px;



     padding-right: 34px;



     border-left: 5px solid #1c499e;



     font-size: 20px;



     color: #1c499e;



     position: relative;



 }







 .tu_y_bt h5::after {



     width: 110px;



     height: 15px;



     background: rgba(28, 73, 158, 0.2);



     content: "";



     position: absolute;



     bottom: 0;



     left: 0;



 }







 .tu_y_bt h6 {



     font-size: 18px;



     color: #000000;



     /* margin-top: 16px; */



     line-height: 30px;



     margin-top: 10px;



     padding-right: 39px;



 }







 .ck_gd {



     width: 100%;



     text-align: right;



     margin-top: 91px;



 }







 .ck_gd a {



     padding: 9px 22px;



     background: #2874ec;



     border: 3px #8da4ce solid;



     border-radius: 30px;



     color: #ffffff;



     transition: all .6s;



 }







 .ck_gd a i {



     margin-left: 10px;



 }







 .ck_gd a:hover {



     background: #ffffff;



     color: #2874ec;



 }







 .jdal_an {



     width: 100%;



     text-align: center;



     margin-top: 50px;



 }







 .jdal_an a {



     padding: 10px 25px;



     font-size: 16px;



     color: #1c499e;



     border: #dadada 3px solid;



     border-radius: 30px;



     transition: all .6s;



 }







 .jdal_an a:hover {



     color: #ffffff;



     background-color: #2874ec;



 }







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



     .tab_tu_y {



         padding-right: 28px;



         padding-left: 32px;



     }



 }







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







     .sy_jdal {



         padding-top: 0;



         padding-bottom: 102px;







     }



     .tab_header11 ul li {



         padding: 5px 25px;



         font-size: 15px;



     }



     .tab_tu_z img {



         width: 100%;



     }



     .tab_tu_y {



         height: 99%;



         padding-right: 0;



         padding-bottom: 15px;



     }



     .xiaobanner .swiper-button-prev {



         left: 0;



         display: none;



     }



     .xiaobanner .swiper-button-next {



         left: 0;



         display: none;



     }



     .tu_y_bt h6 {



         font-size: 18px;



         line-height: 20px;



         margin-top: 10px;



         padding-right: 39px;



     }



     .xiaobanner .swiper-pagination-bullet {



         display: block;



         position: absolute;



         left: 50%;



         transform: translate(-50%, -50%);



     }



     .tab_header11 .li {



         font-size: 14px;



     }











 }







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



     .tab_header11 .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {



        display: none;



     }



     .tab_tu_y {



         padding-right: 28px;



         padding-left: 0px;



     }



     .tab_header11 .li {



         padding: 5px 7px;



         font-size: 12px;







     }



     .tab_header11 .swiper-container {







         padding-top: 6px;



         padding-bottom: 6px;



         padding-left: 8px;



         padding-right: 8px;



     }



 }







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



     .xiaobanner {



         width: 100%;



         /* overflow: hidden; */



         margin-top: 30px;



     }



     .tab_tu_z img {



         display: none;



     }



     .tu_y_bt {



         margin-top: 18px;



     }



     .sy_jdal {



         padding-top: 0;



         padding-bottom: 49px;



         /*margin-top: -100px;*/



     }



     .ck_gd {



         width: 100%;



         text-align: center;



         margin-top: 21px;



     }



     .xiaobanner .swiper-wrapper {



         position: relative;



         width: 100%;



         height: 100%;



         z-index: 1;



         display: flex;



         transition-property: transform;



         box-sizing: content-box;



         padding-bottom: 34px;



         padding-top: 10px;



     }



     .tab_header11 ul {



         margin-top: 19px;



     }



     .tab_header11 ul li {



         padding: 3px 11px;



         font-size: 12px;



     }



     .tu_y_bt h5 {



         padding-left: 18px;



         padding-right: 20px;



         border-left: 3px solid #1c499e;



         font-size: 16px;



     }



     .tu_y_bt h6 {



         font-size: 13px;



         line-height: 17px;



         margin-top: 2px;



         padding-right: 0;



     }



     .ck_gd a {



         padding: 3px 11px;



         font-size: 12px;



     }



     .jdal_an {



         width: 100%;



         text-align: center;



         margin-top: 34px;



     }



     .jdal_an {



         margin-top: 34px;



     }



     .jdal_an a {



         padding: 2px 20px;



         font-size: 14px;



     }



 }



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



     .gallery-thumbs .swiper-wrapper{



         flex-wrap: wrap;



     }



     .gallery-thumbs .swiper-slide{



         flex: 0 0 50%;



         margin:10px 0!important;







     }







 }



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



     .sy_jdal {



         padding-top: 0;



         padding-bottom: 49px;







     }



     .tab_tu_y {



         height: 99%;



         padding-right: 15px;



         padding-bottom: 15px;



         padding-top: 10px;



     }



 }



 /* 定制开发为什么选齿轮易创 */







 .sy_xz {



     padding-top: 67px;



     padding-bottom: 148px;



 }







 .sy_xz .ggbt h5 {



     color: #fff;



 }







 .sy_xz table {



     width: 100%;



     margin-top: 50px;



 }







 .sy_xz tr {



     height: 81px;



 }







 .sy_xz thead td {



     font-size: 22px;



     padding: 27px 0;



     height: 100%;



     text-align: center;



 }







 .sy_xz thead td:nth-child(1) {



     background: #bdd0ff;



     color: #195bfd;



     font-weight: bold;



     padding-left: 60px;



     padding-right: 60px;



 }







 .sy_xz thead td:nth-child(2) {



     background: linear-gradient( to bottom, #8bacff, #3f76fd) no-repeat;



     background: -webkit-linear-gradient( top, #8bacff, #3f76fd) no-repeat;



     color: #ffffff;



     font-weight: bold;



 }







 .sy_xz thead td:nth-child(3) {



     background: #c4d5ff;



     color: rgba(25, 91, 253, 0.4);



 }







 .sy_xz tbody tr td {



     font-size: 18px;



     color: #2463fd;



     text-align: center;



 }







 .sy_xz table tbody tr:nth-child(2n) td:nth-child(1) {



     background: #bdd0ff;



     color: #195bfd;



 }







 .sy_xz table tbody tr:nth-child(2n) td:nth-child(2) {



     background: #ffffff;



     color: #2463fd;



     font-weight: bold;



 }







 .sy_xz table tbody tr:nth-child(2n) td:nth-child(3) {



     background: #c4d5ff;



     color: rgba(36, 99, 253, 0.4);



 }







 .sy_xz table tbody tr:nth-child(2n-1) td:nth-child(1) {



     background: #e0eaff;



     color: #2463fd;







 }







 .sy_xz table tbody tr:nth-child(2n-1) td:nth-child(2) {



     background: #e7edff;



     color: #2463fd;



font-weight: bold;



 }







 .sy_xz table tbody tr:nth-child(2n-1) td:nth-child(3) {



     background: #e0eaff;



     color: rgba(36, 99, 253, 0.4);



 }



 /* 对于网站定制开发，你还想了解一下 */







 .sy_ljyx {



     padding-top: 61px;



     padding-bottom: 24px;



 }







 .ljyw_nr ul li {



     width: 100%;



     height: 150px;



     box-shadow: #f3f4f5 5px 5px 10px;



     margin-top: 31px;



 }







 .ljyw_nr ul {



     margin-top: 20px;



 }







 .nr_tb1 {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     /* 换主轴 */



     flex-direction: column;



     height: 100%;



 }







 .nr_tupianbg {



     padding: 12px 0;



     width: 152%;



     font-size: 30px;



     color: #ffffff;



     text-align: center;



     font-weight: bold;



 }







 .ljyw_nr .row {



     height: 100%;



 }







 .nr_wz1 {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     /* 换主轴 */



     flex-direction: column;



     height: 100%;



     padding-left: 40px;



     padding-right: 40px;



 }







 .nr_wz1 h5 {



     font-size: 20px;



     color: #1c499e;



 }







 .nr_wz1 div {



     font-size: 16px;



     color: #505050;



     line-height: 30px;



     margin-top: 10px;



 }







 .ljyx_ck {



     width: 100%;



     text-align: center;



     margin-top: 100px;



 }







 .ljyx_ck a {



     padding: 11px 13px;



     border: #dadada 3px solid;



     font-size: 16px;



     color: #1c499e;



     border-radius: 30px;



     transition: all .6s;



 }







 .ljyx_ck a:hover {



     background: #2874ec;



     color: #fff;



 }







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



     .sy_xz {



         padding-top: 30px;



         padding-bottom: 128px;



     }



     .sy_xz thead td:nth-child(1) {



         padding-left: 28px;



         padding-right: 28px;



     }



     .sy_xz tr {



         height: 67px;



     }



     .sy_xz thead td {



         font-size: 19px;



         padding: 19px 0;



     }



     .sy_xz tbody tr td {



         font-size: 16px;



     }



     .sy_ljyx {



         padding-top: 15px;



         padding-bottom: 10px;



     }



     .ljyw_nr ul li {



         width: 100%;



         height: 100%;



         margin-top: 24px;



         padding: 10px 0;



     }



     .nr_wz1 div {



         font-size: 13px;



         line-height: 20px;



         margin-top: 10px;



     }



     .nr_tupianbg {



         padding: 4px 0;



         width: 255%;



         font-size: 12px;



     }



     .ljyx_ck {



         margin-top: 50px;



     }



 }







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



     .sy_xz table {



         margin-top: 27px;



     }



     .sy_xz thead td {



         font-size: 13px;



         padding: 9px 0;



     }



     .sy_xz tbody tr td {



         font-size: 12px;



     }



     .sy_xz tr {



         height: 56px;



     }



     .sy_xz {



         padding-top: 30px;



         padding-bottom: 67px;



     }



     .sy_ljyx {



         padding-top: 15px;



         padding-bottom: 10px;



         margin-top: -20px;



     }



     .nr_tupianbg {



         padding: 4px 0;



         width: 42px;



         font-size: 12px;



         height: 29px;



     }



     .nr_wz1 {



         padding-left: 23px;



         padding-right: 0;



     }



     .nr_wz1 h5 {



         font-size: 17px;



     }



     .ljyx_ck {



         margin-top: 33px;



     }



     .ljyx_ck a {



         padding: 4px 13px;



         font-size: 13px;



     }



 }



 /* 服务流程 */







 .sy_fwlc {



     padding-top: 158px;



     padding-bottom: 0px;



 }







 .sy_fwlc .ggbt h5 {



     color: #fff;



 }







 .fwlc_tb {



     padding-top: 64px;



     padding-bottom: 61px;



     background: #fff;



     box-shadow: 2px 2px 5px #f3f3f3;



 }







 .sy_fwlc .dc_da {



     /* position: absolute; */



     width: 100%;



     padding: 65px 41px;



     background-color: #fff;



     box-shadow: 0 0 10px #999;



     margin-top: 50px;



 }







 .sy_fwlc .dc_da ul {



     /* padding-left: 4.1%; */



     padding-top: 50px;



     padding-bottom: 50px;



 }







 .sy_fwlc .dc_da li {



     position: relative;



     float: left;



     margin-left: 26px;



     height: 220px;



 }







 .sy_fwlc .dc_da li a {



     position: relative;



     text-align: center;



     display: block;



     width: 50px;



     height: 50px;



     margin: 93px 0;



     margin-left: 35px;



     line-height: 46px;



     border: #2161fd 1px solid;



     border-radius: 100%;



     font-size: 16px;



     color: #2161fd;



 }







 .sy_fwlc .dc_da li:nth-child(1) a {



     margin-left: 0px;



 }







 .sy_fwlc .dc_da li:nth-child(2n-1) a::after {



     position: relative;



     left: 16.5px;



     top: 7px;



     content: "";



     display: block;



     background: url(../image/xiangshang.png) no-repeat center;



     width: 14px;



     height: 70px;



 }







 .sy_fwlc .dc_da li:nth-child(2n) a::after {



     position: relative;



     left: 17.5px;



     top: 5px;



     content: "";



     display: block;



     background: url(../image/xiangxiajiantou.jpg) no-repeat center;



     width: 14px;



     height: 70px;



 }







 .sy_fwlc .dc_da li a::before {



     position: absolute;



     left: -51px;



     top: 17.5px;



     content: "";



     display: block;



     background: url(../image/jiantou.png) no-repeat center;



     width: 43px;



     height: 7px;



 }







 .sy_fwlc .dc_da li:nth-child(odd) a::after {



     top: -117px;



 }







 .sy_fwlc .dc_da li:first-child a::before {



     background: none;



 }







 .sy_fwlc .dc_da li .da_wz {



     text-align: center;



 }







 .sy_fwlc .dc_da li:nth-child(1) .da_wz {



     width: 200px;



     position: absolute;



     left: -75px !important;



     top: -47px;



 }







 .sy_fwlc .dc_da li:nth-child(odd) .da_wz {



     width: 200px;



     position: absolute;



     left: -40px;



     top: -64px;



 }







 .sy_fwlc .dc_da li:nth-child(even) .da_wz {



     width: 200px;



     position: absolute;



     left: -39px;



     top: 228px;



     flex-direction: column-reverse;



     display: flex;



 }







 .sy_fwlc .dc_da li .da_wz h5 {



     font-size: 30px;



     color: #2463fd;



     margin: 10px;



 }







 .sy_fwlc .dc_da li .da_wz p {



     font-size: 16px;



     color: #1e1e1e;



 }







 .tbtp {



     width: 100%;



 }







 .tbtp img {



     width: 100%;



 }







 .yc_tb {



     display: none;



 }







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



     .dc_da ul {



         display: none;



     }



     .yc_tb {



         display: block;



     }



     .yc_tb .tb_001 {



         width: 100%;



         padding: 15px;



         box-shadow: 2px 2px 10px #666666;



         color: #0069ff;



         margin-top: 10px;



     }



     .yc_tb .tb_001 i {



         font-style: italic;



         font-size: 20px;



         font-weight: bold;



     }



     .yc_tb .tb_001 h5 {



         text-align: center;



         font-size: 30px;



         margin-top: -15px;



         margin-bottom: 10px;



     }



     .yc_tb .tb_001 p {



         text-align: center;



         font-size: 14px;



     }



 }







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



     .sy_fwlc {



         padding-top: 132px;



         padding-bottom: 50px;



         margin-top: -67px;



     }



     /* .sy_fwlc .dc_da li {



         margin-top: 155px;



     }



     */



     /* .sy_fwlc .dc_da li {



         box-shadow: 0 0 10px #ccc;



         padding: 30px 0;



         text-align: center;



         width: 50%;



         margin-top: 155px;



         border: solid 1px #ccc;



         position: relative;



     } */



     /* .sy_fwlc .dc_da li a {



         font-style: italic;



         top: 15px;



         left: 15px;



         display: none;



         position: absolute;



         text-align: center;



         display: block;



         width: 30px;



         height: 30px;







         margin-left: 35px;



         line-height: 30px;







         border-radius: 100%;



         font-size: 18px;



         color: #2161fd;



     } */



     .dc_da ul {



         display: none;



     }



     .yc_tb {



         display: block;



     }



     .yc_tb .tb_001 {



         width: 100%;



         padding: 15px;



         box-shadow: 0 0 10px #999;



         color: #0069ff;



         margin-top: 10px;



     }



     .yc_tb .tb_001 i {



         font-style: italic;



         font-size: 20px;



         font-weight: bold;



     }



     .yc_tb .tb_001 h5 {



         text-align: center;



         font-size: 30px;



         margin-top: -15px;



         margin-bottom: 10px;



     }



     .yc_tb .tb_001 p {



         text-align: center;



         font-size: 14px;



     }



 }







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



     .sy_fwlc {



         padding-bottom: 31px;



         margin-top: -54px;



     }



     .yc_tb .tb_001 {



         padding: 2px;



         margin-top: 6px;



     }



     .sy_fwlc .dc_da {



         padding: 18px 14px;



         margin-top: 26px;



     }



 }



 /* 交付清单 */







 .sy_jfdd {



     background-color: #e8efff;



     padding-top: 68px;



     padding-bottom: 71px;



     margin-top: 97px;



 }







 .sy_jfdd .ggbt {



     margin-bottom: 15px;



 }







 .sy_jfdd .jfdd_xy {



     width: 100%;



     color: #000000;



     padding-top: 22px;



     padding-bottom: 26px;



     text-align: center;



     transition: all .6s;



     margin-top: 32px;



     text-align: center;



 }







 .sy_jfdd .jfdd_xy:hover {



     background: #4b7efd !important;



     color: #fff;



 }







 .sy_jfdd .jfdd_xy h5 {



     width: 37px;



     height: 36px;







     margin: 5px auto;







     transition: all .6s;



 }



 .sy_jfdd .jfdd_xy:hover h5{



     background-position:  top center !important;



 }







 .sy_jfdd .jfdd_xy h6 {



     font-size: 14px;



     margin-top: 14px;



 }



 /* 500强企业都选择了再度科技  */







 .sy_wbxuanze {



     padding: 99px 0;



 }







 .sy_wbxuanze ul {



     display: flex;



     justify-content: center;



     align-items: center;



     flex-wrap: wrap;



     margin-top: 54px;







 }







 .sy_wbxuanze ul li {



     width: 20%;



     padding: 0 10px;



     margin-top: 28px;



 }















 .wb_lo img {



     /*max-width: 183px;*/



     width: 100%;



     text-align: center;



     height: 60px;



 }







 .wb_lo {



     background: #fff;



     box-shadow: #999 0 0 10px;



     padding: 10px 19px;



     text-align: center;



 }







 .sy_dewm {



     background: #eaf0ff;



     padding-top: 75px;



     padding-bottom: 58px;



 }







 .sy_dewm .ew_z {



     padding-top: 75px;



     padding-bottom: 86px;



 }







 .sy_dewm .z_wwz {



     padding-left: 49px;



 }







 .sy_dewm .ew_z h2 {



     font-size: 26px;



     color: #ffffff;



 }







 .sy_dewm .ew_z h2 strong {



     font-size: 42px;



     color: #ff8a41;



     font-weight: normal;



 }







 .sy_dewm .ew_z h3 {



     font-size: 42px;



     color: #fffefe;



     line-height: 80px;



 }







 .sy_dewm .ew_z h4 {



     font-size: 16px;



     color: #fffefe;



     margin-bottom: 25px;



 }







 .sy_dewm .ew_z h5 {



     font-size: 24px;



     color: #fffefe;



     line-height: 35px;



     position: relative;



     margin-left: 25px;



 }



 .sy_dewm .ew_z h5::before {



     position: absolute;



     width: 15px;



     height: 15px;



     background: #ff8a41;



     border-radius: 100%;



     content: "";



     left: -5%;



     top: 38%;



 }



















 .ewm_gz {



     display: flex;



     justify-content: center;



     /* align-items: center; */



     flex-direction: column;



     height: 100%;



     padding: 0px 110px;



 }







 .ew_m {



     width: 65%;



     text-align: center;



     margin: 0 auto;



 }







 .ew_m img {



     width: 100%;



 }







 .ewm_gz h5 {



     font-size: 16px;



     color: #646464;



     line-height: 26px;



     margin-top: 10px;



 }



 .di_di img{



     width: 100%;



 }



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



     .sy_jfdd .jfdd_xy {



         background: #fff !important;



     }



     .ewm_gz {



         padding: 0px 58px;



     }



 }







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



     .sy_jfdd {



         padding-top: 30px;



         padding-bottom: 30px;



         margin-top: 0;



     }



     .sy_jfdd .jfdd_xy h5 {



         font-size: 40px;



         margin-bottom: 10px;



     }



     .jfdd_xy {



         background: #fff !important;



     }



     .sy_wbxuanze ul li {



         width: 33%;



         margin-top: 15px;



     }



     .sy_wbxuanze {



         padding: 30px 0;



     }



     .sy_dewm {



         padding-top: 30px;



         padding-bottom: 30px;



     }



     .sy_dewm .ew_z {



         padding-top: 30px;



         padding-bottom: 30px;



     }



     .sy_dewm .ew_z h2 {



         font-size: 21px;



     }



     .sy_dewm .ew_z h2 strong {



         font-size: 34px;



     }



     .sy_dewm .ew_z h3 {



         font-size: 35px;



         line-height: 59px;



     }



     .sy_dewm .ew_z h4 {



         font-size: 16px;



         margin-bottom: 13px;



     }



     .sy_dewm .ew_z h5 {



         font-size: 21px;



         line-height: 32px;



         margin-left: 15px;



     }



     .ewm_gz {



         padding: 15px 10px;



     }



     .ewm_gz h5 {



         font-size: 14px;



         line-height: 22px;



         margin-top: 4px;



     }



     .di_di {



         display: none;



     }



     .sy_dewm .ew_z h5::before {







         width: 10px;



         height: 10px;







         left: -7%;



         top: 24%;



     }



 }







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



     .sy_dewm .ew_z h5::before {



        display: none;



     }



     .wb_lo img {



         /* max-width: 183px; */







         height: 23px;



     }



     .sy_jfdd .jfdd_xy {



         padding-top: 11px;



         padding-bottom: 11px;



         margin-top: 10px;



     }



     .sy_dewm .z_wwz {



         padding-left: 0;



         text-align: center;



     }



     .sy_dewm .ew_z h2 strong {



         font-size: 28px;



     }



     .sy_dewm .ew_z h2 {



         font-size: 18px;



     }



     .sy_dewm .ew_z h3 {



         font-size: 25px;



         line-height: 40px;



     }



     .sy_dewm .ew_z h4 {



         font-size: 14px;



         margin-bottom: 7px;



     }



     .sy_dewm .ew_z h5 {



         font-size: 18px;



         line-height: 24px;



     }



     .ewm_gz {



         padding: 11px 23px;



     }



 }















 /*表单*/



 .landing-submit-modal {



     display: none;



     position: fixed;



     z-index: 999999;



     top: 0;



     left: 0;



     right: 0;



     bottom: 0;



     padding: 0 20px;



 }



 .landing-submit-modal>.submit-modal-mask {



     position: fixed;



     background: rgba(33,50,85,0.7);



     top: 0;



     left: 0;



     right: 0;



     bottom: 0;



     z-index



 }



 .landing-submit-modal>.center-box {



     position: absolute;



     /* z-index: 3; */



     max-width: 760px;



     width: 95%;



     height: 573px;



     top: 50%;



     left: 50%;



     transform: translate(-50%, -50%);



     background: #FFFFFF;



     border: 1px solid #E6E8ED;



     box-shadow: 0px 4px 20px 0 rgba(5,29,76,0.1);



     text-align: center;



     padding-top: 37px;



     border-radius: 4px;



     display: none;



     padding-left: 50px;



     padding-right: 50px;



 }



 .landing-submit-modal>.center-box>.close {



     text-align: center;



     font-size: 25px;



     color: #727681;



     border: 0;



     width: 40px;



     height: 40px;



     border-radius: 50%;



     background-color: transparent;



     position: absolute;



     top: 4px;



     right: 0;



     cursor: pointer;



     opacity: 0.8;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-title {



     color: #213254;



     font-size: 24px;



     line-height: 48px;



     font-weight: 700;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-title>span {



     color: #0069FF;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center {



     width: 100%;



     margin: auto;



     padding: 0 80px;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list {



     width: 100%;



     margin-top: 20px;



     position: relative;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list input {



     width: 100%;



     height: 40px;



     font-size: 14px;



     padding-left: 5px;



 }



 .landing-submit-modal input, .landing-submit-modal textarea {



     border: 1px solid #E8EAED;



     border-radius: 2px;



     background: #fff;



     outline: none;



     resize: none;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list {



     width: 100%;



     margin-top: 20px;



     position: relative;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list input {



     width: 100%;



     height: 40px;



     font-size: 14px;



     padding-left: 5px;



 }



 .landing-submit-modal input, .landing-submit-modal textarea {



     border: 1px solid #E8EAED;



     border-radius: 2px;



     background: #fff;



     outline: none;



     resize: none;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list {



     width: 100%;



     margin-top: 20px;



     position: relative;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list input {



     width: 100%;



     height: 40px;



     font-size: 14px;



     padding-left: 5px;



 }



 .landing-submit-modal input, .landing-submit-modal textarea {



     border: 1px solid #E8EAED;



     border-radius: 2px;



     background: #fff;



     outline: none;



     resize: none;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list {



     width: 100%;



     margin-top: 20px;



     position: relative;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list textarea {



     width: 100%;



     height: 100px;



     font-size: 14px;



     padding: 5px;



 }



 .landing-submit-modal input, .landing-submit-modal textarea {



     border: 1px solid #E8EAED;



     border-radius: 2px;



     background: #fff;



     outline: none;



     resize: none;



 }



 textarea {



     resize: none !important;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-center .form-list .form-description-message {



     display: none;



     position: absolute;



     left: 0;



     bottom: -21px;



     line-height: 16px;



     font-size: 12px;



     color: #F5121D;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-btn {



     padding: 14px 36px;



     font-size: 24px;



     margin: 30px auto 0;



 }



 .landing-submit-modal .btn-o {



     border-radius: 999px;



     color: #fff;



     border: 0;



     padding: 0;



     transition: .3s;



     outline: none;



 }



 .landing-submit-modal .btn-blue {



     background-image: linear-gradient(127deg, #41B5FF 0%, #2670FA 100%);



     font-size: 22px;



 }



 .landing-submit-modal .btn {



     padding: 0 34px;



     box-shadow: 0 4px 17px 0 rgba(38,112,250,0.35);



     display: none;



 }



 .form-box .fs_fs01 h5 {



     font-size: 18px;



     color: #000;



     font-weight: bold;



     text-align: left;



     margin-top: 20px;



     margin-bottom: 20px;



 }



 .form-box .fs_fs01 .erweima {



     font-size: 15px;



     color: #333333;



     text-align: left;



     margin-left: 2%;



     /* line-height: 22px; */



 }



 .form-box .fs_fs01 .erweima .erweima_kk {



     width: 25%;



     /* height: 138px; */



     float: left;



 }



 .form-box .fs_fs01 .erweima .erweima_kk img{



     width: 100%;



 }



 .yiduanwenzi {



     float: right;



     width: 73%;



     margin-left: 2%;







    padding-top: 20px;



 }



 .form-box .yiduanwenzi strong{



     color: red;



 }



 .btn {



     display: inline-block;



     padding: 6px 12px;



     margin-bottom: 0;



     font-size: 14px;



     font-weight: 400;



     line-height: 1.42857143;



     text-align: center;



     white-space: nowrap;



     vertical-align: middle;



     -ms-touch-action: manipulation;



     touch-action: manipulation;



     cursor: pointer;



     -webkit-user-select: none;



     -moz-user-select: none;



     -ms-user-select: none;



     user-select: none;



     background-image: none;



     border: 1px solid transparent;



     border-radius: 4px;



 }



 button {



     outline: none;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-box-foot {



     position: absolute;



     bottom: 0;



     left: 0;



     width: 100%;



     background: #F5F7FB;



     box-shadow: 0px -1px 0px 0px #e8eaed;



     height: 60px;



     line-height: 60px;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-box-foot>ul {



     text-align: center;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-box-foot>ul>li {



     display: inline-block;



     color: #9098A9;



     font-size: 14px;



     margin-right: 35px;



 }



 .landing-submit-modal>.center-box.form-modal>.form-box .form-box-foot>ul>li {



     display: inline-block;



     color: #9098A9;



     font-size: 14px;



     margin-right: 35px;



 }



 .landing-submit-modal{



     display: none;



 }



 /*悬浮框右边*/



 .quickly-open {



     position: fixed;



     right: 10px;



     bottom: 80px;



     z-index: 1001;



     width: 70px;



     height: auto;



     font-size: 12px;



     font-weight: 500;



     text-align: center;



     color: #fff;



 }



 .quickly-open .open-5899 {



     width: 121px;



     position: absolute;



     top: -138px;



     right: 0;



     cursor: pointer;



 }



 .quickly-open .quickly-open-btn {



     padding-top: 8px;



     background: #0069FF;



     background: linear-gradient(42deg, #0069ff 0%, #003fe7 100%);



     border-radius: 2px 10px 2px 10px;



     margin-bottom: 4px;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .open-modal {



     display: none;



 }



 .quickly-open .tijiao-icon {







     position: relative;



     background-size: 22px;



 }



 .quickly-open .quickly-icon {







     width: 28px;



     height: 28px;



     margin: 0 auto 6px;



     background-repeat: no-repeat;



     background-position: center;



     background-size: 28px;



 }



 .quickly-open .open-meiqia-btn {



     position: relative;



 }



 .quickly-open .quickly-open-btn {



     padding-top: 8px;



     background: #0069FF;



     background: linear-gradient(42deg, #0069ff 0%, #003fe7 100%);



     border-radius: 2px 10px 2px 10px;



     margin-bottom: 4px;



 }



 .quickly-open-btn a{ color: #fff;}



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .open-meiqia-btn .unread-num {



     position: absolute;



     top: 10px;



     left: 38px;



     background: #e4372c;



     color: #fff;



     border-radius: 16px;



     font-size: 12px;



     line-height: 16px;



     text-decoration: none;



     text-align: center;



     min-width: 16px;



     max-width: 24px;



     padding: 0 2px;



     height: 16px;



     text-overflow: ellipsis;



     white-space: nowrap;



     overflow: hidden;



     display: none;



 }



 .quickly-open .meiqia-icon {



     /*background-image: url(../image/xiao.svg);*/



     background-size: 22px;



 }



 .quickly-open .quickly-icon {



     width: 28px;



     height: 28px;



     margin: 0 auto 6px;



     background-repeat: no-repeat;



     background-position: center;



     background-size: 28px;



 }



 .quickly-open .call-btn {



     position: relative;



 }



 .quickly-open .quickly-open-btn {



     padding-top: 8px;



     background: #0069FF;



     background: linear-gradient(42deg, #0069ff 0%, #003fe7 100%);



     border-radius: 2px 10px 2px 10px;



     margin-bottom: 4px;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open {



     position: fixed;



     right: 10px;



     bottom: 80px;



     z-index: 1001;



     width: 70px;



     height: auto;



     font-size: 12px;



     font-weight: 500;



     text-align: center;



     color: #fff;



 }



 .quickly-open .call-icon {







     background-size: 24px;



 }



 .quickly-open .quickly-icon {



     width: 28px;



     height: 28px;



     margin: 0 auto 6px;



     background-repeat: no-repeat;



     background-position: center;



     background-size: 28px;



 }



 .quickly-open .call-btn .call-tag {



     position: absolute;



     top: 10px;



     z-index: 90;



     height: 78px;







     background-size: 245px 78px;



     transition: all 0.3s linear;



     overflow: hidden;



     white-space: nowrap;



     left: -250px;



     width: 245px;



     display: none;



 }



 .quickly-open .call-btn .call-tag .call-num {



     position: absolute;



     left: 25px;



     top: 26px;



     font-size: 16px;



     color: #0069FF;



 }



 .quickly-open .call-btn .call-tag {



     position: absolute;



     top: 10px;



     z-index: 90;



     height: 78px;



     background: url(../image/kuang.png) center no-repeat;



     background-size: 245px 78px;



     transition: all 0.3s linear;



     overflow: hidden;



     white-space: nowrap;



     left: -250px;



     width: 245px;



     display: none;



 }



 .quickly-open .wechat-qr-code-btn {



     position: relative;







 }



 .quickly-open .quickly-open-btn {



     padding-top: 8px;



     background: #0069FF;



     background: linear-gradient(42deg, #0069ff 0%, #003fe7 100%);



     border-radius: 2px 10px 2px 10px;



     margin-bottom: 4px;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .quickly-open-btn:hover .call-tag{



     display: block;



 }



 .quickly-open .wechat-qr-code-icon {







     background-size: 25px;



 }



 .quickly-open .quickly-icon {



     width: 28px;



     height: 28px;



     margin: 0 auto 6px;



     background-repeat: no-repeat;



     background-position: center;



     background-size: 28px;



 }



 .quickly-open .wechat-qr-code-btn .wechat-qr-code-box {



     box-sizing: border-box;



     position: absolute;



     width: 108px;



     height: 125px;



     top: 0px;



     left: -115px;



     background: #FFFFFF;



     border: 1px solid #CED5E0;



     border-radius: 2px;



     padding: 10px;



     display: none;



 }



 .quickly-open-btn:hover .wechat-qr-code-box {



     display: block;



 }



 .quickly-open .wechat-qr-code-btn .qr-code-image {



     width: 86px;



     height: 86px;



     display: block;



     box-sizing: border-box;



     border: 1px solid #CED5E0;



 }



 .quickly-open .wechat-qr-code-btn .qr-code-image .image {



     width: 100%;



     height: 100%;



 }



 .quickly-open .wechat-qr-code-btn .message {



     display: inline-block;



     width: 100%;



     opacity: 1;



     filter: alpha(opacity=60);



     font-size: 12px;



     color: #000000;



     letter-spacing: 0.63px;



     text-align: center;



     margin: 0;



     line-height: 20px;



 }



 .quickly-open .callback-top-btn-box {



     height: 70px;



 }



 .quickly-open .callback-top-btn {



     position: relative;



     display: none;



 }



 .quickly-open .quickly-open-btn {



     padding-top: 8px;



     background: #0069FF;



     background: linear-gradient(42deg, #0069ff 0%, #003fe7 100%);



     border-radius: 2px 10px 2px 10px;



     margin-bottom: 4px;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .callback-top-btn .line {



     width: 60px;



     height: 1px;



     position: absolute;



     background: rgba(255,255,255,0.3);



     left: 5px;



     top: 0px;



 }



 .quickly-open .quickly-open-btn {



     height: 70px;



     cursor: pointer;



 }



 .quickly-open .callback-top-icon {







     background-size: 22px;



 }



 .quickly-open .quickly-icon {



     width: 28px;



     height: 28px;



     margin: 0 auto 6px;



     background-repeat: no-repeat;



     background-position: center;



     background-size: 28px;



 }



 .dianhua .call-num{



     color: #fff;



 }



 @media (max-width: 769px){



     .section-slide {



         display: none;



     }



 }



 @media (max-width: 420px){



     .quickly-open .quickly-open-btn:hover .call-tag{



         display: none;



     }



     .quickly-open-btn:hover .wechat-qr-code-box{



         display: none;



     }



     .quickly-open {



         background: linear-gradient(174deg, #0069ff 0%, #003ce5 100%);



     }







     .quickly-open {



         right: 0;



         left: 0;



         bottom: 0;



         width: auto;



         height: 53px;



     }



     .open-5899 {



         display: none;



     }



     .quickly-open .quickly-open-btn {



         background: none;



     }



     .quickly-open .quickly-open-btn {



         padding-top: 6px;



     }



     .quickly-open .quickly-open-btn {



         float: left;



         width: 50%;



     }



     .quickly-open .tijiao-icon, .quickly-open .meiqia-icon, .quickly-open .wechat-qr-code-icon {



         background-size: 20px;



     }







     .quickly-open .quickly-icon {



         margin-bottom: 0;



         height: 24px;



         width: 24px;



     }



     .quickly-open .quickly-open-btn {



         background: none;



     }



     .quickly-open .quickly-open-btn {



         padding-top: 6px;



     }







     .quickly-open .tijiao-icon, .quickly-open .meiqia-icon, .quickly-open .wechat-qr-code-icon {



         background-size: 20px;



     }



     .quickly-open .quickly-icon {



         margin-bottom: 0;



         height: 24px;



         width: 24px;



     }







     .quickly-open .quickly-icon {



         margin-bottom: 0;



         height: 24px;



         width: 24px;



     }



     .quickly-open .quickly-open-btn {



         background: none;



     }



     .quickly-open .quickly-open-btn {



         padding-top: 6px;



     }



     .quickly-open .quickly-open-btn {



         float: left;



         width: 25%;



     }



     .quickly-open .call-icon {



         background-size: 22px;



     }



     .quickly-open .call-btn .call-tag {



         display: none;



         top: -70px;



         left: auto;



         right: -50px;



     }







 }











 /* 左边悬浮框*/



 .section-slide {



     position: fixed;



     left: 0;



     bottom: -132px;



     padding: 30px 10px;



     width: 120px;



     z-index: 123;



     background: #ffffff;



     box-shadow: 0px 0px 15px 0px rgba(33,97,253,0.2);



     border-radius: 4px;



 }



 .section-slide .title {



     text-align: center;



     color: #05101F;



     font-size: 16px;



 }



 .section-slide .btn-list li {



     margin-top: 20px;



 }



 .section-slide .btn-list li a {



     display: inline-block;



     width: 100px;



     height: 30px;



     padding: 7px 0;



     line-height: 16px;



     color: #307DFC;



     box-shadow: 0px 2px 5px 0px rgba(33,97,253,0.2);



     font-size: 12px;



     text-align: center;



     /*background-color: #fff;*/



     font-weight: 600;



     border: 1px #307DFC solid;



     border-radius: 4px;



 }



 .btn {



     display: inline-block;



     margin-bottom: 0;



     font-weight: normal;



     text-align: center;



     vertical-align: middle;



     touch-action: manipulation;



     cursor: pointer;



     background-image: none;



     border: 1px solid transparent;



     white-space: nowrap;



     padding: 6px 12px;



     font-size: 14px;



     line-height: 1.42857143;



     border-radius: 4px;



     -webkit-user-select: none;



     -moz-user-select: none;



     -ms-user-select: none;



     user-select: none;



 }



 .section-slide .btn-list li.on1{



     background-image: linear-gradient(180deg, #459AFF 0%, #2161FD 100%);



 }



 .section-slide .btn-list li.on1 a{



     color: #fff;



 }



 .section-slide .btn-list li.on{



     background-image: linear-gradient(180deg, #459AFF 0%, #2161FD 100%)!important;



 }



 .section-slide .btn-list li.on a{



     color: #fff!important;



 }



/* .section-slide .btn-list li:nth-child(1){



     background-image: linear-gradient(180deg, #459AFF 0%, #2161FD 100%);



 }



 .section-slide .btn-list li:nth-child(1) a{



     color: #fff; }*/



 .section-slide .btn-list .active {



     padding: 8px 0;



     border: none;



     color: #fff;



     background-image: linear-gradient(180deg, #459AFF 0%, #2161FD 100%);



 }



 .section-slide .btn-list li a {



     display: inline-block;



     width: 100px;



     height: 30px;



     padding: 7px 0;



     line-height: 16px;



     color: #307DFC;



     box-shadow: 0px 2px 5px 0px rgba(33,97,253,0.2);



     font-size: 12px;



     text-align: center;



     /*background-color: #fff;*/



     font-weight: 600;



     border: 1px #307DFC solid;



     border-radius: 4px;



 }



 .btn:active, .btn.active {



     outline: 0;



     background-image: none;



     -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);



     box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);



 }



 .btn:hover, .btn:focus, .btn.focus {



     color: #333;



     text-decoration: none;



 }







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







     .landing-submit-modal>.center-box {



         height: 52%;



         padding-top: 32px;



         padding-left: 20px;



         padding-right: 20px;



     }



     .landing-submit-modal>.center-box.form-modal>.form-box .form-title {



         font-size: 16px;



     }



     .form-box .fs_fs01 .erweima {



         font-size: 12px;







         margin-left: 2%;



         /* line-height: 22px; */



     }



     .yiduanwenzi {



         float: right;



         width: 73%;



         margin-left: 2%;



         padding-top: 2%;



     }



     .form-box .fs_fs01 h5 {



         font-size: 15px;



         margin-top: 7px;



         margin-bottom: 7px;



     }



     .form-box .fs_fs01 .erweima .erweima_kk {



         width: 24%;



         height: 100%;







     }



     .landing-submit-modal>.center-box.form-modal>.form-box .form-btn {



         padding: 9px 26px;



         font-size: 16px;



         margin: 56px auto 0;



     }



 }



/* 微信下拉*/



 .e_m {



     width: 100%;



     height: 100%;



     position: fixed;



     top: 0;



     left: 0;



     background-color: rgba(0, 0, 0, .9);



     z-index: 99999;



     display: none;



 }







 .e_m .n_r {



     width: 200px;



     padding: 10px;



     background-color: #fff;



     position: absolute;



     top: 50%;



     left: 50%;



     text-align: center;



     transform: translate(-50%, -50%);



     -webkit-transform: translate(-50%, -50%);



     -moz-transform: translate(-50%, -50%);



     -ms-transform: translate(-50%, -50%);



     -o-transform: translate(-50%, -50%);



 }







 .e_m .n_r img {



     width: 100%;



     height: auto;



     display: block;



 }







 .e_m .n_r p {



     font-size: 15px;



     color: #888;



     margin-top: 10px;



 }



 /*电话下拉*/



 .e_m1 {



     width: 100%;



     height: 100%;



     position: fixed;



     top: 0;



     left: 0;



     background-color: rgba(0, 0, 0, .9);



     z-index: 99999;



     display: none;



 }







 .e_m1 .n_r1 {



     width: 100%;



     padding: 10px;







     position: absolute;



     top: 80%;



     left: 50%;



     text-align: center;



     transform: translate(-50%, -50%);



     -webkit-transform: translate(-50%, -50%);



     -moz-transform: translate(-50%, -50%);



     -ms-transform: translate(-50%, -50%);



     -o-transform: translate(-50%, -50%);







 }



















 .dadianhua {



     width: 100%;



     height: 60px;



     font-size: 14px;



     line-height: 60px;



     color: #007bff;



     text-align: center;



     background: rgba(60,63,65,.8);



     border-radius: 20px;



     text-align: left;



     padding-left: 28px;



 }



 .dadianhua1{



     width: 100%;







     height: 60px;



     margin-top: 20px;



     font-size: 14px;



     line-height: 60px;



     color: rgb(125,178,234);



     text-align: center;



     background: #666;



     border-radius: 20px;



     padding-top: 3px;



     padding-bottom: 3px;



 }



 .dadianhua img {



     height: 50%;



     margin-right: 20px;







 }



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



     .landing-submit-modal>.center-box.form-modal>.form-box .form-box-foot>ul>li {



         display: inline-block;



         color: #9098A9;



         font-size: 12px;



         margin-right: 5px;



         line-height: 26px;



     }



     .e_m .n_r {



         width: 230px;



         padding: 15px;



     }



     .e_m .n_r p {



         font-size: 15px;



     }







 }



/* 滚动图标*/



 .hd a {



     position: absolute;



     font-size: 66px;



     display: block;



     color: rgb(41,122,239);



     top: 50%;



     margin-top: -60px;



     cursor: pointer;



     z-index: 3;







 }



 .hd a:hover {







     color: rgba(41,122,239,.7);











 }



 .hd .next{



     left: -10%;



 }



 .hd .prev{



     right: -10%;



 }



.gy_gdt:hover .hd .next{



    left: 5%;



}



 .gy_gdt:hover .hd .prev{



     right: 5%;



 }



 .gy_gdt .icon-changyongtubiao-xianxingdaochu-zhuanqu-:before {







     text-shadow: aliceblue 0 0 10px;



 }



 .gy_gdt .icon-xiangzuojiantou:before {







     text-shadow: aliceblue 0 0 10px;



 }















 /*03.08*/



 .s_j{



     position: fixed;



     top: 95px;



     left: 0;



     width: 100%;



     background: #fff;



     visibility: hidden;



     opacity: 0;



     transform: translateY(10px);



     transition: all ease .5s;



 }



 .s_j.on{



     transform: translateY(0);



     opacity: 1;



     visibility: visible;



 }



 .s_j .slide_box{



     display: flex;



 }



 .s_j .hd ul li{



     float: none;



     padding: 0;



     line-height: 50px;



     font-size: 15px;



     text-align: right;



     padding: 0 40px;



     cursor: pointer;



     position: relative;



 }

 .s_j .hd ul li a{

     position: unset;

     margin-top: 0;

     transition: all ease .5s;

 }

 .s_j .hd ul li.on{

     background-color: #fff;



 }

 .header.on .head_nav ul li .navA .hd a{

     color: #fff;

 }

 .header .head_nav ul li .navA .s_j .hd ul li.on a{

     color: #000000;



 }



 .s_j .hd ul li.on:after{



     display: block;



     content: '';



     position: absolute;



     top: 50%;



     right: 0;



     width: 0;



     height: 0;



     border: 9px solid;



     transform: translateY(-50%);



     border-color: transparent #2979ef transparent transparent;



 }



 .s_j .hd{



     width: 33%;



     float: left;



     background-color: #1c499e;



     color: #fff;



     padding: 25px 0;



 }



 .s_j .bd{



     text-align: left;



     width: 67%;



 }







 .s_j .bd-item{



     padding: 70px 50px;



 }



 .s_j .bd-item .b_t{



     font-size:26px;



     color: #2978ee;



     line-height: 50px;



 }



 .s_j .bd-item .n_r{



     font-size: 16px;



     line-height: 32px;



     color: #333333;



     display: flex;



     justify-content: space-between;



 }



 .s_j .bd-item .n_r .w_z{



     width: 520px;



 }



 .s_j .bd-item .n_r .t_p{



     width: 450px;



 }



 .header.on .head_nav ul li .navA a.more{



     color: #fff;



 }



 .s_j .bd-item a.more{



     display: block;



     width: 105px;



     line-height: 50px;



     border-radius: 25px;



     background-color: #2979ee;



     text-align: center;



     color: #fff;



     font-weight: normal;



     box-shadow: 0 0 10px 0px rgba(41,121,238,.4);



 }











 .inbanner{



     height: 600px;



     background: #2872ec;



 }



 .inbanner .container{



     height: 100%;



     display: flex;



     justify-content: space-between;



     align-items: center;



 }

 .inbanner .t_p img{

     max-width: 450px;

 }

 .inbanner .container .b_t{



     font-size: 40px;



     color: #fff;



     letter-spacing: 1px;



 }



 .inbanner .ljtj{



     display: block;



     width: 200px;



     line-height: 40px;



     color: #fff;



     font-size: 16px;



     text-align: center;



     border: 1px solid #fff;



     margin-top: 30px;



 }



 .ny_nr{



     padding: 80px 0;



 }



 .ny_nr .biaoti{



     font-size: 20px;



     font-weight: bold;



     text-align: center;



     color: #000;



 }



 .ny_nr .xiangq{



     margin-top: 40px;



     font-size: 16px;



     line-height: 30px;



 }







 .lj_zx{



     padding: 40px 0;



     color: #fff;



     text-align: center;



     background: #2872EC;



 }







 .lj_zx .w_z{



     font-size: 40px;



     font-weight: bold;



 }



 .lj_zx .zx_lj{



     display: block;



     color: #fff;



     width: 150px;



     line-height: 40px;



     text-align: center;



     border: 1px solid #fff;



     font-size: 15px;



     margin: 40px auto 0;



 }



 .icons{

     background-color: #1c499e;

     padding: 45px 0;

 }

 .i-item{

     display: flex;

     align-items: center;

     padding: 0 10px;

     position: relative;

 }

 .i-item .t_p{

     margin-right: 20px;

 }

 .i-item .wz1{

     font-size: 16px;

     color: #fff;

 }

 .i-item .wz2{

     font-size: 12px;

     color: #9fb5df;

 }

 .i-item:after{

     display: block;

     width: 1px;

     height: 50px;

     background-color: #3165c5;

     content: '';

     position: absolute;

     top: 50%;

     transform: translateY(-50%);

     right: -15px;

 }

 .icons .col-6:last-child .i-item:after{

     display: none;

 }

 /* .pc_ban{

     height: auto;

 } */



.sy_banner .hx{

    display: none;

}

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

    .s_j .bd-item .n_r{

        flex-wrap: wrap;

    }

    .s_j .bd-item .n_r .w_z{

        width: 100%;

    }

    .s_j .bd-item .n_r .t_p{

        width: 100%;

        margin-top: 20px;

    }

    .s_j .bd-item a.more{

        margin-top: 20px;

    }

    .pc_ban .wz1{

        font-size: 35px;

    }

    .pc_ban .wz2{

        font-size: 20px;

    }

 }

 .e_j i{

     display: none;

 }

 .s_j2{

     display: none;

 }



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

    .inbanner .container .b_t{

        font-size: 30px;

    }

 }

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

    .s_j{

        display: none;

    }

     .e_j{

         display: flex;

         align-items: center;

         justify-content: space-between;

     }

     .e_j i{

         color: #fff;

         display: block;

     }

     .s_j2{

         padding-left: 15px;

     }

     .s_j2 a{

        float: none!important;

         font-size: 14px!important;

         line-height: 20px!important;

         padding: 10px 0!important;

         text-align: left!important;

     }

     .head_nav ul li.on .s_j2 a{

         font-weight: normal;

     }

}

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

    .icons .col-6:nth-child(1),.icons .col-6:nth-child(2){

        margin-bottom: 20px;

    }

    .icons .col-6:nth-child(2n) .i-item:after{

        display: none;

    }

    .i-item .t_p{

        margin-right: 10px;

    }

    .i-item .wz1{

        font-size: 14px;

    }

    .i-item{

        padding: 0;

    }

    .pc_ban .wz1{

        font-size: 18px;

    }

    .pc_ban .wz2{

        font-size: 14px;

    }

    .pc_ban .w_z a{

        line-height: 40px;

        width: 140px;

        height: 40px;

        font-size: 12px;

    }

    .inbanner .container{

        flex-wrap: wrap;

    }

    .inbanner .w_z{

        width: 100%;

    }

    .inbanner .t_p{

        display: none;

    }

}



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

    .inbanner .container .b_t{

        font-size: 18px;

    }

    .inbanner{

        height: 300px;

        text-align: center;

    }

    .inbanner .ljtj{

        width: 140px;

        line-height: 30px;

        font-size: 14px;

        margin: 30px auto 0;

    }

    .lj_zx .w_z{

        font-size: 18px;

    }

    .lj_zx .zx_lj{

        width: 140px;

        line-height: 30px;

        font-size: 14px;

    }

    .ny_nr .xiangq{

        font-size: 14px;

    }

}

.zx-pop{display:none;position:fixed;z-index:99999;top:50%;left:50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);width: 90%;max-width: 576px;}
.zx-pop .close{ position: absolute; top:0; right:0; width: 36px; height: 36px; cursor: pointer;}
.zx-pop img{ width: 100%;}