/* banner */
#banner {
    width: 100%;
    height: 750px;
}
.slide1-container {
    width: 1200px;
    margin: auto;
}

.slide1-box {
    position: absolute;
    top: 240px;
    width: 560px;
    height: 40px;
}

.slide1-box .tit {
    font-size: 42px;
    font-weight:bold;
    color: #fff;
}

.slide1-box .tex {
    font-size: 16px;
    line-height: 30px;
    color: #c9cdd7;
    padding: 30px 0 70px 0;
}

.slide1-box .btns .btn {
    display: inline-block;
    width: 165px;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fcfdff;
    border-radius: 25px;
}

.slide1-box .btns .btn1 {
    background-color: #FFA800;
    margin-right: 20px;
}

.slide1-box .btns .btn1:hover {
    background-color: #ff9512;
    margin-right: 20px;
}

.slide1-box .btns .btn2 {
    border: 1px solid #fcfdff;
    margin-right: 20px;
}

.slide1-box .btns .btn2:hover {
    border: 1px solid #ff9512;
    margin-right: 20px;
    color: #ff9512
}

#banner #banner-pagination .swiper-pagination-bullet {
    width: 34px;
    height: 6px;
    background: #70798a;
    border-radius: 10px;
    opacity: 0.3;
}

#banner #banner-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

/* 顶部导航 */

.top-nav-box {
    position: absolute;
    width: 1200px;
    z-index: 2;
    top: 0;
    left: 0px;
    right: 0px;
    margin: auto;
}

.top-nav-box ul.top-nav-items {
    display: inline-block;
    margin: 0 30px;
    width: 60%;
}

.top-nav-box .top-nav-items li {
    /*display: inline-block;*/
    float: left;
    /*margin: 0 15px; */
    padding:25px 0;
    line-height:43px;
    text-align: center;
    width:11%;
}

.top-nav-box .top-nav-items li a {
    color: #fff;
    font-size: 16px;
}

.top-nav-box .top-nav-items li>a:hover {
    color: #ffae00;
    display: inline-block;
}

.top-nav-box .login-box {
    color: #c9d0df;
    font-size: 16px;
    display: inline-block;
    float: right;
    margin-top:25px;
    line-height: 43px;

}

.top-nav-box .login-box a {
    margin: 0 10px;
	color: #c9d0df;
}

.top-nav-box .login-box a:hover {
    color: #ffae00
}

.top-nav-box .try-btn {
    margin:31px 0 0 15px;
    float: right;
    display: inline-block;
    font-size: 16px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #ffae00;
    border-radius: 20px;
    font-size:15px;
}

.top-nav-box .try-btn.hidden-mobile{
    display:none;
}

.top-nav-box .try-btn:hover {
    background: #ff9512;
}

.m-logo {
 /*   display: inline-block;
    vertical-align: middle;*/
    display: none;
    float: left;
    vertical-align: middle;
    margin-top: 29px;
}

.top-nav-box .nav-collect-icon {
    display: none
}

.top-nav-box .pc-logo {
    /*display: inline-block;*/
    float: left;
    vertical-align: middle;
    margin-top:29px;
}
.top-nav-box .pc-logo img{
	width:182px;
}

/*悬浮黑色的弹窗*/
.public-headertop{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
    height:97px;
    transition:all .5s;
}
.public-top-nav-box ul.top-nav-items {
    display: inline-block;
    margin: 0 30px;
    width: 60%;
}

.public-top-nav-box .top-nav-items li {
    float: left;
    margin: 0px;
    padding:25px 0;
    text-align: center;
    width:11%;
}

.public-top-nav-box .top-nav-items li a {
    color: #27292e;
    font-size: 16px;
}

.public-top-nav-box .top-nav-items li a:hover {
    color: #ffae00;
    display: inline-block;
}

.public-top-nav-box .login-box {
    color: #8f8f8f;
    font-size: 16px;
    display: inline-block;
    float: right;
    line-height: 43px;
    margin-top:25px;
}

.public-top-nav-box .login-box a {
    margin: 0 10px;
    color: #8f8f8f
}

.public-top-nav-box .login-box a:hover {
    color: #ffae00
}

.public-top-nav-box .try-btn {
    float: right;
    display: inline-block;
    margin:31px 0 0 15px;
    font-size: 16px;
    width: 90px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #ffae00;
    border-radius: 20px;
    font-size:15px;
}

.public-top-nav-box .try-btn:hover {
    background: #ff9512;
}
/*悬浮黑色弹窗结束*/
.public-fixed{height:80px;}
.public-fixed .public-box{top:70px;}
.public-fixed .m-logo{margin-top:18px;}
.public-fixed .public-top-nav-box .top-nav-items li{padding:15px 0;}
.public-fixed .public-top-nav-box .login-box{margin-top:15px;}
.public-fixed .public-top-nav-box .try-btn{	margin-top:21px;}

/* 新闻资讯 */

