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;background-image: url(../images/four1a.png);background-position: left top;background-size: auto;background-repeat: repeat;background-attachment: scroll; 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: #888;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #888;}
.swiper-button-disabled{cursor: not-allowed!important;}
.wrap{max-width: 1200px; margin: 0 auto;box-sizing: border-box;padding: 0 15px;}
@media screen and (max-width:1261px){
	.wrap{max-width: 100%;padding: 0 15px;}
}

.bodynow{overflow: hidden;}
/**header**/
.misa_header_wrap{border-bottom: 1px solid rgba(255, 255, 255, 0.05);width: 100%; position: fixed;left: 0; top: 0; z-index: 10;  }
.misa_header{background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);transition:all .4s ease-out;}
.misa_header .wrap{height: 110px; 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: #ddd;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{color: #fff;}
.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);}
/**search**/
.iconss{display: inline-block;width: 30px;height: 30px;background: url(../images/iconss.png) no-repeat center center; cursor: pointer;}
.misa_ss{width: 100%; background: #fff; position: fixed;left: 0;top: 0; z-index: 100; display: none;box-shadow: 0 2px 15px 0px rgba(0,0,0,0.07);}
.misa_ssbox{padding: 50px 0 30px;}
.misa_ssm{width: 1200px;margin: 0 auto;background: #F5F5F5;border-radius: 3px; position: relative;}
.misa_ssm .close{display: inline-block;color: #333;font-size: 30px; position: absolute; line-height: 20px; right: 0; top: -35px; cursor: pointer;}
.misass_input{border: none!important;height: 55px; line-height: 54px; width: 140px;font-family:"Microsoft YaHei";color: #333;font-size: 16px;background: none;width: 80%!important;box-sizing: border-box;padding: 0 15px;}
.misass_btn{background:none; border: none;width: 10%;height: 55px;cursor: pointer;font-family:"Microsoft YaHei";color: #333;font-size: 16px; border-left: 1px solid #eee;position: relative;}
.misass_btn::before{content: '';display: inline-block;width: 1px;height: 100%; position: absolute;left: 1px; top: 0;background: #fff;}
@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{border: 1px solid rgba(255,255,255,0.05);padding: 0 15px; position: relative; margin-left: 10px;}
.misa_dlzc a{ display: inline-block; line-height: 36px;font-size: 15px; position: relative; color: #ddd;margin-right: 20px;}
.misa_dlzc a:hover{color: #fff;}
.misa_dlzc a::before{content: '';display: inline-block;width: 1px;height: 16px; background: #fff; opacity: 0.05;position: absolute;right: -10px;top: 50%;margin-top: -8px;}
.misa_dlzc a:last-child{margin-right: 0;}
.misa_dlzc a:last-child::before{display: none;}
.misa_header_wrap.now .misa_header{background: #222;}
.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: #ddd; 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{background: #fff;}
	.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;}
	.phnavm{background: #333;}
	.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;}
	.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: 780px;}
.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; }
.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: 18px; bottom: 30px;}
.dl-slider .slick-dots li button{border: none;border-radius: 0;width: 18px;height: 18px; position: relative;background: none;}
.dl-slider .slick-dots li button::after{content: '';display: inline-block;width: 8px;height: 8px;background: #fff;position: absolute;left: 5px;top: 5px;}
.dl-slider .slick-dots li.slick-active button{border: none;background:url(../images/four3.png) no-repeat center center;}
.dl-slider .overlay{background: #000; opacity: 0.6;}
.misa_line{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/four1.png) repeat;}
.dl-slider .bg-img{height: 82vh; position: relative;}
.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: 42px;text-shadow: 0 1px 2px rgba(0,0,0,.5);font-weight: bold;}
.slider-content-wrapl p{font-size: 18px; line-height: 28px;margin: 20px 0 28px;color: #eee; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);}
.slider-content-wrapl a{color: #ddd;position: relative;padding: 8px 0;font-size: 16px; box-sizing: border-box;  border: 2px solid rgba(255, 255, 255, 0.75)!important;width: 150px; }
.slider-content-wrapl a span{line-height: 26px;display: inline-block;}
.slider-content-wrapl a b{ margin-left: 5px;font-size: 20px; transition: all 0.3s;}
.dl-slider a:hover{ border:2px solid #fff!important; color: #fff;}
.dl-slider a:hover b{transform: translateX(6px);}
@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);}
}
/****/
.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_title4{}
.misa_title4 span{display: inline-block;color: #999;font-size: 12px; line-height: 22px; text-transform: uppercase;}
.misa_title4 h2{color:#333;font-size: 30px;padding: 15px 0 25px; line-height: 38px;position: relative;}
.misa_title4 h2::after{content: '';display: inline-block;width: 52px;height: 2px;background: rgba(0, 0, 0, 0.1);position: absolute;left: 50%;margin-left: -26px;bottom: -2px;}
/**serve**/
.misa_serve{padding: 120px 0; position: relative;}
.misa_servem{max-width: 1200px; margin: 0 auto;}
.misa_servem .owl-carousel .owl-wrapper-outer{position: relative;z-index: 1;}
.misa_servemm{margin: 0 15px 15px; box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.07 );background: #fff; transition:all 0.3s ease-in-out;position: relative; top: 0; }
.misa_servemmt{width:100%;height: auto; position: relative; text-align: center;background-repeat: no-repeat;background-position: center;background-size: cover;}
.misa_servemmt img{width: 100%;position: relative;z-index: 1;height: auto; vertical-align: top; opacity: 0;}
.misa_servemmt::after{content: '';display: inline-block;width: 100%; height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #333; opacity: 0; transition: 0.3s all ease-in-out;}
.misa_servemmt::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% - 20px);transition: 0.3s all ease-in-out;left: calc(50% - 25px); opacity: 0;}
.misa_servemm p{margin: 0 15px;padding: 30px 0; color: #555;font-size: 16px; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.misa_servemm:hover{box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);top: -2px;}
.misa_servemm:hover .misa_servemmt::after{ opacity: 0.4;}
.misa_servemm:hover .misa_servemmt::before{top: calc(50% - 35px); opacity: 1;}
 .misa_servem .owl-buttons{width: 100%;}
.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;padding: 20px 0 0; display: none;}
.misa_servem  .owl-controls .owl-page{width: 10px;height: 10px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 5px;}
.misa_servem  .owl-controls .owl-page.active{background: #000;}
 @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;}
}
/**case**/
.misa_case{background: #333;padding: 50px 0 0;}
.misa_caset{text-align: center;padding: 0 0 60px;}
.misa_caset h2{color:#fff;font-size: 30px;padding: 0 0 30px; line-height: 38px;}
.misa_caset ul{display: inline-block;background: #fff;}
.misa_caset li{display: inline-block;padding:0 20px;color: #888;font-size: 14px;background: #fff; line-height: 55px; transition: all 0.3s;cursor: pointer;}
.misa_caset li.active{color: #000;background: #ddd;}
.misa_caset li:hover{color: #000;}
.misa_caseb{}
.misa_casebm{width: 33.33%;float: left; position: relative; overflow: hidden;}
.misa_casebm a{display: inline-block;position: absolute;left: 0; top: 0;width: 100%; height: 100%; z-index: 4;}
.misa_casebmpic{position: relative;z-index: 1; background-repeat: no-repeat;background-position: center center;background-size: cover; transition: 0.3s;}
.misa_casebmpic img{width: 100%; height: auto;vertical-align: top; opacity: 0;}
.misa_casebm::before{content: '';display: inline-block;width: 100%;height: 100%;background: #333;position: absolute;left: 0;top: 0; z-index: 2; opacity: 0; transition: all 0.3s; opacity:0;}
.misa_casebm:hover::before{opacity: 0.4;}
/**.misa_casebm:hover .misa_casebmpic{transform: scale(1.03);}**/
.misa_casebmtxt{width: 100%;position: absolute;left: 0;bottom: -50px; z-index: 3;padding: 15px 30px;box-sizing: border-box; transition: all 0.5s;}
.misa_casebmtxt h2{color: #fff; text-align: center; font-size: 18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%; opacity: 0;transition: all 0.3s;}
.misa_casebm:hover .misa_casebmtxt{bottom: 0;}
.misa_casebm:hover .misa_casebmtxt h2{opacity: 1;}
.misa_casemore{background: #444;padding: 30px;text-align: center;width: 100%;box-sizing: border-box;color: #fff;font-size: 16px;}
.misa_casemore span{line-height: 26px;display: inline-block;}
.misa_casemore b{ margin-left: 5px;font-size: 20px; transition: all 0.3s;}
.misa_casemore:hover{  background: #333;}
.misa_casemore:hover b{margin-left: 12px;}
 @media screen and (max-width:1201px){
 	.misa_casebm{width: 50%;}
 }
 @media screen and (max-width:760px){
	 .misa_caseb{padding: 0 15px;}
 	.misa_casebm{width: 100%; margin-bottom: 30px;}
 }
/**about*/
.misa_about{padding: 120px 0;background-color: #f5f5f5;background-image: url(../images/four1b.png);background-repeat: repeat;}
.misa_aboutl{width: 66%; position: relative;z-index: 1;}
.misa_aboutl img{width: 100%;height: auto; vertical-align: top;}
.misa_aboutr{width: 34%; position: relative;z-index: 2;}
.misa_aboutr::after{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: -72px;bottom: -76px; z-index: 1;background: url(../images/four6.png);}
.misa_aboutrm{background: #fff;box-shadow: 0 2px 15px 0px rgba(0,0,0,0.07); margin-left: -120px;padding: 50px; position: relative;z-index: 2; margin-top: 80px;}
.misa_aboutrmt{}
.misa_aboutrmt span{display: inline-block;color: #999;font-size: 12px; line-height: 22px; text-transform: uppercase;position: relative;padding-left: 70px;}
.misa_aboutrmt h2{color:#333;font-size: 30px;padding: 15px 0 25px; line-height: 38px;position: relative;}
.misa_aboutrmt span::after{content: '';display: inline-block;width: 52px;height: 2px;background: rgba(0, 0, 0, 0.1);position: absolute;left: 0;top:10px}
.misa_aboutrm p{color: #777;font-size: 14px; line-height: 24px;}
.misa_aboutrm a{color: #999;position: relative;padding: 8px 0;font-size: 16px; box-sizing: border-box;  border: 2px solid #ddd;width: 150px;border-radius: 3px; }
.misa_aboutrm a span{line-height: 26px;display: inline-block;}
.misa_aboutrm a b{ margin-left: 5px;font-size: 20px; transition: all 0.3s;}
.misa_aboutrm a:hover{ border:2px solid #ccc; color: #777; background: #f9f9f9;}
.misa_aboutrm a:hover b{transform: translateX(6px);}
 @media screen and (max-width:780px){
	.misa_about{padding: 50px 0 100px;}
	.misa_about .wrap{padding: 0 15px; flex-wrap: wrap;}
	.misa_aboutl{width: 100%}
	.misa_aboutr{width: 100%;}
	.misa_aboutrm{margin: 0;padding: 32px 25px;}
 }
/**num**/
.misa_num_wrap{background-color: #777777;background-image: url(../images/four7.png);background-repeat: repeat;padding: 120px 0px;}
.misa_numm{width: calc(25% - ( 0.75 * 30px ) ); text-align: center;height: 188px; background: #fff;}
.misa_numm h2{ margin-bottom: 10px; color: #333;}
.misa_numm h2 span{font-size: 50px; }
.misa_numm h2 b{font-size: 30px; margin-left: 10px;}
.misa_numm p{color: #333;font-size: 16px; line-height: 20px;}
 @media screen and (max-width:780px){
	.misa_num_wrap{padding: 50px 0 20px;}
	.misa_num{ flex-wrap: wrap;}
	.misa_numm{width: 100%; margin-bottom: 30px;}
 }
/**news**/
.misa_news{padding: 120px 0; position: relative;    background-image: url(../images/four8.png);background-position: center center;background-size: cover;}
.misa_newst{border-bottom: 1px dashed #eee;padding: 16px 0;}
.misa_newst h2{color: #333;font-size: 30px;}
.misa_newst a{color: #999;position: relative;font-size: 16px; box-sizing: border-box;   }
.misa_newst a span{line-height: 26px;display: inline-block;}
.misa_newst a b{ margin-left: 5px;font-size: 20px; transition: all 0.3s;}
.misa_newst a:hover{  color: #333; }
.misa_newst a:hover b{transform: translateX(6px);}
.misa_newsm{max-width: 1200px;margin: 0 auto; position: relative;}
.misa_newsmm{margin: 0 15px 15px; background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.07);}
.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_newsmmt::after{content: '';display: inline-block;width: 100%; height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #333; opacity: 0; transition: 0.3s all ease-in-out;}
.misa_newsmmt::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% - 35px);transition: 0.3s all ease-in-out;left: calc(50% - 35px); opacity: 0;}
.misa_newsmm:hover .misa_newsmmt::after{ opacity: 0.4;}
.misa_newsmm:hover .misa_newsmmt::before{left: calc(50% - 25px); opacity: 1;}
.misa_news_date{display: inline-block;background: #333;color: #fff;font-size: 12px;padding: 5px 12px;position: relative;left: 25px;top: -15px; z-index: 2;}
.misa_newsb{padding: 0 25px 15px;}
.misa_newsb h2{color: #333;font-size: 16px; line-height: 24px;height: 24px; transition: 0.3s all ease-in-out;}
.misa_newsb p{transition: 0.3s all ease-in-out; color: #888;font-size: 12px; line-height: 22px;height: 44px;margin: 15px 0;}
.misa_newsb a{color: #999;position: relative;font-size: 12px; box-sizing: border-box;   }
.misa_newsb a span{line-height: 26px;display: inline-block;}
.misa_newsb a b{ margin-left: 5px;font-size: 15px; transition: all 0.3s;transform: translateY(2px);}
.misa_newsmm:hover .misa_newsb h2{ transform: translateX(3px);color: #000;}
.misa_newsmm:hover .misa_newsb p{transform: translateX(3px);}
.misa_newsmm:hover .misa_newsb a{transform: translateX(3px);color: #333;}
.misa_newsmm:hover .misa_newsb a b{transform: translate(6px,2px);}
.misa_newsm .owl-buttons{width: 100%;}
.misa_newsm .owl-buttons div{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px; font-size: 0; transition: all 0.3s;}
.misa_newsm .owl-buttons div.owl-prev{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,0.3);left: -52px;}
.misa_newsm .owl-buttons div.owl-prev:hover{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,1);}
.misa_newsm .owl-buttons div.owl-next{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,0.3);right: -52px;}
.misa_newsm .owl-buttons div.owl-next:hover{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,1);}
.misa_newsm .owl-pagination{text-align: center;padding: 20px 0 0; display: none;}
.misa_newsm  .owl-controls .owl-page{width: 10px;height: 10px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 5px;}
.misa_newsm  .owl-controls .owl-page.active{background: #000;}
 @media screen and (max-width:1320px){
.misa_newsm .owl-buttons div.owl-prev{left: 0;}
.misa_newsm .owl-buttons div.owl-next{right: 0;}
 }
@media screen and (max-width:785px){
	.misa_news{padding: 50px 0;}
	.misa_newsm .owl-buttons div{display: none;}
	.misa_newsm .owl-pagination{display: block;}
}

/**parter**/
.misa_parter{padding: 120px 0 150px;background-color: #f5f5f5;background-image: url(../images/four1b.png);background-repeat: repeat;}
.misa_parterm{max-width: 1200px; margin: 0 auto;padding: 50px 0 0;}
.misa_parterm .item{margin: 0 15px 15px;}
.misa_parterm .itemm{ height: 100px;box-sizing: border-box;background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.07);}
.misa_parterm img { display: block; max-width: 100%;}
.misa_parterm .owl-buttons{display: none;}
.misa_parterm .owl-pagination{text-align: center;padding: 20px 0 0; }
.misa_parterm  .owl-controls .owl-page{width: 10px;height: 10px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 5px;}
.misa_parterm  .owl-controls .owl-page.active{background: #000;}
 @media screen and (max-width:760px){
.misa_parter{padding: 50px 0;}
}
/**footer**/
.misa_footert{padding: 80px 0;background: #222;position: relative;}
.misa_footert .wrap{position: relative;z-index: 2;}
.misa_footert h2{color: #999;font-size: 15px; 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: 68px;}
.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: #aaa;font-size: 12px;font-family: serif; margin-right: 12px; transition: all 0.3s;}
.misa_footertlm li a{display: inline-block;line-height: 20px;color: #aaa;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/email.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{padding: 20px 0; line-height: 20px;font-size: 12px;background: #111;color: #666;}
.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_banners .line{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/four1.png) repeat; z-index: 2;}

.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;}
.misa_allbt{max-width: 1200px;margin: 0 auto;padding: 0 15px 50px;}
.misa_allbt ul{display: inline-block;background: #fff; box-shadow: 0 2px 5px 0 rgba( 0, 0, 0, 0.07 );}
.misa_allbt li{display: inline-block;}
.misa_allbt li a{display: inline-block;padding:0 20px;color: #888;font-size: 14px;background: #fff; line-height: 55px; transition: all 0.3s;cursor: pointer;}
.misa_allbt li:hover a{color: #000;}
.misa_allbt li.now a{color: #000;background: #ddd;}
.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_allbmm{ background: #F5F5F5; width: 100%; transition:all 0.3s ease-in-out;position: relative; top: 0; display: inline-block;}
.misa_allbmmt{width:100%;height: auto; position: relative; text-align: center;background-repeat: no-repeat;background-position: center;background-size: cover;}
.misa_allbmmt img{width: 100%;position: relative;z-index: 1;height: auto; vertical-align: top; opacity: 0;}
.misa_allbmmt::after{content: '';display: inline-block;width: 100%; height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #333; opacity: 0; transition: 0.3s all ease-in-out;}
.misa_allbmmt::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% - 20px);transition: 0.3s all ease-in-out;left: calc(50% - 25px); opacity: 0;}
.misa_allbmm p{margin: 0 15px;padding: 20px 0; color: #333;font-size: 16px; text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 25px;}
.misa_allbmm:hover{box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);top: -2px; background: #fff;}
.misa_allbmm:hover .misa_allbmmt::after{ opacity: 0.4;}
.misa_allbmm:hover .misa_allbmmt::before{top: calc(50% - 35px); opacity: 1;}
 @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: 40px;height: 40px; text-align: center;box-sizing: border-box;line-height: 38px;font-size: 14px; color: #666;margin: 0 3px 5px; background: #F5F5F5;border: none;}
.page strong{display: inline-block;width: 40px;height: 40px;color: #333; text-align: center;box-sizing: border-box;line-height: 40px;font-size: 14px; margin: 0 3px 5px;background: #ddd; border: none;}
.page a:hover{color: #333;background: #fff;box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);}
.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:80px 0;}
.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_xwlbmm{ background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.07);}
.misa_xwlbmmt{position: relative;overflow: hidden; z-index: 1; background-position: center center;background-repeat: no-repeat;background-size: cover;}
.misa_xwlbmmt img{width: 100%;height: auto; vertical-align: top; position: relative;z-index: 1; opacity: 0;}
.misa_xwlbmmt::after{content: '';display: inline-block;width: 100%; height: 100%;position: absolute;left: 0;top: 0; z-index: 2;background: #333; opacity: 0; transition: 0.3s all ease-in-out;}
.misa_xwlbmmt::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% - 35px);transition: 0.3s all ease-in-out;left: calc(50% - 35px); opacity: 0;}
.misa_xwlbmm:hover .misa_xwlbmmt::after{ opacity: 0.4;}
.misa_xwlbmm:hover .misa_xwlbmmt::before{left: calc(50% - 25px); opacity: 1;}
.misa_xwlb_date{display: inline-block;background: #333;color: #fff;font-size: 12px;padding: 5px 12px;position: relative;left: 25px;top: -15px; z-index: 2;}
.misa_xwlbb{padding: 0 25px 15px;}
.misa_xwlbb h2{color: #333;font-size: 16px; line-height: 24px;height: 24px; transition: 0.3s all ease-in-out;}
.misa_xwlbb p{transition: 0.3s all ease-in-out; color: #888;font-size: 12px; line-height: 22px;height: 44px;margin: 15px 0;}
.misa_xwlbb a{color: #999;position: relative;font-size: 12px; box-sizing: border-box;   }
.misa_xwlbb a span{line-height: 26px;display: inline-block;}
.misa_xwlbb a b{ margin-left: 5px;font-size: 15px; transition: all 0.3s;transform: translateY(2px);}
.misa_xwlbmm:hover .misa_xwlbb h2{ transform: translateX(3px);color: #000;}
.misa_xwlbmm:hover .misa_xwlbb p{transform: translateX(3px);}
.misa_xwlbmm:hover .misa_xwlbb a{transform: translateX(3px);color: #333;}
.misa_xwlbmm:hover .misa_xwlbb a b{transform: translate(6px,2px);}
 @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: 80px 0;max-width: 1200px; margin: 0 auto; position: relative;z-index: 1;}
.misa_xqbox{background: #fff;box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);padding: 50px 30px;}
.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: 14px; 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: #333;transform: translateX(-10px);}
.misa_xwxqb a:hover span{color:  #333;}
.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_allbmm{margin: 0 15px 15px;width: calc(100% - 30px);}
.misa_altj .owl-buttons{width: 100%;}
.misa_altj .owl-buttons div{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px; font-size: 0; transition: all 0.3s;}
.misa_altj .owl-buttons div.owl-prev{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,0.3);left: -52px;}
.misa_altj .owl-buttons div.owl-prev:hover{background: url(../images/four2.png) no-repeat center center rgba(0,0,0,1);}
.misa_altj .owl-buttons div.owl-next{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,0.3);right: -52px;}
.misa_altj .owl-buttons div.owl-next:hover{background: url(../images/four2b.png) no-repeat center center rgba(0,0,0,1);}
.misa_altj .owl-pagination{text-align: center;padding: 20px 0 0; display: none;}
.misa_altj  .owl-controls .owl-page{width: 10px;height: 10px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 5px;}
.misa_altj  .owl-controls .owl-page.active{background: #000;}
 @media screen and (max-width:1320px){
.misa_altj .owl-buttons div.owl-prev{left: 0;}
.misa_altj .owl-buttons div.owl-next{right: 0;}
 }
@media screen and (max-width:785px){
.misa_altj .owl-buttons div{display: none;}
.misa_altj .owl-pagination{display: block;}
}
/**联系我们**/
.misa_lxt{padding: 80px 0;background-color: #f5f5f5;background-image: url(../images/four1b.png);background-repeat: repeat;}
.misa_lxt ul{max-width: 1200px; margin: 0 auto;}
.misa_lxt li{width: 33.33%;padding: 0 15px;box-sizing: border-box;float: left;}
.misa_lxtm{background: #fff;height: 190px;box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);}
.misa_lxtm p{color: #333;padding: 20px 20px 0;white-space: nowrap;box-sizing: border-box;width: 100%;overflow: hidden;text-overflow: ellipsis;font-size: 16px; text-align: center;}
.misa_mapbox{padding: 120px 0; position: relative;    background-image: url(../images/four8.png);background-position: center center; background-repeat: repeat;}
.misa_map{width:50%;position: relative;z-index: 1; height: 480px;}
.misa_zxly{width: 50%;position: relative;z-index: 2;}
.misa_zxlym{background: #fff;box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);margin: 80px 0 0 -120px;padding: 50px;}
.misa_lyinput{background: #F5F5F5;padding: 15px; transition: all 0.2s;color:#333;font-family:"Microsoft YaHei";width: 48%;box-sizing: border-box; height: 50px;font-size: 14px; border: none;border-radius: 2px;}
.misa_lyinput:focus{background: #ddd;}
.misa_lytext{border:none;padding: 15px;height: 120px;box-sizing: border-box;color: #333;line-height: 38px; transition: all 0.2s;width: 100%;font-size: 14px;resize: none;font-family:"Microsoft YaHei";background: #F5F5F5;}
.misa_lytext:focus{background: #ddd;}
.misa_lybtn{border:none;color: #fff;font-size: 16px;padding: 15px 0;font-family:"Microsoft YaHei";background: #ddd; cursor: pointer; transition: all 0.3s;width: 250px; text-align: center;}
.misa_lybtn:hover{background: #333; }
.misa_lylbm{padding: 120px 0 0;}
.misa_lylbm li{margin-bottom: 50px; position: relative;padding: 40px 30px;background: #f9f8f3; position: relative; overflow: hidden;}
.misa_lylbm li::after{content: "“";font-size: 400px;position: absolute;color: rgba(0, 0, 0, 0.02);right: 20px;top: -136px;font-weight: 600; z-index: 1;}
.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; width: 50%;}
.misa_lylbmrtl span{display: inline-block; padding-right: 30px;}
.misa_lylbmrtl b{color: #888;}
.misa_lylbmrtr{width: 50%;}
.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: #333;font-size: 24px;  line-height: 38px; position: relative;}
.misa_tcclose{color: #333; 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{background: #F5F5F5;border-radius: 5px;padding: 15px;transition: all 0.3s;}
.misa_tcformtxt{color: #333; font-size: 14px;}
.misa_tcform_input{border:none; width: 70%; box-sizing: border-box;color: #333;font-size: 14px;font-family:"Microsoft YaHei";padding-left: 15px; background: none;}

.misa_tcform:focus{background: #ddd;}
.misa_tcform_text{border:none;padding: 0 0 0 15px; transition: all 0.3s; width: 88%; box-sizing: border-box;color: #333;font-size: 14px; height: 60px; background: none; line-height: 20px;}
.misa_tcform_btn{padding: 13px 36px;background: #ddd;color: #fff;line-height: 24px;font-size: 15px; cursor: pointer; transition: all 0.5s; border: none;}
.misa_tcform_btn:hover{color: #fff;background: #333;}
.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_map{width: 100%;}
.misa_zxly{width: 100%;box-sizing: border-box;padding: 0 50px;}
.misa_zxlym{margin: -80px 0 0;}
.misa_lybtn{width: 100%;}
}
@media screen and (max-width:1000px){
.misa_lxt li{width: 100%; margin-bottom: 30px;}
.misa_lxt li:last-child{margin-bottom: 0;}
.misa_mapbox{padding: 80px 0;}
.misa_zxly{padding: 0 15px;}
.misa_zxlym{padding: 30px 15px;}
.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){
	.pg_misa_liuyan .fwinmask{width: 90%;}
	.misa_tcform_text{width: 70%;}
}

/**关于我们**/
.misa_gywm{padding: 120px 0;}
.misa_gywml{width: 50%;box-sizing: border-box;padding-right: 30px;}
.misa_gywmr{width: 50%;color: #777;font-size: 14px; text-align: justify; line-height: 24px;}
.misa_gywmb{padding: 80px 0 0;}
.misa_gywmbm{margin: 0 7.5px;background-repeat: no-repeat;background-position: center;background-size: cover; position: relative; width: calc(100% - 15px);}
.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: #333; opacity: 0; transition: 0.3s all ease-in-out;}
.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% - 20px);transition: 0.3s all ease-in-out;left: calc(50% - 25px); opacity: 0;}
.misa_gywmbm a{display: inline-block;width: 100%; height: 100%;position: absolute; left: 0; top: 0; z-index: 4;} 
#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_gywmbm:hover::after{ opacity: 0.4;}
.misa_gywmbm:hover::before{top: calc(50% - 35px); opacity: 1;}
.misa_gywmb .owl-pagination{text-align: center;padding: 20px 0 0; }
.misa_gywmb .owl-controls .owl-page{width: 10px;height: 10px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 5px;}
.misa_gywmb .owl-controls .owl-page.active{background: #000;}
.misa_gywmb .owl-buttons{display: none;}
@media screen and (max-width:750px){
.misa_gywm{padding: 50px 0;}
.misa_gywml{width: 100%;}
.misa_gywmr{width: 100%;}
.misa_gywmb{padding: 30px 0 0;}
}
.misa_fzlcm{background: url(../images/lcbg.jpg) no-repeat center center;padding: 120px 0; position: relative; background-size: cover;}
.misa_fzlcm::before{content: '';display: inline-block;width: 100%; height: 1px;background: #fff;opacity: 0.1; position: absolute;left: 0;top: 203px;}
.misa_fzlcmb{position: absolute;right: 0; bottom: -80px;}
.misa_fzlcmb span{display: inline-block;width: 40px; height: 40px;cursor: pointer; transition: all 0.3s; box-sizing: border-box;border: 1px solid #1A1A1A;}
.misa_fzlcmbl{background: url(../images/icon12l.png) no-repeat center center #1A1A1A; margin-right: 1px;}
.misa_fzlcmbl:hover{background: url(../images/icon12lb.png) no-repeat center center #fff; border: 1px solid #ddd;}
.misa_fzlcmbr{background: url(../images/icon12r.png) no-repeat center center #1A1A1A;}
.misa_fzlcmbr:hover{background: url(../images/icon12rb.png) no-repeat center center #fff;border: 1px solid #ddd;}
.misa_fzlcbox{overflow: hidden;}
.misa_fzlcboxm{box-sizing: border-box;padding: 0 15px; cursor: pointer;color:#777;}
.misa_fzlcboxm h2{text-align: center;color:#777;font-size: 26px; line-height: 50px; margin-bottom: 80px;font-weight: bold; position: relative;}
.misa_fzlcboxmicon{ display: inline-block;width: 28px;height: 28px; background: rgba(255,255,255,0); position: absolute;top: 70px;left: 50%; margin-left: -14px;}
.misa_fzlcboxmicon:before{content: '';width: 6px;height: 6px; background: #fff; position: absolute;left: 50%; top: 50%; margin: -3px 0 0 -3px; opacity: 0.1;}
.misa_fzlcboxmicon:after{content: "";position: absolute;z-index: 9;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 20px;height: 20px; opacity: 0;transition: all 0.3s linear;background: #fff;   }
.misa_fzlcboxm p{ text-align: center;color: #777;font-size: 14px; line-height: 25px;padding: 0 15px;}
.misa_fzlcboxm.swiper-slide-active h2{color:#fff;}
.misa_fzlcboxm.swiper-slide-active p{color: #fff;}
.misa_fzlcboxm.swiper-slide-active .misa_fzlcboxmicon::before{opacity: 1;}
.misa_fzlcboxm.swiper-slide-active .misa_fzlcboxmicon:after{animation: pulse-border 1.8s ease-out 0.8s infinite;}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(0.2);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.misa_parter2{background: no-repeat;}
.misa_parter2 .misa_parterm .itemm{box-shadow: none; background: #F5F5F5;}












/**discuz**/
.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: none;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: #777;font-size: 14px;}

.misa_header .p_pop li a:hover{color: #333;background: #F5F5F5!important}