body{font-family:PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,微软雅黑,sans-serif;}
.header-list-l{width:95%;float: left;text-align: left;}
.header-list-r{width: 5%; float: right; margin-top: 3%;}
.g-section.intro1 {background-color: #fff;margin-top: 0;}
.service-menu.bs-mobile{display: none}
@media screen and (max-width: 768px){
.main_visual{margin-top: 0}
.service-menu.bs-mobile{display: block}
.bs-mobile .hd .ttl {font-size: 22px;color: #333;text-align: center;margin-bottom: 5px;}
.bs-mobile .hd .wow.fadeInUp {text-align: center;font-size: 14px;color: #888;margin: 0 0 20px;display: block;line-height: 20px;}
.bs-mobile .hd .wow.fadeInUp a{color:#069c39;}
.service-menu .menu-p .menu-i{background:url("/image/menubg.png") no-repeat;}
.service-menu{width:95%;margin:300px auto 0 auto;}
.service-menu .menu-p{display:block;height:50px;line-height:50px;overflow:hidden;padding:0 0 0 1px;background-position:0 -50px;background-repeat:repeat-x;color:#444;font-size:14px;font-weight:normal;cursor:pointer;margin-bottom: 10px;}
.service-menu .menu-p .menu-i{float:left;display:inline;width:50px;height:50px;overflow:hidden;background-position:0 0;margin:0 20px 0 0;}
.service-menu .menu-p a:link,.service-menu .menu-p a:visited{color:#444;text-decoration:none;font-size:18px;}
.service-menu .menu-p a:hover{color:#ff7300;text-decoration:none;}
.service-menu .menu-p-current .menu-i{background-position:-54px 0;}
.service-menu .menu-p-current a:link,.service-menu .menu-p-current a:visited{color:#333;font-weight:bo ld;}
.service-menu .menu-p-current a:hover{color:#333;}
.service-menu .menu-c{display:none;padding:4px 0 4px 54px;}
.service-menu .menu-c-current{display:block;overflow: auto;width:88%;}
.service-menu .menu-c ul{display:block;margin-left: 0px;}
.service-menu .menu-c li{padding: 5px 0;height: 22px;overflow: hidden;width: 50%;float: left;line-height: 22px;}
.service-menu .menu-c li a{font-size: 14px;line-height:28px;}
.service-menu .menu-c li a img{margin-right: 10px;}
.service-menu .menu-c a:link,.service-menu .menu-c a:visited{color:#444;text-decoration:none;}
.service-menu .menu-c a:hover{color:#ff7300;text-decoration:none;}
.service-menu .menu-c .current:link,.service-menu .menu-c .current:visited{color:#333;}
.service-menu .menu-c .current:hover{color:#ff7300;}
.main_visual {height: auto;}
}
.friendLink{width:100%;}
.m-section-friendLink{padding-top:30px!important ;padding-bottom:20px!important;}
.friendLink h2{font-size: 16px;color: #535353;margin-bottom: 10px;}
.friendLink ul{display: inline-block;}
.friendLink ul li{display: block;float: left;}
.friendLink a {color: #A1A3A3;font-size: 14px;line-height: 26px;margin-right: 20px;white-space: nowrap;}
/* .g-topNav.moveDown .menu >li >a:hover {color: #19a626!important;} */
.m-topNav .menu >li >a:hover .u-icon-caret {background: url(/index2/img/down-white@2x.png) no-repeat!important;background-size: 9px auto!important;}
/* .m-topNav .menu >li .panel .one-nav:before{left: 52%;}
.m-topNav .menu >li .panel .two-nav:before{left: 59%;}
.m-topNav .menu >li .panel .three-nav:before{left: 65.3%;}
.m-topNav .menu >li .panel .four-nav:before{left: 73%;}
.m-topNav .menu >li .panel .five-nav:before{left: 81%;} */
.only_dgj_ban div.right{bottom:170px;}
.release-info {color: #ffffff;}
.release-info {font-size: 18px;line-height: 100px;text-align: left;position: absolute;z-index: 1;background: -webkit-linear-gradient(315deg, #008ccb, #6effc1), url(https://xorder.oss-cn-beijing.aliyuncs.com/xorder/top-bg.jpg) center center no-repeat;background: -o-linear-gradient(315deg, #008ccb, #6effc1), url(https://xorder.oss-cn-beijing.aliyuncs.com/xorder/top-bg.jpg) center center no-repeat;background: linear-gradient(135deg, #008ccb, #6effc1), url(https://xorder.oss-cn-beijing.aliyuncs.com/xorder/top-bg.jpg) center center no-repeat;background-blend-mode: hard-light;background-size: cover;width: 100%;bottom: 0;}
.release-info .container{width: 1200px;margin: 0 auto;}
.release-info .container a{width: 50%;z-index: 2;padding-left: 30px;back ground: url(/index2/img/release-info.png) 15px center no-repeat ;border-radius: 0;border: 0;float: none;font-size: 18px;line-height: 100px;height: 100px;text-align: left;}
.release-info .container a:hover{color:#fff;}
#gg {width: 100%;z-index: 9999;}
#gg a {color: #fff;letter-spacing: 2px;font-size:16px;}
.close a {float: right;margin: 0 10px 0 0;}
.bulletin {width: 1200px;margin: 0 auto;color: #fff;float: left;height: 100px;margin: 0 0 0 20px;min-height: 100px;overflow: hidden;background: url(/index2/img/release-info.png) 5px 30px no-repeat;left: 50%; position: relative; margin-left: -600px;}
.bulletin a {float: left;}
a{text-decoration:none;}
#gg li a:hover{color:#fff;}

.only_dgj_ban a{border-radius:50px;line-height: 50px;height:50px;}
.dban_box{left:15px!important;}
.only_dgj_ban div.right{left:54.5%;}
.only_dgj_ban { background: #fff;margin-top: 70px;}
.banner-wz{width:1200px;margin:0 auto;}
.banner-wz .row {position: relative;max-width: 1220px;padding: 60px 0 0;width: 45%; }
@media screen and (min-width: 766px) and (max-width: 1200px){
.banner-wz{width: 100%;}
.banner-wz .row{padding: 50px 0 0 20px;}
.only_dgj_ban div.right{left: 49%;}
.header-phone{width: 50% !important;}
.m-section,.container{width:100%!important;}
}
/*banner-wz*/
@keyframes heading-rotation-animation {
0% {
transform: translate3d(0, 80px, 0);
opacity: 0; }
20%, 80% {
transform: translate3d(0, 0, 0);
opacity: 1; }
100% {
transform: translate3d(0, -80px, 0);
opacity: 0; } }
@keyframes heading-rotation-last-animation {
0% {
transform: translate3d(0, 80px, 0);
opacity: 0; }
20%, 80% {
transform: translate3d(0, 0, 0);
opacity: 1; }
100% {
opacity: 0; } }


.banner-wz h1 {font-size: 60px;line-height: 70px; color:#333;}
.banner-wz .heading-rotation-container {position: relative; }
.banner-wz .heading-rotation-container .rotator {opacity: 0;position: absolute;top: 0;left: 0;right: 0; }
.banner-wz .heading-rotation-container .rotator.h1-like {font-size: 60px;line-height: 70px; color:#333;font-weight:400;}
.banner-wz .heading-rotation-container .rotator {display: flex;align-items: center;bottom: 0; }
.banner-wz .heading-rotation-container .rotator.heading-1 {animation: heading-rotation-animation 1.5s 0.5s; }
.banner-wz .heading-rotation-container .rotator.heading-2 {animation: heading-rotation-animation 1.5s 1.75s; }
.banner-wz .heading-rotation-container .rotator.heading-3 {animation: heading-rotation-last-animation 1.5s 3s; }
.banner-wz .heading-rotation-container h1 {opacity: 0; font-weight:400;}
.dom-content-loaded .banner-wz .heading-rotation-container h1 {opacity: 1;transition: opacity 0.25s 4.25s; }
.banner-wz .content {flex: 4 1; }
.banner-wz .description {margin: 25px 0;font-size: 18px;line-height: 28px; }
.banner-wz .divider-wrapper {flex: 1 1;align-self: stretch;display: flex;justify-content: center; }
.dgj_home_pcban .hd { top: 0;}
@media only screen and (max-width: 960px) {
.row {padding: 0 20px; }  
.banner-wz .heading-rotation-container .rotator.h1-like {font-size: 30px;line-height: 40px; }
.banner-wz .heading-rotation-container .rotator.h1-like {font-size: 50px;line-height: 60px; } 
.banner-wz .description { font-size: 14px;line-height: 24px; margin:0;margin-bottom:30px;margin-top:16px;} 
}
.only_dgj_ban .iptWrap .ipts {display: inline-block;vertical-align: baseline;zoom: 1;vertical-align: top;float: left;}
.only_dgj_ban .iptWrap .ipt {width: 355px;height: 22px;padding: 12px 15px;font-size: 16px;font-weight: 700;line-height: 1;color: #333;background: #f5f5f5;border: 1px solid #fff;border-radius: 4px 0 0 4px;vertical-align: middle;}
.only_dgj_ban .iptWrap a{border-radius: 0 5px 5px 0;line-height: 45px;height: 48px;width: auto;background-image: -webkit-gradient(linear, right top, left top, from(#60D69B), to(#31BF89));
    background-image: linear-gradient(-90deg, #60D69B 0%, #31BF89 100%);float: left;border: 0;margin: 0;font-size: 18px;padding: 0 4rem;}
.only_dgj_ban .iptWrap a:hover{background-image: -webkit-gradient(linear, right top, left top, from(#31BF89), to(#60D69B));
    background-image: linear-gradient(-90deg, #31BF89 0%, #60D69B 100%);}
.only_dgj_ban .iptWrap .btn {display: inline-block;vertical-align: baseline;zoom: 1;vertical-align: top;font-weight: 400;color: #fff;letter-spacing: 0.45px;border-radius: 0 4px 4px 0;vertical-align: middle;transition: 0.5s;letter-spacing: 1px;cursor: pointer;width: 100%;padding: 0;background: rgba(0,0,0,0);border: 0;font-size: 18px;}
.footer{margin-top: -15px;}
.only_dgj_ban,.header_pc,.g-section.intro2 .bingshan,.g-section.allScene .logo-table .index-logo{display: block}
.swiper1,.g-block.g-block-navigation,.g-section.intro2 .mobile-bs-img,.g-section.allScene .logo-table .mobile-logo{display: none}
.m-confirm a{color:#fff;}
.g0929 .dropbz.tc{width:1200px;margin:0px auto 0!important;}
.pc-shiyong .content{display: block;}
.pc-shiyong .mobile-content{display: none}

@media screen and (max-width: 768px){
	.dgj_home_pcban .hd {width: 285px;}
.module-footer{display: block;}
.header_pc,.g-section.intro2 .bingshan,.g-section.allScene .logo-table .index-logo{display: none}
.swiper1,.g-block.g-block-navigation,.g-section.intro2 .mobile-bs-img,.g-section.allScene .logo-table .mobile-logo{display: block}
.module-footer{display: block;}
.g0929 .dropbz.tc{margin: 0px auto 0!important;}
.g0929 .close{font-size: 14px!important}
/*banner*/
.banner-wz{width: 100%;}
.release-info .container{width: 85%;}
.banner-wz .row{padding: 10px 20px;width: 100%;text-align: center;    margin: 0;}
.banner-wz .row .heading-rotation-container{min-height: 84px!important;text-align: center;}
.banner-wz .heading-rotation-container .rotator.h1-like {font-size: 30px;line-height: 42px;text-align: center;left: 50%;margin-left: -90px;}
.banner-wz h1 {font-size: 30px;line-height: 42px;margin-top:40px;margin-bottom:0;}
.only_dgj_ban .iptWrap .header-phone{width: 75%;height: 40px;font-size: 14px;}
.only_dgj_ban .iptWrap .header-phone::-webkit-input-placeholder{color:#ccc;}
.only_dgj_ban .iptWrap a{height: 40px;line-height: 40px;font-size: 14px;display: inline-block;margin: 0 auto;width: 25%;padding: 0 10px;float: left;}
.only_dgj_ban .iptWrap .btn{font-size: 14px;}
.editorial-media .media-module .play-icon{left: 50%; margin-left: -60px;height: 170px;}
#gg {overflow: hidden; height: 60px;margin-top: 3rem;}
.bulletin {width: 95%!important; left: 2.5%!important;margin-left: 0!important;background: url(/index2/img/release-info.png) 5px 20px no-repeat!important;background-size: 10% 25%!important;}
.release-info{position: relative;top:0;line-height: 60px;height: 60px;}
.pc-shiyong .content{display: none;}
.pc-shiyong .mobile-content{display: block;font-size: 24px;color: #fff;text-align: center;padding-top: 0;padding-bottom: 20px;line-height: 30px;}
.rel ease-info{display: none!important}
.dban_box {left: 10%!important;width: 80%!important;top: 13px!important;}
.release-info .container a{height: 50px!important;line-height:1.5 !important;font-size: 14px!important;background-size: 7% 50%;padding-left: 20px!important;margin-left: 0;width: 92%!important;background-position-x: 0;}
.only_dgj_ban div.right {height: 290px;}

/*
.dgj_home_pcban.right .dban_box.editorial-media{width: 365px!important;top: 13px!important;left: 14px!important;}
#myVideo{width: 365px!important;top: 13px!important;left: 14px!important;}*/

}

@media screen and (max-width: 375px){
.release-info{top:0px!important;}
.dban_box {left: 10%!important;width: 80%!important;top: 13px!important;}
/*
.dgj_home_pcban.right .dban_box.editorial-media {width: 330px!important;top: 13px!important;left: 13px!important;}
#myVideo{width: 330px!important;top: 13px!important;left: 13px!important;}*/

}

#myVideo{width: 100%;}


/*load img*/
.styleclass{
	animation:mymove infinite;
	animation-duration: 1s;
	animation: mymove 1s;
	-moz-animation: mymove 1s;	/* Firefox */
	-webkit-animation: mymove 1s;	/* Safari 和 Chrome */
	-o-animation: mymove 1s;
	position: relative;
}
@keyframes mymove
{
0%   {bottom:-20px;opacity: 0;}
25%  {bottom:-15px;opacity: 0.3;}
50%  {bottom:-10px;opacity: 0.6;}
75%  {bottom:-5px;opacity: 0.9;}
100% {bottom:0;opacity: 1;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
0%   {bottom:-20px;opacity: 0;}
25%  {bottom:-15px;opacity: 0.3;}
50%  {bottom:-10px;opacity: 0.6;}
75%  {bottom:-5px;opacity: 0.9;}
100% {bottom:0;opacity: 1;}
}


/*客户案例*/
.customcase{position: relative;}
.of {overflow: hidden;}
.customcase #dp1 .dp1-li {width: 380px;float: left;margin-left: 30px;position: relative;text-align: center;}
.customcase #dp1 .dp1-li:first-child {margin-left: 0;}
.customcase #dp1 .dp1-li p {text-align: center;}
.customcase #dp1 .dp1-li p:first-child {font-size: 24px;margin: 2% 0;}
.customcase #dp1 .dp1-li .dp1_li {background: url(/images/wb_mb_row1_libg.png) no-repeat 0 0;}
.customcase #dp1 .dp1-li .dp1_li .box {width: 335px;height: 216px;margin-bottom: 15px;margin-top: 17px;position: relative;overflow: hidden;}
.customcase #dp1 .dp1-li .border {transition: all 0.5s;}
.customcase #dp1 .dp1-li .dp1_li .border {width: 329px;height: 210px;overflow: hidden;border: 3px solid RGBA(131,203,130,0);position: absolute;top: 0;z-index: 2;}
.customcase #dp1 .dp1-li img {transition: all 2s;}
.customcase #dp1 .dp1-li .dp1_li img {position: absolute;left: 0;width: 335px;z-index: 1;}
.customcase #dp1 .dp1-li .dp1_li_phone {background: url(/images/wb_mb_row1_phone.png) no-repeat 0 0;position: absolute;top: 125px;z-index: 3;right: -6px;width: 91px;height: 170px;}
.customcase #dp1 .dp1-li .dp1_li_phone .box {width: 73px;height: 118px;overflow: hidden;position: relative;top: 25px;left: 7px;}
.customcase #dp1 .dp1-li .border {transition: all 0.5s;}
.customcase #dp1 .dp1-li .dp1_li_phone .border {width: 67px;height: 112px;overflow: hidden;border: 3px solid RGBA(131,203,130,0);position: absolute;top: 0;z-index: 2;}
.customcase .dp1 .dp1-li img {transition: all 2s;}
.customcase #dp1 .dp1-li .dp1_li_phone img {position: absolute;left: 0;width: 73px;z-index: 1;}
.customcase #dp1 .dp1-li .link {height: 40px;line-height: 40px;margin-top: 20px;}
.customcase #dp1 .dp1-li .link {height: 42px;}
.customcase #dp1 .dp1-li .link a {background: #83cb82;border: 1px solid #83cb82;padding: 8px 35px;margin: 0px 10px;margin-left: 15px;float: none;border-radius: 4px;color: #fff;transition: all 0.3s;height: 30px;line-height: 30px;font-size: 14px;}
.customcase #dp1 .dp1-li .link a:first-child {margin-left: 0;}
.customcase #dp1 .dp1-li:hover .dp1_li .border {border: 3px solid #83cb82;}
.customcase #dp1 .dp1-li:hover .dp1_li_phone .border {border: 3px solid #83cb82;}
.customcase #dp1 .dp1-li.l31:hover .dp1_li img{transform: translateY(-770px);}
.customcase #dp1 .dp1-li.l31:hover .dp1_li_phone img{transform: translateY(-1250px);}
.customcase #dp1 .dp1-li.l32:hover .dp1_li img{transform: translateY(-830px);}
.customcase #dp1 .dp1-li.l32:hover .dp1_li_phone img{transform: translateY(-1127px);}
.customcase #dp1 .dp1-li.l33:hover .dp1_li img{transform: translateY(-745px);}
.customcase #dp1 .dp1-li.l33:hover .dp1_li_phone img{transform: translateY(-690px);}
.customcase #dp1 .dp1-li.l34:hover .dp1_li img{transform: translateY(-560px);}
.customcase #dp1 .dp1-li.l34:hover .dp1_li_phone img{transform: translateY(-1100px);}
.customcase #dp1 .dp1-li.l35:hover .dp1_li img{transform: translateY(-620px);}
.customcase #dp1 .dp1-li.l35:hover .dp1_li_phone img{transform: translateY(-910px);}
.customcase #dp1 .dp1-li.l36:hover .dp1_li img{transform: translateY(-920px);}
.customcase #dp1 .dp1-li.l36:hover .dp1_li_phone img{transform: translateY(-1475px);}

.swiper-container{position: inherit!important;}
.swiper-button-next, .swiper-button-prev{top: 59%!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(/images/customcase-next.png)!important;right:15%!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/images/customcase-prev.png)!important;left: 15%!important;}
#bd{display: block}
.mobile-main{display: none}
.customcase-btn{display: table;
    margin: 50px auto 0;}
.customcase-btn a{color: #fff;border-radius:5px;line-height: 40px;height: 40px;width: auto;background-image: -webkit-gradient(linear, right top, left top, from(#60D69B), to(#31BF89));
    background-image: linear-gradient(-90deg, #60D69B 0%, #31BF89 100%);float: left;border: 0;margin: 0;font-size: 16px;padding: 0 4rem;}
.customcase-btn a:hover{background-image: -webkit-gradient(linear, right top, left top, from(#31BF89), to(#60D69B));
    background-image: linear-gradient(-90deg, #31BF89 0%, #60D69B 100%);}

@media screen and (max-width: 1440px){
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:4%!important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 4%!important;}
}

@media screen and (max-width: 766px){
.customcase #dp1 .dp1-li { float: none;margin: 5% auto!important;}
.customcase #dp1 .dp1-li .dp1_li {background-size: 88% 100%;}
.customcase #dp1 .dp1-li .dp1_li_phone {right: 5px;}
#bd{display: none}
.mobile-main{display: block}
.swiper-slide img {
    width: 100%;
    box-shadow: 0 3px 5px 2px #c2c5c7;
}

}

/*外贸课堂*/
.fl{float: left;}
.fr{float: right;}
.strong{font-weight: 700;}
.g-section.ketang{background:#f7fbf8;}
.ketang-main{overflow: auto;margin-top: 50px;display: flex;justify-content: space-between;}
.ketang-l,.ketang-r{width:45%;float: left}
.ketang-l{margin-right:10%;}
.ketang-main .ketang-title{margin-bottom: 25px;display: inline-block;width: 100%;}
.ketang-main .ketang-title h2{font-size: 24px;color:#545454;float: left;}
.ketang-main .ketang-title a{font-size: 14px;color:#00bd66;line-height: 27px;}
.ketang-main .ketang-l-ul{display: block;}
.ketang-main .ketang-l-ul li{display: block;margin-bottom: 20px;list-style: none;}
.ketang-main .ketang-l-ul li a{font-size: 14px;color:#545454;line-height: 1.5}
.ketang-main .ketang-l-ul li a:hover{color:#00bd66;}
.ketang-main .ketang-list .ketang-list-title{width:370px;height:120px;line-height:120px;border-radius: 10px;font-size: 24px;color: #fff;text-align: center;margin-bottom:30px;}
.ketang-main .ketang-list .list-title1{background-image: linear-gradient(49deg, rgba(255,151,77,0.30) 0%, rgba(255,93,118,0.70) 100%);}
.ketang-main .ketang-list .list-title2{background-image: linear-gradient(-134deg, rgba(48,35,174,0.70) 0%, rgba(48,35,174,0.30) 100%);}
.ketang-main .ketang-list .list-title3{background-image: linear-gradient(49deg, rgba(0,189,102,0.30) 0%, rgba(0,189,102,0.70) 100%);}
@media screen and (max-width: 768px){
.ketang-l,.ketang-r{width:100%;float: none!important}
.ketang-r{margin-top: 20px;display: inline-block;}
.ketang-main .ketang-title h2{font-size:18px;}
.ketang-main{display: block;}
.ketang-main .ketang-list{width: 100%;float: left;padding-bottom:20px;}
.ketang-main .ketang-list .ketang-list-title{width: 100%;}

}



@media screen and (max-width: 320px){
.only_dgj_ban div.right{height: 250px;}
.dban_box{height:230px!important;}
.release-info{top: 0!important}

}