* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

html,
body {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

.main {
    max-width: 1618px;
    margin: 0px auto;
}

.m_main {
    max-width: 1200px;
    margin: 0 auto;
}


/*.m_back { position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:99; display:none;}*/

.header {
    /* background: rgba(199,199,199,0.1);  */
    /* background: #000; */
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: url(../images/head_bg_01.png);
}


.header .logo {
    width: 40%;
    padding-left: 12%;
    margin-top: 30px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 28px;
    clear: both;
}

.header .logo a {
    display: block;
    float: left;
}

.header .logo span {
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 49px;
    font-size: 22px;
    /* font-style: italic; */
    color: #fff;
    /* color: #0354a6; */
}

.header .fr {
    width: 60%;
    float: right;
    padding-right: 12%;
    position: relative;
    display: flex;
    justify-content: flex-end
}

.header .fr:after {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 30px;
    height: 1px;
    z-index: 2;
}

.header .fr .nav {
    display: inline-block;
    vertical-align: top;
    padding: 10px 40px 25px 0px;
}

.header .fr .nav ul li {
    list-style-type: none;
}

.header .fr .nav ul li:first-child {
    padding-left: 0px;
}

.header .fr .nav ul li {
    margin-bottom: 0;
    float: left;
    vertical-align: middle;
    padding: 0 31px;
    position: relative;
    padding-top: 25px;
}

.header .fr .nav ul li>a {
    font-size: 18px;
    z-index: 3;
    color: #fff;
    line-height: 50px;
    position: relative;
    display: block;
}


/* .header .fr .nav ul li>a:hover:after { content:''; position:absolute; left:0px; bottom:20px; background:#e6001a; height:1px; width:100%; z-index:3;} */

.header .fr .nav ul li>a:hover {
    color: #e6001a;
}


/* .header .fr .nav ul li>a.active:after { content:''; position:absolute; left:0px; bottom:20px; background:#e6001a; height:1px; width:100%; z-index:3;}
.header .fr .nav ul li>a.active { color:#e6001a;} */

.header .fr .search {
    display: inline-block;
    vertical-align: top;
    /* margin: 0 14px 0 60px;  */
    margin: 0 14px;
    margin-top: 3px;
    line-height: 130px;
}

.header .fr .search .but {
    background: url(../images/img2.png) no-repeat center center;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
}

.header .fr .search .txt {
    height: 19px;
    background: none;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.header .fr .voice {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 116px;
    margin: 10px 0;
    margin-top: 10px;
}

.header .fr .voice a {
    margin: 0px 5px;
    color: #fff;
    text-transform: uppercase;
}

.header .fr .voice a:nth-child(1) {
    color: #e6001a;
}

.header .fr .voice a.en {
    position: relative;
    padding-left: 10px;
}

.header .fr .voice a.en:after {
    content: "";
    background: #fff;
    border-left: 1px solid #fff;
    width: 1px;
    height: 12px;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 1px;
}

.header .fr .voice a:hover {
    color: #e6001a;
}

.header .fr .nav .nav_a {
    position: fixed;
    left: 0px;
    width: 100%;
    top: 130px;
    z-index: 10;
    background: url(../images/img87.png) no-repeat center top;
    background-size: cover;
    min-height: 399px;
    padding-bottom: 20px;
}

.header .fr .nav .nav_a .img {
    width: 30%;
    text-align: center;
    float: left;
    padding-top: 60px;
}

.header .fr .nav .nav_a .img img {
    display: inline-block;
}

.header .fr .nav .nav_a .img strong {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}

.header .fr .nav .nav_a .img p {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}

.header .fr .nav .nav_a .text {
    width: 70%;
    float: right;
    /* padding-top:40px; */
}

.header .fr .nav .nav_a .text dl {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    margin-top: 40px;
}

.header .fr .nav .nav_a .text dl dt a {
    color: #fff;
    font-size: 20px;
    font-family: '思源黑体 CN Medium';
    margin-bottom: 30px;
    display: block;
}

.header .fr .nav .nav_a .text dl dd a {
    display: block;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    margin-top: 16px;
    display: block;
}

.header .fr .nav .nav_a .text dl dd a:hover {
    color: #e6001a;
}

.header .fr .nav .nav_a2 {
    position: absolute;
    /* top:130px; left:20px;  */
    top: 70px;
    left: 0px;
    z-index: 99;
    background: #01050e;
    width: 100%;
}

.header .fr .nav .nav_a2 a {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 2px;
    border-bottom: 1px solid #393939;
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 1px;
}

.header .fr .nav .nav_a2 a:last-child {
    border-bottom: none;
}

.header .fr .nav .nav_a2 a:hover {
    background: #e6001a;
    border-bottom: 1px solid #e6001a;
}

.header .fr .nav .nav_xl {
    display: none;
}


.banner {
    width: 100%;
    height: 100%;
}

.banner .swiper-slide a {
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    cursor:default ; 
}

.banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: none;
    border: 1px solid #e6001a;
    margin: 0px 6px !important;
    opacity: 1;
    outline: none;
}

.banner .swiper-pagination-bullet-active {
    background: #e6001a;
    border: 1px solid #e6001a;
}

.banner .banner_pagination {
    bottom: 20px;
}

.banner2 {
    width: 100%;
    height: 100%;
}

.banner2 .swiper-slide .picture {
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.banner2 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: none;
    border: 1px solid #e6001a;
    margin: 0px 6px !important;
    opacity: 1;
    outline: none;
}

.banner2 .swiper-pagination-bullet-active {
    background: #e6001a;
    border: 1px solid #e6001a;
}

.banner2 .banner_pagination2 {
    bottom: 20px;
}

.section3 {
    position: relative;
}

.section3 .banner_pagination3 {
    position: absolute;
    right: 30px !important;
    left: inherit;
    text-align: right;
    top: 45%;
}

.section3 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: block;
    background: none;
    border: 1px solid #e6001a;
    margin: 15px 0px !important;
    opacity: 1;
    outline: none;
}

.section3 .swiper-pagination-bullet-active {
    background: #e6001a;
    border: 1px solid #e6001a;
}


.section2 {
    height: 100%;
    width: 100%;
}