.news-box {
    width: 1300px;
    margin: auto;
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.news-box .news-items {
    width: 50%;
    padding: 0 50px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
}

.news-box .news-items:first-child {border-right: 1px solid#eee;}
.news-box .news-items .tit {font-size: 18px;color: #000;margin-right: 20px;vertical-align: top;}
.news-box .news-items ul.new-list {font-size: 16px;display: inline-block;}
.news-box .news-items .new-list li {padding-bottom: 10px}
.news-box .news-items .new-list li a {
    color: #666;
    margin-right: 10px;
    display: inline-block;
    max-width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-box .news-items .new-list li a:hover{color:#ffae00;}

/* 手机端 */
.m-hot-new {display: none}
.m-console {display: none}
.m-cus-pro-detaile {display: none;}
.m-slide1-box {display: none}
.m-wrap-pro {display: none}
.m-wrap-solution {display: none}
.m-news-box {display: none}

/* 产品介绍 */

.wrap-pro {width: 1200px;margin: auto;}
.wrap-tit {margin:50px 0;text-align: center;font-size: 36px;font-weight: 600;height: 80px;line-height: 80px;
color: #000000;transition: all .8s;   -webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;
}

.ani {
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}

.wrap-tit-pro {background: url(../images/tit-bg01.png) no-repeat top center;}
.wrap-tit-problem {background: url(../images/tit-bg02.png) no-repeat top center;}
.wrap-tit-solution {background: url(../images/tit-bg03.png) no-repeat top center;color: #fff;}
.wrap-tit-save {background: url(../images/tit-bg04.png) no-repeat top center;}
.wrap-tit-trends {background: url(../images/tit-bg05.png) no-repeat top center;}
.wrap-tit-news {background: url(../images/tit-bg06.png) no-repeat top center;}
.wrap-pro ul.tabs {border-bottom: 1px solid #eee;font-size: 0;}
.wrap-pro ul.tabs li {
    width: 16.5%;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer
}

.wrap-pro ul.tabs li .tit {
    position: relative;
    font-size: 20px;
    font-weight: normal;
    line-height: 21px;
    color: #000000;
    padding-top: 80px;
}

.wrap-pro ul.tabs li .tit img {
    position: absolute;
    right: 45px;
    top: -15px;
}

.wrap-pro ul.tabs li .tit01 {
    background: url(../images/pro-type01.png) no-repeat top center
}

.wrap-pro ul.tabs li .tit02 {
    background: url(../images/pro-type02.png) no-repeat top center
}

.wrap-pro ul.tabs li .tit03 {
    background: url(../images/pro-type03.png) no-repeat top center
}

.wrap-pro ul.tabs li .tit04 {
    background: url(../images/pro-type04.png) no-repeat top center
}

.wrap-pro ul.tabs li .tit05 {
    background: url(../images/pro-type05.png) no-repeat top center
}

.wrap-pro ul.tabs li .tit06 {
    background: url(../images/pro-type06.png) no-repeat top center
}
.wrap-pro ul.tabs li .disc {
    font-size: 14px;
    line-height: 21px;
    color: #999;
    padding: 10px 0 20px 0
}

.wrap-pro ul.tabs li i {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    margin: auto;
    width: 120px;
    height: 3px;
    background-color: #4c5b78;
}

.wrap-pro ul.tabs li:hover i {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.wrap-pro ul.tabs li.tab-active i {
    display: block
}

.wrap-pro .tab-contents {
    position: relative;
    height: 600px
}

.wrap-pro .tab-contents .content-lis {
    position: absolute;
    left: 0;
    top: 0;
    padding: 60px 0;
    overflow: hidden;
    /*opacity: 0;*/
    display:none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.wrap-pro .tab-contents .content-lis.active {
    /*opacity: 1*/
    display:block;
}

.wrap-pro .tab-contents .content-lis .img-box {
    font-size: 0;
    position: absolute;
}

.wrap-pro .tab-contents .content-lis .img-box li {
    margin-bottom: 40px
}

.wrap-pro .tab-contents .content-lis .img-box li img {
    width: 320px;
    height: auto;
}

.wrap-pro .tab-contents .content-lis .right-con {
    margin-left: 360px
}
.wrap-pro .tab-contents .content-lis .right-con a{color: #4c5b78;}
.wrap-pro .tab-contents .content-lis .right-con .tit {
    margin-left: 5px;
    font-size: 20px;
    margin-bottom:5px;
    color: #000000;display: block;
}

.wrap-pro .tab-contents .content-lis .right-con p {
    font-size: 16px;
    line-height: 30px;
    color: #4c5b78;
    margin: 0 5px;
    display: inline-block;
}

.wrap-pro .tab-contents .content-lis .right-con .items {
    color: #eee;display: flex; align-items: center;justify-content: flex-start;flex-wrap: wrap;
}

.wrap-pro .tab-contents .content-lis .right-con .items p{
    font-size: 16px;
    line-height: 30px;
    color: #4c5b78;
    margin: 0 5px
}

.wrap-pro .tab-contents .content-lis .right-con .list {
    margin-bottom:23px
}

.wrap-pro .tab-contents .content-lis .right-con .more {
    color: #4c5b78;
}

.wrap-pro .tab-contents .content-lis .right-con .more:hover {
    color: #ff9512;
}

/* 为客户解决业务难题 */

.wrap-customer-problem {
    padding-top: 80px;
    background: url(../images/wrap-customer-bg.png) no-repeat top center;
    background-size: 110%
}

.cus-pro-box {
    background: #f5f5f8
}

#swi-cus-pro {
    width: 1200px;
    height:580px;
}

#swi-cus-pro .cus-pro-detaile {
    width: 100%;
    height: 230px;
    background: #fff;
    padding: 40px 20px;
    box-sizing: border-box;
}
#swi-cus-pro .cus-pro-detaile ul{display: flex;}
#swi-cus-pro .cus-pro-detaile li {
    display: inline-block;
}
#swi-cus-pro .cus-pro-detaile li:first-child a img{width: 270px;}
#swi-cus-pro .cus-pro-detaile li .tex-box {
    width: 640px;
    padding: 0 20px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
}

#swi-cus-pro .cus-pro-detaile li .tex-box .tit,#swi-cus-pro .cus-pro-detaile li .tex-box .tit a{
    font-size: 24px;
    margin-bottom: 20px;
    color: #4c5b78;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

#swi-cus-pro .cus-pro-detaile li .tex-box .detail {
    width: 585px;
    font-size: 16px;
    line-height: 24px;
    color: #a4a9b4;
}

#swi-cus-pro .cus-pro-detaile li .right-box {
    padding: 0 20px;
    box-sizing: border-box;
}

#swi-cus-pro .cus-pro-detaile li .right-box .p1 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #060606;
}

#swi-cus-pro .cus-pro-detaile li .right-box .p2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #060606;
}

#swi-cus-pro .cus-pro-detaile li .right-box p .btn {
    display: inline-block;
    width: 106px;
    height: 32px;
    border-radius: 30px;
    background: #4c5b78;
    text-align: center;
    line-height: 32px;
    color: #fff;
}

#swi-cus-pro .cus-pro-detaile li .right-box p .btn:hover {
    background: #596d94;
}

#swi-cus-pro .cus-pro-items {
    font-size: 0;
    margin-top: 60px;
}
#swi-cus-pro .cus-pro-items ul{ display: flex; align-items: flex-start;flex-wrap:wrap;}
#swi-cus-pro .cus-pro-items li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

#swi-cus-pro .cus-pro-items li p.tit {
    font-size: 20px;
    line-height: 24px;
    color: #060606;
    margin: 36px 0 20px 0
}

