*{margin: 0;padding: 0;font-family: "微软雅黑";}		
a{color: #000000;text-decoration: none;}
ul,li{list-style: none;}
.fr{float: right;}
.fl{float: left;}
.center-block{margin: 0 auto;}
.text-center{text-align: center;}
.clearfix{clear: both;}
.container{width:1000px;margin: 0 auto;}
.txt_l{text-align: left;}
.txt_r{text-align: right;}
.body h1{font-size: 33px;}
.container:after{
	content: '';
	clear: both;
}
.body .container{width: 1200px;}
/*logo*/
.fixed{position: fixed;z-index: 9999;width: 100%;background: #ffffff;top:0;}



.banner img{display: block;}

/*轮播图*/

.banner img{width: 100%;}
.banner .swiper-slide{float: left;}
.banner .swiper-slide{height: 370px;width: 100%;background-image:url(/uploads/image/twixinmeiti_img/banner.jpg);background-position: center center; background-repeat: no-repeat;}
.banner .swiper-slide.slide2{background-image: url(/uploads/image/twixinmeiti_img/banner01.jpg);}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 88px;height: 2px;background: #ffffff;opacity:1;border-radius: 0%;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1184bf;}
/*社交广告*/
.shejiao{position: relative;}
 h1{color: #018de8;font-size: 33px;font-weight: initial;padding-top: 50px;margin-bottom: 40px;}
 h3{color: #373737;font-size: 18px;font-weight: initial;padding-bottom: 60px;}
.guanggao_txt .img .after1{width: 458px;height: 458px;transform: scale(0.4);transition-duration: .5s;border-radius: 50%;padding: 30px;margin-top: 10px;z-index: 66;position: relative;margin-left: -130px;}
.guanggao_txt .img{width: 260px;height: 570px;background:rgba(255,255,255,0) url(/uploads/image/twixinmeiti_img/tell.png) center center no-repeat;margin: 0 auto;position:absolute;left:50%;margin-left: -130px;}
.guanggao_txt .img img{margin-top: 20px;width: 100%;position: relative;}
/*.blur{width: 100%;height: 100%;background:rgba(255,255,255,0);position: absolute;z-index: 1;filter: blur(10px);left: 0;}*/
.guanggao_txt .blur:hover{background-color: rgba(255,255,255,.5);}
/*.guanggao_txt .img:hover .after1{transform: scale(1);background: #ffffff;border: 2px #007aff solid;}*/
.guanggao_txt div{display: inline-block;}
.guanggao_txt>.fr{width: 580px;}
.guanggao_txt>.fl{text-align: right;}
.guanggao_txt>.fl,.guanggao_txt>.fr{width: 310px;}
.guanggao_txt.a>.fl{width: 510px;}
.guanggao_txt.a>.fr{width: 580px;}
.guanggao_txt.a p{font-size: 16px;}
.fuwu_list ul li img{-webkit-transition: 0.5s 0s;}
.fuwu_list ul li img:hover{transform: rotatey(180deg);}
.width{width: 284px;height: 284px;border: 1px solid #dadada;border-radius: 50%;display: inline-block;-webkit-transition: 0.5s 0s;}
.width1,.width3{float: left;}
.width2,.width4{float: right;}
.width1:hover{background: #e72431;}
.width2:hover{background: #fbc422;}
.width3:hover{background: #0ea74a;}
.width4:hover{background: #018de8;}
.sj_txt a{color: #0080cb;line-height: 28px;}
.guanggao_txt button{width: 150px;height: 46px;border-radius: 3px;background: url(/uploads/image/twixinmeiti_img/zixun.png) center center no-repeat;}
.guanggao_txt>.fl.filter{
	filter: blur(5px);
	-webkit-filter: blur(5px);  
 /* chrome, opera */  
    -moz-filter: blur(5px);  
    -ms-filter: blur(5px);  
    filter: blur(5px);  
    filter: progid:dximagetransform.microsoft.blur(pixelradius=10, makeshadow=false); 
	}
.guanggao_txt>.fr.filter{
	filter: blur(5px);
	-webkit-filter: blur(5px);  
 /* chrome, opera */  
    -moz-filter: blur(5px);  
    -ms-filter: blur(5px);  
    filter: blur(5px);  
    filter: progid:dximagetransform.microsoft.blur(pixelradius=10, makeshadow=false); 
	
	}


.guanggao_txt>.fr{text-align: left;}
.guanggao_txt h3{color: #018de8;font-size: 28px;margin-top: 65px;margin-bottom: 25px;padding-bottom: 0;}
.guanggao_txt p{font-size: 14px;color: #000;line-height: 32px;margin-bottom: 12px;}
.guanggao_txt button{color: #ffffff;background: #018de8;font-size: 14px;border: 1px;width: 120px;line-height: 36px;}
.guanggao_txt button{width: 150px;height: 46px;border-radius: 3px;background: url(/uploads/image/twixinmeiti_img/zixun1.png) center center no-repeat;display: block;float: left;margin-top:60px;margin-bottom: 70px;transition-duration: .6s;}
.guanggao_txt button:hover{background-image: url(/uploads/image/twixinmeiti_img/zixun.png);}
.guanggao_txt button a{color: #ffffff;}
.guanggao_txt button a:hover{color: #ff0;}
.big_txt{margin-bottom: 15px;}
h3 span{padding-left: 40px;background: url(/uploads/image/twixinmeiti_img/icon.png) left center no-repeat;}
.big_txt2 span{background-image: url(/uploads/image/twixinmeiti_img/icon3.png);}
.big_txt3 span{background: url(/uploads/image/twixinmeiti_img/icon2.png) right center no-repeat;padding-left: 0;padding-right: 40px;}
.big_txt4 span{background: url(/uploads/image/twixinmeiti_img/icon4.png) right center no-repeat;padding-left: 0;padding-right: 40px;}




/*服务方案*/
.fuwu_list{padding-top: 40px;}
.fuwu_list ul{width: 1000px;margin: 0 auto;padding-bottom: 100px;}
/*.fuwu_list ul li span::before{
  content:"●";
  color:#018de8;
  font-size:16px;
  position: relative;
  left: -5px;
}*/
.fuwu_list ul li{padding-left: 15px;float: left;margin-right: 82px;}
.fuwu_list ul li.li{margin-right: 0;}
.fuwu_list ul li h6{font-size: 18px;color: #018de8;font-weight: initial;margin: 16px auto 20px;margin-left: 10px;}
.fuwu_list ul li span{width:168px;display: block;margin-left: -10px;font-size: 14px;line-height: 28px;background: url(/uploads/image/twixinmeiti_img/cr.png) no-repeat left;background-position-y: 10px;padding-left: 15px;}
.fuwu h3{width: 780px;margin: 0 auto;}

.line{width: 100%;display: block;z-index: 20;position: relative;}

/*服务案例*/

.lunbo{background: url(/uploads/image/twixinmeiti_img/anli_bg.png) left bottom;padding-top: 30px;}
.lunbo img{display: block;}
.lunbo1{width: 1000px;margin: 0 auto;padding-bottom: 33px;}

.right{margin-bottom: 40px;}
.right h4{font-size: 36px;color: #ffffff;font-weight: normal;}
.left img{}
.right_box{text-align: center;margin-right: 35px;}
.right_box .right_box{width: 110px;}
.right_box .zz1{width: 88px;height: 77px;background:  no-repeat center center;margin:50px auto 18px ;line-height: 82px;text-align: center;color: #ffffff;font-size: 20px;font-weight: bold;}

.right_box .zz2{background-image: ;}
.right_box .zz3{background-image: ;}
.right_box span{color: #ffffff;font-size: 16px;}

.right_txt{width: 480px;text-align: left;}
.right_txt>a{color: #ffff99;margin-top: 15px;display: block;}

.right_txt p{line-height: 32px;color: #ffffff;}
.right_txt p b{font-weight: normal;}
.right_txt button{transition-duration: .6s;border-radius: 3px;border: none;line-height: 46px;background: #3b8ced; width: 220px;color: #ffffff;text-align: center;font-size: 18px;display: block;margin-top: 35px;}
.right_txt button a{color: #ffffff;}
.right_txt button:hover{background:#036eb4;}
/*.right_txt button a:hover{color:#ff0;}*/
/*.right_txt p::before{
  content:"●";
  color:#018de8;
  font-size:16px;
  position: relative;
  left: -5px;
}*/



.lunbo{width: 100%;background: url(/uploads/image/twixinmeiti_img/column4.png) no-repeat top center; padding: 0;padding-bottom: 12px;}
.lunbo h1{color: #ffff00;padding-top: 40px;}




.lunbo .swiper-pagination-bullets .swiper-pagination-bullet{width: 18px;height: 18px;background: #a6a6a6;opacity:1;border-radius: 50%;box-sizing: border-box;}
.lunbo .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px #12a1f5 solid;background: none;}
.swiper-container.lunbo1{position: relative;top: 45px;}


/*联系我们*/
.lianxi{background: #eaeaea;padding-bottom: 70px;}
.contact{width: 880px;margin: 0 auto;}
.contact ul h6{color: #333333;font-size: 26px;font-weight: initial;padding-top: 60px;margin-bottom:20px ;}
.contact ul h3{color: #666666;font-size: 12px;font-weight: initial;padding-bottom:45px;}
.contact ul{}
.contact .form li{height: 90px;position: relative;}
.contact .form li>input{width: 360px;height: 50px;border: 1px solid #e1e0e0;border-radius: 2px;padding-left: 48px;box-sizing: border-box;}
.contact .form li>input.company{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -391px;}
.contact .form li>input.name{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -443px;}
.contact .form li>input.tel{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -494px;}
.contact .form li>input.mail{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -544px;}
.contact .form li>input.company:focus{background-position-y:-189px ;}
.contact .form li>input.name:focus{background-position-y:-241px ;}
.contact .form li>input.tel:focus{background-position-y:-292px ;}
.contact .form li>input.mail:focus{background-position-y:-342px ;}
.contact .form .checkbox{font-size: 13px;position: relative;top:4px;left: -24px;}
.contact .form .checkbox .check-personal{width: 20px;height: 20px;border: 1px #e1e0e0 solid;background:url(/uploads/image/twixinmeiti_img/checkbox.png);visibility: hidden;}
.contact .form .checkbox label{padding-left:30px;background:url(/uploads/image/twixinmeiti_img/checkbox.png) no-repeat;}
.contact .form .res-error-text{color: red;position: absolute;right: 7px;bottom: 10px;font-size: 13px;}
.contact .form .btn.btn-contact{width: 228px;height: 60px;font-size: 20px;border: 1px #008de8 solid;color: #008de8;transition-duration: .6s;background: none;margin: 0 auto;display: block;}
.contact .form .btn.btn-contact:hover{background: #008de8;color: white;}
.checkbox input[type=checkbox]:checked  label {
	background-position-y:-20px;
}

.contact .form li>input.formclass{
	border: 1px red solid;
	
}
.res-error-text{display: none;}
.lianxi ul.fr img{display: block;margin: 0 auto;margin-top: 18px;margin-bottom: 25px;}
.lianxi ul.fr h5{font-size: 26px;text-align: center;color: #018de8;margin-bottom: 40px;}
.lianxi ul.fr p{font-size: 12px;text-align: center;}



/*改版2017822*/

.lianxi2 .contact{width: 1120px;margin: 0 auto;}
.lianxi2 .contact .form{margin-top: 45px;}
.lianxi2 .contact .form ul{width: 760px;margin-top: 20px;}
.lianxi2 .contact .form li{height: 80px;position: relative;float: left;}
.lianxi2 .contact .form li:nth-child(odd){margin-right: 40px;}
.lianxi2 .contact .form li>input{width: 360px;height: 50px;border: 1px solid #e1e0e0;border-radius: 2px;padding-left: 48px;box-sizing: border-box;}
.lianxi2 .contact .form li>input.company{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -391px;}
.lianxi2 .contact .form li>input.name{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -443px;}
.lianxi2 .contact .form li>input.tel{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -494px;}
.lianxi2 .contact .form li>input.mail{background:white url(/uploads/image/twixinmeiti_img/icon-reservation.png) no-repeat 11px -544px;}
.lianxi2 .contact .form li>input.company:focus{background-position-y:-189px ;}
.lianxi2 .contact .form li>input.name:focus{background-position-y:-241px ;}
.lianxi2 .contact .form li>input.tel:focus{background-position-y:-292px ;}
.lianxi2 .contact .form li>input.mail:focus{background-position-y:-342px ;}
.lianxi2 .contact .form .checkbox{font-size: 13px;position: relative;top:4px;left: -24px;}
.lianxi2 .contact .form .checkbox .check-personal{width: 20px;height: 20px;border: 1px #e1e0e0 solid;background:url(/uploads/image/twixinmeiti_img/checkbox.png);visibility: hidden;}
.lianxi2 .contact .form .checkbox label{padding-left:30px;background:url(/uploads/image/twixinmeiti_img/checkbox.png) no-repeat;}
.lianxi2 .contact .form .res-error-text{color: red;position: absolute;right: 7px;bottom: 7px;font-size: 13px;}
.lianxi2 .contact .form .btn.btn-contact{border-radius: 3px;width: 300px;height: 60px;font-size: 18px;border: 1px #008de8 solid;/*font-weight: bold;*/color: #ffffff;transition-duration: .6s;background: #3b8ced;margin: 0 auto;display: block;position: relative;top: 10px;}
.lianxi2 .contact .form .btn.btn-contact:hover{background: #255895;}
.lianxi2 .checkbox input[type=checkbox]:checked  label {
	background-position-y:-20px;
}
.lianxi2{background: url(/uploads/image/twixinmeiti_img/column5.png) center bottom no-repeat;padding-bottom:40px ;}
.lianxi2 .contact .form li>input.formclass{
	border: 1px red solid;
	
}
.res-error-text{display: none;}
.lianxi2 .form>img{margin-right: 115px;}

.bottom2 .p-txt{margin-left: 30px;margin-top: 45px;}
.bottom2 .fl>img{margin-top: 40px;}
.bottom2 p{color: #666666;font-size: 15px;margin-bottom: 10px;}
.bottom2 img.fr{margin-top: 10px;}
















/*底部*/
.bottom{background: #303030;}
.bottom .qrcode{margin-top: 44px;}
.bottom .container{width: 1200px;margin: 0 auto;}
.text-color{color: #999999; font-size: 14px;}
.text-color a{color: #999999; font-size: 14px;}
.text-color span{color: #999999 !important; font-size: 14px;}
.text-color.tel{margin-bottom: 15px;}
.bottom-logo span{padding: 0 10px;}
.bm-logo{padding-bottom: 50px;padding-top: 30px;}
.bm-logo img.fr{position: relative;top: -25px;}
.bm-line{border-bottom:1px #1a1a1a solid;padding-bottom:50px;}
.text-color.index{font-size: 12px;margin-top: 40px;}
.text-color.index span{padding: 0 20px;color: #1a1a1a;}
.text-color.address{padding: 55px 0 80px;}


.p_color{background: #f9f9f9;}
.zhaoshang_p{font-size: 18px;border-bottom: 1px solid #e5e5e5;color: #373737;text-align: left;padding-top: 78px;padding-bottom: 20px;width: 1000px;margin:0 auto;}
/*招商*/
.zhaoshang h1{padding-top: 40px;color: #373737;}
.zhaoshang h3{margin-top: 0;color: #373737;}

.big_txt i{width: 70px;height: 70px;display: inline-block;background:url(/uploads/image/twixinmeiti_img/zhaoshang1.png) left bottom no-repeat;position: relative;top: 6px;margin-right:28px;}
.big_txt2 i{background-image: url(/uploads/image/twixinmeiti_img/zhaoshang2.png);}
.big_txt3 i{background-image: url(/uploads/image/twixinmeiti_img/zhaoshang3.png);}
.big_txt4 i{background-image: url(/uploads/image/twixinmeiti_img/zhaoshang4.png);}
.zhaoshang .big_txt p{text-align:justify;position: relative;left: 130px;line-height: 36px;min-height: 110px;}
.zhaoshang .big_txt h3{text-align: left;margin-left: 30px;}
.qudao h1{color: #373737;}
.qudao p{font-size: 18px;color: #373737;text-align: left;margin-bottom: 30px;}
.qudao{padding-bottom: 150px;}


/*婚纱*/
.hunsha{background: #ffffff;}
.hunsha h1{color: #373737;margin-bottom:0;padding-bottom: 40px;}
.hunsha_box span{width: 130px;height: 130px;border-radius: 50%;border: 1px solid #018de8;line-height: 130px;font-size: 28px;font-weight: bold;color: #018de8;display: inline-block;}
.hunsha_box{width: 720px;margin: 0 auto;padding-top: 45px;padding-bottom: 110px;}
.hunsha_box .fl{margin-right: 30px;width: 220px;}
.hunsha_box .fl.last{margin-right: 0;}
.hunsha_box p{font-size: 14px;;color: #373737;line-height: 28px;margin-top: 20px;}
.hunsha h3{margin-top: -20px;padding-bottom: 10px;}

.hunsha_box i{display: block;color: #018de8;font-size: 18px;font-style: normal;line-height: 60px;}
.gn p{margin-top: -8px;}
.gn .fl{margin-right: 80px;width: 120px;}
.hunsha_box span img{margin-top: 30px;}
.hunsha_box .gn1 img{margin-top: 40px;}
.hunsha_box .gn2 img{margin-top: 35px;}


/*婚纱banner*/
.banner_hunsha{width: 1000px;margin: 0 auto;padding-bottom: 40px;}
.hunsha_bg{height: 320px;background: #12a1f5;padding-bottom: 16px;margin-bottom: 60px;}
.banner_hunsha h1{color: #ffffff;font-size: 33px;padding-top:40px;margin-bottom: 0;}
.banner_hunsha h3{color: #ffffff;font-size: 33px;padding-bottom: 50px;padding-top: 15px;}
.banner_hunsha .text-center{color: #ffffff;font-size: 18px;float: left;margin:0 97px ;}
.banner_hunsha .text-center span{display: block;}
.banner_hunsha .text-center p{font-size: 16px;margin-top: 20px;}

.b_box ul{text-align: left;width: 44%;float: right;margin-right: 48px;}
.b_box ul li{background:url(/uploads/image/twixinmeiti_img/cr.png) left 13px no-repeat;font-size: 14px;color: #2e2e2e;line-height: 30px;padding-left: 15px;}
.banner_hunsha .swiper-container{padding-bottom: 50px;}
.banner_hunsha .swiper-pagination-bullets .swiper-pagination-bullet{width: 48px;height: 2px;background: #a5a5a5;opacity:1;border-radius: 0%;}
.banner_hunsha .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #12a1f5;}






/**/
.box{width: 1200px;margin: 0 auto;display: table}
.box dl{width: 33%;float: left;}
.box dl h3{width: 100%;text-align: center;padding-bottom: 20px;font-size: 25px;font-weight: bold;color:#000;letter-spacing: 2px}
.box dl p{line-height: 35px;color:#666;padding: 0 50px}




/**/
/**
 * swiper 3.3.1
 * most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * copyright 2016, vladimir kharlampidi
 * the idangero.us
 * http://www.idangero.us/
 * 
 * licensed under mit
 * 
 * released on: february 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* fix of webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* auto height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* ie10 windows phone 8 fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: ;
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: ;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: ;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: ;
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: ;
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: ;
}
/* pagination styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* common styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3d container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* safari 4 , chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* chrome 10 , safari 5.1 , ios 5  */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 16 , ie10, opera 12.50  */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* safari 4 , chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* chrome 10 , safari 5.1 , ios 5  */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 16 , ie10, opera 12.50  */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* safari 4 , chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* chrome 10 , safari 5.1 , ios 5  */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 16 , ie10, opera 12.50  */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* safari 4 , chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* chrome 10 , safari 5.1 , ios 5  */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* firefox 16 , ie10, opera 12.50  */
}
/* coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* windows 8 ie 10 fix */
  -ms-perspective: 1200px;
}
/* cube   flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next   .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: '/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: '/><use xlink:href='#l' opacity='.27' transform='rotate(60 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(90 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(120 60,60)'/><use xlink:href='#l' opacity='.27' transform='rotate(150 60,60)'/><use xlink:href='#l' opacity='.37' transform='rotate(180 60,60)'/><use xlink:href='#l' opacity='.46' transform='rotate(210 60,60)'/><use xlink:href='#l' opacity='.56' transform='rotate(240 60,60)'/><use xlink:href='#l' opacity='.66' transform='rotate(270 60,60)'/><use xlink:href='#l' opacity='.75' transform='rotate(300 60,60)'/><use xlink:href='#l' opacity='.85' transform='rotate(330 60,60)'/></g></svg>");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.guanglian1 {
    height: 749px;
    width: 100%;
    background: url(/uploads/image/twixinmeiti_img/column2.jpg) center center no-repeat;
}