.section2 .had {
    height: 38%;
    background: url(../images/img6.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.section2 .had:after {
    content: '';
    height: 100%;
    width: 0px;
    display: inline-block;
    vertical-align: middle;
}

.section2 .had p {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 30px;
    position: relative;
    margin-top: 150px;
}


/*.section2 .had p:after { content: ''; position: absolute; width: 50px; height: 4px; background: #fff; left: 50%; margin-left: -25px; background: #fff; bottom: 0px;}*/

.section2 .con {
    height: 62%;
}

.section2 .con .fl {
    width: 50%;
    float: left;
    height: 100%;
}

.section2 .con .fl img {
    width: 100%;
}

.section2 .con .fr {
    width: 50%;
    float: left;
    height: 100%;
    background: #e5e7e9;
    padding: 0% 7%;
    padding-top: 3%;
}

.section2 .con .fr h2 {
    font-size: 36px;
    position: relative;
    color: #353535;
}

.section2 .con .fr h2:after {
    content: '';
    display: block;
    margin-top: 15px;
    left: 0px;
    top: 0px;
    width: 42px;
    height: 2px;
    background: #e6001a;
}

.section2 .con .fr h3 {
    font-size: 24px;
    color: #333;
    margin-top: 30px;
}

.section2 .con .fr p {
    font-size: 16px;
    line-height: 30px;
    margin-top: 18px;
    text-align: justify;
}

.section2 .con .fr ul {
    margin-top: 50px;
}

.section2 .con .fr ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 38px;
    color: #333;
}

.section2 .con .fr ul li strong {
    font-size: 24px;
    font-family: "DIN Light";
    display: block;
    font-weight: bold;
    text-align: center;
}

.section2 .con .fr ul li span {
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.more {
    margin-top: 46px;
}

.more a {
    background: #e6001a;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
    display: inline-block;
    font-size: 18px;
    position: relative;
    padding-right: 90px;
    margin-left: 1px;
}

.more a:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;
    width: 60px;
    background: #2b73ac url(../images/img8.png) no-repeat center center;
}

.more2 {
    margin-top: 50px;
    text-align: right;
}

.more2 a {
    background: #e6001a;
    color: #fff;
    height: 54px;
    line-height: 54px;
    padding: 0px 30px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding-right: 90px;
}

.more2 a:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 54px;
    width: 54px;
    background: #2b73ac url(../images/img23.png) no-repeat center center;
}

.more3 {
    margin-top: 50px;
    text-align: left;
}

.more3 a {
    background: #e6001a;
    color: #fff;
    height: 54px;
    line-height: 54px;
    padding: 0px 30px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding-right: 90px;
}

.more3 a:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 54px;
    width: 54px;
    background: #2b73ac url(../images/img8.png) no-repeat center center;
}

.more4 {
    margin-top: 40px;
    text-align: left;
}

.more4 a {
    background: #e6001a;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0px 20px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    padding-right: 68px;
}

.more4 a:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 48px;
    width: 48px;
    background: #2b73ac url(../images/img8.png) no-repeat center center;
}


.section3 {
    background: url(../images/img9.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.section3 .con {
    width: 100%;
    height: 100%;
}

.section3 .con .fl {
    width: 40%;
    float: left;
    height: 100%;
    margin-top: 15%;
    padding-top: 20px;
    padding-left: 87px;
}

.section3 .con .fl h2 {
    font-size: 36px;
    position: relative;
    color: #fff;
}

.section3 .con .fl h2:after {
    content: '';
    display: block;
    margin-top: 15px;
    left: 0px;
    top: 0px;
    width: 42px;
    height: 2px;
    background: #e6001a;
}

.section3 .con .fl h3 {
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
}

.section3 .con .fl p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-top: 25px;
    text-align: justify;
}

.section3 .con .fl ul {
    margin-top: 50px;
}

.section3 .con .fl ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    text-align: center;
}

.section3 .con .fl ul li strong {
    font-size: 32px;
    font-family: "DIN Light";
    display: inline-block;
    font-weight: bold;
}

.section3 .con .fl ul li span {
    display: block;
    margin-top: 3px;
    color: #fff;
    margin-top: 10px;
    font-size: 18px;
}

.section3 .con .fl ul li:last-child {
    margin-right: 0px;
}

.section3 .con .fr {
    width: 60%;
    float: right;
    margin-top: 15%;
}

.section3 .con .fr ul li {
    list-style-type: none;
    float: left;
    width: 50%;
    padding-left: 65px;
}

.section3 .con .fr ul li img {
    width: 100%;
    height: 330px;
}

.section3 .con .fr ul li a {
    display: block;
}

.section3 .con .fr ul li a .text {
    background-color: #ebebeb;
    display: block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    height: 108px;
}


/* .section3 .con .fr ul li a:hover .text { background:#e6001a; color:#fff;} */


/* .section3 .con .fr ul li a:hover strong { color:#fff;} */


/* .section3 .con .fr ul li a:hover p { color:#fff;} */

.section3 .con .fr ul li .text {
    background: #fff;
    padding: 30px;
    padding-bottom: 60px;
}


/* .section3 .con .fr ul li .text:hover { background: #e6001a; } */

.section3 .con .fr ul li .text strong {
    font-size: 24px;
    color: #333333;
}


/* .section3 .con .fr ul li .text p { margin-top: 16px; line-height: 28px; font-size: 16px; color: #333333; height: 56px; overflow: hidden;} */

.section_fot {
    background: #1e1f25;
    padding: 50px 0px;
}

.footer {
    max-width: 1450px;
    margin: 0 auto;
}

.footer .fl {
    width: 52%;
    float: left;
}

.footer .fl .nav {
    border-bottom: 1px solid #35363b;
    padding-bottom: 40px;
}

.footer .fl .nav a {
    font-size: 18px;
    color: #fff;
    display: block;
    float: left;
    width: 16.6%;
    text-align: center
}

.footer .fl .nav a:hover {
    color: #e6001a;
}

.footer .fl .nav a:last-child {
    padding-right: 0px;
}

.footer .fl .con {
    margin-top: 20px;
}

.footer .fl .con .img {
    border: 1px solid #35363b;
    padding: 8px;
    display: inline-block;
    position: relative;
    text-align: center;
    float: left;
    margin-top: 4px;
}

.footer .fl .con .img em {
    position: absolute;
    bottom: -9px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    left: 50%;
    margin-left: -18px;
    background: #1e1f25;
    padding: 0px 6px;
    display: block;
    font-family: 宋体;
}