#swi-cus-pro .cus-pro-items li p.tex {
    font-size: 14px;
    line-height: 21px;
    color: #a4a9b4;
}

#swi-cus-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffa800
}

#swi-cus-pagination .swiper-pagination-bullet {
    background: #4c5b78
}

/* 解决方案 */

.wrap-solution {
    width: 100%;
    height: 700px;
    padding: 30px 0;
    box-sizing: border-box;
    background: #222937 url(../images/solu-bg.png) no-repeat top center;
}

.wrap-solution .solution-box {
    width: 1200px;
    margin: auto;
    /*padding-top: 50px*/
}

.wrap-solution .solution-box .tabs {
    position: absolute;
    width: 240px;
    color: #fff;
}

.wrap-solution .solution-box .tabs li {
    cursor: pointer;
    width: 100%;
    height:45px;
    line-height:45px;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
}

.wrap-solution .solution-box .tabs li.tab-active {
    color: #ffa800;
    background: #383d54;
    border-radius: 4px;
}

.wrap-solution .solution-box .tabs>ul {
    border-bottom: 1px solid #4c5b78;
    margin-bottom: 20px;
}

.wrap-solution .solution-box .tabs .more {
    color: #fff;
    padding: 20px;
    font-size: 18px;
}

.wrap-solution .solution-box .tabs .more:hover {
    color: #ffa800;
}

#swiper-solution {
    margin-left: 300px;
    height: 400px;
}

.wrap-solution .solution-box .solution-content .tit {
    font-size: 28px;
    color: #ffffff;
}

.wrap-solution .solution-box .solution-content .tips {
    font-size: 14px;
    color: #8d8f92;
    margin: 10px 0 25px 0
}

.wrap-solution .solution-box .solution-content .tips span {
    margin-right: 10px
}

.wrap-solution .solution-box .solution-content .tex {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.wrap-solution .solution-box .solution-content .btn a {
    display: inline-block;
    width: 165px;
    height: 48px;
    background: #ffa800;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    cursor: pointer;
}

.wrap-solution .solution-box .solution-content .btn a:hover {
    background: #ff9512
}

.wrap-solution .solution-box .solution-content .imgs {
    margin-top:30px;
    font-size: 0
}

.wrap-solution .solution-box .solution-content .imgs img {
    margin-right: 50px;
    /*max-width:110px;*/
    max-height:50px;
}
.wrap-solution .solution-box .solution-content .imgs img:nth-child(5n){
    margin-right:0px;
}


/* 信息安全 */

.wrap-save {
    width: 1200px;
    margin: auto;
    padding: 30px 0 70px 0;
}

.wrap-save .save-con {
    font-size: 0;
    padding-top: 10px;
    overflow: hidden;
}

.wrap-save .save-con li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
}

.wrap-save .save-con li:hover img {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -moz-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
}

.wrap-save .save-con li>div>img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}

.wrap-save .save-con li:nth-child(2) {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.wrap-save .save-con li:nth-child(3) {
    border-right: 1px solid #eee;
}

.wrap-save .save-con li .tit {
    font-size: 24px;
    color: #000000;
    margin: 30px 0;
}

.wrap-save .save-con li .tex {
    font-size: 16px;
    line-height: 28px;
    color: #868686;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.wrap-trends {
    background: #f6f8fb url(../images/trends-bg.png) top center;
    width: 100%;
    height: 570px;
    padding: 30px 0;
    box-sizing: border-box;
}

.wrap-trends .time-line-box {
    height: 190px;
    background: url(../images/trends-line.png) no-repeat center center
}

.wrap-trends .time-line-box .time-line {
    width: 1200px;
    height: 100%;
    margin: auto;
    position: relative;
}

#time-line-con {
    width: 100%;
    height: 100%;
}

#time-line-con .swiper-slide {
    font-size: 16px;
    text-align: center;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

#time-line-con .swiper-slide .tex {
    position: absolute;
    line-height: 21px;
    color: #242424;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width:80%;
    left:50%;
    margin-left:-40%;
    text-align: center;
}

#time-line-con .swiper-slide:nth-child(2n) .tex {
    bottom: 0;
}

#time-line-con .swiper-slide:nth-child(2n-1) .tex {
    top: 0;
}

#time-line-con .swiper-slide .circle {
    position: absolute;
    top: calc(50% - 10px);
    width: 100%;
}

#time-line-con .swiper-slide .circle span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: solid 2px #ffffff;
    background: #383b54;
    border-radius: 100%;
}

#time-line-con .swiper-slide .tip {
    position: absolute;
    width: 100%;
}

#time-line-con .swiper-slide:nth-child(2n-1) .tip {
    bottom: 0;
}

#time-line-con .swiper-slide:nth-child(2n) .tip {
    top: 0;
}

#time-line-con .swiper-slide .tip span {
    display: inline-block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    background: #383b54;
    border-radius: 4px;
    color: #fff;
    width:70%;
}

#time-line-con .swiper-slide .tip span:before {
    content: "";
    position: absolute;
    border-width: 12px;
    border-style: solid;
    left: calc(50% - 12px)
}

#time-line-con .swiper-slide:nth-child(2n) .tip span:before {
    bottom: -24px;
    border-color: #383b54 transparent transparent transparent;
}

#time-line-con .swiper-slide:nth-child(2n-1) .tip span:before {
    top: -24px;
    border-color: transparent transparent #383b54 transparent;
}

#time-prev {
    outline: none;
    left:-50px;
    width: 37px;
    height: 37px;
    background: url(../images/time-prev.png)
}

#time-prev:after {
    content: none;
}

#time-next {
    outline: none;
    right:-50px;
    width: 37px;
    height: 37px;
    background: url(../images/time-next.png)
}

#time-next:after {
    content: none;
}

.wrap-trends>.btn {
    text-align: center;
    margin-top: 66px;
}

.wrap-trends>.btn a {
    display: inline-block;
    width: 165px;
    height: 48px;
    background: #FFA800;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;
    cursor: pointer;
}
.wrap-trends>.btn a.hidden-mobile{
    display:none;
}

.wrap-trends>.btn a:hover {
    background: #ff9512
}

.m-tit {
    display: none;
}

/* 新闻中心 */

.pc-news-box {
    width: 1200px;
    margin: auto;
}

.pc-news-box .img-box {
    font-size: 0
}

