*,body,ul, ul li{ padding: 0; margin: 0; /*font-size: 14px;*/ /**/ /*font-family: "Microsoft YaHei", "微软雅黑","Arial","宋体";*/}ul, ul li{list-style-type:none;}a,a:link,a:visited,a:hover,a:active{ text-decoration:none; }input,textarea,select,button{outline:none;}select::-ms-expand { display: none; }body{ background-color: #f5ece3;}.main{ overflow: hidden; position: relative; width: 940px; padding: 0 10px; margin: auto;}.main2{ width: 1020px;}.bodyBG{ overflow: hidden; position: absolute; width: 100%; height: 550px; z-index: -1;}.bodyBG img{ width: 100%; height: 550px; background: url(../images/other_bkg.jpg) center top no-repeat; /*height: 151px;*/}.header{ overflow: hidden; height: 117px; position: relative;}.header .logo{ overflow: hidden; float: left; margin: 25px 0 0 0;}.header .logo img{ height: 88px;}.header .ulBox{ overflow: hidden; float: right; margin: 90px 0 0 0;}.header .ulBox ul{}.header .ulBox ul li{ display: block; float: left; margin: 0 0 0 10px; font-size: 13px;} .header .ulBox ul li a{ color: #b33a00;} .header .ulBox ul li a:hover{ color: #271c8a; text-decoration: underline;} .nav-box{ /*overflow: hidden;*/ position: relative; z-index: 999; }.nav-box .navH{ height: 40px; background-color: #3e2568; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;} .nav-box .nav-ul{ position:absolute; width: 940px; top: 0; left:50%; margin-left: -470px ; z-index: 999;} .nav-box .nav-ul .subnav{ display:table; padding: 0 6px;}.nav-box .nav-ul .subnav li{ float:left; position:relative;} .nav-box .nav-ul .subnav li a{ display:block; float: left; height: 40px; padding: 0 22px; text-align:center; line-height:40px; font-size:14px; color:#f7dd93; transition:background .1s linear 0s; -webkit-transition:background .1s linear 0s; -moz-transition:background .1s linear 0s; -o-transition:background .1s linear 0s;} .nav-box .nav-ul .subnav li a:hover{ background-color: rgba(0,0,0,.2); color: #f3ead1;} .nav-box .nav-ul .subnav li .bg{ background-color: rgba(0,0,0,.2); color: #f3ead1;} .nav-box .nav-ul .subnav li dl{ display:none; position:absolute; width: 100%; left:50%; margin: 0 0 0 -100%; padding: 40px 0 0 0;} .nav-box .nav-ul .subnav li dl dd{ background-color:#614d68;} .nav-box .nav-ul .subnav li dl dd .bg{ background-color:#614d68; color: #f7dd93;} { display: block; overflow: hidden; height: 30px; line-height: 30px; border-bottom: 1px solid #f7dd93;} .nav-box .nav-ul .subnav li dl{width:200%;} .nav-box .nav-ul .subnav li dl dd a{padding:0;width:100%;border-bottom:1px solid #f7dd93;} .nav-box .nav-ul .subnav li dl dd:last-child a:last-child{border-bottom:none;} .nav-box .nav-ul .subnav li:nth-child(2) dl dd:last-child a:last-child{ border-bottom: none;} .nav-box .nav-ul .subnav li:last-child dl dd a{ width: 200px;} .nav-box .nav-ul .subnav li dl{ margin: 0 0 0 -100px;} .nav-box .nav-ul .subnav li:last-child dl dd:last-child a:last-child{ border-bottom: none;} .nav-box .nav-ul .subnav li dl dd a:hover{ color: #f3ead1;} .nav-box .nav-ul .subnav li .this{ background-color: rgba(0,0,0,.2); color: #f3ead1;} .section{ overflow: hidden; position: relative;/* margin: 20px 0 0 0; */ z-index: 1;}.section .img{ overflow: hidden; height: 395px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.section .img img{ width: 100%; height: auto;}.section2{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section2 .sectionB{ overflow: hidden; border: 1px solid #e9c47e; background-color: #fff;}.section2 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section2 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section2 .titT .sp2{ color: #b33a00; float: right;}.section2 .titC{ overflow: hidden; padding: 10px; min-height: 257px;}.section2 .titC .titCL{ overflow: hidden; float: left; width: 580px; height: 257px;}.section2 .titC .titCL img{ width: 100%; height: auto;}.section2 .titC .titCR{ overflow: hidden; float: right; width: 328px;}.section2 .titC .titCR .spT{ overflow: hidden; line-height: 26px; text-indent: 2em; text-align: justify; font-size: 12px; margin: 15px 0 0 0; color: #4c300b;}.section2 .titC .titCR .spT a{ float: right; font-size: 12px; color: #4c300b;}.section2 .titC .titCR .ulBox{ overflow: hidden; margin: 5px 0 0 0;}.section2 .titC .titCR .ulBox ul{}.section2 .titC .titCR .ulBox ul li{ display: block; overflow: hidden; line-height: 36px;}.section2 .titC .titCR .ulBox ul li a{ color: #4c300b;}.section2 .titC .titCR .ulBox ul li .sp1{ overflow: hidden; float: left; font-size: 12px;}.section2 .titC .titCR .ulBox ul li .sp2{ overflow: hidden; float: left; display: block; width: 260px; font-size: 12px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 0 0 5px;}.section2 .titC .titCR .ulBox ul li .sp3{ overflow: hidden; float: right; font-size: 12px;}.section3{ overflow: hidden; margin: 10px 0 0 0;}.section3 .img{ overflow: hidden; height: 180px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.section3 .img img{ width: 100%; height: auto;}.section4{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section4 .sectionB{ overflow: hidden; border: 1px solid #e9c47e; background-color: #fff;}.section4 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section4 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section4 .titT .sp2{ color: #b33a00; float: right;}.section4 .titC{ overflow: hidden; padding: 20px 15px; line-height: 26px; text-indent: 2em; text-align: justify; font-size: 12px; color: #4c300b;}.section5{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section5 .sectionB{ overflow: hidden; border: 1px solid #e9c47e; background-color: #fff;}.section5 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section5 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section5 .titT .sp2{ color: #b33a00; float: right;}.section5 .sectionL{ width: 580px; float: left;}.section5 .sectionL .titC{ overflow: hidden; padding: 10px; min-height: 286px;}.section5 .sectionL .titC .titCT{ overflow: hidden;}.section5 .sectionL .titC .titCT .titCL{ overflow: hidden; float: left; width: 300px; height: 296px;}.section5 .sectionL .titC .titCT .titCL img{ height: auto;}.section5 .sectionL .titC .titCT .titCR{ overflow: hidden; float: right; width: 240px;}.section5 .sectionL .titC .titCT .titCR h3{ overflow: hidden; font-size: 24px; color: #4c300b;}.section5 .sectionL .titC .titCT .titCR .spT{ overflow: hidden; margin: 15px 0 0 0;}.section5 .sectionL .titC .titCT .titCR .spT p{ overflow: hidden; line-height: 22px; text-align: justify; font-size: 12px; color: #4c300b;}.section5 .sectionL .titC .titCB{ overflow: hidden; line-height: 22px; text-align: justify; font-size: 12px; color: #4c300b; margin: 15px 0 0 0;}.section5 .sectionR{ width: 346px; float: right; min-height: 346px;}.section5 .sectionR .titC{ overflow: hidden; padding: 10px;}.section5 .sectionR .titC ul li a{ color: #4c300b;}.section2 .titC .titCR .ulBox ul li .sp1{ overflow: hidden; float: left; font-size: 12px;}.section5 .sectionR .titC ul li{ overflow: hidden; display: block; white-space: nowrap; line-height: 36px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 0 0 5px;}.section5 .sectionR .titC ul li a{ font-size: 12px;}.section6{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section6 .picScroll-left{ overflow: hidden; position: relative;}.section6 .picScroll-left .bd{ overflow: hidden; width: 940px; margin: auto;}.section6 .picScroll-left .bd .picList{}.section6 .picScroll-left .bd ul li{ width: 32.6%; float:left; margin: 0 10px 0 0;}.section6 .picScroll-left .bd ul li .pic{ overflow: hidden;}.section6 .picScroll-left .bd ul li .pic a{}.section6 .picScroll-left .bd ul li .pic .picI{ height: 200px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.section6 .picScroll-left .bd ul li .pic img{ width: 100%; height: auto;}.section6 .picScroll-left .bd ul li .pic .picT{ overflow: hidden; text-align: center; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #b33a00; margin: 15px 0 0 0;}.section6 .picScroll-left .hd{}.section6 .picScroll-left .hd .prev{ display:block; float:left; margin-top:84px; overflow:hidden; cursor:pointer;}.section6 .picScroll-left .hd .next{ display:block; float:right; margin-top:84px; overflow:hidden; cursor:pointer;}.section7{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section7 .sectionB{ overflow: hidden; border: 1px solid #e9c47e; background-color: #fff;}.section7 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section7 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section7 .titT .sp2{ color: #b33a00; float: right;}.section7 .sectionL{ width: 580px; float: left;}.section7 .sectionL .titC{ overflow: hidden; border: 1px solid #e9c47e; /*padding: 10px;*/ /*min-height: 286px;*/}#wrapper{ width:578px; margin:0px auto; height:291px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.8) 0px 2px 6px;}#slider-wrap{ width:578px; height:304px; position:relative; overflow:hidden;}#slider-wrap ul#slider{ width:100%; height:100%; margin: 0; margin: 0; position:absolute; top:0; left:0;}#slider-wrap ul#slider li{ float:left; position:relative; width:578px; height:304px; margin: 0; padding: 0; list-style:none;}#slider-wrap ul#slider li > div{ position:absolute; top:0px; left:0px; padding: 0; margin: 0;}#slider-wrap ul#slider li img{ width: 100%; height: auto;}#slider-wrap ul#slider li > div h3{ font-size:24px; text-transform:uppercase; margin: 10px 0 0 20px; padding: 0; line-height: 30px;}#slider-wrap ul#slider li > div span{ font-family: Neucha, Arial, sans serif; font-size:14px; margin: 15px 0 0 20px; padding: 0; line-height: 36px;}#slider-wrap ul#slider li i{ text-align:center; line-height:304px; display:block; width:100%; font-size:90px;}.btns{ position:absolute; width:50px; height:60px; top:50%; margin-top:-25px; line-height:60px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease;}.btns img{ margin: 14px 0;}.btns:hover{ background:rgba(0,0,0,0.3);}#next{right:-50px; border-radius:7px 0px 0px 7px;line-height:57px;}#previous{left:-50px; border-radius:0px 7px 7px 0px;}#next i{line-height:57px;}#previous i{line-height:57px;}#counter{ top: 15px; right:20px; width:auto; position:absolute;}#slider-wrap.active #next{right:0px;}#slider-wrap.active #previous{left:0px;}#pagination-wrap{ min-width:20px; margin-top:255px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center;}#pagination-wrap ul { width:100%;}#pagination-wrap ul li{ margin: 0 4px; padding: 0; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative; top:0;}#pagination-wrap ul li.active{ width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;}#slider-wrap ul, #pagination-wrap ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1);}.section7 .sectionR{ width: 346px; float: right; min-height: 270px;}.section7 .sectionR .titC{ overflow: hidden; padding: 10px 10px 7px 10px;}.section7 .sectionR .titC .video_box{ overflow: hidden; height: 185px; background-color: #000;}.section7 .sectionR .titC .video_box img{ width: 50%;}.section7 .sectionR .titC .video_box video{ width: 100%;}.section7 .sectionR .titC .ulBox{ overflow: hidden;}.section7 .sectionR .titC .ulBox ul li{ overflow: hidden; display: block; white-space: nowrap; line-height: 22px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin: 5px 0 5px 5px; border-bottom: 1px dotted #4c300b;}.section7 .sectionR .titC .ulBox ul li a{ font-size: 12px; color: #4c300b;}.section7 .sectionR .titC .ulBox ul li:last-child{ border-bottom: none;}.section8{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section8 .sectionB{ overflow: hidden; /*border: 1px solid #e9c47e;*/ /*background-color: #fff;*/}.section8 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section8 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section8 .titT .sp2{ color: #b33a00; float: right;}.section8 .titC{ overflow: hidden;}.section8 .titC ul{ margin: 0 -5px;}.section8 .titC ul li{ display: block; overflow: hidden; float: left; width: 465px; padding: 0 5px;}.section8 .titC ul li a{ display: block; overflow: hidden; padding: 10px ; background-color: #fff; color: #4c300b;}.section8 .titC ul li .liI{ overflow: hidden; float: left; width: 180px; height: 120px;}.section8 .titC ul li .liI img{ width: 100%; height: auto;}.section8 .titC ul li .liT{ overflow: hidden; float: right; width: 250px;}.section8 .titC ul li .liT h4{ overflow: hidden; margin: 10px 0;}.section8 .titC ul li .liT h4 span{ font-size: 18px; color: #b33a00; display: block; overflow: hidden; float: left; font-weight: 500; padding: 0 0 5px 0; border-bottom: 1px solid #b33a00;}.section8 .titC ul li .liT h5{ overflow: hidden; color: #030303; text-align: justify; font-size: 12px; line-height: 22px; font-weight: 500; text-overflow: ellipsis; -ms-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}.section9{ overflow: hidden; position: relative; margin: 10px 0 0 0;}.section9 .sectionB{ overflow: hidden; /*border: 1px solid #e9c47e;*/ /*background-color: #fff;*/}.section9 .titT{ overflow: hidden; height: 40px; line-height: 40px; padding: 0 15px; background-image: url("../images/pic.jpg"); background-size: 100% 100%;}.section9 .titT .sp1{ font-size: 16px; float: left; color: #4c300b;}.section9 .titT .sp2{ color: #b33a00; float: right;}.section9 .titC{ overflow: hidden; background-color: #fff;}.section9 .titC ul{}.section9 .titC ul li{ display: block; overflow: hidden; float: left; width: 16.666666666667%; padding: 30px 0;}.section9 .titC ul li a{}.section9 .titC ul li .liI{ overflow: hidden; float: left; padding: 0 10px; height: 60px; line-height: 60px;}.section9 .titC ul li .liI img{ max-width: 100%; height: 60px;}.section9 .titC ul li .liT{ overflow: hidden; float: right; width: 250px;}.section9 .titC ul li .liT h4{ overflow: hidden; margin: 10px 0;}.section9 .titC ul li .liT h4 span{ font-size: 18px; color: #b33a00; display: block; overflow: hidden; float: left; font-weight: 500; padding: 0 0 5px 0; border-bottom: 1px solid #b33a00;}.footer{ overflow: hidden; margin: 10px 0 0 0; padding: 30px 0; background-color: #784c23;}.footer .foot{ overflow: hidden; float: left; font-size: 12px; padding: 20px 0 0 0;}.footer .foot h6{ margin: 5px 0;}.footer .foot h6 span{ font-size: 12px; color: #ffeab5; font-weight: 500;}.footer .foot h6 .sp1{ margin: 0 64px 0 0;}.footer .foot h6 .sp2{ margin: 0 64px 0 0;}.footer .foot h6 .sp3{ margin: 0 130px 0 0;}.footer .ewm{ overflow: hidden; float: right; width: 113px; height: 131px;}.footer .ewm img{ width: 113px; height: 131px;} .bgH{ height: 393px;background-color:#f5ece3;position: absolute;width: 100%;z-index: -1;top: 157px;left: 0; } #wrapper2{ width:300px; margin:0px auto; height:160px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.8) 0px 2px 6px;} #slider-wrap2{ width:300px; height:160px; position:relative; overflow:hidden;} #slider-wrap2 ul#slider2{ width:100%; height:100%; margin: 0; margin: 0; position:absolute; top:0; left:0;} #slider-wrap2 ul#slider2 li{ float:left; position:relative; width:300px; height:160px; margin: 0; padding: 0; list-style:none;} #slider-wrap2 ul#slider2 li > div{ position:absolute; top:0px; left:0px; padding: 0; margin: 0;} #slider-wrap2 ul#slider2 li img{ width: 100%; height: auto;} #slider-wrap2 ul#slider2 li > div h3{ font-size:24px; text-transform:uppercase; margin: 10px 0 0 20px; padding: 0; line-height: 30px;} #slider-wrap2 ul#slider2 li > div span{ font-family: Neucha, Arial, sans serif; font-size:14px; margin: 15px 0 0 20px; padding: 0; line-height: 36px;} #slider-wrap2 ul#slider2 li i{ text-align:center; line-height:304px; display:block; width:100%; font-size:90px;} .btns2{ position:absolute; width:50px; height:60px; top:0; margin-top:57px; line-height:60px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease;} .btns2 img{ margin: 14px 0;} .btns2:hover{ background:rgba(0,0,0,0.3);} #next2{right:-50px; border-radius:7px 0px 0px 7px;line-height:57px;} #previous2{left:-50px; border-radius:0px 7px 7px 0px;} #next2 i{line-height:57px;} #previous2 i{line-height:57px;} #counter2{ top: 15px; right:20px; width:auto; position:absolute;} #slider-wrap2.active #next2{right:0px;} #slider-wrap2.active #previous2{left:0px;} #pagination-wrap2{ min-width:20px; margin-top:255px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center;} #pagination-wrap2 ul { width:100%;} #pagination-wrap2 ul li{ margin: 0 4px; padding: 0; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative; top:0;} #pagination-wrap2 ul li.active{ width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;} #slider-wrap2 ul, #pagination-wrap2 ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1);} .section9 .titC ul li img{ max-width: 80%; max-height: 80%; } .example { width: 940px; height: 395px; margin: 20px auto; } .example ul li,.example ul li img,.ft-carousel{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; overflow: hidden; } .carousel-item{line-height: 336px;color: #fff;} .ft-carousel .carousel-indicators span.active { background-color: #f7dd93!important; } .section5 .sectionL .titC .titCT .titCL .example{margin:0;} .section5 .sectionL .titC .titCT .titCL .ft-carousel{position:relative;width:100%;height:100%;overflow:hidden} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-inner{position:absolute;left:0;top:0;height:100%} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-inner .carousel-item{float:left;height:296px;} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-item img{width:100%; height:100%;} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-indicators{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-indicators span{display:inline-block;width:12px;height:12px;background-color:#fff;margin:0 4px;border-radius:50%;cursor:pointer} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-indicators span.active{background-color:#de3a3a} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-btn{position:absolute;top:0;width:50px;height:45px;margin-top:130px;cursor:pointer} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-prev-btn{left:0;background:url(../images/pic6.png) no-repeat} .section5 .sectionL .titC .titCT .titCL .ft-carousel .carousel-next-btn{right:0;background:url(../images/pic7.png) no-repeat right} .titCs ul li{ overflow: hidden; display: block; white-space: nowrap; line-height: 36px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 0 0 5px; } .titCs ul li a{ font-size: 12px; color: #4c300b; }