body{/**font-family:PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', STXihei, Georgia, 'Times New Roman', serif; Helvetica, Arial, sans-serif;**/ font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif,Comfortaa;color: #666;font-size:14px;line-height:1.42857143; overflow-x: hidden;}
a{ transition:all 0.3s ease; text-decoration:none;}
a:hover{ text-decoration:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {    color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #999;}
.swiper-button-disabled{cursor: not-allowed!important;}
.wrap{max-width: 1200px; margin: 0 auto;box-sizing: border-box;padding: 0 15px;}
.w100{width: 100%;}
@media screen and (max-width:1261px){
	.wrap{max-width: 100%;padding: 0 15px;}
}

.bodynow{overflow: hidden;}
/**header**/
.misa_header_wrap{width: 100%; position: fixed;left: 0; top: 0; z-index: 10;  }
.misa_header{background: #fff;transition:all .4s ease-out;}
.misa_header .wrap{height: 120px; transition: all 0.5s;}
.misa_logo img{vertical-align: top;}
.misa_nav{}
.misa_nav li{ margin: 0 10px; display: inline-block;}
.misa_nav li a{color: #1b1c1e;font-size: 16px;position: relative;display: inline-block; line-height: 110px;padding: 0 10px;}
.misa_nav li  a::after{content: '';display: inline-block;width: 0; height: 5px;position: absolute;left: 50%; bottom: 0; transition: all 0.15s ease-out; background: #fff;}
/**.misa_nav li:hover a,.misa_nav li.now a{font-weight: bold;}**/
.misa_nav li:hover a::after,.misa_nav li.now a::after{width: 100%; left: 0;}
.subnav{background: #fff;position: absolute;width: 220px;box-sizing: border-box;padding: 32px 30px;}
.subnav li{margin-bottom: 10px;}
.subnav li a{font-size: 15px; line-height: 28px;display: inline-block;position: relative;color: #212121;}
.subnav li a::after{content: '';display: inline-block;width: 100%; height: 1px;position: absolute;left: 0; bottom: 0;transform: scaleX(0); transition: transform .3s; background: #212121;}
.subnav li a:hover::after{transform: scaleX(1);}

@media screen and (max-width:1200px){
	.misa_ss{box-sizing: border-box;padding: 0 15px;}
	.misa_ssm{width: 100%;}
}
@media screen and (max-width:750px){
	.misass_btn{width: 20%;}
}

.misa_dlzc{padding: 0 15px; position: relative; margin-left: 10px;}
.misa_dlzc a{ display: inline-block; line-height: 36px;font-size: 15px; position: relative; color: #1b1c1e;margin-right: 20px;}
/**.misa_dlzc a:hover{color: #fff;}**/
.misa_dlzc a::before{content: '';display: inline-block;width: 1px;height: 16px; background: #000; opacity: 0.1;position: absolute;right: -10px;top: 50%;margin-top: -7px;}
.misa_dlzc a:last-child{margin-right: 0;}
.misa_dlzc a:last-child::before{display: none;}
.misa_header_wrap.now .misa_header{box-shadow: 0 10px 30px 0px rgba(0,0,0,0.08);border-bottom: 1px solid #F5F5F5;}
.misa_header.now .wrap{height: 50px;}
.phicon{display: none;}
.phnav{display: none;}

@media screen and (max-width:1000px){
	.pcnav{display: none;}
	.misa_header .wrap{height: 90px;}
	.misa_logo img{max-height: 35px;}
	.phicon{width: 40px;height: 30px; cursor: pointer;display: block;}
	.phiconm{height: 30px;}
	.phicon span{width: 22px;height: 2px;border-radius: 1px;background: #1b1c1e; transition: all 0.3s;}
	.phicon span:nth-child(1){transform: rotate(0deg);transform-origin: 10% 10%;}
	.phicon span:nth-child(2){margin: 4px 0; opacity: 1;}
	.phicon span:nth-child(3){transform: rotate(0deg);transform-origin: 10% 90%;}
	.phicon.now span:nth-child(1){transform: rotate(45deg);}
	.phicon.now span:nth-child(2){opacity: 0;}
	.phicon.now span:nth-child(3){transform: rotate(-45deg);}
	/****/
	.phnav{position: absolute;padding: 0 15px;box-sizing: border-box;width: 100%; left: 0;top: 90px; display: none; background: #171b27;}
	
	.phnavm li{border-top: 1px solid rgba(255,255,255,0.05)}
	.phnavm li a{padding: 22px;color: #fff;font-size: 14px;display: block;}
	.phnavm li a:hover{background: #222;}
	.phnav .misa_dlzc{border: none;padding: 0; margin: 0;}
	.phnav .misa_dlzc a{font-size: 14px;padding: 22px; line-height: auto; color: #9a9fa6;}
	.phnav .misa_dlzc a::before{background: #9a9fa6;}
	.misa_header_wrap.now .phnav{background: #333;}
}

/**banner**/

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent; z-index: 1;height: auto;max-height: 870px;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);height: 100%;}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.dl-slider .slick-arrow{width: 82px;height: 82px; transform: translateY(0);top: 40%; background: none; display: none!important; }
.dl-slider .slick-arrow:hover{ background: none!important;}
.dl-slider .slick-arrow span{display: inline-block;width: 100%;height: 100%;position: relative;z-index: 2;}
.dl-slider .slick-arrow.slick-next span{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,0.3);}
.dl-slider .slick-arrow.slick-next::after{transition: 0.2s ease-in;content: '';display: inline-block;width: 0;height: 100%;position: absolute;right: 0; top: 0; z-index: -1;background: #000; opacity: 0.8;}
.dl-slider .slick-arrow.slick-next:hover::after{width: 100%;}
.dl-slider .slick-arrow.slick-prev{ left: initial;right: 82px; transform: translateY(82px);}
.dl-slider .slick-arrow.slick-prev span{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,0.3);}
.dl-slider .slick-arrow.slick-prev::after{transition: 0.2s ease-in;content: '';display: inline-block;width: 0;height: 100%;position: absolute;left: 0; top: 0; z-index: -1;background: #000; opacity: 0.8;}
.dl-slider .slick-arrow.slick-prev:hover::after{width: 100%;}

.dl-slider .slick-dots{height:96px; width: 16px;left: initial;top:50%;margin-top: -48px; bottom: initial; right: 30px;}
.dl-slider .slick-dots li{margin:3px 0;}
.dl-slider .slick-dots li button{border: 2px solid #fff;border-radius:50%;width: 16px;height: 16px; position: relative;background: none;font-size: 0; opacity: 0.5;}
.dl-slider .slick-dots li button::after{content: '';display: inline-block;width: 4px;height: 4px;background: #fff;border-radius: 50%; position: absolute;left: 50%;margin-left: -2px;top: 50%;margin-top: -2px; opacity: 0;}
.dl-slider .slick-dots li.slick-active button{background: none; opacity: 1;}
.dl-slider .slick-dots li.slick-active button::after{opacity: 1;}
.dl-slider .overlay{background: #171b27; opacity: 0.5;}

.dl-slider .bg-img{height: 870px; position: relative;transition: all 10s linear; transform: scale(1);}
.dl-slider .slick-active .bg-img{transform: scale(1.5);transition: all 10s linear;}
.slider-content-wrap{position: absolute;width: 1200px; left: 50%; margin-left: -600px; top: 0; z-index: 10;height: 100%;box-sizing: border-box;}
.slider-content-wrapl{width: 50%;}
.slider-content-wrapl h2{color: #fff; font-size: 50px;text-shadow: 0 1px 2px rgba(0,0,0,.5);font-weight: bold;}
.slider-content-wrapl p{font-size: 16px; line-height: 28px;margin: 30px 0 48px;color: #eee; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}
.slider-content-wrapl a{position: relative;display: inline-block;text-align: center;text-transform: capitalize;border-radius: 0px;overflow: hidden;transition: all 0.3s ease; }
.slider-content-wrapl a span{position: relative;display: block;font-size: 16px;line-height: 30px;color: #1b1c1e;font-weight: 500;padding: 15px 40px;background: #ffffff;border-radius: 0px;outline: 1px solid transparent;z-index: 1;
transition: all 0.3s ease;}
.dl-slider a:hover span{ background: #ffffff;outline-color: #1b1c1e;outline-offset: -4px;color: #1b1c1e;}

@media screen and (max-width:1261px){
	.slider-content-wrap{width: 100%; left: 0;margin-left: 0;padding: 0 30px;}
}
@media screen and (max-width:751px){
	.slider-content-wrapl{width: 100%; text-align: center;}
	.slider-content-wrapl a{margin: 0 auto;}
	.slider-content-wrapl h2{font-size: 38px;}
	.slider-content-wrapl p{font-size: 16px;}
	.dl-slider .slick-arrow{top: initial;bottom: 0;}
	.dl-slider .slick-arrow.slick-prev{left: 0; right: initial; transform: translateY(0);}
.dl-slider .slick-dots{    width: 100%; top: initial;bottom: 30px;margin: 0; right: 0;height: 16px;}
.dl-slider .slick-dots li {margin: 0 6px;}
}

/****/
.misa_ysh{background: #F5F5F5;}
.misa_yshm{width: 25%; height: 145px;box-shadow: 0 2px 5px 0px rgba(0,0,0,0.07);background: #fefefe;}
.misa_yshmpic{width: 100%; height: 50px;}
.misa_yshm p{color: #333;font-size: 16px;padding: 20px 0 0;}
@media screen and (max-width:751px){
	.misa_ysh .wrap{flex-wrap: wrap;padding: 30px 30px 0;}
.misa_yshm{width: 100%; margin-bottom: 30px;}	
}
.misa_title{}
.misa_title h2{color:#1b1c1e;font-size: 45px;padding: 0 0 20px; line-height: 50px;position: relative;}
.misa_title span{display: inline-block;color: #555;font-size: 12px; line-height: 22px; text-transform: uppercase;}
.misa_link{    position: relative;display: inline-block;text-align: center;text-transform: capitalize;border-radius: 0px;overflow: hidden;transition: all 0.3s ease;}
.misa_link span{position: relative;display: block;
font-size: 16px;line-height: 30px;color: #ffffff;font-weight: 500;padding: 15px 40px;background: #1b1c1e;border-radius: 0px;outline: 1px solid transparent;z-index: 1;    transition: all 0.3s ease;}
.misa_link:hover span{background: #1b1c1e;outline-color: #ffffff;outline-offset: -4px;color: #ffffff;}
@media screen and (max-width:751px){
	.misa_title h2{font-size: 35px; padding: 0 0 10px;}	
}


/**serve**/
.misa_serve{padding: 120px 0; position: relative;}
.misa_servem{max-width: 1200px; margin: 0 auto; position: relative;}
.misa_servem .owl-carousel .owl-wrapper-outer{position: relative;z-index: 1;}
.misa_servemm{margin: 0 20px 15px;transition:all 0.3s ease-in-out;position: relative; top: 0; padding-bottom: 65px; }
.misa_servemmt{width:100%;height: auto; position: relative; text-align: center;background-repeat: no-repeat;background-position: center;background-size: cover; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); transition: all 0.3s ease; }
.misa_servemmt img{width: 100%;position: relative;z-index: 1;height: auto; vertical-align: top; opacity: 0;}
.misa_servemm p{position: absolute;left: 30px;right: 30px; bottom: 30px;box-shadow: 0 5px 10px rgba(0,0,0,0.05); background: #fff; }
.misa_servemm span{display: inline-block;padding: 20px; color: #1b1c1e;font-size: 18px; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s ease; box-sizing: border-box;width: 100%;}
.misa_servemm:hover .misa_servemmt{box-shadow: none;}
.misa_servemm:hover p{background: #1B1C1E;}
.misa_servemm:hover p span{box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10); color: #fff;}

 .misa_servem .owl-buttons{width: 100%; display: none;}
.misa_servem .owl-buttons div{width: 60px;height: 60px;position: absolute;top: 210px;font-size: 0; transition: all 0.3s;}
.misa_servem .owl-buttons div.owl-prev{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,0.3);left: -52px;}
.misa_servem .owl-buttons div.owl-prev:hover{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,1);}
.misa_servem .owl-buttons div.owl-next{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,0.3);right: -52px;}
.misa_servem .owl-buttons div.owl-next:hover{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,1);}
.misa_servem .owl-pagination{text-align: center;}
.misa_servem  .owl-controls .owl-page{width: 12px;height: 12px;border: 2px solid #1B1C1E; border-radius: 50%; position: relative; display: inline-block;margin: 0 5px; opacity: 0.5;}
.misa_servem  .owl-controls .owl-page::after{content: '';display: inline-block;width: 4px; height: 4px;border-radius: 50%; position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -2px; background: #1B1C1E;}
.misa_servem  .owl-controls .owl-page.active{ opacity: 1;}
 @media screen and (max-width:1320px){
 	.misa_servem .owl-buttons div.owl-prev{left: 0;}
	.misa_servem .owl-buttons div.owl-next{right: 0;}
 }
@media screen and (max-width:785px){
	.misa_serve{padding: 50px 0;}
	.misa_servemmt{max-height: initial;}
	.misa_servem .owl-buttons div{display: none;}
	.misa_servem .owl-pagination{display: block;}
}
.circles{position: absolute;width: 125px;height: 125px;
right: 80px;top: 80px;animation-name: rotateMe;animation-duration: 25s;animation-iteration-count: infinite;animation-timing-function: linear;}
.circles .c-1{position: absolute;width: 125px;height: 125px;background: rgba(255,255,255,0.50);opacity: 0.50;border-radius: 50%;animation-name: ScaleMe;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.circles .c-2{position: absolute;left: -25px;top: 60px;width: 80px;height: 80px;background: rgba(255,255,255,0.50);opacity: 0.50;border-radius: 50%;z-index: 1;}
.circles-two{position: absolute;width: 180px;height: 180px;
right: 80px;top: 70px;animation-name: rotateMe;animation-duration: 25s;animation-iteration-count: infinite;animation-timing-function: linear;}
.circles-two .c-1{position: absolute;width: 180px;height: 180px;background: #edf0f5;opacity: 0.50;border-radius: 50%;animation-name: ScaleMe;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.circles-two .c-2{position: absolute;left: -40px;top: -30px;width: 120px;height: 120px;background: #edf0f5;opacity: 0.50;
border-radius: 50%;z-index: 1;animation-name: ScaleMe;animation-delay: 3s;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;}
.dotted-pattern{animation-name: ScaleMe;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.dotted-pattern-10{    position: absolute;width: 250px;height: 264px;display: block;background: url(../images/five1.png) center center no-repeat;left: 70px;bottom: 120px;box-sizing: border-box;}
.dotted-pattern-11{      position: absolute;width: 322px;height: 322px;display: block;background: url(../images/five1b.png) center center no-repeat;right: -237px;    bottom: 130px;box-sizing: border-box;}
.dotted-pattern-6{     position: absolute;width: 340px;height: 322px;display: block;right: -180px;top: 80px;background: url(../images/five1c.png) center center no-repeat;box-sizing: border-box;}
.dotted-pattern-5{     position: absolute;width: 322px;height: 322px;display: block;left: -160px;top: 110px;background: url(../images/five1d.png) center center no-repeat;box-sizing: border-box;}
.tri-pattern{animation-name: rotateMe;animation-duration: 25s;animation-iteration-count: infinite;animation-timing-function: linear;}
.tri-pattern-5{position: absolute;width: 285px;height: 294px;right: 25px;top: 200px;display: block;background: url(../images/five2.png) center center no-repeat;}
.tri-pattern-8{position: absolute;    width: 285px;    height: 294px;    display: block;left: 40px;top: 400px;    background: url(../images/five2b.png) center center no-repeat;}
@keyframes rotateMe {
    from {
        transform: rotate(0deg) scale(1);
    }
    to { 
        transform: rotate(360deg);
    }
}
@-webkit-keyframes ScaleMe {
    0% {
    transform: scale(1);
    }

    50% {
    transform: scale(1.15);
    }

    100% {
    transform: scale(1);
    }
}

/**case**/
.misa_case{background: #edf0f5;padding: 50px 0;}
.misa_caset{text-align: center;padding: 0 0 30px;}
.misa_caset h2{color:#1B1C1E;font-size: 45px;padding: 0 0 50px; line-height: 50px;}
.misa_caset ul{display: inline-block;}
.misa_caset li{display: inline-block;padding:15px 40px;color: #1B1C1E;font-size: 16px;background: #fff; line-height: 30px; transition: all 0.3s;cursor: pointer; margin: 0 5px 10px 5px;}
.misa_caset li.active{color: #fff;background: #1B1C1E;}

.misa_caseb{padding: 0 7px;}
.misa_casebm{width:33.33%;position: relative;  margin-bottom: 20px; padding: 0 7px; box-sizing: border-box;}
.misa_casebm a{display: inline-block;position: absolute;left: 0; top: 0;width: 100%; height: 100%; z-index: 4;}
.misa_casebmt{background: #171b27; position: relative;z-index: 1;transition: all 200ms ease;;}
.misa_casebmpic{position: relative;z-index: 1; background-repeat: no-repeat;background-position: center center;background-size: cover; opacity: 0.8;transition: all 500ms ease;}
.misa_casebmpic img{width: 100%; height: auto;vertical-align: top; opacity: 0;}
.misa_casebm:hover .misa_casebmpic{opacity: 0.5;}
.cap-box{position: absolute;left: 30px;bottom: 30px;transition: all 500ms ease;
right: 30px;z-index: 2;opacity: 1;transition: all 500ms ease 200ms;}
.cap-box .cap-inner{position: relative;display: block;padding: 18px 20px 18px 40px;background: #fff;color: #1b1c1e;transition: all 500ms ease;font-size: 18px;}
.cap-box .cap-inner::before{content: '';position: absolute;right: 0;transition: all 500ms ease;top: -15px;border: 8px solid transparent;border-bottom: 8px solid #ffffff;border-right: 8px solid #ffffff;}
.cap-box .cap-inner span{display: inline-block;width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.misa_casebm:hover .misa_casebmt{box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.15);}
.misa_casebm:hover .cap-box .cap-inner{background:#edf0f5;}
.misa_casebm:hover .cap-box .cap-inner::before{border-bottom: 8px solid #edf0f5;border-right: 8px solid #edf0f5;}
.misa_casemore{width: 100%; box-sizing: border-box;padding: 0 14px;}
.misa_casemore span{padding: 20px 40px;}
 @media screen and (max-width:1201px){
	
 	.misa_casebm{width: calc(50% - ( 0.5 * 15px ) );}
 }
 @media screen and (max-width:760px){
	 
 	.misa_casebm{width: 100%;}
	.misa_caset h2{font-size: 35px; padding: 0 0 30px;}
 }
/**about*/
.misa_about{padding: 140px 0 250px;position: relative; overflow: hidden;}
.misa_aboutl{width: 50%; position: relative;z-index: 1; padding: 0 15px;box-sizing: border-box; margin-bottom: 50px;}
.misa_aboutlm{position: relative;display: block;padding-right: 40px;}
.misa_aboutlm .image-box{position: relative;}
.misa_aboutlm .image-box figure{position: relative;display: block;float: right;width: 100%;max-width: 330px;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.10), 0px 30px 30px 0px rgba(0,0,0,0.10);z-index: 1;}
.misa_aboutlm .image-box figure img{position: relative;display: block;width: 100%;}
.misa_aboutlm .image-box figure.gyimg2{    position: absolute;
max-width: 280px;top: 100%;left: 0;margin-top: -95px !important;}
.misa_aboutlm .image-box figure.gyimg3{     position: absolute; max-width: 200px;top: 100%;left: 200px;margin-top: 90px !important;}
.misa_aboutlm .image-box figure.gyimg3::before{content: '';
position: absolute;right: -70px;bottom: -50px;width: 120px;height: 120px;background: #edf0f5;border-radius: 50%;    animation-name: ScaleMe;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.misa_aboutr{width: 50%; position: relative;z-index: 2;padding:180px 15px 0;box-sizing: border-box; }
.misa_aboutrm p{color:#8e949f;font-size: 16px; line-height: 30px;padding: 50px 0 25px;}

 @media screen and (max-width:900px){
	.misa_about{padding: 50px 0;}
	.misa_about .wrap{padding: 0 15px; flex-wrap: wrap;}
	.misa_aboutl{width: 100%; display: none;}
	.misa_aboutr{width: 100%;padding: 0;}
	.misa_aboutrm{margin: 0;padding: 0;}
 }
/**num**/
.misa_num_wrap{padding: 140px 0 160px;}
.misa_numm{width: calc(25% - ( 0.75 * 30px ) ); text-align: center;}
.misa_numm h2{ width: 150px;height: 150px;padding: 35px 10px;text-align: center;background: #1b1c1e;color: #ffffff;font-size: 40px;box-sizing: border-box;line-height: 80px;font-family: 'Yeseva One', cursive;border-radius: 45% 55% 70% 35% / 45% 45% 55% 45%;box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.10);}
.misa_numm h2 b{font-size: 30px; margin-left: 10px;}
.misa_numm p{color: #1B1C1E;font-size: 20px; font-weight: bold;padding: 30px 0 0;}
@media screen and (max-width:780px){
.misa_num_wrap{padding: 50px 0 20px;}
.misa_num{ flex-wrap: wrap;}
.misa_numm{width: 100%; margin-bottom: 50px;}
}
/**news**/
.misa_news{padding: 140px 0 90px; position: relative;   }
.misa_newsm{max-width: 1200px;margin: 0 auto; position: relative;}
.misa_newsmm{margin: 0 15px 50px; background: #fff;box-shadow:0px 20px 20px 0px rgba(0,0,0,0.10);}
.misa_newsmmt{position: relative;overflow: hidden; z-index: 1; background-position: center center;background-repeat: no-repeat;background-size: cover;}
.misa_newsmmt img{width: 100%;height: auto; vertical-align: top; position: relative;z-index: 1; opacity: 0;}
.misa_news_date{position: absolute;top: -50px;left: 35px;width: 90px;height: 90px;background: #ffffff;font-size: 15px;line-height: 25px;padding: 20px 10px;color: #1b1c1e;text-transform: uppercase;text-align: center;border-radius: 50%;box-sizing: border-box;box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.10)}
.misa_news_date b{display: block;font-weight: 500;font-weight: bold;font-size: 22px;color: #1b1c1e;}
.misa_newsb{padding: 60px 35px 40px; position: relative; z-index: 2; transition: all 0.3s ease; }
.misa_newsb h2{color: #1B1C1E;font-size: 20px; line-height: 24px;height: 24px; transition: 0.3s all ease-in-out;}
.misa_newsb p{transition: 0.3s all ease-in-out; color: #8e949f;font-size: 15px; line-height: 22px;height: 44px;margin: 15px 0;}
.link-box {position: relative;display: block;}
.link-box b {position: relative;color: #1b1c1e;text-transform: capitalize;font-weight: 500;    transition: all 0.3s ease;}
.misa_newsmm:hover .link-box b{padding-left: 25px;}
.link-box b .icon {position: absolute;left: 0;top: -2px;opacity: 0;font-size: 18px;font-weight: 700;transform-origin: left;transform: scaleX(0);    transition: all 0.1s ease;
}
.misa_newsmm:hover .link-box b .icon{opacity: 1;transform: scaleX(1);transition:all 0.3s ease 0.1s;}
.misa_newsmm:hover .misa_newsb{box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.10); color: #fff;}
.misa_newsm .owl-buttons{width: 100%; display: none;}
.misa_newsm .owl-pagination{text-align: center;}
.misa_newsm  .owl-controls .owl-page{width: 12px;height: 12px;border: 2px solid #1B1C1E; border-radius: 50%; position: relative; display: inline-block;margin: 0 5px; opacity: 0.5;}
.misa_newsm  .owl-controls .owl-page::after{content: '';display: inline-block;width: 4px; height: 4px;border-radius: 50%; position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -2px; background: #1B1C1E;}
.misa_newsm .owl-controls .owl-page.active{ opacity: 1;}

@media screen and (max-width:785px){
	.misa_news{padding: 50px 0;}
	
}
/**hzhb*/
.misa_hzhb{background: #edf0f5;padding: 140px 0; position: relative; overflow: hidden;}
.misa_hzhb2{background: #fff;}
.misa_hzhbm{max-width: 1200px; margin: 0 auto;padding: 50px  0 0; position: relative;}
.misa_hzhbm li{float: left;width: 25%; box-sizing: border-box;padding: 0 15px; margin-bottom: 30px;}
.misa_hzhbmm{box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.10);background: #fff;height: 252px;padding: 20px;box-sizing: border-box; overflow: hidden;}
.misa_hzhbmm img{max-width: 100%; max-height: 100%; transition: all 0.5s;}
.misa_hzhbmm:hover img{transform: scale(1.1);}
.misa_hzhb2 .circles-two {
    left: 80px;
    bottom: 80px;top: initial;
    width: 150px;
    height: 150px;
}
.misa_hzhb2 .circles-two .c-1 {
    width: 150px;
    height: 150px;
}
.misa_hzhb2 .circles-two .c-2 {
    top: -35px;
    left: auto;
    right: -35px;
    width: 100px;
    height: 100px;
}
@media screen and (max-width:1200px){
	.misa_hzhbm li{width: 33.33%;}
}
@media screen and (max-width:980px){
	.misa_hzhbm li{width: 50%;}
}
@media screen and (max-width:700px){
	.misa_hzhb{padding: 50px 0;}
	.misa_hzhbm li{width: 100%;}
}


/**footer**/
.misa_footert{padding: 80px 0;background: #181b1f;position: relative;}
.misa_footert .wrap{position: relative;z-index: 2;}
.misa_footert h2{color: #fff;font-size: 16px; line-height: 20px;margin-bottom: 20px; position: relative;padding-bottom: 18px; letter-spacing: 2px;border-bottom: 1px dashed rgba(255,255,255,0.1); }
.misa_footertl{width: 75%;}
.misa_footertlm{padding-right: 5%; min-width: 75px;}
.misa_footertlm:last-child{padding-right: 0;}
.misa_footertlm:last-child li::before{display: none;}
.misa_footertlm li{position: relative;margin-bottom: 8px;}
.misa_footertlm li::before{content: '>';color:#999ea5;font-size: 12px;font-family: serif; margin-right: 12px; transition: all 0.3s;}
.misa_footertlm li a{display: inline-block;line-height: 20px;color:#999ea5;font-size: 12px; }
.misa_footertlm li:hover a,.misa_footertlm li:hover::before{color: #fff;}
.misa_footertlm li.misa_tel a{font-family: CondensedB;font-size: 36px; line-height: 35px;padding-bottom: 15px;}
.misa_wechat{border: 1px solid #aaa;border-radius: 50%;width: 26px;height: 26px;background: url(../images/wechat.png) no-repeat center center; position: relative;}
.misa_wechat:hover{border: 1px solid #fff;background: url(../images/wechatb.png) no-repeat center center;}
.misa_wechat img{width: 120px;position: absolute;left: 50%;margin-left: -60px;bottom: 40px; display: none;}
.misa_wechat:hover img{display: block;}

.misa_qq{border: 1px solid #aaa;border-radius: 50%;width: 26px;height: 26px;background: url(../images/qq.png) no-repeat center center;}
.misa_qq:hover{border: 1px solid #fff;border-radius: 50%;width: 26px;height: 26px;background: url(../images/qqb.png) no-repeat center center;}
.misa_sina{border: 1px solid #aaa;border-radius: 50%;width: 26px;height: 26px;background: url(../images/sina.png) no-repeat center center;}
.misa_sina:hover{border: 1px solid #fff;border-radius: 50%;width: 26px;height: 26px;background: url(../images/sinab.png) no-repeat center center;}
.misa_email{border: 1px solid #aaa;border-radius: 50%;width: 26px;height: 26px;background: url(../images/emaila.png) no-repeat center center;}
.misa_email:hover{border: 1px solid #fff;border-radius: 50%;width: 26px;height: 26px;background: url(../images/emailb.png) no-repeat center center;}
.misa_footertr{width: 25%; display: flex;justify-content: flex-end;}
.misa_footertrewm{ text-align: center;}
.misa_footertrewmt{width: 100px; height: 100px;box-sizing: border-box;}
.misa_footertrewmt img{width: 100px;}

.misa_footertrewm p{color: #A3A3A3;font-size: 12px; line-height: 30px;padding: 5px 0 0;}
.misa_footerb{ line-height: 20px;font-size: 12px;background: #181b1f;color: #666;}
.misa_footerb .wrap{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.10);}
.misa_footerb .yqlj{ padding-left: 70px; position: relative;}
.misa_footerb .yqlj span{color: #666;font-size: 14px; width:70px;display: inline-block;position: absolute; line-height: 20px;left: 0;top: 0;}
.misa_footerb .yqlj a{color: #666; margin-right: 10px; line-height: 20px;}
.misa_footerb .yqlj a:hover{color: #fff;}
.misa_footerb a{color: #666;}
.misa_footerb a:hover{color: #fff;}
 @media screen and (max-width:1060px){
.misa_footert .wrap{flex-wrap: wrap;}
.misa_footertl{width: 100%;}
.misa_footertr{width: 100%; justify-content: center;padding: 30px 0 0;}
}
 @media screen and (max-width:750px){
	 .misa_footert{padding: 50px 0;}
	.misa_footertlm{padding: 0;width: 100%;}
	.misa_footertlm h2::after{content: '';display: inline-block;width: 20px;height: 20px;background: url(../images/down.png) no-repeat center center;position: absolute;right: 0; top: 0;}
	.misa_footertlm ul{display: none;padding: 0 0 25px;}
	.misa_footertlm h2.open::after{background: url(../images/downb.png) no-repeat center center;}
	.misa_footertlm h2.open{color: #fff;}
}

/**float**/
.misa_float{position: fixed;right: 15px; top: 50%; z-index: 1000;width: 50px; margin-top: -102px;display: none;}
.misa_floatm{margin-bottom: 1px;position: relative;width: 50px; height: 50px;background: #222; transition: all 0.3s; text-align: center; line-height: 40px;}
.misa_floatm:hover{background: #222;}
.misa_floatm.two span{color: #fff;background: #222;position: absolute;right: 50px; height: 50px; line-height: 50px; top: 0;transition: all 0.3s;width: 0;display: inline-block;font-size: 14px;overflow: hidden; opacity: 0; }
.misa_floatm.two:hover span{width: 130px; background: #222; opacity: 1;}


/**二级页面**/
.misa_banners{ position: relative;background-size: cover;height: 580px;}
.misa_banners .mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #444; opacity: 0.3; z-index: 1;}


.misa_weizhi{width: 100%; z-index: 2;border-bottom: 1px solid #F5F5F5; background: #fff;}
.misa_weizhim{height: 50px;}
.misa_weizhim a{color: #999;font-size: 14px;padding-right: 15px;margin-right: 10px;position: relative;}
.misa_weizhim a:hover{color: #333;}
.misa_weizhim a b{font-weight: normal;font-family: serif;font-size: 12px;position: absolute;right: 0;top: 50%;margin-top: -7px; letter-spacing: -2px; }
.misa_weizhim a:hover b{color: #999;}
.misa_weizhim span{color: #333;font-size: 14px;}
 /**案例列表**/
.misa_allb{padding: 80px 0; position: relative;}
.misa_allb .dotted-pattern-5{    top: 270px;}
.misa_allbt{max-width: 1200px;margin: 0 auto;padding: 0 15px 50px;}
.misa_allbt ul{display: inline-block;}
.misa_allbt li{display: inline-block; margin: 0 8px;}
.misa_allbt li a{display: inline-block;padding:15px 40px;color: #1B1C1E;font-size: 16px; line-height: 30px; transition: all 0.3s;cursor: pointer; border: 1px solid #E5E5E5;}
.misa_allbt li.now a{color: #fff;background: #1B1C1E;}
.misa_allbm{max-width: 1200px;margin: 0 auto;}
.misa_allbm li{display: inline-block;width: 33.33%;box-sizing: border-box;padding: 0 15px 50px; float: left;}
.misa_allbm li .misa_casebm{width: 100%;margin: 0;padding: 0;}
.misa_allbm li .misa_casebmpic{height: 370px;}

 @media screen and (max-width:1200px){
	.misa_allbm li{width: 50%;}
}
 @media screen and (max-width:750px){
	.misa_allbm li{width: 100%;}
}
/**分页**/
.page{}
.page a{display: inline-block;width: 50px;height: 50px; text-align: center;box-sizing: border-box;line-height: 48px;font-size: 14px; color: #181b1f;margin: 0 8px 5px; background: #fff;border: none; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15);}
.page strong{display: inline-block;width: 50px;height: 50px;color: #fff; text-align: center;box-sizing: border-box;line-height: 50px;font-size: 14px; margin: 0 3px 5px;background: #171b27; border: none;box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15);}
.page a:hover{color: #fff;background: #171b27;box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15);}
.page a.prev,.page a.nxt{font-family: serif;font-size: 18px;font-weight: bold;background-image: none;padding: 0;}
.page label{border: 1px solid #bbb;box-sizing: border-box;height: 40px;padding: 0 10px;margin: 0 5px; display: flex;justify-content:center;align-items: center;font-size: 14px; color: #666; line-height: 20px;display: none;}
.page label input{text-align: center;border: none;line-height: 20px;}

/**新闻列表**/
.misa_xwlb{padding:140px 0; position: relative;}
.misa_xwlb .dotted-pattern-5{    top: 270px;}
.misa_xwlbm{max-width: 1200px;margin: 0 auto; position: relative;}
.misa_xwlbm li{display: inline-block;width: 33.33%;box-sizing: border-box;padding: 0 15px 50px; float: left;}
.misa_xwlbm li .misa_newsmm{margin: 0;}
 @media screen and (max-width:1200px){
	.misa_xwlbm li{width: 50%;}
}
 @media screen and (max-width:750px){
	.misa_xwlbm li{width: 100%;}
}
/**案例、新闻详情**/
.misa_xq{padding: 140px 0; margin: 0 auto; position: relative;z-index: 1;}
.misa_xq .dotted-pattern-5{    top: 270px;}


.misa_xqbox{background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.10), 0 30px 45px rgba(0,0,0,0.05);padding: 90px 70px 50px; box-sizing: border-box;max-width: 1200px;margin: 0 auto; position: relative;z-index: 2; margin-top: -220px;}
.misa_xwxqt{ text-align: center;color: #999;}
.misa_xwxqt h2{color: #050505;font-size: 30px; line-height: 45px;}
.misa_xwxqt a{color: #999;}
.misa_xwxqt a:hover{color: #333;}
.misa_xwxqzy{background: #f5f5f5;padding: 25px 30px;line-height: 25px;color: #333;font-size: 14px;}
.misa_xwxqm{color: #666;font-size: 14px; line-height: 28px;padding: 30px 0;}
.misa_xwxqm img{max-width: 100%;}
.misa_xwxqb{padding: 5px 0;}
.misa_xwxqb a{color: #999;font-size: 16px; display: inline-block; line-height: 38px; position: relative;box-sizing: border-box;width: 48%;padding:0 0 0 20px;  }
.misa_xwxqb a span{display: inline-block; width: 20px; height: 32px; text-align:left; line-height: 30px; color: #999;font-size: 14px;font-weight: bold; transition: all 0.3s; }
.misa_xwxqb a:last-child{ text-align: right;padding: 0 20px 0 0;}
.misa_xwxqb a:last-child span{text-align: right;  }
.misa_xwxqb a:hover{color: #1B1C1E;transform: translateX(-10px);}
.misa_xwxqb a:hover span{color:  #1B1C1E;}
.misa_xwxqb a:last-child:hover {transform: translateX(10px);}
.misa_xwtj{padding: 50px 0 0;}
.misa_xwxqb a span.ph{display: none;}
 @media screen and (max-width:870px){
	.misa_xqbox{margin: 0 15px;}
	.misa_xwxqb{flex-wrap: wrap;}
	.misa_xwxqb a{width: 100%;padding: 0;}
	.misa_xwxqb a:last-child{padding: 0; text-align: left;}
	.misa_xwxqb a span.ph{display: inline-block; text-align: left;padding: 0;}
	.misa_xwxqb a:last-child:hover{transform: translateX(-10px);}
	.misa_xwxqb a span.pc{display: none;}
}
/**详情页推荐**/
.misa_altj{max-width: 1200px;margin: 0 auto; position: relative;}
.misa_altj .misa_casebm{width: calc(100% - 30px); padding: 0; margin: 0 15px 50px;}
.misa_altjt{}
.misa_altjt h2{color: #1B1C1E;font-size: 25px;}
.misa_altjt .misa_link span{font-size: 12px;padding: 10px 20px; line-height: 20px;}

.misa_altj .misa_allbmm{margin: 0 15px 15px;width: calc(100% - 30px);}
.misa_altj .owl-buttons{width: 100%; display: none;}
.misa_altj .owl-pagination{text-align: center;}
.misa_altj  .owl-controls .owl-page{width: 12px;height: 12px;border: 2px solid #1B1C1E; border-radius: 50%; position: relative; display: inline-block;margin: 0 5px; opacity: 0.5;}
.misa_altj .owl-controls .owl-page::after{content: '';display: inline-block;width: 4px; height: 4px;border-radius: 50%; position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -2px; background: #1B1C1E;}
.misa_altj .owl-controls .owl-page.active{ opacity: 1;}
 @media screen and (max-width:1320px){

 }
@media screen and (max-width:785px){

}
/**联系我们**/
.misa_contact{padding: 100px 0 90px; position: relative;z-index: 1;}
.misa_contactl{width: 50%; box-sizing: border-box;padding-right: 15px;}
.misa_contactl .inner{position: relative;display: block;max-width: 500px;}
.misa_contactl .info {position: relative;padding: 50px 0 0;}
.misa_contactl .info .info-block {position: relative;display: block;margin-bottom: 52px;}
.misa_contactl .info .info-block .block-inner {position: relative;min-height: 114px;}
.misa_contactl  .info .info-block .icon-box {box-sizing: border-box;width: 114px;height: 114px;padding: 27px 10px;text-align: center;background: #1b1c1e;color: #ffffff;font-size: 40px;line-height: 60px;border-radius: 45% 55% 70% 35% / 45% 45% 55% 45%;box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.10);
}
.misa_contactl  .info .info-block .infotxt{ padding-left: 30px;}
.misa_contactl  .info .info-block .infotxt h2{color: #1B1C1E;font-size: 25px; line-height: 30px;margin-bottom: 10px;}
.misa_contactl  .info .info-block .infotxt p{color: #555;font-size: 15px; line-height: 25px;}
.misa_contactr{width: 50%;box-sizing: border-box;padding-left: 15px;}
.misa_contactr .form-box {padding: 70px;position: relative;margin-top: -290px;    background: #ffffff;box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.07);z-index: 10;}
.misa_contactr .form-box .form-boxm{padding: 30px 0 0;}
.misa_lyinput{background: #fff;padding:10px 20px;transition: all 300ms ease;color:#25283a;font-family:"Microsoft YaHei";width: 100%;box-sizing: border-box; height: 52px;font-size: 15px; border:1px solid #e5e5e5;}
.misa_lyinput:focus{border:1px solid #1B1C1E;}
.misa_lytext{border:1px solid #e5e5e5;padding:10px 20px;height: 170px;box-sizing: border-box;color:#25283a;line-height: 30px; transition: all 300ms ease;width: 100%;font-size: 15px;resize: none;font-family:"Microsoft YaHei";background: #fff;}
.misa_lytext:focus{border:1px solid #1B1C1E;}
.misa_lybtn{min-width: 190px;transition: all 0.3s ease; text-align: center;display: inline-block; border: none;background: none; cursor: pointer;}
.misa_lybtn .btn-title {position: relative;display: block;padding: 15px 25px;line-height: 30px;text-align: center;font-size: 16px;line-height: 30px; background: #1b1c1e; color: #fff;border-radius: 0px;outline: 1px solid transparent;z-index: 1;transition: all 0.3s ease;}
.misa_lybtn:hover .btn-title{background: #1b1c1e;outline-color: #ffffff;outline-offset: -4px;color: #ffffff;}
.misa_map{width:100%;position: relative;z-index: 1; height: 500px;}
.misa_lylbm{padding: 0 0 80px;max-width: 1200px;margin: 0 auto;}
.misa_lylbm li{margin-bottom: 50px; position: relative;padding: 40px 30px;position: relative; overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.05), 0 30px 45px rgba(0,0,0,0.05);}

.misa_lylbml{width: 160px; text-align: center;color: #888; line-height: 30px; font-size: 14px;}
.misa_lylbm li img{width: 72px; height: 72px;border-radius: 50%;}
.misa_lylbmr{padding-left:20px; box-sizing: border-box;width: 100%; position: relative;z-index: 2;}
.misa_lylbmrtl{font-size: 14px; color: #999; line-height: 26px;}
.misa_lylbmrtl span{display: inline-block; padding-right: 30px;}
.misa_lylbmrtl b{color: #888;}

.misa_lylbmrtr a{font-size: 14px;color: #888;display: inline-block;}
.misa_lylbmrtr a:hover{color: #333;}
.misa_lylbmrb{color: #999;font-size: 13px;padding: 10px 0; line-height: 24px;}
.misa_huifu{margin: 50px 0 0 50px;}
/**弹框**/
.pg_misa_liuyan .fwinmask{width: 600px;}
.misa_lytc{width: 100vw; height: 100vh; position: fixed; z-index: 200; background: #000; opacity: 0.6;display: none; left: 0; top: 0;}
.pg_misa_liuyan .fwinmask .fwin{width: 100%;}
.pg_misa_liuyan .fwinmask .t_l,.pg_misa_liuyan .fwinmask .t_c,.pg_misa_liuyan .fwinmask .t_r,.pg_misa_liuyan .fwinmask .m_l,.pg_misa_liuyan .fwinmask .m_r,.pg_misa_liuyan .fwinmask .b_l,.pg_misa_liuyan .fwinmask .b_c,.pg_misa_liuyan .fwinmask .b_r{display: none;}
.pg_misa_liuyan .fwinmask .m_c{padding: 20px 25px;}
.misa_tctitle{color: #1B1C1E;font-size: 24px;  line-height: 38px; position: relative;}
.misa_tcclose{color:#1B1C1E; cursor: pointer;font-size: 40px;display: inline-block;position: absolute;width: 30px;height: 30px; text-align: center; line-height: 30px;font-weight: normal;right: -10px; top: -10px;font-weight: 100;}
.misa_tcclose:hover{transform: rotate(180deg);}
.misa_tcform{padding: 15px;transition: all 0.3s; border: 1px solid #e5e5e5;}
.misa_tcformtxt{color: #1B1C1E; font-size: 14px;}
.misa_tcform_input{border:none; width: 70%; box-sizing: border-box;color:#1B1C1E;font-size: 14px;font-family:"Microsoft YaHei";padding-left: 15px; background: none;}


.misa_tcform_text{border:none;padding: 0 0 0 15px; transition: all 0.3s; width: 85%; box-sizing: border-box;color: #1B1C1E;font-size: 14px; height: 60px; background: none; line-height: 20px;}

.misa_tcform_btn{transition: all 0.3s ease; text-align: center;display: inline-block; border: none;background: none; cursor: pointer;}
.misa_tcform_btn .btn-title {position: relative;display: block;padding: 12px 30px;line-height: 30px;text-align: center;font-size: 16px;line-height: 30px; background: #1b1c1e; color: #fff;border-radius: 0px;outline: 1px solid transparent;z-index: 1;transition: all 0.3s ease;}
.misa_tcform_btn:hover .btn-title{background: #1b1c1e;outline-color: #ffffff;outline-offset: -4px;color: #ffffff;}


.misa_tcformtxt2{color: #050505;font-size: 16px; line-height: 40px;background: url(../images/warn.png) no-repeat left center; padding-left: 25px; margin-left: 5px;}
@media screen and (max-width:1250px){
.misa_lybtn{width: 100%;}
}
@media screen and (max-width:1000px){
.misa_contact{padding: 50px 0 80px;}
.misa_contactl,.misa_contactr{width: 100%;padding: 0;}
.misa_contactr .form-box{margin: 0;padding: 50px 25px;}
.misa_contactl .inner{max-width: 100%;}

.misa_lyinput{width: 100%;}
.misa_lylbm{padding: 50px 0 0;}
.misa_lylbm li{padding: 30px 15px; margin-bottom: 30px;}
.misa_lylbml{width: 100px;}
.misa_lylbmr{padding-left: 10px;}
.misa_lylbmrtl{width: 100%;}
.misa_lylbmrtr{width: 100%;padding: 10px 0; justify-content: flex-start;}
.misa_lylbmrtl span{display: block;padding: 0;}
.misa_huifu{margin: 50px 0 0 30px;}
.misa_lylbm li::after{right: 0;font-size: 300px;top: -105px;}
}
@media screen and (max-width:750px){
.misa_contactl .info .info-block .block-inner{flex-direction:column;justify-content: center;}
.misa_contactl .info .info-block .infotxt{padding: 30px 0 0; text-align: center;}
.misa_contactr .form-box{padding: 0 25px 50px;}
.pg_misa_liuyan .fwinmask{width: 90%;}
.misa_tcform_text{width: 70%;}
}

/**关于我们**/
.misa_gywm{padding: 140px 0 100px; position: relative;}
.misa_gywm .wrap{position: relative;z-index: 2;}
.misa_gywml{width: 50%;box-sizing: border-box;padding-right: 30px;}
.misa_gywmr{width: 50%;color: #8e949f;font-size: 16px; text-align: justify; line-height: 30px;}
.misa_gywmb{padding: 80px 0 0;}
.misa_gywmbm{margin: 0 7.5px; position: relative; width: calc(100% - 30px); overflow: hidden;}
.misa_gywmbm a{display: inline-block;width: 100%; height: 100%;position: absolute; left: 0; top: 0; z-index: 4;}
.picspan{display: inline-block;width: 100%; height: 100%;position: absolute; left: 0; top: 0; z-index: 2;transition: all 0.9s ease;background-repeat: no-repeat;background-position: center;background-size: cover;}
.misa_gywmbm:hover .picspan{transform: scale(1.1);}
.misa_gywmbm img{width: 100%;position: relative;z-index: 1;height: auto; vertical-align: top; opacity: 0;}
.misa_gywmbm::after{content: '';display: inline-block;width: 100%; height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: rgba(0,0,0,0.70); opacity: 0; transition: all 0.4s ease;transform: scale(2);}
.misa_gywmbm::before{content: '';display: inline-block;width: 50px;height: 50px;background: url(../images/four5.png) no-repeat center center;position: absolute; z-index: 3;top: calc(50% - 25px);left: calc(50% - 25px); opacity: 0; transition: all 0.4s ease;transform: scale(2);}
.misa_gywmbm:hover::after{ opacity: 1;transform: scale(1);}
.misa_gywmbm:hover::before{opacity: 1;transform: scale(1);}
 
#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}
.misa_gywmb .owl-pagination{text-align: center; padding: 20px 0 0;}
.misa_gywmb  .owl-controls .owl-page{width: 12px;height: 12px;border: 2px solid #1B1C1E; border-radius: 50%; position: relative; display: inline-block;margin: 0 5px; opacity: 0.5;}
.misa_gywmb  .owl-controls .owl-page::after{content: '';display: inline-block;width: 4px; height: 4px;border-radius: 50%; position: absolute;left: 50%;top: 50%;margin: -2px 0 0 -2px; background: #1B1C1E;}
.misa_gywmb .owl-controls .owl-page.active{ opacity: 1;}
.misa_gywmb .owl-buttons{display: none;}
@media screen and (max-width:750px){
.misa_gywm{padding: 50px 0;}
.misa_gywml{width: 100%; padding: 0 0 30px;}
.misa_gywmr{width: 100%;}
.misa_gywmb{padding: 30px 0 0;}
}
@media screen and (max-width:495px){
.misa_gywmbm{margin: 0; width: 100%;}
}
.misa_fzlc{background: #edf0f5;padding: 140px 0; position: relative; overflow: hidden;}
.misa_fzlc .dotted-pattern-6 {right: -180px;bottom: 200px;top:initial;}
.misa_fzlc .tri-pattern-5 {right: 30px;bottom: 80px;top: initial;}
.h-container {position: relative;display: block;margin: 60px 0 0;}
.h-container:before {content: '';position: absolute;left: 50%;top: 0;bottom: 0;border-left: 1px solid #d0d0d0;}
.history-block {position: relative;display: flex;justify-content: flex-start; margin-top: -50px;}
.history-block:first-child{margin: 0;}
.history-blockm{width: 50%; box-sizing: border-box;padding: 0 15px;}
.hinner{position: relative;display: block;padding-right: 110px;
}
.hinner .pic{position: relative;display: block;margin-bottom: 30px;}
.hinner .pic:before {content: '';position: absolute;left: -95px;top: -70px;width: 226px;height: 226px;display: block;background: url(../images/five1e.png) center center no-repeat;animation-name: ScaleMe;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;}
.hinner .pic::after{    content: '';position: absolute;right: -132px;top: 50%;margin-top: -6px;width: 12px;height: 12px;background: #1b1c1e;border-radius: 50%;}
.hinner .pic .picm{    position: relative;display: block;box-shadow: 0px 25px 30px 0px rgba(0,0,0,0.15);}
.hinner .pic .picm img{width: 100%;max-width: 100%; vertical-align: top;}
.hinnerb h2{font-size: 25px; line-height: 30px; margin-bottom: 10px; color: #1B1C1E;}
.hinnerb p{    color: #858990;font-size: 14px; line-height: 25px;}
.history-block:nth-child(2n){ justify-content: flex-end;}
.history-block:nth-child(2n) .hinner{padding-left: 110px;    padding-right: 0px;}
.history-block:nth-child(2n) .hinner .pic:before{left: auto;top: -75px; right: -70px;}
.history-block:nth-child(2n) .hinner .pic::after{right: auto;    left: -131px;}
@media screen and (max-width:1200px){
	.misa_fzlc .dotted-pattern,.misa_fzlc .tri-pattern{display: none;}
}
@media screen and (max-width:750px){
.misa_fzlc{padding: 50px 0;}
.history-block,.history-block:first-child {margin: 0 0 50px;}
.history-block .hinner .pic::before,.history-block .hinner .pic::after,.h-container:before{display: none;}
.history-blockm{width: 100%;padding: 0;}
.hinner,.history-block:nth-child(2n) .hinner{padding: 0;}
.hinnerb{text-align: center;}
}





/**discuz**/
#toptb{width: 100%!important;min-width: initial;}
.frame{margin: 0;border: none;background: none;}
.block,.temp{margin: 0} 
.misa_header_wrap_diy{top: 28px;}
.misa_nav li a span{display: none;}
.misa_header .p_pop{width: 210px;border: none;box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);padding: 0;top: 110px!important;transform-origin: top center;animation-duration: .3s;    animation-name: fadeInUp;}
.misa_header .p_pop li a{padding: 22px 20px;border: none;color: #1B1C1E;font-size: 14px;}
.misa_header .p_pop li a:hover{color: #fff; text-indent: 10px;background: #1B1C1E!important;}