@charset "utf-8";
/* CSS Document */

.doc{ height:1200px; background:#02b097 url(../images/zjbg.jpg) no-repeat center 0; overflow:hidden;}

.bigWarp{ height:100%; overflow:hidden; margin-top:220px;}
.bigWarp .hd ul{ height:100%; overflow:hidden;}
.bigWarp .hd li{ width:160px; height:160px; float:left; display:inline; margin:0 40px;}
.bigWarp .hd li.li1{ background:url(../images/index3_hd.png) no-repeat 0 0;}
.bigWarp .hd li.li2{ background:url(../images/index3_hd.png) no-repeat -190px 0;}
.bigWarp .hd li.li3{ background:url(../images/index3_hd.png) no-repeat -378px 0;}
.bigWarp .hd li.li4{ background:url(../images/index3_hd.png) no-repeat -565px 0;}
.bigWarp .hd li.li5{ background:url(../images/index3_hd.png) no-repeat -752px 0;}
.bigWarp .hd li.li6{ background:url(../images/index3_hd.png) no-repeat -940px 0;}

.bigWarp .hd .li1.on{ background:url(../images/index3_hd.png) no-repeat 0 -186px;}
.bigWarp .hd .li2.on{ background:url(../images/index3_hd.png) no-repeat -190px -186px;}
.bigWarp .hd .li3.on{ background:url(../images/index3_hd.png) no-repeat -378px -186px;}
.bigWarp .hd .li4.on{ background:url(../images/index3_hd.png) no-repeat -565px -186px;}
.bigWarp .hd .li5.on{ background:url(../images/index3_hd.png) no-repeat -752px -186px;}
.bigWarp .hd .li6.on{ background:url(../images/index3_hd.png) no-repeat -940px -186px;}

/* zx */
.zx { width: 100%; position: relative; margin-top:50px;}
.zx .con { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.zx .con ul { width: 100% !important; }
.zx .con li { width: 100% !important; overflow: hidden; text-align: center; }
.zx .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.zx .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center;}
.zx .tou ul { text-align: center; padding-top: 5px; }
.zx .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.zx .tou ul .on { background: #f00; }

/* pf */
.pf { width: 100%; position: relative; margin-top:50px;}
.pf .con { margin: 0 auto; position: relative; z-index: 0; height: 689px;}
.pf .con ul { width: 100% !important; }
.pf .con li { width: 100% !important; overflow: hidden; text-align: center; }
.pf .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.pf .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.pf .tou ul { text-align: center; padding-top: 5px; }
.pf .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.pf .tou ul .on { background: #f00; }

/* wc */
.wc { width: 100%; position: relative; margin-top:50px;}
.wc .con { margin: 0 auto; position: relative; z-index: 0; height: 689px;}
.wc .con ul { width: 100% !important; }
.wc .con li { width: 100% !important; overflow: hidden; text-align: center; }
.wc .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.wc .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.wc .tou ul { text-align: center; padding-top: 5px; }
.wc .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.wc .tou ul .on { background: #f00; }

/* wx */
.wx { width: 100%; position: relative; margin-top:50px;}
.wx .con { margin: 0 auto; position: relative; z-index: 0; height: 689px;}
.wx .con ul { width: 100% !important; }
.wx .con li { width: 100% !important; overflow: hidden; text-align: center; }
.wx .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.wx .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.wx .tou ul { text-align: center; padding-top: 5px; }
.wx .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.wx .tou ul .on { background: #f00; }

/* kq */
.kq { width: 100%; position: relative; margin-top:50px;}
.kq .con { margin: 0 auto; position: relative; z-index: 0; height: 689px;}
.kq .con ul { width: 100% !important; }
.kq .con li { width: 100% !important; overflow: hidden; text-align: center; }
.kq .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.kq .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.kq .tou ul { text-align: center; padding-top: 5px; }
.kq .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.kq .tou ul .on { background: #f00; }

/* wp */
.wp { width: 100%; position: relative; margin-top:50px;}
.wp .con { margin: 0 auto; position: relative; z-index: 0; height: 689px;}
.wp .con ul { width: 100% !important; }
.wp .con li { width: 100% !important; overflow: hidden; text-align: center; }
.wp .con li a { display: block; margin: 0 auto; width: 100%; height: 689px; background-position: center center; background-repeat: no-repeat }
.wp .tou { width: 100%; position: absolute; bottom: 20px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.wp .tou ul { text-align: center; padding-top: 5px; }
.wp .tou ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 20px; height: 20px; margin: 5px; background: #d7ba5e; overflow: hidden; line-height: 9999px; border-radius: 100% }
.wp .tou ul .on { background: #f00; }