.footer .fl .con .text {
    padding-top: 10px;
}

.footer .fl .con .text p {
    text-transform: uppercase;
    color: #a9a9aa;
    margin: 9px 0px;
    margin-left: 120px;
}

.footer .fl .con .text p a {
    color: #a9a9aa;
    padding: 0px 10px;
    position: relative;
}

.footer .fl .con .text p a:hover {
    color: #fff;
}

.footer .fl .con .text p a:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 1px;
    height: 12px;
    background: #a9a9aa;
    top: 1px;
}

.footer .fl .con .text p a:first-child {
    padding-left: 0px;
}

.footer .fl .con .text p a:first-child:after {
    content: '';
    background: none;
}

.footer .fr {
    width: 33%;
    float: right;
}

.footer .fr h2 {
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #4b4c51;
    padding-bottom: 20px; margin-bottom: 20px;
}

.footer .fr p {
    font-size: 15px;
    line-height: 25px;
    color: #a9a9aa;
    margin-top: 10px; position: relative; padding-left: 50px;
}

.footer .fr p span { position: absolute; left: 0px; }
.footer .fr p a { margin-left: 20px; }


.banner_nr {
    width: 100%;
    height: 100%;
    position: relative;
}

.banner_nr img {
    width: 100%;
    height: 100%;
}

.banner_nr .text {
    position: absolute;
    color: #fff;
    width: 100%;
    top: 50%;
    margin-top: -51px;
}

.banner_nr .text h3 {
    font-size: 55px;
    color: #fff;
    font-family: 黑体;
    position: relative;
    padding-bottom: 40px;
}

.banner_nr .text h3:after {
    content: '';
    position: absolute;
    width: 70px;
    bottom: 0px;
    left: 0px;
    margin-top: 20px;
    background: #fff;
    height: 3px;
}

#maodian {
    position: absolute;
    top: 270px;
}

.product {
    /* margin-top: 29px; */
    /* padding-top: 80px; */
}

.product h3 {
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
    background: url(../images/img21.png) no-repeat center bottom;
}


/* .product .list { margin-top:50px;} */

.product .list dl {
    border: 1px solid #e9e9e9;
    margin-top: 35px;
}

.product .list dl dt {
    height: 50px;
    position: relative;
    line-height: 50px;
    font-size: 18px;
    padding: 0px 20px;
    cursor: pointer;
}

.product .list dl dd {
    padding: 10px 20px;
    /*display:none;*/
}

.product .list dl dd p {
    position: relative;
    width: 33.3%;
    float: left;
    line-height: 45px;
    background: url(../images/img17.png) no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
}

.product .list dl dd p:hover {
    color: #e6001a;
    background: url(../images/img18.png) no-repeat left center;
}

.product .list dl dd p:hover em a {
    color: #e6001a;
}

.product .list dl dt:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -1px;
    background: url(../images/img19.png) no-repeat center center;
    width: 51px;
    height: 51px;
    border-left: 1px solid #e9e9e9;
}

.product .list dl dt.active:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -1px;
    background: #e6001a url(../images/img76.png) no-repeat center center;
    width: 50px;
    height: 51px;
    border-left: 1px solid #e6001a;
}

.product .list dl dd p:nth-last-child(0) {}

.product .list dl dd p:nth-last-child(1) {}

.product .list dl dd p:nth-last-child(2) {}

.banner_x .ban_nr {
    position: relative;
    height: 400px;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 136px;
}

