.comment { width: 100%; }

.con { width: 100%; background-size: auto 100%; background: no-repeat center; }
.con .center { width: 1100px; margin: 0 auto; height: 100%; position: relative; }

.fell_nav { height: 200px; height: 370px; position: fixed; right: 0px; top: 50%; margin-top: -185px; z-index: 1000; }
.fell_nav ul li { display: block; position: relative; height: 66px; margin-top: 10px; width: 200px; cursor: pointer; }
.fell_nav ul li a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: absolute; text-align: right; right: -20px; background: url("/zh/djdw/images/nav_li.png") no-repeat left; background-size: auto 100%; display: inline-block; width: auto; font-size: 26px; height: 66px; color: #ff2166; line-height: 66px; text-align: center; width: 171px; }
.fell_nav ul li:hover { opacity: 0.9; }
.fell_nav ul li:hover a{ right: 0!important; }
.fell_nav ul .on a { right: 0; }

.fell_nav_index { opacity: 0; }
.fell_nav_index ul li a { right: -20px; }

.con1 { height: 1121px; background-image: url("/zh/djdw/images/con1.jpg"); }

.con2 { height: 1389px; background-image: url("/zh/djdw/images/con2.jpg"); }
.con2 .lunbox { height: 600px; padding-top: 50px; width: 100%; }
.con2 .lunbox .bt_title { margin: 0 auto; width: 438px; height: 68px; background: url("/zh/djdw/images/bt_1.jpg") no-repeat center; }
.con2 .lunbox .bt_title a { display: block; width: 100%; height: 100%; }

