@-ms-viewport {width:device-width;}
html {box-sizing:border-box;-ms-overflow-style:scrollbar;scrollbar-width:thin;}
*,*::before,*::after {box-sizing:inherit;}
.container {width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:992px) {.container {max-width:960px;}
}
@media (min-width:1200px) {.container {max-width:1140px;}
}
@media (min-width:992px) {.container {max-width:960px;}
}
@media (min-width:1200px) {.container{max-width:1140px;}
}
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.no-gutters {margin-right:0;margin-left:0;}
.no-gutters > .col,.no-gutters > [class*="col-"] {padding-right:0;padding-left:0;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-5ths{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.col {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}
.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.col-5ths {-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
.order-first {-ms-flex-order:-1;order:-1;}
.order-last {-ms-flex-order:13;order:13;}
.d-none {display:none !important;}
.d-inline {display:inline !important;}
.d-inline-block {display:inline-block !important;}
.d-block {display:block !important;}
.d-table {display:table !important;}
.d-table-row {display:table-row !important;}
.d-table-cell {display:table-cell !important;}
.d-flex {display:-ms-flexbox !important;display:flex !important;}
.d-inline-flex {display:-ms-inline-flexbox !important;display:inline-flex !important;}

body {font-size:14px;min-width:992px;color:#585858;font-family:Microsoft Yahei,Arial,sans-serif;padding:0;margin:0;background-color:#fff;line-height:1.875;font-weight:normal;scrollbar-width:thin;}
@media (min-width:1200px) {
	body {font-size:16px;}
}
h1,h2,h3,h4 {font-weight:400;margin:0;line-height:1}
	h2 {font-size:30px;}
    h3 {font-size:22px;}
    h4 {font-size:18px;}
	p,small {font-size:14px;}
	@media (min-width:1200px) {
		h2 {font-size:32px;}
    h3 {font-size:24px;}
    h4 {font-size:20px;}
	p,small {font-size:16px;}
}
a {color:#212121;text-decoration:none;transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;}
ul {list-style:none;margin:0;padding:0}
p {color:#585858;word-break: break-all;}

.img-fluid {max-width:100%;height:auto}
.talk {cursor:pointer;}
.media {position:relative;overflow:hidden;display:table;line-height:0}
.lazyimg {width:100%;transition-duration:.5s;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.lazyimg:hover {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
img {border:0;border-radius:2px;}

.hidden .hiddenbody{display:none;}
.hidden .hiddenbody.hiddenblock{display:initial;}
.hidden .hiddenbutton span{color:#f7ab00;cursor:pointer;}

.common-title h2{position:relative;display:table;color:#003e8d;margin-left:auto;margin-right:auto;}
.common-title h2:before{position:absolute;left:-90px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;content: "";background-image: url("../images/ico_title.png");width: 82px;height: 8px;background-size: cover;}
.common-title h2:after{position:absolute;right:-90px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;content: "";background-image: url("../images/ico_title.png");width: 82px;height: 8px;background-size: cover;}
.common-title small{display:block;text-align: center;color:#898989;margin-top:20px;}


.mofenji_banner img{display:table;}

.mofenji_daohang{background-color: #e9f2fe;}
.mofenji_daohang .item span{position:relative;transition:all 0.3s ease;cursor:pointer;display: block;text-align: center;color: #004fb4;font-size: 18px;line-height: 3.8;}
.mofenji_daohang .item.active span,.mofenji_daohang .item:hover span{background-color: #ffffff;}
	@media (min-width:1200px) {
.mofenji_daohang .item span{font-size: 20px;}
	}

.mofenji_jianjie{margin-top:80px;}
.mofenji_jianjie .container{position:relative;}
.mofenji_jianjie .jianjie_bg{background-color: #cbdfff;height:20px;left:35px;right:35px;position:absolute;bottom:-20px;z-index: -9999;}
.mofenji_jianjie img{display:table;}
.mofenji_jianjie .jianjie_text{position:absolute;top:20px;left:45px;width:550px;}
.mofenji_jianjie .jianjie_text h2{position:relative;display:table;color:#003e8d;padding:20px 0;color:#ffffff;}
.mofenji_jianjie .jianjie_text h2:after{position:absolute;right:-90px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;content: "";background-image: url("../images/ico_title.png");width: 82px;height: 8px;background-size:cover;}
.mofenji_jianjie .jianjie_text p{margin:0;color:#ffffff;}
	@media (min-width:1200px) {
     .mofenji_jianjie .jianjie_text{top:30px;}
	}

.mofenji_gongneng{margin-top:100px;}
.mofenji_gongneng .body{margin-top:60px;}
.mofenji_gongneng .body .row > div > div{background-color:#eaf2ff;height:100%;}
.mofenji_gongneng .body .row > div img{display:inline-block;font-size:0;margin-right:10px;vertical-align:middle;}
.mofenji_gongneng .body .row > div p{display:inline-block;vertical-align:top;}
	@media (min-width:1200px) {
  .mofenji_gongneng .body .row > div img{margin-right:20px;}
	}


.mofenji_fenlei{margin-top:80px;}
.mofenji_fenlei .body{margin-top:60px;}
.mofenji_fenlei .body .item-image a{display: block;position: relative;overflow: hidden;}
.mofenji_fenlei .body .item-image img{display: block;}
.mofenji_fenlei .body .item-image .gongneng-img_two{position: absolute; top:0; left: 0; z-index: -9;}
.mofenji_fenlei .body .item-image:hover .gongneng-img_two{  z-index:9; animation:zoomIn 0.3s;-webkit-animation:zoomIn 0.3s;}
@-webkit-keyframes zoomIn {
	from {
    opacity: 0;   -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }
  50% {   opacity: 1;  }
}
@keyframes zoomIn {
  from {
    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {    opacity: 1;  }
}

.mofenji_fenlei .nav-tabs{width: 100%;}
.mofenji_fenlei .nav-tabs > div{height: 100%;}
.mofenji_fenlei .nav-tabs h3{color:#282828;font-size:20px;font-weight:bold;padding-top:30px;padding-left:30px;}
.mofenji_fenlei .nav-tabs p{padding:18px 30px;margin:0;}
.mofenji_fenlei .nav-tabs .tabs_item{height:50%;cursor:pointer;}
.mofenji_fenlei .nav-tabs .tabs_item > div{background-color:#eaf2ff;height:100%;transition: all 0.1s ease;}
.mofenji_fenlei .nav-tabs .tabs_item:first-child{padding-bottom:5px;}
.mofenji_fenlei .nav-tabs .tabs_item:last-child{padding-top:5px;}
.mofenji_fenlei .nav-tabs .tabs_item:hover div,.mofenji_fenlei .nav-tabs .tabs_item.active div{background-color:#0084ea;}
.mofenji_fenlei .nav-tabs .tabs_item:hover h3,.mofenji_fenlei .nav-tabs .tabs_item.active h3,
.mofenji_fenlei .nav-tabs .tabs_item:hover p,.mofenji_fenlei .nav-tabs .tabs_item.active p{color:#ffffff;}
.mofenji_fenlei .body .tabs_content{padding:0;}
.mofenji_fenlei .body .tabs_content .item{display: none;}
.mofenji_fenlei .body .tabs_content .item .col{width:50%;float:left;}
	@media (min-width:1200px) {
.mofenji_fenlei .nav-tabs h3{font-size:24px;padding-top:40px;padding-left:30px;}
.mofenji_fenlei .nav-tabs .tabs_item:first-child{padding-bottom:10px;}
.mofenji_fenlei .nav-tabs .tabs_item:last-child{padding-top:10px;}
	}

.mofenji_goucheng{margin-top:80px;}
.mofenji_goucheng .body{margin-top:50px;}
.mofenji_goucheng img { display: block; }
.mofenji_goucheng .cntbox { }
.mofenji_goucheng .cntbox .cnt { font-size: 0; display: block; margin: 0; padding: 0; height:100%;background-color: #e9f2fe; }
.mofenji_goucheng .cntbox .cnt li{border-bottom:1px solid transparent;}
.mofenji_goucheng .cntbox .cnt li h4 { font-size: 16px; color: #003f97; line-height: 1; cursor: pointer;display:table;padding:10px 20px 10px 15px; }
.mofenji_goucheng .cntbox .cnt li h4 span { display: inline-block; }
.mofenji_goucheng .cntbox .cnt li p { display: none; margin-top: 10px; margin-bottom: 10px; padding-left:15px;padding-right:15px;}
.mofenji_goucheng .cntbox .cnt li.active{border-bottom:1px solid #b4d5f7;}
.mofenji_goucheng .cntbox .cnt li.active h4{background-color: #2d8eff;	border-radius: 0px 0px 25px 0px;color:#ffffff;}
.mofenji_goucheng .cntbox .cnt li.active h4 span { display: none; }
.mofenji_goucheng .cntbox .cnt li.active p { display: block; }
.mofenji_goucheng .cntbox .cnt li:last-child.active{border-bottom:1px solid transparent;}
	@media (min-width:1200px) {
.mofenji_goucheng .cntbox .cnt li h4{font-size: 20px; }
.mofenji_goucheng .cntbox .cnt li p { margin-top: 20px; margin-bottom: 20px; }
	}
.mofenji_yuanli{margin-top:80px;}
.mofenji_yuanli .body{margin-top:50px;}
.mofenji_yuanli .body .yuanli-video img{display:table;}
.mofenji_yuanli .body .yuanli-text > div{background-color:#eaf2ff;height:100%;}
.mofenji_yuanli .body .yuanli-text > div h3{background-color: #0084ea;color:#ffffff;border-radius: 0px 0px 30px 0px;display:table;padding:10px 20px;font-size:18px;}
.mofenji_yuanli .body .yuanli-text > div p{padding:10px 20px;margin:0;}
	@media (min-width:1200px) {
.mofenji_yuanli .body .yuanli-text > div h3{padding:20px 30px;font-size:24px;}
.mofenji_yuanli .body .yuanli-text > div p{padding:20px 30px;}
	}
.mofenji_xuangou{margin-top:80px;}
.mofenji_xuangou .body {margin-top:50px;}
.mofenji_xuangou .body .xuangou-text img{display:table;}
.mofenji_xuangou .body .xuangou-text p{position:absolute;color:#282828;top:20px;right:40px;left:30px;}
.box {width:100%;height:100%;overflow:hidden;display: -webkit-flex;display: -ms-flexbox; display: -webkit-box;-webkit-flex-direction: row;-ms-flex-direction: row; display: flex;flex-direction: row;}
.box div {width:19.25%;height:100%;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;-webkit-transition: width 0.5s ease-out 0.2s;-ms-transition: width 0.5s ease-out 0.2s;transition: width 0.5s ease-out 0.2s;background-position:left center;background-size:auto;background-repeat: no-repeat;}
.box div:first-child{margin-left:2px;}
.box div:last-child{margin-right:0;}
.box div a{display:block;width:100%;height:100%;position:relative;}
.box div span{background-color: rgba(27,35,46,0.5);overflow: hidden;white-space: nowrap;border-radius: 0px 16px 0px 0px;color:#ffffff;position:absolute;left:0;bottom:0;padding:10px 15px;line-height:1;font-size:16px;}
.box div.active,.box div:hover {
	width:51.2%;
}
.box div.active span,.box div:hover span{z-index:999;}
	@media (min-width:1200px) {
		.box div span{font-size:20px;}
	}
.backtop{cursor: pointer;display: table;margin-left: auto;margin-right: auto;margin-top:50px;}
.mofenji_bottom{background-image: url(../images/bottom.png);width: 100%;height: 90px;background-repeat: no-repeat;background-size: 100%;background-position: bottom;}
@media only screen and (min-width:1200px) {
	.mofenji_bottom{height:180px;}
}


footer {background-color:#282828;color:#ffffff;padding-top:30px;padding-bottom:5px;margin-top: -1px;}
    footer p {color:#bcbcbc;}
    footer li a {color:#ffffff;}
    footer li a:hover {color:#ff9900;}
    footer h2 {color:#fff;font-size:20px;font-weight:400;margin-bottom:30px;}
    footer h3 a {display:table;color:#ffffff;background-color:#ff9900;border-radius:3px;font-size:16px;font-weight:400;padding:10px 20px;cursor:pointer;}
    footer ul li {margin-top:10px;}
    footer .bottom {color:#ffffff;margin-top:20px;border-top:1px solid #3e3e3e;text-align:center;}
    footer .bottom a {color:#bcbcbc;}
    footer .bottom span {margin-left:10px;}

@media only screen and (min-width:1200px) {footer {padding-top:50px;}
}
.fixbar {position:fixed;display:none;width:48px;right:0;z-index:999999;background-color:#ffffff;height:100%;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.2);box-shadow:0 1px 10px rgba(0,0,0,0.2);top:0;}
.fixbar ul {position:absolute;top:35%;right:0;}
.fixbar li {background-color:#f0f2fe;width:48px;height:80px;right:0;position:absolute;}
.fixbar li > a {color:#757575;display:inline-block;font-size:14px;line-height:1.28;padding:10px;}
.fixbar li:hover {background-color:#3f51b5;}
.fixbar li:hover a {color:#ffffff;}
.fixbar li.chat {background-color:#3f51b5;}
.fixbar li.chat a {color:#ffffff;}
.fixbar li.chat i {position:relative;display:block;margin-bottom:4px;margin-left:auto;margin-right:auto;width:26px;height:20px;}
.fixbar li.chat i:before {position:absolute;content:"";background-image:url(../images/ico.png);width:26px;height:20px;background-position:44.9% 0;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.email i {position:relative;display:block;margin-left:auto;margin-right:auto;width:20px;height:20px;margin-bottom:4px;}
.fixbar li.email i:before {position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position:44.9% 58.8%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.email:hover i:before {background-position:44.9% 15%;}
.fixbar li.wechat i {position:relative;display:block;width:20px;height:20px;margin-left:auto;margin-right:auto;}
.fixbar li.wechat i:before {position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position:44.9% 69.9%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.wechat div {display:none;color:#ffffff;cursor:pointer;}
.fixbar li.wechat div img {width:80px;height:80px;display:inline-block;margin-right:12px;vertical-align:middle;}
.fixbar li.wechat div span {display:inline-block;vertical-align:middle;font-size:14px;}
.fixbar li.wechat:hover {width:190px;}
.fixbar li.wechat:hover > a {display:none;}
.fixbar li.wechat:hover div {display:block;}
.fixbar li.phone i {position:relative;display:block;width:20px;height:20px;margin-left:auto;margin-right:auto;}
.fixbar li.phone i:before {position:absolute;content:"";background-image:url(../images/ico.png);width:20px;height:20px;background-position:44.9% 80.8%;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;}
.fixbar li.phone div {display:none;color:#ffffff;padding:20px 10px 20px 18px;}
.fixbar li.phone div span {display:block;line-height:1;}
.fixbar li.phone div span:last-child {font-size:21px;font-weight:bold;margin-top:6px;}
.fixbar li.phone:hover {width:190px;}
.fixbar li.phone:hover > a {display:none;}
.fixbar li.phone:hover div {display:block;}
.fixbar li.chat {top:0;}
.fixbar li.email {top:80px;}
.fixbar li.wechat {top:160px;}
.fixbar li.phone {top:240px;}
@media  screen and (min-width:768px)  and (max-width:1199px) {.fixbar {display:block;}
}
/**fixbar 2020*/
.fix-2020{display:none;}
@media (min-width: 768px){
.fix-2020{
	display:none;
position: fixed;
right:15px;
width:64px;
top:33.333333%;
z-index:99999;
}
.fix-2020 ul a{display:block;width:100%;height:100%;}
.fix-2020 .fix-ico{
background-image:url(//www.shibangchina.com/images/fix_img_2020.png);
position:relative;
}
.fix-2020 .fix-ico:hover{cursor:pointer;}
.fix-2020 .fix-ico:not(:first-child){margin-top:10px;}
.fix-2020 .fix-chat{
background-position-x:0;
width:64px;height:64px;
background-position-y: top;
}
.fix-2020 .fix-weixin{
background-position-x:33.333333%;
width:64px;height:64px;
background-position-y: top;
}
.fix-2020 .fix-feedback{
background-position-x:66.6666666%;
width:64px;height:64px;
background-position-y: top;
}
.fix-2020 .fix-top{
background-position-x:100%;
width:64px;height:48px;
background-position-y: top;
}
.fix-2020 .fix-top a{display:none;}
.fix-2020 .fix-top:hover a{display:block;}

.fix-2020 .fix-weixin .over-masks{position:absolute;top:-65px;}
}

/**fixbar 2022*/
.fix-2022{display:none;}
@media (min-width: 768px){
.fix-2022{display:block;position: fixed;right:15px;top:33.333333%;z-index:99999;width:110px;}
.fix-2022 ul li{font-size:0;text-align:center;}
.fix-2022 ul a{display:block;width:100%;height:100%;}
.fix-2022 ul li img{width:100%;}

@media only screen and (max-width:767px) {#LR-BTN,.LR-BTN {width:38px !important;height:38px !important;border-radius:19px  !important;}
    #LR-CIRCLE,.LR-CIRCLE {width:38px !important;height:38px !important;line-height:38px !important;border-radius:19px  !important;font-size:14px !important;}
    #LR-BTN-ICON,.LR-ICON {width:20px !important;height:20px !important;margin:8px !important;background-size:20px auto !important;}
}
