/*Top002533 */ .Top002533{ background:#fff;} .Top002533 .header-left .logo img{ max-height:126px;} @media(min-width:1025px){ .Top002533 .header-left{ float:left;} .Top002533 .header-right{ float:right;} } .Top002533 .top-menu{ text-align:right; line-height:63px;font-size:15px; border-bottom:1px solid #e5e5e5;} .Top002533 .top-menu i{ color:#d0d0d0; margin:0 16px; font-size:13px;} .Top002533 .top-menu img{width:18px;} .Top002533 .top-menu .loginout b{color:#251a17;} .Top002533 .top-menu .search{position: relative;top:4px;width:18px; height:18px;z-index: 100;} .Top002533 .open-search{ display:inline-block;content: '';background:url(../images/search.png) no-repeat center center; width:18px; height:18px;} .Top002533 .open-search-show{ position:relative; background:none;} .Top002533 .open-search-show::before, .Top002533 .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#751418; top:50%; left:10%; transform:rotate(-45deg);} .Top002533 .open-search-show::after{transform:rotate(45deg);} .Top002533 .search-box{ position:absolute; top:100%; right:0; z-index:900; display:none;} .Top002533 .search-box .text{display: inline-block;width: 254px;line-height: 40px;height: 40px; border:1px solid #fff; background:#fff; color:#666; padding:0 60px 0 10px;box-shadow:0px 0px 10px rgba(0,0,0,.3);} .Top002533 .search-box .btn{ display: inline-block;position:absolute; right:0; top:10px; line-height: 40px; width:40px; text-align:center; color:#b8b8b8; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;} .Top002533 .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#fff;top: -15px;right: 4px;} .Top002533 .header-menu{ position:relative; z-index:99;} .Top002533 .header-menu li.has-sub{} .Top002533 .header-menu li{ width:auto !important; margin-left:88px;position: relative;} .Top002533 .header-menu li:first-child{ margin-left:0;} .Top002533 .header-menu li a{ font-size:17px; color:#333;} .Top002533 .header-menu li em a{ line-height:64px; border-bottom:2px solid transparent;} .Top002533 .header-menu li em a:hover, .Top002533 .header-menu li.aon em a{ border-bottom-color:#751418;color:#751418;} .Top002533 .header-menu li .sub{ width:200%; background:#fff; box-shadow:0 40px 68px rgba(0,0,0,0.5);left:-50%;} .Top002533 .header-menu li .sub dt{ border-bottom:1px dashed #e6e6e6; text-align:center; line-height:44px;} .Top002533 .header-menu li .sub dt a{ color:#666;font-size: 13px;} .Top002533 .header-menu li .sub dt a:hover{ color:#751418; background:none;} @media(max-width:1024px){ .Top002533 .header-left .logo img{ max-height:66px;} .Top002533 #open_menu{ position:absolute; top:50%; right:2%; width:40px; height:30px; background:#751418; } .Top002533 #open_menu i, .Top002533 #open_menu i::before, .Top002533 #open_menu i::after{ background:#fff;} .Top002533 #open_menu i{ height:2px; margin-top:-1px; left:20%; width:60%;} .Top002533 #open_menu.open_menu_on{ position:fixed; z-index:101; right:2%; top:54px;} .Top002533 #header-menu{ position:fixed; z-index:100; right:0; top:0; height:100%;max-height:100%;overflow:auto; background:#751418; width:0; transition:0.3s; opacity:0; padding-top:100px;} .Top002533 #header-menu ul{width:240px;} .Top002533 #header-menu.header-menu-show{ opacity:1; width:240px;} #header-menu li em a{font-weight: normal;} .Top002533 #header-menu li.has-sub em a{ position:relative;} .Top002533 #header-menu li.has-sub em a::after{ position:absolute; content:'+'; color:#fff; top:50%; margin-top:-12px; font-size:24px; line-height:24px; right:10px;} .Top002533 #header-menu li.has-sub.clickon em a::after{ content:'_'; margin-top:-24px;} .Top002533 #header-menu li .sub-menu dt a{ border-bottom:1px dashed rgba(255, 255, 255, 0.5);} .Top002533 #header-menu li .sub-menu dt:last-child a{ border-bottom:0;} .Top002533 #header-menu li .sub-menu dt a::before{ display:inline-block; vertical-align:middle; content:''; width:10px; height:2px; margin-right:10px; background:#fff;} } @media(max-width:480px){ .Top002533 .top-menu{ position:absolute; right:0; top:0; line-height:26px; width:100%;background:#333;} .Top002533 .top-menu a{ display: inline-block;color:rgba(255,255,255,0.75);font-size: 12px;line-height: 26px;padding:0 16px;border-left: 1px solid rgba(255,255,255,0.1);} .Top002533 .top-menu a.shop{border-right: 1px solid rgba(255,255,255,0.1);} .Top002533 .top-menu i{display: none;} .Top002533 .header{ position:relative; z-index:100; padding-top:30px;} .Top002533 .top-menu .search{padding:0 16px;height: 28px;} .Top002533 .open-search{} .Top002533 .search-box{right:14px;} .Top002533 .search-box .btn{top:0;right:14px;} .Top002533 .search-box .btn::before{display: none;} .Top002533 .open-search-show::before, .Top002533 .open-search-show::after{background: #fff} } /* * Owl Carousel - Core 插件样式如遇相同只留一份 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Banner002465 为demo编号 */ .Banner002465{ position: relative;} .Banner002465 li a{ display:block; } .Banner002465 li a .phoneimg{ display: none;} .Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.5%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .Banner002465 .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); } .Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav .owl-prev{ left: 5%; background-position: 0 0;} .Banner002465 .owl-nav .owl-next{ right: 5%; background-position: -50px 0;} .Banner002465 .owl-nav .owl-prev:hover{ background-position: 0 -50px;} .Banner002465 .owl-nav .owl-next:hover{ background-position: -50px -50px;} @media(max-width:1200px){ .Banner002465 li a .pcimg{ display: none;} .Banner002465 li a .phoneimg{ display: block;} .Banner002465 .owl-dots>div{ margin: 0 3px;} } /*Floor002723 */ .Floor002723{ padding:4% 0 4%;background:url(../images/bg1.jpg);} /*slick Basic*/ .Floor002723 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002723 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002723 .slick-list:focus {outline: none} .Floor002723 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002723 .slick-slider .slick-track, .Floor002723 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002723 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002723 .slick-track:before, .Floor002723 .slick-track:after{display: table; content: '';} .Floor002723 .slick-track:after{ clear: both;} .Floor002723 .slick-loading .slick-track { visibility: hidden;} .Floor002723 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002723 .slick-slide .slick-loading img { display: none;} .Floor002723 .slick-slide .dragging img { pointer-events: none;} .Floor002723 .slick-initialized .slick-slide { display: block;padding-right:1px;} .Floor002723 .slick-loading .slick-slide { visibility: hidden;} .Floor002723 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002723 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002723 .title{ padding-bottom:20px; margin-bottom:2%;} .Floor002723 .title dl{ background:url(../images/Floor002723_titbg.jpg) repeat left top;} .Floor002723 .title dl > *{ height:48px;} .Floor002723 .title dt{ float:left; background:url(../images/Floor002723_titbg-l.png) no-repeat right center; padding-right:60px;} .Floor002723 .title dd{ width:144px; float: right; position:relative;background:url(../images/Floor002723_titbg-r.png) no-repeat left center; } .Floor002723 .title h3{ margin:-5px 0 0 0; padding-bottom:5px; color:#b39959; font-size:30px; font-family: "Microsoft YaHei Regular";} .Floor002723 .title dt p{ margin:0; color:#999;} .Floor002723 .title .more{ position:absolute; right:0; top:50%; margin-top:-11px; color:#999; font-size:16px;line-height:22px;} .Floor002723 .title .more span{ display:inline-block; width:15px; height:15px; border:1px solid #999; position:relative; vertical-align:middle; margin-left:10px; } .Floor002723 .title .more span:before, .Floor002723 .title .more span:after{ position:absolute; content:''; background:#999; } .Floor002723 .title .more span:before{width:9px; left:2px; height:1px;top:6px;} .Floor002723 .title .more span:after{ width:1px; left:6px; top:2px; height:9px;} .Floor002723 .title .more:hover{ color:#b39959;} .Floor002723 .title .more:hover span{ border-color:#b39959;} .Floor002723 .title .more:hover span:before, .Floor002723 .title .more:hover span:after{background:#b39959;} @media(min-width:769px){ .Floor002723 .title dt{ max-width:70%;} .Floor002723 .main{ position:relative;} .Floor002723 .main .Ispic{ position:absolute; right:0; top:0; height:100%; width:35.333%;} .Floor002723 .list{ width:61.667%;} } @media(min-width:1281px){ .Floor002723 .main .Ispic{ height:386px; width:475px;} } @media(max-width:768px){ .Floor002723 .main .Ispic{ padding-bottom:80%;} .Floor002723 .title dt{ height:auto; clear:both; float:none; padding-bottom:10px;} .Floor002723 .title dl dd{ height:30px;} } .Floor002723 .list li dl{ border:1px solid #e6e6e6; border-bottom:0; position:relative; background:#f9f9f9;} .Floor002723 .list li dt{ float:left; width:27.102%;margin-top:-1px;margin-left:-1px;overflow: hidden;} .Floor002723 .list li dt img{ display:block; width:100%;transition: .3s;} .Floor002723 .list li dt:hover img{transform: scale(1.1);} .Floor002723 .list li dd{ position:absolute; width:65%; padding-right:3%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); right:0;} .Floor002723 .list li dd > *{ max-width:485px;} .Floor002723 .list li .more{border:1px solid #e6e6e6;background:#f9f9f9;} .Floor002723 .list li .more a{ display:block;width:27.102%; height:75px; background:url(../images/Floor002723_more.png) no-repeat center center; position:relative;margin-left:-1px; margin-top:-1px;} .Floor002723 .list li .more a:after{ position:absolute; left:100%; top:0; height:100%; width:1px; background:#e6e6e6; content:'';} .Floor002723 .list li .more a:hover{ background-color:#b39959; background-image:url(../images/Floor002723_more_hover.png); } .Floor002723 .list li h2{ font-size:28px; line-height:1.34em; margin:0;} .Floor002723 .list li span{ padding:10px 0 24px 0; color:#333;font-size:18px;} .Floor002723 .list li p{ margin:0; line-height:1.71em; text-align:justify;} .Floor002723 .list .slick-dots{ bottom:30px; position:absolute; z-index:10; right:30px;} .Floor002723 .list .slick-dots li{ cursor:pointer; float:left; width:14px; margin-left:12px; height:14px; border-radius:50%; border:1px solid #ccc;} .Floor002723 .list .slick-dots li button{ display:none;} .Floor002723 .list .slick-dots li.slick-active{ background:#751418; border-color:#751418;} @media(max-width:640px){ .Floor002723{padding:50px 0;} .Floor002723 .main .Ispic{display: none;} .Floor002723 .list li dt{ width:40%;} .Floor002723 .list li dd{ width:55%;} .Floor002723 .list li .more a{width:40%;} .Floor002723 .list li span{ padding:6px 0 14px 0; } .Floor002723 .list li .more a{ height:55px; } .Floor002723 .list .slick-dots{ bottom:20px;} .Floor002723 .list li h2{font-size: 18px;} .Floor002723 .list li span{font-size: 14px;} .Floor002723 .list li p{font-size: 12px;} .Floor002723 .list .slick-dots li{width: 10px;height: 10px;margin-left: 10px;} } .title123{ font-size:20px;color:#111;text-align: center;margin-bottom:40px;} .title123 aside{ font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize;} .title123::after{ display:block; content:''; height:4px; background:#bf9f62; border-right:32px solid #a43b3f; width:100px;margin: 0 auto;margin-top:8px;} @media(max-width:1280px){ .title123 aside{font-size:48px;} } @media(max-width:1280px){ .title123 aside{font-size:40px;} } @media(max-width:640px){ .title123{ font-size:18px;margin-bottom:20px;} .title123 aside{ font-size:26px;} .title123::after{width: 70px; border-right:22px solid #a43b3f;} } /* .Floor002368 为demo编号 */ .Floor002368{ padding: 3% 0; background: url(../images/bg1.jpg) no-repeat center;background-size: cover;} .Floor002368 .wrap-header{ position: relative;} .Floor002368 .wrap-header .more{ position: absolute; right: 0; top: 15px; color: #999; font-size: 14px;} .Floor002368 .wrap-header .more:hover{ color: #204da0;} .Floor002368 .wrap-header h2{ margin: 0; font-weight: normal; font-size: 20px; color: #333;} .Floor002368 .wrap-header h2 span{ color: #a9c7ff; padding-left: 15px; font-weight: lighter;} .Floor002368 .wrap-header .p{ margin: 5px 0 0; font-size: 14px; color: #999;} .Floor002368 .wrap-container{ padding-top: 0px;} @media only screen and (min-width:768px ) { .Floor002368 .wrap-header h2{font-size: 22px;} } @media only screen and (min-width:1024px ) { .Floor002368 .wrap-header h2{font-size: 24px;} } @media only screen and (max-width:767px ) { .Floor002368{ padding: 20px 0;} } .Floor002368 .auto{overflow: hidden;} .Floor002368 .list{ padding: 2px 0 10px 0;} .Floor002368 .owl-carousel .owl-stage-outer{ padding: 2px 0 0px;} .Floor002368 .list .owl-item{ padding: 0;} .Floor002368 .list li{} .Floor002368 .list li .pic{ overflow: hidden;} .Floor002368 .list li .pic a img{ transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;-ms-transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;} .Floor002368 .list li .pic a:hover img{ transform: scale(1.1);} .Floor002368 .list li .word{ background: #fff; padding: 10px 18px; color: #999; font-size: 14px;} .Floor002368 .list li .word h3{ font-weight: normal; padding: 10px 0; font-size: 18px; margin: 0 0 0px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Floor002368 .list li .word h3 a{ color: #333;} .Floor002368 .list li .word h3 a:hover{ color: #204da0;} .Floor002368 .list li .addr{ display: inline-block; } .Floor002368 .list li .addr:before{ content: "\e6b4"; padding-right: 5px; color: #aac8ff;font-family:"iconfont" !important; font-size: 16px;} .Floor002368 .list li .price{ float: right;} .Floor002368 .list li .price em{ font-style: normal; color: #ff6666; font-size: 20px;} /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /*Floor002749 */ .Floor002749{ padding: 3% 0 4%;} .Floor002749 .title{line-height: 40px; text-align: center;} .Floor002749 .title:after{display: block; content: ''; margin: 25px auto 30px;width: 40px; height: 4px; background: #eb422c;} .Floor002749 .title .cn{font-size: 36px; margin-top: -20px; color: #333;} .Floor002749 .title .en{opacity: 0.1;-webkit-opacity: 0.1;font-size: 56px; font-family: Arial," sans-serif"; font-weight: bold; text-transform: uppercase; } @media(max-width:480px){ .Floor002749 .title .cn{font-size: 24px; } .Floor002749 .title .en{font-size: 40px;} } /*slick Basic*/ .Floor002749 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002749 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002749 .slick-list:focus {outline: none} .Floor002749 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002749 .slick-slider .slick-track, .Floor002749 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002749 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002749 .slick-track:before, .Floor002749 .slick-track:after{display: table; content: '';} .Floor002749 .slick-track:after{ clear: both;} .Floor002749 .slick-loading .slick-track { visibility: hidden;} .Floor002749 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002749 .slick-slide .slick-loading img { display: none;} .Floor002749 .slick-slide .dragging img { pointer-events: none;} .Floor002749 .slick-initialized .slick-slide { display: block;} .Floor002749 .slick-loading .slick-slide { visibility: hidden;} .Floor002749 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002749 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002749 .tab{text-align: left; display: none; padding-bottom: 24px;} .Floor002749 .tab ul{display: inline-block; } .Floor002749 .tab li{float: left; position: relative; margin: 0 5px;} .Floor002749 .tab li a{display: block; cursor: pointer;padding: 0 25px;background:#fff; line-height: 43px; border-radius: 3px; font-size: 16px; transition: 0.3s;} .Floor002749 .tab li a:hover, .Floor002749 .tab li.on a{ background: #d1a55e; color: #fff;} .Floor002749 .tab li.on:before{position: absolute; content: ''; left: 50%; border:4px solid transparent; border-top-color: #d1a55e; top: 100%; margin-left: -2px;} .Floor002749 .tab-list .list{position: fixed; left: -100%;width: 96%; max-width: 1280px;} .Floor002749 .tab-list .list.show{position: relative; left: auto; width: auto;} @media(min-width:769px){ .Floor002749 .list >*{width: 49.141%;} .Floor002749 .top-news{float: left;} .Floor002749 .list dl{float: right;} .Floor002749 .list dd:first-child{margin-bottom: 19px;} .Floor002749 .list dd .ytable{height: 100%;} } .Floor002749 .top-news{padding: 2.2%;} .Floor002749 .top-news, .Floor002749 .list dd{background: url(../images/bg2.jpg);border-radius: 3px;} .Floor002749 .list .pic{display: block;} .Floor002749 .list .Ispic{ padding-bottom: 62.828%;} .Floor002749 .list dd{padding: 2% 6.5%;} .Floor002749 .list a{color: #555;} .Floor002749 .list a:hover{color: #eb422c;} .Floor002749 .list h2{font-size: 18px; font-weight: normal; line-height: 30px; margin: 0;} .Floor002749 .list h2.dot2{max-height: 60px;} .Floor002749 .list time b{font-size: 36px;color: #555;} .Floor002749 .top-news .txt{position: relative; margin: 35px 0; padding-left: 95px;} .Floor002749 .top-news .txt time{position: absolute; border-right: 1px solid #e5e5e5; padding-right: 20px; text-align: center;left: 0; top: 50%; transform: translateY(-50%);} .Floor002749 .top-news .txt time b{display: block; line-height: 36px;} .Floor002749 .list dd time b{margin-right: 10px;} .Floor002749 .list dd p{line-height: 26px; max-height: 52px;color: #888; font-size: 14px; margin: 5% 0;} .Floor002749 .list dd h2{position: relative;min-height: 30px;} .Floor002749 .list dd h2 a{position: absolute; left: 0; top: 0; max-width: 100%;} .Floor002749 .list .more a{color: #888;} .Floor002749 .list .more a:after{display: inline-block; content: ''; width: 8px; height: 8px; border-right: 2px solid #888; border-top: 2px solid #888; vertical-align: middle; margin-left: 10px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transition:transform 0.3s;} .Floor002749 .list .more a:hover:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;} .Floor002749 .slick-dots{overflow: hidden;} .Floor002749 .slick-dots li{float: left; width: 22px; height: 4px; background: #e5e5e5; margin-right: 3px; cursor: pointer;} .Floor002749 .slick-dots li button{display: none;} .Floor002749 .slick-dots li.slick-active{background: #d7141a;} @media(min-width:769px) and (max-width:1024px){ .Floor002749 .list h2{font-size: 16px;line-height: 22px;} .Floor002749 .list dd h2{min-height: 22px;} .Floor002749 .list dd p{line-height: 20px; max-height: 40px; font-size: 14px; margin: 10px 0;} } @media(max-width:768px){ .Floor002749 .list dd{margin-top: 20px; height: auto!important;} .Floor002749 .list dd, .Floor002749 .top-news{padding: 20px;} } @media(max-width:640px){ .Floor002749{ padding: 30px 0;} .Floor002749 .tab li a{padding: 0 10px; line-height: 36px; font-size: 16px;} .Floor002749 .list h2{font-size: 18px;} .Floor002749 .list dd p{font-size: 14px;line-height: 20px; max-height: 40px; margin: 10px 0;} } @media(max-width:480px){ .Floor002749 .tab li a{padding: 0 5px; line-height: 30px; font-size: 14px;} } /*.Bottom002230*/ .Bottom002230{} .Bottom002230{ background: #2b2727; padding-top: 50px;} .Bottom002230 .left h3{ font-weight: 100; font-size: 18px; color: #fff;} .Bottom002230 .left h3 span{display: block; width: 37px; height: 1px; border-bottom: 1px solid #b8ada2; margin: 16px 0 0} .Bottom002230 .left ul { padding: 0 0 10px;width: 66%} .Bottom002230 .left ul li{ float: left; font-size: 17px; padding:0 38px 10px 0;line-height: 46px} .Bottom002230 .left ul li a{color: #fff;} .Bottom002230 .left ul li a:hover{ color: #fff} .Bottom002230 .right img{} .Bottom002230 .right .img{ text-align: center; float: left; margin-right: 50px} .Bottom002230 .contact{max-width: 270px;float: left} .Bottom002230 .contact .name{font-size: 17px;color: #fff; padding-bottom: 25px;} .Bottom002230 .contact li{ padding-bottom: 5px;} .Bottom002230 .contact li aside{ padding-left: 25px;background-position: left center; background-repeat: no-repeat;} .Bottom002230 .contact li:nth-child(1){padding-bottom: 15px;} .Bottom002230 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002230 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002230 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002230 .contact li b{font-size: 28px;color: #fff;display: block;margin-top:2px;} .Bottom002230 .bottom{ border-top: 1px solid rgba(255,255,255,0.1); margin: 50px 0 0;} .Bottom002230 .bottom ul li{ float: left; font-size: 14px; padding:0 10px 0 0; line-height: 61px;} .Bottom002230 .bottom ul li a,.Bottom002230 .bottom p a{ color: rgba(255,255,255,0.4);} .Bottom002230 .bottom ul li a:hover,.Bottom002230 .bottom p a:hover{ color: #fff} .Bottom002230 .bottom p{ font-size: 14px; color: rgba(255,255,255,0.4); margin: 0; padding: 0 0 20px} @media (min-width:768px) { .Bottom002230 .left h3{ margin-top: 0} .Bottom002230 .right,.bottom p{ float: right;} .Bottom002230 .left,.bottom ul { float: left;} .Bottom002230 .bottom p{ padding: 0; line-height: 61px;} .Bottom002230 .left ul li{ padding-right: 22px;} } @media (min-width:1024px) { .Bottom002230 .left ul li{ padding-right: 70px;} } @media(max-width:1280px){ } @media(max-width:1280px){ .Bottom002230 .left,.Bottom002230 .right{width: 50%} .Bottom002230 .left ul{width: 86%;} } @media(max-width:768px){ .Bottom002230 .left{display: none;} .Bottom002230 .right{float: none;width: 100%} .Bottom002230 .right .img{float: left;width: 30%;margin-right: 0;text-align: left;} .Bottom002230 .right .img img{max-width: 100px;} .Bottom002230 .right .contact{float: right;width: 68%} .Bottom002230 .contact li b{font-family: "Arial";font-size: 24px;} .Bottom002230 .contact li aside{background-position: left 5px;} .Bottom002230 .contact li:nth-child(1){padding-bottom: 0;} .Bottom002230 .bottom{margin-top: 40px;} .Bottom002230 .bottom ul li{line-height: 31px;} } /*Floor002821 */ .Floor002821{overflow: hidden;} .Floor002821 .auto{} .Floor002821 li{float: left;width: 50%;position: relative;padding-bottom: 21.429%;font-size: 100px;} .Floor002821 li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .Floor002821 li a >*{position: absolute; left: 0;width: 100%;} .Floor002821 li .Ispic{height: 100%; top: 0;} .Floor002821 li a:before{z-index: 5;position: absolute; top: 0; width: 100%;left: 0;content: '';height: 100%; opacity: 0;-webkit-opacity: 0; transition: 0.3s; background: -moz-linear-gradient(45deg, rgba(35,172,56,1) 0%, rgba(35,172,56,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(35,172,56,1) 0%,rgba(35,172,56,0.4) 100%); background: linear-gradient(45deg, rgba(35,172,56,1) 0%,rgba(35,172,56,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23ac38', endColorstr='#6623ac38',GradientType=1 ); } .Floor002821 li a:hover:before{opacity: 0.9;-webkit-opacity: 0.9;} .Floor002821 li .txt{z-index: 10; bottom: 0.35em;padding: 0 0.35em;color: #fff;} .Floor002821 li .txt p.t1{font-size: 0.24em; margin:1.4166em 0 0.4166em 0;} .Floor002821 li .txt p.t2{line-height: 1.71428em;margin: 0;font-size: 0.14em;} .Floor002821 li .icon img{max-height: 0.4em;display: block;} @media(min-width:1025px){ .Floor002821 li:nth-child(1) .Ispic, .Floor002821 li:nth-child(1) a:before{left: auto; right: 0;width: 100%;} .Floor002821 li:nth-child(3), .Floor002821 li:nth-child(4){width: 25%;} .Floor002821 li:nth-child(1){padding-bottom: 42.858%;} } @media(max-width:1024px){ .Floor002821 li{width: 100%;padding-bottom: 42.858%;} .Floor002821 li:nth-child(3), .Floor002821 li:nth-child(4){width: 50%;} } @media(max-width:480px){ .Floor002821 li{font-size: 80px;} } @media(max-width:400px){ .Floor002821 li{font-size: 70px;} .Floor002821 li .txt p.t1{margin-top: 10px;} } /* .Floor002232 为demo编号 */ .Floor002232{padding:4% 0 0;background:#f5f5f5;} .Floor002232 .titl{ text-align: center; font-size: 20px; color: #c49162; padding: 40px 0 } .Floor002232 .titl p{ margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #e3ccbb;} .Floor002232 li{ position: relative; font-size: 14px; color: #fff; line-height: 24px;} .Floor002232 li .text{position: absolute; width: 100%; height: 14%; left: 0; bottom: 0; text-align: center; background: rgba(117, 20, 24, 0.8);transition: .3s;} .Floor002232 li:hover .text{height: 100%;} .Floor002232 li .text .text-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .Floor002232 li h3 a{ font-size: 16px; color: #fff;} .Floor002232 li p{ height: 48px; overflow: hidden; max-width: 312px; margin: 0 auto } .Floor002232 li h3 span{ width: 27px; display: none; margin: 10px auto; height: 3px;background: #fff} .Floor002232 li h3{margin: 6px 0 0} .Floor002232 li:nth-child(2n) h3 a{ color: #fff} .Floor002232 li:nth-child(2n) .text{ background: rgba(173, 140, 77, 0.8);} .Floor002232 li:nth-child(3) .text{ background: rgba(0, 0, 0, 0.45);} .Floor002232 li:nth-child(2n) h3 span{ background: #fff} @media (min-width: 768px) { .Floor002232 .titl{ font-size: 24px;} .Floor002232 li{ width: 50%; float: left;} .Floor002232 li h3 a{ font-size: 24px;font-weight: normal;} .Floor002232 li h3 span{ margin-top: 15px;margin-bottom: 15px;} } @media (min-width: 1024px) { .Floor002232{overflow: hidden;} .Floor002232 .titl{ font-size: 30px;} .Floor002232 li h3 a{ font-size: 24px;} .Floor002232 li h3 span{ margin-bottom: 20px; margin-top: 20px;} .Floor002232 ul{ position: relative;} .Floor002232 li{ width: 33.33%; float: left; } .Floor002232 li p{ height: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;} .Floor002232 li:hover p{ height: 72px;} } @media (max-width: 767px) { .Floor002232{padding:50px 2%;} .Floor002232 .owl-nav{display: none;} .Floor002232 .owl-dots{ display: block; width: 100%; margin-top: 3%; text-align: center;} .Floor002232 .owl-dots>div{ display: inline-block; margin:0 5px;} .Floor002232 .owl-dots>div >span{ display: block; width: 10px; height: 10px; border-radius: 50%; background: #ccc;} .Floor002232 .owl-dots>div.active >span{ background: #a43b3f;} } /*Floor*/ .Floor002784{/*background: url(../images/Floor002784-bg.jpg) no-repeat center bottom;*/} .Floor002784 .auto{ position: relative;} .Floor002784 .title123{text-align: left;} .Floor002784 .title123::after{margin-left:0;} .Floor002784 .wrap-head{ position: absolute; top:13%; left:0; z-index: 10;} .Floor002784 .wrap-head .tit{ display:block; font-size: 38px; width: 52px; line-height: 1; color: #000; position: relative; text-align: center; } .Floor002784 .wrap-head .tit em{ font-style: normal; border-radius: 50%; height: 52px;line-height: 52px; width: 52px; display: block; background: #000; color: #fff; font-weight: bold;} .Floor002784 .wrap-head .con{ overflow: hidden; padding-top:22px; width: 52px; display: block;} .Floor002784 .wrap-head .con i{ display: block; font-style: normal; border-radius: 3px; font-size: 18px; margin-bottom:10px; line-height:24px;text-align:center; padding:14px; cursor: pointer;} .Floor002784 .wrap-head .con i.on{ background:#751418; color: #fff;} .Floor002784 .tab-info{ display:none; } .Floor002784 .pro_list{ position:relative; padding-left: 251px;} .Floor002784 .owl-stage-outer{ overflow:hidden;} .Floor002784 .owl-item{ float:left;} .Floor002784 .owl-nav{ display:none;} .Floor002784 .owl-dots{ display:none;} .Floor002784 .item{width: 100%; padding:105px 25px;border-left: 1px solid #eaeaea; margin: 0 auto;} .Floor002784 .owl-item:last-child .item{ border-right: 1px solid #eaeaea;} .Floor002784 .item time{ display: block; color: #666; font-size: 14px; line-height: 1;} .Floor002784 .item time em{ font-style: normal; padding-top: 10px; display: block;} .Floor002784 .item time span{ color: #333; font-size: 47px; display: block;font-weight: bold;} .Floor002784 .item .tit{ font-size: 18px;font-weight: normal; margin:20px 0; line-height: 28px; height: 53px; overflow: hidden;} .Floor002784 .item:hover .tit a{ color: #751418;} .Floor002784 .item .pic{ overflow: hidden;} .Floor002784 .item figure{ color: #666; margin: 20px 0; font-size: 14px; line-height: 24px; height:44px; overflow: hidden;} .Floor002784 .item .more{ color: #000; font-size: 14px; padding-right: 20px; position: relative;} .Floor002784 .item .more i{ background: url(../images/Floor002784-icon.png) no-repeat; width: 14px; height: 14px; background-size: 100%; display: block; position: absolute; right: 0; top:50%; margin-top: -7px;} .Floor002784 .item:hover .more{ color: #751418;} @media only screen and (min-width:768px ) { .Floor002784 .item .pic .Ispic{ transition: transform .5s ease-in-out; padding-bottom:104%; background-position: center;} .Floor002784 .item .pic img{display: none;} .Floor002784 .item:hover .pic a .Ispic{ transform: scale(1.1);} } @media(max-width:1366px){ .Floor002784 .wrap-head{ left:2%;} } @media(max-width:1200px){ .Floor002784 .pro_list{padding-left:130px} } @media(max-width:768px){ .Floor002784 .item{padding:45px 25px 65px 25px;} .Floor002784 .wrap-head .con i{font-size: 16px;} .Floor002784 .pro_list{padding-left:90px} .Floor002784 .item time span{font-size: 30px;} .Floor002784 .item .tit{font-size: 16px;} .Floor002784 .owl-dots{display: block;position: absolute;right:25px;bottom: 2%} .Floor002784 .owl-dots .owl-dot{display: inline-block;margin: 0 5px;} .Floor002784 .owl-dots .owl-dot span{display: inline-block;content: '';width: 10px;height: 10px;background: #eee;border-radius: 50%} .Floor002784 .owl-dots .owl-dot.active span{background:#751418; } } /*Menu002580 */ .Menu002580 { position: relative; z-index: 50; border-bottom: 1px dashed #e1e1e1; padding-bottom: 30px; } .Menu002580::after { /*position: absolute; content: ''; right: 0; top: 0; height: 191%; width: 100%; z-index: 0; *//*background:url(../images/Menu002580_bg.png) no-repeat right top;*/ background-size: contain; } .Menu002580 .auto { position: relative; z-index: 10; } .Menu002580 .current { text-align: right; padding: 2% 0 1.2%; color: #999; } .Menu002580 .current a { color: #999; } .Menu002580 .current a:hover { color: #c8a063; } .Menu002580 .name { color: #333; font-size: 30px; } .Menu002580 li .icon img { width: 40px; height: 40px; margin-right: 8px; } .Menu002580 li a .hover { display: none; } .Menu002580 li.aon a .hover, .Menu002580 li a:hover .hover { display: block; } .Menu002580 li.aon a .show, .Menu002580 li a:hover .show { display: none; } .Menu002580 li a { font-size: 17px; } .Menu002580 li a:hover, .Menu002580 li.aon a { color: #c8a063 } @media(min-width:769px) { .Menu002580 .name { float: right; } .Menu002580 li { float: left; margin-right: 4%; } .Menu002580-v2 li{display: none;} .Menu002580 ul { display: block !important; } } @media(max-width:1280px) { .Menu002580 .name{font-size:26px;} } @media(max-width:768px) { .Menu002580 { padding-bottom: 0; } .Menu002580 .name { padding: 10px; position: relative; } .Menu002580 .name span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .Menu002580 .name span::after { position: absolute; content: ''; right: 3%; width: 12px; height: 12px; border-bottom: 3px solid #666; border-right: 3px solid #666; top: 50%; margin-top: -6px; transform: rotate(45deg); } .Menu002580 .name span.on::after { transform: rotate(-135deg); margin-top: 0; } .Menu002580 nav { position: relative; z-index: 50; } .Menu002580 nav ul { display: none; position: absolute; width: 100%; top: 100%; border-radius: 0 0 8px 8px; background: #fff; padding: 20px;box-shadow:0 10px 28px rgba(0,0,0,0.5); } .Menu002580 nav li { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 5px 0; } .Menu002580 .current{display: none;} } @media(max-width:480px) { .Menu002580 .name { font-size: 20px; } .Menu002580-v2 li a{line-height: 38px;} } /* .RighInfo002227 为demo编号 */ .RighInfo002227 { background-color: #fff; font-size: 14px; color: #666; padding-top: 3%; padding-bottom: 4%; } .RighInfo002227 .title { margin-bottom: 30px; text-align: center; line-height: 44px; color: #333; font-size: 20px; padding-bottom: 10px; background: url(../images/RighInfo002227-icon1.png) no-repeat center bottom; } .RighInfo002227 .title img { width: 45px; height: 33px; } .RighInfo002227 .box1 { } .RighInfo002227 .box1 .pic img { background: url(../images/RighInfo002227-bg_bsimg.jpg) no-repeat right bottom; padding: 0 11px 11px 0; display: block; } .RighInfo002227 .box1 p, .RighInfo002227 .box2 p { line-height: 30px; font-size: 15px; } .RighInfo002227 .box1 p { margin: 0 0 20px 0; } .RighInfo002227 .box2 p { margin: 0 0 1% 0; padding: 15px 0 0; } .RighInfo002227 .box2 .pic { text-align: center; padding-bottom: 30px; } .RighInfo002227 .pepoleimage { margin-bottom: 30px; } .RighInfo002227 .box2 h3 { margin: 0; font-size: 14px; color: #333; padding-bottom: 10px; } .RighInfo002227 .textbox-con2 { border-top: dashed 1px #ccc; padding-top: 30px; margin-top: 30px; } @media screen and (min-width: 480px) { .RighInfo002227 .box1 .pic { width: 28%; float: left; margin-right: 5%; margin-bottom: 2%; margin-top: 8px; } .RighInfo002227 .box2 .pic { float: left; padding-right: 8%; text-align: left; } .RighInfo002227 .box1 .pic p { text-align: center; text-indent: 0 } .RighInfo002227 .box1 .pic .p1 { font-size: 16px; color: #bf9f62; margin-top: 20px; margin-bottom: 0; padding-bottom: 0; } .RighInfo002227 .box1 .pic .p2 { color: #666; } .RighInfo002227 .box1 .text { width: 67%; float: right; } .RighInfo002227 .box2 .textbox-con2 .pic { text-align: right; float: right; padding-left: 8%; padding-right: 0; } } @media screen and (min-width: 768px) { .RighInfo002227, .RighInfo002227 .box2 h3 { font-size: 16px; } .RighInfo002227 .title { font-size: 22px; margin-bottom: 60px; } .RighInfo002227 .title img { width: 55px; height: 40px; } .RighInfo002227 .box1 p { padding-bottom: 14px; text-indent: 2em; text-align: justify; margin: 0; } .RighInfo002227 .box2 p { padding-top: 25px; } .RighInfo002227 .box2 .pic { padding-top: 30px; padding-bottom: 0; } .RighInfo002227 .pepoleimage { margin-bottom: 80px; } .RighInfo002227 .textbox-con2 { padding-top: 52px; margin-top: 52px; } } /*Banner002033 */ .Banner002033 div { height: 410px; background-position: center top; background-repeat: no-repeat; } .Banner002033 div img { display: none; } @media(max-width:1000px) { .Banner002033 div { height: auto; background: none !important; } .Banner002033 div img { display: block; width: 100%; } } /* * Owl Carousel - Core 插件样式如遇多个只留一个 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Floor002428 为demo编号 */ .Floor002428{ padding: 4% 0 5%;background:#f5f5f5; overflow: hidden;} .Floor002428 li{ position: relative; overflow: hidden;} .Floor002428 li img{ visibility: hidden;} .Floor002428 li a{ display: block; width: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; } .Floor002428 li .word{ position: relative;width: 100%; padding: 17px 28px; color: #333;background:#fff;} .Floor002428 li.white .word{color: #fff;} .Floor002428 li .word h2{ margin: 0 0 0px; font-weight: normal; font-size: 18px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;margin-bottom:5px;} .Floor002428 li .word p{margin: 0; font-size: 14px;overflow: hidden;color:#666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Floor002428 li:hover a{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) -ms-transform: scale(1.1);;} .Floor002428 .owl-nav >div{ position: absolute; top: 50%; margin-top: -53px; width: 50px; height: 106px; background: url(../images/Floor002428-btn.png); text-indent: 99999px; overflow: hidden;display: none;} .Floor002428 .owl-nav .owl-prev{ left: 0; background-position: left 0;} .Floor002428 .owl-nav .owl-next{ right: 0; background-position: right 0;} @media only screen and (min-width: 1440px) { .Floor002428 .owl-nav .owl-prev{ left: 16.2%;} .Floor002428 .owl-nav .owl-next{ right: 17%;} } .Floor002428 .owl-dots{ display: block; width: 100%; margin-top: 3%; text-align: center;} .Floor002428 .owl-dots>div{ display: inline-block; margin:0 5px;} .Floor002428 .owl-dots>div >span{ display: block; width: 14px; height: 14px; border-radius: 50%; background: #ccc;} .Floor002428 .owl-dots>div.active >span{ background: #a43b3f;} @media(max-width:640px){ .Floor002428{padding:50px 0;} .Floor002428 li .word{padding: 6px 10px;} .Floor002428 li .word h2{font-size: 15px;} .Floor002428 li .word p{font-size: 12px;} .Floor002428 .owl-dots>div >span{ width: 10px; height: 10px;} } /* .RighInfo002309 为demo编号 */ .RighInfo002309 .CenTitle{ padding:10px 0; position:relative; z-index:1;} .RighInfo002309 .CenTitle .name{ text-align:center; font-size:15px; font-weight:bold; color:#555; line-height:30px;} .RighInfo002309 .CenTitle .line{ width:10px; height:1px; background:#f68121; overflow:hidden; margin:0 auto;} .RighInfo002309 .txtbox{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;} .RighInfo002309 .aboutTxt01{ line-height:30px; font-size:14px; color:#555;} .RighInfo002309 .aboutTxt01 .wap_pic{ display: block; text-align: center;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: none;} @media only screen and (min-width:768px ) { .RighInfo002309 .aboutTxt01 .wap_pic{ display: none;} .RighInfo002309 .aboutTxt01 .pc_pic{ display: block;} .RighInfo002309 .aboutTxt01 .pic{ display: block;float:right; margin-left:80px;} } /*PicList001912*/ .PicList001912{padding:4% 0 0;} .PicList001912 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;} .PicList001912 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .PicList001912 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .PicList001912 li{ margin-bottom:35px; border:1px solid #e3e3e3; padding:4px;} .PicList001912 li div{ background:url(../images/PicList001912-libg.jpg) repeat-x left bottom #fff; padding:0%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:22.5%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; border-left:1px solid #f3f3f3; width:75%; padding:3% 5% 5%;margin-top:1%;} .PicList001912 li h3{ margin:0; line-height:42px; font-size:18px;font-weight: normal; } .PicList001912 li h3:hover a{color:#751418;} .PicList001912 li h3 span{ color:#999; font-size:14px; font-weight:normal;} .PicList001912 li p{ line-height:27px; overflow:hidden; height:54px; color:#666;font-size:15px; } .PicList001912 li .more{ color:#751418;display: block;margin-top:10px;margin-top:25px;} @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} } @media(max-width:480px){ .PicList001912 li{margin-bottom: 2%;} .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding:3%;} } /* TextList000856 为demo编号 */ .TextList000856{padding:3% 0 2%;} .TextList000856 li{border-bottom: #e5e5e5 1px dashed; line-height:35px; padding:10px 0;list-style:none; } .TextList000856 li:before{float:left; content:'';width:5px;height:5px;background:#751418;border-radius: 50px;display: block;margin-top:16px;margin-right:5px;} .TextList000856 li a{font-size:16px;} .TextList000856 li a:hover{ color:#9a403b;} .TextList000856 li time{ float:right; color:#999; font-size:14px; margin-left:10px;} /* .PicList001825 为demo编号 */ .PicList001825{padding:4% 0 0;} .PicList001825 .auto{background-color:#fff;} .PicList001825 ul{ } .PicList001825 li{ float:left; width:22.7%; margin-right:3%; padding-bottom:1%; margin-bottom:3%; text-align:center;transition: .3s;} .PicList001825 li:hover{box-shadow:0px 5px 20px rgba(0,0,0,.1);} .PicList001825 li:nth-child(4n){ margin-right:0;} .PicList001825 li p{ font-size:18px; margin-bottom:5px;margin-top:20px;} .PicList001825 li span{ color:#8c8c8c;font-size:15px;} .PicList001825 li figure{ padding-bottom:118%;} .PicList001825 li figure img{ display:none;} @media(max-width:1000px){ .PicList001825 ul{ padding:2% 0;} } @media(max-width:640px){ .PicList001825 li{ width:49%;margin-right: 2%;} .PicList001825 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001825 li p{ font-size:15px;} .PicList001825 li span{ font-size:12px;} } /* .PicList001826 为demo编号 */ .PicList001826 .auto{background-color:#fff;} .PicList001826 ul{ } .PicList001826 li{ float:left; width:23.5%; margin-right:2%; padding-bottom:2%; margin-bottom:2%; text-align:center;} .PicList001826 li:nth-child(4n){ margin-right:0;} .PicList001826 li p{ font-size:18px; margin-bottom:5px;} .PicList001826 li span{ color:#8c8c8c;} .PicList001826 li figure{ padding-bottom:124%;} .PicList001826 li figure img{ display:none;} @media(max-width:1000px){ .PicList001826 ul{ padding:2% 0;} } @media(max-width:640px){ .PicList001826 li{ width:49%;} .PicList001826 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001826 li p{ font-size:15px;} .PicList001826 li span{ font-size:12px;} } .zgsq{padding:3% 0;} .zgsq .word h2{color:#333; text-align: center;font-size:28px;font-weight: normal;border-bottom: 1px dashed #d2d2d2;padding-bottom:28px;margin-bottom:2.5%;} .zgsq .word p{font-size:15px;line-height: 31px;margin-bottom:2%;} .zgsq .word p a{color:#b79759;} .zgsq .word .p1{text-indent: 2em;} .zgsq .bm{text-align: center;margin:5% 0 3% 0;} .zgsq .bm .btn1{color: #fff; font-size: 15px; border: 1px solid #751418; width: 200px; line-height: 40px; display:inline-block; text-align: center; border-radius: 2px; background: url(../images/icon2.png) no-repeat left 50px center/18px #751418; margin: 0 2px; padding-left: 15px;} .zgsq .bm .btn2{color: #fff; font-size: 15px; border: 1px solid #666; width:200px; line-height: 40px; display:inline-block; text-align: center; border-radius: 2px; background: url(../images/icon3.png) no-repeat left 35px center/18px #666;margin: 0 2px;padding-left: 15px;} .qqzjs{padding:3% 0;} .qqzjs .tab{text-align: center;margin-bottom:4%;margin-top:1%;} .qqzjs .tab a{background:#f8f8f8;font-size:16px;color:#333;padding:10px 27px;border-radius: 4px;margin: 0 10px;} .qqzjs .tab a.on{background:#b69658;color:#fff;} .qqzjs .tit{color:#333; text-align: center;font-size:28px;font-weight: normal;border-bottom: 1px dashed #d2d2d2;padding-bottom:28px;margin-bottom:2.5%;} .qqzjs .word p{font-size:15px;line-height: 31px;margin-bottom:2%;} .qqzjs .word p a{color:#b79759;} .qqzjs .word .p1{text-indent: 2em;} .qqzjs .word .p2{text-align: right} .qqzjs .bm{text-align: center;margin:5% 0 3% 0;} .qqzjs .bm .btn1{color: #fff; font-size: 15px; border: 1px solid #751418; width: 200px; line-height: 40px; display:inline-block; text-align: center; border-radius: 2px; background: url(../images/icon2.png) no-repeat left 50px center/18px #751418; margin: 0 2px; padding-left: 15px;} .qqzjs .bm .btn2{color: #fff; font-size: 15px; border: 1px solid #666; width:200px; line-height: 40px; display:inline-block; text-align: center; border-radius: 2px; background: url(../images/icon3.png) no-repeat left 35px center/18px #666;margin: 0 2px;padding-left: 15px;} /* .TextList001202 为demo编号 */ .TextList001202{padding:4% 0 2%;} .TextList001202 h1{ margin:0; font-weight:normal; padding:3% 0; font-size:24px; color:#333;} .TextList001202 h1 b{ display:block;} .TextList001202 li{padding-bottom:15px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#751418; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:56px; line-height:56px;} .TextList001202 dl.A dd{ padding:2.5%; line-height:26px; font-size:14px;} .TextList001202 dl.Q dd{ padding:0 2%;font-size:16px;color:#333;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:28px;color:#fff; background-color:#bf9f62;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;color:#777;font-size:15px;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#751418;} .TextList001202 dl.Q_on dd{} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:76px; overflow:hidden;font-size: 14px;line-height: 1.4} } /* .RighInfo001108 为demo编号 */ .RighInfo001108{padding:3.5% 0 1%;} .RighInfo001108 .pic{ float:left; width:21%;} .RighInfo001108 .pic img{ width:100%;} .RighInfo001108 .txt{ float:right; width:74%;color:#333;} .RighInfo001108 .txt h1{ font-size:28px;color:#333; font-weight:normal;} .RighInfo001108 .txt h1:after{display: block; content: ''; height: 3px; background: #bf9f62; border-right: 32px solid #a43b3f; width: 109px; margin-top: 8px;margin-bottom:3%;} .RighInfo001108 .txt dl{ border-top:1px solid #d9d9d9; padding:2% 0;} .RighInfo001108 .txt dd{ line-height:32px;font-size:16px; padding:14px 0;color:#666;text-indent: 2em;} .RighInfo001108 .txt p{ line-height:36px;} .RighInfo001108 .txt .contact{ padding:3% 0;} .RighInfo001108 .txt .contact a{ color:#008fd7; width:120px; text-align:center; border:1px solid #008fd7; border-radius:30px; line-height:34px; display:inline-block;} .RighInfo001108 .txt .contact a:hover{ background-color:#008fd7; color:#fff;} .RighInfo001108 .tab{ margin-top:3%; background-color:#e8e8e8; overflow:hidden; font-weight:bold;} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:40px;} .RighInfo001108 .tab span.on{ background-color:#008fd7; color:#fff;} .RighInfo001108 .tab_info{ padding:2%;} .RighInfo001108 .info{margin-top:3%;border-top:1px solid #d9d9d9;} .RighInfo001108 .info .tit{font-size:28px;color:#333;margin-top:2%;} .RighInfo001108 .info .tit p{margin-bottom:0;} .RighInfo001108 .info .tit:after{display: block; content: ''; height: 3px; background: #bf9f62; border-right: 32px solid #a43b3f; width: 109px; margin-top: 8px; margin-bottom: 3%;} .RighInfo001108 .info ul li{width:31%;float:left;margin-right:3.5%;margin-bottom:2%;transition: .3s;position: relative;} .RighInfo001108 .info ul li:hover{box-shadow:0px 5px 20px rgba(0,0,0,.1);} .RighInfo001108 .info ul li:after{display: inline-block;content: '';width: 0;height: 3px;background: #751418;position: absolute;left:0;bottom: 0;transition: .3s;} .RighInfo001108 .info ul li:hover:after{width: 100%} .RighInfo001108 .info ul li:nth-child(3n){margin-right:0;} .RighInfo001108 .info ul li figure{padding-bottom: 73%;} .RighInfo001108 .info ul li p{font-size:18px;text-align: center; line-height: 63px; color:#333;margin:0;border-bottom:1px solid #ddd;} .fancybox-title-float-wrap {position: absolute;bottom: 0;top: 100%;left: 0%;margin-bottom: 0px;z-index: 8050;text-align: center;width: 100%} .fancybox-title-float-wrap .child {display:block!important;border-radius: 0!important;margin-right:0%!important;padding: 2% 20px!important;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: #fff!important;color: #333!important;;line-height: 26px!important;white-space: inherit!important;font-size: 14px!important;font-weight: normal!important;} @media(max-width:768px){ .RighInfo001108 .info .tit{font-size:24px;} .RighInfo001108 .info .tit:after{width: 70px; border-right: 22px solid #a43b3f;} .RighInfo001108 .txt h1{font-size:24px;} .RighInfo001108 .txt h1:after{width: 70px; border-right: 22px solid #a43b3f;} .RighInfo001108 .info ul li{float: none;width: 100%;} } @media(max-width:480px){ .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3.5% 0 4%;} .RighInfo002228 .auto{ max-width:1400px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#bf9f62; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f1e7de; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;font-size:15px;color:#666;line-height: 32px; } .RighInfo002228 .single-content img{margin:14px 0;} .RighInfo002228 .single-content .p1 span{display: block;} .RighInfo002228 .single-content .p1 span:nth-child(2){float:right;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:1366px){ .RighInfo002228 .auto{ padding:0 2%;} } @media(max-width:950px){ } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:17px;} .RighInfo002228 .single-content p{ padding:13px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:28px;} } /* PicList000864 为demo编号 */ .PicList000864{ padding-top:4%;} .PicList000864 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%;position: relative;top:0;transition: .3s;} .PicList000864 li:hover{top:-16px;} .PicList000864 li:nth-child(3n){ margin-right:0;} .PicList000864 li .Ispic{ padding-bottom:73%; position:relative; display:block;} .PicList000864 li h5{font-size: 18px;font-weight: normal;margin:15px 0 0;padding: 0;} .PicList000864 li h5 a:hover{color: #751418;} .PicList000864 li p{ margin:12px 0 15px; line-height:24px; height:53px; overflow:hidden;color:#777;} .PicList000864 ul li span{float: right;font-size: 13px;color: #999;} .PicList000864 li .more{float: left;width:42px;height: 11px;display: block;background:url(../images/PicList000864_icon.jpg) no-repeat center;margin-top:6px;} @media(max-width:768px){ .PicList000864 li{width:49%;} .PicList000864 li h5{line-height:30px;} .PicList000864 li:nth-child(3n){ margin-right:2%;} .PicList000864 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000864 li{ width:100%;} .PicList000864 li h5{ margin-top:2px;} .PicList000864 li p{ margin:2px 0 10px 0;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#333;line-height: 60px; margin: 0; padding: 0;} .RighInfo002275 .text .p img{width:40px;margin-right:5px;} .RighInfo002275 .text h3{font-size:28px;font-weight: normal;color:#333;margin-bottom:8%;} .RighInfo002275 .text h3:after{display: block; content: ''; height: 3px; background: #bf9f62; border-right: 32px solid #a43b3f; width: 109px; margin-top: 12px; margin-bottom: 3%;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 73px 0 80px} .RighInfo002275 .text .title{margin-bottom: 75px} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 35%;} } @media screen and (max-width: 767px) { .RighInfo002275 .text h3{font-size: 24px} .RighInfo002275 .text h3:after{width: 70px;border-right: 22px solid #a43b3f;} .RighInfo002275 .text .p{font-size: 14px;} } /*PicList002146 */ .PicList002146{ padding:4% 0% 0;} .PicList002146 li{ float:left; width:22.7%; margin-right:3%;margin-bottom:3%;} .PicList002146 li:nth-child(4n){margin-right:0;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:17px; font-weight:normal;} .PicList002146 li figure{ padding-bottom:77%;} .PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:3px; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.png) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(171,38,45,0.95); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /*PicList002147 */ .PicList002147{ padding:4% 0% 0;} .PicList002147 li{ float:left; width:22.7%; margin-right:3%;margin-bottom:3%;} .PicList002147 li:nth-child(4n){margin-right:0;} .PicList002147 li a{ display:block; position:relative;} .PicList002147 li h3{ margin:0; text-align:center; font-size:17px; font-weight:normal;margin-top:15px;margin-bottom:4px;} .PicList002147 li h4{ margin:0; text-align:center; font-size:14px;color:#666; font-weight:normal;} .PicList002147 li p{font-size:24px;text-align: center;color:#751418;border-top:1px solid #eee;margin-top:10px;padding-top:10px;} .PicList002147 li figure{ padding-bottom:120%;} .PicList002147 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(171,38,45,0.95); z-index:10; transition:0.3s; color:#fff; } .PicList002147 li a:hover .hover{ opacity:1;} .PicList002147 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002147 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002147 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002147 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002147 li .hover p{ font-size:12px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002147 li h3, .PicList002147 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002147 li .hover img{ width:70px; height:70px;} .PicList002147 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002147 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002147 li .hover img{ width:50px; height:50px;} .PicList002147 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002147 li h3, .PicList002147 li .hover h5{ font-size:14px;} .PicList002147 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002147 li{ float:none; width:auto;} } /* .RichInfo005 为demo编号 */ .RichInfo005{max-width:1400px;margin:0 auto; padding:4% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:28px;color:#333; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:15px;font-size:15px;} .RichInfo005 .news_info .title p span{ margin:0 10px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info p{font-size:16px;line-height: 30px;text-indent: 2em;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:4% 0;} .RichInfo005 .news_info .info_back a{ color:#751418; font-size:15px;border:1px solid #751418;padding:10px 28px;border-radius: 2px;} .RichInfo005 .news_info .info_pn span{ display:block;line-height: 28px;font-size:15px;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#07ad58;} @media(max-width:1366px){ .RichInfo005{padding:4% 2%;} } /*Floor002632 */ .Floor002632{padding:5% 0;} .Floor002632 li{ float:left; width:22.3%; margin-right:3.5%;} .Floor002632 li a{ display:block;} .Floor002632 li .pic{ position:relative; overflow:hidden;} .Floor002632 li .pic img{ display:block; width:100%; transition:0.2s;} .Floor002632 li a:hover .pic img{ transform:scale(1.2);} .Floor002632 li .pic::after{ position:absolute; content:''; width:90%; height:15%; background:#fff; border-radius:5px 0 0 0; right:0; bottom:0;display: none} .Floor002632 li .txt{ background:#f5f5f5;padding: 7% 5%;text-align: center;} .Floor002632 li .txt p{ margin:0; font-size:19px; color:#333;} .Floor002632 li .txt p.en{ font-size:20px; color:#c4c4c4;} @media(min-width:769px){ .Floor002632 li:nth-child(4n){ margin-right:0;} } @media(min-width:769px) and (max-width:1024px){ .Floor002632 li .txt p{ font-size:18px;} .Floor002632 li .txt p.en{ font-size:15px;} .Floor002632 li{ width:23.5%; margin-right:2%;} } @media(max-width:768px){ .Floor002632{padding:50px 0;} .Floor002632 li{ width:49%; margin-right:2%; margin-bottom:2%;} .Floor002632 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .Floor002632 li .txt p{ font-size:16px;} .Floor002632 li .txt p.en{ font-size:15px;} } .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #751418; background:#751418;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#751418; border-color:#751418;} .Page002193 .p_page b{ font-weight:normal;} a:hover{color:#751418;} /* .PicList001052 为demo编号 */ .PicList001052{padding:3.5% 0 4%;} .PicList001052 li{ float:left; width:48.5%; margin-right:3%; border:1px solid #e5e5e5; background-color:#f9f9f9; margin-top:1%; margin-bottom:1%;} .PicList001052 li div{padding: 7% 7% 7% 42%; position:relative;} .PicList001052 li:nth-child(2n){ margin-right:0;} .PicList001052 li .Ispic{ position:absolute; width:34%; left:0; top:0; height:100%; background-position:center top;} .PicList001052 li h1{ margin:0; font-size:28px; padding-bottom:3%;} .PicList001052 li p{ line-height:24px; overflow:hidden;height:72px; } .PicList001052 li .more{padding: 5px 25px;color: #751418;font-size: 14px;border: 1px solid #751418;display: inline-block; line-height:24px; position:relative;margin-top:26px;} .PicList001052 li .more::before{ position:absolute; content:''; right:10px; top:50%; margin-top:-3px; width:0; height:0; border:4px solid #751418; border-top-color:transparent;border-bottom-color:transparent; border-right:0;} .PicList001052 li:hover{ } .PicList001052 li:hover .more{ background-color:#751418;color: #fff;} .PicList001052 li:hover .more::before{ border-left-color:#fff;} .PicList001052 li:hover h1 a{} @media(max-width:1000px){ .PicList001052 li div{padding-left:44%;} .PicList001052 li .Ispic{ width:40%;} } @media(max-width:768px){ .PicList001052 li{ float:none; margin-right:0; width:auto;margin-top:2%; margin-bottom:2%;} } @media(max-width:480px){ .PicList001052 li h1{font-size:18px;} } /* .Form002324 为demo编号 */ .Form002324{display: none; position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:500;} .Form002324 .wrap-container{ position:fixed; top:5%;width:700px; margin-left:-350px; left:50%; background:#fff; z-index:100;padding:3% 3% 3%; } .Form002324 .wrap-container .p1{font-size:15px;text-align: center;margin-bottom:5%;} .Form002324 .wrap-container p{font-size:15px;color:#333; margin: 8px 0} .Form002324 .wrap-container form{} .Form002324 .wrap-container form span{color:#c80000;float:left;font-weight: bold;margin-right:5px;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002324 .Title{ font-size:28px; color:#333; text-align:center; padding-top:0%;} .Form002324 select, .Form002324 input{ display:block;background:#f5f5f5; -moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:none; height:37px; line-height:33px; padding:5px 10px 5px 10px; margin-bottom:16px; width:100%;} .Form002324 .xx p{float: left; margin-bottom: 20px;} .Form002324 .xx .xingbie{float: left;margin: 5px 0 0 25px} .Form002324 .xingbie{color:#666;font-size:15px;} .Form002324 .xingbie input{display: inline-block; width:21px;height:15px; margin-bottom:0;line-height: 18px;} .Form002324 .yzm{ width:350px; margin:0 auto;} .Form002324 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form002324 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form002324 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:42px;} .Form002324 .goTo{ width:350px; margin:0 auto;} .Form002324 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form002324 .goTo .gozc{ float:right;} .Form002324 .goLogin{ width:100%; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#751418;margin-top:5%;} .Form002324 .OtherLogin{ width:350px; margin:0 auto;} .Form002324 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form002324 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form002324 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media(max-width:1366px){ .Form002324 .wrap-container{height: 680px;overflow: auto} } @media only screen and (max-width:664px ) { .Form002324 .wrap-container{top:5%;margin-top: 0; width:90%;height: 580px; margin-left:0; left:5%; padding: 5%;} .Form002324 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form002324 .OtherLogin{ text-align: center;} .Form002324 .Lyzm{ width: 90px;} .Form002324 .Title{ font-size: 20px; line-height: 70px;} } /* .Form002324 为demo编号 */ .Form0023241{display: none; position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:500;} .Form0023241 .wrap-container{ position:fixed; top:5%;width:700px; margin-left:-350px; left:50%; background:#fff; z-index:100;padding:3% 3% 3%; } .Form0022222 .wrap-container{ top:25%;} .Form0033333 .wrap-container{ top:25%;} .Form0033333 .wrap-container .OCItem{ color: #666; padding: 30px 0; height: auto; overflow: hidden; border-top: 1px solid #e5e5e5; margin-top: 20px;} .Form0033333 .wrap-container .OCItem p{ display: block; float: none} .Form0023241 .wrap-container .p1{font-size:15px;text-align: center;margin-bottom:5%;} .Form0023241 .wrap-container p{font-size:14px;color:#333; margin: 8px 0;float: left;} .Form0023241 .wrap-container form{} .Form0023241 .wrap-container form span{color:#c80000;float:left;font-weight: bold;margin-right:5px;} .Form0023241 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form0023241 .Title{ font-size:28px; color:#333; text-align:center; padding-top:0%;} .Form0023241 select, .Form0023241 input{ display:block;background:#f5f5f5; -moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:none; height:37px; line-height:33px; padding:5px 10px 5px 10px; margin-bottom:16px; width:100%;} .Form0023241.xx p{float: left; margin-bottom: 20px;} .Form0023241 .xx .xingbie{float: left;margin: 5px 0 0 25px} .Form0023241 .xingbie{color:#666;font-size:15px;} .Form0023241 .xingbie input{display: inline-block; width:21px;height:15px; margin-bottom:0;line-height: 18px;} .Form0023241 .yzm{ width:350px; margin:0 auto;} .Form0023241 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form0023241 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form0023241 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:42px;} .Form0023241 .goTo{ width:350px; margin:0 auto;} .Form0023241 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form0023241 .goTo .gozc{ float:right;} .Form0023241 .goLogin{ width:100%; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#751418;margin-top:5%;} .Form0023241 .OtherLogin{ width:350px; margin:0 auto;} .Form0023241 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form0023241 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form0023241 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media(max-width:1366px){ .Form0023241 .wrap-container{height: 680px;overflow: auto} } @media only screen and (max-width:664px ) { .Form0023241 .wrap-container{top:5%;margin-top: 0; width:90%;height: 580px; margin-left:0; left:5%; padding: 5%;} .Form0023241 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form0023241 .OtherLogin{ text-align: center;} .Form0023241 .Lyzm{ width: 90px;} .Form0023241 .Title{ font-size: 20px; line-height: 70px;} } /* .Form002324 为demo编号 */ .Form0023242{display: none; position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:500;} .Form0023242 .wrap-container{ position:fixed; top:5%;width:700px; margin-left:-350px; left:50%; background:#fff; z-index:100;padding:2% 2% 2%;height: 865px;overflow: auto} .Form0023242 .wrap-container .p1{font-size:15px;text-align: center;margin-bottom:2.5%;} .Form0023242 .wrap-container p{font-size:15px;color:#333; margin: 8px 0} .Form0023242 .wrap-container form{} .Form0023242 .wrap-container form span{color:#c80000;float:left;font-weight: bold;margin-right:5px;} .Form0023242 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form0023242 .Title{ font-size:28px; color:#333; text-align:center; padding-top:0%;} .Form0023242 select, .Form0023242 input{ display:block;background:#f5f5f5; -moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; color:#6e6e6e; border:none; height:37px; line-height:33px; padding:5px 10px 5px 10px; margin-bottom:16px; width:100%;} .Form0023242 .xx p{float: left; margin-bottom: 20px;} .Form0023242 .xx .xingbie{float: left;margin: 5px 0 0 25px} .Form0023242 .xingbie{color:#666;font-size:15px;} .Form0023242 .xingbie input{display: inline-block; width:21px;height:15px; margin-bottom:0;line-height: 18px;} .Form0023242 .yzm{ width:350px; margin:0 auto;} .Form0023242 .Lyzm{ float:left; width:126px; padding-left:20px;} .Form0023242 .yzm a{ float:left; margin-left:10px; color:#0277ba; line-height:42px;} .Form0023242 .yzm img{ display:inline-block; vertical-align:top; max-width:117px; width: 50%; margin-right:16px; height:42px;} .Form0023242 .goTo{ width:350px; margin:0 auto;} .Form0023242 .goTo a{ float:left; color:#969696; line-height: 12px;margin-bottom: 20px;} .Form0023242 .goTo .gozc{ float:right;} .Form0023242 .goLogin{ width:100%; margin:0 auto; color:#fff; text-align:center; line-height:42px; font-size:16px; display:block; background:#751418;margin-top:2%;} .Form0023242 .OtherLogin{ width:350px; margin:0 auto;} .Form0023242 .OtherLogin a{ display:inline-block; color:#969696; vertical-align:top; font-size:12px; padding-left:24px; line-height:55px; height:55px;} .Form0023242 .OtherLogin .Loginweico{ margin-right:13px; background:url(../images/Form002324-mico2.png) no-repeat 0 19px;} .Form0023242 .OtherLogin .Loginqq{ margin-right:0; background:url(../images/Form002324-mico2.png) no-repeat 0 -25px;} @media only screen and (max-width:664px ) { .Form0023242 .wrap-container{top:5%;margin-top: 0; width:90%;height: 580px; margin-left:0; left:5%; padding: 5%;} .Form0023242 input,.Form002324 .yzm,.Form002324 .goTo,.Form002324 .goLogin,.Form002324 .OtherLogin{ width: 100%;} .Form0023242 .OtherLogin{ text-align: center;} .Form0023242 .Lyzm{ width: 90px;} .Form0023242 .Title{ font-size: 20px; line-height: 70px;} } .scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); border-radius: 5px; background-color: rgba(0,0,0,0.1);; } .scrollbar::-webkit-scrollbar { width: 5px; background-color: rgba(0,0,0,0); } .scrollbar::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #751418;; } /*Menu002517 */ .Menu002517{ } .Menu002517 .side-title{ background-size:auto 100%; text-align:center; font-size:28px; color:#fff;background-color:#751418; } .Menu002517 .side-title span{ color:#fff;display:block; font-size:20px; text-transform:uppercase; padding-top:5px;} @media(min-width:1025px){ .Menu002517 .side-title{padding:5% 0 7%;} .Menu002517 .side-title span{ } .Menu002517{position:relative; z-index:10; } } .Menu002517 .side-menu ul{border:1px solid #ececec;} .Menu002517 .side-menu li{ border-bottom:1px solid #ececec;} .Menu002517 .side-menu li:last-child{border-bottom:none;} .Menu002517 .side-menu li a{ display:block; position:relative; padding:0 28px;font-size:16px; line-height:47px; transition:0.2s;} .Menu002517 .side-menu li a::before{ opacity:0;position:absolute; content:''; width:5px; height:5px; background:#fff; left:0; top:50%; margin-top:-2.5px; border-radius:50%;transition:left 0.2s;} .Menu002517 .side-menu li a:hover::before, .Menu002517 .side-menu li.aon a::before{ opacity:1; left:14px;} .Menu002517 .side-menu li a:hover, .Menu002517 .side-menu li.aon a{ background:#bf9f62; color:#fff;} @media(max-width:1280px){ .Menu002517 .side-title span{font-size:18px;} .Menu002517 .side-title{font-size:24px;} } @media(max-width:1024px){ .Menu002517 .side-menu{ display:none;} .person .w22{width: 100%;} .Menu002517 .side-title{display: none;} /*移动端 滚动导航*/ .Menu002517 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002517 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002517 #side-menu .owl-stage{position:relative;touch-action: manipulation;} .Menu002517 #side-menu{ background:#fff; padding:0 20px; position:relative;} .Menu002517 #side-menu li a{ float:left; line-height:40px; padding:0 30px;} .Menu002517 #side-menu li.aon a{background:#BF9F62; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.3); color:#fff;} .Menu002517 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#BF9F62; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.3); color:#fff; cursor:pointer; padding:0; font-size:24px;} .Menu002517 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002517 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002517 #side-menu .disabled{ display:none;} } @media(max-width:768px){ .Menu002517 #side-menu li a{padding:0 20px;} } /* .Menu002795 */ .Menu002795{padding:2% 0 0;} .Menu002795 ul{text-align: center;} .Menu002795 li{ display: inline-block; margin: 0 1.5%; margin-bottom:1px;} .Menu002795 li a{ display:block; padding:0 40px; border-radius:5px; line-height:35px; background:#f5f5f5; font-size:18px;} .Menu002795 li:hover a, .Menu002795 li.aon a{ color:#fff; background:#bf9f62;} .Menu002795 dl{ font-size: 0; text-align: center; margin-top: 2%; } .Menu002795 dd{ display: inline-block; padding:0 40px;position:relative;} .Menu002795 dd::after{ position:absolute; content:''; width:1px; right:0; top:50%; height:14px; margin-top:-7px; background:#dfdfdf;} .Menu002795 dd:last::after{ display:none;} .Menu002795 dd a{ display:block; position:relative; overflow:hidden; height:60px; font-size:16px; line-height:60px; text-transform: uppercase; } .Menu002795 dd a:after{ position:absolute; left:0; bottom:0;content:''; height:2px; width:100%;} .Menu002795 dd.aon a, .Menu002795 dd:hover a{ color:#bf9f62;} .Menu002795 dd.aon a:after, .Menu002795 dd:hover a:after{ background:#bf9f62;} @media(max-width: 930px){ .Menu002795 ul{ float:none; max-width:none; overflow:hidden;} .Menu002795 li{ margin:0 0 1% 0; text-align:center; width:32%;} .Menu002795 li a{ padding:0;} } @media(max-width:768px){ .Menu002795 dl{ text-align: justify; } .Menu002795 dd{ width:25%; text-align:center; padding:0;} .Menu002795 dd:nth-child(2n)::after{ display:none;} .Menu002795 dd a{ font-size: 16px; } } .person{padding:4% 0 1%;} @media(max-width:1366px){ .person{padding:4% 2% 1%;} } .bmxx{padding:4% 6%;border:1px solid #e5e5e5;} .bmxx .word .p1{font-size:28px;} .bmxx .word .p1:after{display: block;content: '';height: 3px;background: #bf9f62;border-right: 32px solid #a43b3f;width: 109px;margin-top: 8px;margin-bottom: 3%;} .bmxx .word .p1 span{float: right;font-size: 16px;margin-top: 10px} .bmxx .word .p1 span b{background: #751418;color: #fff;font-weight: normal;padding: 5px 15px;} .bmxx .word p{font-size:18px;color:#333;} .bmxx .back{ margin-top: 30px;} .bmxx .back a{ display: block; background: #bf9f62; color: #fff; text-align: center; padding: 10px 20px; width: 160px;} .bmlb{padding:4% 6%;border:1px solid #e5e5e5; margin-bottom: 3%} .bmlb dd{width: 100%; height: auto; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 12px 0} .bmlb dd a{display: block; height: auto; overflow: hidden} .bmlb dd h1{font-size: 16px; font-weight: normal; margin: 0; float: left; position: relative; padding-left: 15px} .bmlb dd h1:before{ content: ""; display: block; position: absolute; left: 0; top:10px; width: 4px; height: 4px; background: #aaa; border-radius: 50%} .bmlb dd span{float: right;font-size: 16px; padding: 4px 0} .bmlb dd span b{background: #751418;color: #fff;font-weight: normal;padding: 5px 15px;} .ckxs{margin-bottom:4%;} .ckxs dl{width:100%; float:left;margin-right:0%;border:1px solid #eee;border-bottom:0; } .ckxs dl:nth-child(2n){background: #f5f5f5} .ckxs dl:last-child{border-bottom:1px solid #eee; } .ckxs dl dd{font-size:18px;color:#333;width:50%;float:left;padding: 10px 50px;} .ckxs dl dd:nth-child(2n){border-left:1px solid #eee;;} @media(max-width:768px){ .ckxs dl dd{font-size: 16px;} .ckxs dl dd{padding:10px;} } .menu3{border-bottom: 1px solid #eaeaea;margin-bottom: 40px;} .menu3 a{line-height: 36px;font-size: 16px;padding: 0 20px;display: inline-block;margin-right: 10px;} .menu3 a.on{background: #751418;color: #fff} /*筛选*/ .Spec000661{ padding:0 0 20px;} .Spec000661 .auto{} .Spec000661 dl, .Spec000661 dt, .Spec000661 dd{ float:left;} .Spec000661 dd.clear{ float:none;} .Spec000661 dl{margin-right:20px; margin-bottom:3px;width: 40%;} .Spec000661 dl:nth-child(2){margin-right:0px;width: 48%} .Spec000661 dt{line-height:28px; width:75px; text-align:right;} .Spec000661 dd{position:relative;border: 1px solid #eaeaea} .Spec000661 dd.btnbox{border: 0} .Spec000661 dl:nth-child(2) dd:first-child{width:78% } .Spec000661 dd .a_sel{line-height:50px; width:414px; height:50px; border:none; border-right:0; display:block; padding-left:22px;padding-right:56px;background:url(../images/Spec000661-a_sel.jpg) no-repeat right -1px #fff;font-size: 16px} .Spec000661 dd figure{ position:absolute; display:none; left:0; top:56px; width:100%; background-color:#fff; border:#eaeaea 1px solid;text-align:left;} .Spec000661 dd figure a{ display:block; line-height:41px; border-bottom:1px solid #eaeaea;padding:0 22px;} .Spec000661 dd figure a:last-child{ border-bottom:0;} .Spec000661 dd figure a:hover{background: #751418; color:#fff;} .Spec000661 .text{ width:60%; height:50px; line-height:50px; padding:0 10px;border: 0} .Spec000661 .btn{ cursor:pointer; border:none;width: 100px;height: 50px; background:#751418; cursor:pointer; color:#fff;} @media(max-width:640px){ .Spec000661 dl{float: none;width: 100%; margin-right: 0;} .Spec000661 dd .a_sel{width: 100%} .Spec000661 dl:first-child dd{float: none;width: 100%;} .Spec000661 dl:nth-child(2){width: 100%} .Spec000661 dl:nth-child(2) dd{float: left;} .Spec000661 dl:nth-child(2) dd:first-child{width: 70%;} .Spec000661 dl:nth-child(2) dd:nth-child(2){width: 30%;text-align: right;float: right;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:0% 0;} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; line-height:50px; text-align: center;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #333;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } /* .Shop002333 为demo编号 */ .Shop002333{max-width:1400px;margin:0 auto;margin:4% auto 4% ; } .Shop002333 .redcolor{ color: #751418;} .Shop002333 .yellowcolor{ color: #f6aa00;} .Shop002333 .iradio{ position:absolute;top:45%; left:20px; display:block; width:17px; height:17px; background:url(../images/Shop002333-shop_icon.png) no-repeat 0 0; } .Shop002333 .iradio.unradiobtn{ background-position:0 -46px;} .Shop002333 .iradio.radiobtn{ background-position:0 0;} .Shop002333 .m_numberSelect{ display:inline-block; border: 1px solid #cacaca; position: relative; background-color: #FFF; width:100px;} .Shop002333 .m_numberSelect .i_minus,.Shop002333 .m_numberSelect .i_add{ width:27px; height:30px; line-height:30px; display:inline-block; color:#796767; font-size:20px; font-weight:bold; text-align:center; float:left;} .Shop002333 .m_numberSelect .numberInput{width:40px; color:#796767; font-size:14px; text-align:center; line-height:30px; border: none; border-left:1px solid #cacaca;border-right:1px solid #cacaca; display:inline-block; height:30px;float:left;} .Shop002333 .cartall{ line-height:40px;} .Shop002333 a.clearcart{ background:url(../images/Shop002333-shop_icon.png) no-repeat 0 -86px; padding-left:20px; color:#666;} .Shop002333 .cartbtns{ border-top: 1px solid #f2f2f2; padding: 20px 0 0 0; margin-top: 20px;text-align:right;} .Shop002333 .cartbtns a{border:1px solid #bf9f62; color:#bf9f62; background:#fff;width:130px; height:40px; font-size:16px; text-align:center; display:inline-block; margin-left:5px; border-radius: 5px; } .Shop002333 a.cartsubmit{ color:#fff; background:#bf9f62;} .Shop002333 .item{ padding-bottom: 25px;} .Shop002333 .item-inner{ border: #e5e5e5 1px solid; color: #333;} .Shop002333 .item-head{ font-size: 16px; padding: 10px 12px; position: relative; background: #f9f9f9; display: table; width: 100%; text-align: center; } .Shop002333 .item-head:before{ content: ""; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #bf9f62;} .Shop002333 .item-head em{ font-style: normal;} .Shop002333 .item-head span{display: table-cell;width: 20%;} .Shop002333 .item-head .span1{ width: 40%;} .Shop002333 .item-list{ display: table; width: 100%; text-align: center; line-height: 1.425;} .Shop002333 .item-td{ display: table-cell; vertical-align: middle; padding: 10px; width: 20%;} .Shop002333 .item-td+.item-td{ border-left: 1px solid #f2f2f2;} .Shop002333 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;} .Shop002333 .pro{ width: 40%; position: relative; padding-left: 50px;} .Shop002333 .pro .pic{position: relative;max-width: 97px;display: table; float: left; height: 97px; width: 45%;} .Shop002333 .pro .pic a{ display: table-cell; vertical-align: middle;} .Shop002333 .pro .pic a img{ max-width: 100%;max-height: 97px;} .Shop002333 .pro .tit { padding-left: 15px; text-align: left;display: table; float: left; height: 97px; width: 55%;} .Shop002333 .pro .tit a{ display: table-cell; vertical-align: middle;font-size:16px;} @media only screen and (max-width:767px ) { .Shop002333{ padding:20px;} .Shop002333 .item-head > *{ display: block;} .Shop002333 .item-head .total{ float: none;} .Shop002333 .item-td{ float: left; width: 30%; word-break:break-word; word-wrap: break-word; display: table; height: 80px;} .Shop002333 .item-td:nth-child(2){width: 50%; position: relative;} .Shop002333 .item-td:nth-child(4){width: 20%;} .Shop002333 .item-td+.item-td>*{ display: table-cell; vertical-align: middle;} .Shop002333 .item-td .m_numberSelect{ display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .Shop002333 .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;} .Shop002333 .pro .tit{ width: 55%;} } @media(max-width:1366px){ .Shop002333{padding:0 2%;} } .w22{width:18%;} .success{padding:4% 0;text-align: center;} .success h1{font-size: 32px;margin:0;font-weight: normal;color: #333;line-height: 50px;} .success .info{max-width: 560px;width: 100%;border:1px solid #B8985B;margin:2% auto 0;position: relative;border-radius: 12px;} .success .info h3{border:2px solid #fff;box-sizing: content-box;position: absolute;left:50%;top:-15px;transform: translateX(-50%);display: inline-block;margin:0;line-height: 26px;height: 26px;padding:0 20px;text-align: center;font-weight: normal;font-size: 14px;background: #B8985B;color: #fff;border-radius: 13px;} .success .info span{float: left;width: 33.3333%;padding:6% 0;font-size: 32px;color: #B8985B;font-family: "Arial";display: block;position: relative;} .success .info span+span:after{display: inline-block;content: '';width: 1px;height: 16px;background:#B8985B; position: absolute;left:0;top:50%;margin-top: -8px;} .success .info span i{font-style: normal;font-size:14px;padding-left: 4px;} .success .p{font-size:14px;color:#B8985B;} .success .box{max-width: 560px;width: 100%;margin:2% auto 0;position: relative;padding:3%;background: url(../images/success-bg.png) no-repeat center right;text-align: left;border-radius: 12px;} .success .box>*{margin:0;} .success .box h2{font-weight: normal;color: #751418;font-size: 24px;padding-bottom: 6px;} .success .box h4{font-weight: normal;color: #751418;font-size: 18px;} .success .box .btn{position: absolute;right:8%;top:50%;margin-top: -16px;} .success .box .btn a{display: inline-block;line-height: 32px;height: 32px;background: #fff;padding:0 20px;font-size: 16px;color: #751418;font-family: "Arial";border-radius: 6px;} .success .box .btn a i{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/right.png) no-repeat;margin-left: 6px;position: relative;top:2px;} @media(max-width:768px){ .success .box{padding:4% 3%;} .success .box h2{font-size: 20px;} } .Form002335 .queueList{ margin: 20px 0; border: 1px dashed #d5d5d5} .Form002335 .placeholder{ padding: 70px 0; font-size: 16px;} .Form002335 .placeholder .webuploader-pick{ background: #bbb; font-size: 16px;} .Form002335 .text{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #e3e3e3; padding: 0 20px; font-size: 16px; color: #666} .Form002335 .btn{ border-radius: 100px; width: 200px; text-align: center; line-height:48px; height:48px; border: none; margin: 0 auto;background: #bf9f62; font-size: 16px; color: #fff;margin: 50px auto 0; display: block} /* .Shop002486 为demo编号 */ .Shop002486{ padding:20px 15px; background: #fff;} .Shop002486 .bluecolor{ color: #0088d2 ;} .Shop002486 .yellowcolor{ color: #c0a354;} .Shop002486 .graycolor{ color: #999;} .Shop002486 .redcolor{ color:#751418; text-decoration: underline} .Shop002486 .wuliu{ cursor: pointer} .Shop002486 .shop-list{ padding-top: 25px;} .Shop002486 .item{ padding-bottom: 25px;} .Shop002486 .item-inner{ border: #e5e5e5 1px solid; color: #666;} .Shop002486 .item-head{ font-size: 14px; padding: 12px 30px; position: relative; background: #f3f3f3 } .Shop002486 .item-head>*{ display: inline-block; text-align: center;} .Shop002486 .item-head>*+*{ padding-left: 6%;} .Shop002486 .item-head .number{ text-align: left;} .Shop002486 .item-head .statue{ text-align: right; float: right; } .Shop002486 .item-head time{ float: right; width: 30%; padding-right: 20px } .Shop002486 .item-list{ display: table; width: 100%; text-align: center;} .Shop002486 .item-td{ display: table-cell; vertical-align: middle; padding: 20px 30px;} .Shop002486 .item-td+.item-td{ border-left: 1px solid #f2f2f2;} .Shop002486 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;} .Shop002486 .paystatus{ display: block;} .Shop002486 .pro{ width: 70%; } .Shop002486 .pro .box > *{display: table; float: left; height:60px; width:45%;} .Shop002486 .pro .pic{position: relative;max-width: 97px;} .Shop002486 .pro .pic a{ display: table-cell; vertical-align: middle;} .Shop002486 .pro .pic a img{ max-width: 100%;max-height:110px;} .Shop002486 .pro .tit { padding-left: 15px; text-align: left;} .Shop002486 .pro .tit a{ display: table-cell; vertical-align: middle; font-size: 16px;} @media only screen and (max-width:900px ) { .Shop002486 .item-head>*{ width: 50%; text-align: left !important;float: left;padding-left: 0 !important;} } @media only screen and (max-width:767px ) { .Shop002486 .shop-list{ padding-top: 0;} .Shop002486 .item-head > *{ display: block; float: none !important; width: 100%; } .Shop002486 .item-td{ float: left; width: 20%; word-break:break-word; word-wrap: break-word; display: table; height: 80px;} .Shop002486 .item-td+.item-td>*{ display: table-cell; width: 100%; vertical-align: middle;} .Shop002486 .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;} .Shop002486 .pro .tit{ width: 55%;} }