@charset "utf-8";

/*begin  --------clear */

* { padding: 0; margin: 0; text-decoration: none; vertical-align: top; font-weight: normal; }

a { text-decoration: none; outline: none; }

a:link, a:hover { text-decoration: none; }

a:active { color: #fff; text-decoration: none; }

a:visited { color: #fff; text-decoration: none; }

.clear { clear: both; height: 0; display: block; width: 100%; font-size: 0; }

object, .wrap embed { display: block; outline: none; }

html, body { -webkit-text-size-adjust: none; }

.wrap textarea { resize: none; overflow: auto; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }

.wrap br { font-size: 0px; }

.wrap a:link, .wrap a:hover { text-decoration: none; }

/*end--------clear  */

.wrap { height:auto; width:100%;position:relative;background:#fff; font-size: 14px; font-family: "微软雅黑"; text-align: Justify; text-justify:inter-ideograph; max-width: 1920px; min-width:1200px; margin: 0 auto;  color: #000 !important;}

.wrap img { border: 0 none; padding: 0px; margin: 0px; display: inline-block; }

.wrap ul { overflow: hidden; margin: 0; padding: 0; list-style: none }

.wrap br { font-size: 0px; }

/*content*/

.wrap{ background: #000;}

/*banner*/

.wrap #top_banner { width: 100%; font-size: 0px; position: relative; min-width:1200px; }

.wrap #top_banner img { width: 100%; }

.banner_text{ display:block; width:36.6%; height:auto; position:absolute; top:4%; opacity:1; right:31.14%;}

#top_banner .banner_text1{width:36.6%; height:auto; position:absolute; top:4%; opacity:1; right:31.14%; animation: banner_light 2s infinite;}

.btn_down{position:absolute; display: block; width:80px; height: 80px; bottom:5%; left: 50%; margin-left: -40px; cursor:pointer;/*animation: box_open 2s infinite; */}

@keyframes banner_light{

	0%{ /*transform: scale(0.5,0.5);*/ opacity: 0.3;}

	50%{ /*transform: scale(1,1);*/ opacity:1;}

	100%{ /*transform: scale(0.5,0.5);*/ opacity: 0.3;}

}

/*nav  导航*/

.wrap .nav11 { width:46px;z-index: 2000;position:fixed;right:0px; top:0%;display:none; background: #fff;}

.wrap .nav11 #links { overflow: hidden;}

.wrap .nav11.active{ width: 166px;}

.wrap .nav11 #links li {display:block; padding:0 15px; font-size:14px; height: 40px; color: #000; cursor: pointer;}

.wrap .nav11 #links li.active {color: #AA854E;}

.wrap .nav11 #links li:hover {color: #AA854E;}

.wrap .nav11 #links li span{width:0px;display: none;line-height:40px; height:40px;text-align: left; transition: all 0.3s ease-out;}

.wrap .nav11.active #links li span{ width: 120px; display: inline-block; transition: all 0.3s ease-out;}

.wrap .nav11 #links li i{width:12px; height:12px;margin-top: 14px; display: inline-block;background: #fff; border-radius:12px; border: 2px solid #AA854E; }

.wrap .nav11 #links li.active i{ background: #AA854E;}



/*理念*/

#title_ln{ width: 100%; background:url(../images/bg_yinyan.jpg) center center #1c150b;height:787px; position: relative;}

.title_ln1{ width:1027px; height: 546px;border: 10px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -513.5px; margin-top: -273px; color: #fff; font-size: 18px; text-align: center; line-height: 44px;}

.title_ln1 ul li span{ width:90px; text-align: center; display:inline-block; color: #aa854e; }

/*定制*/

#title_dz{ width: 100%; height:712px; background: url(../images/bg_made.jpg) center bottom; padding-bottom: 150px;}

.title_dz1{ width: 1200px; margin: 0 auto;}

.title_dz11{width:1200px;height:712px;overflow: hidden;}

.title_dz11 .btn_open{width:1200px; height:712px; margin: 0 auto; text-align:center; opacity: 1; transform: scale(1,1);}

.title_dz11.on .btn_open{ opacity:0; transform: scale(0,0);/**/margin-top:-712px; transition: all 1s ease-out;}

.btn_open.active{ margin-left: -1200px;transition:all 1s ease-out;}

.btn_open .img_open{display:block !important;width: 80px; margin: 0 auto; padding:218px 0 72px; cursor: pointer; animation:box_open 1.5s infinite;}

.btn_open .img_open:hover{ transform: scale(1.1,1.1); transition:all 1s ease-out;}

@keyframes box_open{

	0%{/* transform: scale(0.9,0.9);*/ opacity: 0.5;}

	50%{ /*transform: scale(1,1);*/ opacity: 1;}

	100%{ /*transform: scale(0.9,0.9);*/ opacity: 0.5;}

}

.btn_open .word_open{ font-size:36px; line-height:150px; color: #fff; padding:0 195px; border: 10px solid #fff; display: inline-block; cursor: pointer;}

.btn_open .word_open:hover{color: #AA854E; border: 10px solid #AA854E;}

.btn_made{ width: 1200px;margin:0 auto; /* margin-top: -712px;*/height:712px;display:block; transform:scale(0,0); opacity:0;display:block;}

.title_dz11.on .btn_made{transform:scale(1,1);opacity:1; transition: all 1s ease-out;}

.made_list{}

.made_list li{display:block; width:280px;margin:80px 60px 0; float:left;}

.made_list li a{color: #fff; border: 10px solid #fff;display:block; width:260px; height:256px; font-size: 30px; text-align: center; background-position: 0,0; background-repeat: no-repeat;}

.made_list li.active a{color: #AA854E; border: 10px solid #AA854E;}

.made_list li a i{ display: block; width: 191px; height: 154px; overflow: hidden; margin:30px auto 16px; background-position:0,0;}

.made_list li a i img{transform:scale(0.8,0.8);transition: all 0.5s ease-out;}

.made_list li.active a i img{/*margin-top:-154px;*/transform:rotate(360deg) scale(1);transition: all 0.5s ease-out;}

/*流程*/

/*star --slider 通用*/

.slick-slider { position: relative;}

.slick-list { position: relative; overflow: hidden; display: block;margin: 0 auto; }

.slick-list:focus { outline: none; }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float:left;min-height: 1px; position:relative;}

.slick-slide img { display: block !important; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; position: relative; }

.slick-loading .slick-slide { visibility: hidden;}

.slick-vertical .slick-slide {display:block; height:auto; }

/*end --slider 通用  */

#title_lc{ width: 100%; height:642px;position: relative; overflow: hidden; padding: 50px 0;}

.slider_lc{ widows: 100%; height: 642px; text-align: center; color: #fff; position: relative; background-position: center center;}

.slider_lc .lc_desc{ width:1200px; height: 642px; margin: 0 auto; position: relative;}

.btn_made_lc{margin:250px auto 0;}

.btn_made_lc a{color: #fff; font-size: 38px; line-height:150px; padding: 0 200px; display:inline-block; border: 10px solid #fff;}

.btn_made_lc a:hover{ border: 10px solid #AA854E;}

.slider_lc .lc_desc .lc_desc1{ width: 605px; height: 220px; position: absolute; left: 0; bottom: 90px; background: url(../images/bg_trans_fff.png); color: #000; text-align: left; border-radius: 10px;}

.slider_lc .lc_desc .lc_desc1 h1{ font-size: 36px; line-height: 90px; padding:10px 63px 0;}

.slider_lc .lc_desc .lc_desc1 p{ font-size: 24px; line-height:43px; padding: 0 40px 0;}

@keyframes box_lc{

	0%{ transform: scale(0.9,0.9);}

	50%{ transform: scale(1,1); border: 10px solid #AA854E;}

	100%{ transform: scale(0.9,0.9);}

}

/*dots*/

#title_lc .slick-dots{ position: absolute; bottom:100px; left:12%;}

#title_lc .slick-dots li{float:left; margin-left: 17px;}

#title_lc .slick-dots li span{width:16px; height: 16px;display:block; background:#fff;border-radius: 8px;cursor: pointer;}

#title_lc .slick-dots li.slick-active span{ background: #937343;}

/*btn left right*/

#title_lc .slick-prev,#title_lc .slick-next{ width:45px; height:45px; display: block; position: absolute; top: 50%; margin-top: -22px; cursor: pointer; transition: all 1s ease-out;}

#title_lc .slick-prev{ left:10%; background: url(../images/btn_left1.png) no-repeat;}

#title_lc .slick-next{ right:10%; background: url(../images/btn_right1.png) no-repeat;}

.btn_lc_zx{ width:127px; height:40px; display: inline-block; padding-left:15px; font-size: 20px; line-height:40px;background:url(../images/btn_bg_zx.jpg) no-repeat #AA854E; color: #fff; margin-top:30px; float:right;}

.btn_lc_zx:hover{ color: #000;}

/*专家*/

#title_zj{ width: 100%;position: relative; background: url(../images/bg_zj.jpg) center center #000;}

.experts1 .btn_zx{position: absolute; bottom:10%; left:165px; font-size: 26px; line-height:45px; color: #fff; padding: 0 25px; background: #AA854E; z-index: 200;}

.experts1 .btn_zx:hover{ color: #000;}

.experts { width:1200px; margin: 0 auto; background-image: url(../images/bnt_trans_black.png); overflow: hidden;}

.experts1 { width:1200px;height: 672px; margin:50px auto 85px;background-image: url(../images/bg_zj1.png);position: relative; overflow: hidden;}

.experts1 .con_slider { width: 1200px; height: 672px; overflow:hidden; position: relative;}

.ex_desc { float:left;display:inline-block;padding-top:176px;opacity:0;margin-left:0px;color:#fff;width:300px; transition:all 1.5s ease 0s;}

.slick-active .ex_desc{margin-left:165px;opacity:1;}

.img_photo{ width:611px; height:672px; display: inline-block; position: absolute; opacity: 0;top:0; right:0%;transition: all 0.5s ease-out;}

.slick-active .img_photo{ opacity: 1; right:5%; transition: all 0.5s ease-out;}

.ex_desc h1 { font-size:40px; line-height:40px; color: #fff; }

.ex_desc h1 span{ font-size:18px; line-height:40px;}

.ex_desc h2 { font-size:60px; line-height:80px; color: #fff; margin-bottom:10px;}

.ex_desc ul { display: block; margin:20px 0 30px; }

.ex_desc ul li{ font-size: 17px; line-height: 30px; color: #AA854E; }

.experts1 .slick-prev,.experts1 .slick-next{ width:46px; height:91px; display: block; position: absolute; top: 50%; margin-top: -45px; cursor: pointer; transition:  all 1s ease-out;}

.experts1 .slick-prev{ left:5%; background: url(../images/btn_left1.png) no-repeat;}

.experts1 .slick-next{ right: 5%; background: url(../images/btn_right1.png) no-repeat;}

/*技艺*/

.skill{ width: 1200px; margin:85px auto 0px; padding-bottom: 105px;}

.find_skill{font-size: 38px; width:304px; display: block; margin:105px auto; color: #fff; border: 10px solid #fff; line-height:150px; padding: 0 190px;}

.find_skill:hover{color: #AA854E; border: 10px solid #AA854E;}

.skill_desc{ font-size: 18px; color: #fff; line-height:45px;}

@keyframes btn_box{

	0%{ transform: scale(0.9,0.9);}

	50%{ transform: scale(1,1); color: #AA854E; border: 10px solid #AA854E;}

	100%{ transform: scale(0.9,0.9);}

}

/*尊享*/

#title_zx{ width: 1200px; margin:0 auto 100px; position: relative;}

#title_zx .service_list{}

#title_zx .service_list li{float:left; transform: scale(1,1); transition: all 1s ease-out; display: block; overflow: hidden;}

#title_zx .service_list li:hover{ transform: scale(1.1,1.1); transition: all 1s ease-out;}

.btn_service{position: absolute;top:50%; left: 50%; display:block; background: #ccc; color: #fff; font-size: 38px; border: 10px solid #AA854E !important; line-height: 150px;text-align: center; width:730px; margin:-85px 0 0 -376px;}

.btn_service:hover{ color: #AA854E;}

.wid2{ width: 225px; height: 494px;}

.wid3{ width: 375px; height: 328px;}

.wid6{ width: 600px; height: 326px;}

/*回顶部*/