/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.header-container.fixed-header{position:fixed;top:0;left:0;width:100%;z-index:11;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out}.header-container.is-hidden{-webkit-transform:translateY(-4.375rem);transform:translateY(-4.375rem)}.menu-open .header-container .wrapper .button-wrap .open-menu{background:white}.menu-open .header-container .wrapper .button-wrap .open-menu:before{margin-top:0;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.menu-open .header-container .wrapper .button-wrap .open-menu:after{margin-top:-0.1875rem;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}.menu-open .header-container .wrapper .main-menu{opacity:0.95;max-height:100vh}.menu-open .header-container .wrapper .main-menu li{opacity:1;-webkit-transform:none;transform:none}.menu-open .header-container .wrapper .main-menu li:nth-child(1){-webkit-transition-delay:220ms;transition-delay:220ms}.menu-open .header-container .wrapper .main-menu li:nth-child(2){-webkit-transition-delay:290ms;transition-delay:290ms}.menu-open .header-container .wrapper .main-menu li:nth-child(3){-webkit-transition-delay:360ms;transition-delay:360ms}.menu-open .header-container .wrapper .main-menu li:nth-child(4){-webkit-transition-delay:430ms;transition-delay:430ms}.menu-open .header-container .wrapper .main-menu li:nth-child(5){-webkit-transition-delay:500ms;transition-delay:500ms}.menu-open .header-container .wrapper .main-menu li:nth-child(6){-webkit-transition-delay:570ms;transition-delay:570ms}.menu-open .header-container .wrapper .main-menu li:nth-child(7){-webkit-transition-delay:640ms;transition-delay:640ms}.menu-open .header-container .wrapper .main-menu li:nth-child(8){-webkit-transition-delay:710ms;transition-delay:710ms}.menu-open .header-container .wrapper .main-menu li:nth-child(9){-webkit-transition-delay:780ms;transition-delay:780ms}.menu-open .header-container .wrapper .main-menu li:nth-child(10){-webkit-transition-delay:850ms;transition-delay:850ms}.menu-open .header-container .wrapper .main-menu li:nth-child(11){-webkit-transition-delay:920ms;transition-delay:920ms}.menu-open .header-container .wrapper .main-menu li:nth-child(12){-webkit-transition-delay:990ms;transition-delay:990ms}.menu-open .header-container .wrapper .main-menu li:nth-child(13){-webkit-transition-delay:1060ms;transition-delay:1060ms}.menu-open .header-container .wrapper .main-menu li:nth-child(14){-webkit-transition-delay:1130ms;transition-delay:1130ms}.menu-open .header-container .wrapper .main-menu li:nth-child(15){-webkit-transition-delay:1200ms;transition-delay:1200ms}.menu-open .header-container .wrapper .main-menu li:nth-child(16){-webkit-transition-delay:1270ms;transition-delay:1270ms}.menu-open .header-container .wrapper .main-menu li:nth-child(17){-webkit-transition-delay:1340ms;transition-delay:1340ms}.menu-open .header-container .wrapper .main-menu li:nth-child(18){-webkit-transition-delay:1410ms;transition-delay:1410ms}.menu-open .header-container .wrapper .main-menu li:nth-child(19){-webkit-transition-delay:1480ms;transition-delay:1480ms}.menu-open .header-container .wrapper .main-menu li:nth-child(20){-webkit-transition-delay:1550ms;transition-delay:1550ms}@media (max-width: 667px){.business-icon-animate .design{-webkit-animation:business-icon-from-left .3s ease-out forwards;animation:business-icon-from-left .3s ease-out forwards}.business-icon-animate .marketing{-webkit-animation:business-icon-from-right .3s ease-out forwards;animation:business-icon-from-right .3s ease-out forwards}.business-icon-animate .app-dev{-webkit-animation:business-icon-from-left .3s ease-out forwards;animation:business-icon-from-left .3s ease-out forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.business-icon-animate .shop{-webkit-animation:business-icon-from-right .3s ease-out forwards;animation:business-icon-from-right .3s ease-out forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}.business-icon-hidden{opacity:0}}@media (min-width: 667px){.home .main-container .business div.service{opacity:1}}@-webkit-keyframes business-icon-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes business-icon-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes business-icon-from-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes business-icon-from-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:none;transform:none;opacity:1}}*{outline:none}body{width:100%;overflow-x:hidden;min-width:320px;background:#f8f8f8;font-family:"Microsoft YaHei", "Source Han Sans SC", "PingFang SC", sans-serif}a{text-decoration:none}.header-container{position:relative}.header-container header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4.375rem;width:100%;background:white;border-bottom:0.063rem solid #f0f0f0}.header-container header .logo{margin-left:0.875rem;font-size:0}.header-container header .logo img{width:11.25rem}.header-container header .nav{margin:2.2815rem 3% 0 auto}.header-container header .nav .button-wrap{height:2.563rem}.header-container header .nav .button-wrap .open-menu{padding:0;-webkit-tap-highlight-color:transparent;display:block;width:2.563rem;height:0.1875rem;border:none;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in, -webkit-transform .2s ease-in;background:#9c9c9c;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-out;transition:all .2s ease-out;transform:scale(1)}.header-container header .nav .button-wrap .open-menu:before{content:'';display:block;width:2.563rem;height:0.1875rem;border:none;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in, -webkit-transform .2s ease-in;background:#9c9c9c;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin-top:-0.7125rem}.header-container header .nav .button-wrap .open-menu:after{content:'';display:block;width:2.563rem;height:0.1875rem;border:none;-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in, -webkit-transform .2s ease-in;background:#9c9c9c;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin-top:1.3375rem}.header-container header .nav .main-menu{position:absolute;top:4.375rem;left:0;z-index:12;background:white;width:100%;max-height:0;overflow:hidden;opacity:0.6;-webkit-transition:max-height 0.5s ease-out, opacity 0.3s ease-in;transition:max-height 0.5s ease-out, opacity 0.3s ease-in}.header-container header .nav .main-menu ul{margin:0;padding:0;list-style:none;text-align:center}.header-container header .nav .main-menu ul li{line-height:4rem;border-bottom:1px solid #eee;font-size:1.125rem;opacity:0;-webkit-transform:scale(1.1) translateY(-0.875rem) translateX(-0.625rem);transform:scale(1.1) translateY(-0.875rem) translateX(-0.625rem);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.header-container header .nav .main-menu ul li a{color:#636363;padding:0.5rem 3rem}.header-container header .nav .main-menu ul .current_page_item a,.header-container header .nav .main-menu ul .current-menu-item a{color:white;background:#e60012;border-radius:1.5rem}.home .main-container .slideshow-container{position:relative;width:100%;overflow:hidden}.home .main-container .slideshow-container .swiper-slide img{width:100%}.home .main-container .slideshow-container .swiper-pagination-bullet{width:0.625rem;height:0.625rem;background:#a4a4a4;opacity:1}.home .main-container .slideshow-container .swiper-pagination-bullet-active{background:#404040}.home .main-container .module{padding:0 1.5rem 0.625rem 1.5rem}.home .main-container .module .module-header{padding:2.813rem 0 1.875rem 0;text-align:center}.home .main-container .module .module-header h1{margin-top:0;font-size:1.25rem;font-weight:normal;color:#666}.home .main-container .module .module-header p{color:#999;font-size:0.875rem}.home .main-container .mission{padding:2.5rem 2rem 1.875rem 2rem;text-align:center;border-bottom:1px solid #f0f0f0}.home .main-container .mission .title{margin-top:0;font-size:1.25rem;font-weight:normal;color:#666}.home .main-container .mission .business-link{color:#999;font-size:0.875rem}.home .main-container .mission .business-link a{color:#999;display:inline-block}.home .main-container .mission .business-link a:hover{color:#4d4d4d}.home .main-container .mission .business-link a:last-child span{display:none}.home .main-container .mission .business-link span{margin:0 0.625rem}.home .main-container .case{margin:0 0 2.5rem 0}.home .main-container .case article{margin-top:1.5rem;font-size:0}.home .main-container .case article img{width:100%}.home .main-container .case article header{padding:1.25rem 0.875rem;background:white}.home .main-container .case article header h1{margin-top:0;font-weight:normal;font-size:0.875rem;color:#666;text-shadow:0 0 0.1px rgba(0,0,0,0.3)}.home .main-container .case article header p{margin:0;color:#999;font-size:0.75rem}.home .main-container .business{background:white}.home .main-container .business .business-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.home .main-container .business .service{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;height:8.125rem;margin:0 auto 2.188rem auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.home .main-container .business .service a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.home .main-container .business .service a img{-ms-flex-item-align:center;align-self:center}.home .main-container .business .service a span{margin-top:0.625rem;display:inline-block;font-size:0.875rem;color:#999;padding-bottom:0.7em;/*border-bottom:0.188rem solid #cccccc;*/white-space:nowrap}.home .main-container .business .design img{width:5rem;height:4.375rem}.home .main-container .business .marketing img{width:4.188rem;height:4.688rem}.home .main-container .business .app-dev img{height:4.438rem;width:4.25rem;margin-left:25px}.home .main-container .business .shop img{width:5.25rem;height:4.313rem}.home .main-container .news{background:-webkit-linear-gradient(top, #00bbea, #0085c6);background:linear-gradient(to bottom, #00bbea, #0085c6)}.home .main-container .news .module-header h1,.home .main-container .news .module-header p{color:white}.home .main-container .news article{background:#cceaf6;padding:0.938rem;margin-bottom:1.875rem}.home .main-container .news article a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .main-container .news article .preview{border:0.063rem solid white;width:130px;height:90px;-ms-flex-negative:0;flex-shrink:0}.home .main-container .news article header{margin-left:0.938rem}.home .main-container .news article header h1{font-weight:normal;color:#666;font-size:1rem}.home .main-container .news article header p{color:#999;font-size:0.75rem}.home .main-container .long-term-customer{font-size:0}.home .main-container .long-term-customer .customers{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;margin-bottom:2rem}.home .main-container .long-term-customer .customers a{display:-webkit-box;display:-ms-flexbox;display:flex;box-sizing:border-box;width:33%;height:3.125rem;background:white;border:1px solid #eee;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home .main-container .long-term-customer .customers a img{-webkit-filter:grayscale(1);filter:grayscale(1);max-height:60%;max-width:80%;line-height:3.125rem}.home .main-container .contact{display:-webkit-box;display:-ms-flexbox;display:flex;background:white;padding:2.375rem 1.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.home .main-container .contact .contact-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .main-container .contact .contact-info .icon{display:inline-block;width:3.75rem;-ms-flex-negative:0;flex-shrink:0}.home .main-container .contact .contact-info .icon .phone-icon{margin-left:0.6rem}.home .main-container .contact .contact-info .info{display:inline-block;width:80%;margin-left:1.25rem}.home .main-container .contact .contact-info .info h1{font-size:1rem;font-weight:normal;color:#666}.home .main-container .contact .contact-info .info p{color:#878787;font-size:0.875rem}.home .main-container .contact .contact-info .info p a{color:#6b6b6b;font-weight:normal;font-size:1rem}.page .post-container article header h1{border-bottom:5px solid #e60012}.page .post-container article header:after{display:block;content:'';border-bottom:1px solid #e6e6e6}.page .page-banner img{width:100%}.page .page-wrap{padding:1.25rem}.page .page-wrap .category-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-wrap .category-nav a{width:46%;height:2.5rem;background:white;border:0.0625rem solid #e9e9e9;border-radius:0.3125rem;color:#292929;margin-bottom:1rem;text-align:center;line-height:2.5rem}.page .page-wrap .category-nav .current{background:#e60012;color:white}.page .page-wrap .load-more{display:block;margin:0 auto;height:2.6875rem;width:10.625rem;border:0.0625rem solid #e9e9e9;color:#888787;background:white}.single .post-container article,.page .post-container article{background:white;padding:1rem;line-height:1.7}.single .post-container article header h1,.page .post-container article header h1{display:inline-block;margin:0;font-size:1.5rem;font-weight:normal}.single .post-container article header .post-info,.page .post-container article header .post-info{font-size:0.875rem;color:#afaeae;padding-bottom:0.5rem;border-bottom:1px solid #e6e6e6}.single .post-container article header .post-info .author,.single .post-container article header .post-info .publish-time,.single .post-container article header .post-info .views,.page .post-container article header .post-info .author,.page .post-container article header .post-info .publish-time,.page .post-container article header .post-info .views{margin-right:.5rem}.single .post-container article img,.page .post-container article img{margin:1rem 0;max-width:100%;height:auto}.single .post-container article .content p,.page .post-container article .content p{color:#4d4d4d}.single .post-container .case-link,.page .post-container .case-link{color:#afaeae}.single .post-container .case-link a,.page .post-container .case-link a{color:#afaeae}.single .post-container .case-name,.page .post-container .case-name{margin:0;font-size:1.5rem;font-weight:normal}.footer-container{position:relative;height:14.438rem;background:#404040;padding:1.875rem 1.5rem}.footer-container .logo{width:11.25rem}.footer-container .qr-code{position:absolute;top:1.875rem;right:1.5rem;width:9rem;text-align:center}.footer-container .qr-code img{width:100%}.footer-container .qr-code span{display:block;text-align:center;color:#7f7f7f}.footer-container .copyright{position:absolute;left:1.5rem;bottom:1.875rem;font-size:0.75rem}.copyright a{color:#ccc;} .footer-container .copyright p{color:#cccccc}.error404 .main,.no-results .main{padding:2rem}.category .case{margin:.8rem;margin-top:0}.category .case article{margin-top:1.5rem;font-size:0}.category .case article img{width:100%}.category .case article header{padding:1.25rem 0.875rem;background:white}.category .case article header h1{margin-top:0;font-weight:normal;font-size:0.875rem;color:#666;text-shadow:0 0 0.1px rgba(0,0,0,0.3)}.category .case article header p{margin:0;color:#999;font-size:0.75rem}.category .news-list{border-top:0.0625rem solid #f0f0f0;margin:.8rem;margin-top:0}.category .news-list article header{position:relative;box-sizing:border-box;margin-top:1.25rem;width:100%;background:white;padding:0.875rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-shadow:1px 1px 5px rgba(0,0,0,0.05)}.category .news-list article header img{width:130px;height:90px;-ms-flex-negative:0;flex-shrink:0}.category .news-list article header .info{position:relative;width:58%;vertical-align:top;margin-left:0.625rem;min-height:5.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.category .news-list article header .info h1{margin:0;font-size:1rem;font-weight:normal;color:#3a3a3a}.category .news-list article header .info p{margin:0;font-size:0.75rem;color:#9f9f9f}.category .news-list article header:after{position:absolute;content:'';top:100%;left:1rem;border:0.6125rem solid transparent;border-top:0.4375rem solid white}.category .news-list article .content{font-size:0.75rem;color:#999999}
.sub-categories{border-bottom: 1px solid #f0f0f0;  padding: 0 1.5rem 1.5rem 1.5rem;}
.sub-categories ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sub-categories ul li{list-style:none;display:inline-block;margin-top:1rem;line-height:2.5rem;width:calc(50% - 1rem);border:1px solid #e9e9e9;-ms-flex-negative:0;flex-shrink:0;text-align:center;border-radius:5px;background:white}.sub-categories ul li a{color:#292929}.sub-categories ul .current{background:#e60012}.sub-categories ul .current a{color:white}.read-more{display:block;width:10rem;height:2.6875rem;margin:1.5rem auto 1rem auto;background:white;border:1px solid #e9e9e9;color:#888787}@media (max-width: 320px){.home .news article a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page .post-container article header h1{font-size:1rem}.page .post-container article p{font-size:0.875rem}}@media (max-width: 413px){.footer-container .logo{width:55%}.footer-container .qr-code{width:35%}.footer-container .qr-code span{font-size:0.625rem}}@media (min-width: 768px){.home .main-container .business .business-wrap .service{width:25%}.page .page-wrap .category-nav a{width:10.635rem}}.no-flexbox .header-container .nav,.no-flexwrap .header-container .nav,.uc .header-container .nav{width:40%;float:right;margin:0}.no-flexbox .header-container .nav .button-wrap,.no-flexwrap .header-container .nav .button-wrap,.uc .header-container .nav .button-wrap{float:right}.no-flexbox .header-container .nav .main-menu,.no-flexwrap .header-container .nav .main-menu,.uc .header-container .nav .main-menu{top:9.3rem}.no-flexbox .home .main-container .business-wrap .service,.no-flexwrap .home .main-container .business-wrap .service,.uc .home .main-container .business-wrap .service{display:inline-block;width:48%}.no-flexbox .home .main-container .business-wrap .service a,.no-flexwrap .home .main-container .business-wrap .service a,.uc .home .main-container .business-wrap .service a{text-align:center}.no-flexbox .home .main-container .contact,.no-flexwrap .home .main-container .contact,.uc .home .main-container .contact{display:block}.no-flexbox .home .main-container .contact .contact-info,.no-flexwrap .home .main-container .contact .contact-info,.uc .home .main-container .contact .contact-info{display:block}.no-flexbox .home .main-container .contact .icon,.no-flexbox .home .main-container .contact .info,.no-flexwrap .home .main-container .contact .icon,.no-flexwrap .home .main-container .contact .info,.uc .home .main-container .contact .icon,.uc .home .main-container .contact .info{display:inline-block}.no-flexbox .home .main-container .contact .icon,.no-flexwrap .home .main-container .contact .icon,.uc .home .main-container .contact .icon{width:20%}.no-flexbox .home .main-container .contact .info,.no-flexwrap .home .main-container .contact .info,.uc .home .main-container .contact .info{width:70%}.no-flexbox .home .main-container .news article a,.no-flexwrap .home .main-container .news article a,.uc .home .main-container .news article a{display:table}.no-flexbox .home .main-container .news article a img,.no-flexwrap .home .main-container .news article a img,.uc .home .main-container .news article a img{display:inline-block;vertical-align:middle;width:30%}.no-flexbox .home .main-container .news article a header,.no-flexwrap .home .main-container .news article a header,.uc .home .main-container .news article a header{display:inline-block;vertical-align:middle;width:64%}.no-cssvhunit.menu-open .header-container .nav nav{max-height:9999px}
.post-container article .content{width:96%;margin:0 auto;}.post-container article .content img{width:100%;}.post-container article .content h1{font-size:1.5em;}

/*小程序页*/


   .mpbox{width: 300px;
    margin: 0 auto;
	margin-top: 2rem;
	position:relative;
	}
 .mpbox .mpimg{
	background: url(/iTemplet/images/mpbg.png) no-repeat top center;
    background-size: 100%;
    padding: 1rem 1rem 2rem 1rem;
	
	 }
 .mpbox .mpimg img{
	 width:100%;
	 border-radius: 10px;
 }
  .mpbox .mp-mask{
	position: absolute;
    width: 89.5%;
    margin: 0 auto;
    top: 21rem;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding-top: 1rem;
    display: block;
	 border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
 }
 .mpbox .mp-mask>p{color:#666666;font-size:1rem; }
  .mpbox .mp-mask i{
	 width: 70%;
    margin: 0 auto;
    display: block;
	}
	  .mpbox .mp-mask i img{    width: 100%;}
	  .mpbox .mp_wrap{
		text-align:center;
		 color:#666666;
		 margin:0;
		
		 }
		  .mpbox .mp_wrap .subtitle{ font-size:1.1rem;    margin: 0}
		   .mpbox .mp_wrap .smalltitle{ font-size:0.9rem;color:#999999;margin: 0}
		   .mplist .read-more {
    display: block;
    width: 10rem;
    height: 2.6875rem;
    margin: 1.5rem auto 1rem auto;
    background: #d2d2d2;
    border: 1px solid #e9e9e9;
    color: #888787;
    border-radius: 2rem;
		   }
		   .mplist .read-more a{color:#666666;}
		   .mp-contact{
			   
			   border-top:1px solid #e9e9e9;
			   width:100%;
			   margin-top:1rem;
			   padding-top:2rem;
	      }
		  .mp-contact .mp-map{    margin: 1rem;}
		  .mp-contact .mp-map .map-icon{
			  display:inline-block;
			  width:3rem;
			  height:3rem;
			  
			 }
		.mp-contact .mp-map .map-icon2{
			  height: 7rem;
    vertical-align: middle;
}
		 .mp-contact .mp-map .map-icon img{width:100%;}
		 .mp-contact .mp-map .mpcontent{display: inline-block;
    width: 16rem;    margin-left: 0.5rem;}
		.mp-contact .mp-map .mpcontent>h4{
			       margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1.2rem;
    color: #666;
    line-height: 2rem;
		}
		.mp-contact .mp-map .mpcontent>p{
	font-size: 0.8rem;
    color: #848484;
    margin: 0;
    line-height: 1.5rem;
		}
	.casebgs{width:100%;}
	.casebgs img{width:100%;}