/**************************************/ /*************[公用start]**************/ /**************************************/ @font-face{ font-family:"hh1"; src:url("../fonts/STHUPO.TTF"); } @font-face{ font-family:"hh2"; src:url("../fonts/AMRCANXB.TTF"); } body,div,p,span,ul,li,ol,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td,form{ margin:0; padding: 0; } body{ font-family:"Arial","Microsoft Yahei"; font-size: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #fff; line-height: 1.2; } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#333; font-size: 14px; } textarea{ resize: none; } li{ list-style-type: none; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } i{ font-style: normal; } .yer-wp{ width: 1442px; margin:0 auto; } div.clear{ clear: both; height: 0; width: 0; } .clearfix{zoom:1}.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } div.wpwp{ width: 1200px; margin:0 auto; } div.wpwpwp{ width: 1400px; margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } *{ /*【块级元素】不受边框、margin、padding影响类名,需要时添加*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ width: 300px!important;/*图片盒子宽度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ height: 200px!important;/*图片盒子高度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ overflow: hidden; } .img-box>img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /**************************************/ /************[公用over]****************/ /**************************************/ .homebody, .home { /*width: 100%;*/ height: 100%; overflow: hidden; transition: 428ms ease-in-out; } .home { position: absolute; left: 0px; right: 0px;top:0; transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); overflow-x: hidden; } .home.on { left: 610px; } .wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 1.5s; transition: transform 1.5s; -webkit-perspective: 3000; perspective: 3000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .wrapper .page {-webkit-background-size: cover; background-size: cover; position: relative; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); opacity: 0.5; transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1); } .wrapper .page.page1 { background-position: center bottom;} .wrapper .page.page2 { background-color: #ebf9fb; } .wrapper .page.page3 { background-image: url(../images/index2.png); -webkit-background-size: auto; background-size: auto; } .wrapper .page.page4 { /*background: url(../img/section4.jpg) center no-repeat;*/ background-size: cover !important; } .wrapper.active-page1 .page.page1 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper.active-page1 .page.page1 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper.active-page2 .page.page2 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper.active-page3 .page.page3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper .page.page4 {} .wrapper.active-page4 .page.page4 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper .page.page5 {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;} .wrapper.active-page5 .page.page5 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper .page.page6 {background-image: url(../images/new/page7-bg.png); -webkit-background-size: auto; background-size: auto;-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;} .wrapper.active-page6 .page.page6 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper .footer-box { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .wrapper.active-page6 .page.footer-box { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .footer-box { height: auto !important; } .mtop { display: none; } /*banner*/ .bannerBox { position: absolute; width: 100%; height: 100%; right: 0; top: 0px; z-index: 20; } .bannerBox .banner li { height: 100%; line-height: 0; } .bannerBox .banner li img { line-height: 0; max-width: none; /*position: relative; */ transition: transform 5.5s ease 0s, opacity 1s ease 0s; -webkit-transition: transform 5.5s ease 0s, opacity 1s ease 0s; opacity: 0; } .bannerBox .banner li img.imghide { display: none; } .bannerBox .banner li.imgIn img { opacity: 1;} .bannerBox .banner { z-index: 30; overflow: hidden;height: 100%; } .bannerBox .flex-control-nav { display: block; position: absolute; left: 0px; bottom: 30px; z-index: 99; width: 100%; font-size: 0; } .bannerBox .flex-control-nav li { margin-left: 0; display: inline-block; margin:0 4px; position: relative; } .bannerBox .flex-control-nav li a { display: block; width: 40px; height: 4px; position: relative; border-radius: 40px; background: #ffffff; opacity: 0.5; overflow: hidden; } .bannerBox .flex-control-nav li a.flex-active { opacity: 1; } .daily { width: 79px; height: 41px; background: url(../images/font.png) center no-repeat; position: absolute; left: 150px; bottom: 77px; z-index: 50; } .mouse {display: none; position: absolute; right: 60px; bottom: 67px; text-align: center; z-index: 50; } .mouse span { display: inline-block; width: 24px; height: 36px; background: url(../images/scoll.png) center no-repeat; margin: auto; position: relative; } .mouse span:before { content: ""; width: 4px; height: 7px; background: url(../images/dit.png) center no-repeat; position: absolute; left: 50%; margin-left: -2px; top: 8px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; } .mouse b { display: block; text-align: center; color: #766047; font-size: 18px; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; } .letter { position: absolute; left: 0; bottom: 26px; text-align: center; width: 100%; z-index: 50; box-sizing: border-box; overflow: hidden; } .letter img { max-width: 100%; margin: auto; display: inline-block; } .letter span { display: inline-block; margin: auto; text-align: center; color: #666666; font-family: Arial; line-height: 1; letter-spacing: 44px; text-transform: uppercase; display: none; } .btext { position: absolute; width: 1000px; position: absolute; left: 50%; margin-left: -500px; top: 15%;} .btext strong { display: block; text-align: center; color: #ed6022; font-size: 24px; font-weight: normal; line-height: 1; margin-bottom: 12px; } .btext h1 { color: #ed6022; font-size: 34px; font-weight: normal; line-height: 1; text-align: center; } .btext small { display: block; text-align: center; color: #956f5c; font-size: 16px; text-align: center; line-height: 1; margin-top: 7px; font-family: "Arial"; } .btext1 h1, .btext1 small { text-align: left; } .transy { transform: translate(120px,-50%); -webkit-transform: translate(120px,-50%); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 900ms 0ms; -webkit-transition: 900ms 0ms; opacity: 0; } .bannerBox li.flex-active-slide .btext.transy { transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); opacity: 1; transition: 900ms 600ms; -webkit-transition: 900ms 600ms; } .header-box {display: none; position: fixed; width: 100%; background: #fff; left: 0; top: 0; z-index: 999999; transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); height: 100px; background-color: #f2f2f2; } .header-box.on { left: 610px; } #header{ padding-left:3%; padding-right:3%; } .logo{ font-size: 0; margin-top: 10px; } .header-box.scollfox { display: block; border-bottom: 1px solid #e9e6e0; animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; } @keyframes fadedown { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @-webkit-keyframes arrow { 0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); } } @keyframes arrow { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); } 33% { opacity: 1; } 66% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 10px, 0px); } } @keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes beat { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } .nav li{ } .nav li { float: left; height: 100px; margin-left: 20px; margin-top: 0px; padding-top: 35px; position: relative; } .nav li:hover .xiala{ display: block; } .xiala{ position: absolute; right: 0; left: 0; top: 63px; background-color: #ff9933; padding:0; display: none; z-index: 500; } .xiala i{ width: 12px; height: 6px; background-image: url(../images/huangshang.png); position: absolute; left: 50%; margin-left: -6px; top: -6px; display: none; } .xiala a{ height: 28px; line-height: 27px; text-align: center; color:#fff; font-size: 12px; display: block; border-top: 1px solid #d06800; } .xiala i+a{ border-top: 0; } .xiala a:hover{ background-color: #d06800; } .nav li:first-child{ margin-left: 0; } .nav li>a{ font-size: 16px; color:#333; display: block; height: 28px; line-height: 28px; /*padding: 0 5px;*/ width: 76px; text-align: center; } .nav li.active>a,.nav li:hover>a{ background-color: #ff9933; color:#fff; } .alian{ margin-top: 33px; } .alian a{ float: left; width: 38px; height: 38px; background-repeat: no-repeat; background-position: center ; transition: .3s; margin-left: 24px; } .a1{background-image: url(../images/a1.png);} .a2{background-image: url(../images/a2.png);} .a3{background-image: url(../images/a3.png);} .a1:hover{background-image: url(../images/a1h.png);} .a2:hover{background-image: url(../images/a2h.png);} .a3:hover{background-image: url(../images/a3h.png);} .search{ position: relative; width: 204px; margin-top:32px; margin-left: 31px; } .search input[type="text"]{ width: 100%; height: 31px; line-height: 29px; border:1px solid #bababa; border-radius: 20px; padding: 0 30px 0 20px; } .search input[type="image"]{ position: absolute; right: 14px; top: 7px; } .header-box.scollfox .alian{ margin-top: 20px; } .wrapper.active-page2 .page.page2 .index-1 { opacity: 1; visibility: visible; top: 0; transition: 850ms 780ms; } .p180{ padding-top: 180px; } .index-1 { text-align: center; position: relative; top: 120px; opacity: 0; visibility: hidden; transition: 650ms 0ms; padding-top: 230px; } .title-11 { text-align: center; } .title-11 h1{ font-size: 32px; color:#8dc63f; font-weight: bold; } .title-11 .line{ width: 45px; height: 4px; margin:20px auto; line-height: normal; background-color: #8dc63f; } .yer-index1-con{ text-align: center; } .title-11 h2{ font-size: 20px; color:#fff; line-height: 1.6; } .title-11 h3{ font-size: 20px; color:#fff; line-height: 1.6; margin-top: 10px; } .title-11_22 h1{ color:#cb136c; } .title-11_22 .line{ background-color: #cb136c; } .title-11_22 h2,.title-11_22 h3{ color:#333; } .yer-index1-con img{ display: block; margin:3% auto 0; } .yer-more{ text-align: center; margin-top: 2%; } .yer-more a{ display: inline-block; padding: 5px 28px; border:1px solid #88c044; border-radius: 30px; color:#88c044; font-size: 16px; transition: .3s; } .yer-more a:hover{ background-color: #88c044; color:#fff; } .pic_list1{ margin-top: 50px; } .pic_list1 ul{ height: 422px; } .title-11 p{ padding: 0 25%; font-size: 14px; color:#666; line-height: 2.2; } .more { text-align: center; margin-top:70px; } .more a{ display: inline-block; width: 138px; height: 37px; line-height: 37px; background-color: #fc9651; padding-left: 29px; text-align: left; font-size: 15px; color:#fff; border-radius: 20px; background-image: url(../images/more.png); background-repeat: no-repeat; background-position: 107px center; } .hvr-pulse-shrink { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover{ -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .title-22{ padding-top: 140px; } .title-22 h1{ font-size: 30px; } .picture-list { margin-top: 50px; position: relative; } .picture-list2{ display: none; } .picture-list .swiper-container { height: 531px; color: #fff; text-align: center; margin-left: -110px; } .picture-list .swiper-slide { height: 100%; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); width: 471px; position: relative; } .picture-list .swiper-slide-visible { opacity: 1; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .picture-list .swiper-slide-visible>img{ opacity: 0; } .picture-list .swiper-slide-active { top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .picture-list .swiper-slide-active.swiper-slide-visible>img{ opacity: 1; } .picture-list .swiper-slide-active.swiper-slide-visible .yy{ display: block; } .picture-list .swiper-slide-active .picture-wenzi h2{ display: block; } .picture-list .swiper-slide-active .picture-wenzi .line{ display: block; } .picture-list .swiper-slide-active .picture-wenzi .diandian{ display: block; } .picture-list .swiper-slide-active .picture-wenzi p{ display: block; } .picture-list .swiper-slide-active .picture-wenzi .dianjichakan{ display: block; } .arrow-left{ position: absolute; left: 20%; top: 0; width: 185px; height: 100%; background-repeat: no-repeat; background-position: center ; background-image: url(../images/left.png); z-index: 7000; cursor: pointer; } .arrow-right{ position: absolute; right: 20%; top: 0; width: 185px; height: 100%; background-repeat: no-repeat; background-position: center ; background-image: url(../images/right.png); cursor: pointer; z-index: 7000; } .picture-wenzi{ position: absolute; width: 410px; margin-left: -205px; left: 50%; top: 250px; text-align: center; color:#fff; } .picture-list .swiper-slide-active .picture-wenzi { top: 70px; } .picture-wenzi h1{ font-size: 30px; color:#333; } .picture-wenzi .line{ background-color: #fff; width: 15px; height: 3px; margin:8px auto; display: none; } .picture-wenzi h2{ font-size: 24px; display: none; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .picture-wenzi p{ font-size: 14px; color:#bfb1a3; display: none; line-height: 2; } .diandian{ background-image: url(../images/diandian.png); background-repeat: no-repeat; display: none; background-position: center ; height: 50px; } .yy {display: none;} .yy img{ border-radius: 50%; display: block; margin:0 auto 30px; } .picture-wenzi2{ text-align: center; padding: 0 15px; } .picture-wenzi2 h1{ font-size: 30px; color:#333; } .picture-wenzi2 .line{ background-color: #fff; width: 15px; height: 3px; margin:8px auto; } .picture-wenzi2 h2{ font-size: 24px; color:#666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .picture-wenzi2 p{ font-size: 14px; color:#bfb1a3; line-height: 2; } .picture-wenzi2 .diandian{ background-image: url(../images/diandian.png); background-repeat: no-repeat; background-position: center ; height: 50px; display: block; } .picture-wenzi2 .yy {display: block;} .picture-wenzi2 .yy img{ border-radius: 50%; display: block; margin:0 auto 30px; width: auto; } .fpic{ width: 471px; margin:30px auto; } .page4-wp{ width: 1100px; margin:0 auto; } .page4-left{ width: 49%; position: relative; left: -100px;opacity: 0; transition: 650ms 0ms; visibility:hidden; } .page4-right{ width: 49%; position: relative; transition: 650ms 0ms; visibility:hidden; right: -100px;opacity: 0; } .wrapper.active-page4 .page.page4 .page4-left{ opacity: 1; visibility: visible; left: 0; transition: 850ms 780ms; } .wrapper.active-page4 .page.page4 .page4-right{ opacity: 1; visibility: visible; right: 0; transition: 850ms 780ms; } .title-33{ font-size: 24px; color:#333; padding-bottom: 40px; } .shipin img{ display: block; width: 100%; } .tuijian-pic{ width: 240px; margin-right: 19px; } .tuijian-pic img{ display: block; width: 100%; } .tuijian h1{ font-size: 18px; color:#191919; padding: 15px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tuijian:hover h1{ color:#ff9933;; } .tuijian p{ font-size: 14px; color:#8d8d8d; line-height: 2; } .news-item{ margin-top: 30px; } .news-item .data{ width: 90px; height: 90px; text-align: center; color:#fff; background-color:#ff9933; margin-right: 15px; font-family:"Georgia" ; } .news-item .data h1{ font-size: 30px; padding-top: 13px; } .news-item .data h2{ font-size: 18px; padding-top: 5px; } .news-item a>h1{ font-size: 18px; color:#191919; padding: 5px 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .news-item a>p{ font-size: 14px; color:#8d8d8d; line-height: 2; height: 56px; overflow: hidden; } .news-item:hover a>h1{ color:#ff9933;; } .page5-wp{ padding-top: 210px; padding-left: 84px; padding-right: 49px; } .page5-top>h1{ font-size: 45px; color:#eb671d; } .page5-top>p{ font-size: 18px; color:#666; margin-top: 20px; line-height: 1.8; } .page5-pic{ margin-top: 60px; margin-left: 80px; } .page5-pic img{ display: block; } .page5-zuoyou{ margin-top: 10%; } .zuoyou-pic{ margin-right: 60px; } .page5-zuoyou h2{ font-size: 18px; color:#ff5500; padding-bottom: 10px; } .page5-zuoyou p{ font-size: 18px; color:#666; line-height: 2; } .footer-wp{ /*padding-left: 35px;*/ font-size: 14px; color:#666; line-height: 2.3; } .footer-wp span{ padding-right: 25px; } .select{ width: 265px; /*margin-right: 34px;*/ } .select select{ display: block; width: 100%; height: 37px; line-height: 35px; border:1px solid #666666; border-radius: 20px; padding: 0 15px; background-color: #fff; } #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 5000000000; background-color: #fff; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:130000; } .nav-2 li{ border-top: 1px dashed #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 8px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2 li:first-child{ border-top: 0; } .nav-2 li>a{ padding:13px 10px; display: block; font-size: 14px; width: 100%; color:#333; } .nav-xia-a{ padding-bottom: 15px; display: none; } .nav-xia-a a{ padding: 8px 10px; display: block; font-size: 12px; padding-left: 25px; width: 100%; color:#666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .logo-2{ font-size: 0; height: 75px; margin:0 auto; margin-top:0px; width: 250px; } .logo-2 img{ vertical-align: middle; display: block; margin-left: 15px; margin-top: 14px; } .menu2{ position: absolute; right: 19px; top: 27px; } .menu2 ul{ margin-bottom: 0; } .menu2 li{ cursor:pointer ; } .menu2 li img{ /*vertical-align: middle;*/ display: block; } .chenggao{ display: none; height: 75px; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 120000; background-image: url(../images/heidi.png); display: none; } .banner-x{ display: none; position: relative; } .banner-x .flex-control-nav{ display: block; bottom: 20px; font-size: 0; } .banner-x .flex-control-paging li a{ width: 30px; height: 6px; border-radius: 10px; background: #ffffff; background-image: none; } .banner-x .flex-control-nav li{ margin:0 4px; } .banner-x .flex-control-paging li a.flex-active{ background-image: none; background-color: #ff9933; } /*erji*//**********************************************************************************/ .erji{ padding: 0 60px; } .erji-topcheng{ height: 103px; } .erji-banner{ height: 245px; background-repeat: no-repeat; background-position: center right; } .about-1{ background-repeat: no-repeat; background-position: center ; background-image: url(../images/about-1.jpg); padding: 68px 0 100px; } .erji-title {text-align: center;} .erji-title h1{ text-align: center; font-size: 30px; color:#eb671d; } .erji-title h2{ text-align: center; font-size: 14px; color:#999; font-family:"Georgia" ; text-transform: uppercase; margin-top: 16px; } .about-1-con{ width: 1150px; margin:0 auto; font-size: 15px; color:#333; line-height: 2; margin-top: 85px; } .about-1-shipin{ margin-top: 80px; } .shipin_div {width:545px; cursor: pointer;} .shipin_div img{ display: block; width: 100%; } .shipin_div+h1{ font-size: 15px; color:#333; margin-top: 13px; text-align: center; } .about-2{ height: 930px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/about-2.jpg); padding-top: 94px; } .wwp{ width: 1330px; margin:0 auto; } .erji-title2{ text-align: center; } .erji-title2 h1{ font-size: 30px; color:#eb671d; } .line_2{ width: 43px; height: 2px; background-color: #fd865e; line-height: normal; margin:40px auto; } .about-2-con{ padding: 0 10%; text-align: center; font-size: 15px; color:#333; line-height: 2; } .rongyu-list{ margin-top: 86px; } .about-3{ background-repeat: no-repeat; background-position: center ; background-image: url(../images/about-3.jpg); padding: 120px 0; /* min-height:930px ;*/ } .about-3-title{ font-size:30px ; color:#eb671d; } .table-1{ width: 1200px; margin:0 auto; } .table-1 table{ width: 100%; border-collapse: collapse; } .table-1 table td{ width:16.6666666666666666666667%; height: 200px; background-repeat: no-repeat; background-position: center ; position: relative; color:#fff; text-align: center; font-size: 30px; } .table-1 table td:hover .wenhua-div {opacity: 1;visibility: visible;} .wenhua-div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #eb671d; text-align: center; color:#fff; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .wenhua-div2{ opacity: 1; visibility: visible; } .wenhua-div h1{ font-size: 30px; color:#fff; padding-top: 40px; } .line_5{ width: 36px; height: 3px; display: inline-block; background-color: #fff; line-height: normal; margin:12px 0 8px; } .wenhua-div p{ padding: 0 10%; line-height:2; font-size: 14px; } .about-4{ height: 928px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/about-4.jpg); padding-top: 94px; } .about-4-con{ width: 50%; margin:0 auto; text-align: center; font-size: 15px; color:#333; line-height: 2; } .dashiji{ background-image: url(../images/dashiji-bg.jpg); background-repeat: repeat-x; background-position: left center; margin-top: 100px; } .dashiji-div{ width: 1550px; height: 290px; margin:0 auto; padding: 0 90px; position: relative; } .dashiji-div .item{ height: 145px; padding-left: 54px; background-repeat: no-repeat; background-position: left bottom; background-image: url(../images/bb.png); position: relative; bottom: -6px; padding-top: 2px; } .dashiji-div .item2{ height: 145px; padding-left: 54px; background-repeat: no-repeat; background-position: left top; background-image: url(../images/bb2.png); bottom: 0; margin-top: 139px; padding-top: 45px; } .dashiji-div .item h1{ font-size: 36px; color:#000; } .dashiji-div .item p{ font-size: 14px; color:#000; line-height: 1.8; } .about-5{ padding: 180px 0; } .about-5-pic{ font-size: 0; margin-right: 50px; padding-bottom: 50px; width: 680px; } .about-5 h1{ font-size: 30px; color:#eb671d; } .line_3{ width: 43px; height: 2px; display: inline-block; background-color: #fd865e; line-height: normal; margin:20px 0 10px; } .about-5-con{ font-size: 15px; color:#333; line-height: 2; } .about-5-con>p{ text-indent: 2em; } .banner-2{ height: 355px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .banner-2-title { padding-top: 150px; } .banner-2-title h1{ font-size: 48px; color:#fff; } .mianbaoxie{ font-size: 12px; color:#fff; padding-top: 18px; border-top: 1px solid #fff; text-align: right; margin-top: 18px; } .erji-menu{ font-size: 0; line-height: normal; background-color: #f3f3f3; text-align: center; } .erji-menu .spans{ display: inline-block; font-size: 16px; color:#666; height: 67px; line-height:80px; border-bottom: 3px solid #f3f3f3; margin:0 3px; transition: border-color .3s; } .erji-menu .spans>a{ display: block; padding: 0 20px; height: 100%; } .erji-menu .spans.active,.erji-menu .spans:hover{ border-color:#ff9933; } .zixun-pic{ width: 472px; margin-right: 38px; overflow: hidden; } .zixun-pic img{ display: block; width: 100%; transition: .3s; } .zixun-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .zixun-list li{ padding: 67px 0; } .zixun-list li h1{ font-size: 18px; color:#191919; padding-top: 58px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .3s; } .zixun-list li h1:hover{ color:#ff9933; } .zixun-list li h2{ font-size: 14px; color:#8d8d8d; margin-top: 15px; } .line-10{ width: 35px; height: 2px; background-color: #e2e2e2; display: inline-block; margin: 13px 0 10px; } .zixun-list li p{ font-size: 14px; line-height: 1.8; color:#8d8d8d; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zixun-list li p+a{ display: inline-block; padding: 10px 24px; font-size: 14px; color:#fff; background-color: #ff9933; margin-top: 50px; } .zixun-li{ background-color: #fff; transition:background-color .3s; } .zixun-li:hover{ background-color:#f3f2f2;} .bt-page { text-align: center; margin: 20px auto 50px; /* padding-left: 45px; */ } .bt-page * { display: inline-block; margin-left: 2px; } .bt-page div { width: 48px; height: 46px; line-height: 46px; border: 1px solid #ddd; text-align: center; cursor: pointer; color: #000; font-size: 14px; border-radius: 5px; } .bt-page div:hover{ background-color: #cccccc; color: #fff; } .ccc { width: 48px; height: 46px; line-height: 46px; border: 1px solid #ddd; text-align: center; cursor: pointer; background-color: #fff; color: #000; font-size: 14px; border-radius: 5px; } span.ccc-active { background-color: #ff9933; color: #fff; border-color: #ff9933; } .ccc:hover { background-color: #ff9933; color: #fff; border-color: #ff9933; } .padd{ padding-left: 0; padding: 0 60px; padding-bottom: 30px; } .product-list { padding: 30px 0 50px; } .product-list ul{ margin-left: -10%; } .product-list li{ width: 23.333333333333333%; margin-left: 10%; float: left; margin-top: 60px; } .product-list li h1{ font-size: 16px; color:#191919; margin-top: 25px; text-align: center; } .product-list li:hover h1{ color:#ff9933; } .pro-pic{ overflow: hidden; } .pro-pic img{ display: block; width: 100%; transition: .3s; } .pro-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .hr{ height: 550px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/hr.jpg); margin-top: 50px; -webkit-background-size: cover; background-size: cover; } .hr-con{ width: 50%; margin:0 auto; } .hr-con h1{ font-size: 48px; color:#eb671d; padding: 100px 0 70px; text-align: center; } .hr-con p{ font-size: 16px; color:#333; line-height: 2; } .hr-list ul{ margin-left: -4%; } .hr-list { padding-bottom: 60px; } .hr-list li{ width: 21%; margin-left: 4%; float: left; margin-top: 60px; } .hr-li{ background-color:#f5f5f5; border-bottom: 5px solid #eb671d; padding:35px 48px; transition: background-color 0.3s; } .hr-li:hover{ background-color:#eb671d; } .hr-li:hover h1,.hr-li:hover p{ color:#fff; } .hr-li:hover .line-11{ background-color: #fff; } .hr-li h1{ font-size: 20px; transition: color 0.3s; color:#eb671d; text-align: center; } .line-11{ width: 35px; height: 2px; background-color: #d3d3d3; line-height: normal; transition: background-color 0.3s; margin:15px auto; } .hr-li p{ /*height:*/ font-size: 14px; color:#333; line-height: 2.2; transition: color 0.3s; min-height: 120px; } .fuwu{ padding: 100px 0; } .fuwu-map{ width: 730px; } .fuwu-map img{ display: block; width: 100%; } .fuwu-con{ width: 400px; background-image: url(../images/tu.png); background-repeat: no-repeat; background-position: center 45%; } .fuwu-con h1{ font-size: 36px; color:#eb671d; padding-top: 30px; padding-bottom: 30px; } .fuwu-con p{ font-size: 16px; color:#565656; line-height: 2.2; } .erweima{ margin-top: 30px; } .er{ text-align: center; } .er img{ display: block; margin:0 auto; margin-bottom: 13px; } .er:first-child{ margin-right:50px;} .hr2{ background-image: url(../images/hr2.jpg); background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; padding: 70px 0; margin-bottom: 30px; } .hr2-title h1{ font-size: 22px; color:#fff; } .hr2-title h2{ font-size: 18px; padding:21px 0; border-bottom: 1px solid #fff; color:#fff; line-height: 1.6; } .hr2-left{ width: 758px; margin-top: 44px; } .hr2-right{ margin-top: 44px; width:374px;} .input-div{ height: 54px; line-height: 54px; font-size: 16px; color:#fff; } .input input[type="text"]{ display: block; width: 100%; border:0; height: 50px; line-height: 50px; padding-left: 24px; } .input select{ display: block; width: 100%; border:0; height: 50px; line-height: 50px; padding-left: 24px; color:#666; } .input textarea{ display: block; width: 100%; border:0; height: 131px; line-height: 1.6; padding: 10px; padding-left: 24px; color:#999; } .input-button{ margin-top: 40px; } .input-button input{ width: 49.5%; height: 53px; line-height: 53px; border:0; background-color: #f08519; color:#fff; cursor: pointer; font-size: 16px; } .input-button input[type="reset"]{ background-color: #eaad71; } .hr2-cai{ height: 232px; background-repeat: no-repeat; text-align: center; line-height: 1.6; padding-top: 140px; } .hr2-cai1{ background-color: #f4a75b; color:#fff; background-image: url(../images/hh1.png); background-position: center 40%; } .hr2-cai2{ background-color: #f08519; color:#fff;background-image: url(../images/hh2.png); background-position: center 40%; } .hr2-cai3{ background-color: #fff; color:#333;background-image: url(../images/erer.png); background-position: center 30%; } .jituan{ padding-bottom: 30px; } .jituan-div{ background-color:#f6f6f6;} .jituan-pic{ width: 50%; overflow: hidden; } .jituan-pic img{ display: block; width: 100%; transition: .3s; } .jituan-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .jituan-con{ width: 50%; margin-top: 13%; padding-left: 48px; padding-right: 90px; } .jituan-con h1{ font-size:48px; color:#eb671d; padding-bottom: 25px; } .jituan-con p{ font-size: 14px; color:#333; line-height: 2; } .jituan-1{ margin-top: 10%; } .jituan-1 span{ float: left; width: 114px; margin-left: 65px; } .jituan-1 span img{ display: block; width: 100%; } .jituan-1 span:first-child{ margin-left: 0; } /*erji*/ /*yey*/ .yer-header{ position: absolute; left:4%; top: 40px; right: 4%; z-index: 5000; } .yer-header.cur{ display: none; } .yer-header2.cur{ display: block; } .yer-header2{ left: 2%; } .yer-menu{ width: 68px; height: 76px; cursor: pointer; background-repeat: no-repeat; background-position: center ; background-image: url(../images/menu.png); } #menu{ position: fixed; left: 0; right: 0; top: 0; bottom:0; z-index: 180000; background-image: url(../images/menu-bg.jpg); background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; opacity: 0; visibility: hidden; transition: .3s; } #menu.active{ opacity: 1; visibility: visible; } .menu-list{ height: 100%; } .menu-list-li{ float: left; width: 10%; height: 100%; border-left: 1px solid #ebebeb; background-color: #fff; /*transition: .3s;*/ } .menu-list-li:first-child{ border-left: 0; } .menu-list-li:hover{ background-color: transparent; /*background-image: url(../images/heidi2.png);*/ } .li1-img img{ display: block; margin:0 auto; } .li1{ transition: .3s; margin-top: 340px; position: relative; top: 0; } .li1-img { position: relative; } .li1-img:after{ content:""; position: absolute; width: 1px; height: 0px; background-color: #fff; left: 50%; top: -98px; transition: .3s; z-index: 8000; } .li2-wp{ margin-top: 70px; } .li2{ text-align: center; } .li2 h1{ font-size: 24px; color:#333; font-weight: bold; /*transition: .3s;*/ } .li2 dd{ font-size: 16px; color:#666; margin-top: 26px; /*transition: .3s;*/ } .li2 dd:hover { /*padding-left: 5px;*/ } .li2 dd:first-child{ /*margin-top: 60px;*/ } .menu-list-li:hover .li1-img:after{ height: 62px; } .menu-list-li:hover .li1{ /*margin-top: 310px;*/ top: -30px; } .menu-list-li:hover .li2 h1,.menu-list-li:hover .li2 dd{ color:#fff; } .pic_list2-wp{ /*display: none;*/ margin-top: 25px; } .pic_list2 .owl-nav{ text-align: center; } .pic_list2 .owl-prev{ width: 33px; height: 23px; display: inline-block; background-image: url(../images/left_1.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; margin:0 10px; } .pic_list2 .owl-prev:hover{ background-image: url("../images/left_1h.png") } .pic_list2 .owl-next{ width: 33px; height: 23px; display: inline-block; background-image: url(../images/right_1.png); cursor: pointer; background-repeat: no-repeat; margin:0 10px; background-position: center ; font-size: 0; } .pic_list2 .owl-next:hover{ background-image: url("../images/right_1h.png") } .poster-main{ position: relative; margin: 0px auto; } .poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0; } .poster-main .poster-btn{ width: 33px!important; height: 23px!important; display: inline-block; } .poster-main .poster-prev-btn{ left: 0; background: url("../images/left_1.png") no-repeat center center; cursor: pointer; margin:0 10px; } .poster-main .poster-prev-btn:hover{ background-image: url("../images/left_1h.png") } .poster-main .poster-next-btn{ right: 0; background: url("../images/right_1.png") no-repeat center center; cursor: pointer; margin:0 10px; } .poster-main .poster-next-btn:hover{ background-image: url("../images/right_1h.png") } .bumenfengcai .poster-main .poster-prev-btn{ background-image: none; } .bumenfengcai .poster-main .poster-next-btn{ background-image: none; } .pene {text-align: center;margin-top: 20px; position: relative; } #carousel li.poster-item img{ width: 100%; max-width: 100%; } .pic_more{ margin-top: 25px; text-align: center; } .pic_more a{ } .pic_more a{ display: inline-block; width: 140px; font-size: 16px; color:#cb136c; padding: 6px 28px; border:1px solid #cb136c; border-radius: 20px; text-align: center; } .pic_more a:hover{ color:#fff; background-color: #cb136c; } .tiy-top{ padding-top: 140px; } .tiy-bottom-div{ float: left; width: 31.33333333%; margin-left: 3%; } .tiy-bottom-div:first-child{ margin-left: 0; } .tiy-top-left{ width: 800px; margin-right: 30px; overflow: hidden; } .tiy-top-left img{ display: block; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ } .tiy-top-left:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tiy-top-right { overflow: hidden; background-image: url(../images/baibai22.png); padding: 60px; } .tiy-top-right h1{ font-size: 36px; color:#007033; text-align: center; line-height: 1; } .line_1123{ width: 46px; height: 4px; background-color: #036b32; margin:40px auto 35px; } .tiy-top-right h2{ font-size: 20px; color:#333; text-align: center; line-height: 1.6; } .tiy-top-right p{ font-size: 20px; color:#333; text-align: center; line-height: 1.8; margin-top: 23px; height: 72px; overflow: hidden; } .tyi-more{ margin-top: 42px; text-align: right; } .tyi-more a{ display: inline-block; font-size: 16px; color:#007033; padding: 6px 28px; border:1px solid #036b32; border-radius: 20px; } .tyi-more a:hover{ color:#fff; background-color: #036b32; } .tiy-bottom-div{ margin-top: 3%; overflow: hidden; } .tiy-bottom-div img{ display: block; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ } .tiy-bottom-div:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .jietai{ padding: 50px 100px; background-image: url(../images/baibai222.png); } .page5 .yer-wp{ padding-top: 140px; opacity: 0; visibility: hidden; transition: 650ms 0ms; top: 10px; position: relative; } .wrapper.active-page5 .page.page5 .yer-wp{ opacity: 1; visibility: visible; top: 0; transition: 850ms 780ms; } .jietai-left{ width: 46%; } .jietai-right{ width: 46%; } .jietai-title { padding: 40px 0; } .jietai-title h1{ text-align: center; font-size: 32px; color:#ff9933; } .line-3311{ width: 46px; height: 4px; background-color: #ff9933; margin: 20px auto 0; } .shipin-box img{ display: block; width: 100%; } .shipin p{ font-size: 16px; color:#333; line-height: 1.6; margin-top: 10px; height: 50px; overflow: hidden; } .jietai-a{ margin-top: 15px; text-align: right; } .jietai-a a{ display: inline-block; font-size: 16px; color:#ff9933; padding: 6px 28px; border:1px solid #ff9933; border-radius: 20px; } .jietai-a a:hover{ color:#fff; background-color: #ff9933; } .yer-news-title{ font-size: 0; border-bottom: 1px solid #fe9f40; text-align: right; } .yer-news-title span{ display: inline-block; width: 129px; height: 34px; line-height: 34px; font-size: 22px; color:#f2a800; background-image: url(../images/kk1.png); background-repeat: no-repeat; background-position: center ; text-align: center; margin-right: -7px; position: relative; bottom: -1px; z-index: 5; cursor: pointer; } .yer-news-title span.cur{ background-image: url(../images/kk2.png); color:#fff; z-index: 50; } .yer-con{ display: none; } .yer-con:first-child{ display: block; } .yer-con li { margin-top: 8px; } .yer-con li a{ display: block; padding: 10px 20px 10px 0;} .yer-con li a:hover{ background-color: #ff9933; } .yer-con li a:hover .yer-date h1,.yer-con li a:hover .yer-date h2, .yer-con li a:hover .yer-con-div h1,.yer-con li a:hover .yer-con-div p { color:#fff; } .yer-date{ width: 76px; border-right: 1px solid #fff; height: 65px; padding-top: 8px; text-align: center; margin-right: 10px; } .yer-date h1{ font-size: 32px; color:#323232; line-height: 1; } .yer-date h2{ font-size: 12px; color:#666; margin-top:4px; } .yer-con-div{ overflow: hidden; } .yer-con-div h1{ font-size: 16px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .yer-con-div p{ font-size: 14px; color:#999; line-height: 1.6; margin-top: 6px; height: 44px; overflow: hidden; } .yer-footer{ padding: 0 4%; } .yer-footer1{ background-color: #f5f6f8; padding-top: 40px; padding-bottom: 40px; } .yer-footer2{ background-color: #fff; padding-top: 40px; padding-bottom: 40px; line-height: 2; font-size: 14px; color:#333; } .yer-foo1-left li{ float: left; text-align: center; margin-left: 52px; } .yer-foo1-left li h1{ font-size: 20px; font-weight: bold; color:#ff9933; line-height: 1; } .yer-foo1-left li dd{ font-size: 14px; color:#333; margin-top: 28px; } .yer-foo1-left li dd:hover{ color:#ff9933; } .yer-foo1-left li:first-child{ margin-left: 0; } .yer-foo1-right{ text-align: center; line-height: normal; margin-top: 45px; } .yer-er{ float: left; width: 169px; margin-left: 70px; font-size: 14px; color:#333; text-align: center; } .yer-er img{ display: block; width: 100%; margin-bottom: 18px; } .yer-er:first-child{ margin-left: 0; } .erji-header_111{ position: fixed; display: block; /*display: none;*/ } .erji-gaogao{ height: 100px; } .header-box.scollfox.erji-header_111{ animation:0; border-bottom: 0; } .ererji-banner img{ display:block; width:100%; } .ererji-banner3{display:none;} .ererji-banner3 img{ display:block; width:100%; } .ererji-title{ position: absolute; left: 50%; width:330px; margin-left: -165px; top: 50%; margin-top: -52px; } .ererji-nav_11{ background-color: #f7f7f7; } .ererji-bao{ height: 40px; line-height: 40px; font-size:14px; color:#666;} .ererji-bao span{ color:#ff9933; } .ererji-nav_a{ font-size: 0; text-align: center; } .ererji-nav_a a{ display: inline-block; font-size: 20px; color:#333; padding: 0 8px 15px; border-bottom: 2px solid #f7f7f7; margin:0 25px; } .ererji-nav_a a.cur,.ererji-nav_a a:hover{ border-color: #ff9933; } .jiaoyan-list ul{ margin-left: -4.33333333%; } .jiaoyan-list li{ float: left; width: 29%; margin-left: 4.333333333%; margin-bottom: 40px; } .jiaoyan-pic { position: relative; overflow: hidden; padding-bottom: 66.66%; } .jiaoyan-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: .3s; } .jiaoyan-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .jiaoyan-con{ height: 70px; line-height: 68px; border:1px solid #d6d6d6; position: relative; padding: 0 10px; } .jiaoyan-con i{ position: absolute; left: 0; top: 0; font-size: 12px; color:#fff; height: 15px; line-height: 15px; background-color: #ff9933; } .jiaoyan-con h1{ font-size: 14px; color:#333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .jiaoyan-list li:hover .jiaoyan-con h1{ color:#ff9933; } .ererji-content{ padding: 30px 0; } .m-page{text-align: center;overflow: hidden;color: #666;padding: 25px 0} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 4px;} .m-page ul li a{ display: block;line-height:28px;font-size: 12px;padding: 0 12px;border: 1px solid #ddd; color: #303030; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #ff9933;background-color: #ff9933;color:#fff;} .m-page select{height: 18px;width: 40px;font-size: 12px;vertical-align: middle;border: 1px solid #303030;} .ererji-title2{ top: auto; margin-top: 0; bottom: 60px; } .xxww-list li{ margin-bottom: 40px; } .xxww-pic-wp{ width: 200px; margin-left: 19px; } .xxww-pic { position: relative; overflow: hidden; padding-bottom: 74.7%; border-radius: 15px; } .xxww-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; transition: .3s; } .xxww-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xxww-con{ overflow: hidden; background-color: #f7f7f7; border-radius: 15px; } .xxww-con a{ display: block; padding: 40px 15px; } .xxww-con:hover { background-color: #ff9933; } .xxww-con:hover .xxww-date h1,.xxww-con:hover .xxww-date h2{ color:#fff; } .xxww-con:hover .xxww-date-con h1,.xxww-con:hover .xxww-date-con p{ color:#fff; } .xxww-date{ width: 76px; border-right: 1px solid #fff; height: 65px; padding-top: 8px; text-align: center; margin-right: 10px; } .xxww-date h1{ font-size: 32px; color:#323232; line-height: 1; } .xxww-date h2{ font-size: 12px; color:#666; margin-top:4px; } .xxww-date-con{ overflow: hidden; } .xxww-date-con h1{ font-size: 16px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xxww-date-con p{ font-size: 14px; color:#999; line-height: 1.6; margin-top: 7px; height: 44px; overflow: hidden; } .yr-about1 img{ display: block; width: 100%; } .yr-about2-con{ box-shadow:1px 2px 7px #e4e4e4; position: relative; top: -50px; background-color: #fff; padding:30px 30px 30px 120px; background-image: url(../images/yr-about2-con.png); background-repeat: no-repeat; background-position: 45px bottom; } .yr-about2-left{ margin-top: 35px; width: 100%!important; margin-right: 0px!important; } .yr-about2-right{ overflow: hidden; } .yr-about2-right h1{ text-align: center; font-size: 32px; line-height: 1;padding-top: 10px; padding-bottom: 25px; color:#ff9933; } .yr-about2-right p{ font-size: 14px; color:#333; line-height: 2.2; } .yr-about2-pic img{ display: block; width: 100%; } .yr-about2-pic-wp{ margin-top: 30px; } .yr-about2-pic{ width: 48%; margin-top: 4%; } .bgbgbg{ /*height: 860px;*/ background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; padding: 100px 0; } .yr-about3 .yr-about-tt{ padding-top: 50px; } .yr-about-tt{ text-align: center; padding-top: 0!important; } .yr-about-tt h1{ font-size: 32px; color:#ff9933; } .yr-about-tt h3{ font-size: 22px; color:#3398ff; margin-top: 20px; } .yr-about-tt h2{ font-size:0; display: inline-block; position: relative; margin-top: 25px; } .yr-about-tt h2:after{ content:""; width: 170px; height: 2px; background-color: #ff9933; position: absolute; left: -200px; top: 50%; } .yr-about-tt h2:before{ content:""; width: 170px; height: 2px; background-color: #ff9933;position: absolute; right: -200px; top: 50%; } .yr-about3-list li{ float: left; width: 50%; margin-top: 5%; } #yr-about3-list1 { display:block; } #yr-about3-list2 { display: none; margin-top: 30px; } .yr-about3-list#yr-about3-list2 li{ float: none; width: 100%; } .yr-about3-yuan{ width: 242px; margin:0 auto; height: 242px; /*background-image: url(../images/yr-about3-yuan.png); background-repeat: no-repeat; background-position: center ;*/ text-align: center; padding: 0 20px; padding-top: 35px; border-radius: 50%; border:1px solid #fff; } .yr-about3-yuan a{ display: block; height: 100%; } .yr-about3-yuan img{ display: block; margin:0 auto 20px; width: 88px!important; } .yr-about3-yuan:hover{ /*background-image: url(../images/yr-about3-yuanh.png);*/ background-color: #ff9933; border-color: #ff9933; } .yr-about3-yuan p{ font-size: 16px; color:#fff; letter-spacing: 2px; line-height: 2; height: 64px; overflow: hidden; } .yr-about3-list{ padding: 0px 158px ; } .yr-about4-con{ font-size: 16px; color:#333; line-height: 2; text-align: left; padding: 0 5%; margin-top: 35px; } .yr-about4-con2{ text-align: left; margin-top: 30px; } .yr-about4-con2 img{ float: left; margin-right: 15px; width: 90px; } .jietai-a2{ margin-top: 25px; text-align: center; } .yr-about4 .yr-about-tt{ padding-top:10%; } .yr-about5 .yr-about-tt{ padding-top:15%; } .banzi-wp{ margin:45px auto 0; background-image: url(../images/baibai2222.png); } .banzi-wp ul{ font-size: 0; line-height: normal; } .banzi-wp li{ display: inline-block; width: 50%; vertical-align: top; } .banzi-wp li a{ display: block; padding: 25px; } .banzi-wp li{ border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; } .banzi-wp li:first-child { border-top: 0; } .banzi-wp li:first-child+li { border-top: 0; border-right: 0; } .banzi-wp li:first-child+li+li+li { border-right: 0; } .banzi-wp li a h1{ display: inline-block; height: 34px; line-height: 34px; padding: 0 20px; border-radius: 10px; background-color: #ff9933; font-size: 18px; color:#fff; } .banzi-wp li a p{ font-size: 16px; color:#333; line-height: 2; overflow: hidden; margin-top: 10px; } .yr-about6 .yr-about-tt{ padding-top:4%; } .yr-team p{ text-align: center; line-height: 2.2; font-size: 16px; color:#333; padding: 5% 13%; } .yr-team-list{ width: 50%; margin:45px auto 0; } .ftrteam .slides>li h1{ text-align: center; font-size: 14px; color:#fff; margin-top: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ftrteam .flex-direction-nav{ display: block; } .ftrteam .flex-direction-nav .flex-prev{ left: -80px; } .ftrteam .flex-direction-nav .flex-next{ right: -80px; } .menufix { position: absolute; left: 45px; top: 50%; margin-top: -165px; z-index: 55; } .menufix.flex { position: fixed; left: 52px; } .menufix.flebott { top: inherit; margin-top: 0; bottom: 300px; } .menus { position: relative; } .menus:before {content: "";width: 2px;height: 100%;background: #fec026;position: absolute;left: 8px;top: 0;} .menus li { margin-bottom: 50px; } .menus li:last-child { margin-bottom: 0; } .menus li a { display: block; padding-left: 35px; color: #333; font-size: 16px; line-height: 18px; position: relative; } .menus li a:before { content: ""; width: 18px; height: 18px; background: url(../images/radius11.png) center no-repeat; position: absolute; left: 0; top: 0; transition: 248ms; } .menus li a:after { content: ""; width: 18px; height: 18px; background: url(../images/radius12.png) center no-repeat; position: absolute; left: 0; top: 0; transition: 248ms; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); overflow: hidden; } .menus li:hover a, .menus li.current a { color: #ff9933; } .menus li:hover a:before, .menus li.current a:before { opacity: 0; visibility: hidden; } .menus li:hover a:after, .menus li.current a:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; } .mdd{ position: relative; height: 0; line-height: normal; top: -199px; } .yr-xiangq-h1{ font-size: 32px; color:#ff9933; padding: 25px 0; line-height: 1.6; text-align: center; } .yr-xiangq-h2{ font-size: 14px; color:#999; line-height: 1.6; text-align: center; } .yr-xiangq-con{ padding: 30px 10px 60px; font-size: 16px; color:#666; line-height: 2; } .xiangq-banner{ height: 400px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; } .xiangq-banner img{ display: none; width: 100%; } /*xg*/ .banner-1,.fafa,.fafa .slides{ height: 100%; } .fafa .slides>li{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; overflow: hidden; } .fafabg{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; transition: transform 5.5s ease 0s; } .fafa .slides>li.flex-active-slide .fafabg{ transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); } .fafa .slides>li img{ display: none; } .fafa .flex-control-nav{ display: block; height: 0; bottom: 50px; } .fafa .flex-control-nav li{ margin:0 7px; } .fafa .flex-control-paging li a{ width: 40px; height: 4px; background-image: url(../images/new/arrow-b.png); } .fafa .flex-control-paging li a.flex-active{ background-image: url(../images/new/arrow-b-h.png); } .fafa .flex-direction-nav{ display: block; } .fafa .flex-direction-nav a{ width: 66px; height: 66px; margin-top: -33px; background: url(../images/new/b-left.png) no-repeat center; } .fafa .flex-direction-nav .flex-prev{ left: 5%; } .fafa .flex-direction-nav .flex-next{ right: 5%; background: url(../images/new/b-right.png) no-repeat center; } .yer-header{ left: 0; width: 100%; right: 0; top: 0; height: 100px; border-bottom: 1px solid rgba(255,255,255,0.25); } .xg-logo{ width: 383px; margin-top: 13px; } .xg-logo a,.xg-logo img{ display: block; width: 100%; } .xg-nav ul{ margin:0; } .xg-nav>ul>li{ float: left; } .xg-nav>ul>li+li{ margin-left: 20px; } .xg-nav>ul>li>a{ display: block; height: 100px; line-height: 100px; font-size: 16px; color: #fff; padding: 0 14px; font-weight: bold; position: relative; } .xg-nav>ul>li>a::after { position: absolute; content: ""; width: 0; height: 3px; background-color: #f08000; bottom: -1px; right: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .xg-nav>ul>li>a:hover::after,.xg-nav>ul>li.cur>a::after{ width: 100%; right: auto; left: 0; } .fafa{ position: relative; z-index: 10; } .banner-1::after{ position: absolute; width: 100%; left: 0; top: 0; z-index: 50; height: 268px; background-repeat: repeat-x; background-position: left top; content:""; background-image: url(../images/new/mu.png); } .mmain5{ height: 100%; position: relative; } .mmain5-bbg1{ position: absolute; width: 50%; left: 0; top: 0; height: 100%; z-index: 10; content:""; /* background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/new/page5-bg1.jpg);*/ } .fmmain5,.fmmain5 .slides{ height: 100%; } .fmmain5 .slides>li{ height: 100%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; overflow: hidden; } .mmain5::after{ position: absolute; width: 50%; height: 100%; right: 0; content:""; top: 0; z-index: 10; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/new/page5-bg2.jpg); } .page_table{ display: table; width: 100%; height: 100%; padding-top: 100px; } .page_tableCell{ display: table-cell; width: 100%; vertical-align: middle; } .mmain-title-wp{ position: relative; } .mmain-title h1{ font-size: 36px; color: #f08000; font-family:"hh1"; line-height: 1; } .mmain-title h2{ font-size: 30px; color: #727071; text-transform: uppercase; margin-top: 8px; line-height: 1; font-family:"hh2"; } .text-center{ text-align: center; } .mmain-more{ position: absolute; right: 0; top: 50%; margin-top: -13px; z-index: 15; padding-right: 52px; height: 26px; line-height: 26px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new/mmain-more.png); font-size: 14px; color: #999; } .mmain-more a:hover{ color: #f08000; } .mmain2-item{ background-color: #fff; padding: 20px 20px 0; } .mmain2-pic .imgbox_a{ padding-bottom: 66.5%; } .mmain2-con{ padding-top: 25px; position: relative; top: 0; transition: top .3s; height: 207px; background-color: #fff; z-index: 10; } .mmain2-con h1{ margin:0; font-size: 18px; color: #333; } .mmain2-con h2{ margin:0; font-size: 14px; color: #999; margin:12px 0 8px; } .mmain2-con p{ margin:0; font-size: 14px; color: #666; line-height: 2; height: 4em; overflow: hidden; transition: height .3s; } .mmain2-more{ border-top: 1px solid #ececec; margin-top: 18px; padding: 17px 0; font-size: 14px; color: #999; background-repeat: no-repeat; background-position: right center; background-image: url(../images/new/mmain2-more.png); } .mmm50{ margin-top: 50px; } .mmain2-item:hover .mmain2-con{ top: -56px; } .mmain2-item:hover .mmain2-con p{ height: 8em; } .mmain2-item:hover .mmain2-con h1{ color: #ff9933; font-weight: bold; } .mmain2-item:hover .mmain2-more{ color: #ff9933; background-image: url(../images/new/mmain2-moreh.png); } .mmain2-list .owl-dots{ text-align: center; font-size: 0; line-height: normal; margin-top: 40px; } .mmain2-list .owl-dot{ width: 24px; height: 24px; display: inline-block; background-image: url(../images/new/dot.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; background-size: 100%; } .mmain2-list .owl-dot+.owl-dot{ margin-left: 10px; } .mmain2-list .owl-dot.active{ background-image: url(../images/new/doth.png); } .mmain3-left{ width: 57%; background-image: url(../images/new/mmain3-bg1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; padding: 65px 80px; position: relative; z-index: 50; } .mmain3-list { margin-top: 25px; } .mmain3-list dl{ margin:0; } .mmain3-list dd{ height:60px; line-height: 59px; border-bottom: 1px dashed #d1d1d1; padding-left: 35px; background-repeat: no-repeat; background-position: 13px center; background-image: url(../images/new/dian.png); position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 80px; } .mmain3-list dd a{ font-size: 18px; color: #333; } .mmain3-list dd a:hover{ color: #f08000; } .mmain3-list dd span.span_11{ position: absolute; right: 0; top: 0; font-size: 14px; color: #666; } .mmain3-div{ position: relative; } .mmain3-right{ position: absolute; right: 0; width: 47%; top: 80px; z-index: 15; } .fmmain3 .imgbox_a{ padding-bottom: 84%; } .fmmain3 .imgbox_a::after{ position: absolute; width: 100%; left: 0; bottom: 0; height: 191px; background-repeat: repeat-x; background-position: left top; background-image: url(../images/new/yy.png); content:""; z-index: 10; } .mmain3-con{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 200px 45px 90px; z-index: 50; } .zhezhi{ position: absolute; right: 0; bottom: 0; width: 291px; height: 178px; background-image: url(../images/new/zhe.png); background-repeat: no-repeat; background-position: center; background-size: 100%; z-index: 30; text-align: right; padding-right: 10px; padding-top: 120px; font-size: 16px; color: #a9a9a9; } .zhezhi span{ display: inline-block; background-image: url(../images/new/spans.png); background-repeat: no-repeat; background-position: right bottom; font-size: 34px; font-weight: bold; color: #ff9933; line-height: 1; padding-right: 25px; padding-bottom: 25px; position: relative; left: 10px; bottom: 20px; } .mmain3-con h1{ margin:0; font-size: 18px; color: #fff; } .mmain3-con h2{ margin:0; font-size: 14px; color: #fff; margin-top: 8px; } .mmain4{ position: relative; height: 100%; } .mmain4-bg1{ position: absolute; left: 0; top: 0; width: 33.333333%; height: 100%; z-index: 5; overflow: hidden; } .mmain4-bg1-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; z-index: 5; transition: transform .3s; } .mmain4-bg1-bg.cur{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .mmain4-bg2-bg.cur{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .mmain4-bg3-bg.cur{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .mmain4-bg1::after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0.3; background-color: #000; } .mmain4-bg2{ position: absolute; left: 33.333333%; width: 33.333333%; top: 0; height: 100%; z-index: 5; overflow: hidden; } .mmain4-bg2-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; z-index: 5; transition: .3s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mmain4-bg2::after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0.3; background-color: #000; } .mmain4-bg3{ position: absolute; right: 0%; top: 0; width: 33.333333%; height: 100%; z-index: 5; overflow: hidden; } .mmain4-bg3-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; z-index: 5; transition: .3s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mmain4-bg3::after{ position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0.3; background-color: #000; } .mmain4 .page_table{ position: relative; z-index: 50; } .mmain4 .mmain-title h2{color: #fff;} .mmain4-div{ width: 33.33333%; float: left; padding: 150px 150px 0; transition: padding .3s; height: 500px; text-align: center; } .mmain4-div .mmain-title{ } .mmain4-div .mmain-title h1{font-size:30px;color: #fff;} .mmain4-div .mmain-title h2{font-size:24px;opacity: 0.5;margin-top: 8px;} .mmain4-div .mmain-title img{ display: block; width: 91px; margin:0 auto 27px; } .mmain4-div.cur{ padding-top: 0; } .mmain4-div.cur .mmain4-list{ height: auto; } .mmain4-list{ padding-top: 50px; height: 0; overflow: hidden; display: inline-block; } .mmain4-list dd{ height:20px; line-height: 20px; padding-left: 20px; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/new/dian3.png); position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; } .mmain4-list dd+dd{ margin-top: 24px; } .mmain4-list dd a{ font-size: 18px; color: #fff; } .mmain4-list dd a:hover{ color: #f08000; } .mmain5 .page_table{ position: relative; z-index: 50; } .mmain5-div{ width: 50%; padding-left: 75px; margin-left: auto; } .mmain5-list{ padding-top:40px; } .mmain5-list dl{ margin:0; } .mmain5-list dd+dd{ margin-top: 25px; } .mmain5-list dd>a{ padding: 20px 25px 20px 0; position: relative; display: block; } .mmain5-list dd>a::after{ position: absolute; left: 62px; top: 0; bottom: 0; right: 0; background-color: #fff; box-shadow: -1px 1px 15.52px 0.48px rgba(88, 88, 88, 0.3); content:''; z-index: 1; opacity: 0; transition: opacity .3s; } .mmain5-list dd>a:hover::after{ opacity: 1; } .mmain5-list dd>a:hover .mmain5-con h1{ font-weight: bold; color: #f08000; } .mmain5-pic{ width: 125px; margin-right: 15px; position: relative;z-index: 15; } .mmain5-pic .imgbox_a{ border-radius: 50%; } .mmain5-con{ overflow: hidden; padding-top: 10px; position: relative;z-index: 15; } .mmain5-con h1{ margin:0; font-size: 18px; color: #333; transition: color .3s } .mmain5-con p{ margin:0; font-size: 14px; color: #666; line-height: 1.8; height: 5.4em; overflow: hidden; margin-top: 15px; } #xg-footer{ background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; background-image: url(../images/xg-footer.jpg); } .xg-footer1{ border-bottom: 1px solid rgba(255,255,255,0.25); } .xg-footer1 .wpwpwp{ position: relative; } .xg-foo1-title{ position: absolute; width: 90px; height: 62px; line-height: 62px; font-size: 18px; color: #fff; font-weight: bold; left: 0; top: 0; } .xg-foo1-div{ height: 62px; padding-left: 100px; } .xg-foo1-list{ font-size: 0; line-height: normal; } .xg-foo1-item{ display: inline-block; height: 62px; line-height: 62px; font-size: 16px; color: #fff; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/new/dian2.png); margin-right: 50px; } .xg-foo1-item a:hover{ color: #f08000; } .xg-footer2{ padding: 15px 0 15px; position: relative; z-index: 50; } .xg-foo2-left{ width: 383px; margin-right: 60px; } .xg-foo2-logo a,.xg-foo2-logo img{ display: block; width: 100%; } .xg-foo2-dl1 dl{ margin:0; } .xg-foo2-dl1 dd{ float: left; margin-top: 20px; } .xg-foo2-dl1 dd+dd{margin-left: 25px;} .xg-foo2-dl1 dd a{ display: block; font-size: 14px; color: #fff; text-align: center; } .xg-foo2-dl1 dd a:hover{ color: #f08000; } .xg-foo2-dl1 dd a img{ display: block; margin:0 auto 7px; width: 50px; } .xg-foo2-right{ /*overflow: hidden;*/ float: right; width: 957px; margin-top: 5px; } .xg-foo2-1{ position: relative; padding-right: 155px; } .xg-foo2-ico{ position: absolute; width: 125px; right: 20px; top: 50%; margin-top: -18px; } .xg-foo2-ico a{ width: 43px; position: relative; } .xg-foo2-ico a img{ display: block; width: 100%; } .xg-foo2-er{ position: absolute; width: 100px; left: 50%; margin-left: -50px; bottom: 55px; display: none; } .xg-foo2-er img{ position: relative; z-index: 100; } .xg-foo2-er::after{ position: absolute; content: ''; width: 0.75em; height: 0.75em; background: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; left: 50%; margin-left: -0.375em; bottom: -0.375em; z-index: 10; } .xg-foo2-ico a:hover .xg-foo2-er{ display: block; } .xg-foo2-1-div h1{ margin:0; font-size: 18px; color: #fff; font-weight: bold; } .xg-foo2-1-div p{ margin:0; font-size: 14px; color: #fff; line-height: 1.5; margin-top: 8px; } .xg-foo2-1-div+.xg-foo2-1-div{ margin-top: 18px; } .xg-foo2-2{ margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.25); font-size: 14px; color: #fff; } .mmain2{ position: relative; top: 120px; opacity: 0; visibility: hidden; } .wrapper.active-page2 .page.page2 .mmain2 { opacity: 1; visibility: visible; top: 0; transition: 850ms 780ms; } .mmain3{ position: relative; top: 120px; opacity: 0; visibility: hidden; } .wrapper.active-page3 .page.page3 .mmain3 { opacity: 1; visibility: visible; top: 0; transition: 850ms 780ms; } .mmain4-div-wp{ position: relative; top: 120px; opacity: 0; visibility: hidden; } .wrapper.active-page4 .page.page4 .mmain4-div-wp{ opacity: 1; visibility: visible; top: 0; transition: 850ms 780ms; } .ererji-banner{ height: 400px; position: relative; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .cblan{ position: absolute; width: 46px; right: 30px; top: 50%; margin-top: -165px; display: none; } .cblan.scollfox2{ display: block; } .cblan dl{ margin:0; } .cblan dd+dd{ margin-top: 25px; } .cblan dd a,.cblan dd img{ display: block; width: 100%; } .cblan dd a{ position: relative; } .cblan dd a span{ position: absolute; width: 90px; height: 35px; line-height: 35px; background-color: #fff; border-radius: 4px; font-size: 15px; color: #333; text-align: center; top: 5px; right: 60px; opacity: 0; visibility: hidden; transition: .3s; box-shadow: 0 0 5px 1px rgba(0,0,0,0.15); } .cblan dd a span:before { position: absolute; content: ''; width: 0.75em; height: 0.75em; background: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; box-shadow: 0px -1px -1px 0px rgba(0,0,0,0.15); right: -0.3em; top: 50%; margin-top: -0.375em; } .cblan dd a:hover span{ opacity: 1; visibility: visible; } .mmain5 .mmain-title h1 { padding-left: 130px; } .yr-about6-p{ font-size: 16px; color: #333; line-height: 2.2; text-align: center; padding: 0 115px; letter-spacing: 2px; margin-top: 40px; } .yr-about7-dl{ margin-top: 70px; } .yr-about7-dl dl{ margin:0; margin-left: -3%; } .yr-about7-dl dd{ float: left; width: 30.3333333%; margin-left: 3%; padding-left: 15px; } .yr-about7-item{ background-color: #f9f4f0; border:1px solid #f8d2a9; padding: 40px 20px 30px 30px; border-top-right-radius: 60px; box-shadow: 0px 5px 25.92px 1.08px rgba(120, 120, 120, 0.3); transition: background-color .3s,border-color .3s } .yr-about7-name{ width: 196px; height: 57px; font-size: 18px; font-weight: bold; padding-left: 46px; background-image: url(../images/new/yr-about7-name.png); padding-top: 13px; color: #fff; position: relative; left: -47px; transition: background-image .3s,color .3s; } .yr-about7-con{ font-size: 14px; color: #333; line-height: 2; margin-top: 3px; letter-spacing: 1px; min-height: 22em; transition: color .3s; } .yr-about7-con p{margin:0;} .yr-about7-item:hover{ background-color: #f08000; border-color:#f08000; } .yr-about7-item:hover .yr-about7-name{ background-image: url(../images/new/yr-about7-nameh.png); color: #f08000; } .yr-about7-item:hover .yr-about7-con{ color: #fff!important; } .shefu-title{ background-color: #f7f7f7; padding: 15px 25px; } .shefu-title h1{ margin:0; font-size: 20px; color: #333; border-left: 4px solid #f08000; padding-left: 10px; } .shefu-dl{ padding: 0 25px; } .shefu-dl dl{ margin:0; margin-left: -3%; } .shefu-dl dd{ float: left; width: 30.33333%; margin-left: 3%; margin-top: 35px; } .shefu-pic .imgbox_a{ padding-bottom: 66.477%; } .shefu-h1{ background-color: #fff; font-size: 16px; color: #333; text-align: center; background-color: #f7f7f7; padding: 20px 15px; } .shefu-dl dd:hover .shefu-h1{color: #f08000;} .shefu-div+.shefu-div{ margin-top: 45px; } .shefu-div-wp{ padding: 50px 0; } .yange-list-wp{ padding: 40px 0; } .yange-list::before{ position: absolute; width: 21px; height: 10px; left: 50%; margin-left: -10px; top: 0; content:""; background-image: url(../images/new/jiao12.png); background-repeat: no-repeat; background-position: center; } .yange-list{ position: relative; background-repeat: repeat-y; background-position: center top; background-image: url(../images/new/yange-bg1.jpg); padding: 70px 0; } .yange-list ul{ margin:0; } .yange-list li{ overflow: hidden; } .yange-list li+li{ margin-top: -150px; } .yange-div{ width: 50%; position: relative; z-index: 500; padding-right:65px; } .yange-div-r{ margin-left: auto; padding-right: 0; padding-left: 65px; } .yange-div-r .yange-pic::after{ position: absolute; width: 51px; height: 21px; content:""; top: 50%; margin-top: -10px; left: -76px; background-image: url(../images/new/bb1.png); background-repeat: no-repeat; background-position: center; } .yange-div-l .yange-pic::after{ position: absolute; width: 51px; height: 21px; content:""; top: 50%; margin-top: -10px; right: -76px; background-image: url(../images/new/bb2.png); background-repeat: no-repeat; background-position: center; } .yange-pic{ position: relative; } .yange-pic .imgbox_a{ padding-bottom: 66.5%; } .yange-con-wp{ margin-top: 30px; } .yange-date{ width: 200px; font-size: 44px; font-weight: bold; color: #f08000; line-height: 1; margin-top: 8px; } .yange-date.fr{ text-align: right; } .yange-con{ overflow: hidden; font-size: 16px; color: #333; line-height: 2; } .lishisa{ } .lishisa-list-wp{ background-image: url(../images/new/lishisa-bg.png); background-repeat: repeat-x; background-position: left center; margin-top: 0px!important; } .lishi-date1{ font-size: 46px; font-weight: bold; color: #f08000; line-height: 1; margin-top: 120px; background-image: url(../images/new/page7-bg.png); padding: 0 15px; } .lishi-pic{ width: 430px; margin:0 80px; } .lishi-pic .imgbox_a{ padding-bottom: 66.5%; } .lishisa-bt{ position: relative; padding-left: 220px; } .lishisa-bt .mmain-title{ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lishisa-bt .mmain-title h1{ writing-mode: vertical-rl; writing-mode: tb-rl; margin-top: 30px; } .lishisa-bt .mmain-title h2{ writing-mode: vertical-rl; writing-mode: tb-rl; } .lishisa-item{ } .lishi-con{ overflow: hidden; padding-right: 0px!important; padding-top:130px; } .lishi-con h1{ margin:0; font-size: 0; line-height: normal; } .lishi-con h1 span{ display: inline-block; padding: 0 13px; font-size: 20px; color: #f08000; background-image: url(../images/new/page7-bg.png); } .lishi-con-a{ font-size: 16px; color: #333; line-height: 1.8; margin-top: 10px; } .lishi-con-a a:hover{ color: #f08000; } .lishisa-item{ position: relative; } .lishi-date2{ position: absolute; right: 0; top: 120px; font-size: 46px; font-weight: bold; color: #f08000; line-height: 1; background-image: url(../images/new/page7-bg.png); padding: 0 15px; } .lishisa .owl-prev{ position: absolute; width: 40px; height: 40px; background-image: url(../images/new/left333.png); background-repeat: no-repeat; background-position: center; cursor: pointer; left: -60px; top: 50%; font-size: 0; margin-top: -20px; } .lishisa .owl-next{ position: absolute; width: 40px; height: 40px; background-image: url(../images/new/right333.png); background-repeat: no-repeat; background-position: center; cursor: pointer; right:-60px; top: 50%; margin-top: -20px; font-size: 0; } .lishisa .owl-prev.disabled, .lishisa .owl-next.disabled{ display: none; } .page6 .page_table{ padding-bottom: 263px; } .page6 #xg-footer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 263px; overflow: hidden; } .pic_list-wp { padding: 25px 0; } .pic_list-wp .shefu-dl{ padding: 0; overflow: hidden; } .pic_list-wp .shefu-dl dl{ margin-top: -3%; } .pic_list-wp .m-page{ padding: 0; padding-top: 40px; } .zzjg-1{ width: 1071px; margin:20px auto; position: relative; } .zzjg-1>img{ display: block; width: 100%; } .zzjg-1>a{ position: absolute; } .zzjg-a1{ width: 166px; height: 46px; left: 450px; top: 0; } .zzjg-a2{ width: 166px; height: 46px; left: 0px; top: 127px; } .zzjg-a3{ width: 166px; height: 46px; left: 226px; top: 127px; } .zzjg-a4{ width: 166px; height: 46px; left: 453px; top: 127px; } .zzjg-a5{ width: 166px; height: 46px; left: 678px; top: 127px; } .zzjg-a6{ width: 166px; height: 46px; right: 0px; top: 127px; } .zzjg-a7{ width: 46px; height: 116px; left: 110px; top: 186px; } .zzjg-a8{ width: 46px; height: 116px; left: 311px; top: 188px; } .zzjg-a9{ width: 46px; height: 116px; left: 513px; top: 190px; } .zzjg-a10{ width: 46px; height: 116px; left: 717px; top: 189px; } .zzjg-a11{ width: 46px; height: 116px; left: 918px; top: 190px; } .zzjg-a12{ width: 166px; height: 46px; left: 450px; top: 374px; } .zzjg-a13{ width: 166px; height: 46px; left: 220px; top: 501px; } .zzjg-a14{ width: 166px; height: 46px; left: 451px; top: 501px; } .zzjg-a15{ width: 166px; height: 46px; left: 680px; top: 501px; } .zzjg-a16{ width: 46px; height: 116px; left: 307px; bottom: 0; } .zzjg-a17{ width: 46px; height: 116px; left:511px; bottom: 0; } .zzjg-a18{ width: 46px; height: 116px; left: 716px; bottom: 0; } .zzjg-2{ display: none; } .zzjg-2 img{ display: block; margin:0 auto; } .zzjg-2-con{ font-size: 16px; color: #333; line-height: 2; margin-top: 40px; }