@-ms-viewport {width:device-width;}

html {box-sizing:border-box;-ms-overflow-style:autobar}
*,*::before,*::after {box-sizing:inherit;}
.container {margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;width:100%;}
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;}
.no-gutters {margin-left:0; margin-right:0;}
.align-items-center {align-items:center !important;-ms-flex-align:center !important;}
.justify-content-center {-ms-flex-pack:center !important;justify-content:center !important;}
.no-gutters > .col,.no-gutters > [class*=col-] {padding-left:0;padding-right:0;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-5ths {min-height:1px;padding-left:5px;padding-right:5px;position:relative;width:100%;}
.col {flex-basis:0;flex-grow:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;max-width:100%}
.col-auto {-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;    width:auto;}
.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-5ths {-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
@media only screen and (min-width:768px) {
.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12,.col-ms,.col-ms-auto,.col-ms-5ths {min-height:1px;padding-left:5px;padding-right:5px;position:relative;width:100%;}
.col-ms {flex-basis:0;flex-grow:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;max-width:100%}
.col-ms-auto {-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;    width:auto;}
.col-ms-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-ms-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-ms-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-ms-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-ms-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-ms-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-ms-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-ms-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-ms-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-ms-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-ms-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-ms-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-ms-5ths {-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
body {background-color:#f0f0f4;font-family:"AlibabaPuHuiTi-3-55-Regular",Microsoft Yahei,Arial,sans-serif;max-width:1920px;font-size:14px;line-height:1.5;margin:0 auto;padding:0;}
h1,h2,h3,h4,h5 {font-weight:400;line-height:1;margin:0;}
a {color:#212121;text-decoration:none;}
a:hover,a:active,a.active {color:#ffc107;}
ul {list-style:none;margin:0;padding:0}
p {color:#525a66;}
small {font-size:16px;}
.img-fluid {height:auto; max-width:100%;}
.talk {cursor:pointer;}
.card{margin-left: 10px;margin-right: 10px;width: calc(100% - 20px);}
.media {display:table;line-height:0;overflow:hidden;position:relative;}
.lazyimg {-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;    transition-duration:.5s;width:100%;}
.lazyimg:hover {-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);    -webkit-transform:scale(1.2);transform:scale(1.2);}
img {border:0;}


/**header**/
header{position: relative;height: 42px;background-color: #ffffff;}
header .card{position: relative;}
header .logo{width: 148px;position: absolute;left: 0;z-index: 999;}
header .menu{display:none;position: relative;font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 14px;color: #000f24;text-align: center;}
header .menu ul li{display: inline-block;}
header .menu ul li a{padding: 10px 15px;line-height: 42px;}
header .phone{position: absolute;right: 0;z-index: 999;line-height: 42px;top: 0;}
header .phone a{display: block;}
header .phone i{display:inline-block;width: 14px;height: 14px;background-image: url(../images/ico/phone.webp);background-size: 100% 100%;margin-right: 10px;vertical-align: middle;}
header .phone span{display:inline-block;font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 14px;color: #000f24;text-align: center;vertical-align: middle;}

/**banner**/
.banner{display: none;}
.banner .new_shebei img{width: 100%;display: block;}

/**swiperbanner**/
.swiperbanner{position: relative;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;transition:all 0.3s ease-in-out;}
.swiperbanner .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.swiperbanner .swiper_banner{margin-top:20px;position: relative;}
.swiperbanner .swiper-slide{position: relative;}
.swiperbanner .swiper-slide .shade{position: absolute;width: 100%;height: 100%;background-color: #000000;opacity: 0.6;z-index: 9; display: none;}
.swiperbanner .swiper-slide .image img{display: table;}
.swiperbanner .swiper-slide.swiper-slide-active .info{display: block;}
.swiperbanner .swiper-slide .info{width: 100%;height: 100%;position: relative;text-align: center;}
.swiperbanner .swiper-slide .info .info-text-title{color: #000f24;font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;line-height: 45px;margin-top: 10px;}
.swiperbanner .swiper-slide .info .info-text-des{color: #000f24;line-height: 22px;padding: 0 40px;}
.swiperbanner .swiper-slide .info .info-link{margin-top: 10px;}
.swiperbanner .swiper-slide .info .info-link span{font-weight: 500;color: #000f24;font-size: 13px;line-height: 18px;display: inline-block;justify-content: space-between;align-items: center;cursor: not-allowed;pointer-events: none;}
.swiperbanner .swiper-pagination{display: flex;justify-content: center;margin-top: 24px;position: static;}
.swiperbanner .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 4px;display: inline-block;border-radius: 4px;background: #003f98;opacity: .3;outline: 0;margin: 0 4px;cursor: pointer;-webkit-transition: .3s ease;transition: .3s ease;}
.swiperbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 32px;border-radius: 4px;}
.swiperbanner .swiper-button{display:none;position: absolute;left: 0;height: 60px;top: 42%;right: 0;margin: 0 auto;}
.swiperbanner .swiper-button .swiper-button-next,.swiperbanner .swiper-button .swiper-button-prev{background-image: url(../images/ico/round.webp);width: 60px;height: 60px;background-size: 100% 100%;}
.swiperbanner .swiper-button .swiper-button-next{right:50px;}
.swiperbanner .swiper-button .swiper-button-next:after{background-image: url(../images/ico/arrow.webp);background-size: 100% 100%;width: 35px;height: 35px;content:""; position: absolute;transition:all 0.3s ease-in-out;}
.swiperbanner .swiper-button .swiper-button-next:hover::after{margin-left:65px;transition:all .3s ease-in-out;}
.swiperbanner .swiper-button .swiper-button-prev{left:50px;}
.swiperbanner .swiper-button .swiper-button-prev:after{background-image: url(../images/ico/arrow.webp);transform: rotate(180deg);background-size: 100% 100%;width: 35px;height: 35px;content:""; position: absolute;transition:all 0.3s ease-in-out;}
.swiperbanner .swiper-button .swiper-button-prev:hover::after{margin-right:65px;transition:all .3s ease-in-out;}

/**navcomponent**/
.navcomponent{position: relative;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;}
.navcomponent .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.navcomponent .series-list{display: flex;text-align: center;margin-top:20px;}
.navcomponent .series-list a{position: relative;display: block;background-color: #ffffff;width: 100%;border-radius: 8px;padding:10px;border: 1px solid #ffffff;transition:all 0.3s ease-in-out;box-sizing: border-box;margin-right: 10px; cursor: pointer;}
.navcomponent .series-list a:last-child{margin-right:0;}
.navcomponent .series-list a:hover{box-sizing: border-box;border: 1px solid #3671cf;background-color: #f0f0f4;transition:all 0.3s ease-in-out;}
.navcomponent .series-list h4{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 14px;color: #000f24;text-align: center;line-height: 1;}

/**series**/
.series{position: relative;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;}
.series .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.series .series-layout{margin: 0;width: 100%;background-color: #ffffff;}
.series .series-big{width: 100%;padding: 20px 5px 0;margin-top:20px;margin-left:0;margin-right:0;}
.series .series-big img{width: 100%;display: block;height:100%;}
.series .series-big .series-text div{position: relative;width: 100%;height: 100%;}
.series .series-big .series-text div span{display: block;position:absolute;left: 5px;top:5px;color: #ffffff;background-color: #525a66;border-radius: 8px;line-height: 1;padding:5px 10px 6px;font-size:12px;}
.series .series-big .series-rights{margin-top:10px;}
.series .series-big .series-right .series-top{margin-bottom:10px;}
.series .series-big .series-right .series-bottom{position: absolute;bottom:0;}
.series .series-new{width: 100%;margin:0;padding:20px 10px;display: block;}
.series .series-new .series-new-left{display: block;}
.series .series-new .series-new-left span{font-size: 16px;font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;}
.series .series-new .series-new-right{display: block;margin-top:10px;}
.series .series-new .series-new-right .more{display: inline-block;line-height: 1;padding:5px 10px;font-size: 12px;border:1px solid #000f24;color:#000f24;transition:all 0.3s ease-in-out;}
.series .series-new .series-new-right .more:hover{color:#ffffff;background-color: #000f24;transition:all 0.3s ease-in-out;}
.series .series-new .series-new-right .chat{margin-left:10px; display: inline-block;line-height: 1;padding:5px 10px;font-size: 12px;border:1px solid #000f24;color:#ffffff;transition:all 0.3s ease-in-out;background-color: #000f24;}
.series .series-list{display: flex;overflow-x: auto;margin-top:10px;}
.series .series-list .list-item{background-color: #ffffff;width: 100%;margin-right: 10px;min-width: 220px;text-align: center;padding:40px 20px;border-radius: 8px;}
.series .series-list .list-item img{display: block;width: 100%;margin-left: auto;margin-right:auto;}
.series .series-list .list-item:last-child{margin-right:0;}
.series .series-list .list-item h4{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 16px;line-height: 1;margin-top:10px;}
.series .series-list .list-item .item-text{margin-top:10px;}
.series .series-list .list-item .item-text span{display: block;line-height: 1.5;color: #525a66;}
.series .series-list .list-item .more-chat{margin-top: 10px;line-height: 1;}
.series .series-list .list-item .more-chat .more{display: inline-block;position: relative;vertical-align: middle;margin-right:10px;}
.series .series-list .list-item .more-chat .more:after{content:"";background-image: url(../images/ico/ico_blue.webp);width:14px;height:14px;background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-left:5px;}
.series .series-list .list-item .more-chat .chat{display: inline-block;position: relative;vertical-align: middle;}
.series .series-list .list-item .more-chat .chat:after{content:"";background-image: url(../images/ico/ico_blue.webp);width:14px;height:14px;background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-left:5px;}

/**series_new**/
.series_new{position: relative;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;}
.series_new .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.series_new .series-list{overflow-x: auto;display: flex;text-align: center;margin-top:20px;}
.series_new .series-list .list-item{width: 100%;min-width: 220px;position: relative;padding-bottom:40px;}
.series_new .series-list .list-item:last-child{margin-right:0;}
.series_new .series-list .list-item .item-image img{display: block;width: 40%;margin-left:auto;margin-right:auto;}
.series_new .series-list .list-item .item-title{margin-top:20px;}
.series_new .series-list .list-item .item-title h4{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 16px;} 
.series_new .series-list .list-item .item-link .more{display: table;margin: 0 auto;padding:10px 20px;font-size: 12px;line-height: 1;background-color: #000000;color: #ffffff;margin-top:20px;}
.series_new .series-list .list-item .item-link .chat{display: table;margin: 10px auto 0;padding:10px 20px;font-size: 12px;line-height: 1;color: #000000;}
.series_new .series-list .list-item .item-li{margin-top:20px;}
.series_new .series-list .list-item .item-li h5{font-size: 16px;}
.series_new .series-list .list-item .item-li span{font-size:12px;color:#525a66;display: block;margin-top:10px;}

/**site**/
.site{position: relative;background-color:#ffffff;overflow: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;}
.site .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.site .site-list{margin-top:20px;}
.site .site-list .site-two .item-video{margin-bottom:10px;}
.site .site-list .site-two .item-video video{display: block;}
.site .site-list .site-three{display: flex;overflow-x: auto;margin-top:10px;}
.site .site-list .site-three .list-item{width: 100%;margin-right: 10px;min-width: 180px;}
.site .site-list .site-three .list-item:last-child{margin-right:0;}
.site .site-list .site-two .list-item img,
.site .site-list .site-three .list-item img{width:100%;display: block;}

/**whychoose**/
.whychoose{position: relative;background-color:#ffffff; overflow-x: hidden;max-width: 1920px;margin-left: auto;margin-right: auto;padding-top:30px;}
.whychoose .header h3{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 18px;color: #000f24;text-align: center;line-height: 1;}
.whychoose .whychoose-list{margin-top:20px;}
.whychoose .whychoose-list .list-item{background-color: #f0f0f4;}
.whychoose .whychoose-list .item-about{border-radius: 8px;}
.whychoose .whychoose-list .item-about img{width: 100%;display: block;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.whychoose .whychoose-list .item-about .item-text{padding:20px 10px 10px;}
.whychoose .whychoose-list .item-about .item-text h4{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;font-size: 16px;}
.whychoose .whychoose-list .item-about .item-text p{font-size: 12px;}
.whychoose .whychoose-list .item-news{overflow-y: auto;height: 200px;margin-top:10px;border-radius: 8px;}
.whychoose .whychoose-list .item-news li{text-overflow: ellipsis;overflow-x:hidden;white-space: nowrap;padding: 10px 10px 5px;cursor: pointer;transition:all 0.3s ease-in-out;border-bottom: 1px solid #ffffff;}
.whychoose .whychoose-list .item-news li:last-child{border-bottom: 0px solid #ffffff;}
.whychoose .whychoose-list .item-news li:hover{background-color: #ffffff;color: #3671cf;transition:all 0.3s ease-in-out;}
.whychoose .whychoose-list .item-news li span{font-family:"AlibabaPuHuiTi-3-85-Bold",Microsoft Yahei,Arial,sans-serif;color:#000f24;font-size: 14px;display: block;}
.whychoose .whychoose-list .item-news li p{font-size: 12px;white-space: nowrap;overflow-y: hidden;text-overflow: ellipsis;overflow-x: hidden;margin-top:5px;}

/**supplement**/
.supplement{padding-top:30px;background-color: #ffffff;padding-bottom:30px;}


.footer{background-color: #000000;padding:20px 0;text-align: center;color:#ffffff;margin-bottom:36px;font-size:12px;}
.footer a{color:#ffffff;}

.conversion{position:fixed;bottom:0;background-color:#3671cf;left:0;right:0;width:100%;-webkit-overflow-scrolling:touch;max-width:750px;z-index: 999;padding-left: 0;padding-right: 0;margin-top:0;margin-bottom:0;margin-left: auto;margin-right: auto;background-size:100% 100%; width:100%; }
.conversion-chat{width:50%;float:left;background-color:#f7ab00;}
.conversion-phone{width:50%;float:left;}
.conversion > div {margin-top:0;margin-bottom:0;}
.conversion .chat {background-color:transparent;color:#ffffff;padding-top:10px;padding-bottom:10px;text-align:center;}
.conversion .chat span{color:#ffffff;}
.conversion .chat i {display:inline-block;background-image:url(https://static.shibangchina.com/images/seo-engineer.png);background-size:100% 100%;width:14px;height:18px;vertical-align:text-bottom;margin-right:15px;}
.conversion .phone {background-color:transparent;color:#ffffff;padding-top:10px;padding-bottom:10px;text-align:center;}
.conversion .phone span{color:#ffffff;}
.conversion .phone i {display:inline-block;background-image:url(https://static.shibangchina.com/images/seo-phone.png);background-size:100% 100%;width:22px;height:20px;vertical-align:text-bottom;margin-right:10px;vertical-align:top;}
@media (min-width:450px) {
    .conversion .chat span {font-size:16px;}
    .conversion .phone span {font-size:16px;}
}
@media (min-width:768px) {
    .conversion{display:none;}
}




@media only screen and (min-width:391px) {
.swiperbanner .header h3,.navcomponent .header h3,.series .header h3,.series_new .header h3,.site .header h3,.whychoose .header h3{font-size: 24px;}

.series .series-new{display: table;}
.series .series-new .series-new-left{float:left;}
.series .series-new .series-new-right{float:right;margin-top:0;}

.site .site-list .site-two{display: flex;overflow-x: auto;}
.site .site-list .site-two .item-video{margin-bottom:0;}
.site .site-list .site-two .list-item{width: 100%;margin-right: 10px;}
.site .site-list .site-two .list-item:last-child{margin-right:0;}

.whychoose .whychoose-list .item-news{height: 300px;}
}

@media only screen and (min-width:768px) {
header .menu{display: block;}

.banner{display: block;}

.swiperbanner,.navcomponent,.series,.series_new,.site,.whychoose{padding-top:50px;}

.swiperbanner .swiper_banner,.navcomponent .series-list,.series .series-big,.series_new .series-list,.site .site-list,.whychoose .whychoose-list{margin-top:40px;}

.swiperbanner .header h3,.navcomponent .header h3,.series .header h3,.series_new .header h3,.site .header h3,.whychoose .header h3{font-size: 32px;}

.swiperbanner .swiper-slide{width: 400px;}
.swiperbanner .swiper-slide .info{position: absolute;bottom: 0;left: 0;display: flex;justify-content: space-between;align-items: flex-end;z-index: 3;cursor: not-allowed;pointer-events: none;display:none;text-align: left;}
.swiperbanner .swiper-slide .info .info-text-title{color:#ffffff;}
.swiperbanner .swiper-slide .info .info-text-des{color:#ffffff;padding:0;}
.swiperbanner .swiper-slide .info .info-link{margin:0 20px 20px 20px;line-height: 22px;width: 150px;text-align: right;}
.swiperbanner .swiper-slide .info .info-link span{color: #ffffff;}
.swiperbanner .swiper-slide.swiper-slide-active .info{display: flex;}
.swiperbanner .swiper-slide .info .info-text{margin-left:20px;margin-bottom:20px;}
.swiperbanner .swiper-slide .shade{display: block;}
.swiperbanner .swiper-slide.swiper-slide-active .shade{display: none;}

.navcomponent .series-list a img{margin-top:60px;width: 80%;}
.navcomponent .series-list a h4{position: absolute;top:0;left: 0;right: 0;margin:30px auto;font-size: 24px;}

.series .series-new .series-new-left span{font-size: 24px;}
.series .series-new .series-new-right .more,
.series .series-new .series-new-right .chat{padding:10px 20px;font-size:14px;}
.series .series-big .series-rights{margin-top:0;}
.series .series-big .series-right .series-bottom{ right: 5px;left: 5px;}
.series .series-big .series-text div span{left: 10px;top:10px;font-size:14px;}
.series .series-list{margin-top:20px;}
.series .series-list .list-item h4,
.series .series-list .list-item .item-text,
.series .series-list .list-item .more-chat{margin-top:20px;}
.series .series-new .series-new-right .chat{margin-left:20px;}

.series_new .series-list .list-item .item-title h4{font-size: 18px;}
.series_new .series-list .list-item .item-link .more,
.series_new .series-list .list-item .item-link .chat{font-size:14px;}
.series_new .series-list .list-item .item-li h5{font-size:18px;}
.series_new .series-list .list-item .item-li span{font-size:14px;}

.whychoose .whychoose-list{display: flex;overflow-x: auto;}
.whychoose .whychoose-list .list-item{width: 100%;margin-right: 10px;min-width: 220px;}
.whychoose .whychoose-list .item-about .item-text{padding:20px 20px;}
.whychoose .whychoose-list .item-about .item-text h4{font-size:18px;}
.whychoose .whychoose-list .item-about .item-text p{font-size:14px;}
.whychoose .whychoose-list .list-item:last-child{margin-right:0;}
.whychoose .whychoose-list .item-news{margin-top:0px;}
.whychoose .whychoose-list .item-news li{padding:20px 20px 10px;}
.whychoose .whychoose-list .item-news li span{font-size: 16px;margin-bottom:10px;}

.supplement{padding-top:50px;padding-bottom:50px;}

.cta{width: 70px;height: 70px;background-color: #3671cf;border-radius: 100%;position:fixed;bottom:25%;right:10px;z-index: 99;}
.cta a{display: block;background-image: url(../images/ico/cta_ico.png);background-size: 100% 100%;width: 100%;height: 100%;}

.footer{margin-bottom:0;font-size: 14px;}

.whychoose .whychoose-list .item-news{height: 356px;}

}
@media only screen and (min-width:992px) {
.card{margin-left: 40px;margin-right: 40px;width: calc(100% - 80px);}

.swiperbanner .swiper-slide{width: 550px;}
.swiperbanner .swiper-button{display: block;width: 950px;}
.swiperbanner .swiper-slide .info .info-text-title{font-size: 24px;}
.swiperbanner .swiper-slide .info .info-text-des{font-size:16px;}
.swiperbanner .swiper-slide .info .info-link span{font-size:16px;}

.series .series-layout{margin-left: 40px;margin-right: 40px;width: calc(100% - 80px);border-radius: 8px;}
.series .series-big{padding-left: 15px;padding-right:15px;}
.series .series-new{padding:20px;}
.series .series-list .list-item{min-width: auto;}

.series_new .series-list .list-item{min-width: auto;}

.whychoose .whychoose-list .item-about .item-text{padding:20px 30px}
.whychoose .whychoose-list .item-about .item-text h4{font-size:24px;}
.whychoose .whychoose-list .item-news li{font-size: 20px;padding:20px 30px 10px;}
.whychoose .whychoose-list .item-news li p{height:40px;   white-space: initial;} 

.whychoose .whychoose-list .item-news{height: 385px;}
}
@media only screen and (min-width:1200px) {
header{height:70px;}
header .logo{width: 248px;}
header .menu{font-size: 16px;}
header .menu ul li a {padding: 10px 25px;line-height: 70px;}
header .phone{line-height: 70px;}
header .phone span{font-size: 16px;}
header .phone i{width: 16px;height: 16px;}

.swiperbanner .swiper-slide{width: 700px;}
.swiperbanner .swiper-button{width: 1100px;}
.swiperbanner .swiper-slide .info .info-text{margin-left:48px;margin-bottom: 48px;}
.swiperbanner .swiper-slide .info .info-link{margin:0 20px 48px 0;}

.series .series-list .list-item h4{font-size:18px;}
.series .series-list .list-item .item-text span{font-size:16px;}

.series_new .series-list .list-item .item-li span{font-size:16px;}
.series_new .series-list .list-item .item-link .more, 
.series_new .series-list .list-item .item-link .chat {font-size: 16px;}
.series_new .series-list .list-item .item-title h4 {font-size: 20px;}

.whychoose .whychoose-list .item-about .item-text {padding: 30px;}
.whychoose .whychoose-list .item-about .item-text p{font-size:16px;}
.whychoose .whychoose-list .item-news li span{font-size:24px;}
.whychoose .whychoose-list .item-news li p{font-size:16px;height:50px;}

.supplement{font-size:16px;}

.whychoose .whychoose-list .item-news{height: 475px;}

}
@media only screen and (min-width:1600px) {
header .menu{font-size: 20px;}
header .menu ul li a{padding: 10px 40px;}
header .phone span{font-size: 20px;}
header .phone i{width: 20px;height: 20px;}

.card{margin-left: 80px;margin-right: 80px;width: calc(100% - 160px);}

.swiperbanner .swiper-slide{width: 1100px;}
.swiperbanner .swiper-slide .info .info-text-title {font-size: 36px;margin-bottom:20px;}
.swiperbanner .swiper-button{width: 1500px;}

.series .series-layout{margin-left: 80px;margin-right: 80px;width: calc(100% - 160px);}

.swiperbanner,.navcomponent,.series,.series_new,.site,.whychoose{padding-top:80px;}

.swiperbanner .swiper_banner,.navcomponent .series-list,.series .series-big,.series_new .series-list,.site .site-list,.whychoose .whychoose-list{margin-top:70px;}

.swiperbanner .header h3,.navcomponent .header h3,.series .header h3,.series_new .header h3,.site .header h3,.whychoose .header h3{font-size: 48px;}

.navcomponent .series-list a h4{font-size: 32px;}

.series .series-big .series-text div span {font-size: 16px;padding: 10px 15px 11px;}
.series .series-new .series-new-right .more, .series .series-new .series-new-right .chat {font-size: 16px;}
.series .series-new .series-new-left span{font-size:32px;}
.series .series-new .series-new-right{margin-top:5px;}
.series .series-list .list-item h4{font-size: 24px;}

.series_new .series-list .list-item .item-title h4{font-size: 24px;}

.whychoose .whychoose-list .item-news li{padding: 30px 30px 20px;}

.supplement{padding-top:60px;padding-bottom:60px;}

.whychoose .whychoose-list .item-news{height: 565px;}

}
@media only screen and (min-width:1920px) {
.card{margin-left:auto;margin-right:auto;max-width:1760px;}
.whychoose .whychoose-list .item-news{height: 654px;}
}