@charset "utf-8";
/* CSS Document */
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
ul,li{ list-style-type:none}
input,img{ border:none;}
img{ vertical-align:top}
body{ font-size:12px; font-family:"Microsoft YaHei", "微软雅黑", "SimSun", "����"; line-height:20px; background:#FFFFFF; color:#333333}
.fix:after{ clear:both; height:0; font-size:0; display:block; content:"."; visibility:hidden;}
.fix{*zoom:1}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#666; text-decoration:none; }

.title{ box-sizing:border-box; padding-top:48px;position:relative; height:174px; width:100%; background:url(../images/kuang.png) no-repeat;}
.title h2{ padding-left:28px; font-size:37px; line-height:57px;}
.title h3{ position:absolute; font-size:24px; top:104px; line-height:24px; left:67px; font-family:Arial, Helvetica, sans-serif}

.title1{ width:100%; height:150px; text-align:center;}
.title1 .tt1{ height:38px; line-height:38px; font-size:24px; font-family:Arial, Helvetica, sans-serif}
.title1 .tt2{ font-size:37px; line-height:40px;}
.title1 .tt3{ width:115px; height:63px; position:relative; margin:0 auto}
.title1 .tt3 .dd{ text-align:center; height:48px; line-height:48px; font-size:24px; font-family:Arial, Helvetica, sans-serif}
.title1 .tt3 .pic{ position:absolute; bottom:8px; left:0; width:100%; text-align:center }

.banner{width:100%; height:842px; position:relative; background:url(../images/banner.jpg) center 0 no-repeat}
.banner .con{ margin:0 auto; width:1200px; height:840px; position:relative}
.banner .txt{ position:absolute; width:420px; left:92px; top:490px; line-height:44px; font-size:22px; color:#FFFFFF; text-shadow:#000 2px 2px 2px; text-align:center}
.banner .btn1{ position:absolute; left:148px; top:695px; z-index:3}

.banner .ban{ position:relative; width:100%; text-align:center; left:0; top:-840px; z-index:2}

.zyx-bg-1 {
    background:url(../images/banner.jpg) no-repeat scroll 50% 0;
    height: 842px;
    position: relative;
}

.zyx-bg-1 .all-a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#bg-1s {
    height: 795px;
    overflow: hidden;
    position: relative;
}

.part1{ width:100%; background:url(../images/p1.jpg) center 0 no-repeat}
.part1 .con{ margin:0 auto; padding-top:50px; text-align:center; font-size:25px; color:#fff; line-height:34px; width:701px; height:200px; box-sizing:border-box; background:url(../images/tu1.png) center 90px no-repeat}

.part2{ width:100%; height:800px; padding-top:68px; background:#fff;}
.part2 .con{ margin:0 auto; width:1200px;}
.part2 .con .shipin{ float:left; width:600px; height:800px; position:relative; color:#d2c2b1}
.part2 .con .text{ float:right; width:530px;}
.part2 .con .t1{ height:62px; line-height:62px; background:#584534; text-align:center; font-size:30px;}
.part2 .con .p2{ width:600px; height:480px; overflow:hidden}
.part2 .con .p3{ position:absolute; left:0px; top:542px; height:350px; background:#584534; line-height:33px; padding-top:33px; box-sizing:border-box; font-size:18px; padding-left:36px; padding-right:36px;}

.part2 .con .p4{ margin-top:15px; line-height:42px; font-size:23px;}
.part2 strong{ color:#000;}
.part2 .con .t2{ height:72px; line-height:72px; font-size:24px; color:#000; padding-bottom:20px;}
.part2 .con .p5{ width:100%; height:165px; position:relative}
.part2 .con .p5 li{ height:166px; width:166px; position:absolute; left:0; top:0; display:table; border-radius:50%;}
.part2 .con .p5 li p{ display:table-cell; vertical-align:middle; text-align:center; font-size:24px; line-height:31px; color:#000}
.part2 .con .p5 li:nth-of-type(1){ background:rgba(250,225,137,0.6)}
.part2 .con .p5 li:nth-of-type(2){ background:rgba(250,127,99,0.6); left:130px;}
.part2 .con .p5 li:nth-of-type(3){ background:rgba(246,114,198,0.6); left:260px;}
.part2 .con .p5 li:nth-of-type(4){ background:rgba(137,206,250,0.6); left:390px;}

.part3{ width:100%; height:950px; box-sizing:border-box; padding-top:130px; background:url(../images/p3.jpg) center 0 no-repeat}
.part3 .con{ margin:0 auto; width:1200px; padding-top:10px;}
.part3 .con li{ float:left; display:inline-block; width:290px; margin-right:13px; color:#fff;}
.part3 .con li h3{ line-height:40px; height:40px; text-align:center; padding-bottom:8px; font-size:14px; }
.part3 .con li:nth-of-type(4n){ margin-right:0;}

.part4{ width:100%; height:1053px; padding-top:70px; box-sizing:border-box;  background:url(../images/p4.jpg) center 0 no-repeat}
.part4 .con{ margin:0 auto; width:1200px; box-sizing:border-box; padding-left:58px; padding-top:58px}
.part4 .con .text{ width:724px; overflow:hidden; font-size:18px; color:#000; line-height:33px;}
.part4 .t1{ height:80px; line-height:80px; font-size:18px; color:#7b4f09; font-weight:bold;}
.part4 .t1 span{ font-size:23px; color:#000;}
.part4 .t2{ height:70px; line-height:70px; font-size:23px; color:#000; font-weight:bold}
.part4 li{ float:left; display:inline-block; margin-right:8px; width:235px; height:392px; background:url(../images/kuang.jpg) no-repeat; box-sizing:border-box; padding:22px;}
.part4 li h3{ margin:0 auto; height:75px; width:100px; border-bottom:2px solid #f1e4ba; line-height:30px; font-size:23px; color:#f1e4ba; text-align:center}
.part4 li .p1{ padding-top:10px; font-size:16px; line-height:26px; color:#fff;}
.part4 li:last-child{ margin-right:0}

.part5{ width:100%; height:1356px; background:#272028}
.part5 .con{ margin:0 auto; width:1200px;}
.p5tt{ margin:0 auto; width:200px; padding-top:32px; padding-bottom:54px;}

.part5 .list{ width:572px; height:1032px; position:relative; box-sizing:border-box; padding:26px; background:#443b3d;}
.part5 .t1{ text-align:center; line-height:38px; color:#fec944; font-size:30px;}
.part5 .p1{ color:#fff0c0; line-height:31px; font-size:18px; padding:15px 0;}
.part5 .p2 { padding-top:10px; padding-bottom:30px;}
.part5 .p2 li{ float:left; display:table; margin-right:18px; width:116px; height:134px; background:url(../images/p5.png) no-repeat}
.part5 .p2 li p{ display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#fff0c0; line-height:28px;}
.part5 .p2 li:last-child{ margin-right:0}
.part5 .btn1{ width:225px; height:50px; background:#f1e4ba; text-align:center; line-height:50px; border-radius:25px; font-size:23px; font-weight:bold; display:block; position:absolute; left:50%; margin-left:-112px; bottom:-25px; z-index:3; color:#000}
.part5 .kuang{ border:10px solid #fff0c0; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; z-index:2; opacity:0; transition:0.3s}
.part5 .list:hover .kuang{ opacity:1}

.part6{ width:100%; padding:92px 0; background:#fff;}
.part6 .con{ margin:0 auto; width:1067px; height:744px; position:relative; background:url(../images/p6.jpg) no-repeat}
.part6 .con .qh{ position:absolute; left:0; top:253px; width:355px; height:490px;}
.part6 .con .t1{ width:220px; position:absolute; left:355px; top:252px;}
.part6 .con .t2{ position:absolute; top:278px; right:0px; width:491px; height:42px; line-height:42px; text-align:center;color:#fff; background:rgba(0,0,0,0.5); font-size:16px; color:#fff}
.part6 .con .t3{ position:absolute; top:622px; right:0px; width:491px; height:42px; line-height:42px; text-align:center;color:#fff; background:rgba(0,0,0,0.5); font-size:16px; color:#fff}
.part6 .con .t4{ position:absolute; bottom:0; right:0px; width:490px; height:80px; line-height:80px; text-align:center}

.part6 .con .tab{ position:absolute; left:0; top:10px;}
.part6 .con .tab a{ display:inline-block; width:15px; height:15px; overflow:hidden; background:#3f2b00; margin-left:10px; border-radius:8px;}
.part6 .con .tab a.active{ background:#fff;}
.part6 .con .txt{ position:absolute; bottom:0; left:0; height:80px; width:100%; box-sizing:border-box; padding:10px 15px 0px 15px; line-height:26px; font-size:16px; color:#fff; background:rgba(0,0,0,0.5); display:none}

.part6 .con .t4 .ll{ float:left; display:block; width:390px; height:80px; font-size:37px; font-weight:bold; color:#e0bd8b}
.part6 .con .t4 .rr{ float:left; display:block; width:99px; height:80px;}

.part7{ width:100%; background:#d5b789; padding:38px 0;}
.part7 .con{ margin:0 auto; width:1200px; padding-bottom:50px; padding-top:20px;}
.part7 .con .list{ float:left; display:inline-block; width:357px; margin-right:64px;}
.part7 .con .list .t1{ text-align:center; background:#786b63; height:100px; line-height:100px; font-size:20px; color:#fff;}
.part7 .con .list:last-child{ margin-right:0}
.part7 .btn1{ display:block; margin:0 auto; width:354px; height:60px; border:3px solid #786b63; text-align:center; line-height:60px; border-radius:30px; font-size:30px; color:#786b63}

.part8{ width:100%; height:844px; box-sizing:border-box; padding-top:50px; background:url(../images/p7.jpg) center 0 no-repeat}
.part8 .picScroll-left{ max-width:1680px; height:365px; margin:40px auto 0;position:relative; }
.part8 .list{ float:left; width:33.3333%; position:relative}
.part8 .list .kuang{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block}
.part8 .list img{ width:100%;}
.part8 .list.active .kuang{ display:none}

.part8 .prev{ position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-29px}
.part8 .next{ position:absolute; right:50%; top:50%; margin-right:-300px; margin-top:-29px}

.part8 .picScroll-left .cao{ position:absolute; text-align:center; line-height:26px; height:26px; font-size:16px; color:#fff; bottom:-30px; left:0px; width:100%;}
.part8 .btn1{ display:block; margin:70px auto 0; width:354px; height:60px; border:3px solid #876c43; text-align:center; line-height:60px; border-radius:30px; font-size:30px; color:#876c43}

.part9{ max-width:1680px; margin:0 auto; padding:50px 0;}
.part9 .con{ margin:30px 0; width:100%; height:480px; position:relative; background:url(../images/zjshenghuo.jpg) center center no-repeat; background-size:100% 100%}
.part9 .con .one{ width:13.94%; height:420px; background:rgba(51,51,51,0); position:absolute; left:0; top:25px; display:table}
.part9 .con .two{ width:25.1%; height:265px;background:rgba(51,51,51,0); position:absolute; left:13.94%; top:25px; display:table}
.part9 .con .three{ width:25.1%; height:155px; background:rgba(51,51,51,0); position:absolute; left:13.94%; top:290px; display:table}
.part9 .con .four{ width:21.8%; height:479px;background:rgba(51,51,51,0); position:absolute; left:39.04%; top:0; display:table}
.part9 .con .five{background:rgba(51,51,51,0);height: 170px;left: 60.85%;position: absolute;top: 25px;width: 24.888%; display:table}
.part9 .con .six{background:rgba(51,51,51,0);height: 250px;left: 60.85%;position: absolute;top: 195px;width: 24.888%; display:table}
.part9 .con .seven{background:rgba(51,51,51,0);height: 420px;left: 85.72%;position: absolute;top: 25px;width: 14.29%; display:table}
.part9 .con p{ display:table-cell; text-align:center; vertical-align:middle; font-size:16px; color:#f1e4ba; opacity:0}

.part9 .one:hover ,.part9 .two:hover,.part9 .three:hover,.part9 .four:hover,.part9 .five:hover,.part9 .six:hover,.part9 .seven:hover{background:rgba(51,51,51,0.5);}
.part9 .one:hover p,.part9 .two:hover p,.part9 .three:hover p,.part9 .four:hover p,.part9 .five:hover p,.part9 .six:hover p,.part9 .seven:hover p{ opacity:1}

.part9 .btn1{ display:block; margin:70px auto 0; width:354px; height:60px; border:3px solid #b5a5a5; text-align:center; line-height:60px; border-radius:30px; font-size:30px; color:#b5a5a5}

.part10{ max-width:1680px; height:730px; background:url(../images/p8.jpg) center 0 no-repeat; margin:0 auto;}
.part10 .con{ width:1200px; height:730px; margin:0 auto; position:relative}
.part10 .con .btn1{ position:absolute; width:350px; height:67px; left:80px; bottom:245px; background:rgba(0,0,0,0);}