.pc-news-box .img-box li {
    display: inline-block;
    width: 380px;
}

.pc-news-box .img-box li .homenews-img{
    overflow:hidden;
    width:100%;
    height:175px;
    margin-bottom: 10px;
}

.pc-news-box .img-box li img {
    width: 100%;
    height: auto;
    transition:all .5s;
}
.pc-news-box .img-box li:hover .homenews-img img{
    transform:scale(1.1);
}

.pc-news-box .img-box li:nth-child(2) {
    margin: 0 28px;
}

.pc-news-box li p {
    line-height: 30px;
}

.pc-news-box li p span {
    font-size: 14px;
    color: #999;
}

.pc-news-box li p a {
    float: right;
    display: inline-block;
    font-size: 15px;
    color: #404040;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pc-news-box li p a:hover{
    color:#ffae00;
}

.pc-news-box .news-list {
    font-size: 0
}

.pc-news-box .news-list li {
    display: inline-block;
    width: 380px;
    margin-right: 30px;
}

.pc-news-box .news-list li:nth-child(3n) {
    margin-right: 0
}
.friendlink{
    box-sizing: border-box;
    padding:30px 0;
}
.friendlink .hContainer{
    border-top: 1px solid #f1f1f1;
    box-sizing: border-box;
    padding-top:20px;
}
.friendlink a{
    color:#333;
}

@media(max-width:1300px){
	.news-box{
		width:1200px;
	}
	.wrap-trends .time-line-box .time-line{
		width:90%;
		margin:0 auto;
	}
    .pc-news-box .img-box li,.pc-news-box .news-list li{
        width:32%;
        margin:0  2% 0  0 !important;
    }
    .pc-news-box .img-box li:nth-child(2),.pc-news-box .news-list li:nth-child(2){
        margin-right:0;
    }
    .pc-news-box .img-box li:last-of-type,.pc-news-box .news-list li:last-of-type{
        margin-right:0px !important;
    }
    .wrap-tit{
        margin:30px 0;
    }
}
@media(max-width:1199px){
	.pc-news-box,.news-box,.top-nav-box,#swi-cus-pro,.wrap-save,.wrap-solution .solution-box,.slide1-container,#swi-cus-pro .cus-pro-detaile li .tex-box .detail,#swi-cus-pro .cus-pro-detaile li .tex-box{
		width:100%;
	}
	.wrap-pro{
		width:98%;
	}
	.top-nav-box ul.top-nav-items{
		margin:0;
	}
	#swiper-solution{
		width:65%
	}
	.wrap-save .save-con li .tit{
		font-size:22px;
		margin:15px 0;
	}
	.wrap-pro .tab-contents .content-lis .right-con .items span{
		line-height:23px;
		font-size:13px;
		margin:0 2px;
	}
	#swi-cus-pro .cus-pro-detaile li img{
		width:160px;
	}
	#swi-cus-pro .cus-pro-detaile li:nth-child(2){
		width:60%;
	}
	.wrap-save .save-con li>div>img{
		height:65px;
	}
	.wrap-save .save-con li .tit{
		font-size:18px;
	}
	.wrap-save .save-con li .tex{
		font-size:15px;
		line-height:24px;
	}

}	
@media(max-width:991px){
	#time-prev{
		left:-30px;
	}
	#time-next{
		right:-30px;
	}
	#swiper-solution{
		margin-left:30%;
	}
	.wrap-solution .solution-box .tabs{
		width:27%;
	}
	.wrap-solution .solution-box .tabs li,.wrap-solution .solution-box .tabs .more{
		font-size:15px;
	}
	.wrap-tit{
		margin:25px 0;
		font-size:29px;
	}
	.top-nav-box .login-box{
		display:none;
	}
	.wrap-pro ul.tabs li .tit{
		font-size:14px;
		padding-top:59px;
	}
	.wrap-pro ul.tabs li .disc{
		font-size:12px;
	}
	.wrap-pro ul.tabs li .tit img{
		height:25px;
		right:20px;
	}
	.wrap-pro .tab-contents .content-lis .img-box{
		width:40%;
	}
	.wrap-pro .tab-contents .content-lis .img-box li img{
		width:100%;
	}
	.wrap-pro .tab-contents .content-lis .right-con{
		margin-left:42%;
		width:55%;
	}
	.wrap-pro .tab-contents .content-lis{
		width:100%;
	}
	.wrap-customer-problem{
		padding-top:50px;
	}
	#swi-cus-pro .cus-pro-detaile li .tex-box .detail{
		font-size:14px;
		line-height:22px;
	}
	#swi-cus-pro .cus-pro-detaile li:nth-child(2){
		width:55%;
	}
	#swi-cus-pro .cus-pro-detaile li .tex-box .tit{
		font-size:20px;
	}
	#swi-cus-pro .cus-pro-detaile li .tex-box .tit{
		margin-bottom: 10px;
	}
	#swi-cus-pro .cus-pro-detaile li .right-box .p2{
		font-size:20px;
	}
	#swi-cus-pro .cus-pro-items li p.tit{
		font-size:16px;
		margin:15px 0;
	}
	#swi-cus-pro .cus-pro-items li img{
		height:40px;
	}
	#swi-cus-pro{
		height:auto;
		padding:30px 0 60px 0;
	}
	.wrap-solution{
		height:auto;
		padding:20px 0;
	}
	.wrap-save .save-con li .tit{
		font-size:16px;
	}
	.wrap-save .save-con li{
		padding:0 1%;
	}
	.wrap-save .save-con li .tex {
	    font-size: 12px;
	    line-height: 21px;
	}
	.wrap-trends{
		height:auto;
	}
	.top-nav-box ul.top-nav-items{
		width:67%;
	}
	.top-nav-box .top-nav-items li a{
		font-size:14px;
	}
	.top-nav-box .pc-logo img{
		width:168px;
	}
	.top-nav-box .try-btn{
		margin-left:0px; 
	}
    .slide1-box .tit{
        font-size:34px;
    }
    .slide1-box{
        left:40px;
    }
    .pc-news-box .img-box li .homenews-img{
        height:auto;
    }

}

