/* 标题 */

#index_title{width: 1200px;margin: 0 auto;}

#index_title h2{text-align:center;position:relative;width:300px;margin:auto}

#index_title span{font-size:36px;display:block;background-color:#fff!important;z-index:1}

#index_title h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

#index_title h1:after,#index_title h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

#index_title h1:before{left: 8%;}

#index_title h1:after{right: 8%;}

#index_title p{text-align:center;font-size:20px;color:#696969;margin-top: 10px;}

#index_title hr{width:50px;height:1px;background:#a7a7a7;position:absolute;display:block;border:none;top:50%}



.index_banner {
	width: 100%;
	height: 560px;
	position: relative;
	clear: both;
	box-sizing: border-box;
}

.index_banner .swiper_banner {
	width: 100%;
	height: 560px;
	position: relative;
	overflow: hidden;
}
.index_banner .index_baner_small {
	width: 1000px;
	height: 104px;
	/* background: #FBFBFB; */
	position: absolute;
	left: 453px;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.index_banner .index_baner_small .index_baner_small_list{
	/* width: 1000px; */
	height: 84px;
	background: #FBFBFB;
	position: absolute;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.index_banner .index_baner_small .index_baner_small_list .list{
	border: none;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	width: 189px;
	height: 84px;
	/* width: 232px;
	height: 79px; */
	cursor: pointer;
	margin-right: 10px;
}
.index_banner .index_baner_small .index_baner_small_list .list img{
	width: 100%;
	height: 100%;
	border: none;
	box-sizing: border-box;
}
.index_banner .swiper-button-prev,.index_banner .swiper-container-rtl .swiper-button-next{left: 50px !important; display: block;width: 40px;height: 60px;background: url(../img/index/arrows.png) no-repeat -58px 50% #585858 !important;text-indent: -9999px;}
.index_banner .swiper-button-next,.index_banner .swiper-container-rtl .swiper-button-prev{right: 60px !important; display: block;width: 40px;height: 60px;background: url(../img/index/arrows.png) no-repeat -5px  50% #585858 !important;text-indent: -9999px;}
.index_banner .swiper-pagination{
	bottom: 50px !important;
	position: relative;
	z-index: 10;
}

.index_banner .swiper-pagination-bullet{
	opacity: 1 !important;
	    width: 10px !important;
	    height: 10px !important;
	    background: transparent !important;
	    border: 1px solid #fff !important;
}
.index_banner .swiper-pagination-bullet-active {
    background: #fff !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
}
/* 
.swiper_banner2 .swiper-slide-thumb-active {
	border: 1px solid #FFA729;
}
 */





/*活动*/

.index_quality{width:1200px;overflow:hidden;margin:80px auto 0}

.index_quality ul li a{display:block;width:100%;height:100%}

.index_quality  .index_quality_list{width: 100%;height: auto;position: relative;overflow: hidden;padding-top: 50px;}

.index_quality .index_quality_list li{float:left;width:384px;height:487px;margin: 0 7px;}

.index_quality ul li a {display: block;width: 100%;height: 100%;}

.index_quality .index_quality_list li img{width: 382px;height: 100%;display: block;}

.index_quality .index_quality_list li:hover {margin-top: -20px;-moz-box-shadow:0px 2px 20px #969696;-webkit-box-shadow:0px 2px 20px #969696;box-shadow:0px 2px 20px #969696;}


/* 精品案例 */
.index_cases{width:1920px;overflow:hidden;margin:85px auto 0;position: relative;}
.index_cases .index_cases_menu{width: 1100px;margin: 28px auto 0;display: flex;align-items: center;justify-content: space-around;}
.index_cases .index_cases_menu a{font-size: 16px;color: #000000;display: inline-block;}
.index_cases .index_cases_menu a .index_cases_menu_list{font-size: 16px;}
.index_cases .index_cases_menu span{font-size: 12px;}

.index_cases .index_cases_body{width: 100%;margin: 31px auto 0;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.index_cases .index_cases_body a{width: 472px;height: 354px;box-sizing: border-box;clear: both;position: relative;margin-bottom: 10px;}
.index_cases .index_cases_body a .index_cases_body_list{width: 472px;height: 354px;box-sizing: border-box;clear: both;position: relative;overflow: hidden;}
.index_cases .index_cases_body a .index_cases_body_list img{width: 100%;height: 100%;transition: all 0.6s;}
.index_cases .index_cases_body a .index_cases_body_list img:hover{transform: scale(1.05);}
.index_cases .index_cases_body a .index_cases_body_list .index_cases_body_list_tip{position: absolute;bottom: 0px;right: 0; width: 207px;height: 42px;background: #000000;opacity: 0.6;}
.index_cases .index_cases_body a .index_cases_body_list .index_cases_body_list_tipName{position: absolute;bottom: 0px;right: 0; width: 207px;height: 42px;font-size: 15px;font-family: PingFang;font-weight: 400;color: #FFFFFF;    display: flex;align-items: center;justify-content: center;}




/*设计师*/

.index_designer{width: 1920px;overflow: hidden;margin: 80px auto 0;position: relative;}

.index_designer .index_designer_center{width: 1530px; height: 100%; margin: 50px auto 100px; overflow: hidden;}


.index_designer .index_designer_center .subhead h2{text-align: center;position: relative;width: 300px;margin: auto;}

.index_designer .index_designer_center .subhead h1{font-size:36px;display:block;background-color:#fff!important;z-index:1;text-align: center;position: relative;width: 40%;margin: 0 auto;}

.index_designer .index_designer_center .subhead h1:after,.index_designer .index_designer_center .subhead h1:before{position:absolute;top: 30px;width: 13%;height:1px;content:' ';border-top: 1px solid #a2a2a2;}

.index_designer .index_designer_center .subhead h1:before{left: 12%;}

.index_designer .index_designer_center .subhead h1:after{right: 12%;}

.index_designer .index_designer_center .subhead p{text-align: center;font-size: 20px;color: #696969;}

.index_designer .index_designer_center .subhead hr{width: 50px;height: 1px;background: #a7a7a7;position: absolute;display: block;border: none;top: 50%;}

.index_designer .index_designer_center .index_designer_center_body{width: 1530px;height: 665px;position: relative;overflow: hidden;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide{width: 1240px;height: 610px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .swiper-shade{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #000; opacity: 0; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; -o-transition: opacity .5s; }

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-anli{position: absolute;top: 20px;right: 0;width: 920px;height: 645px;z-index: 1;background-size: cover;background-position: center center;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-anli img{width: 760px; height: 510px; display: block;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-anli div{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; background:linear-gradient(transparent,rgba(0,0,0,0.8)); background: -moz-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -o-linear-gradient(transparent,rgba(0,0,0,0.8)); background: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-anli div p{color: #f3f3f3;font-size: 15px;line-height: 25px;width: 680px;padding: 20px 55px;float: right;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info{display: flex;display: -webkit-flex;display: -ms-flex;width: 450px;height: 665px;position: absolute;top: 0;left: 0;z-index: 2;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .designerImg{width: 432px;height: 575px;background-size: cover;background-position: center center;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info>div{width: 320px;height: 100%;background: #313131;position: absolute;left: 0;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea {position: absolute;top: 30px;left: 0;width: 85%;right: 0;margin: 0 auto;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  p{font-size: 16px;color: #fff;width: 49%;line-height: 30px;margin-bottom: 30px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  h2{font-size: 30px;color: #ffdc00;display: inline-block;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  h3{font-size: 16px;color: #fff;display: inline-block;margin-left: 10px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  h4{color: #191919;line-height: 30px;display: block;width: 120px;height: 100%;background: #ffdc00;font-size: 15px;text-align: center;margin: 20px 0 30px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  h5{color: #fff;font-size: 16px;margin-bottom: 10px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .jie_nei_dea  h6{color: #fff;font-size: 16px;margin-bottom: 10px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-slide .designer-info .designer-btn{width: 150px;height: 47px;border: 1px solid #ffffff;border-radius: 5px;text-align: center;line-height: 47px;font-size: 16px;color: #ffffff;background: transparent;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;margin: 50px 0;}

.index_designer .index_designer_center .index_designer_center_body .swiper-button-prev,.index_designer_center_body .swiper-button-next{opacity: .9;}

.index_designer .index_designer_center .index_designer_center_body .swiper-button-prev{left: 0px;width: 145px;height: 430px;top: 20%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(255,255,255,0), rgba(000,000,000,1));}

.index_designer .index_designer_center .index_designer_center_body .swiper-button-prev div{width: 55px;height: 88px;position: absolute;top: 40%;right: 10px;background-image: url(../img/index/pre.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}

.index_designer .index_designer_center .index_designer_center_body .swiper-button-next{right: 0px;width: 145px;height: 430px;top: 20%;background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(000,000,000,1));background: linear-gradient(to right, rgba(000,000,000,1), rgba(255,255,255,0));}

.index_designer .index_designer_center .index_designer_center_body .swiper-button-next div{width: 55px;height: 88px;position: absolute;top: 40%;left: 10px;background-image: url(../img/index/next.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}

.index_designer .index_designer_center .index_designer_center_body .swiper-pagination-bullets{left: 150px;width: 320px;bottom: 25px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-pagination-bullet{    width: 50px;height: 5px;display: inline-block;border-radius: 5px;background: #7e7c81;opacity: 1;margin-left: 15px;}

.index_designer .index_designer_center .index_designer_center_body .swiper-pagination-bullet-active{background: #ffdc00;}

.index_designer .index_designer_center .index_designer_center_body .designer-more{color: #fff; position: absolute; top: 0; right: 145px; line-height: 24px; z-index: 100; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}

.index_designer .index_designer_center .index_designer_center_body .index_designer_center_body_swiper{width: 100%; height: 100%;}

.designer-anli a{display: block; width: 100%; height: 100%;}

.designer-info a{color: -webkit-link;cursor: pointer;position: absolute;right: 0;top: 20px;z-index: 9;}


/*专利工艺*/
.index_patent{background: #313131;width: 100%;height: 965px;}
.index_patent .index_patent_div{width: 1200px;height: 965px;margin: 0 auto;position: relative;}
.index_patent .index_patent_div #index_title{padding-top: 70px;padding-bottom: 50px;}
.index_patent .index_patent_div #index_title h1{background: #313131 !important; color: #ffffff;}
.index_patent .index_patent_div #index_title p{color: #bbb;}



 .outBox{width: 100%;margin:0 auto;overflow:hidden;position:relative;}

 .outBox .hd{height:auto;position:relative;width:100%;text-align: right;    margin-top: 10px;}

 .outBox .hd ul li{display:inline-block;cursor:pointer;width: 50px;height: 6px;background: #7e7c81;border-radius: 5px;margin:0 10px;}

 .outBox .hd ul li.on{width: 50px;background:#ffc540;border-radius:10px;}

 .outBox .bd{width:100%;overflow:hidden;position:relative;height: 420px;}

 .inBox{padding:0;position:relative;z-index: 99;height: 420px;width: 100%;}

 .content-box{width: 751px;overflow:hidden;position:relative;height: 421px;float: left;}

 .content{clear:both;color:#fff;opacity:0;transition:all ease .3s;position:absolute;top:0;left:0}

 .conte_1{opacity:1;z-index:99}

 .conte_2{opacity:1;z-index:99}

 .content h1{font-size:18px;margin-bottom:20px;margin-top:20px}

 .content p{font-size:14px}

 .box_1{width:100%;overflow:hidden;position:relative;height: 420px;}

 .content-box .content video{width:100%;overflow:hidden;height: 425px;}

 .content-box .content .video-js .vjs-big-play-button{left: 310px;top: 160px;}

 .content-box .content p{color:#000;font-size:14px}

 .content-box .content i{font-size:16px;font-weight:700}

 .tablist{width: 430px;position:relative;overflow:hidden;text-align:center;float: right;}

 .tablist li{width: 200px;display:inline-block;background: #313131;height: 202px;border: 2px solid #313131;cursor: pointer;position: relative;}

 .tablist li img{width:100%;display:block;opacity:.5;height: 100%;}

 .tablist li.tabin img{opacity:1;}

 .tablist li.tabin{border: 2px solid #fff;}

 .tablist li div{position: absolute;top: 0;left: 0;color: #fff;width: 100%;height: 100%;}

 .tablist li div span{font-size: 20px;display: block;padding-top: 40px;}

 .tablist li div p{font-size: 15px;padding: 20px;}

 .tablist li.tabin div{display: none;}
.video_biao{background: url(../img/index/biao.png) center no-repeat;width: 659px;height: 29px;}


 .technology_ul{padding-top:30px;padding-bottom:30px}

/* .technology_ul ul{overflow:hidden}*/

 .technology_ul li{width:206px;height:142px;float: left;margin:0 15px;}

 .technology_ul li img{width:206px;height:142px;display:block}

 .technology_ul li a{display:block;width:100%;position:relative;height:100%;border:8px solid #313131}

 .technology_ul li div{position:absolute;top:0;left:0;background:rgba(0,0,0,.43);width:100%;height:100%;color:#fff}

 .technology_ul li span{font-size:20px;border:1px solid #fff;display:block;width:70%;text-align:center;margin:50px auto 0}

 .technology_ul li:hover a{border:8px solid #fff;margin-top:10px}

 .technology_ul li:hover div{display:none}

 .technology_ul li:hover{margin-top:10px}

/* 看攻略 */

.index_Strategy{width: 1920px;overflow: hidden;margin: 80px auto 0;position: relative;}
.index_Strategy .index_Strategy_div{width: 1200px;margin: 62px auto 0;position: relative;box-sizing: border-box;clear: both;display: flex;align-items: center;justify-content: space-between;}
.index_Strategy .index_Strategy_div .list{width: 387px;height: 470px;position: relative;}
.index_Strategy .index_Strategy_div .list .list_title{width: 387px;height: 79px;background: #F8F8F8;display: flex;align-items: center;}
.index_Strategy .index_Strategy_div .list .list_title .list_title_img{width: 39px;height: 40px;margin-left: 33px;}
.index_Strategy .index_Strategy_div .list .list_title .list_title_font{font-size: 24px;font-family: PingFang;font-weight: 400;color: #000000;margin-left: 13px;}
.index_Strategy .index_Strategy_div .list .list_title .list_title_more{cursor: pointer; font-size: 16px;font-family: PingFang;font-weight: 400;text-decoration: underline;color: #FFA729;position: absolute;top: 30px;right: 20px;}.index_Strategy .index_Strategy_div .list .list_title .list_title_more a{color: #FFA729;}
.index_Strategy .index_Strategy_div .list .list_content{cursor: pointer; width: 382px;height: 120px;position: relative;display: flex;align-items: center;border-bottom: 1px dotted #B8B7B5;}
.index_Strategy .index_Strategy_div .list .list_content .list_content_left{width: 128px;height: 96px;position: relative;display: flex;align-items: center;justify-content: center;}
.index_Strategy .index_Strategy_div .list .list_content .list_content_left img{width: 100%;height: 100%;}
.index_Strategy .index_Strategy_div .list .list_content .list_content_right{width: 228px;height: 96px;position: relative;margin-left: 17px;}
.index_Strategy .index_Strategy_div .list .list_content .list_content_right .list_content_right_title{font-size: 16px;font-family: PingFang;font-weight: 400;color: #000000;margin: 5px 0 7px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;	}
.index_Strategy .index_Strategy_div .list .list_content .list_content_right .list_content_right_date{font-size: 14px;font-family: PingFang;font-weight: 400;color: #8D8D8D;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}

/* 专题专栏 */
.index_special{width: 1920px;overflow: hidden;margin: 80px auto 83px;position: relative;}
.index_special .index_special_top{width: 1200px;height: auto;position: relative;margin: 0 auto;display: flex;align-items: center;}
.index_special .index_special_top .title{font-size: 36px;font-family: PingFang;font-weight: 400;color: #000000;}
.index_special .index_special_top .font{font-size: 20px;font-family: PingFang;font-weight: 400;color: #000000;opacity: 0.8;margin-left: 11px;}
.index_special .index_special_top .img{width: 56px;height: 16px;position: relative;    position: absolute;right: 0;}
.index_special .index_special_top .img img{width: 56px;height: 16px;position: relative;}
.index_special .index_special_bottom{
	width: 1200px;height:142px; margin: 35px auto 0;position: relative;display: flex;align-items: center;justify-content: space-between;
}
.index_special .index_special_bottom img{width: 285px;height: 142px;cursor: pointer;}