.banner_x .ban_nr:after {
    content: '';
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.banner_x .text {
    display: inline-block;
    vertical-align: middle;
}

.banner_x h3 {
    font-size: 48px;
    color: #fff;
    font-family: 黑体;
    padding-bottom: 10px;
    color: #fff;
}

.banner_x i {
    display: inline-block;
    width: 73px;
    height: 3px;
}

.product_back {
    background: #0a0112;
    margin-top: 30px;
    position: relative;
    padding-bottom: 120px;
}

.product_back:after {
    content: '';
    height: 254px;
    background: #fff;
    top: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
}

.product2 {
    background: #191a21;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 50px;
}

.product2 .fl {
    width: 50%;
    height: 508px;
    background: #050923;
    float: left;
    text-align: center;
}

.product2 .fl .swiper-slide {
    width: 600px;
    height: 508px;
}

.product2 .fl .swiper-slide:after {
    content: '';
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.product2 .fl .img {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
}

.product2 .fl .img img {
    display: inline-block;
}

.product2 .fr {
    width: 50%;
    background: #191a21;
    float: left;
    padding: 50px;
}

.product2 .fr h2 {
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #45464b;
    padding-bottom: 14px;
}

.product2 .fr h3 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.product2 .fr p {
    margin-top: 24px;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    text-align: justify;
}

.product3 {
    margin-top: 50px;
}

.product3 h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #8c8d90;
    color: #fff;
    padding: 0px 20px;
    padding-bottom: 15px;
}

.product3 .text {
    background: #191a21;
    padding: 20px;
}

.product3 p {
    font-size: 16px;
    color: #fff;
    background: url(../images/img24.png) no-repeat left 9px;
    padding-left: 20px;
    margin: 10px 0px;
    line-height: 27px;
}



.solution {
    padding-top: 30px;
    padding-bottom: 80px ;
    background: #273133;
}

.solution .had {
    /* margin-top: 35px; */
}

.solution .had h2 {
    font-size: 30px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    text-align: center;
    display: none;
}

.solution .had .tit {
    /* margin-top: 50px; */
}

.solution .had .tit a {
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    padding: 22px 30px;
    margin-right: 30px;
    cursor: pointer;
}

.solution .had .tit a.active,
.solution .had .tit a:hover {
    background: #e6e6e6;
    color: #e6001a
}

.solution .had .text {
    background: #e6e6e6;
}

.solution .had .text a {
    font-size: 18px;
    color: #000000;
    padding: 20px 40px;
    display: inline-block;
    vertical-align: top;
}

.solution .had .text a:hover {
    color: #e6001a;
}

.tab-container .text {
    display: none;
}

.tab-container .text.active {
    display: block;
}



.solution .list {
    margin-top: 20px;
}

.solution .list ul li {
    background-color: #f5f5f5;
    list-style-type: none;
    width: 30%;
    float: left;
    /* margin-right:38px;  */
    margin-top: 40px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.solution .list ul li:nth-child(3n-1) {
    margin-left: 59px;
    margin-right: 59px;
}

.solution .list ul li a {
    display: block;
}

.solution .list ul li .img {
    height: 330px;
    overflow: hidden;
}

.solution .list ul li .img img {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.solution .list ul li .text {
    padding: 30px;
}

.solution .list ul li .text strong {
    font-size: 22px;
    line-height: 22px;
    display: block;
    position: relative;
}

.solution .list ul li .text strong:after {
    content: '';
    width: 30px;
    height: 2px;
    display: block;
    background: #f00;
    margin-top: 15px;
}

.solution .list ul li .text p {
    height: 42px;
    margin-top: 20px;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.solution .list ul li a:hover .img img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
}

.solution .list ul li a:hover .text strong {
    color: #e6001a;
}



/*.number { text-align:center; padding-top:80px;}
.number a { display:inline-block; padding:5px 10px; margin:0px; font-size:16px; position:relative;}
.number .m_a:hover:after,.number .m_a.active:after { content:''; position:absolute; width:8px; height:1px; background:#e6001a; bottom:0px; left:50%; margin-left:-4px;}
.number .m_a:hover,.number .m_a.active { color:#e6001a;}
.number .m_fst { background:#d9d9d9; font-family:'宋体'; margin-right:10px; border-radius:50%;}
.number .m_aft { background:#d9d9d9; font-family:'宋体'; margin-left:10px; border-radius:50%;}
.number .m_fst:hover { background:#e6001a; color:#fff;}
.number .m_aft:hover { background:#e6001a; color:#fff;}*/

.pagebox {
    text-align: center;
    padding-top: 80px;
}

.pagebox ul li {
    display: inline-block;
}

.pagebox ul li a {
    padding: 5px 10px;
    margin: 0px;
    font-size: 18px;
    position: relative;
    display: block;
}

.pagebox .previous {
    background: #d9d9d9;
    font-family: '宋体';
    margin-right: 10px;
    display: none;
}

.pagebox .next {
    background: #d9d9d9;
    font-family: '宋体';
    margin-left: 10px;
    display: none;
}

.pagebox .previous:hover a {
    background: #e6001a;
    color: #fff;
}

.pagebox .next:hover a {
    background: #e6001a;
    color: #fff;
}

.pagebox ul li.first {
    display: none;
}

.pagebox ul li.last {
    display: none;
}

.pagebox ul li.page:hover a,
.pagebox ul li.selected a {
    color: #e6001a;
}

.pagebox ul li.selected a:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 1px;
    background: #e6001a;
    bottom: 0px;
    left: 50%;
    margin-left: -4px;
}





/* .m_tit { margin-top:60px;} */

.m_tit h2 {
    font-size: 24px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.support ul li {
    list-style-type: none;
    float: left;
    width: 30%;
    margin-top: 40px;
    margin-right: 3%;
    position: relative;
}

.support ul li .img {
    position: relative;
}

.support ul li .con {
    position: absolute;
    padding: 0px 50px;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    left: 0px;
    color: #fff;
    font-size: 12px;
}

.support ul li .con strong {
    display: block;
}

.support ul li .con strong span {
    float: right;
}

.support ul li .con p {
    background: #171a23;
    height: 3px;
    width: 100%;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.support ul li .con p i {
    position: absolute;
    left: 0px;
    background: #0092e6;
    top: 0px;
    display: block;
    width: 0px;
    height: 3px;
}

.support ul li .con p .bar10 {
    width: 10%;
}

.support ul li .con p .bar20 {
    width: 20%;
}

.support ul li .con p .bar30 {
    width: 30%;
}

.support ul li .con p .bar40 {
    width: 40%;
}

.support ul li .con p .bar50 {
    width: 50%;
}

.support ul li .con p .bar60 {
    width: 60%;
}

.support ul li .con p .bar70 {
    width: 70%;
}

.support ul li .con p .bar80 {
    width: 80%;
}

.support ul li .con p .bar90 {
    width: 90%;
}

.support ul li .con p .bar100 {
    width: 100%;
}

.support ul li .img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.support ul li .img>img {
    width: 100%
}

.support ul li:last-child {
    margin-right: 0px;
}

.support ul li .text {
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 40px 0px;
}

.support ul li .text strong {
    font-size: 30px;
    color: #333;
    display: block;
}

.support ul li .text a {
    display: block;
    font-size: 23px;
    color: #e6001a;
    margin-top: 10px;
}

.support ul li .text a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/img34.png) no-repeat left top;
    width: 26px;
    height: 26px;
    margin-top: -4px;
}


.support1 {
    background: url(../images/img35.png) no-repeat center center;
    background-size: cover;
    height: 420px;
    text-align: center;
    color: #fff;
    margin-top: 100px;
    padding-top: 80px;
}

.support1 h3 {
    font-size: 30px;
    background: url(../images/img36.png) no-repeat center bottom;
    padding-bottom: 20px;
}

.support1 h3:after {
    position: absolute;
}

.support1 strong {
    font-size: 24px;
    display: block;
    margin-top: 30px;
}

.support1 p {
    font-size: 36px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 14px 50px;
    display: inline-block;
    margin-top: 50px;
}

.support2 {
    padding-bottom: 130px;
}

.support2 p {
    font-size: 24px;
    color: #333333;
    margin-top: 30px;
}

.support2 p a {
    color: #e6001a;
    font-weight: bold;
}

.support2 p a:hover {
    text-decoration: underline;
}

.about_ban {
    text-align: center;
}

.about_ban h4 {
    margin-top: 30px;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
}

.company {
    margin-top: 30px;
}

.company .tit {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.company .tit a {
    font-size: 18px;
    color: #333;
    margin-right: 50px;
    font-family: '思源黑体 Regular';
    font-weight: bold;
}

.company .tit a:hover {
    color: #e6001a;
    font-family: '思源黑体 Regular'
}

.company .tit a.active {
    color: #e6001a;
    font-family: '思源黑体 Regular'
}

.company .text {
    text-align: center;
    padding: 50px 140px;
    text-align: center;
}

.company .text h3 {
    font-size: 36px;
    position: relative;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

.company .text h3:after {
    content: '';
    display: inline-block;
    background: #f00;
    width: 36px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    bottom: 0px;
}

.company .text p {
    font-size: 18px;
    line-height: 35px;
    margin-top: 30px;
    text-align: justify;
    text-align: center;
}

.company1 {
    background: url(../images/img38.png) no-repeat center top;
    padding-top: 30px;
    padding-bottom: 130px;
}

.company1 ul li {
    list-style-type: none;
    float: left;
    width: 20%;
    text-align: center;
}

.company1 ul li img {
    display: inline-block;
}

.company1 ul li strong {
    font-size: 20px;
    color: #333;
    display: block;
    margin-top: 16px;
}

.company1 ul li p {
    font-size: 18px;
    margin-top: 10px;
    color: #333
}

.company1 ul li p span {
    color: #e6001a;
}

.company2 {
    background: url(../images/img44.png) no-repeat center top;
    background-size: cover;
    height: 719px;
}

.company3 {
    padding: 60px 0px;
}

.company3 p {
    line-height: 32px;
    font-size: 18px;
    text-align: center;
}

.company4 {
    background: url(../images/img45.png) no-repeat center top;
    background-size: cover;
    height: 400px;
    line-height: 400px;
}


/* .company4 h3 { font-size:30px; color:#fff;}
.company4 p { font-size:18px; line-height:30px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:20px; margin-top:20px;}
.company4 ul li { width:270px; float:left; margin-top:50px; margin-right:40px; }
.company4 ul li:last-child { margin-right:0px;}
.company4 ul li .text { background:#fff; padding:20px;}
.company4 ul li .text strong { font-size:24px; display:block; display:block; text-align:center; color:#333;}
.company4 ul li .text span { font-size:16px; line-height:25px; text-align:center; display:block; margin-top:10px;}
.company4 ul li .img { width:270px; height:160px;}
.company4 ul li .img img { width:100%; height:100%;} */

.company4 p {
    display: inline-block;
    font-size: 26px;
    line-height: 1.5em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.news_number {
    padding-top: 60px;
}

.news {
    padding-bottom: 130px;
}

.news h3 {
    font-size: 30px;
    color: #333;
    position: relative;
    padding-left: 14px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.news h3:after {
    content: '';
    position: absolute;
    left: 0px;
    height: 28px;
    background: #e6001a;
    width: 4px;
    top: 8px;
}

.news .fl {
    width: 470px;
    float: left;
}

.news .fl strong {
    display: block;
    font-size: 18px;
    color: #000;
    margin-top: 20px;
}

.news .fl p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 26px;
    text-align: justify;
    margin-top: 10px;
}

.news .fr {
    width: 660px;
    float: right;
    border-top: 1px solid #e3e3e3;
}

.news .fr .text ul li {
    list-style-type: none;
    position: relative;
}

.news .fr .text p a {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    padding: 13px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 110px;
    position: relative;
}

.news .fr .text p a:hover {
    color: #e6001a;
}

.news .fr .text p a span {
    font-size: 16px;
    font-family: Arial;
    position: absolute;
    right: 0px;
    line-height: 51px;
    top: 0px;
}

.news_con {
    padding-bottom: 130px;
}

.news_con .tit {
    margin-top: 60px;
}

.news_con .tit h1 {
    font-size: 28px;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
    font-weight: bold;
    text-align: center;
    font-family: '思源黑体 Regular'
}

.news_con .tit h3 {
    padding: 15px 0px;
}

.news_con .tit h3 span {
    float: right;
}

.news_con .con p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 30px;
    text-align: justify;
}

.news_con .con p img {
    max-width: 100%;
    height: auto;
}

.news_con .con ul li {
    color: #333;
    margin-left: 20px;
}

.news_con .links {
    margin-top: 20px;
}

.news_con .links a {
    display: block;
    font-size: 16px;
    line-height: 32px;
}

.news_con .links a:active,
.news_con .links a:hover {
    color: #e6001a;
}

.honor {
    margin-top: 50px;
    text-align: center;
    padding-bottom: 130px;
}

.honor .tit h2 {
    background: url(../images/img21.png) no-repeat center bottom;
    padding-bottom: 20px;
    font-size: 30px;
}

.honor .tit span {
    font-size: 22px;
    display: block;
    margin-top: 40px;
}

.honor .tit p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}

.honor .list {
    width: 1200px;
    overflow: hidden;
}

.honor .list {
    margin-top: 10px;
    padding-bottom: 80px;
}

.honor .list .swiper-slide h3 {
    font-size: 22px;
    display: block;
    margin-top: 40px;
}

.honor .list .swiper-slide .text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

.honor .list .swiper-slide .img {
    padding: 6px;
    display: inline-block;
    text-align: center;
}

.honor .list .swiper-slide .img span {
    width: 273px;
    height: 181px;
    display: block;
    text-align: center;
}

.honor .list .swiper-slide .img span:after {
    content: '';
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.honor .list .swiper-slide .img span i {
    display: inline-block;
    vertical-align: middle;
}

.honor .list .swiper-slide p {
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    ;
}

.honor .list .swiper-slide p img {
    display: inline-block;
}

.history {
    margin-top: 40px;
}

.history .tit h2 {
    font-size: 30px;
}

.history .tit p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
}

.history .list {
    margin-top: 50px;
    padding-bottom: 130px;
}

.history .list .time {
    width: 200px;
    float: left;
    position: relative;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.history .list .time ul {
    width: 70%
}

.history .list .time ul:after {
    content: '';
    top: 0px;
    background: url(../images/img53.png) no-repeat 0px 18px;
    position: absolute;
    right: 5px;
    height: 624px;
    width: 67px;
}

.history .list .time ul li {
    font-size: 24px;
    margin-bottom: 88px;
    position: relative;
    color: #333
}

.history .list .time ul li:hover {
    cursor: pointer;
}

.history .list .time ul li:after {
    content: '';
    position: absolute;
    background: url(../images/img54.png) no-repeat right center;
    width: 24px;
    height: 24px;
    top: 3px;
    right: 0px;
    z-index: 2;
}

.history .list .time ul li:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    right: 35px;
    background: #9a9a9a;
    top: 16px;
}

.history .list .time ul li.active:after {
    background: url(../images/img55.png) no-repeat right center;
}

.history .list .time ul li.active {
    color: #ee0c0c;
}

.history .list .time ul li.active:before {
    background: #ee0c0c;
}

.history .list .text {
    border: 1px solid #dedede;
    padding: 20px;
    margin-left: 100px;
    position: relative;
}

.history .list .time_nr {
    width: 800px;
    float: left;
    position: relative;
}

.history .list .text {
    margin-bottom: 20px;
}

.history .list .text .img {
    width: 283px;
    height: 216px;
    float: left;
}

.history .list .text .wz {
    margin-left: 320px;
}

.history .list .text .wz strong {
    display: block;
    font-size: 30px;
    color: #e6001a;
}

.history .list .text .wz p {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
}

.history .list .time .time_click {
    position: absolute;
    top: 30px;
    right: 0px;
}

.history .list .time .time_click .time_prev {
    margin-bottom: 7px;
    cursor: pointer;
    background: url(../images/img82.png) no-repeat left top;
    /* width:30px; height:30px;  */
    background-size: cover;
    width: 40px;
    height: 40px;
    display: block;
}

.history .list .time .time_click .time_next {
    cursor: pointer;
    background: url(../images/img83.png) no-repeat left top;
    /* width:30px; height:30px;  */
    background-size: cover;
    width: 40px;
    height: 40px;
    display: block;
}

.history .list .time .time_click .time_next.active {
    opacity: 0.5;
}

.history .list .time .time_click .time_prev:hover {
    background: url(../images/img84.png) no-repeat left top;
    background-size: cover;
}

.history .list .time .time_click .time_next:hover {
    background: url(../images/img85.png) no-repeat left top;
    background-size: cover;
}


.history .list .time_nr .time_li {
    position: absolute;
    top: 0px;
}



.contact {
    padding-bottom: 130px;
    margin-top: 50px;
}

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

.contact .text h2 {
    font-size: 24px;
    color: #01559d;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 18px;
}

.contact .text p {
    font-size: 18px;
    line-height: 32px;
    margin-top: 20px;
}

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

.contact .list p {
    font-size: 16px;
    padding-left: 50px;
    margin-top: 25px;
}

.contact .list p a:hover {
    color: #e6001a;
}

.contact .list .icon1 {
    background: url(../images/img58.png) no-repeat left center;
    padding-left: 54px;
    height: 37px;
    line-height: 37px;
}

.contact .list .icon2 {
    background: url(../images/img59.png) no-repeat left center;
    padding-left: 54px;
    height: 37px;
    line-height: 37px;
}

.contact .list .icon3 {
    background: url(../images/img60.png) no-repeat left center;
    padding-left: 54px;
    height: 37px;
    line-height: 37px;
}

.contact .list .icon4 {
    background: url(../images/img61.png) no-repeat left center;
    padding-left: 54px;
    height: 37px;
    line-height: 37px;
}

.contact .tit {
    font-size: 30px;
    padding-bottom: 20px;
    color: #333;
    background: url(../images/img21.png) no-repeat center bottom;
    text-align: center;
}

#map {
    width: 100%;
    height: 600px;
    margin-top: 50px;
}

#map img {
    max-height: none !important;
    max-width: none !important;
}

.anchorBL {
    display: none;
}

.join {
    margin-top: 30px;
    padding-bottom: 130px;
}

.join .tit h3 {
    font-size: 30px;
    padding-bottom: 20px;
    background: url(../images/img21.png) no-repeat left bottom;
}

.join .tit p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}

