body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }  
body, button, input, select, textarea { font:12px Arial, Tahoma, '微软雅黑'; color:#454545; }  
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }  
h2, h3 { font-size:14px; }  
button, input, select, textarea, label { vertical-align:middle; outline:none; border: 0;}  
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}  
ul, ol { list-style:none; }  
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }  
a:hover { color:#000; }  
table { border-collapse:collapse; border-spacing:0; }  
body { word-wrap:break-word; word-break:break-all;}  

/*清浮*/  
.g-cf:after { content:""; clear:both; display:table; }  
.g-cf { zoom:1; }  
/*浮动*/  
.g-f-l { float:left; _display:inline; }  
.g-f-r { float:right; _display:inline; } 

@media screen and ( min-width: 751px ) and ( max-width: 1000px ){
	html,body{ font-size: 62.5%;}
}
@media screen and ( min-width: 641px ) and ( max-width: 750px ){
	html,body{ font-size: 62.5%;}
}
@media screen and ( min-width: 481px ) and ( max-width: 640px ){
	html,body{ font-size: 56.25%;}
}
@media screen and ( min-width: 421px ) and ( max-width: 480px ){
	html,body{ font-size: 50%;}
}
@media screen and ( min-width: 371px ) and ( max-width: 420px ){
	html,body{ font-size: 37.5%;}
}
@media screen and ( min-width: 320px ) and ( max-width: 370px ){
	html,body{ font-size: 31.25%;}
}

.center{ text-align: center;}
.backgroundNone{ background: none !important; margin-bottom: 5rem;}

.mb-wrap{ width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden; position: relative;}
.lb-close{ display: none;}
.shade{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 11; display: none;}
.mb-nav{ width: 80%; position: absolute; left: 100%; top: 0; text-align: left; background: url("../../bg_03.jpg") repeat-y; background-size: 100% auto;}
.mb-nav ul i{ display: block; height: 3px; border-bottom: 1px solid #272727;}
.mb-nav ul li{ line-height: 5.5rem; font-size: 2.4rem; text-indent: 8.1rem; background: url("../../bg2_03.jpg") no-repeat 5rem 2.3rem; background-size: 4%;}
.mb-nav ul li a{ display: block; color: #767676; height: 5.5rem; border-bottom: 1px solid #272727;}
.mb-nav ul li a.nav-s{ background: url("../../bg4_05.jpg") no-repeat right 5rem center; background-size: 3%;}
.mb-nav ul li div{ display: none;}
.mb-nav ul li div span{ display: block; background: url("../../bg7_03.jpg") repeat-y; background-size: 100% auto;}
.mb-nav ul li div span a{ display: block; background: url("../../bg6_03.jpg") no-repeat 5.1rem center; background-size: 2.5%;}
.mb-nav ul li.active{ background: url("../../bg3_06.jpg") no-repeat 5rem 2rem; background-size: 3%;}
.mb-nav ul li.active > a{ color: #fff;}
.mb-nav ul li.active > a.nav-s{ background: url("../../bg8_03.jpg") no-repeat right 5rem center; background-size: 4%;}
.mb-banner{ position: relative; border-bottom: 5px solid #0da4be;}
.mb-banner .bx-viewport{ overflow: hidden;}
.mb-banner .bx-controls-direction{ display: none;}
.mb-banner .bx-pager{ position: absolute; left: 0; bottom: 17px; width: 100%; text-align: center;}
.mb-banner .bx-pager-item{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #00a0e9; margin: 0 9px; text-indent: -999px; overflow: hidden;}
.mb-banner .bx-pager-item a{ display: block;}
.mb-banner .bx-pager-item a.active{ background-color: #00a0e9;}
.mb-header{ position:relative; width: 100%; height: 65px; background-color: #fff; border-bottom: 1px solid #202020; left: 0; top: 0; text-align: center; z-index: 9;}
.mb-header img{ height: auto;}
.mb-lb{ width: 3.4rem; height: 3.2rem; position: absolute; right: 1.5rem; top: 1.9rem;}
.mb-k{ padding-bottom: 3rem;}
.mb-title{ padding-top: 2rem;}
.mb-title strong{ display: block; text-align: center; font-weight: normal; font-size: 3.6rem; color: #272636;}
.mb-title span{ display: block; text-align: center; font-size: 2.2rem; line-height: 4.2rem; color: #c1c1c1; text-transform: uppercase;}
.mb-title3 strong{ color: #fff;}
.mb-cn p{ font-size: 2.8rem; line-height: 2.8rem; color: #fff; text-indent: 2em;}
.mb-cn-w{ background: url("../../cnbg.jpg") no-repeat; background-size: 100% 100%; padding-left: 10px; padding-right: 10px;}
.mb-service{ width: 96%; margin: 1rem 2% 0;}
.mb-service ul{ overflow: hidden;}
.mb-service ul li{ float: left; width: 32.66%; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; text-align: center; color: #c5c5c5; font-size: 2.4rem; padding-bottom: 2.4rem;line-height: 2.4rem;}
.mb-service ul li:nth-child(3n){ border-right: 0;}
.mb-service ul li:nth-last-child(1), .mb-service ul li:nth-last-child(2), .mb-service ul li:nth-last-child(3){ border-bottom: 0;}
.mb-service ul li a{ display: block; color: #272636;}
.mb-service ul li img{ display: block; width: 50%; margin: 2rem auto 1.5rem;}
.index-case-list {
   
    margin-top: 10px;
}
.mb-products{ margin-top: 4rem;}
.mb-products a{ box-sizing: border-box; display: block; float: left; width: 28.8%; border: 2px solid #313131; border-radius: 4px; text-align: center; font-size: 2.4rem; color: #727272; height: 5.2rem; line-height: 5.2rem; margin: 0 2.26% 4.5%; text-transform: uppercase;}
.mb-products a:active{ background-color: #313131;}
.mb-products a:focus{ background-color: #313131;}
.mb-products a:hover{ background-color: #313131;}
.mb-products-con{ position: relative;}
.mb-products-con .item{ text-align: center;}
.mb-products-con .item img{ display: inline-block; width: 8.6rem; margin-top: 6.4rem;}
.mb-products-con .item strong{ display: block; font-weight: normal; font-size: 3.4rem; color: #c5c5c5; margin-top: 4rem;}
.mb-products-con .item p{ width: 92%; font-size: 2.4rem; color: #5a5a5a; line-height: 3.6rem; margin: 1.8rem auto 0;}
.mb-products-con .owl-prev{ position: absolute; width: 3.5rem; height: 2.2rem; background: url("../../left_03.png") no-repeat; background-size: cover; left: 3.6rem; top: 42%; text-indent: -999px; overflow: hidden;}
.mb-products-con .owl-next{ position: absolute; width: 3.5rem; height: 2.2rem; background: url("../../right_03.png") no-repeat; background-size: cover; right: 3.6rem; top: 42%; text-indent: -999px; overflow: hidden;}

.mb-customer{ width: 94%; margin: 1rem auto 0; overflow: hidden;}
.mb-customer ul{ border-top: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1;}
.mb-customer ul li{ width: 33%; float: left; overflow: hidden; padding:0.5rem 0; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}

.mb-media-bg{ background: url("../../mebg.jpg") no-repeat; background-size: 100% 100%;}
.mb-news-con{ margin-top:1rem;}
.mb-news-con ul{ margin-bottom: 4.8rem;}
.mb-news-con ul li{ padding:  1rem 3%;  border-bottom: 1px solid #242425;}
.mb-date{ font-size: 5rem; color: #00a0e9; font-family: 'Arial';}
.mb-date span{ font-size: 1.8rem; color: #adadad; display: inline-block; margin-left: 10px;}
.mb-news-con ul li strong{ font-weight: normal; font-size: 3rem; height: 1.8rem; line-height: 1.8rem; overflow: hidden; color: #aeaeae; display: block;}
.mb-news-con ul li{ overflow: hidden;}
.mb-news-pic{ width: 22%; border-radius: 5px; overflow: hidden;}
.mb-news-wen{ width: 75%; margin-left: 3%;}
.mb-news-con ul li p{ font-size: 2.4rem; color: #6a6a6a; line-height: 2rem; height: 5rem; overflow: hidden;}
a.mb-more{ display: block; width: 70%; margin: 0 auto; height: 3rem; text-align: center; line-height: 3rem; border-radius: 3.2rem; border: 1px solid #313131; font-size: 2.5rem; color: #00a0e9; text-transform: uppercase;}
a.mb-more2{ background-color: rgba(255,255,255,.1);}
a.mb-more2 span{ color: #fff;}

.mb-contact{ width: 94%; margin: 3rem auto 0;}
.mb-contact strong{ font-weight: normal; font-size: 3rem; color: #555; display: block; padding-bottom: 1.8rem; margin-top: 3rem; border-bottom: 1px solid #ecebeb;}
.mb-contact p{ font-size: 2.4rem; color: #999; padding-left: 3.4rem; line-height: 3.8rem; border-bottom: 1px solid #ecebeb;}
.mb-contact p.ico1{ background: url("../../mb1_03.jpg") no-repeat left center; background-size: 5%;}
.mb-contact p.ico2{ background: url("../../mb2_03.jpg") no-repeat left center; background-size: 5%;}
.mb-contact p.ico3{ background: url("../../mb3_03.jpg") no-repeat left center; background-size: 5%;}
.mb-contact p.mb-sq{ height: 6.2rem; line-height: 6.2rem; text-align: center; width: 70%; margin: 3rem auto 0; border: 1px solid #403f51; border-bottom: 1px solid #403f51; border-radius: 30px; font-size: 2.8rem; padding-left: 0;}
.mb-contact p.mb-sq a{ display: block; color: #101e33; margin: 0; width: 100%; height: 100%;}
.mb-contact a{ display: inline-block; width: 4rem; margin-right: 15px; margin-top: 2rem; display: none;}
.mb-last-k{ border-bottom: 0; padding-bottom: 4rem;}
.mb-xt{text-align: center; font-size: 2.6rem; color: #777;}
.mb-xt img{ width: 33%; margin-top: 3rem;}

.mb-y{ height: 3.5rem; line-height: 3.5rem; text-indent: 3.5rem; background-color: #0f0f0f; color: #8e8e8e; font-size: 2rem;}
.mb-footer{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999; background-color: rgb(10,10,10);}
.mb-footer span{ display: block;float: left; z-index: 99; text-align: center;}




.mb-k2{ margin-top: 1rem; padding-bottom: 4.5rem; background: url("../../bbg_02.jpg") no-repeat left bottom; background-size: 100% auto;}
.mb-title2{ text-align: center; margin-top: 4.5rem;}
.mb-title2 strong{ font-weight: normal; font-size: 3rem; color: #202020; padding: 3.2rem 5rem 0;}
.mb-title2 span{ display: block; font-size: 1.8rem; color: #aaa; text-transform: uppercase;}
.mb-1{ background: url("../../1.png") no-repeat; background-size: auto 100%;}
.mb-2{ background: url("../../2.png") no-repeat; background-size: auto 100%;}
.mb-3{ background: url("../../3.png") no-repeat; background-size: auto 100%;}
.mb-4{ background: url("../../4.png") no-repeat; background-size: auto 100%;}
.mb-5{ background: url("../../5.png") no-repeat; background-size: auto 100%;}
.mb-6{ background: url("../../6.png") no-repeat; background-size: auto 100%;}
.mb-k2-con{ width: 94%; margin: 0 auto;}
.mb-k2-con p{ font-size: 2.4rem; color: #999; line-height: 2.5rem; margin-top: 4rem;}
.mb-k2-con img{ display: block; margin: 0 auto;}

.mb-k2-con ul.mb-tz{ margin-top: 3rem;}
.mb-k2-con ul.mb-tz li{ margin-left: 7.8%; background-color: #f3f3f3; border-radius: 4px; padding: 2.6rem 0; margin-bottom: 1.7rem; position: relative;}
.mb-k2-con ul.mb-tz li strong{ font-weight: normal; font-size: 2.8rem; color: #202020; display: block; margin-left: 11.1%; margin-bottom: 1rem;}
.mb-k2-con ul.mb-tz li span{ display: block; font-size: 2.2rem; color: #999; line-height: 2rem; margin-left: 11.1%;}
.mb-k2-con ul.mb-tz li i{ position: absolute; display: block; width: 15.8%; left: 0; top: 50%; transform: translate(-50%, -50%);}

.mb-k2-con ul.mb-ll li{ background: url("../../xp_03.jpg") no-repeat 1rem 1rem; background-size: 1.8%; margin-bottom: 2rem; overflow: hidden;}
.mb-k2-con ul.mb-ll li span{ float: left; font-size: 2.4rem; color: #202020; padding-right: 1rem; margin-right: 1rem; padding-left: 3rem; line-height: 1; height: 1.4rem; border-right: 1px solid #d2d2d2; margin-top: 0.7rem;}
.mb-k2-con ul.mb-ll li div{ float: left; font-size: 2rem; color: #888; width: 69%; line-height: 3rem;}

.mb-k2-con ul.mb-wz li{ font-size: 2.4rem; color: #999; line-height: 2.5rem; margin-top: 2rem; padding-left: 3.8rem; background: url("../../xp_03.jpg") no-repeat 1rem 0.7rem; background-size: 1.8%;}

.mb-k2-con ul.mb-jk{ overflow: hidden;}
.mb-k2-con ul.mb-jk li{ box-sizing: border-box; float: left; width: 50%; border-right: 1px solid #efefef; text-align: center; border-bottom: 1px solid #efefef; padding-bottom: 3.8rem;}
.mb-k2-con ul.mb-jk li img{ width: 36.66%; margin-top: 2.5rem;}
.mb-k2-con ul.mb-jk li strong{ display: block; font-weight: normal; font-size: 2.4rem; color: #202020; margin: 2rem 0 1rem;}
.mb-k2-con ul.mb-jk li span{ display: block; font-size: 2rem; color: #888; line-height: 2.6rem;}
.mb-k2-con ul.mb-jk li:nth-child(2n){ border-right: 0;}
.mb-k2-con ul.mb-jk li:nth-last-child(2), .mb-k2-con ul.mb-jk li:last-child{ border-bottom: 0;}

.mb-k2-con ul.mb-qy{ margin-top: 1rem; overflow: hidden;}
.mb-k2-con ul.mb-qy li{ float: left; width: 49.5%; background-color: #f9f9f9; margin-bottom: 1%; padding: 1.4rem 0; border-radius: 4px; overflow: hidden;}
.mb-k2-con ul.mb-qy li:nth-child(2n){ float: right;}
.mb-k2-con ul.mb-qy li img{ width: 28.28%; margin-left: 6.28%; float: left;}
.mb-k2-con ul.mb-qy li span{ float: left; width: 58%; margin-left: 3%; font-size: 2.4rem; margin-top: 4px; color: #202020;}

.mb-k2-con ul.mb-jr li{ font-size: 2.6rem; color: #202020; line-height: 3rem; margin-top: 0.8rem; padding-left: 3.8rem; background: url("../../xp_03.jpg") no-repeat 1rem 1rem; background-size: 1.8%;}
.mb-k2-con ul.mb-jr{padding-bottom: 1rem;}
.mb-k2-con ul.mb-mf{ margin-top: 6rem;}
.mb-k2-con ul.mb-mf li{ overflow: hidden; margin-bottom: 1.8rem;}
.mb-k2-con ul.mb-mf li img{ width: 19.58%; float: left;}
.mb-k2-con ul.mb-mf li div{ float: right; width: 78.88%; background-color: #f9f9f9; border-radius: 4px; padding-bottom: 1.6rem;}
.mb-k2-con ul.mb-mf li div strong{ font-weight: normal; display: block; font-size: 2.8rem; color: #202020; margin: 1.6rem 0 0 2rem;}
.mb-k2-con ul.mb-mf li div span{ display: block; color: #8f8f8f; font-size: 2.4rem; margin: 0.5rem 0 0 2rem;}

.mb-k2-con ul.mb-jr h3{width:100%;text-align:center;display:block;padding:10px 0}
.mb-k2-con ul.mb-jr .text{width:100%;}
.mb-k2-con ul.mb-jr .text p{padding:0;margin:0}

.mb-k2-con ul.mb-ch{ overflow: hidden;}
.mb-k2-con ul.mb-ch li{ margin-bottom: 3.8rem; overflow: hidden;}
.mb-k2-con ul.mb-ch li img{ float: left; width: 11.94%;}
.mb-k2-con ul.mb-ch li div{ float: left; width: 84.7%; margin-left: 3%;}
.mb-k2-con ul.mb-ch li div strong{ display: block; font-weight: normal; font-size: 2.4rem; color: #202020;}
.mb-k2-con ul.mb-ch li div span{ display: block; font-size: 2rem; color: #888; margin-top: 4px;}


.mb-marketing-tit{ text-align: center;}
.mb-marketing-tit strong{ display: block; font-weight: normal; font-size: 4rem; color: #202020; margin-top: 3rem;}
.mb-marketing-tit span{ display: block; font-size: 1.8rem; color: #aaa; text-transform: uppercase;}
.mb-marketing-k{ width: 94%; margin: 0 auto; border-bottom: 1px solid #dadada; padding: 4rem 0 2.2rem; overflow: hidden;}
.mb-marketing-k img{ width: 27.77%; float: left;}
.mb-marketing-k span.mb-marketing-r{ float: left; font-size: 2rem; color: #aaa; margin-left: 7%; line-height: 7.6rem;}
.mb-marketing-k strong{ font-weight: normal; display: block; float: left; height: 4.8rem; line-height: 4.8rem; padding: 0 3rem; color: #202020; font-size: 2.4rem; background-color: #f3f3f3;}
.mb-marketing-k p{ float: left; font-size: 2.2rem; color: #888; line-height: 4rem; margin-top: 1.5rem;}
.mb-marketing-k p span{ color: #00a0e9;}
.mb-marketing-k ul.mb-marketing-kp{ float: left; width: 100%; margin-top: 2.4rem;}
.mb-marketing-k ul.mb-marketing-kp li{ overflow: hidden;}
.mb-marketing-k ul.mb-marketing-kp li span{ display: block; float: left; width: 4.5rem; height: 4.5rem; text-align: center; line-height: 4.5rem; font-size: 2.4rem; color: #888; background-color: #f3f3f3; margin-bottom: 2rem;}
.mb-marketing-k ul.mb-marketing-kp li div{ margin-left: 6rem; font-size: 2.2rem; color: #888; line-height: 4.5rem;}
.mb-marketing-k a{ font-size: 2.2rem; color: #00a0e9; float: left;}
.mb-marketing-result{ margin-top: 7rem; background: url("../../bg9_02.jpg") no-repeat; background-size: 100% auto; padding-top: 5rem; padding-bottom: 5rem;}
.mb-marketing-result-tit ul{ overflow: hidden;}
.mb-marketing-result-tit ul li{ float: left; font-size: 2rem; color: #fff; height: 6rem; padding: 0 2.4rem; line-height: 6rem; border: 1px solid #fff; margin: 0 0.8rem 1.6rem;}
.mb-marketing-result-tit ul li.active{ background-color: #fff; color: #00a0e9;}
.mb-marketing-result-con{ position: relative;}
.mb-marketing-result-item{ position: absolute; width: 78.125%; left: 10.537%; top: 4.5rem;}
.mb-marketing-result-con:after{ content: ""; position: absolute; width: 100%; height: 8rem; background-color: #f3f3f3; left: 0; bottom: 0; z-index: -1;}

.website{ margin-top: 5rem; padding-bottom: 6rem;}

.mb-k2-con ul.mb-ml li{ color: #999;}
.mb-k2-con ul.mb-ml li span{ color: #202020;}

.mb-k2-con ul.mb-xz{ overflow: hidden;}
.mb-k2-con ul.mb-xz li{ float: left; box-sizing: border-box;  width: 29.16%; border: 1px solid #e3e3e3; border-radius: 4px; margin: 0 2% 4%;}