@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 !important; font-size: 14px; font-family: "微软雅黑"; text-align: Justify; text-justify:inter-ideograph; max-width:1680px; min-width:1200px; margin: 0 auto; color: #000;}
.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: #fff; width: 100%; max-width:1680px;}
/*title*/
.wrap .title{width: 1200px; height: 87px; padding-top:47px; margin: 0 auto;}
.wrap .title img{width: 100%; height: auto;}
/*zx*/
.btn_zx1{border:1px solid #8b6e4a;border-radius:80px;width:80px; height:80px; padding:30px; position: absolute; left: 50%; margin-left: 25px;top: 56.5%;text-align: center; background: #00061a; cursor: pointer;}
.btn_zx1 a{font-size:34px; line-height: 34px;color:#8b6e4a!important;}
.btn_zx1 a:hover{ color: #fff!important;}
.btn_zx2{width:258px; height: 75px;display:block;text-align: center;font-size: 38px; color: #959595 !important;line-height: 75px;border: 1px solid #959595 !important;border-radius:10px;}
.btn_zx2:hover{color: #8B6E4A !important; border: 1px solid #8B6E4A!important;}
.btn_zx3{width:110px; height:70px;display:block; padding: 60px 40px; color:#fff!important;font-size:24px; background: url(../images/btn_zx3.jpg) no-repeat;position: absolute;text-align: center;right:0; margin-right:55px;top:0px;}
.btn_zx3:hover{color: #000!important;background: url(../images/btn_zx31.jpg) no-repeat;}
.btn_zx4{ color: #959595 !important;padding: 55px 40px; display: block; width:120px; height:90px; font-size: 28px; text-align: center;background: url(../images/btn_zx4.jpg) no-repeat;position: absolute;top: 322px; left: 50%; margin-left: -100px;}
.btn_zx4:hover{color:#937959 !important;background: url(../images/btn_zx41.jpg) no-repeat;}
.btn_zx5{ color: #959595 !important; font-size: 24px;line-height: 47px;padding: 0 27px;border-radius: 10px; border: 2px solid #959595!important;display: block; width: 408px; margin:41px auto 36px;}
.btn_zx5:hover{color: #937959 !important; border: 2px solid #937959!important;}
.btn_zx6{ font-size: 24px; color: #959595 !important; border: 2px solid #959595!important;border-radius: 10px; padding: 0 40px; line-height: 58px; height: 58px; display:block;width: 144px; margin:72px auto 40px;}
.btn_zx6:hover{color: #937959 !important; border: 2px solid #937959!important;}
.btn_zx7{font-size: 24px; color: #959595 !important; line-height: 58px; border: 2px solid #959595!important;border-radius: 10px; padding: 0 48px; display: block; width: 144px; margin: 0 auto;}
.btn_zx7:hover{color: #937343 !important;border: 2px solid #937959!important;}
.btn_zx8{display: inline-block; font-size: 26px; color: #fff; line-height: 48px; padding: 0 40px; background: #937343;position: absolute; bottom:50px; left: 50%; margin-left: 323px;}
.btn_zx8:hover{color: #000;}
/*banner*/
.wrap #top_banner {width: 100%; font-size:0px; position: relative; min-width:1200px; margin-bottom: 70px; }
.wrap #top_banner img { width: 100%;}
.banner_text{display:block; width:37.6785%; height:auto; position:absolute; top:24.45%; opacity:0;left:100%;}
.banner_text1{opacity:1;left:48.1%; transition: all 1s ease-out;}
/*导航 link*/
.wrap #fixed { width: 100%; height: 70px; position: fixed; left: 0; top: 0; background: #937343; z-index: 2000; }
.wrap .nav11 { height: 70px; width: 100%; max-width:1680px; z-index: 2000; background:#937343; position: absolute; margin-top: -70px;}
.wrap .nav11 ul { overflow: hidden; width: 1200px; margin: 0 auto; }
.wrap .nav11 ul li { float: left; display: inline-block; width:146px; height:60px; background: #937343; font-size: 20px; color: #fff; text-align: center; line-height:25px; cursor: pointer; border-right: 1px solid #fff;padding-top: 10px;}
.wrap .nav11 ul li span{display: block;font-size: 13px;line-height:30px;}
.wrap .nav11 ul .active { background: #fff; color: #937343; }
.wrap .nav11 ul li:hover { background: #fff; color: #937343; }
/*page2*/
#page2{width:100%;height: 1032px; background:url(../images/page2_bg.jpg) center top no-repeat #eeece9;position: relative;}
.p2_zj{width: 675px;position: absolute; top:286px; right:50%; margin-right: -100px;color: #000;}
.p2_zj h1{font-size: 40px; line-height: 40px;padding-bottom: 15px;}
.p2_zj h1 span{font-size:30px; line-height: 40px;padding:0 0 0 10px;}
.p2_zj span.zj_jj{ font-size: 30px; line-height: 40px; padding: 15px 0;display: inline-block;}
.zj_desc_list li{font-size: 16px; line-height:30px;}
.p2_zj p{font-size:14px; line-height: 23px; padding-bottom: 30px;}
.with_photo li{ float: left; width: 148px; height: 148px; margin-right: 20px;color: #fff;}
.with_photo li span{width: 100%;height:93px; background:url(../images/page2_bg_radius.png) no-repeat;font-size: 14px;display: block; line-height: 24px; padding-top: 55px;  text-align: center; margin-top:148px; opacity: 0; transform: scale(0,0);transition: all 0.8s ease-out;}
.with_photo li.last_child span{ padding-top:40px;height: 108px;}
.with_photo li span.active{margin-top:0px; opacity: 1; transform: scale(1,1); transition: all 0.8s ease-out;}
/*page3*/
#page3{width:100%; background: #fff;}
.p3_desc{width: 100%; background: url(../images/page2_bg1.jpg); margin-top: 40px;/* box-shadow:10px #cbcbcb;*/}
.p3_desc p{ width: 1200px;font-size: 14px;line-height: 30px; display: block; margin: 0 auto; padding: 40px 15px;}
.box_shadow{width: 100%; background: url(../images/img_box_shadow.jpg) repeat-x; height:8px;}
.p3_con{width: 1200px;height:600px; margin:45px auto 40px;position: relative;}
.p3_con .join_list{display: block; width:435px; height:385px; position: absolute; right:50%; margin-right: 20px;}
.join_list li{width:20px;padding:0 10px;font-size: 20px; line-height: 20px; word-wrap: break-word;float:right;}
.p3_icon_list{width:425px; height:135px; margin:0 auto !important;}
.p3_icon_list li{text-align:center;color: #8B6E4A;font-size: 20px;line-height: 35px;}
.p3_icon_list li .btn_zx2{ margin: 70px auto 0;}
.environment_list{width:1200px; height:317px;margin:50px auto 0 !important;}
.environment_list li{ float:left; width: 279px; height: 317px; display: block; margin-right: 28px;}
.environment_list li.last_child{margin-right: 0px;}
.p3_con a{ margin:30px auto 0;}
/*page4*/
#page4{width: 100%;}
#page4 .title{width: 100%;height:auto;padding-top: 0;}
.p4_fx_desc{width: 100%;background: url(../images/page2_bg1.jpg);}
.p4_fx_desc p{width: 1200px; margin: 0 auto;text-indent: 2em; display: block;padding:40px 30px; font-size: 14px; color: #000;line-height: 30px;}
.fx_process{width: 100%; height: 820px; margin: 0 auto; background: url(../images/page4_bg.jpg) no-repeat center top;position: relative;}
.pro_list {}
.pro_list li{width: 126px; height: 84px; position: absolute;cursor: pointer;/*transform: scale(1,1);transition: all 0.5s ease-out;*/}
.pro_list li:hover{/*transform: scale(1.05,1.05);transition: all 0.5s ease-out;*/}
.pro_list li.img1{top:137px;right:50%;}
.pro_list li.img2{top:292px;right:50%;}
.pro_list li.img3{margin-right: 260px;}
.pro_list li.img4{margin-right:-385px;}
.fx_tips_list li.tips{width: 382px; height:180px;display: block; background: url(../images/page4_bg2.jpg);border-radius: 10px; box-shadow: 1px 1px 3px #959595;padding-top: 34px; position: absolute;display: none;}
.fx_tips_list li h1{font-size: 20px; color: #937959; line-height: 30px; text-align: center;}
.fx_tips_list li p{font-size: 14px; color: #000; line-height: 24px;padding:20px 32px 0;}
.fx_tips_list li.tip1,.fx_tips_list li.tip2{top: 282px;left: 50%; margin-left: -180px;margin-top:34px;}
.fx_tips_list li.tip3,.fx_tips_list li.tip4{top:315px;left:50%; margin-left:-180px;}
.fx_tips_list li.tip1 .tip_arrow{width: 30px; height: 34px;position:absolute; top:-34px; left: 40px;}
.fx_tips_list li.tip2 .tip_arrow{width: 30px; height: 34px;position:absolute; top:-34px; right: 40px;}
.fx_tips_list li.tip3 .tip_arrow{width: 30px; height: 41px;position:absolute; top:28px; left: -30px;}
.fx_tips_list li.tip4 .tip_arrow{width: 30px; height: 38px;position:absolute; top:28px; right:-30px;}
.fx_result{width: 100%; height: 364px; background: url(../images/page4_bg3.jpg) repeat-y;}
.fx_result ul{width: 845px; margin: 0 auto !important; padding-top: 33px;}
.fx_result ul li{float: left; width: 262px; height:274px; margin-right: 15px;border: 2px solid #959595;}
#ad{width: 100%; height:217px;background: url(../images/img_ad.jpg) no-repeat center top;position: relative;}
#ad div{font-size: 20px;line-height: 40px;color: #fff;text-align: center; display: block;width: 790px; position: absolute; top: 40px; left: 50%; margin-left: -228px;}
#ad div h1{font-size: 46px; line-height: 46px;margin-bottom: 20px;}
#ad div span{background-color: #937959;}
/*page5*/
#page5{width: 100%;position: relative;}
#page5 .title{width: ; height:141px ;}
#page5 .special_list { width: 1200px;height: 1050px; margin:45px auto 0 !important;position: relative;}
#page5 .special_list li { display: block;position: absolute; left:0px; width:1100px; height:364px; }
#page5 .special_list li.fr { float: right;text-align: right; }
#page5 .special_list li img { float: left; width:364px; height:364px; border-radius:182px;}
#page5 .special_list li .how_desc { float: left; width: 460px; margin:133px 0 0 35px; }
#page5 .special_list li .how_desc.mr { margin: 133px 35px 0 0; }
#page5 .special_list li .how_desc h1{ font-size: 24px; line-height: 34px;color: #60605f;}
#page5 .special_list li .how_desc h1 span { color: #937959; font-size: 24px; line-height: 34px; border: 1px solid #937959; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: inline-block; margin: 0 0 10px 20px; padding: 0 12px;}
#page5 .special_list li .how_desc p { font-size: 14px; color: #626262; line-height: 26px; }
/*page6*/
#page6{width: 100%;}
#page6 .title{height: 95px;margin-bottom:45px;}
.page6_marry{width: 100%; height: 876px;}
.page61{width: 100%; height: 876px; background:url(../images/page6_bg1.jpg) center top no-repeat;position: relative;}
#page6 .page61_desc{width: 605px; height:580px; position: absolute; left: 50%;top: 80px;}
#page6 .page61_desc h2{font-size: 26px;line-height: 37px; background: #937959;display: inline-block;color: #fff;}
#page6 .page61_desc h1{ font-size: 34px; color:#937959; line-height: 60px;}
#page6 .page61_desc p{font-size: 16px;color: #000; text-decoration: underline; line-height: 37px; padding-left:45px; margin-bottom:15px;}
#page6 .page61_desc p.num1{background: url(../images/page6_img_num1.jpg) no-repeat;}
#page6 .page61_desc p.num2{background: url(../images/page6_img_num2.jpg) no-repeat;}
#page6 .desc_img{width: 579px; height: 242px;margin: 40px 22px;}
.page62{width: 100%; height: 876px; background:url(../images/page6_bg2.jpg) center top no-repeat;position: relative;}
.page62 .page61_desc p{padding-left: 0 !important;}
.page62 .desc_img{margin-left: 0 !important;}
/*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 通用  */
/*start---dots*/
#page6 .slick-dots{ position: absolute; bottom:20px;left: 50%; margin-left: 120px;}
#page6 .slick-dots li{float:left; margin-right:60px;}
#page6 .slick-dots li span{width:151px; height:183px;display:block;cursor: pointer;}
#page6 .slick-dots li span.dot_0{background: url(../images/page6_img_btn11.png) no-repeat;}
#page6 .slick-dots li span.dot_1{background: url(../images/page6_img_btn21.png) no-repeat;}
#page6 .slick-dots li span.dot_0:hover{background: url(../images/page6_img_btn11.png) no-repeat;}
#page6 .slick-dots li span.dot_1:hover{background: url(../images/page6_img_btn21.png) no-repeat;}
#page6 .slick-dots li.slick-active span.dot_0{background: url(../images/page6_img_btn1.png) no-repeat;}
#page6 .slick-dots li.slick-active span.dot_1{background: url(../images/page6_img_btn2.png) no-repeat;}
/*end---dots*/
/*page7*/
#page7{width: 1200px; margin: 0 auto;position: relative;}
.p7_compare{width:685px;padding: 65px 76px; background: url(../images/page2_bg1.jpg); margin:62px auto 0; text-align: center; font-size: 24px;color: #937959;}
/*page8*/
#page8{width: 100%; background: #e0ded7;}
#page8 .title{width:100%; height:auto;padding-top: 0;}
#page8 table{text-align: center; vertical-align: middle; margin: 0 auto;border: 1px solid #937959;position: relative;}
#page8 table tr td{vertical-align: middle;}
#page8 table tr th{vertical-align: middle;font-size: 26px;}
#page8 table tr th span.good1{width: 20px; height: 32px; display: inline-block; background: url(../images/page8_img1.jpg) no-repeat; margin-left: 20px;}
.table_yx{width:490px; padding:10px 60px; background: url(../images/page8_bg1.jpg);color: #937959;position: relative;}
.table_yx span.good2{width:13px; height:21px; display: inline-block; background: url(../images/page8_img2.jpg) no-repeat;margin-left: 20px;}
.table_yx span.good2.line2{position: absolute;right: 45px; top: 50%; margin-top: -10px;}
/*page9*/
#page9{width: 100%; background: url(../images/page2_bg1.jpg); height: 570px; box-shadow: 1px 1px 1px #959595;}
#page9 .title{width: 100%; height: auto;padding-top: 0px;}
.q_list{width: 1200px; margin:68px auto 0 !important;padding-bottom: 48px !important;}
.q_list li { float: left; margin: 20px 0 0 20px; width: 570px; }
.q_list li i{ background:url(../images/page9_img1.png) no-repeat center center; display:inline-block; width:39px; height:35px;}
.q_list li a { font-size: 14px; height: 20px; padding:18px 0 0 10px; color: #937343 !important;display: inline-block; }
.q_list li a:hover { color: #000; }
/*page10*/
#page10{width: 1200px; margin: 0 auto 65px;}
#page10 .nav_you{width: 1200px; margin: 60px auto 35px !important;}
#page10 .nav_you li{width:253px;height:119px;display: block; float:left; margin-right:4px;cursor: pointer; color: #fff; font-size: 24px;line-height: 119px; text-align: left; padding-left: 140px;border:2px solid #fff;}
#page10 .nav_you li:hover{border:2px solid #937343;color: #937343;}
#page10 .nav_you li.last_child{margin-right:0;}
.desc_you_list{width: 1200px; /*height: 605px;*/margin:0 auto 0 !important;position: relative;}
.desc_you_list li.con_slider{width: 1200px; height: 605px; display: block; position: relative;}
.desc_list{width:500px;padding:60px 0 0 50%;}
.desc_list{width: 500px; height: 605px; display: block;}
.desc_list h1{font-size: 48px; line-height:58px;color: #fff; text-align: center;}
.desc_list h1 span{font-size: 58px; line-height:58px; color: #937343;}
.desc_list .pro_name{font-size: 26px;display: block; color: #937343; text-align:center; padding: 70px 0 20px;}
.desc_list .pro_img{width: 483px; height:258px;display: block; border: 2px solid #fff;}
.nav_xm li{width: 67px; height: 20px; display: block; position: absolute;color: #fff;cursor: pointer;}
.nav_xm li:hover{color: #937343;}
/*page11*/
#page11 { width: 100%; background: #4e3c2f; position: relative; }
#page11 .YX_title { margin: 0 auto; width: 993px; height: 80px; }
#page11 .YX_button { display: block; position: absolute; top: 520px; left: 70%; width: 120px; height: 35px; background-color: #c6c6c6; color: #503728; font-size: 22px; line-height: 35px; text-align: center; z-index: 10000; text-decoration: none; }
#page11 .YX_button:hover { background-color: #856d4b; color: #fffefe; }
#page11 #pp_ul { width: 100%; background: #553e2c; }
#page11 #tabs { overflow: hidden; width: 1089px; display: block; height: auto; margin: 0 auto; padding: 0; list-style: none; }
#page11 #tabs li { float: left; width: 120px; height: 85px; margin: 0; padding-top: 25px; margin-right: 1px; background-image: url(../images/button.jpg); color: #e8e3da; font-size: 18px; text-align: center; text-decoration: none; display: block; cursor: pointer; }
#page11 #tabs a span { letter-spacing: -1px; color: #e8e3da; }
#page11 #tabs li:hover, #page11 #tabs li:focus { background-position: 0 100%; }
#page11 #tabs li:focus { outline: 0; }
#page11 #tabs .current { z-index: 3; background-position: 0 100%; }
#page11 #content { background: #dcdbdb; padding: 55px 0 66px 0; }
#page11 .tab_context { width: 910px; margin: 0 auto; display: none; }
#page11 .tab_context .YX_left { float: left; width: 390px; }
#page11 .tab_context .YX_right { float: right; width: 465px; margin-top: 20px; }
#page11 .tab_context .YX_right strong { color: #000000; font-size: 30px; letter-spacing: 2px; line-height: 50px; font-weight: normal; }
#page11 .tab_context .YX_right p { color: #000000; font-size: 14px; line-height: 25px; width: 420px; height: auto; margin: 0; padding: 0; }
/*page12*/
#page12{width: 100%; height: ; margin-bottom:0px ; background: url(../images/page2_bg1.jpg);}
.like_list{width:1200px; margin:40px auto 0px !important; padding-bottom:40px !important;}
.like_list li{width: 280px; height: 145px ;border:2px solid #fff;float: left;margin: 0 8px;}
.like_list li:hover{border: 2px solid #937343;}