.join .list ul {
    margin-top: 30px;
}

.join .list ul li {
    list-style-type: none;
    border: 1px solid #dfdfdf;
    width: 48%;
    float: left;
    margin-right: 40px;
    margin-top: 20px;
}

.join .list ul li:nth-child(2n) {
    margin-right: 0px;
}

.join .list ul li h3 {
    background: #f7f7f7;
    padding: 20px;
    font-size: 18px;
    color: #333;
}

.join .list ul li h3 a {
    float: right;
    color: #333;
    font-size: 14px;
    margin-top: 4px;
}

.join .list ul li h3 a:hover {
    color: #e6001a;
}

.join .list ul li .text {
    padding: 0px 20px;
    padding-bottom: 30px;
}

.join .list ul li p {
    font-size: 16px;
    margin: 20px 0px;
    color: #333
}

.join .list ul li p i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -3px;
}

.staff {
    padding-bottom: 130px;
    position: relative;
}


/* .staff:before { content:""; background:url(../images/img69.png) no-repeat left top; height:606px; width:533px; display:block; position:absolute; left:0px; top:0px; z-index:-1;} */


/* .staff:after { content:""; background:url(../images/img70.png) no-repeat left top; height:606px; width:533px; display:block; position:absolute; right:0px; top:0px; z-index:-1;} */

