*{ margin: 0; padding: 0;}
html, body, div, span, object, iframe, table, tr, th, td, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #1D1D1D;font-family:"Microsoft YaHei"; font-size: 12px;line-height: 24px; }
input, select {font-size: 12px;line-height: 22px;}
img { border: 0 none;}
ul, li {list-style-type: none;}
.tc { text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{float:left}
.fr{float:right}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.pd{ padding:0px 40px;}
.pd1{ padding:0px 0px 0px 30px;}
.pt{ padding-top:10px;}
.hs{ color:#8e6f00}
.fix::after{clear:both; height:0px; display:block; content:""; overflow:hidden; font-size:1px;}
.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}
a { color: #333;text-decoration: none;font-family:"Microsoft YaHei";}
a:link,a:visited {text-decoration: none;}
h1,h2,h3,h4{ font-weight:normal}

.banner{ max-width:1680px; height:708px; background:url(../images/banner.jpg) center 0 no-repeat; margin:0 auto;}
.banner .con{ margin:0 auto; width:1100px; height:708px; position:relative}
.banner .con .btn{ position:absolute; background:rgba(0,0,0,0); content:" "; width:280px; height:60px; left:230px; bottom:70px;}

.part1{ margin:0 auto; max-width:1680px; background:#010101; padding:40px 0; overflow:hidden}
.part1 .tt1{ text-align:center; padding:40px 0}
.part1 .slidecase{ height:748px; width:100%; box-sizing:border-box; overflow:hidden; position:relative}


.part1 .slidecase .bd{width:1100px; margin:0 auto}
.part1 .slidecase .bd ul{}
.part1 .slidecase .bd li{ float:left;width:1100px; position:relative}
.part1 .slidecase .bd li img{width:100%;}

.part1 .slidecase .bd li .txt{ width:480px; position:absolute; left:60px; top:55px; z-index:2}
.part1 .slidecase .bd li h2{ font-size:50px; line-height:60px; color:#df0c33}
.part1 .slidecase .bd li h2 span{ font-size:26px; color:#333}
.part1 .slidecase .bd li .p1{ font-size:28px; line-height:32px; padding-bottom:30px;}
.part1 .slidecase .bd li h3{ border:1px solid #000; display:inline; padding:0px 15px; line-height:32px; font-size:26px; color:#df0c33}
.part1 .slidecase .bd li .p2{ font-size:20px; line-height:28px; padding-bottom:20px; padding-top:10px;}
.part1 .slidecase .bd li h4{ background:#000; display:inline; padding:0px 15px; line-height:32px; font-size:26px; color:#fff}

.bjleft{ width:17.25%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0; z-index:3}
.bjright{ width:17.25%; height:100%; background:rgba(0,0,0,0.8); position:absolute; right:0; top:0; z-index:3}

.part1 .slidecase .btn { position:absolute; top:290px; z-index:4}
.part1 .slidecase .prev{ left:50%; margin-left:-600px;}
.part1 .slidecase .next{ right:50%; margin-right:-600px;}

.part1 .slidecase .hd{ position:absolute; left:0px; bottom:40px; width:100%; height:20px; text-align:center}
.part1 .slidecase .hd li{ display:inline-block; margin-right:10px; width:15px; height:15px; border-radius:50%; background:#ffffff}
.part1 .slidecase .hd li.on{ background:#f8eca8}

.part1 .btn1{ display:block; margin:40px auto 0 auto; width:500px; height:70px; border-radius:20px; line-height:70px; text-align:center; background:#fee08c; font-size:30px;}


.dtcon{ max-width:1680px; height:838px; background:url(../images/zd_bg.jpg) center 0 no-repeat; margin:0 auto;}
.dtcon .con{ margin:0 auto; width:1100px; height:838px; position:relative;}
.dtcon .con .tt{ position:absolute; top:46px; left:50%; margin-left:-300px;}
.dtcon .con .egg{ width:1100px; height:387px;position:relative; top:280px;}
.dtcon .con .egg .egglist{width:1100px; height:387px;}
.dtcon .con .egg li:nth-of-type(1){ position:absolute; width:241px; height:290px; left:0px; top:100px; background:url(../images/c.png) no-repeat}
.dtcon .con .egg li:nth-of-type(2){ position:absolute; width:286px; height:343px; left:230px; top:55px; background:url(../images/d.png) no-repeat}
.dtcon .con .egg li:nth-of-type(3){ position:absolute; width:335px; height:356px; left:480px; top:30px; background:url(../images/e.png) no-repeat}
.dtcon .con .egg li:nth-of-type(4){ position:absolute; width:324px; height:387px; left:780px; top:20px; background:url(../images/f.png) no-repeat}

.dtcon .con .egg li:nth-of-type(1).cur{background:url(../images/c_cur.png) no-repeat}
.dtcon .con .egg li:nth-of-type(2).cur{background:url(../images/d_cur.png) no-repeat}
.dtcon .con .egg li:nth-of-type(3).cur{background:url(../images/e_cur.png) no-repeat}
.dtcon .con .egg li:nth-of-type(4).cur{background:url(../images/f_cur.png) no-repeat}

.dtcon .con .txt{ position:absolute; left:50%; margin-left:-360px; top:120px; width:720px; height:425px; border:2px solid #fff; background:rgba(0,0,0,0.7); box-sizing:border-box; padding:60px 60px 0px 60px; display:none; z-index:1000}



.dtcon .con .txt .close{ position:absolute; right:5px; top:5px; cursor:pointer}
.dtcon .con .txt h2{ font-size:40px; line-height:65px; text-align:center; color:#fff}
.dtcon .con .txt h3{ padding-top:30px; font-size:25px; color:#ffdd94; text-align:center; line-height:35px;}
.dtcon .con .txt p{ font-size:23px; color:#fff; line-height:32px; text-align:center}

.hammer{background:url(../images/hammer.png) no-repeat;width:113px;height:134px;position:absolute; text-indent:-9999px;z-index:150;left:199px;top:0px; display:none; z-index:999}
.hammer2{background:url(../images/hammer.png) no-repeat;width:113px;height:134px;position:absolute; text-indent:-9999px;z-index:150;left:158px;top:350px; /* display:none */}

.dtcon .con .egg li:hover{animation:allitem_bounce 2s;-webkit-animation:allitem_bounce 2s;-moz-animation:allitem_bounce 2s;-o-animation:allitem_bounce 2s;-ms-animation:allitem_bounce 2s;}
.drap{animation:drap 2s;}

@keyframes allitem_bounce{
0%,10%,20%,26%,84%,90%,96%,100%{webkit-transform:translateY(0)}
18%{webkit-transform:translateY(-6px)}
22%{webkit-transform:translateY(-3px)}
}
@-webkit-keyframes allitem_bounce{
0%,10%,20%,26%,84%,90%,96%,100%{webkit-transform:translateY(0)}
18%{webkit-transform:translateY(-6px)}
22%{webkit-transform:translateY(-3px)}
}
@-moz-keyframes allitem_bounce{
0%,10%,20%,26%,84%,90%,96%,100%{webkit-transform:translateY(0)}
18%{webkit-transform:translateY(-6px)}
22%{webkit-transform:translateY(-3px)}
}
@-o-keyframes allitem_bounce{
0%,10%,20%,26%,84%,90%,96%,100%{webkit-transform:translateY(0)}
18%{webkit-transform:translateY(-6px)}
22%{webkit-transform:translateY(-3px)}
}
@-ms-keyframes allitem_bounce{
0%,10%,20%,26%,84%,90%,96%,100%{webkit-transform:translateY(0)}
18%{webkit-transform:translateY(-6px)}
22%{webkit-transform:translateY(-3px)}
}

@keyframes drap{
0%{transform:rotate(0deg);-webkit-transform-origin: right bottom;
transform-origin: right bottom}
6%{transform:rotate(12deg);-webkit-transform-origin: right bottom;
transform-origin: right bottom}
10%{transform:rotate(0deg);-webkit-transform-origin: right bottom;
transform-origin: right bottom}
16%{transform:rotate(-12deg);-webkit-transform-origin: right bottom;
transform-origin: right bottom}
22%{transform:rotate(0deg);-webkit-transform-origin: right bottom;
transform-origin: right bottom}
}

.part3{ margin:0 auto; max-width:1680px; background:#010101; padding:40px 0; overflow:hidden}
.part3 .btn1{ display:block; margin:0px auto 0 auto; width:500px; height:70px; border-radius:20px; line-height:70px; text-align:center; background:#fee08c; font-size:30px;}
.part3 .tt1{ text-align:center; padding:40px 0}
.part3 .p3_1{ margin:0 auto; width:1100px; height:317px; background:url(../images/p3_1bg.jpg) no-repeat; position:relative}
.part3 .p3_1 .txt{ position:absolute; width:366px; top:20px; left:20px;}
.part3 .p3_1 .txt h2{ font-size:36px; line-height:45px; padding-left:10px; color:#fff;}
.part3 .p3_1 .txt .p1{ font-size:23px; line-height:32px; padding-bottom:30px; color:#f8eca8; padding-left:10px;}
.part3 .p3_1 .txt .p2{ font-size:20px; line-height:32px; color:#fff;}
.part3 .p3_1 .txt .p2 span{ font-size:20px; color:#fffbcc}
.part3 .p3_1 .btn2{ position:absolute; left:380px; top:130px;}

.part3 .p3_2{ margin:0 auto; width:1100px; height:395px; background:url(../images/p3_2bg.jpg) no-repeat; position:relative}
.part3 .p3_2 .txt1{ position:absolute; width:366px; top:30px; left:220px;}
.part3 .p3_2 .txt1 h2{ font-size:36px; line-height:45px; padding-left:10px; color:#fff;}
.part3 .p3_2 .txt1 .p1{ font-size:23px; line-height:32px; padding-bottom:30px; color:#f8eca8; padding-left:10px;}
.part3 .p3_2 .txt1 .p2{ font-size:20px; line-height:32px; color:#fff;}
.part3 .p3_2 .txt1 .p2 span{ font-size:20px; color:#fffbcc}
.part3 .p3_2 .btn2{ position:absolute; left:420px; top:250px;}

.part3 .p3_2 .txt2{ position:absolute; width:450px; top:30px; left:650px;}
.part3 .p3_2 .txt2 h2{ font-size:36px; line-height:45px; padding-left:10px; color:#fff;}
.part3 .p3_2 .txt2 .p1{ font-size:23px; line-height:32px; padding-bottom:30px; color:#f8eca8; padding-left:10px;}
.part3 .p3_2 .txt2 .p2{ font-size:20px; line-height:28px; color:#fff;}
.part3 .p3_2 .txt2 .p2 span{color:#fffbcc}
.part3 .p3_2 .btn3{ position:absolute; right:40px; top:200px;}

.part3 .p3_3{ margin:0 auto; width:1100px; height:598px; background:url(../images/p3_3bg.jpg) no-repeat; position:relative}
.part3 .p3_3 .txt{ position:absolute; width:480px; top:20px; left:560px;}
.part3 .p3_3 .txt h2{ font-size:36px; line-height:45px; padding-left:10px; color:#fff;}
.part3 .p3_3 .txt .p1{ font-size:23px; line-height:32px; padding-bottom:30px; color:#f8eca8; padding-left:10px;}
.part3 .p3_3 .txt .p2{ font-size:20px; line-height:32px; color:#fff;}
.part3 .p3_3 .txt .p2 span{ font-size:20px; color:#fffbcc}
.part3 .p3_3 .btn2{ position:absolute; left:780px; top:500px;}

.part3 .p3_4{ margin:0 auto; width:1100px; height:462px; background:url(../images/p3_4bg.jpg) no-repeat; position:relative}
.part3 .p3_4 .txt1{ position:absolute; width:450px; top:30px; left:90px;}
.part3 .p3_4 .txt1 h2{ font-size:36px; line-height:45px; padding-left:10px;}
.part3 .p3_4 .txt1 .p1{ font-size:23px; line-height:32px; padding-bottom:20px; color:#c20b0a; padding-left:10px;}
.part3 .p3_4 .txt1 .p2{ font-size:20px; line-height:32px; color:#333;}
.part3 .p3_4 .txt1 .p2 span{ font-size:20px; color:#c20b0a}
.part3 .p3_4 .btn2{ position:absolute; left:400px; top:350px;}

.part3 .p3_4 .txt2{ position:absolute; width:366px; top:30px; left:710px;}
.part3 .p3_4 .txt2 h2{ font-size:36px; line-height:45px; padding-left:10px; color:#fff;}
.part3 .p3_4 .txt2 .p1{ font-size:23px; line-height:32px; padding-bottom:20px; color:#f8eca8; padding-left:10px;}
.part3 .p3_4 .txt2 .p2{ font-size:20px; line-height:32px; color:#fff;}
.part3 .p3_4 .txt2 .p2 span{ font-size:20px; color:#fee08c}
.part3 .p3_4 .btn3{ position:absolute; left:980px; top:110px;}

.part4{ margin:0 auto; max-width:1680px; background:#010101; padding:20px 0; overflow:hidden}
.part4 .tt1{ text-align:center; padding:40px 0}
.part4 .con img{ width:100%;}
.part4 .btn1{ display:block; margin:40px auto 0px auto; width:500px; height:70px; border-radius:20px; line-height:70px; text-align:center; background:#fee08c; font-size:30px;}

.part5{ margin:0 auto; max-width:1680px; background:#010101; padding:20px 0; overflow:hidden}
.part5 .tt1{ text-align:center; padding:40px 0}
.part5 .p5slide{ width:1100px; margin:0 auto; position:relative}
.part5 .p5slide .bd{ width:1100px; height:736px;position:relative;}
.part5 .p5slide .bd li{ position:relative; position:absolute;}
.part5 .p5slide .bd li .btn1{ left:0px; bottom:10px; position:absolute}

.part5 .p5slide .btn{ position:absolute; top:350px;}
.part5 .p5slide .prev{ left:-50px;}
.part5 .p5slide .next{ right:-50px;}

.part6{ margin:0 auto; max-width:1680px; background:#010101; padding:20px 0; overflow:hidden}
.part6 .tt1{ text-align:center; padding:40px 0}
.part6 .p6slide_t{ margin:0 auto; width:1200px; height:80px; overflow:hidden; position:relative}
.part6 .p6slide_t .xian1{ height:6px; overflow:hidden; width:80px; position:absolute; left:0px; top:37px; z-index:2}
.part6 .p6slide_t ul{ position:absolute; width:1360px; left:0px; height:80px;}
.part6 .p6slide_t ul li{ position:relative; cursor:pointer; float:left; width:80px; height:80px; background:url(../images/p6_xian1.png) no-repeat 0 center}
.part6 .p6slide_t ul li.on{ background:url(../images/p6_xian.png) no-repeat 0 center;}
.part6 .p6slide_t ul li span{ position:absolute; font-size:18px; line-height:32px; color:#fff; z-index:5 }
.part6 .p6slide_t ul li.on span{ color:#fee08c}

.part6 .p6slide_t ul li:nth-of-type(n) span{top:10px; left:55px;}
.part6 .p6slide_t ul li:nth-of-type(2n) span{top:40px; left:55px;}

.part6 .p6slide_c{ width:1100px; height:607px; margin:30px auto; position:relative}
.part6 .p6slide_c li{ position:absolute; width:1100px; height:607px;}

.part6 .p6slide_c li .tt{ position:absolute; left:0px; bottom:0; height:106px; width:100%; background:rgba(0,0,0,0.5); box-sizing:border-box; padding:10px 30px 0px 30px; color:#fff; line-height:32px; font-size:18px;}
.part6 .p6slide_c li .tt h3{ font-size:22px; }

.part7{ margin:0 auto; max-width:1680px; background:#010101; padding:20px 0; overflow:hidden}
.part7 .tt1{ text-align:center; padding:40px 0}
.part7 .con{ width:1100px; height:792px; margin:0 auto; position:relative}
.part7 .con .btn1{ right:0px; bottom:0px; position:absolute}


.slider{ width:100%;  min-width:1100px;  height:662px;  position:relative; overflow:hidden; background:#fff; text-align:center;}	
.slider .bd{ width:1100px; position:absolute; left:50%; margin-left:-550px; text-align:left}	
.slider .bd li{ width:1100px; height:662px; overflow:hidden; position:relative }	
.slider .bd li img{ display:block; width:1100px; height:662px;    }	
.slider .tempWrap{ overflow:visible !important }	
.slider .tempWrap ul{  margin-left:-1100px !important;   }	
.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }	
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(images/slider-btn.png) 0 -10px no-repeat; 		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }	
.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }	
.slider .pnBtn{  position:absolute; z-index:3; top:0; width:100%;  height:662px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-550px;  }	.slider .next{ left:50%;  margin-left:550px;  }	
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:662px; background:#000; filter:alpha(opacity=70);opacity:0.7;}	
.slider .pnBtn .arrow{position:absolute; top:0; z-index:1; width:60px; height:662px;  }	
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }	
.slider .prev .arrow{ right:-10px; background:url(../images/ll.png) 0 center no-repeat;   }
.slider .next .arrow{ left:10px; background:url(../images/rr.png) 0 center no-repeat;  }
	
	
.slider .bd li .txt{ width:480px; position:absolute; left:60px; top:55px; z-index:2}
.slider .bd li h2{ font-size:50px; line-height:60px; color:#df0c33}
.slider .bd li h2 span{ font-size:26px; color:#333}
.slider .bd li .p1{ font-size:28px; line-height:32px; padding-bottom:30px;}
.slider .bd li h3{ border:1px solid #000; display:inline; padding:0px 15px; line-height:32px; font-size:26px; color:#df0c33}
.slider .bd li .p2{ font-size:20px; line-height:28px; padding-bottom:20px; padding-top:10px;}
.slider .bd li h4{ background:#000; display:inline; padding:0px 15px; line-height:32px; font-size:26px; color:#fff}