.warp1 { padding-top: 95px; width: 100%; height: 494px; background: url("/zh/djdw/images/wrap1.png") no-repeat center bottom; position: relative; }
.warp1 .bt_1 { position: absolute; right: 0; top: 0; background: url("/zh/djdw/images/bt1.png") no-repeat center; width: 434px; height: 126px; }
.warp1 .warp1_box { width: 1000px; margin: 0 auto; height: 449px; overflow: hidden; position: relative; border-radius: 186px 136px 0px 0px; margin-top: 26px; }
.warp1 .warp1_box ul{width: 100%; height: 100%;}
.warp1 .warp1_box ul li{position: absolute; right: 0; white-space: nowrap; z-index: 1; width: auto; display: table;}
.warp1 .warp1_box a { color: #000;font-size: 20px; display: table; }

.con3 { height: 1266px; background-image: url("/zh/djdw/images/con3.jpg"); }
.con3 .warp3 { padding-top: 126px; }
.con3 .warp3 .bt_top { position: absolute; right: 0; top: 0; background: url("/zh/djdw/images/bt2.png") no-repeat center; width: 434px; height: 126px; }
.con3 .warp3 .warp3_box { width: 100%; height: 839px; background: url("/zh/djdw/images/wrap3.png") no-repeat center; position: relative; }
.con3 .warp3 .warp3_box ul { width: 100%; height: 100%; }
.con3 .warp3 .warp3_box ul li { width: 50%; height: 50%; float: left; position: relative; }
.con3 .warp3 .warp3_box ul li a { display: block; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; width: 67px; height: 67px; background: url("/zh/djdw/images/bf.png") no-repeat center; background-size: 100% 100%; position: absolute; cursor: pointer; }
.con3 .warp3 .warp3_box ul li a:hover { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.con3 .warp3 .warp3_box ul li .i1 { left: 300px; top: 125px; }
.con3 .warp3 .warp3_box ul li .i2 { left: 225px; top: 275px; }
.con3 .warp3 .warp3_box ul li .i3 { left: 206px; top: 100px; }
.con3 .warp3 .warp3_box ul li .i4 { left: 170px; top: 210px; }

.con4 { height: 550px; background-image: url("/zh/djdw/images/con4.jpg"); }
.con4 .warp4 { padding-top: 129px; }
.con4 .warp4 .bt_box { width: 470px; height: 129px; position: absolute; left: 0; top: 0; background: url("/zh/djdw/images/bt3.png") no-repeat center; }
.con4 .warp4 .warp4_box { width: 100%; padding-top: 55px; height: 254px; overflow: hidden; }
.con4 .warp4 .warp4_box ul { width: 120%; }
.con4 .warp4 .warp4_box ul li { float: left; width: 328px; height: 254px; overflow: hidden; position: relative; text-align: center; margin-right: 58px; }
.con4 .warp4 .warp4_box ul li img { position: relative; }
.con4 .warp4 .warp4_box ul li .a { color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.con4 .warp4 .warp4_box ul li .a span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80%; height: 20%; color: #fff; font-size: 16px; line-height: 25px; }
.con4 .warp4 .warp4_box ul li .a .nomore { font-size: 20px; }

.con5 { height: 864px; background-image: url("/zh/djdw/images/con5.jpg"); }
.con5 .warp { height: 543px; padding-top: 20px; position: relative; }
.con5 .warp .bt { margin: 0 auto; background: url("/zh/djdw/images/bt_3.jpg") no-repeat center; width: 640px; height: 68px; }
.con5 .warp .ul_box { height: 543px; margin-top: 45px; position: relative; padding: 10px 5px; }
.con5 .warp .ul_box ul{ background: url("/zh/djdw/images/img_list.png") no-repeat center; width: 1100px; height: 642px; margin: 0 auto;}
.con5 .warp .ul_box ul li{ width: 10%; float: left; height: 100%;}
.con5 .warp .ul_box ul li a{ display: block; width: 99%; margin: 0 auto; height: 100%;}
.con5 .warp .ul_box ul li:nth-child(odd) a{border-radius: 0 150px 0 150px; }
.con5 .warp .ul_box ul li:nth-child(even) a{border-radius:150px 0px 150px 0px;}

/*.con5 .warp ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }*/
/*.con5 .warp ul li { float: left; width: 95px; position: relative; height: 543px; cursor: pointer; webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 790px; -webkit-perspective: 790px; }*/
/*.con5 .warp ul li p { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); height: 100%; z-index: 10; }*/
/*.con5 .warp ul li i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 100; transition-duration: 500ms; color: #fff; letter-spacing: 54px; font-size: 30px; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); text-align: center; padding-top: 200px; padding-left: 30px; }*/
/*.con5 .warp ul li .img { width: 100%; height: 100%; position: absolute; background: #ff2166; }*/
/*.con5 .warp ul li .img img { width: 92%; height: 97%; margin: 7% 4%; display: block; }*/
/*.con5 .warp ul li:nth-child(odd) .img { width: 161%; transition-duration: 500ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(45deg); }*/
/*.con5 .warp ul li:nth-child(odd) p { width: 130%; left: -14px; transition-duration: 500ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(35deg); }*/
/*.con5 .warp ul li:nth-child(even) .img { width: 144%; transition-duration: 500ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(130deg); }*/
/*.con5 .warp ul li:nth-child(even) p { left: -14px; width: 124%; transition-duration: 500ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(140deg); }*/
/*.con5 .warp ul .on { width: 200px; }*/
/*.con5 .warp ul .on .img { width: 100% !important; transition-duration: 500ms !important; transform: translate3d(29px, 11px, 0px) rotateX(0deg) rotateY(0deg) !important; height: 510px; margin-top: 5px; }*/
/*.con5 .warp ul .on .img img { margin: 4% 4% !important; }*/
/*.con5 .warp ul .on .img p { left: -25px !important; }*/
/*.con5 .warp ul .on .img i { letter-spacing: 81px !important; padding-left: 60px !important; }*/

.con6 { height: 1078px; background-image: url("/zh/djdw/images/con6.jpg"); }

.con7 { height: 2018px; background: repeat-y top; background-image: url("/zh/djdw/images/con7.jpg"); }
.con7 .warp1 { top: -100px; }

.news_list { width: 860px; margin: 0 auto; border-bottom: 20px solid #ff2166; }
.news_list ul { width: 100%; max-height: 1263px; overflow: hidden; }
.news_list ul li { height: 138px; width: 820px; background: #fff; border: 20px solid #ff2166; border-bottom: none; }
.news_list ul li .img { display: block; float: left; width: 196px; height: 118px; margin: 10px 0 0 26px; overflow: hidden; }
.news_list ul li .img img { width: 100%; min-height: 100%; }
.news_list ul li .text { float: left; width: 530px; padding-left: 35px; padding-top: 10px; }
.news_list ul li .text .name { display: block; height: 75px; line-height: 75px; width: 100%; overflow: hidden; font-size: 22px; color: #000; white-space: nowrap; text-overflow: ellipsis; }
.news_list ul li .text p { height: 45px; line-height: 45px; color: #000; font-size: 14px; }
.news_list ul li .text p span { padding-right: 50px; }
.news_list ul li .text p i { display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.news_list ul li .text p .time { background: url("/zh/djdw/images/time.png") no-repeat center; width: 15px; height: 15px; }
.news_list ul li .text p .pl { background: url("/zh/djdw/images/pl.png") no-repeat center; width: 18px; height: 15px; }


.lunbox .lunbo{  position: relative; width: 100%; height: 400px;}
.lunbox .lunbo .gallery_container { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 1300px; -webkit-perspective: 1300px; width: 780px !important; height:382px !important; position: absolute; left: 50%; top: 70%; margin: -243.5px 0 0 -402px; z-index: 99; }
.lunbox .lunbo .gallery_container .gallery_item { position: absolute; left: 50%; top: 0; z-index: -1; opacity: 0; width: 540px; height: 365px;background: #ff2166; padding:9px 12px; display: block; -webkit-transition: all ease; -moz-transition: all ease; -ms-transition: all ease; transition: all ease; }
.lunbox .lunbo .gallery_container .gallery_item img { z-index: 1; width:100%; min-height: 100%}
.lunbox .lunbo .gallery_container .gallery_item p{text-align: center;height: 50px; position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,0.5); width:540px;padding: 0 12px;left: 0;bottom: 0; color: #fff; line-height: 40px;  overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;}
.lunbox .lunbo .gallery_container .gallery_right_middle { z-index: 3; opacity: 1; }
.lunbox .lunbo .gallery_container .gallery_left_middle { z-index: 3; opacity: 1; }
.lunbox .lunbo .gallery_container .z-index2 { z-index: 2 !important; }
.lunbox .lunbo .gallery_container .z-index3 { z-index: 3 !important; }
.lunbox .lunbo .gallery_container .gallery_right_back, .lunbox .lunbo .gallery_container .gallery_left_back { opacity: 1; z-index: 1; }
.lunbox .lunbo .gallery_container .gallery_active { z-index: 99; opacity: 1; }
.lunbox .lunbo .gallery_container .gallery_active img { opacity: 1; z-index: 9; }
.lunbox .lunbo .gallery_prev, .lunbox .lunbo .gallery_next { width: 54px; height: 42px; position: absolute; top: 50%; left: 50%; margin-top: -20px; z-index: 100; }
.lunbox .lunbo .gallery_prev i, .lunbox .lunbo .gallery_next i { width: 54px; height: 42px; display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.lunbox .lunbo .gallery_prev { margin-left: -550px; }
.lunbox .lunbo .gallery_prev i { background: url("/zh/djdw/images/left.png") no-repeat; }
.lunbox .lunbo .gallery_prev i:hover { -webkit-transform: translate(-10px, 0); -moz-transform: translate(-10px, 0); -ms-transform: translate(-10px, 0); transform: translate(-10px, 0); }
.lunbox .lunbo .gallery_next { margin-left: 496px; }
.lunbox .lunbo .gallery_next i { background: url("/zh/djdw/images/right.png") no-repeat; }
.lunbox .lunbo .gallery_next i:hover { -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0); -ms-transform: translate(10px, 0); transform: translate(10px, 0); }



.tcdPageCode{ width: 100%;  height: 60px;margin-top: 15px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; text-align: center;}
.tcdPageCode span{ color:#ff2166;}
.tcdPageCode .disabled{line-height: 30px;font-size: 14px; color: #ff2166;padding: 2px 7px;margin: 0 4px;  height: 30px;  cursor: pointer; border-radius: 4px; border:1px solid #ff2166;}
.tcdPageCode .current{line-height: 30px;font-size: 14px; color: #fff;padding: 2px 7px; margin: 0 4px;height: 30px;  cursor: pointer; border-radius: 4px;  background: #ff2166;  border:1px solid #ff2166;}
.tcdPageCode .prevPage{line-height: 30px;font-size: 14px; color: #ff2166;padding: 2px 7px;margin: 0 4px;  height: 30px;  cursor: pointer; border-radius: 4px; border:1px solid #ff2166;}
.tcdPageCode .nextPage{line-height: 30px;font-size: 14px; color: #ff2166;padding: 2px 7px;margin: 0 4px;  height: 30px;  cursor: pointer; border-radius: 4px; border:1px solid #ff2166;}
.tcdPageCode .tcdNumber{line-height: 30px;font-size: 14px; color: #ff2166;padding: 2px 7px; margin: 0 4px;height: 30px;  cursor: pointer; border-radius: 4px;  border:1px solid #ff2166; }