@charset "utf-8"; * { margin: 0px; padding: 0px; } html, body { height: 100%; } body { font-family: "microsoft yahei", "微软雅黑", "simsun", "宋体"; font-size: 12px; color: #333; line-height: 20px; background: #fff; } a { color: #000; text-decoration: none; } a:hover { text-decoration: underline; } ol, ul, li { list-style-type: none; } .banner { overflow:hidden;} .banner img { visibility:hidden;} .nav { height:100px; margin-bottom:30px; overflow:hidden; background: center top #58c8b9 no-repeat;} .nav ul { width:1200px; margin:0 auto;} .nav li { float:left; margin-top:36px; margin-right:185px; font-size:20px; line-height:28px; font-weight:bold;} .nav li a { color:#fff;} .nav li:last-child { margin-right:0;} .title { width:1200px; margin:30px auto; overflow:hidden;} .roll_box { width:1200px; height:80px; margin:0 auto 30px; background: #f4f3f1 no-repeat; position:relative;} .roll_meng { position:absolute; right:0; top:0;} .roll_left { width:160px; margin-right:20px; font-size:22px; font-weight:bold; text-align:center; height:80px; line-height:80px; float:left;} .roll_left a { color:#886115;} .ad { width: 980px; margin:0 10px; overflow: hidden; font-size: 20px;} .ad .roll {/*width:99999999px;*/width:8000%; height:80px;} .ad .roll div{ float:left;} .ad .roll ul{float:left; height:80px; overflow:hidden; zoom:1; } .ad .roll ul li{float:left; line-height:80px; padding-left:20px; list-style:none; font-size:16px; margin-left:50px; background: left 36px no-repeat;} .ad .roll li a{color:#444444;} .main { overflow:hidden; position:relative;} .back2 { width:1200px; margin:0 auto 25px; overflow:hidden;} .flash2 { width:640px; height:512px; overflow:hidden; position:relative; float:left;} .flash2.hover { display:block;} .flash2 ul { overflow:hidden; width:10000px; position:absolute;} .flash2 ul a { float:left;} .flash2 ul li { float:left; width:640px;} .flash2 ul li a { position:relative;} .flash2 ul li a .tit { width:470px; height:36px; text-align:center; color:#fff; font-size:14px; line-height:36px; padding-left:10px; position:absolute; top:309px; left:0;} .flash2 ul li a .tit:hover { color:#f00;} .flash2 ul li a .tit_bg { width:58px; height:58px; text-align:center; background: no-repeat; position:absolute; bottom:20px; left:40px;} .flash2 ul li img { float:left;} .flash2 ul li p { width:640px; padding:30px 30px 0 30px; float:right; height:254px; background-color:#fff} .flash2 ul li p i { font-style:normal; font-size:20px; color:#cc163a; font-weight:bold; margin-bottom:12px; display:block;} .flash2 ul li b { font-size:22px; line-height:32px; display:block; margin-bottom:15px; overflow:hidden;} .flash2 ul li span { color:#404040; font-size:12px; line-height:24px; display:block; padding-bottom:30px;} .flash2 ul li strong { color:#404040; font-size:12px; line-height:24px; display:block; font-weight:normal;} .flash2 .f_left { left:0; top:220px; position:absolute; z-index:10;} .flash2 .f_left a { display:block; width:36px; height:39px; background: left center no-repeat; background-size:100% auto;} .flash2 .f_right { right:0; top:220px; position:absolute; z-index:10;} .flash2 .f_right a { display:block; width:36px; height:39px; background: right center no-repeat; background-size:100% auto;} .flash2 .dian { width:110px; position:absolute; bottom:30px; left:340px; z-index:3; font-size:12px;} .flash2 .dian ul { width:120px;} .flash2 .dian ul li { width:10px; height:10px; float:left; margin-right:5px; border-radius:10px; background-color:#fff; cursor:pointer; text-align:center;} .flash2 .dian ul li.hover { background-color:#886115;} .right { width:560px; float:right; background-color:#f4f3f1;} .right li { padding-left:30px; font-size:18px; display:block; color:#333333; line-height:63px; border-bottom:solid 1px #eff4f9; background-color:#fff; cursor:pointer;} .right li.hover { padding-left:40px; font-size:18px; display:block; color:#fff; background-color:#58c8b9;} .right span { color:#886115; text-align:right; display:block; padding-right:15px; line-height:42px;} .right span a { color:#886115} .ad_box { width:1200px; margin:0 auto 40px; overflow:hidden;} .box1 { overflow:hidden; padding-top:10px; padding-bottom:10px;} .btn_box { width:1200px; margin:0 auto; position:relative;} .title2 { width:1200px; margin:0 auto 45px; text-align:center; position:relative;} .title2 span { color:#2b90d9; position:absolute; right:15px; top:0; margin-top:36px; text-align:right; display:block; line-height:42px;} .title2 span a { color:#2b90d9} .box1_main { width:1200px; margin:0 auto; overflow:hidden; position:relative;} .swiper-container { width:180%; cursor:pointer; position:absolute; left:-40%; top:0;} .swiper-container .swiper-slide { position:relative;} .swiper-container .swiper-slide span { text-align:center; padding:20px 0; background-color:#fff; font-weight:bold; display:block; font-size:20px; line-height:24px; visibility:hidden;} .swiper-container .swiper-slide a { color:#000000; text-decoration:none;} .swiper-container .swiper-slide-active span { visibility:visible;} .left_meng { position:absolute; left:0; top:0; z-index:10;} .right_meng { position:absolute; right:0; top:0; z-index:10;} .main_box { width:1200px; margin:20px auto 40px; overflow:hidden; position:relative;} .block1 { width:585px; float:left; margin-right:30px;} .block1 .img { overflow:hidden; position:relative; margin-bottom:10px;} .block1 .img span { display:block; width:585px; height:50px; line-height:50px; background:url(/uploads/image/iic2images/meng.png) repeat-x; position:absolute; left:0; top:300px; font-size:16px; text-align:center;} .block1 .img span a { color:#fff;} .block1 .list { overflow:hidden; margin:15px 0 0; position:relative;} .block1 .list li { font-size:16px; line-height:24px; padding:11px 0 11px 15px; background: left center no-repeat; margin-right:0;} .block1 .list span { position:absolute; bottom:13px; font-size:12px; right:0; display:block;} .block1 .list span a { color:#886115;} .block2 { width:585px; float:left;} .back3 { width:1200px; margin:0 auto 45px; overflow:hidden;} .flash3 { width:790px; height:480px; overflow:hidden; position:relative; float:left;} .flash3.hover { display:block;} .flash3 ul { overflow:hidden; width:10000px; position:absolute;} .flash3 ul a { float:left;} .flash3 ul li { float:left; width:790px;} .flash3 ul li a { position:relative;} .flash3 ul li a .tit { width:470px; height:36px; text-align:center; color:#fff; font-size:14px; line-height:36px; padding-left:10px; position:absolute; top:309px; left:0;} .flash3 ul li a .tit:hover { color:#f00;} .flash3 ul li a .tit_bg { width:58px; height:58px; text-align:center; background: no-repeat; position:absolute; bottom:20px; left:40px;} .flash3 ul li img { float:left;} .flash3 ul li p { width:640px; padding:30px 30px 0 30px; float:right; height:254px; background-color:#fff} .flash3 ul li p i { font-style:normal; font-size:20px; color:#cc163a; font-weight:bold; margin-bottom:12px; display:block;} .flash3 ul li b { font-size:22px; line-height:32px; display:block; margin-bottom:15px; overflow:hidden;} .flash3 ul li span { color:#404040; font-size:12px; line-height:24px; display:block; padding-bottom:30px;} .flash3 ul li strong { color:#404040; font-size:12px; line-height:24px; display:block; font-weight:normal;} .flash3 .f_left3 { left:0; top:220px; position:absolute; z-index:10;} .flash3 .f_left3 a { display:block; width:36px; height:39px; background: left center no-repeat; background-size:100% auto;} .flash3 .f_right3 { right:0; top:220px; position:absolute; z-index:10;} .flash3 .f_right3 a { display:block; width:36px; height:39px; background: right center no-repeat; background-size:100% auto;} .flash3 .dian3 { width:110px; position:absolute; bottom:30px; left:340px; z-index:3; font-size:12px;} .flash3 .dian3 ul { width:120px;} .flash3 .dian3 ul li { width:10px; height:10px; float:left; margin-right:10px; border-radius:10px; background-color:#fff; cursor:pointer; text-align:center;} .flash3 .dian3 ul li.hover { background-color:#886115;} .right3 { width:410px; float:right; background-color:#f4f3f1;} .right3 li { padding-left:20px; font-size:16px; display:block; color:#333333; line-height:73px; background-color:#f5f5f5; cursor:pointer;} .right3 li.hover { padding-left:20px; font-size:20px; display:block; color:#886115; background: no-repeat;} .right3 span { color:#886115; text-align:right; display:block; padding-right:15px; line-height:42px;} .right3 span a { color:#886115} .back5 { width:1200px; margin:0 auto; overflow:hidden;} .left5 { width:380px; float:left; margin-right:30px;} .right2 { width:380px; float:left;} .photo_box { width:1230px; overflow:hidden;} .photo_list3 { width:380px; height:310px; margin-right:30px; position:relative; overflow:hidden; padding:0 0 5px 0; float:left; font-size:18px; line-height:26px;} .photo_list3 img { margin-bottom:10px;} .photo_list3 p { width:380px; height:213px; position:absolute; top:173px; left:0; border-radius:0 0 2px 2px; background:url(/uploads/image/iic2images/meng.png) center top no-repeat; background-size:100% 40px;} .photo_list3 p a { width:380px; display:block;} .photo_list3 b { width:366px; display:block; padding-left:14px; font-weight:normal; font-size:16px; line-height:40px; position:absolute; top:188px; left:0; background:url(/uploads/image/iic2images/meng.png) center top no-repeat; background-size:100% 40px;} .photo_list3 b a { color:#fff;} .text_list3 { overflow:hidden; padding:10px 0 5px 0; float:left;} .text_list3 span { font-size:16px; line-height:28px; display:block; padding: 6px 0 6px 20px; background: left 18px no-repeat;} .main { overflow:hidden; position:relative;} .back6 { width:1200px; margin:0 auto 25px; overflow:hidden;} .swiper-container3 { width:640px; float:left; overflow:hidden; cursor:pointer; position:relative;} .swiper-container3 img { width:100%;} .swiper-container3 p { width:100%; height:50px; position:absolute; bottom:0; left:0; background:url(/uploads/image/iic2images/meng.png) center bottom repeat-x;} .swiper-container3 b { width:96%; padding-left:4%; font-weight:normal; font-size:16px; line-height:50px; position:absolute; bottom:0; left:0;} .swiper-container3 b a { color:#fff;} .swiper-container3 .swiper-pagination { text-align:right; width:120px; background-size:65px 65px; position:absolute; left:auto; right:10%; } .swiper-container3 .swiper-pagination-bullet { width:10px; height:10px; margin-right:10px; background:#fff; opacity:1;} .swiper-container3 .swiper-pagination-bullet-active { width:10px; height:10px; border-radius:15px; background:#886115; opacity:1;} .swiper-container3 .swiper-button-prev { width:36px; height:38px; background-image:; background-size:36px 38px; left:0;} .swiper-container3 .swiper-button-next { width:36px; height:38px; background-image:; background-size:36px 38px; right:0;} .right6 { width:560px; float:right;} .right6 li { font-size:18px; line-height:64px; display:block; padding: 0 0 0 40px;} .right6 li a:hover { color:#2b90d9; text-decoration:none;} .left4 { float:left; width:600px;} .left4 li { width:285px; margin-right:15px; margin-bottom:15px; float:left;} .left4 li img { display:block;} .right4 { width:585px; float:right; position:relative;} .right4 img { display:block;} .right4 p { width:100%; height:60px; position:absolute; bottom:0; left:0; background:url(/uploads/image/iic2images/meng.png) center bottom repeat-x; opacity:0.6;} .right4 b { width:96%; padding-left:4%; font-weight:normal; font-size:18px; line-height:60px; position:absolute; bottom:0; left:0;} .right4 b a { color:#fff;} .list6 { overflow:hidden;} .list6 ul { width:1230px;} .list6 li { width:380px; margin-right:30px; float:left; margin-bottom:20px;} .list6 li img { display:block;} .list6 li span { display:block; font-size:20px; line-height:30px; padding:15px 0; text-align:center;} .swiper-container2 { position:relative; margin-bottom:15px;} .swiper-container2 .swiper-slide { position:relative;} .swiper-container2 .swiper-slide b { display:block; padding:12px 10px 12px 16px; font-size:17px; line-height:23px;} .swiper-container2 .swiper-slide span { display:block; padding-left:16px; padding-right:10px; font-size:12px; line-height:22px; color:#767575;} .swiper-container2 .swiper-slide b a { color:#1d1d1d;} .swiper-container2 .swiper-slide img { border-radius:0} .swiper-container2 .swiper-slide strong { display:block; width:90px; margin:16px 0 0 16px; height:26px; line-height:24px; text-align:center; background-color:#024ea9;} .swiper-container2 .swiper-slide strong a { color:#fff;} .list7 { overflow:hidden;} .list7 li { float:left; width:580px; font-size:16px; line-height:28px; display:block; padding: 6px 0 6px 20px; background: left 18px no-repeat;} .left6 { width:990px; height:594px; float:left; overflow:hidden; position:relative;} .left6 ul { position:absolute; left:0; top:0;} .left6 li img { display:block;} .left6 li { position:relative;} .left6 li span { width:990px; display:block; font-weight:normal; text-align:center; font-size:16px; line-height:50px; position:absolute; top:544px; left:0; background:url(/uploads/image/iic2images/meng.png) center top no-repeat; background-size:100% 50px;} .left6 li span a { color:#fff;} .left6 li:first-child { display:block;} .swiper-container4 { position:relative; width:180px; height:594px; float:right; overflow:hidden;} .swiper-container4 .swiper-slide img { width:100%; cursor:pointer;} .top_meng { position:absolute; left:0; top:0; z-index:10;} .bottom_meng { position:absolute; left:0; bottom:0; z-index:10;} .back { overflow:hidden; height:200px; padding-top:100px; background:url(/uploads/image/iic2images/footer.png) center bottom no-repeat; background-size:100% auto;} .footer { font-size:16px; line-height:34px; padding:20px 0 50px; text-align:center; color:#fff;}