.staff .tit {
    text-align: center;
    margin-top: 80px;
}

.staff .tit h3 {
    font-size: 30px;
    background: url(../images/img21.png) no-repeat center bottom;
    padding-bottom: 20px;
}

.staff .tit p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 30px;
}

.staff .img {
    margin-top: 30px;
}


.swp_product .swp_prev {
    background: url(../images/img77.png) no-repeat left top;
    width: 19px;
    height: 36px;
    outline: none;
    left: 20px;
}

.swp_product .swp_next {
    background: url(../images/img78.png) no-repeat left top;
    width: 19px;
    height: 36px;
    outline: none;
    right: 20px;
}

.swp_product .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    overflow: hidden;
    border-radius: 0px;
    margin: 0px 4px;
    opacity: 0.5;
    outline: none;
    border-radius: 50%;
}

.swp_product .swiper-pagination-bullet-active {
    background: #e6001a;
    opacity: 1;
}

.swp_honor .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #e6001a;
    overflow: hidden;
    border-radius: 0px;
    margin: 0px 6px!important;
    outline: none;
    border-radius: 50%;
    opacity: 1;
}

.swp_honor .swiper-pagination-bullet-active {
    background: #e6001a;
    border: 1px solid #e6001a;
    opacity: 1;
}


.swp_staff {
    margin-top: 50px;
}

.swp_staff .staff_prev {
    background: url(../images/img79.png) no-repeat left top;
    width: 19px;
    height: 36px;
    outline: none;
    left: 20px;
    width: 40px;
    height: 69px;
    margin-top: -34px;
}

