/* CSS Document */
*{margin: 0;padding: 0;}
html,body{font-family: "Microsoft YaHei",arial,sans-serif;color: #37474f;overflow-x: hidden;}
@media (min-width:1200px){
    html,body{font-size: 16px;}
}
@media (min-width:1024px) and (max-width:1199px){
    html,body{font-size: 15px;}
}
@media (min-width:768px) and (max-width:1023px){
    html,body{font-size: 14px;}
}
@media (min-width:576px) and (max-width:767px){
    html,body{font-size: 13px;}
}
@media (max-width:575px){
    html,body{font-size: 12px;}
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
ul,li{list-style: none;}
.container{width:100% !important;max-width:1400px;}

section{padding:6.25rem 0 6rem;overflow: hidden;}
@media(max-width:576px){
    section{padding:3.25rem 0 3rem;}
}

.bg-f5{background-color:#f5f5f5;}
.bg-f3{background-color:#f3f3f3;}
.bg-f7{background-color:#f7f7f7;}

#fenye{clear:both; width:100%;margin-top: 2rem;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 14px;height: 34px; line-height:34px;font-size: 12px;margin: 0 0.25rem 0.5rem;border:1px solid #ddd;color: #333;background-color:#fff;}
#fenye a.curr{ border:1px solid #0070d9; color:#0070d9; }
#fenye span{font-size: 12px;}

.location{padding:1.25rem 0;line-height: 2;font-size: 14px;}
.location a{color:#37474f;text-decoration: none;}
.location i{margin:0 0.5rem;}
.location a >i{margin: 0 0.25rem 0 0;}
.location a:hover,.location a:first-child{color:#0070d9;}

.bg-special{background-color:#eff3f6;}
/*header*/
header{position: relative;z-index: 8;background-color:#fff;}
header .logo img{max-height:3.75rem;}
header .slogan{margin-left:1.875rem;border-left: 1px solid #ddd;padding-left: 1.875rem;}
header .slogan h4{color:#10aef8;}
header .slogan p{margin-bottom:0;}
header .tel{padding-left:1.875rem;}
header .tel p{}
header .tel p a{color:#37474f;border-right: 1px solid #ccc;padding: 0 1rem;line-height: 1;font-size: 12px;}
header .tel p a:nth-child(even){color:#f60;}
header .tel p a:hover{color:#10aef8;}
header .tel div{background-color:#f3f3f3;height:2.5rem;line-height: 2.5rem;border-radius: 1.25rem;float: right;padding: 0 1.25rem;}
header .tel div span{margin-right:0.5rem;color:#ccc;}
header .tel div em{color:#000;font-style: normal;font-size: 0.875rem;margin-right: 0.5rem;}
header .tel div b{font-size:1.5rem;color:#10aef8;}

header .nav{display: flex;justify-content: flex-end;align-content: center;}
header .nav .mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 1060;display: none;}
header .navBtn{padding:.25rem .75rem;border-radius: 0.25rem;border: 1px solid rgba(0,0,0,.1);line-height: 1;font-size: 1.25rem;height: max-content;}
header .navBtn span{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");width:1.875rem;height: 1.875rem;vertical-align: middle;content: "";background-repeat: no-repeat;background-size: 100% 100%;background-position:  center center;display: inline-block;}

@media(min-width:1200px){
    header{padding: 1.875rem 0;}
    header .logo{}
    header .logo img{max-height:4rem;}
    header .navBtn{display:none;}
}

@media(max-width:1199px){
    header{position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 1050 !important;height: 5rem;line-height: 5rem;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
    header .logo img{max-height:3rem;}
    .headerNav+ .clearfix{padding-top: 5rem;}
    header .nav ul{position:fixed;left: -100%;top: 0;width: 65%;height: 100%;background-color:#fff;-webkit-box-shadow: inset -3px 0 6px rgba(0,0,0,.15);-moz-box-shadow: inset -3px 0 6px rgba(0,0,0,.1);box-shadow: inset -3px 0 6px rgba(0,0,0,.1);z-index: 1070;padding:0 1.25rem;}
    header .nav ul li{border-bottom:1px solid #cecece;padding:0.5rem 0;width: 100%;}
    header .nav ul li:first-child{border-bottom:0;}
    header .nav ul li h3{font-size:2rem;margin-top:3.125rem;margin-bottom:1rem;line-height: 1;color:#0070d9;}
    header .nav ul li a{display:block;color:#37474f; }
    header .nav ul li > a{font-size: 1.25rem;color:#000;line-height: 2.5rem;}
    header .nav ul li > a span{color:#000;z-index: 29;float: right;}
    header .nav ul li nav{display: none;padding: 0.5rem 0;}
    header .nav ul li nav a{font-size:1rem;color:#444;line-height: 2.5;}
    header .nav ul li nav a::before{content: "\f0da";display: inline-block;font-family:  FontAwesome;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 0.5em;}  
}
/*PC导航样式*/
.headerNav{background-color:#10aef8;}
.headerNav ul{margin-bottom: 0;display: flex;flex-wrap: wrap;height: 3.125rem;line-height: 3.125rem;}
.headerNav ul li{position: relative;font-size: 1rem;}
.headerNav ul li + li{margin-left: 1.875rem;}
.headerNav ul li >a{color:#fff;} 
.headerNav ul li >a span{display: none;}
.headerNav ul li >nav{position: absolute;left: 0;top:100%;background-color:#fff;z-index: 9;min-width: 10rem;box-shadow: 0 -3px 3px rgba(0,0,0,.1);display: none;opacity: 0;}
.headerNav ul li >nav a{white-space:nowrap;line-height: 2;display: block;padding: 0.5rem 1rem;font-size: 0.875rem;color:#37474f;}
.headerNav ul li:hover >a{color:#ff0;}
.headerNav ul li:hover >nav{display:block;opacity: 1;}
.headerNav ul li >nav a:hover{background-color:#0070d9;color:#fff;}

/*carousel*/
.bannerPc{ text-align:center;overflow: hidden;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}
.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../img/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#fff !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.html5zoo-timer-0{opacity: 0;visibility: hidden !important;}

/*footer*/
@-webkit-keyframes footWave{
    0%{
        -webkit-transform:translateX(0);transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(-50%);transform:translateX(-50%)
    }
}
@keyframes footWave{
    0%{
        -webkit-transform:translateX(0);transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(-50%);transform:translateX(-50%)
    }
}
footer .footer_waves{overflow: hidden;position: relative;height: 89px;}
footer .footer_waves .wave-01,footer .footer_waves .wave-02{display: block;width: 2000%;height: 60px;background-position: 0 0;background-repeat: repeat-x}
footer .footer_waves .wave-01{position: absolute;left: 0;top: 0;background-image: url(../img/foot_wave_02.png);-webkit-animation: footWave 180s linear infinite;-o-animation: footWave 180s linear infinite;animation: footWave 180s linear infinite;}
footer .footer_waves .wave-02{position: absolute;left: 0;bottom: 0;background-image: url(../img/foot_wave_01.png);-webkit-animation: footWave 120s linear infinite forwards;-o-animation: footWave 120s linear infinite forwards;animation: footWave 120s linear infinite forwards;}
footer .footer,footer .copyright{background-color: #0070d9;color:#fff;}
footer .footer{padding-bottom: 1.875rem;padding-top: 1.25rem;}
footer .footer .footer_adv{padding-right: 3.125rem;}
footer .footer .footer_adv ul{display: flex;flex-wrap: wrap;margin-bottom: 0;}
footer .footer .footer_adv ul li{width:33.3333%;display: flex;align-items: center;padding-top: 1.875rem;padding-bottom: 1.875rem;position: relative;}
footer .footer .footer_adv ul:last-child{border-top: 1px solid #2786de;}
footer .footer .footer_adv li .img{margin-right: 0.5rem;width:42px;height: 42px;overflow: hidden;background-image: url("../img/3.png");background-repeat: no-repeat;}
footer .footer .footer_adv ul:first-child li:nth-child(1) .img{background-position: 0 0;}
footer .footer .footer_adv ul:first-child li:nth-child(2) .img{background-position: -42px 0;}
footer .footer .footer_adv ul:first-child li:nth-child(3) .img{background-position: -84px 0;}
footer .footer .footer_adv ul:last-child li:nth-child(1) .img{background-position: -126px 0;}
footer .footer .footer_adv ul:last-child li:nth-child(2) .img{background-position: -168px 0;}
footer .footer .footer_adv ul:last-child li:nth-child(3) .img{background-position: -210px 0;}
footer .footer .footer_adv li p{margin-bottom:0;}
footer .footer .footer_contact{padding-left: 1.875rem;border-left:1px solid #4ca0ed;margin-bottom: 0; padding-top:1rem;padding-bottom: 1rem;}
footer .footer .footer_contact li{padding:0.5rem 0;white-space: nowrap;}
footer .footer .footer_contact li i.fa{margin-right: 0.5rem;}
footer .footer .footer_qrcode{padding-left: 3.125rem;}
footer .footer .footer_qrcode img{max-width:6.25rem;}
footer .footer .footer_qrcode p{margin-bottom:0;font-size:12px;margin-top:0.625rem;}
footer .copyright{border-top:1px solid #4ca0ed;text-align: center;padding: 1.25rem 0;font-size: 12px;}
footer .copyright p{margin-bottom: 0;line-height: 2.5;}
footer .copyright p a{color:#fff;}

@media(max-width:1024px){
    footer .footer .footer_adv ul li{display: block;text-align: center;}
    footer .footer .footer_adv ul li .img{margin: 0 auto;}
    footer .footer .footer_adv ul li p{margin-top:0.5rem;}
}
@media(max-width:768px){
    footer .footer .footer_adv{width:100%;padding-right: 0;}
    footer .footer .footer_adv ul:last-child{border-bottom: 1px solid #2786de;border-top-width: 0;}
    footer .footer .footer_contact{width:100%;text-align: center;padding-left: 0;border-left: 0;padding-top:1.875rem;padding-bottom: 1.875rem;}
    footer .footer .footer_qrcode{width:100%;text-align: center;padding-left: 0;}
    footer .footer .footer_qrcode img{max-width:10rem;}
}
@media(max-width:576px){
    footer{margin-bottom:59px;}
}

.window{position:fixed;right:0;top:35%;z-index: 99;}
.window nav{margin-bottom:0;background-color:#0070d9;line-height: 3.125rem;position: relative;left: 8.875rem;transition: left linear 0.4s;}
.window nav + nav{margin-top:1px;}
.window nav a{color:#fff;display: flex;}
.window nav a span{width: 3.125rem;text-align: center;}
.window nav a p{margin-bottom:0;position: relative;padding:0 1rem;width: 8.875rem;}
.window nav a p::before{content:'';position: absolute;left: 0;top: 1.0625rem;display: block;width: 1px;height: 1rem;background-color:#fff;}
.window nav .img{padding:0 1rem 1rem;display:none;}
.window nav .img img{max-width:10rem;}
.window nav:hover{left: 0;}
.window nav:hover .img{display: block;}
@media(max-width:576px){
    .window{display:none;}
}

/*botNav*/
#botNav{padding:10px 0;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);background-color:#0033d9;}
#botNav a{display:block;width: 25%;text-align: center;color:#fff;}
#botNav a span{display:block;font-size: 14px;}


/*index*/
.index-title{text-align: center;margin-bottom: 3.125rem;}
.index-title h3{font-size:1.875rem;margin-bottom: 1rem;color:#0070d9;position: relative;}
.index-title h3 span{display:inline-block;padding-left: 1.875rem;padding-right: 1.875rem;background-color:#f5f5f5;position: relative;z-index: 9;}
.index-title h3::after{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);display: block;width: 61.8%;height: 2px;background-color:#0070d9;content: '';}
.title{text-align: center;margin-bottom: 3.125rem;}
.title h3{font-size:1.875rem;margin-bottom: 1rem;color:#000;}
.title h3 span{color:#0070d9;}
.title .img{}
.title p{font-size: 0.875rem;color:#868686;line-height: 2;margin-bottom: 0;}
@media(max-width:576px){
    .index-title{margin-bottom:1.875rem;}
    .index-title h3::after{width:100%;}
    .title{margin-bottom: 1.875rem;}
}

/*外贸官网建设*/
.index .section-1 .panel{margin-bottom: 3.125rem;}
.index .section-1 .panel:last-child{margin-bottom:0;}
.index .section-1 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index .section-1 .list .item{width:24%;background-color:#fff;text-align: center;padding: 1.25rem;margin-bottom: 1.875rem;box-shadow: 0 0 10px rgba(0,0,0,.15);position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;}
.index .section-1 .list .item .img span{font-size: 42px;line-height: 100px;color:#0070d9;}
.index .section-1 .list .item h5{font-size: 1.25rem;color:#000;font-weight: bold;margin-bottom: 1.25rem;}
.index .section-1 .list .item h5 span{display:block;font-size: 12px;margin-top: 10px;color:#868686;font-weight: normal;}
.index .section-1 .list .item ul{border-top:1px solid #cecece;margin-bottom:0;padding-top: 1rem;padding-bottom: 1rem;-ms-flex-positive: 1 !important;flex-grow: 1 !important;}
.index .section-1 .list .item ul li{line-height: 2.5;font-size: 14px;text-align: left;padding: 0 1rem;}
.index .section-1 .list .item ul li b{color:#0070d9;font-size: 15px;}
.index .section-1 .list .item ul li a{color:#37474f;}
.index .section-1 .list .item dl{margin-bottom:0;padding-top: 1.25rem;border-top: 1px solid #cecece;}
.index .section-1 .list .item dl dt{font-size:12px;font-weight: normal;color:#0070d9;margin-bottom: 0.5rem;}
.index .section-1 .list .item dl dd{margin-bottom:0;}
.index .section-1 .list .item dl dd a{color:#37474f;}
.index .section-1 .list .item dl dd a b{font-size:1.75rem;color: #0070d9;margin-left:0.25rem;margin-right: 0.25rem;}

.index .section-1 .list .item.active{background-image: url("../img/panel_bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.index .section-1 .list .item.active .img span{color:#fff;line-height: 150px;font-size: 63px;}
.index .section-1 .list .item.active h5{color:#fff;}
.index .section-1 .list .item.active h5 span{color:#ff0;}
.index .section-1 .list .item.active ul li{color:#fff;}
.index .section-1 .list .item.active ul li b{color:#ff0;}
.index .section-1 .list .item.active ul li a{color:#fff;}
.index .section-1 .list .item.active ul li a:hover{text-decoration:underline;}
/*.index .section-1 .list .item.active dl{padding-top: 1.875rem;}*/
.index .section-1 .list .item.active dl dt{color:#fff;}
.index .section-1 .list .item.active dl dd a{display: block;background-color:#ff0;box-shadow: 0 3px 6px rgba(0,0,0,.45);}
.index .section-1 .list .item.active dl dd a b{color:#0070d9;}

@media(max-width:1023px){
    .index .section-1 .list .item{width:48.5%;}
}
@media(max-width:576px){
    .index .section-1 .list .item{width:100%;}
}


.index .section-2{background-color:#0070d9;color:#fff;}
.index .section-2 .title h3{color:#fff;}
.index .section-2 .title h3 span{color:#ff0;}
.index .section-2 .title p{color:#cecece;}
.index .section-2 .img{height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.index .section-2 .info{display:flex;flex-direction: column;justify-content: center;}
.index .section-2 .info dl{display:flex;align-items: center;padding: 1.25rem;}
.index .section-2 .info dl.active{background-color:#ff0;color:#0070d9;border-radius: 0.25rem; }
.index .section-2 .info dl dt{display:flex;flex-direction: column;justify-content: center;margin-right: 1rem;}
.index .section-2 .info dl dt span{font-size:2.75rem;}
.index .section-2 .info dl dd{margin-bottom:0;line-height: 2;text-align: justify;}
@media(max-width:991px){
    .index .section-2 .info{margin-top:3.125rem;}
}

.index .section-3{background:url("../img/adv_bg.jpg");}
.index .section-3 .panel{display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1.875rem;}
.index .section-3 .panel:nth-child(3) > div{flex-direction:row-reverse;}
.index .section-3 .panel .img{width:50%;text-align: center;}
.index .section-3 .panel .img img{max-width:100%;}
.index .section-3 .panel .info{width:50%;display: flex;flex-direction: column;justify-content: center;}
.index .section-3 .panel .info dl{display:flex;}
.index .section-3 .panel .info dl dt{background-color:#0070d9;color:#fff;min-width:3rem;height: 3rem;border-radius: 50%;text-align: center;line-height: 3rem;margin-right: 1rem;font-size: 1.25rem;}
.index .section-3 .panel .info dl dd{margin-bottom:0;}
.index .section-3 .panel .info dl dd h5{font-size:18px;color:#0070d9;font-weight: bold;margin-bottom: 0;line-height: 1.6;}
.index .section-3 .panel .info dl dd em{font-style:normal;font-size: 12px;color:#868686;display: block;}
.index .section-3 .panel .info dl dd p{margin-bottom:0;font-size: 14px;line-height: 2;border-top:1px dashed #cecece;margin-top: 0.5rem;}

@media(max-width:768px){
    .index .section-3 .panel .img{width:100%;}
    .index .section-3 .panel .info{width:100%;}
}

.index .section-4{background:#0070d9;}
.index .section-4 dl{width: 25%;text-align: center;color: #fff;margin-bottom: 0;padding: 5% 3%;}
.index .section-4 dt{font-size: 1rem;font-style: normal;}
.index .section-4 dt b{font-size: 3rem;margin-bottom: 1rem;font-family: impact;}
.index .section-4 dd{font-size: 0.875rem;margin-bottom: 0;}
@media(max-width:768px){
    .index .section-4 dl{width:50%;}
    .index .section-4 dl:nth-child(odd){border-right:1px solid #ddd;}
    .index .section-4 dl:nth-child(n+3){border-top:1px solid #ddd;}
}

.index .section-5{}
.index .section-5 .item,#case .item,.caseList .item{text-align: center;margin-bottom:1.875rem;box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
-ms-transition: box-shadow .3s ease-in-out;
-o-transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out; background-color: #fff;}
.index .section-5 .item:hover,#case .item:hover,.caseList .item:hover{box-shadow:0 10px 26px 0 rgba(16,174,248,1)}
.index .section-5 .item .img,#case .item .img,.caseList .item .img{overflow: hidden;height: 28.75rem;}
.index .section-5 .item .img img,#case .item .img img,.caseList .item .img img{max-width:100%;}
.index .section-5 .item p,#case .item p,.caseList .item p{padding: 1.875rem 1.25rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 2; color:#37474f;margin-bottom:0;}

/*
.caseList .item{text-align: center;margin-bottom: 1.875rem;}
.caseList .item .cap{background-color:#b9cbd7;color:#000;height: 1.25rem;line-height: 1.25rem;padding: 0 0.625rem;border-radius: 0.5rem 0.5rem 0 0;text-align: left;}
.caseList .item .img{overflow: hidden;border: 1px solid #ccc; height: 400px;background-color: #fff;}
.caseList .item .img img{max-width:100%;position: relative;left: 0;top: 0;}
.caseList .item p{margin-bottom:0;overflow: hidden;margin-top: 1rem;line-height: 2;max-height: 4em; color:#37474f;}
*/


.index .section-5 .more{margin-top:1.25rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
.index .section-5 .more span{font-size:1.875rem;color:#0070d9;}
.index .section-5 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.index .section-5 .more a:hover{background-color:#0070d9;}

.index .section-6{}
.index .section-6 .item{margin-top: 1.25rem;margin-bottom: 1.875rem;}
.index .section-6 .item img{border:1px solid #cecece;}
.index .section-6 .item h5{font-size:1.125rem;margin-bottom: 1rem;}
.index .section-6 .item h5 a{color:#000;font-weight: bold;}
.index .section-6 .item h5 a:hover{color:#0070d9;}
.index .section-6 .item p{margin-bottom:0;line-height: 2;font-size: 0.875rem;text-align: justify;max-height: 10em;overflow: hidden;}

.index .section-11 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index .section-11 .list .item{width:32%;border: 1px solid #cecece;margin-bottom: 1.875rem;background-color:#fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
-ms-transition: box-shadow .3s ease-in-out;
-o-transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
}
.index .section-11 .list .item .img{overflow: hidden;}
.index .section-11 .list .item .img img{transition: all linear 0.4s;width: 100%;height: 100%;object-fit: cover;}
.index .section-11 .list .item .info{padding: 1.25rem;}
.index .section-11 .list .item .info h5{color:#000;margin-bottom:0.625rem;font-size:1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .section-11 .list .item .info p{line-height:2;font-size:12px;color:#868686;text-align:justify;max-height: 4em;overflow: hidden;margin-bottom: 0;}
.index .section-11 .list .item:hover{box-shadow: 0 10px 26px 0 rgba(0,0,0,.13);}
.index .section-11 .list .item:hover .img img{transform: scale(1.1);}
.index .section-11 .list .item:hover .info h5{color:#0070d9;}
@media(max-width:576px){
    .index .section-11 .list .item{width:calc(50% - 7.5px);}
}


/*外贸网站建设*/
#web .section-1 .info .img{text-align:center;margin-top:1rem;}
#web .section-1 .info .img img{max-width:50%;}
#web .section-1 .info h5{text-align: center;margin-top: 1.25rem;margin-bottom: 0.625rem;color:#000;font-size: 1.125rem;}
#web .section-1 .info p{line-height: 2;font-size: 0.875rem;text-align: justify;color:#666;}

#web .section-2{background-color:#f5f5f5;}
#web .section-2 dl{display:flex;margin-bottom: 1.875rem;margin-top: 1.25rem;}
#web .section-2 dl dt{margin-right: 1rem;}
#web .section-2 dl dt img{max-width:6.25rem;}
#web .section-2 dl dd{margin-bottom:0;}
#web .section-2 dl dd h5{font-size:1.125rem;color:#0070d9;margin-bottom: 1rem;}
#web .section-2 dl dd p{margin-bottom: 0;font-size: 0.875rem;color:#666;line-height: 2;text-align: justify;}

#web .section-3 .list{text-align: center;}
#web .section-3 .list .img{margin-top:1rem;height: 7.25rem;line-height: 6.25rem;}
#web .section-3 .list img{max-width:6.25rem;}
#web .section-3 .list h5{margin-top:1.25rem;margin-bottom: 0.625rem;font-size: 1.125rem;color:#000;}
#web .section-3 .list p{font-size: 0.875rem;color:#666;line-height: 2;}

#web .section-4{background-color:#f5f5f5;text-align:center;}
#web .section-4 .info .img{margin-top:1rem;}
#web .section-4 .info .img img{max-width:50%;}
#web .section-4 .info h5{text-align: center;margin-top: 1.25rem;margin-bottom: 0.625rem;color:#000;font-size: 1.125rem;}
#web .section-4 .info p{line-height: 2;font-size: 0.875rem;text-align: justify;color:#666;}


#web .section-5{}
#web .section-5 .info{}
#web .section-5 .info ul{border-bottom: 0;display: flex;justify-content: center;margin-bottom: 3.125rem;}
#web .section-5 .info ul li{margin: 0 0.5rem;}
#web .section-5 .info ul li a{color:#37474f;padding: 0.5rem 1rem;border-radius: 0.25rem;}
#web .section-5 .info ul li a.active{background-color:#0070d9;color:#fff;}
#web .section-5 .info .tab-content{background: url("../img/30.jpg")center no-repeat;background-attachment: fixed;padding: 1.875rem;}
#web .section-5 .info .tab-content h5{font-size: 1.125rem;line-height: 2;margin-bottom: 1rem;color:#fff;}
#web .section-5 .info .tab-content h6{font-size: 1rem;margin-bottom: 0.625rem;line-height: 2;color:#ff0;}
#web .section-5 .info .tab-content h6 i{margin-right: 0.25rem;}
#web .section-5 .info .tab-content p{font-size: 0.875rem;line-height: 2;color:#fff;}
#web .section-5 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#web .section-5 .more span{font-size:1.875rem;color:#0070d9;}
#web .section-5 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#web .section-5 .more a:hover{background-color:#0070d9;}


/*外贸狼*/
#trade .section-1 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#trade .section-1 .list .item{width:19.5%;text-align: center;border: 1px solid #cecece;}
#trade .section-1 .list .item dl{margin-bottom:0;}
#trade .section-1 .list .item dl dt{background-color:#0070d9;padding: 2.5rem 0 3.75rem;}
#trade .section-1 .list .item dl dt h5{font-size: 1.125rem;color:#fff;margin-bottom: 1rem;}
#trade .section-1 .list .item dl dt h6{font-size: 0.875rem;color:#ff0;margin-bottom: 0;}
#trade .section-1 .list .item dl dd{margin-bottom:0;position: relative;padding: 3.75rem 1rem 1rem;position: relative;}
#trade .section-1 .list .item dl dd .img{position: absolute;top: -2.5rem;left: 50%;transform: translateX(-50%);background-color:#fff;z-index: 1;border-radius: 50%;width: 5rem;height: 5rem;line-height: 5rem;box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);overflow: hidden;}
#trade .section-1 .list .item dl dd .img img{max-width:3rem;}
#trade .section-1 .list .item dl dd p{line-height:2rem;font-size:0.875rem;}
#trade .section-1 .list .item dl dd a{background-color:#1082fe;color:#fff;display:block;line-height: 2.5rem;font-size: 0.875rem;}
#trade .section-1 .list .item dl dd a:hover{background-color:#0070d9;}
@media(max-width:1024px){
    #trade .section-1 .list .item{width:32%;margin-bottom: 1.25rem;}
    #trade .section-1 .list .item:nth-child(n+4){width:49%;}
}
@media(max-width:767px){
    #trade .section-1 .list .item{width:100% !important;}
}

#trade .section-2{background-color:#f5f5f5;}
#trade .section-2 video{width:100%;background-color:#000;}

#trade .section-3 video{width:100%;background-color:#000;margin-top:0.9375rem;margin-bottom:0.9375rem;}

#trade .section-4{background-color:#f5f5f5;}
#trade .section-4 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#trade .section-4 dl{background-color:#fff;width: 49%;box-shadow: 0 3px 6px rgba(0,0,0,.15);margin-bottom: 1.25rem;}
#trade .section-4 dl dt{background-color:#0070d9;color:#fff;font-weight: normal;padding: 0.75rem 1rem;}
#trade .section-4 dl dd{margin-bottom: 0;padding: 1rem;line-height: 2rem;font-size: 0.875rem;}
#trade .section-4 dl dd p{margin-bottom: 0;text-align: justify;}
#trade .section-4 dl dd p span{color:#0070d9;}

@media(max-width:576px){
    #trade .section-4 dl{width:100%;}
}

/*企业邮箱*/
#mail{font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Hiragino Sans GB,Heiti SC,Arial,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
#mail .section-1 .item{border: 1px solid #cecece;text-align: center;line-height: 1;position: relative;height: 100%;padding-bottom: 5.625rem;}
#mail .section-1 .item .tit{background-color:#f5f5f5;}
#mail .section-1 .item.last-item .tit{background: transparent;}
#mail .section-1 .item .tit >b{font-weight: normal;display: block;padding: 1.875rem 0 0.625rem;font-size: 16px;}
#mail .section-1 .item .tit >p{font-size: 12px;color:#666;margin-bottom: 1rem;}
#mail .section-1 .item .tit .price{position: relative;padding-bottom: 2.5rem;line-height: 1;font-size: 14px;}
#mail .section-1 .item .tit .price span{display:inline-block;padding: 6px 10px;font-size: 14px;border-radius: 13px;position: relative;background-color:#fff;}
#mail .section-1 .item .tit .price span::before{content:'';position: absolute;left: 0;top: 0;width:80px;height: 26px;background-color:#0070d9;display:block; border-radius: 13px 0 0 13px;}
#mail .section-1 .item .tit .price span b{color:#fff;z-index: 11;position: relative;}
#mail .section-1 .item .tit .price span del{margin-left:10px;}
#mail .section-1 .item .tit .price em{font-size: 1.875rem;font-weight: 600;color: #0070d9;position: relative;font-style: normal;}
#mail .section-1 .item .tit .price em i{display: none;height: 14px;line-height: 14px;font-size: 12px;font-weight: 200;background: #0070d9;padding: 1px;position: absolute;bottom: 100%;left: 100%;white-space: nowrap;color: #fff;margin-bottom: -0.5rem;font-style: normal;}
#mail .section-1 .item .tit .price em i::after{content:"";display:block;width:0;height:0;border-top:3px solid #0070d9;border-right:3px solid transparent;position:absolute;left:0;top:100%;margin-left:3px}
#mail .section-1 .item .info{padding: 1.25rem 2.5rem;}
#mail .section-1 .item .info p{text-align: left;padding-left: 2rem;border-bottom: 1px solid #e8e8e8;font-size: 12px;line-height: 2rem;color: #666;margin-bottom: 0;padding-bottom: 0.5rem;padding-top: 0.5rem;}
#mail .section-1 .item .info p i{margin-left: -1.5rem;margin-right: 0.5rem;}
#mail .section-1 .item .info ul{margin-top: 1.875rem;display: flex;justify-content: center;margin-bottom: 0;}
#mail .section-1 .item .info ul li{margin-right: 1rem; }
#mail .section-1 .item .info ul li:last-child{margin-right: 0; }
#mail .section-1 .item .info ul li em{display: block;border-radius: 0.25rem;border: 1px dashed #d7d7d7;line-height: 2.5rem;font-weight: 600;margin-bottom: 0.625rem;font-style: normal;font-size: 14px;color:#0070d9;padding: 0 0.25rem;}
#mail .section-1 .item .info ul li span{font-size: 12px;display: block;}
#mail .section-1 .item .info img{max-width: 100%;}
#mail .section-1 .item .more{position: absolute;width: 100%;bottom: 1.875rem;left: 0;}
#mail .section-1 .item .more a{display:block;border: 1px solid #0070d9;color:#0070d9;line-height: 3.125rem;margin:0 2.5rem;}
#mail .section-1 .item .more a:hover{background-color:#0070d9;color:#fff;}

@media(max-width:992px){
    #mail .section-1 .list > div{margin-bottom: 1.875rem;}
    #mail .section-1 .item .info{padding:1.25rem 1.875rem;}
    #mail .section-1 .item .more a{margin:0 1.875rem;}
}


#mail .section-2{background-color:#f5f5f5;}
#mail .section-2 .list{display:flex;flex-wrap: wrap;}
#mail .section-2 .list dl{width:23.5%;margin-right: 2%;margin-bottom: 1.25rem;border: 1px solid #cecece;padding: 1rem;background-color:#fff;}

#mail .section-2 .list dl dt{border-bottom: 1px solid #cecece;padding-bottom: 0.625rem;font-size: 16px;margin-bottom: 0.625rem; }
#mail .section-2 .list dl dd{margin-bottom: 0;}
#mail .section-2 .list dl dd p{line-height: 2.5;font-size:12px;margin-bottom: 0; }
#mail .section-2 .list dl dd p i{margin-right: 0.5em;}
@media(min-width:1024px){
    #mail .section-2 .list dl:nth-child(4n){margin-right: 0;}
}
@media(min-width:768px) and (max-width:1024px){
    #mail .section-2 .list dl{width:32%;}
    #mail .section-2 .list dl:nth-child(3n){margin-right: 0%;}
}
@media(min-width:576px) and (max-width:767px){
    #mail .section-2 .list dl{width:49%;}
    #mail .section-2 .list dl:nth-child(2n){margin-right: 0%;}
}
@media(max-width:575px){
    #mail .section-2 .list dl{width:100%;margin-right: 0%;}
}

#mail .section-3 .list:last-child{margin-top: 3.125rem;}
#mail .section-3 .list h4{position: relative;font-size:18px;color:#0070d9;padding-left: 1rem;margin-bottom:1rem;line-height: 1;}
#mail .section-3 .list h4::before{content: '';position: absolute;left: 0;top: 0;width: 2px;height: 1em;background-color:#0070d9;display: block;}
#mail .section-3 .list .wrapper{display: flex;flex-wrap: wrap;}
#mail .section-3 .list .wrapper .item{margin-top: 1.25rem;margin-right: 2%;border: 1px solid #cecece;padding: 1rem;text-align: center;cursor: pointer;}
#mail .section-3 .list .wrapper .item .img{height: 50px;line-height: 50px;margin-bottom: 1.25rem;margin-top: 0.5rem;}
#mail .section-3 .list .wrapper .item .img img{}
#mail .section-3 .list .wrapper .item h5{font-size: 16px;color:#000;}
#mail .section-3 .list .wrapper .item p{font-size: 12px;line-height: 2;margin-bottom: 0;color:#666;}


@media(min-width:1025px){
    #mail .section-3 .list .wrapper .item{width:18.4%;display: flex;flex-direction: column;justify-content: center;}
    #mail .section-3 .list .wrapper .item:nth-child(5n){margin-right:0;}
    #mail .section-3 .list .wrapper .item p{color:#fff;display: none;}
    #mail .section-3 .list .wrapper .item:hover{background-color:#0070d9;}
    #mail .section-3 .list .wrapper .item:hover .img{display:none;}
    #mail .section-3 .list .wrapper .item:hover h5{color:#fff;}
    #mail .section-3 .list .wrapper .item:hover p{display:block;}
}
@media(min-width:992px) and (max-width:1024px){
    #mail .section-3 .list .wrapper .item{width:23.5%;}
    #mail .section-3 .list .wrapper .item:nth-child(4n){margin-right:0;}
}
@media(min-width:768px) and (max-width:991px){
    #mail .section-3 .list .wrapper .item{width:32%;}
    #mail .section-3 .list .wrapper .item:nth-child(3n){margin-right:0;}
}
@media(max-width:767px){
    #mail .section-3 .list .wrapper .item{width:calc(50% - 7.5px);margin-right: 15px;}
    #mail .section-3 .list .wrapper .item:nth-child(2n){margin-right:0;}
}


#mail .section-4{background-color:#f5f5f5;}
#mail .section-4 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#mail .section-4 .list .item{width:23.5%;text-align: center;background: #fff;box-shadow: 0 0 1rem rgba(0,0,0,.1);}
#mail .section-4 .list .item .img{background-color:#f9f9f9;line-height: 5rem;}
#mail .section-4 .list .item .img img{max-width: 100%;}
#mail .section-4 .list .item p{font-size: 14px;line-height: 2.25rem;text-align: justify;padding: 1rem;margin-bottom: 0;}
@media(max-width:767px){
    #mail .section-4 .list .item{width:calc(50% - 7.5px);margin-bottom: 15px;}
}

#mail .section-5 .list{text-align: center;display: flex;justify-content: center;}
#mail .section-5 .list dl{padding: 1.875rem 1.25rem;width: 25%;}
#mail .section-5 .list dl dt{margin-bottom: 1rem;}
#mail .section-5 .list dl dd{margin-bottom: 0;}
#mail .section-5 .list dl dd h5{color:#0070d9;}
#mail .section-5 .list dl dd p{margin-bottom:0;}
@media(max-width:576px){
    #mail .section-5 .list{flex-wrap:wrap;}
    #mail .section-5 .list dl{width:50%;}
}


/*推广教程*/
#course .clist{display:flex;flex-wrap: wrap;}
/*
#course .clist .item{border-bottom: 1px solid #cecece;margin-bottom: 1.25rem;position: relative;}

#course .clist .item .img{overflow: hidden;}
#course .clist .item .img img{transition: all linear 0.4s;width: 100%;height: 100%;object-fit: cover;}
#course .clist .item .info{}
#course .clist .item .info h5{color:#000;margin-top:1rem;margin-bottom:0.625rem;font-size:1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#course .clist .item .info p{line-height:2;font-size:12px;color:#868686;text-align:justify;max-height: 4em;overflow: hidden;}
#course .clist .item::after{content: '';position: absolute;left: 0;bottom: 0;display: block;width: 0;height: 1px;background-color: #0070d9;transition: width linear 0.4s;}
#course .clist .item:hover .img img{transform: scale(1.1);}
#course .clist .item:hover .info h5{color:#0070d9;}
#course .clist .item:hover::after{width: 100%;}
*/
#course .clist .item{width:32%;border: 1px solid #cecece;margin-bottom: 1.875rem;background-color:#fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
-ms-transition: box-shadow .3s ease-in-out;
-o-transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
}
#course .clist .item .img{overflow: hidden;}
#course .clist .item .img img{transition: all linear 0.4s;width: 100%;height: 100%;object-fit: cover;}
#course .clist .item .info{padding: 1.25rem;}
#course .clist .item .info h5{color:#000;margin-bottom:0.625rem;font-size:1.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#course .clist .item .info p{line-height:2;font-size:12px;color:#868686;text-align:justify;max-height: 4em;overflow: hidden;margin-bottom: 0;}
#course .clist .item:hover{box-shadow: 0 10px 26px 0 rgba(0,0,0,.13);}
#course .clist .item:hover .img img{transform: scale(1.1);}
#course .clist .item:hover .info h5{color:#0070d9;}
@media(max-width:576px){
    .index .section-11 .list .item{width:calc(50% - 7.5px);}
}
@media(min-width:768px){
    #course .clist .item{width:32%;margin-right: 2%;}
    #course .clist .item:nth-child(3n){margin-right:0;}
}
@media(max-width:767px){
    #course .clist .item{width:calc(50% - 7.5px);margin-right: 15px;}
    #course .clist .item:nth-child(2n){margin-right:0;}
}

#course .content{background-color:#fff;border: 1px solid #dfdfdc;box-shadow: 0  3px 6px rgba(0, 0, 0, 0.15);padding: 1.875rem;margin-bottom: 3.125rem;}
#course .content h4{color: #000000;font-size: 18px;text-transform: uppercase;margin-bottom: 1rem;font-weight: normal;margin-top:0;}
#course .content hr{margin-top:1.25rem;margin-bottom: 1.25rem;}
.content #MyContent p{font-size: 14px;line-height: 2;text-align: justify;color:#666;margin-bottom: 0;}
.content #MyContent p + p{margin-top:1rem;}
.content #MyContent p img{max-width: 100%;}
#course .box{background-color:#fff;border: 1px solid #dfdfdc;box-shadow: 0  3px 6px rgba(0, 0, 0, 0.15);padding:1.25rem;margin-bottom: 1.875rem;}
#course .box h5{position:relative;line-height: 1;padding-left: 1rem;border-bottom:1px solid #ddd;margin-bottom: 0;padding-bottom: 1rem;color:#000;margin-top: 0.5rem;}
#course .box h5::before{content:'';position: absolute;left: 0;top: 0;width: 2px;height: 1.25rem;background-color:#0070d9;}
#course .box ul{margin-bottom:0;}
#course .box ul li{border-bottom:1px dashed #ddd;padding-top: 0.625rem;padding-bottom: 0.625rem;line-height: 2rem;font-size: 14px;color:#666;}
#course .box ul li i{margin-right:0.5rem;}
#course .box ul li a{color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#course .box ul li:hover i{color:#0070d9;}
#course .box ul li:hover a{color:#0070d9;}
@media(max-width:992px){
    #course .content{padding:1.875rem;}
}
@media(max-width:576px){
    #course .content{padding:1.25rem;}
}


ul.redirect{margin-bottom: 0;}
ul.redirect li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 2rem;line-height: 2rem;font-size:0.875rem;}
ul.redirect li a{color:#0070d9;}
ul.redirect li a:hover{color:#f60;}

/*客户案例*/


#caseShow{margin-bottom:3.125rem;}
#caseShow .caseInfo{background-color:#0070d9;padding: 3.125rem 1.875rem;color:#fff;}
#caseShow .caseInfo h3{margin-bottom: 1rem;}
#caseShow .caseInfo p{margin-bottom: 0;line-height: 2;}
#caseShow .caseInfo p + p{margin-top:1rem;}
#caseShow .case-content{margin-bottom: 1.25rem;}
#caseShow .content{background-color:#fff;border: 1px solid #dfdfdc;box-shadow: 0  3px 6px rgba(0, 0, 0, 0.15);padding: 3.125rem 1.875rem;}
#caseShow .box{background-color:#fff;border: 1px solid #dfdfdc;box-shadow: 0  3px 6px rgba(0, 0, 0, 0.15);padding:1.25rem;margin-bottom: 1.875rem;}
#caseShow .box h5{position:relative;line-height: 1;padding-left: 1rem;border-bottom:1px solid #ddd;margin-bottom: 0;padding-bottom: 1rem;color:#000;margin-top: 0.5rem;}
#caseShow .box h5::before{content:'';position: absolute;left: 0;top: 0;width: 2px;height: 1.25rem;background-color:#0070d9;}
#caseShow .box ul{margin-bottom:0;}
#caseShow .box ul li{border-bottom:1px dashed #ddd;padding-top: 0.625rem;padding-bottom: 0.625rem;line-height: 2rem;font-size: 14px;color:#666;}
#caseShow .box ul li i{margin-right:0.5rem;}
#caseShow .box ul li a{color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#caseShow .box ul li:hover i{color:#0070d9;}
#caseShow .box ul li:hover a{color:#0070d9;}
@media(max-width:992px){
    #caseShow .content{padding:1.875rem;}
}
@media(max-width:576px){
    #caseShow .content{padding:1.25rem;}
}

/*关于我们*/
#about .section-1{background:url("../img/about-1.jpg");}

#about .section-1 .imgScroll{position:relative;overflow:  hidden;height: 14rem;}
#about .section-1 .list{display:flex;position: absolute;left: 0;top: 0;}
#about .section-1 .list .item{width:21rem;margin-right: 1.25rem;text-align: center;cursor: pointer;border: 1px solid #ddd;}
#about .section-1 .list .item .img{overflow: hidden;}
#about .section-1 .list .item .img img{width: 100%;height: 100%;object-fit: cover;transition: all linear 0.4s;}
#about .section-1 .info{line-height:2;margin-bottom: 1.875rem;}
#about .section-1 .info p{margin-bottom:0;}

#about .section-2{}
#about .section-2 >img{}
#about .section-2 >.container{position: relative;}
#about .section-2 .info{width: 45%;display: flex;flex-direction: column;justify-content: space-between;padding-top:3.125rem;}

#about .section-2 .list{position:absolute;right:15px;bottom:0;width: 45%;background-color:#fff;box-shadow: 0 1px 5px 1px #cccccc;display: flex;flex-direction: column;justify-content: space-around;padding:3.125rem;height: 37.5rem;}
#about .section-2 .list dl{display: flex;margin-bottom: 0;line-height: 1.6;}
#about .section-2 .list dl dt{margin-right: 1rem;}
#about .section-2 .list dl dd{margin-bottom:0;}
#about .section-2 .list dl dd h5{font-size:1.5rem;color:#000;}
#about .section-2 .list dl dd p{margin-bottom: 0;}

#about .section-2 .info h3{line-height:1.6;font-size:2rem;}
#about .section-2 .info p{line-height:2;text-align: justify;}

@media(max-width:767px){
    #about .section-2{padding-top:15rem;background: url("../img/about-14.jpg")top center no-repeat;background-size: contain;}
    #about .section-2 >.container{flex-direction:column-reverse;}
    #about .section-2 .list{position:static;width: 100%;}
    #about .section-2 .info{width:100%;}
}

#about .section-3 ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
#about .section-3 ul li{text-align:center;padding-top:6.25rem;}
#about .section-3 ul li .img{margin-bottom:1.25rem;height: 5rem; line-height: 5rem;}
#about .section-3 ul li .img img{max-width:100%;}
#about .section-3 ul li p{margin-bottom:0;font-size:1.125rem;}
#about .section-3 ul li em{font-size: 10px;color: #999;letter-spacing: 2px;font-style: normal;}

@media(max-width:992px){
    #about .section-3 ul li{width:50%;padding: 1.875rem 1.25rem;}
}

#about .section-4 .list{display:flex;flex-wrap:wrap;justify-content: space-between;}
#about .section-4 .list .img{width:45%;position: relative;}
#about .section-4 .list .img img{width:100%;height:100%;object-fit: cover;}
#about .section-4 .list .img .txt{position:absolute;top: 1.875rem;left: 1.875rem;color:#fff;font-size: 1.5rem;letter-spacing: 0.625rem;}
#about .section-4 .list .img .txt p{margin-bottom:0;line-height: 2;}
#about .section-4 .list .info{width:45%;display: flex;flex-direction: column;justify-content: center;}
#about .section-4 .list .info ul{margin-bottom:0;}
#about .section-4 .list .info ul li{padding-top:1.875rem;padding-bottom: 1.25rem;}
#about .section-4 .list .info ul li h5{font-size:1.5rem;color:#000;margin-bottom: 1rem;}
#about .section-4 .list .info ul li p{margin-bottom:0;line-height: 2;font-size: 0.875rem;text-align: justify;letter-spacing: 2px;}
@media(max-width:767px){
    #about .section-4 .list .img{width:100%;margin-bottom:1.25rem;}
    #about .section-4 .list .info{width:100%;}
}

#contact .list{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top:1.875rem;}
#contact .list dl{width:23.5%;border: 1px solid #cecece;}
#contact .list dl dt{font-weight: normal;background-color:#0070d9;color:#fff;font-size: 1.125rem;padding-left: 1rem;padding-top:0.5rem;padding-bottom: 0.5rem;}
#contact .list dl dd{margin-bottom:0;padding: 1rem;font-size: 0.875rem;}
#contact .list dl dd p{display:flex;line-height: 2rem;margin-bottom:0;text-align: justify;}
#contact .list dl dd p span.icon{margin-right:0.5rem;}
@media(max-width:768px){
    #contact .list dl{width:49%;}
}

#contact .section-2{background:url("../img/contact-4.jpg")center no-repeat;background-size: cover;}
#contact .section-2 .form-group{margin-bottom:1.25rem;}
#contact .section-2 .form-control{background-color:rgba(255,255,255,.55);}


/*海外营销服务*/
#google-seo .section-1 p{margin-top:0.625rem;margin-bottom: 1.875rem;}
#google-seo .section-2 p{margin-top:0.625rem;margin-bottom: 1.875rem;}

#google-seo .section-3{background:url('../pic/01/11.jpg')top center no-repeat;background-size: cover;padding-top:13rem;}
#google-seo .section-3 .title h3{font-size:36px;line-height: 1.6;}
#google-seo .section-3 .list{display: flex;align-items: center;}
#google-seo .section-3 .item{text-align: center;}
#google-seo .section-3 .item p{line-height: 2;color:#fff;}
#google-seo .section-3 .desc{margin-top:3.125rem;}
#google-seo .section-3 .desc p{line-height: 2;margin-bottom: 1.25rem;}

@media(max-width:767px){
    #google-seo .section-3 .list{flex-direction: column;}
    #google-seo .section-3 .item:nth-child(2n) img{transform: rotate(90deg);}
}

#google-seo .section-4 .list{display: flex;flex-wrap: wrap;justify-content: space-between;border-top:1px solid #cecece;border-left:1px solid #cecece;}
#google-seo .section-4 .list dl{width:33.3333%;text-align: center;padding: 1.875rem;border-right:1px solid #cecece;border-bottom:1px solid #cecece;margin-bottom: 0;}
#google-seo .section-4 .list dl dt{}
#google-seo .section-4 .list dl dd{margin-bottom:0;}
#google-seo .section-4 .list dl dd h5{margin-top:1.25rem;margin-bottom: 0.625rem;font-size: 1.125rem;color:#000;}
#google-seo .section-4 .list dl dd p{margin-bottom:0;line-height: 2;font-size: 0.875rem;color:#868686;}
#google-seo .section-4 .list dl:hover{box-shadow: 0 0 1.875rem rgba(0,0,0,.15);}
@media(max-width:576px){
    #google-seo .section-4 .list dl{width:50%;padding: 1.875rem 1.25rem;}
}

#google-seo .section-5{background:url("../pic/01/32.jpg")center no-repeat;}
#google-seo .section-5 .img{max-width: 20rem;margin-right: 6.25rem;margin-top: 1.875rem;}
#google-seo .section-5 h3{color:#fff;line-height:1.8;}
@media(max-width:576px){
    #google-seo .section-5{padding-bottom:3.125rem;}
    #google-seo .section-5 .img{width:100%;text-align: center;margin-right:0;}
    #google-seo .section-5 h3{text-align:center;}
}


#google-seo .section-6{background:url("../pic/01/34.jpg")top center no-repeat;position: relative;}
#google-seo .section-6::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:url("../pic/01/35.jpg")bottom center no-repeat;z-index:-1;}
#google-seo .section-6 .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
#google-seo .section-6 .list dl{width:32%;text-align: center;padding: 1.25rem;}
#google-seo .section-6 .list dl dt{}
#google-seo .section-6 .list dl dd{margin-bottom:0;}
#google-seo .section-6 .list dl dd h5{margin-top:1.25rem;margin-bottom: 0.625rem;font-size: 1.125rem;color:#000;}
#google-seo .section-6 .list dl dd p{margin-bottom:0;line-height: 2;font-size: 0.875rem;}
@media(max-width:576px){
    #google-seo .section-6 .list dl{width:50%;}
}

#google-seo .section-7{padding-bottom:6.25rem;}
#google-seo .section-7 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#google-seo .section-7 .more span{font-size:1.875rem;color:#0070d9;}
#google-seo .section-7 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#google-seo .section-7 .more a:hover{background-color:#0070d9;}
@media(max-width:576px){
    #google-seo .section-7{padding-bottom:3.25rem;}
}

/*google ads*/
#google-ads .section-1 .item{text-align:center;padding-top:1.25rem;padding-bottom: 1.25rem;}
#google-ads .section-1 .item .img{border-radius: 50%;width: 9.375rem;height: 9.375rem;line-height: 9.375rem;margin: 0 auto;box-shadow:0 0.625rem 1rem rgba(0,0,0,.15);}
#google-ads .section-1 .item:nth-child(1) .img{background-color:#f359a4;}
#google-ads .section-1 .item:nth-child(2) .img{background-color:#5f6cfe;}
#google-ads .section-1 .item:nth-child(3) .img{background-color:#73d8d6;}
#google-ads .section-1 .item:nth-child(4) .img{background-color:#fed41e;}

#google-ads .section-1 .item h5{margin-top:1.875rem;margin-bottom: 1rem;font-size: 1.125rem;color:#000;}
#google-ads .section-1 .item p{margin-bottom:0;text-align: justify;line-height: 2;font-size: 0.875rem;padding: 0 1rem;}


#google-ads .section-2{background-color:#f5f5f5;}
#google-ads .section-2 .list{display:flex;flex-wrap:wrap;justify-content: space-between;}
#google-ads .section-2 .item{background-color:#fff;padding:3.125rem;width:31.333%;margin-bottom: 2.5rem;text-align: center;box-shadow: 0px 20px 60px rgba(18,24,58,0.1);}
#google-ads .section-2 .item .img{margin-bottom: 1.25rem;}
#google-ads .section-2 .item p{margin-bottom:0;color:#000;}
@media(max-width:768px){
    #google-ads .section-2 .item{width:48%;margin: 1%;}
}
@media(max-width:576px){
    #google-ads .section-2 .item{width:100%;margin: 1%;margin-bottom:1.25rem;}
}

#google-ads .section-3{background:#0070d9 url("../pic/02/15.png")left top no-repeat;background-size:cover;}
#google-ads .section-3 .top{display:flex;flex-wrap: wrap;}
#google-ads .section-3 .top .info{width:50%;color:#fff;margin-bottom: 1.875rem;display: flex;flex-direction: column;justify-content: center;}
#google-ads .section-3 .top .info h5{font-size:1.25rem;color:#ff0;margin-bottom: 0.625rem;}
#google-ads .section-3 .top .info h3{font-size:1.75rem;margin-bottom: 1.25rem;}
#google-ads .section-3 .top .info p{line-height: 2;margin-bottom: 0;text-align: justify;}
#google-ads .section-3 .top .img{width:50%;text-align: center;margin-bottom: 1.875rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#google-ads .section-3 .bot{background-color:#fff;padding: 5%;}

@media(max-width:576px){
    #google-ads .section-3 .top .info{width:100%;}
    #google-ads .section-3 .top .img{width:100%;}
}
#google-ads section.panel{}
#google-ads section.panel .img{width:50%;}
#google-ads section.panel .info{width:50%;display:flex;flex-direction: column;justify-content: center;}
#google-ads section.panel .info h5{color:#0070d9;margin-bottom: 1rem;}
#google-ads section.panel .info h3{font-weight: bold;color:#0070d9;margin-bottom: 1.875rem;line-height: 1.4;}
#google-ads section.panel .info ul{margin-bottom: 0;}
#google-ads section.panel .info ul li{line-height: 2.5;}
#google-ads section.panel .info ul li span.icon{color:#0070d9;margin-right:0.625rem;}
#google-ads section.panel .info ul li span.txt{color:#415076;}

#google-ads .section-5{background-color:#f5f5f5;}
@media(min-width:768px){
    #google-ads .section-5 div.d-flex{flex-direction: row-reverse;}  
}
@media(max-width:767px){
    #google-ads section.panel .img{width:100%;}
    #google-ads section.panel .info{width:100%;}
    #google-ads section.panel .info h5{margin-top:1rem;}
}

#google-ads .section-7{}
#google-ads .section-7 .list{display:flex;flex-wrap: wrap;justify-content: space-between;border-top:1px solid #cecece;border-left:1px solid #cecece;}
#google-ads .section-7 .item{width:25%;text-align: center;padding:3.125rem 1.875rem 1.875rem;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
#google-ads .section-7 .item h5{margin-top:1.25rem;margin-bottom: 1rem;font-size: 1.125rem;color:#000;}
#google-ads .section-7 .item p{margin-bottom:0;font-size: 0.875rem;line-height: 2;color:#868686;}
#google-ads .section-7 .item:hover{box-shadow: 0 0 1.875rem rgba(0,0,0,.15);}
#google-ads .section-7 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#google-ads .section-7 .more span{font-size:1.875rem;color:#0070d9;}
#google-ads .section-7 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#google-ads .section-7 .more a:hover{background-color:#0070d9;}
@media(max-width:992px){
    #google-ads .section-7 .item{width:33.3333%;}
}
@media(max-width:576px){
    #google-ads .section-7 .item{width:50%;}
}

#google-ads .section-8{background:#0070d9 url("../pic/02/15.png")left top no-repeat;background-size:cover;color:#fff;}
#google-ads .section-8 .title{margin-bottom:0;}
#google-ads .section-8 .title h3{color:#fff;}
#google-ads .section-8 .title p{color:#cecece;}

/*youtube*/
.banner{position:relative;}
.banner video{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;display: block;background-size:cover;background-color: #1940b0;}
.banner .info{position: absolute;z-index: 7;left: 0;top:0;width: 100%;height: 100%;color:#fff;background-color: rgba(0,0,0,.55);display:flex;flex-direction: column;justify-content: center;text-align: center;}
.banner .info h1{font-size:3.125rem;font-weight: bold;line-height: 1.4;margin-bottom: 1rem;}
.banner .info h4{font-size:1.5rem;line-height: 5rem;}
.banner .info p{line-height: 2;}

#youtube .panel{}
#youtube .panel .info{display:flex;flex-direction: column;justify-content: center;height: 100%;}
#youtube .panel .info h5{color:#0070d9;margin-top:1.25rem;margin-bottom: 1rem;font-size: 1.875rem;line-height: 1.4;font-weight: bold;}
#youtube .panel .info p{margin-bottom:0;line-height: 2;text-align: justify;}
@media(min-width:768px){
    #youtube .section-3 .row{flex-direction: row-reverse;}
}


#youtube .section-2{background:url("../pic/03/2.jpg")center no-repeat;background-attachment: fixed;color:#fff;text-align: center;}
#youtube .section-2 h3{margin-bottom: 1rem;font-size: 1.875rem;line-height: 1.4;font-weight: bold;}
#youtube .section-2 p{line-height: 2;}
#youtube .section-2 ul{margin-bottom:0;display:flex;justify-content: center;margin-top: 3.125rem;}
#youtube .section-2 ul li{margin:0 1.5rem;}
#youtube .section-2 ul li h5{font-size:1.875rem;color:#ff0;}
#youtube .section-2 ul li h5 em{font-style:normal;font-size:0.875rem;color:#fff;}
#youtube .section-2 ul li p{margin-bottom:0;font-size:0.85rem;color:#cecece;}

#youtube .section-4{background:url("../pic/03/4.jpg")center no-repeat;background-attachment:fixed;color:#fff;}
#youtube .section-4 .info h5{color:#fff;}

#youtube .section-5 .title{margin-bottom:1.25rem;}
#youtube .section-5 a{display:block;margin:0 auto;width:10rem;background-color:#1082fe;color:#fff;text-align: center;font-size:0.875rem;line-height:
2.5rem;border-radius:1.25rem;}
#youtube .section-5 a:hover{background-color:#0070d9;}


/*优质外链建设*/
.bg-f5{background-color:#f5f5f5;}
#off-page .section-1 .list{display:flex;flex-wrap: wrap;justify-content: center;}
#off-page .section-1 .left,#off-page .section-1 .right{display:flex;flex-direction: column;justify-content: center;width:25%;}
#off-page .section-1 .mid{width:50%;text-align: center;}
#off-page .section-1 dl{display:flex;align-items: center;}
#off-page .section-1 .left dl{flex-direction: row-reverse;}
#off-page .section-1 dl dt{padding: 1rem;}
#off-page .section-1 dl dt img{max-width:6rem;}
#off-page .section-1 dl dd{margin-bottom:0;font-size:1.25rem;font-weight: bold;}
#off-page .section-1 .left dl dd{}
#off-page .section-1 dl dd span{color:#9400a2;}
@media(max-width:768px){
    #off-page .section-1 .left,#off-page .section-1 .right,#off-page .section-1 .mid{width:100%;}
    #off-page .section-1 dl{justify-content: center;}
    #off-page .section-1 .left dl{flex-direction:row;}
}


#off-page .section-2 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#off-page .section-2 .item{width:32%;display:flex;align-items: center;background-color:#fff;margin-bottom: 1.5rem;padding: 1.25rem;border-top:0.25rem solid #7444c1;}
#off-page .section-2 .item .img{width:6.375rem;margin-right:1rem;}
#off-page .section-2 .item .img img{max-width:100%;}
#off-page .section-2 .item p{margin-bottom:0;line-height: 2;}
#off-page .section-2 .item:nth-child(2){border-color:#f89f3d;}
#off-page .section-2 .item:nth-child(3){border-color:#4991dd;}
#off-page .section-2 .item:nth-child(4){border-color:#c8293c;}
#off-page .section-2 .item:nth-child(5){border-color:#48c17d;}
#off-page .section-2 .item:nth-child(6){border-color:#4b5fd3;}
@media(max-width:768px){
    #off-page .section-2 .item{width:49%;}
}
@media(max-width:576px){
    #off-page .section-2 .item{width:100%;}
}


#off-page .section-3 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#off-page .section-3 .img{width:50%;background: url("../pic/04/15.png")left top no-repeat;padding-top: 4.375rem;padding-left: 4.375rem;background-size: contain;}
#off-page .section-3 .img img{max-width:100%;}
#off-page .section-3 .info{width:45%;display: flex;flex-direction: column;justify-content: center;}
#off-page .section-3 .info dl{padding-top:1rem;display:flex;align-items: center; }
#off-page .section-3 .info dl dt{background:url("../pic/04/17.png")center no-repeat;min-width: 8.75rem;height: 8.75rem;line-height: 8.75rem;text-align: center;background-size:contain;white-space: nowrap;font-size: 1.75rem;font-weight: normal;color: rgb(93, 28, 177);margin-right:1rem;}
#off-page .section-3 .info dl dd{margin-bottom:0;}
#off-page .section-3 .info dl dd span{color:rgb(93, 28, 177);font-weight: bold;}
#off-page .section-3 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#off-page .section-3 .more span{font-size:1.875rem;color:#0070d9;}
#off-page .section-3 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#off-page .section-3 .more a:hover{background-color:#0070d9;}
@media(max-width:767px){
    #off-page .section-3 .img{width:100%;}
    #off-page .section-3 .info{width:100%;}
    #off-page .section-3 .info dl dd{text-align: justify;}
}

/*文章撰写*/
#writing .section-1 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#writing .section-1 .left{width:49%;}
#writing .section-1 .left ul{margin-bottom:0;display:flex;flex-direction: column;justify-content: space-between;height: 100%;}
#writing .section-1 .left ul li{background-color:#343434;padding: 1.875rem 0 1.875rem 1.25rem;color:#fff;margin-bottom: 1.25rem;}
#writing .section-1 .left ul li:nth-child(2){background-color:#caddf5;color:#000;}
#writing .section-1 .left ul li:last-child{margin-bottom: 0;background-color:#f0f0f0;color:#000;}
#writing .section-1 .left ul li .icon{margin-right: 1rem;}
#writing .section-1 .left ul li .info{margin-right: 1rem;line-height: 2;font-weight: bold;}
#writing .section-1 .left ul li .img{min-width:12.5rem;text-align: center;}
#writing .section-1 .left ul li .img img{max-width:12.5rem;}
#writing .section-1 .right{width:49%;}
#writing .section-1 .right img{width:100%;height:100%;object-fit:cover;}
@media(max-width:767px){
    #writing .section-1 .left{width:100%;}
    #writing .section-1 .right{width:100%;margin-top: 1.25rem;}
}

#writing .section-2 .list{display:flex;flex-wrap:wrap;justify-content:space-between;width:50%;}
#writing .section-2 .list dl{width:32%;text-align: center;padding: 1rem;}
#writing .section-2 .list dl dt{margin-bottom: 1rem;}
#writing .section-2 .list dl dt img{max-width:100%;}
#writing .section-2 .list dl dd{margin-bottom:0;color:#000;}
#writing .section-2 .img{width:50%;}
@media(max-width:767px){
    #writing .section-2 .list{width:100%;}
    #writing .section-2 .img{width:100%;}
}

#writing .section-3 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#writing .section-3 .list dl{width:32%;border: 1px solid #cecece;margin-bottom: 1.5rem;}
#writing .section-3 .list dl dt{background-color:#0070d9;color:#fff;padding-left: 1rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-weight: normal;line-height: 2;}
#writing .section-3 .list dl dt i{margin-right: 0.5rem;}
#writing .section-3 .list dl dd{margin-bottom: 0;padding: 1rem;text-align: justify;line-height: 2rem;font-size: 0.875rem;}

@media(max-width:576px){
    #writing .section-3 .list dl{width:48.5%;}
}

#writing .section-5 .list{display:flex;flex-wrap:wrap;}
#writing .section-5 .list .item{width:25%;text-align: center;padding: 1rem;}
#writing .section-5 .list .wrapper{border: 1px solid #cecece;padding: 1.875rem 1.25rem 1.25rem;}
#writing .section-5 .list .wrapper .img{height: 50px;line-height: 50px; text-align: center;}
#writing .section-5 .list .wrapper .img img{max-height: 50px;max-width: 100%;}
#writing .section-5 .list .wrapper p{margin-bottom:0;margin-top: 1rem;}
#writing .section-5 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#writing .section-5 .more span{font-size:1.875rem;color:#0070d9;}
#writing .section-5 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#writing .section-5 .more a:hover{background-color:#0070d9;}
@media(max-width:767px){
    #writing .section-5 .list .item{width:33.3333%;padding-left: 0;padding-top: 0;}
    #writing .section-5 .list .item:nth-child(3n){padding-right: 0;}
}

/*竞品分析*/
#analysis .section-2 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#analysis .section-2 .item{width:32%;border: 1px solid #cecece;padding:3.125rem 1.875rem 1.875rem;}
#analysis .section-2 .item .img{text-align:center;}
#analysis .section-2 .item dl{margin-bottom:0;}
#analysis .section-2 .item dl dt{text-align:center;margin-top:1.875rem;margin-bottom: 1.25rem;font-size: 1.125rem;}
#analysis .section-2 .item dl dd{margin-bottom:0;}
#analysis .section-2 .item dl dd p{margin-bottom:0;border-bottom:1px dashed #cecece;padding-top:0.5rem;padding-bottom:0.5rem;line-height:2rem;font-size:0.875rem;}
#analysis .section-2 .item dl dd p i{margin-right:0.5rem;}
@media(max-width:768px){
    #analysis .section-2 .list{justify-content: center;}
    #analysis .section-2 .item{width:60%;margin-bottom: 1.875rem;}
}
@media(max-width:576px){
    #analysis .section-2 .item{width:80%;}
}

#analysis .section-3 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#analysis .section-3 .item{width:32%;margin-bottom:1.5rem;border: 1px solid #cecece;padding: 1.25rem;border-bottom:0.25rem solid #0089f5;background-color:#fff;}
#analysis .section-3 .item h2{color:#0089f5;font-size:4rem;font-weight: bold;opacity: 0.55;}
#analysis .section-3 .item h5{margin-bottom: 1rem;margin-top: 1.25rem;font-size: 1.125rem;color:#000;}
#analysis .section-3 .item p{font-size:0.875rem;line-height:2rem;margin-bottom:0;color:#868686;}
#analysis .section-3 .item:nth-child(2){border-bottom-color: #59cd90;}
#analysis .section-3 .item:nth-child(2) h2{color:#59cd90;}
#analysis .section-3 .item:nth-child(3){border-bottom-color: #ffbc41;}
#analysis .section-3 .item:nth-child(3) h2{color:#ffbc41;}
#analysis .section-3 .img{width:66%;}
#analysis .section-3 .img img{width:100%;height:100%;object-fit: cover;}
#analysis .section-3 .info{width:32%;padding-top: 1rem;}
#analysis .section-3 .info p{padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0;line-height: 2rem;font-size: 0.875rem;}
#analysis .section-3 .info p i{margin-right:0.5em;color:#0070d9;}
#analysis .section-3 .info a{margin-top: 1rem;}
@media(max-width:767px){
    #analysis .section-3 .item{width:100%;}
    #analysis .section-3 .img{width:100%;}
    #analysis .section-3 .info{width:100%;}
    #analysis .section-3 .info a{width:100%;}
}

#analysis .section-4 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#analysis .section-4 .info{width:40%;display: flex;flex-direction: column;justify-content: center;}
#analysis .section-4 .info h5{font-size:1.125rem;color:#000;font-weight: bold;margin-bottom:1rem;}
#analysis .section-4 .info p{margin-bottom:0;font-size:0.875rem;color:#868686;line-height: 2.5;}
#analysis .section-4 .info a{margin-top: 1.25rem;width: 6rem;}
#analysis .section-4 .img{width:55%;text-align: center;background:url('../pic/06/7.png')right center no-repeat;background-size: contain;}

@media(max-width:768px){
    #analysis .section-4 .info{width:100%;text-align: center;align-items: center;padding-bottom: 1.875rem;}
    #analysis .section-4 .img{width:100%;}
}


/*体验策划*/
#experience .section-1 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#experience .section-1 .item{width:48.5%;background-color:#e4effe;}
#experience .section-1 .item h5{padding:1.875rem 0 1rem;margin: 0 1rem; font-size:1.125rem;position: relative;color:#195cac;font-weight: bold;background:url("../pic/07/2.png")bottom left no-repeat; margin-bottom: 1rem;}
#experience .section-1 .item p{margin: 0 1rem;line-height: 2.5;color:rgb(25, 92, 172);font-size: 0.875rem;}
#experience .section-1 .item .img{height:22rem;margin-top: 1rem;}
#experience .section-1 .item .img img{width:100%;height:100%;object-fit:cover;}

#experience .section-1 .item:nth-child(2){background-color:#fef1e4;}
#experience .section-1 .item:nth-child(2) h5{color:#ac4919;background-image: url('../pic/07/5.png');}
#experience .section-1 .item:nth-child(2) p{color:rgb(172, 73, 25);}

@media(max-width:576px){
    #experience .section-1 .item{width:100%;}
    #experience .section-1 .item:first-child{margin-bottom:1.25rem;}
}

#experience .section-2{background:url("../pic/07/9.png")top center no-repeat;}
#experience .section-2 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#experience .section-2 .item{width:33.3333%;text-align:center;background-color:#333;color:#fff;}
#experience .section-2 .item p{margin-top: 1.25rem;margin-bottom: 1.875rem;font-size: 1.125rem;font-weight: bold;}
#experience .section-2 .item p i{margin-right:0.5rem;color:#f60;}

#experience .section-2 .item:nth-child(2){position: relative;background-color:transparent;}
#experience .section-2 .item:nth-child(2)::after{content: '';background-color:#0070d9;width: 100%;height: 110%;position: absolute;left: 0;top: -5%;z-index: -1;}

@media(max-width:767px){
    #experience .section-2 .item{width:100%;margin-bottom: 1.25rem;}
    #experience .section-2 .item:nth-child(2)::after{height:100%;top: 0;}
}

#experience .section-2 .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;}
#experience .section-2 .wrapper .left{width:41.5%;}
#experience .section-2 .wrapper .left dl{border-bottom:1px solid #cecece;display:flex;margin-bottom:0;align-items: center;padding-top: 1rem;padding-bottom: 1rem;}
#experience .section-2 .wrapper .left dl dt{border-radius: 50%;background-color:#0090ff;color:#fff;width:3.5rem;height: 3.5rem;line-height: 3.5rem;text-align: center;margin-right: 1rem;}
#experience .section-2 .wrapper .left dl dd{margin-bottom:0;color:#000;}
#experience .section-2 .wrapper .right{width:56.5%;background: url('../pic/07/10.png')center no-repeat;text-align: center;background-size: contain;}
#experience .section-2 .wrapper .right img{max-width:100%;}

@media(max-width:767px){
    #experience .section-2 .wrapper .left{width:100%;}
    #experience .section-2 .wrapper .right{width:100%;margin-top: 3.125rem;}
}

#experience .section-3{background: url("../pic/07/12.png")center no-repeat;background-attachment: fixed;}
#experience .section-3 .title h3{color:#fff;}
#experience .section-3 .list{display:flex;flex-wrap: wrap;justify-content: center;}
#experience .section-3 .item{width:280px;text-align: center;background: url("../pic/07/21.png")center no-repeat;margin-bottom: 1.875rem;height: 150px;display: flex;flex-direction: column;justify-content: center;margin-left: 1rem;margin-right: 1rem;}
#experience .section-3 .item p{margin-bottom:0;font-weight: bold;}

#experience .section-4{padding-bottom:6.25rem;}
#experience .section-4 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#experience .section-4 .more span{font-size:1.875rem;color:#0070d9;}
#experience .section-4 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#experience .section-4 .more a:hover{background-color:#0070d9;}
@media(max-width:576px){
    #experience .section-4{padding-bottom:3.25rem;}
}

/*网站审计*/
#audit .section-1 .list{display:flex;flex-wrap: wrap;justify-content: space-between;}
#audit .section-1 .item{background-position: top right;background-repeat: no-repeat;color:#fff;display:flex;flex-direction: column;justify-content: flex-end;padding-left: 1.875rem;padding-bottom: 1.875rem;height: 22rem;}
#audit .section-1 .item:nth-child(1){background-image:url('../pic/08/2.png');background-color:#4534d9;}
#audit .section-1 .item:nth-child(2){background-image:url('../pic/08/3.png');background-color:#216de9;}
#audit .section-1 .item:nth-child(3){background-image:url('../pic/08/4.png');background-color:#323242;}
#audit .section-1 .item h5{font-size:1.25rem;line-height: 2.4;opacity: 0.4;margin-bottom: 0;}
#audit .section-1 .item h2{font-size:1.625;line-height: 1.7;position: relative;margin-bottom: 0;padding-bottom: 1.25rem;}
#audit .section-1 .item h2::after{content:'';position: absolute;left: 0;bottom: 0;display: block;width: 3.75rem;height: 2px;background-color:#fff;}
@media(min-width:1024px){
    #audit .section-1 .item{width: 32%;}
}
@media(max-width:1023px){
    #audit .section-1 .list{justify-content:center;}
    #audit .section-1 .item{width:100%;max-width:750px;margin-bottom: 1.25rem;}
}

#audit .section-2 .panel{background-color:#fff;display: flex;flex-wrap: wrap;margin-bottom: 1.875rem;}
#audit .section-2 .panel .img{width:33%;position: relative;border-left:0.5rem solid #0070d9;}
#audit .section-2 .panel .img img{width:100%;height:100%;object-fit: cover;}
#audit .section-2 .panel .img span{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 11.25rem;height: 5rem;line-height: 4rem; background-color:#333;color: #fff;text-align: center;background-image: url('../pic/08/10.png');background-repeat: no-repeat;background-position: center 3.5rem;font-weight: bold;}

#audit .section-2 .panel .info{width:67%;text-align: center;display: flex;flex-direction: column;justify-content: center;}
#audit .section-2 .panel .info h6{margin-top: 0rem;line-height: 2rem;}
#audit .section-2 .panel .info .line{line-height: 2px;height: 2px;}
#audit .section-2 .panel .info ul{margin-bottom:0rem;display:flex;flex-wrap: wrap;justify-content: center;margin-top: 1.875rem;}
#audit .section-2 .panel .info ul li{width:25%;padding:1.25rem;border-right: 1px solid #cecece;}
#audit .section-2 .panel .info ul li:last-child{border-right:0;}
#audit .section-2 .panel .info ul li p{margin-top:1rem;margin-bottom:0;line-height: 2;font-size: 0.875rem;}
@media(max-width:991px){
    #audit .section-2 .panel .img{width:100%;height: 15rem;}
    #audit .section-2 .panel .info{width:100%;padding: 1.875rem 1.25rem 1.25rem;}
    #audit .section-2 .panel .info ul li{width:100%;border-right: 0;}
}

#audit .section-3 .list{display:flex;flex-wrap:wrap;justify-content:space-between;}
#audit .section-3 .list > .info{width:48.5%;}
#audit .section-3 .list > .img{width:48.5%;background:url("../pic/08/24.png")center no-repeat;text-align: center;background-size: contain;}
#audit .section-3 .list > .img img{max-width:100%;}
#audit .section-3 .list > .info h5{color:#0070d9;font-weight: bold;}
#audit .section-3 .list > .info .wrapper{display:flex;padding-top: 1rem;padding-bottom: 1rem;}
#audit .section-3 .list > .info .wrapper .img{margin-right: 0.5rem;line-height: 2rem;}
#audit .section-3 .list > .info .wrapper .info{}
#audit .section-3 .list > .info .wrapper .info h6{line-height: 2rem;font-weight: bold;color:#000;}
#audit .section-3 .list > .info .wrapper .info p{font-size: 0.875rem;line-height: 2;text-align: justify;}
#audit .section-3 .list > .info a{font-size: 12px;color:#37474f;}
#audit .section-3 .list > .info a i{margin-left:0.5rem;margin-right: 0.5rem;}
#audit .section-3 .list > .info a:hover{color:#0070d9;}

@media(max-width:768px){
    #audit .section-3 .list > .info{width:100%;}
    #audit .section-3 .list > .img{width:100%;margin-top: 3.125rem;}
}

/*链接建设*/
#link .section-1 .row > div{margin-bottom:1.25rem;}
#link .section-1 .info{display:flex;flex-direction: column;justify-content: center;}
#link .section-1 .info h5{font-size: 1.125rem;color:#000;}
#link .section-1 .info p{margin-bottom:0;line-height:2;font-size:0.875rem;color:#868686;}
#link .section-1 .list{display:flex;flex-wrap:wrap;justify-content:center;}
#link .section-1 .list .item{width:253px;height:100px;display: flex;flex-direction: column;justify-content: center;align-items: center;color:#fff;background-position: center;background-repeat: no-repeat;margin-top: 1.875rem;margin-left: 1rem;margin-right: 1rem;}
#link .section-1 .list .item:nth-child(1){background-image: url("../pic/09/3.png");}
#link .section-1 .list .item:nth-child(2){background-image: url("../pic/09/4.png");}
#link .section-1 .list .item:nth-child(3){background-image: url("../pic/09/5.png");}
#link .section-1 .list .item:nth-child(4){background-image: url("../pic/09/6.png");}


#link .section-2 .col-lg-2{display:flex;flex-direction: column;justify-content: center;}
#link .section-2 .box{background-color:#fff;height: 100%;}
#link .section-2 .box h3{background:url("../pic/09/7.png")right center no-repeat;height: 77px;line-height: 77px;color:#fff;padding-left: 1.25rem;margin-bottom: 0;}
#link .section-2 .box ul{margin-bottom:0;padding: 1.875rem;}
#link .section-2 .box ul li{padding-top:1rem;padding-bottom: 1rem;line-height: 33px;display: flex;}
#link .section-2 .box ul li .img{margin-right:1rem;}

#link .section-2 .row > div:last-child .box h3{background-image:url('../pic/09/8.png');}
@media(max-width:991px){
    #link .section-2 .box{max-width:750px;margin: 0 auto;}
    #link .section-2 .col-lg-2 .img{margin-top: 1.875rem;margin-bottom: 1.875rem;}
}

#link .section-3 .list{display: flex;flex-wrap: wrap;justify-content: center;}
#link .section-3 .item{width:22.5rem;text-align: center;background:#f5f5f5 url("../pic/09/19.png")bottom center no-repeat;margin: 1rem 1.25rem;padding: 3.125rem 1.875rem 1.875rem;}
#link .section-3 .item h5{font-size: 1.125rem;color:#000;margin-top: 1.25rem;margin-bottom: 0.625rem;}
#link .section-3 .item p{margin-bottom: 0;line-height: 2;font-size: 0.875rem;}
#link .section-3 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#link .section-3 .more span{font-size:1.875rem;color:#0070d9;}
#link .section-3 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#link .section-3 .more a:hover{background-color:#0070d9;}

/*海外营销方案列表*/
#solution .list{display:flex;flex-wrap: wrap;}
#solution .list .item{border-bottom: 1px solid #cecece;margin-bottom: 1rem;position: relative;}

#solution .list .item .img{overflow: hidden;}
#solution .list .item .img img{max-width:100%;transition: all linear 0.4s;}
#solution .list .item .info{}
#solution .list .item .info h5{color:#000;margin-top:1rem;margin-bottom:0.625rem;font-size:1.125rem;}
#solution .list .item .info p{line-height:2;font-size:12px;color:#868686;text-align:justify;}
#solution .list .item::after{content: '';position: absolute;left: 0;bottom: 0;display: block;width: 0;height: 1px;background-color: #0070d9;transition: width linear 0.4s;}
#solution .list .item:hover .img img{transform: scale(1.1);}
#solution .list .item:hover .info h5{color:#0070d9;}
#solution .list .item:hover::after{width: 100%;}
#solution .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
#solution .more span{font-size:1.875rem;color:#0070d9;}
#solution .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#1082fe;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
#solution .more a:hover{background-color:#0070d9;}
@media(min-width:768px){
    #solution .list .item{margin-right: 2%;width:32%;}
    #solution .list .item:nth-child(3n){margin-right:0;}
}
@media(max-width:767px){
    #solution .list .item{width:calc(50% - 7.5px);margin-right: 15px;}
    #solution .list .item:nth-child(2n){margin-right: 0;}
}

.childCategory{border-top:1px solid #ddd;margin-bottom: 1.25rem;}
.childCategory ul{margin-bottom:0;display:flex;flex-wrap: wrap;}
.childCategory ul li{list-style: none;width: 25%;text-align: center;margin: 1.25rem 0}
.childCategory ul li a{display:inline-block;height: 2.5rem;line-height: 2.5rem;font-size: 1.125rem;padding: 0 1.875rem;border-radius: 1.25rem;color:#000;min-width: 8.25rem;white-space: nowrap;}
.childCategory ul li a.active,.childCategory ul li a:hover{background-color:#0070d9;color:#fff;}
@media(max-width:576px){
    .childCategory ul li{width:50%;}
}

.feedbackForm{background: url("/img/world_bg.jpg")top center no-repeat;background-size: cover;}



