@charset "utf-8";
/* CSS Document */
.pg-banner{ max-width:1920px; margin: 0px auto;}
.pro-ban-nav{position: absolute;left: 50%;top: 50%;z-index: 2;width: 864px;margin: -167px 0 0 -402px;}
.pro-ban-nav ul{width: 100%;}
.pro-ban-nav li{width: 313px;height: 313px;background: url(../images/produce_bg1.png) no-repeat 0 0;text-align: center;margin: 0 -24px;float: left;}
.pro-ban-nav li a{display: block;/*width: 242px;*/width: 100%;margin: 0 auto;height: 100%;transition: all 0.5s;}
.pro-ban-nav li h3{font-size: 24px;color: #fff;line-height: 1.5;padding-top: 134px;}
.pro-ban-nav li p{font-size: 14px;color: #fff;line-height: 1.5;opacity: 0.6;}
.pro-ban-nav li span.line{display: block;margin: 0 auto 0;width: 39px;height: 1px;background: #fff;margin-top: 10px;opacity: 0.2;}
.pro-ban-nav li a: hover{width: 100%;margin: 0;}
.pg-pro{ background:url(../images/pg_bb.jpg) repeat-y center center; max-width: 1920px; margin: 0px auto;min-height: 600px; position: relative; z-index: 1;}
.pg-bj{ background:url(../images/pg_bb.jpg) repeat-y center center; max-width: 1920px; margin: 0px auto;min-height: 600px; position: relative; z-index: 1;}
.page .i-title h3{ font-size:36px;}
.page .i-title p{ font-size:14px; padding: 0px;}
.page .i-title{  padding: 0px 50px;   background-image: url(../images/i_title1.png),url(../images/i_title2.png);
    background-position: left center ,right center; background-repeat: no-repeat; display: inline-block;}
.page .pro-list li:nth-child(even){ margin-top: 0px;}
.page .pro-list li:nth-child(odd){ margin-bottom: 40px;}
.page .pro-list li:nth-child(4), .page .pro-list li:nth-child(7), .page .pro-list li:nth-child(10){ margin-left: 0px;}
.page .pro-list li:nth-child(2), .page .pro-list li:nth-child(5), .page .pro-list li:nth-child(8){margin-top: 0px;}
.page .pro-list li{ margin-bottom: 40px;}
.page .more:hover {background-color: #eb2323;}
.page .more { display: block;  width: 174px;  height: 49px; line-height: 49px; text-indent: 50px; margin: 5px auto 0;  background: #626262 url(../images/more_ico.png) no-repeat 42px center; font-size: 16px; color: #ffffff;}
.pg-two .pt-list{ width: 600px;}
.pg-two .pt-list .i-title-box{ text-align:left;}
.pg-two .pt-list .pro-list{ padding-left: 160px;}
.page .pro-list.aa li:nth-child(2){  margin-top: 60px;}
/*#region ===========内页通用样式===========*/
.page { margin:0 auto; text-align:center; }
.paginator{ font-family:Arial; }
.paginator a { width:36px; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#eee;  margin:0 5px; color:#929292;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:#eb2323; color:#fff;}
.paginator span.cpb { width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:#eb2323; }
.paginatordis{ display:none;}

/*产品详情*/
.pro-deta{ background:url(../images/pg_bb.jpg) repeat-y center center; max-width: 1920px; margin: 0px auto;min-height: 600px; position: relative; z-index: 1;}
.series-ban{height: 645px;}
.series-ban.x-series{height: 624px;}
.series-ban .ban{width: 75%;float: left;margin: 0 2px 0 -2px;background: #ccc;}
.series-ban.x-series .ban{width: 85%;}
.series-ban .swiper-pagination{display: none;}
.series-ban .swiper-pagination-bullet{width: 9px;height: 9px;border-radius: 50%;background: #fff;opacity: 0.5;}
.series-ban .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 3px;}
.series-ban .swiper-pagination-bullet-active{opacity: 1;}
.series-ban .ban .swiper-slide{overflow: hidden;min-height: 0;height: 645px;}
.series-ban .ban p.title{position: absolute;left: 20px;bottom: 20px;max-width: 100%;overflow: hidden;font-size: 30px;color: #fff;line-height: 2;z-index: 10;white-space: nowrap;}
.series-ban.x-series .ban .swiper-slide{height: 624px;}
.series-ban .side{float: right;width: 25%;}
.series-ban.x-series .side{width: 13%;}
.series-ban .side .list{overflow: hidden;width: 100%;height: 645px;}
.series-ban.x-series .side .list{height: 624px;}
.series-ban .side ul{width: 100%;}
.series-ban .side li{width: 100%;height: 214px;margin-bottom: 2px;overflow: hidden;position: relative;cursor: pointer;}
.series-ban.x-series .side li{height: 153px;margin-bottom: 6px;}
.series-ban .side li .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.5;z-index: 1;}.series-ban .side li .mask-p{font-size: 16px;color: #ff0000;text-align: center;position: absolute;z-index: 2;opacity: 0;left: 0;top: 0;width: 100%;height: 100%;}
.series-ban .side li .mask-p p{position: absolute;left: 0;bottom: 0;line-height: 2;font-size: 16px;color: #ffffff;background: #000;opacity: 0.5;padding: 0 10px;width: 339px;text-indent: 4px;text-align: left;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;height: 40px;}
.series-ban .side li:hover .mask-p{opacity: 1;}
.series-ban .side li:hover .mask{opacity: 0.4;}
.series-ban .side .btn{position: absolute;bottom: 0;left: 0;width: 100%;height: 56px;background: url(../images/opacity_bg.png);}
.series-ban .side .btn a{float: right;width: 9px;height: 22px;background: url(../images/series_btn3.png) no-repeat 0 0;margin-top: 17px;margin-right: 18px;}
.series-ban .side .btn .next{background-position: -9px 0;}
.series-ban .side .btn a.no{opacity: 0.7;}
.series-ban.x-series .btn{height: 38px;}
.series-ban.x-series .side .btn a{position: absolute;top: 14px;width: 22px;height: 9px;margin: 0;}
.series-ban.x-series .side .btn a.next{background: url(../images/x_btn3.png) no-repeat 0 -9px;left: 50%;margin-left: -25px;}
.series-ban.x-series .side .btn a.next:hover{background-position: -22px -9px;}
.series-ban.x-series .side .btn a.prev{background: url(../images/x_btn3.png) no-repeat 0 0;left: 50%;margin-left: 3px;}
.series-ban.x-series .side .btn a.prev:hover{background-position: -22px 0;}
.series-title{width: 100%;background: #f3f3f3;padding: 58px 0 80px;}
.series-title h3{max-width: 1156px;margin: 0 auto 30px;font-weight: normal;font-size: 30px;color: #2c2c2c;line-height: 1.5;}
.series-title h3 em{text-transform: uppercase;font-size: 24px;color: #c5c5c5;}
.series-title p{max-width: 1156px;margin: 0 auto 0;font-size: 14px;color: #666666;line-height: 1.8;}
.produce-info{padding: 90px 0 0;}
.produce-info .big-img{width: 530px;height: 516px;text-align: center;float: left; display: flex;background: url(../images/loadings.gif) no-repeat center center;position: relative;line-height: 516px;}
.produce-info .big-img img{max-width: 530px;max-height: 516px;width: auto;vertical-align: middle;}
.produce-info .big-img .mask{position: absolute;right: 0;bottom: 0;width: 75px;height: 75px;background: #fff url(../images/img_mask.png) no-repeat center center;background-size: 38px 38px;opacity: 0.7;display: none;}
.produce-info .big-img:hover .mask{display: block;}
.produce-info .text{float: left;margin-left: 102px;width: 480px;}
.produce-info .text h3{font-size: 30px;color: #1e1e1e;line-height: 2;margin-bottom: 5px;}
.produce-info .text p{font-size: 12px;color: #999999;line-height: 24px;}
.produce-info .text .color{padding-top: 23px;border-top: 1px solid #dcdcdc;margin-top: 30px;padding-bottom: 20px;}
.produce-info .text .color li{height: 48px;width: 50px;margin-right: 10px;border-top: 2px solid transparent;cursor: pointer;float: left;}
.produce-info .text .color li.on{border-color: #dfb554;}
.produce-info .text h4{height: 45px;line-height: 45px;font-weight: normal;font-size: 16px;color: #666666;border-bottom: 1px solid #dcdcdc;}.produce-info .text .infomation{margin-top: 23px;}
.produce-info .text .infomation ul{width: 100%;}
.produce-info .text .infomation li{width: 50%;font-size: 14px;color: #666666;line-height: 30px;float: left;padding-bottom: 10px;}.produce-info .text .infomation li strong{font-size: 14px;color: #333333;min-width: 80px;display: inline-block;}
.f-cb:after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: ".";}
.if-fx-line{height:1px; border-bottom: 1px solid #dcdcdc; padding-top:25px;}.bdsharebuttonbox{}.por-fitting{margin-top: 40px;}.bdsharebuttonbox{padding-top:20px;}
.por-fitting h3{font-weight: normal;font-size: 30px;color: #333333;line-height: 2;margin-bottom: 5px;}
.por-fitting .swiper-slide{width: auto;min-height: 0;text-align: center;margin: 0 1px;position: relative;}
.por-fitting .swiper-slide a{}.por-fitting .swiper-slide .img{width: 273px;height: 273px;overflow: hidden;position: relative;line-height: 268px;text-align: center;}
.por-fitting .swiper-slide .img img{max-width: 273px;max-height: 273px;vertical-align: middle;}
.por-fitting .swiper-slide .img .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff url(../images/img_mask.png) no-repeat center center; opacity: 0; transition: opacity 1s;}
.por-fitting .swiper-slide:hover .img .mask{opacity: 0.7;}
.por-fitting .swiper-slide p{font-size: 14px;color: #333;line-height: 3;}
.por-fitting .swiper-button-next,.por-fitting .swiper-button-prev{top: 45%;}
.por-fitting .link{padding: 20px 0 50px;text-align: center;}
.por-fitting .link a{font-size: 16px;color: #666666;line-height: 30px;display: inline-block;margin: 0 25px;padding-left: 45px;height: 30px;}.por-fitting .link a:hover{color: #dfb554;}
.por-fitting .link .prev{background: url(../images/fitting_btn1.png) no-repeat 0 0;}
.por-fitting .link .next{background: url(../images/fitting_btn2.png) no-repeat 0 0;}.por-fitting .link .back{background: url(../images/fitting_btn3.png) no-repeat 0 0;}
.produce-map{padding-top: 17px;}
.produce-map .title{height: 97px;}
.produce-map .title h3{float: left;line-height: 97px;font-size: 30px;color: #333333;padding-left: 54px;}
.produce-map .title a{background: url(../images/fitting_btn3.png) no-repeat 0 0;font-size: 16px;color: #666666;line-height: 30px;float: right;padding-left: 45px;height: 30px;margin-top: 38px;}
.ccaa{font-size: 14px; color: #666666; padding-top: 30px;}
.produce-map{padding-top: 17px;}
.produce-map .title{height: 97px;}
.produce-map .title h3{float: left;line-height: 97px;font-size: 30px;color: #333333;padding-left: 54px;font-weight: normal;}
.produce-map .title a{background: url(../images/fitting_btn3.png) no-repeat 0 0;font-size: 16px;color: #666666;line-height: 30px;float: right;padding-left: 45px;height: 30px;margin-top: 38px;}
.x-map-banner{}
.x-map-banner .swiper-container .swiper-button-prev{width: 51px;height: 75px;margin-top: -38px;background: url(../images/x_nbe_btn.png) no-repeat 0 0;}
.x-map-banner .swiper-container .swiper-button-next{width: 51px;height: 75px;margin-top: -38px;background: url(../images/x_nbe_btn.png) no-repeat -51px 0;}
.x-map-banner .swiper-container .swiper-button-prev:hover{background-position: 0 -75px;}.x-map-banner .swiper-container .swiper-button-next:hover{background-position: -51px -75px;}
.produce-main .college-news .listpd li .img:hover .mask{opacity: 0.7;}
.main-sw.ceramic .w1200 .scroll-video .box-con .auto-box .poster-list li.on{z-index: 31 !important;}
.x-map-banner .swiper-slide img{max-width: 100%; max-height: 100%;}
.x-map-banner .swiper-slide{text-align: center; display: table-cell; vertical-align: middle;}


/*门店*/

.wdcx-top{ background:#fa1225; padding:25px 36px; width:705px; margin:0px auto 48px;; color:#fff; font-size:16px;}

.wdcx-top .city-item{ margin:0}
.wdcx-top .city-item div{ position:relative;}

.wdcx-top .city-item select{ height:42px; line-height:42px; width:235px; color:#333;     font-size: 14px;}

.wdcx-list{ margin-right:-30px; padding-bottom:36px;}
.wdcx-list .item{ float:left; background:#fff url(../images/map_bg.png) right bottom no-repeat; padding:0 25px; width:330px; height:178px; margin-right:30px; margin-bottom:32px; cursor:pointer}
.wdcx-list .item .t1{ margin-top:22px; line-height:30px; font-size:18px; color:#000; margin-bottom:4px;}
.wdcx-list .item .t2{ line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#666}
.wdcx-list .item .t3{ background:url(../images/icon_map.png) 0 center no-repeat; padding-left:37px; height:26px; line-height:26px; margin-top:23px;}

.wdcx-list .item .t2 p{ font-size:14px;}
.wdcx-list .item:hover{ background-image: url(../images/map_bg_h.png)}
.wdcx-list .item:hover .t3{ color:#e60012; background-image:url(../images/icon_map_hover.png); }
.pg-ser-main p{ line-height: 180%; font-size: 14px; color: #333;}
.pg-ser-main p img{ display: block;}

/*案例*/
.case-ban{position: absolute;left: 0;top: 50%;text-align: center;z-index: 2;margin: -164px 0 0 0;width: 100%;}
.case-ban ul{max-width: 825px;float: none;margin: 0 auto;}
.case-ban li{display: inline-block;float: none;width: 146px;height: 146px;margin: 0 7px 16px; background:#fff; transition: all 0.5s;     box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.case-ban li a{display: block;width: 100%;height: 100%;}
.case-ban li h3{font-size: 22px;color: #333;line-height: 32px;padding-top: 45px; transition: all 0.5s;}
.case-ban li p{font-size: 16px;color: #999;line-height: 26px;opacity: 1; transition: all 0.5s;	}
.case-ban li:hover{background: #ff0000;border-color: #ff0000;} 
.case-ban li:hover h3{ color:#fff;}
.case-ban li:hover p{ color:#fff;}
.list-case2{width: 1200px; margin: 0 auto;}

.list-case2 ul{width: 100%;} .list-case2 li{position: relative; width: calc(29.5% - 2px); border: 1px solid #c9c9c9; background: #fff;}.list-case2 li:nth-child(2n){margin: 3.7% 5.4% 4%;} 
.list-case2 li img.poa{left: 5.7%; top: 7.25%; transition: all 0.5s;} 
.list-case2 li p{position: absolute; left: 5.7%; top: 70%; padding: 10px 18px; font-size: 18px; line-height: 2; color: #fff; background: rgba(0, 0, 0, 0.4); transition: all 0.5s;}
.list-case2 li:hover img.poa{transform: scale(1.05);}
.list-case2 li:hover p{color: #ff0000;}.list-case2{width: 1200px;}
.list-case2 li{width: calc(31.8% - 2px);float: left;}
.list-case2 li:nth-child(2n){margin: 4% 2% 3.3%;}
.list-case2 li img.poa{left: 4.2%; top: -4.2%;position: absolute;}
.list-case2 li p{left: 4.2%; top: 87%; padding: 0; font-size: 16px; line-height: 2; color: #666; background: none;}

/*联系我们*/
.news-one {
	position: relative;
	display: inline-block;
	margin-bottom: 26px;
	border: 1px solid #ececec;
	width: 1180px;
	height: 143px;
	font-size: 0;
	text-align: left;
	transition: .3s;
}
.news-one:hover {
	background: #f2f2f2;
}
.news-one-date, .news-one-desc {
	display: inline-block;
	vertical-align: top;
}
.news-one-date {
	padding-top: 29px;
	padding-bottom: 11px;
	padding-left: 42px;
	width: 146px;
	height: auto;
	background: #f2f2f2;
}
.news-one-date p.day {
	margin-bottom: 5px;
	line-height: 56px;
	font-size: 56px;
	font-weight: bold;
	color: #e00012;
}
.news-one-date p.month, .news-one-date p.year {
	margin-bottom: 5px;
	line-height: 16px;
	font-size: 16px;
	color: #979797;
}
.news-one-date p.month {
}
.news-one-words {
	margin-top: 32px;
	margin-left: 52px;
	width: 630px;
}
.news-one-desc h3 {
	margin-bottom: 16px;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news-one-desc h3 a {
	color: #666;
}
.news-one-desc p.words {
	display: -webkit-box;
	line-height: 26px;
	font-size: 14px;
	color: #979797;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-one-desc a.link {
	position: absolute;
	right: 44px;
	top: 65px;
	font-size: 14px;
	color: #666;
}
.news-one-desc a.link img {
	margin-left: 18px;
	transition: .25s;
}
.news-one:hover .news-one-desc a.link img {
	transform: translateX(10px);
}
/*联系我们*/
.contact-bottom{ text-align:left;}
.contact-bottom{background:url(../images/contact_bg.png) no-repeat;height:560px;position:relative;}
.contact-bottom .box{ position:absolute; top:140px; left:23px; width:296px;}
.contact-bottom .box .t1{ font-size:14px; line-height:25px; margin-bottom:25px;}
.contact-bottom .box .t2{ line-height:22px;}
.contact-submit-div .left{ float:right; width:300px; margin-right:22px; display:inline; padding-top:147px; color:#999}
.contact-submit-div .t1{ padding-top:54px; padding-bottom:30px;}
.contact-submit-div .t2{  padding-bottom:15px;}
input.input-style-2{ width:278px; padding:0 10px; height:38px; border:1px solid #dcdcdc; line-height:38px; margin-bottom:10px; font-size:14px; color:#999; background:#fff}
.textarea{ padding:10px; height:78px; width:278px; border:1px solid #dcdcdc; background:#fff; font-family:"微软雅黑"; font-size:14px; color:#999}
.contact-submit-div .btn-submit{ width:180px; height:40px; color:#fff; background:#000; text-align:center; line-height:40px; display:block; margin-top:16px; font-size:18px;}
.contact-submit-div .btn-submit:hover{ background:#e60012; color:#fff}


/*品牌介绍页面*/
.m-news-nav{ background:#fff; height:66px; border-bottom:1px solid #e3e3e3; text-align:center; font-size:0;}
.m-news-nav .wrap{ font-size:0px;}
.m-news-nav a{ text-align:center; font-size:16px; line-height:66px; display:inline-block; color:#666; padding:0 47px; background:url(../images/line.png) left center no-repeat}
.m-news-nav a.hover,.m-news-nav a:hover{ color:#e50012}
.m-news-nav a span{ display:inline-block; padding:0 12px;  position:relative; z-index:111; margin-bottom:-1px;}
.m-news-nav a.hover span{ border-bottom:1px solid #e50012;}
.m-news-nav a.bg-none{ background:none}
.pg-about { overflow: hidden;}
.pg-about img{ position:relative; max-width: 1920px; left: 50%; margin-left: -960px; display: block;}
.pg-ppry-list ul li{float:left; margin-left: 100px; width: 265px; height: 350px; text-align: center;  /*margin-bottom: 100px;*/}
.pg-ppry-list2 ul li{float:left; margin-left: 20px; width: 265px; height: 350px; text-align: center;  /*margin-bottom: 100px;*/}
.pg-ppry-list ul li a{ display: table-cell; vertical-align: middle; width: 265px; height: 350px;}
.pg-ppry-list ul li img{ max-width: 265px; max-height: 350px;}
/*自己修改*/
.pg-ppry-list3 ul li{float:left; margin-left: 100px; width: 265px; height: 200px; text-align: center;  /*margin-bottom: 100px;*/}
.pg-ppry-list3 ul li a{ display: table-cell; vertical-align: middle; width: 265px;height: 250px; }
.pg-ppry-list3 ul li img{ max-width: 265px; max-height: 350px;}

/*新闻列表*/
.page .news-list li {margin-bottom: 40px;}
.news-list li{ width:380px; box-shadow:0px 0px 15px #e5e5e5; padding-bottom: 40px; float: left; margin-left: 30px; background: #fff;}
.news-list .img{ display: block; position: relative; width: 380px; transition:all .36s ease;}
.news-list .img .mask{ opacity: 0;}
.news-list .detail{ text-align: center; padding: 0px 20px; padding-top: 40px;}
.news-list .detail .tit{ text-align: center; display: inline-block; font-size: 20px; color: #333; position: relative;z-index: 1;    height: 69px; }
.news-list .detail .tit:after{ content: ""; width: 30px; display: block; margin: 0px auto;height: 1px; background: #cccccc; margin-top: 20px;}
.news-list .detail p{ text-align: left; padding-top: 15px; /*padding-bottom: 30px;*/    margin-bottom: 30px;
    
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-list .detail .btn{ transition:all .36s ease; display: inline-block; width: 148px; height: 38px; text-align: center; line-height: 38px; border: solid 1px #e0e0e0; font-size: 14px; color: #999999; }
.news-list .detail .btn:hover{ background-color: #fa1225; color: #fff; border:solid 1px #fa1225; }
.news-list .img .mask { position: absolute;  left: 0;  top: 0; width: 100%; height: 100%; background: #ccc; opacity: 0; transition: opacity 1s; vertical-align: middle; display: table-cell; text-align: center; display: list-item;  line-height: 415px;   }
.news-list .img .mask img{ max-width: 100%;  max-height: 100%; width: auto;  height: auto;  vertical-align: middle; transition:all .36s ease;}
.news-list .img .aa{ transition:all 1s ease;height: 285px;}
.news-list .img:hover .aa{ opacity: 1; transition:all 1s ease;}
.news-list .img:hover .mask{ opacity: 1;}
.news-list li .img .mask { background: #fff url(http://www.nabel.cc/static/web/css/../img/img_mask.png) no-repeat center center;}
.news-list li .img:hover .mask {opacity: 0.7;}
.news-list li:nth-child(1), .news-list li:nth-child(4), .news-list li:nth-child(7), .news-list li:nth-child(10){ margin-left: 0px;}
.pn .news-list li:nth-child(1), .pn.news-list li:nth-child(3){ /*margin-top: 40px;*/}

/*新闻详情*/
.pnd-t1{ font-size:22PX; color:#333333; padding-bottom: 25px; border-bottom: solid 1px #e0e0e0;}
.pnd-t2 span{ color:#999; padding: 0px 10px;}
.pnd-t2{ padding: 25px 0px;}
.pnd-t3 p{ font-size: 12px; color:#666; line-height: 200%; text-align: left;}
/*=========== previous_nex ===========*/
.pnd-t4{ position:relative;}
.previous_next { text-align: left; margin: 0px auto; padding: 15px 0px; border-top:  solid  1px #dddddd; color:#999999;}
.previous_next a{color:#999;}
.previous_next a:hover{color:#fa1225;}
.previous_next p {padding-bottom: 0px; line-height: 260%; top:0; }
.pg-back{ position: absolute; right:0; top: 20px;}

/*招商加盟*/
.join .mien {
  background-image: url("../images/join_bj01.jpg");
  width: 100%;
  height: 760px;
  background-size: cover;
  box-sizing: border-box;
  padding-top: 70px; }
  .join .mien .title {
    text-align: center;
    margin-bottom: 100px; }
    .join .mien .title img {
      display: inline-block; }
  .join .mien .swiper-mien .swiper-button-prev {
    left: 50%; }
  .join .mien .swiper-mien .swiper-button-next {
    left: 55%; }
  .join .mien .swiper-mien .swiper-button-prev, .join .mien .swiper-mien .swiper-button-next {
    background: none;
    top: 80%; }
    .join .mien .swiper-mien .swiper-button-prev .iconfont, .join .mien .swiper-mien .swiper-button-next .iconfont {
      font-size: 24px;
      color: #fff; }
  .join .mien .swiper-mien .swiper-wrapper .swiper-slide .img-box {
    width: 525px;
    height: 393px;
    position: relative;
    border-radius: 20px;
	  float: left;

}
    .join .mien .swiper-mien .swiper-wrapper .swiper-slide .img-box img {
      width: 100%;
      border-radius: 20px; }
  .join .mien .swiper-mien .swiper-wrapper .swiper-slide .img-box::before {
    position: absolute;
    content: "";
    width: 525px;
    height: 393px;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: -3;
    left: 20px;
    top: 20px;
    }
  .join .mien .swiper-mien .swiper-wrapper .swiper-slide .text {
    background-image: url("../images/join_mien02.png");
	  font-size: 14px;
    height: 300px;
    width: 590px;
    background-repeat: no-repeat;
    padding-top: 40px; float: right;     text-align: left; }
    .join .mien .swiper-mien .swiper-wrapper .swiper-slide .text .name {
      font-size: 24px;
		font-weight: normal;
      color: #fff;
      margin-bottom: 40px; }
    .join .mien .swiper-mien .swiper-wrapper .swiper-slide .text .tit {
      font-size: 36px;
      font-weight: bold;
		list-style: 150%;
      color: #fff;
      margin-bottom: 45px; }
    .join .mien .swiper-mien .swiper-wrapper .swiper-slide .text .des {
      width: 537px;
      font-size: 13px;
      line-height: 24px;
      color: #fff; }


/*留言表格*/
.i-customer .main{
	padding-bottom: 128px;
}
.i-customer .main h4{
	font-weight: normal;
	font-size: 14px;
	color: #898989;
	line-height: 2;
	text-align: center;
}
.i-customer .main span.line{
	display: block;
	margin: 9px auto 0;
	width: 27px;
	height: 1px;
	background: #c6c6c6;
}
.i-customer .main .form{
	display: block;
	max-width: 1200px;
	margin: 64px auto 0;
}

.i-customer .main .form .line1{
	width: 199px;
	height: 48px;
	line-height: 48px;
	padding: 0 46px 0 13px;
	float: left;
	margin: 0 34px 25px 0;
}
.i-customer .main .form select{
	width: 142px;
	height: 48px;
	line-height: 48px;
	padding: 0 46px 0 13px;
	float: left;
	margin: 0 0 25px 34px;
	color:#666;
}

.i-customer .main .form .name{
	background: #fff url(../images/i_form_ico1.png) no-repeat right 0;
}
.i-customer .main .form .phone{
	background: #fff url(../images/i_form_ico2.png) no-repeat right 0;
}
.i-customer .main .form .email{
	margin-right: 0;
	background: #fff url(../images/i_form_ico3.png) no-repeat right 0;
}
.i-customer .main .form textarea{
	width: 1139px;
	border: 1px solid #d5d5d5;
	padding: 10px 46px 10px 13px;
	height: 149px;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
	background: #fff url(../images/i_form_ico4.png) no-repeat right top;
}
.i-customer .main .form .key{
	width: 310px;
	height: 44px;
	margin: 0 auto;
}
.i-customer .main .form .file{
	width: 134px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-bottom: 20px;
	background: #939393;
	font-size: 14px;
	color: #fff;
	
	cursor: pointer;
	float: left;
}
.i-customer .main .form .file:hover{
	background: #ff0000;
}
.i-customer .main .form .file-box p{
	margin-left: 20px;
	line-height: 34px;
}
.i-customer .main .form .file-btn{
	display: none;
}
.i-customer .main .form input.pull-left{
	display: none;
}
.pull-left {
    float: left !important;
}
.i-customer .verify.noselect.on{width:100%; margin:0px auto;}
.i-customer .verify input {
    font-size: 18px;
    width: 400px;
    height: 60px;
    border: 0;
    background: #d90915;
    margin-top: 20px;
    font-size: 16px;
    line-height: 60px;
    color: #fff;
    text-align: center;
}