@media(max-width:767px) {
    .top-nav-box {
        padding: 20px 30px;
        box-sizing: border-box;
        position: relative;
        width: 100%;
    }
    .top-nav-box .pc-logo {
        display: none;
    }
    .top-nav-box .m-logo {
        display: inline-block;
    }
    .top-nav-box ul.top-nav-items {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        top: 83px;
        height: 500px;
        background: rgb(27, 33, 44);
        padding-top: 30px;
        display: none;
    }
    .top-nav-box .top-nav-items li {
        display: block;
        text-align: center;
    }
    .top-nav-box .top-nav-items li a {
        color: #fff;
        line-height: 50px
    }
    .top-nav-box .nav-collect-icon {
        position: absolute;
        top: 30px;
        right: 30px;
        display: inline-block;
    }
    .top-nav-box .nav-collect-icon img {
        width: 46px;
    }
    .top-nav-box .login-box {
        vertical-align: middle;
        margin-left: 30px;
        color: #c9d0df;
        float: none;
    }
    .top-nav-box .login-box a {
        color: #2a354b;
        font-size: 22px;
    }
    .top-nav-box .try-btn {
        top: 22px;
        position: absolute;
        right: 120px
    }
    #banner {
        width: auto;
        margin: 0 30px;
        box-sizing: border-box;
        height: 280px;
        border-radius: 12px
    }
    #banner .swiper-slide {
        background-size: 100% auto!important;
    }
    .slide1-container {
        width: 100%;
    }
    .slide1-container .slide1-box {
        display: none
    }
    .slide1-container .m-slide1-box {
        display: block;
        position: absolute;
        top: 50px;
        left: 50px;
    }
    .slide1-container .m-slide1-box .tit {
        color: #fff;
        font-size: 40px;
        font-weight: 600;
        margin-bottom: 30px
    }
    .slide1-container .m-slide1-box .btns .btn {
        display: inline-block;
        width: 165px;
        height: 48px;
        font-size: 20px;
        line-height: 48px;
        background: #ffa800;
        border-radius: 40px;
    }
    .slide1-container .m-slide1-box .btns .btn:hover {
        color: #fff;
        background: #ff9512
    }
    .news-box {
        display: none
    }
    .m-hot-new {
        display: block;
        padding: 20px 30px;
        border-bottom: 1px solid #f5f5f9;
    }
    .m-hot-new .fire {
        font-size: 28px;
        line-height: 40px;
        color: #000000;
        padding-left: 50px;
        padding-right: 20px;
        background: url(../images/fire.png) no-repeat left center;
    }
    .m-hot-new a {
        font-size: 24px;
        line-height: 40px;
        color: #000000;
        display: inline-block;
        width: calc(100% - 126px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
    }
    .m-console {
        display: block;
        font-size: 0;
        padding: 50px 30px;
        border-bottom: 15px solid #f5f5f9;
    }
    .m-console li {
        display: inline-block;
        width: 25%;
        text-align: center;
        font-size: 28px;
        color: #000
    }
    .wrap-pro {
        display: none;
    }
    .m-wrap-pro {
        padding: 30px 30px;
        box-sizing: border-box;
		display:block;
    }
	
    .m-tit {
        display: block;
        font-size: 32px;
        font-weight: 600;
        line-height: 32px;
        color: #000000;
        margin-bottom: 50px
    }
    .m-tit a {
        width: 37px;
        height: 37px;
        display: inline-block;
        background: url(../images/time-next.png);
        float: right;
    }
    .m-wrap-pro .swiper-slide {
        width: 244px;
        height: 157px;
        padding: 30px;
        box-sizing: border-box;
    }
    .m-wrap-pro .swiper-slide .tit {
        font-size: 32px;
        color: #fff;
        font-weight: 600;
    }
    .m-wrap-pro .swiper-slide .btn {
        padding: 5px 20px;
        font-size: 24px;
        border: 1px solid #fff;
        border-radius: 30px;
        color: #fff;
    }
	
    #m-pro-slide01 {
        background: url(../images/m-pro-type01.png) no-repeat
    }
    #m-pro-slide01 {
        background: url(../images/m-pro-type01.png) no-repeat
    }
    #m-pro-slide02 {
        background: url(../images/m-pro-type02.png) no-repeat
    }
    #m-pro-slide03 {
        background: url(../images/m-pro-type03.png) no-repeat
    }
    #m-pro-slide04 {
        background: url(../images/m-pro-type04.png) no-repeat
    }
    #m-pro-slide05 {
        background: url(../images/m-pro-type05.png) no-repeat
    }
    /* 帮助客户解决难题 */
    .wrap-tit-problem {
        display: none
    }
    .cus-pro-box {
        padding: 30px
    }
    #swi-cus-pro .cus-pro-items li {
        width: 50%;
        padding: 50px 50px
    }
    #swi-cus-pro {
        width: 100%;
        height: 1100px
    }
    #swi-cus-pro .cus-pro-detaile {
        display: none
    }
    .m-cus-pro-detaile {
        background: #fff;
        display: block;
        border-radius: 4px;
        padding: 60px 30px;
    }
    .m-cus-pro-detaile .m-pro-box {
        position: relative;
        height: 100px;
    }
    .m-cus-pro-detaile .m-pro-box img {
        position: absolute;
    }
    .m-cus-pro-detaile .m-pro-box .tit {
        margin-top: 30px;
        margin-left: 300px;
        font-size: 24px;
        line-height: 32px;
        color: #4c5b78;
        display: inline-block;
        vertical-align: middle;
    }
    .m-cus-pro-detaile .m-tex {
        font-size: 18px;
        line-height: 28px;
        color: #a4a9b4;
    }
    .m-cus-pro-detaile .m-edition {
        font-size: 28px;
        line-height: 24px;
        color: #060606;
        margin-top: 50px;
    }
    .wrap-customer-problem .m-bott-btn {
        width: 375px;
        height: 70px;
        background-color: #4c5b78;
        margin: auto;
        color: #fff;
        font-size: 30px;
        text-align: center;
        line-height: 70px;
        border-radius: 40px;
        margin-top: 30px;
        display: block;
    }
    .wrap-customer-problem .m-bott-btn:hover {
        background: #ffa800
    }
    /* 行业解决方案 */
    .wrap-solution {
        display: none;
    }
    .m-wrap-solution {
        display: block;
        padding: 50px 30px 30px 30px;
        border-bottom: 1px solid #f5f5f9;
    }
    .m-wrap-solution .tabs {
        font-size: 0;
        margin-top: 50px;
    }
    .m-wrap-solution .tabs li {
        display: inline-block;
        width: 20%;
        font-size: 24px;
        color: #616161;
        text-align: center;
        cursor: pointer;
    }
    .m-wrap-solution .tabs li.tab-active {
        position: relative;
        color: #000;
    }
    .m-wrap-solution .tabs li.tab-active:after {
        position: absolute;
        content: "";
        display: inline-block;
        border-width: 12px;
        border-style: solid;
        border-color: transparent transparent #4c5b78 transparent;
        top: -35px;
        left: calc(50% - 12px)
    }
    .m-wrap-solution .solution-content {
        width: 100%;
        height: 354px;
    }
    .m-wrap-solution .solution-content .solution-content-list {
        border-radius: 10px;
        height: 100%;
        background: url(../images/solu-bg.png) no-repeat center;
        background-size: cover;
        padding: 30px;
        box-sizing: border-box;
        color: #fff;
    }
    .m-wrap-solution .solution-content .solution-content-list p.tit strong {
        font-size: 50px;
    }
    .m-wrap-solution .solution-content .solution-content-list p.tit span {
        color: #d2d2d2;
        font-size: 18px;
        margin: 0 10px
    }
    .m-wrap-solution .solution-content .solution-content-list .tex {
        font-size: 18px;
        line-height: 30px;
        margin: 30px 0 30px 0;
    }
    .m-wrap-solution .solution-content .solution-content-list .btn a {
        width: 165px;
        height: 48px;
        font-size: 24px;
        text-align: center;
        line-height: 48px;
        background: #ffa800;
        display: inline-block;
        border-radius: 50px;
    }
    #m-swiper-solution {
        width: 100%;
    }
    /* 为企业安全保驾护航 */
    .wrap-save {
        width: 100%
    }
    .wrap-tit-save {
        background: none;
        margin-top: 0px;
    }
    .wrap-save .save-con li .tit {
        min-height: 80px;
    }
    .wrap-save .save-con {
        margin-top: 45px;
    }
    /* 产品动态 */
    .wrap-trends .time-line-box .time-line {
        width: 100%
    }
    .wrap-trends {
        padding: 30px 0;
        height: 530px
    }
    .wrap-trends .m-tit {
        padding: 0 30px
    }
    .wrap-trends .wrap-tit-trends {
        display: none;
    }
    #time-prev {
        display: none;
    }
    #time-next {
        display: none;
    }
    #time-line-con .swiper-slide .tex {
        padding: 0 20px
    }
    /* 新闻中心 */
    .pc-news-box {
        display: none;
    }
    .wrap-tit-news {
        display: none;
    }
    .wrap-news-center {
        padding: 30px 30px
    }
    .m-news-box {
        display: block
    }
    .m-news-box p {
        padding: 5px 0px
    }
    .m-news-box p span {
        font-size: 14px;
        color: #999;
    }
    .m-news-box img {
        margin-bottom: 20px;
        width: 100%
    }
    .m-news-box p a {
        text-align: left;
        float: right;
        display: inline-block;
        font-size: 15px;
        color: #404040;
        width: calc(100% - 70px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
	.public-headertop{
		position:static;
		height:auto;
	}
    .top-nav-box {
        padding:12px 20px;
        box-sizing: border-box;
        position: relative;
        width: 100%;
    }
    .top-nav-box .pc-logo {
        display: none;
    }
    .top-nav-box .m-logo {
        display: inline-block;
        margin:5px 20px 0 0 ;
    }
    .top-nav-box .m-logo img {
        width: 130px;
    }
    .top-nav-box ul.top-nav-items {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        top:75px;
        /*height: 500px;*/
        background: rgba(76, 91, 120, 0.95);
        /* -webkit-filter: blur(2px);
            -moz-filter: blur(2px);
            -ms-filter: blur(2px);
            -o-filter: blur(2px); */
        /* filter: blur(2px);   */
        padding:15px 0;
        display: none;
    }
    .top-nav-box .top-nav-items li {
        display: block;
        text-align: center;
        width:100%;
        padding:0;
        line-height:25px;
    }
    .top-nav-box .top-nav-items li a {
        color: #fff;
        line-height: 50px
    }
    .top-nav-box .nav-collect-icon {
        position: absolute;
        top:23px;
        right: 20px;
        display: inline-block;
    }
    .top-nav-box .nav-collect-icon img {
        width: 30px;
    }
    .top-nav-box .login-box {
        vertical-align: middle;
        color: #2a354b;
        float: none;
        margin:-1px 0 0 10px;
    }
    .public-fixed .public-top-nav-box .try-btn{
        margin-top:0;
    }
    .top-nav-box .login-box a {
        color: #2a354b;
        font-size: 14px;
        margin: 0
    }
    .top-nav-box .try-btn {
        line-height: 26px;
        height: 26px;
        top: 22px;
        position: absolute;
        right: 70px;
        width:80px;
        font-size: 12px;
        margin-top:-4px;
    }
    .top-nav-box .try-btn.hidden-mobile{
        display:inline-block;
    }
    .top-nav-box .try-btn.hidden-pc{
        display:none;
    }

    #banner {
        width: auto;
        margin:0 20px;
        box-sizing: border-box;
        height: 130px;
        border-radius: 12px
    }
    #banner .swiper-slide {
        background-size: 100% auto
    }
    .slide1-container {
        width: 100%;
    }
    .slide1-container .slide1-box {
        display: none
    }
    .slide1-container .m-slide1-box {
        display: block;
        position: absolute;
        top:22px;
        left: 20px;
    }
    .slide1-container .m-slide1-box .tit {
        color: #fff;
        font-size:4.5vw;
        font-weight: 600;
        margin-bottom: 10px
    }
    .slide1-container .m-slide1-box .btns .btn {
        display: inline-block;
        width: 80px;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
        background: #ffa800;
        border-radius: 40px;
    }
    .slide1-container .m-slide1-box .btns .btn:hover {
        color: #fff;
        background: #ff9512
    }
    .news-box {
        display: none
    }
    .m-hot-new {
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #f5f5f9;
    }
    .m-hot-new .fire {
        font-size: 16px;
        line-height: 40px;
        color: #000000;
        padding-left: 24px;
        padding-right:15px;
        background: url(../images/fire.png) no-repeat left center;
        background-size: 18px;
    }
    .m-hot-new a {
        font-size: 16px;
        line-height: 40px;
        color: #000000;
        display: inline-block;
        width: calc(100% - 80px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
    }
    .m-console {
        display: block;
        font-size: 0;
        padding:20px;
        border-bottom: 15px solid #f5f5f9;
    }
    .m-console li {
        display: inline-block;
        width: 25%;
        text-align: center;
        font-size: 3.5vw;
        
    }
    .m-console li img {
        width: 60px
    }
    .m-console li .tit{
    	margin-top:7px;
        color: #000;
    }
    .wrap-pro {
        display: none;
    }
    .m-wrap-pro {
        padding:20px;
        box-sizing: border-box;
    }
    .m-tit {
        display: block;
        font-size: 20px;
        font-weight: 600;
        line-height: 25px;
        color: #000000;
        margin-bottom: 20px
    }
    .wrap-customer-problem {
        padding-top: 20px;
    }
	.m-wrap-pro{ display:block;}
    .m-tit a {
        width: 25px;
        height: 25px;
        display: inline-block;
        background: url(../images/time-next.png);
        background-size: 100%;
        float: right;
    }
    .m-wrap-pro .swiper-slide {
        width: 244px;
        height: 157px;
        padding: 30px;
        box-sizing: border-box;
    }
    .m-wrap-pro .swiper-slide .tit {
        font-size: 32px;
        color: #fff;
        font-weight: 600;
        margin-bottom:10px;
    }
    .m-wrap-pro .swiper-slide .btn {
        padding: 5px 20px;
        font-size: 24px;
        border: 1px solid #fff;
        border-radius: 30px;
        color: #fff;
    }
    #m-pro-slide01 {
        background: url(../images/m-pro-type01.png) no-repeat
    }
    #m-pro-slide01 {
        background: url(../images/m-pro-type01.png) no-repeat
    }
    #m-pro-slide02 {
        background: url(../images/m-pro-type02.png) no-repeat
    }
    #m-pro-slide03 {
        background: url(../images/m-pro-type03.png) no-repeat
    }
    #m-pro-slide04 {
        background: url(../images/m-pro-type04.png) no-repeat
    }
    #m-pro-slide05 {
        background: url(../images/m-pro-type05.png) no-repeat
    }
    /* 帮助客户解决难题 */
    .wrap-tit-problem {
        display: none
    }
    .cus-pro-box {
        padding: 20px
    }
    #swi-cus-pro .cus-pro-items li {
        width: 50%;
        padding: 10px 10px;
        margin-bottom:10px;
    }
    #swi-cus-pro .cus-pro-items li:last-of-type{
    	margin-bottom:0px;
    }
    #swi-cus-pro .cus-pro-items li img {
        width: 40px;
    }
    #swi-cus-pro .cus-pro-items li p.tit {
        font-size:3.5vw;
        margin: 10px 0
    }
    #swi-cus-pro .cus-pro-items {
        margin-top: 20px
    }
    #swi-cus-pro {
        width: 100%;
        height:600px;
    }
    #swi-cus-pro .cus-pro-detaile {
        display: none
    }
    .m-cus-pro-detaile {
        background: #fff;
        display: block;
        border-radius: 4px;
        padding: 20px 20px;
    }
    .m-cus-pro-detaile .m-pro-box {
        position: relative;
        height: 68px;
    }
    .m-cus-pro-detaile .m-pro-box img {
        position: absolute;
        width: 150px;height: 100%;
    }
    .m-cus-pro-detaile .m-pro-box .tit {
        margin-top: 10px;
        margin-left: 150px;
        font-size: 16px;
        line-height: 20px;
        color: #4c5b78;
        /*display: inline-block;*/
        vertical-align: middle;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .m-cus-pro-detaile .m-tex {
        font-size: 14px;
        line-height: 20px;
        color: #a4a9b4;
    }
    .m-cus-pro-detaile .m-edition {
        font-size: 16px;
        line-height: 20px;
        color: #060606;
        margin-top: 20px;
    }
    .wrap-customer-problem .m-bott-btn {
        width: 300px;
        height: 40px;
        background-color: #4c5b78;
        margin: auto;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        border-radius: 40px;
        margin-top: 10px;
        display: block;

    }
    .wrap-customer-problem .m-bott-btn:hover {
        background: #ffa800
    }
    /* 行业解决方案 */
    .wrap-solution {
        display: none;
    }
    .m-wrap-solution {
        display: block;
        padding: 30px 20px 20px 20px;
        border-bottom: 1px solid #f5f5f9;
    }
    .m-wrap-solution .tabs {
        font-size: 0;
        margin-top: 30px;
        display:none;
    }
    .m-wrap-solution .tabs li {
        display: inline-block;
        width: 20%;
        font-size: 14px;
        color: #616161;
        text-align: center;
        cursor: pointer;
    }
    .m-wrap-solution .tabs li.tab-active {
        position: relative;
        color: #000;
    }
    .m-wrap-solution .tabs li.tab-active:after {
        position: absolute;
        content: "";
        display: inline-block;
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent #4c5b78 transparent;
        top: -22px;
        left: calc(50% - 8px)
    }
    .m-wrap-solution .solution-content {
        width: 100%;
        height: 274px;
    }
    .m-wrap-solution .solution-content .solution-content-list {
        border-radius: 10px;
        height: 100%;
        background: url(../images/solu-bg.png) no-repeat center;
        background-size: cover;
        padding: 30px;
        box-sizing: border-box;
        color: #fff;
    }
    .m-wrap-solution .solution-content .solution-content-list div.tit div {
        font-size:6.5vw;
        margin-bottom:10px;
    }
    .m-wrap-solution .solution-content .solution-content-list div.tit span {
        color: #d2d2d2;
        font-size: 14px;
        margin: 0 2px
    }
    .m-wrap-solution .solution-content .solution-content-list .tex {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:4;
        overflow: hidden;
    }
    .m-wrap-solution .solution-content .solution-content-list .btn a {
        width:100px;
        height: 35px;
        font-size: 16px;
        text-align: center;
        line-height: 35px;
        background: #ffa800;
        display: inline-block;
        border-radius: 50px;
    }
    #m-swiper-solution {
        width: 100%;
    }
    .solu-pagin{
        margin-top:15px;
        width: 100%;
        text-align: center;
        position:static;
    }
    .solu-pagin span{
        margin-right:15px;
    }
    .solu-pagin span:last-of-type{
        margin-right:0;
    }
    /* 为企业安全保驾护航 */
    .wrap-save {
        width: 100%;
        padding: 0
    }
    .wrap-tit-save {
        background: none;
        margin-top: 0px;
        font-size: 20px;
        font-weight: 600;
    }
    .wrap-save .save-con li {
        padding: 0 10px;
        width:50%;
    }
    .wrap-save .save-con li img {
        height: 45px;
    }
    .wrap-save .save-con li .tit {
        min-height: 46px;
        font-size:3.5vw;
        margin:20px 0 0 0 ;
    }
    .wrap-save .save-con li .tex {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        display:none;
    }
    .wrap-save .save-con {
        margin-top: 0px;
        padding: 0 10px
    }
    /* 产品动态 */
    .wrap-trends .time-line-box .time-line {
        width: 100%
    }
    .wrap-trends {
        padding: 30px 0;
        height: auto;
    }
    .wrap-trends .m-tit {
        padding: 0 30px
    }
    .wrap-trends .wrap-tit-trends {
        display: none;
    }
    #time-prev {
        display: none;
    }
    #time-next {
        display: none;
    }
    #time-line-con .swiper-slide .tex {
        padding: 0 10px;
    }
    #time-line-con .swiper-slide {
        font-size: 14px
    }
    #time-line-con .swiper-slide .tip span {
        padding: 0 10px;
        width:60%;
    }
    .wrap-trends .time-line-box {
        height: 170px
    }
    .wrap-trends>.btn a {
        width: 250px;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
    }
    /* 新闻中心 */
    .pc-news-box {
        display: none;
    }
    .wrap-tit-news {
        display: none;
    }
    .wrap-news-center {
        padding: 30px 20px
    }
    .m-news-box {
        display: block
    }
    .m-news-box p {
        padding: 5px 0px
    }
    .m-news-box p span {
        font-size: 14px;
        color: #999;
    }
    .m-news-box img {
        margin-bottom:10px;
        width: 100%
    }
    .m-news-box p a {
        text-align: left;
        float: right;
        display: inline-block;
        font-size: 15px;
        color: #404040;
        width: calc(100% - 60px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #swi-cus-pro .cus-pro-items li p.tex{
    	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp:3;
		overflow: hidden;
    }
    .wrap-trends>.btn{
    	margin-top:35px;
    }
    .wrap-save .save-con li>div>img{
    	height:40px;
    }
    .friendlink{
    	padding-top:10px;
        padding-bottom:0;
    }
    .wrap-save .save-con li:hover img{
        transform: translate(0);
    }
    .top-nav-box .login-box{
        display:block;
    }
	.m-verson-list{

	}
	.m-verson-list li{
		margin:0% 2% 15px 0;
		float: left;
		width:49%;
		height:100px;
	}
	.m-verson-list li:nth-child(2n){
		margin-right:0;
	}
	.m-verson-list li a{
		color:#000;
	}
	.m-verconinfo{
		box-sizing: border-box;
		padding:10px;
	}
	.m-N1{
		width:35%;
		font-size:30px;
		color:#fff;
		font-family:'english_text';
		font-weight:bold;
	}
	.m-Ninfo{
		width:60%;
		color:#fff;
	}
	.m-versionbtn{
		width:80px;
		height:26px;
		line-height:26px;
		font-size:16px;
		text-align:center;
		border:1px solid #fff;
		border-radius:30px;
	}
	.m-versionname{
		margin-bottom:10px;
		font-size:21px;
		font-weight:bold;
	}
    .m-verson-list li:first-child{
        background:#3e4a6b;
        background-size:100%;
    }
	.m-verson-list li:first-child .m-N1{
	    font-size: 20px;
	    box-sizing: border-box;
	    padding: 0 10px;
	    line-height:29px;
	}
    .m-verson-list li:nth-child(2){
        background:#3e4a6b;
        background-size:100%;
    }
    .m-verson-list li:nth-child(3){
        background:#3e4a6b;
        background-size:100%;
    }
    .m-verson-list li:nth-child(4){
        background:#3e4a6b;
        background-size:100%;
    }
    .m-verson-list li:nth-child(5){
        background:#3e4a6b;
        background-size:100%;
    }
    .m-verson-list li:nth-child(6){
        background:#3e4a6b;
        background-size:100%;
    }
    .wrap-trends>.btn a.hidden-mobile{
        display:inline-block;
    }
    .wrap-trends>.btn a.hidden-pc{
        display:none;
    }

}