.swp_staff .staff_next {
    background: url(../images/img80.png) no-repeat left top;
    width: 19px;
    height: 36px;
    outline: none;
    right: 20px;
    width: 40px;
    height: 69px;
    margin-top: -34px;
}

.swp_staff .swiper-slide img {
    width: 1200px;
    height: 540px;
}

.swp_data {
    width: 100%;
    height: 100%;
    background: #000;
}

.swp_data .swiper-slide a {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: block;
}

.swp_data .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #e6001a;
    overflow: hidden;
    border-radius: 0px;
    margin: 0px 6px!important;
    outline: none;
    border-radius: 50%;
    opacity: 1;
}

.swp_data .swiper-pagination-bullet-active {
    background: #e6001a;
    border: 1px solid #e6001a;
    opacity: 1;
}

.data_dian {
    bottom: 20px !important;
}

.header .fr .nav ul li>a.active {
    color: #e6001a;
}

.support_a .list dl dd p {
    background: url(../images/img88.png) no-repeat left 15px;
    padding-left: 34px;
}

.support_a .list dl dd p em {
    display: block;
}

.support_a .list dl dd p em a:after {
    content: '';
    background: url(../images/img90.png) no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    margin-left: 10px;
    margin-top: -5px;
}

.support_a .list dl dd p:hover {
    background: url(../images/img89.png) no-repeat left 15px;
    padding-left: 34px;
}

.support_a .list dl dd p em a:hover:after {
    content: '';
    background: url(../images/img91.png) no-repeat left top;
}

.support_a .list dl dd p em a:hover {
    color: #e6001a;
}


.slide-nav {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 100%;
    background: white;
    z-index: 1100;
    overflow-y: auto;
}

.phone-slide-nav {
    width: 100%;
    padding-left: 5%;
    height: 100%;
    list-style: none;
}

.notmenu {
    list-style: none;
    width: 100%;
    font-size: 33px;
    color: #999;
    border-bottom: 1px solid #ccc;
    position: relative;
    text-align: left;
    padding: 5%;
    background: url(../images/timg111.png) 95% 34px no-repeat;
}

.notmenu.on{
    background: url(../images/timg1111.png) 95% 60px no-repeat;
}

.notmenu.search{
    text-align: right;
}

.notmenu.search a{
    display: inline-block;
    padding-right: 56px;
    height: 56px;
    background: url('../images/icon_search_mobile.svg') right center no-repeat;
    /* background-size: 100%; */
}



.backgoroundZero {
    background: none !important;
}

.z_staff {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 2;
}

.plus-nav {
    display: none;
    z-index: 1200;
    margin-top: 30px;
}

.abouten {
    margin-left: 10px;
    display: inline-block;
}

.menu-div .abouten {
    display: inline;
}


.plus-one {
    font-size: 30px;
    padding: 20px;
    border-top: 1px solid #ccc;
}



.footer .fl {
    width: 67%;
}


.footer .fr {
    width: 30%;
}





.inputBox form {
    background: #fff;
}

/* 2018-07-26 */
.m_tit{
	margin-top: 20px;
}
.a-tel {
    color: #007aff;
}

.banner .swiper-slide a.a-go {
    position: absolute;
    left: 12.29%;
    bottom: 23.20%;
    display: block;
    width: 200px;
    height: 64px;
    cursor: pointer;
}
.header .logo {
    width: 30%;
}
.header .fr {
    width: 70%;
}




.banner .swiper-slide a.a-go {
    bottom: 18%;
}