@media(max-width:320px) {
    .top-nav-box .m-logo img {
        width: 110px
    }
    .top-nav-box .nav-collect-icon {
        top: 32px
    }
    .top-nav-box .nav-collect-icon img {
        width: 22px
    }
    .top-nav-box .try-btn {
        width: 40px;
        right: 50px;
        height: 25px;
        line-height: 22px;
        top: 25px
    }
    #banner {
        height: 110px;
    }
    .slide1-container .m-slide1-box .tit {
        font-size: 16px
    }
    .slide1-container .m-slide1-box {
        top: 10px;
        left: 15px;
    }
    .slide1-container .m-slide1-box .btns .btn {
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        width: 70px;
    }
    .m-cus-pro-detaile .m-pro-box img {
        width: 100px;
    }
    .m-cus-pro-detaile .m-pro-box .tit {
        margin-left: 110px;
        margin-top: 0;
        font-size: 14px;
    }
    #swi-cus-pro {
        height: 860px;
    }
    .wrap-customer-problem .m-bott-btn {
        width: 200px;
        font-size: 16px;
    }
    .m-wrap-solution .tabs li {
        box-sizing: border-box;
        padding: 0 10px;
    }
    .wrap-save .save-con li {
        padding: 0 5px;
    }
    .wrap-save .save-con li .tit {
        font-size: 14px;
    }
    #time-line-con .swiper-slide {
        font-size: 12px;
    }
    .wrap-trends>.btn a {
        width: 200px;
        font-size: 16px;
    }
    .m-news-box p a {
        font-size: 14px;
        width: calc(100% - 50px);
    }
    .m-news-box p span {
        font-size: 12px;
    }
    .m-news-box p {
        padding: 2px
    }

}