.header .fr .nav .nav_a2 {
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
.company4 p {
    width: 80%;
    margin: 0 auto;
}
.company4 {
    text-align: center;
}
.footer .fr h2 {
    padding-bottom: 16px;
}

@media (max-width: 1680px) {
    .header .fr .nav ul li{
        padding: 0 20px;
    }
}



@media (max-width: 1600px) and (min-width: 1440px) {
    .header .fr .nav ul li{
        padding: 0 15px;
    }
    .header .fr .search {
        line-height: 100px;
    }
    .header .fr .voice {
        line-height: 86px;
    }
    .header .fr .nav ul li>a {
        line-height: 70px;
    }
    .section3 .con .fl ul li {
        width: 30%;
        margin-right: 0;
    }
    .section2 .con .fr ul li {
        width: 30%;
        margin-right: 0;
    }
    .section2 .con .fr {
        padding:  0 5%;
        padding-top: 1.5%;
    }
}


@media (max-width: 1500px) {
    .header .fr .nav .nav_a .text dl {
        margin-right: 40px;
    }
    .header .fr .nav .nav_a .text dl dd a {
        font-size: 14px;
    }
    .header .fr .nav .nav_a .text dl dt a {
        font-size: 18px;
    }
    .header .logo span {
        font-size: 20px;
    }
    .header .fr .nav ul li a {
        font-size: 16px;
    }
}

@media(max-width:1440px) {
    .footer .fl .nav a {
        width: auto;
        padding-right: 30px;
    }

    .footer {
        padding: 0 15px;
    }
    .header .fr .nav ul li>a {
        line-height: 65px;
    }
    .header .fr .nav ul li {
        padding: 0 14px;
    }
    .header .fr .search {
        line-height: 100px;
    }
    .header .fr .voice {
        line-height: 82px;
    }
    .header .logo {
        margin-top: 10px;
    }
    .banner .swiper-slide a.a-go {
        
        left: 11%;
        bottom: 20%;
        
    }
    .section3 .con .fr {
        margin-top: 10%;
    }

    .section2 .con .fr {
        width: 50%;
        float: left;
        height: 100%;
        background: #e5e7e9;
        padding: 0% 3%;
        padding-top: 1.5%;
    }
    
}

@media screen and (max-width: 1440px) {
    .header .fr .nav .nav_a2 {
        width: 170px;
        left: 50%;
        margin-left: -85px;
    }
    .section2 .had {
        height: 35%;
    }
    
    .section2 .had p {
        /* margin-top: 0;
        padding-top: 150px;
        padding-bottom: 10px; */
    }
    .section2 .con {
        height: 65%;
    }
    .section2 .con .fr {
        padding: 0 3%;
        padding-top: 2%;
    }
    .section3 .con .fl {
        margin-top: 150px;
    }

    .section3 .con .fl {
        padding: 0 5%;
        width: 40%;
        float: left;
    }
    .section3 .con .fl p {
        font-size: 15px;
        line-height: 25px;
        margin-top: 10px;
    }
    .section3 .con .fl h2 {
        font-size: 28px;
    }
    .banner_x .ban_nr {
        margin-top: 106px;
    }
    .banner2 .banner_pagination2 {
        bottom: 50px;
    }
    
}

@media (max-width: 1430px) and (min-width: 1390px) {
    .header .fr {
        padding-right: 10%;
    }
    .section3 .con .fl {
        padding-right: 3%; 
    }
    .section3 .con .fl ul li {
        width: 30%;
        margin-right: 0;
    }
}
@media(max-width:1366px) {
    .header .fr .nav .nav_a2 a {
        font-size: 14px;
    }
    .header .logo {
        padding-left: 5%;
    }
    .header .fr {
        padding-right: 5%;
    }
    /* .header .fr .nav ul li {
        padding: 0 5px;
    } */
    .header .fr .search .txt {
        width: 60px;
    }
    .header .fr .nav ul li>a {
        font-size: 16px;
    }


    .section2 .con .fr h2 {
        font-size: 30px;
    }
    .section2 .con .fr p {
        font-size: 16px;
        line-height: 1.8em;
    }
    .section2 .con .fr ul li {
        margin-right: 26px
    }
    .section2 .con .fr ul li strong {
        font-size: 22px;
        text-align: center;
    }
    .section2 .con .fr ul {
        margin-top: 20px;
    }
    .more {
        margin-top: 20px;
        padding-left: 50px;
    }
    .more a {
        padding: 0 80px;
        padding-right: 135px;
    }
    

    
    .section3 .con .fl ul li {
        width: 28%;
        float: left;
    }
    .section3 .con .fl ul li span {
        font-size: 12px;
    }
    .section3 .con .fl ul li {
        margin-right: 20px;
    }
    .section3 .con .fr {
        width: 60%;
        float: left;
        /* margin: 0 7%; */
    }
    .section3 .con .fr ul li {
        padding-left: 0;
        width: 48%;
        margin-left: 2%;
    }
    .section3 .con .fr ul li img {
        margin-top: 10%;
    }
}
@media screen and (max-width: 1290px) and (min-width: 1200px) {
    .banner2 .banner_pagination2 {
        bottom: 60px;
    }
    .section2 .con .fr {
        padding: 0 1.5%;
        padding-top: 1.5%;
    }
    .section2 .had {
        height: 38%;
    }
    .section2 .con {
        height: 62%;
    }
    .section2 .had p {
        margin-top: 140px;
    }
    .section2 .con .fr h2 {
        font-size: 28px;
    }
    .section2 .con .fr h3 {
        margin-top: 10px;
    }
    .section2 .con .fr p {
        margin-top: 0;
    }
    .section3 .con .fl ul,
    .section2 .con .fr ul {
        margin-top: 10px;
    }
    .section2 .con .fr ul li {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (max-width: 1200px) {
    .header .logo {
        padding-left: 2%;
        width: 100%;
    }
    .header .logo span {
        font-size: 40px;
        margin-left: 50px;
    }
    .header .fr {
        padding-right: 2%;
    }
    .header .fr .nav ul li {
        padding: 0 5px;
    }
    .header .fr .search .txt {
        width: 30px;
    }
    .header .fr .nav ul li>a {
        font-size: 14px;
    }
    .header .fr .nav .nav_a .text dl {
        margin-right: 30px;
    }
    .header .fr .nav .nav_a .text dl dd a {
        font-size: 12px;
    }
    .header .fr .nav .nav_a .text dl dt a {
        font-size: 16px;
    }
    .solution .list ul li {
        width: 40%;
        margin-left: 45px;
    }
    .product2 {
        display: block;
        padding: 0;
    }
    .product2 .fl {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .product2 .fr {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .join .list ul li {
        width: 60%;
        margin-left: 20%;
    }
}

@media (min-width: 1100px) {
    .logo-toggle,
    .phone-nav {
        display: none;
    }
    .close-nav {
        display: none;
    }
}

@media (max-width: 1100px) {
    .header .fr {
        width: 100%;
        justify-content: center;
        padding-left: 5%;
        display: none;
    }
    .support {
        margin-top: 30px;
    }
    .m_main {
        margin-top: 30px;
    }
    .header .fr .nav ul li {
        padding: 0 2px;
    }
    .header .fr .search .txt {
        width: 10px;
    }
    .header .fr .nav ul li>a {
        font-size: 18px;
    }
    .product .list dl dd p {
        width: 100%;
    }
    .footer .fl .nav {
        display: none;
    }
    .solution .list ul li {
        width: 70%;
        margin-left: 80px;
    }
    .support ul li {
        width: 47%;
    }
    .header .fr .search .but {
        width: 30px;
        height: 30px;
        background-size: cover;
    }
    .header .fr .voice a.en {
        padding-left: 20px;
    }
    .header .fr .voice a {
        margin: 0 12px;
    }
    .header .fr .voice {
        font-size: 16px;
    }
    /* .banner .swiper-slide a{
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
    } */
    .banner_x .ban_nr {
        margin-top: 105px;
    }
    .logo-toggle {
        display: block;
    }
    .banner_x h3,
    .banner_x i {
        margin-left: 50px;
    }
    
    .product .list dl dd {
        padding: 10px 45px;
    }
    .product3 h3 {
        padding: 0 50px;
    }
    .product3 .text {
        padding-left: 50px;
    }
    .join .tit h3,
    .join .tit p {
        padding: 0 30px;
        background-position-x: 30px;
    }
    .m_tit h2,
    .support2 p {
        /* padding-left: 50px; */
    }
    .solution .had .tit {
        text-align: center;
    }
    .tab-container .text {
        text-align: center;
    }
    .solution .list ul li:nth-child(3n-1) {
        margin-left: 80px;
    }
    .section3 .banner_pagination3 {
        display: none;
    }
}

@media (max-width: 768px) {
    .product .list dl dd p {
        width: 100%;
    }
    
    .footer .fl {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding-left: 10px;
    }
    .footer .fr {
        width: 100%;
        float: none;
        margin: 0 auto;
        margin-top: 50px;
        padding-left: 20px;
    }
    .support ul li {
        width: 70%;
        margin-left: 10%;
    }
}