.qqzixun{ position: fixed; z-index: 99; right: 0; top: 50%; width: 50px; height: 50px; background: url(../images/QQ.png)no-repeat center; } .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;} /* .Top002339 */ .Top002339{ background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); position: relative; z-index: 100;} .Top002339 .header{ height:94px; position: relative; z-index: 11;} .Top002339 .header-left{ float:left;width: 30%;max-width: 160px; display:table; height:100%;} .Top002339 .logo{ display:table-cell; vertical-align:middle;} .Top002339 .header-mid{ float:right; z-index: 4;} .Top002339 .header-right{ display:table; position: absolute; right: 18px; padding-top: 5px; z-index: 5;} .Top002339 .header-right dd{ display:table-cell; vertical-align:middle; padding-left:10px;} .Top002339 .header-right dd >a{ display:block;width: 32px;border-radius: 50%;background: #ececec;text-align: center;line-height: 32px;color: #333; font-size: 12px;} .Top002339 .header-right dd a.open-search{ height:32px; background-image:url(../images/Top002339-searchicon.png); background-repeat:no-repeat; background-position:center center;} .Top002339 .header-right dd a.open-search-on{ background:none; position:relative;} .Top002339 .header-right dd a.open-search-on::before, .Top002339 .header-right dd a.open-search-on::after{ position:absolute; content:''; width:80%; left:10%; height:2px; transform:rotate(45deg); top:50%; background:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); } .Top002339 .header-right dd a.open-search-on::after{transform:rotate(-45deg);} .Top002339 .layer{ display: none; background: #fff; position: absolute; top: 100%; left: 0; width: 100%; height: 61px; z-index: 10; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} @media(min-width:1025px){ .Top002339 { position: fixed; top: 0; width: 100%;} .Top002339 .header-right dd.top-search{ position:relative; z-index:100;} } .Top002339 .search-box{ position:absolute; right:0; top:0; width:240px; border-bottom:1px solid #ccc; background:#fff; display:block;} .Top002339 .search-box .text{ width:100%; line-height:32px;height:32px; border:none; padding:0 30px 0 10px; color:#999;} .Top002339 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:32px; background:url(../images/Top002339-searchicon.png) no-repeat center center;} .Top002339 .header-menu li{ position: static; width:auto !important;} .Top002339 .header-menu li em{ padding: 51px 30px 10px 30px; position:relative;} .Top002339 .header-menu li em::after{content: '';position: absolute;top: 50%;right: 0;margin-top: 12px;width: 1px;height: 5px;border-left: 1px dotted #999;} .Top002339 .header-menu li:last-child em::after{ display:none;} .Top002339 .header-menu li em a{ display:inline-block; line-height:32px; font-size:16px; text-transform: capitalize; border-bottom:2px solid transparent; color: #555;} .Top002339 .header-menu li.aon em a, .Top002339 .header-menu li em a:hover{ color:#029a9b; border-bottom-color:#029a9b;} @media(max-width:1400px){ .Top002339 .header-menu li em { padding: 51px 20px 10px 20px; } } @media(max-width:1125px){ .Top002339 .header-menu li em{ padding: 51px 15px 10px 15px; } } .Top002339 .header-menu li .sub{ background: none; overflow:hidden; position: absolute; left: 0; max-width: 1366px !important; text-align: center;} .Top002339 .header-menu li .sub .sub-menu{ height: 62px; overflow: hidden; } .Top002339 .header-menu li:nth-child(3) .sub .sub-menu{ height: 290px;height: 325px;} .Top002339 .header-menu li:nth-child(3) .sub .sub-menu{ /* height: 390px; */} .Top002339 .header-menu li:nth-child(4) .sub .sub-menu{ height: 200px;} .Top002339 .header-menu li:nth-child(6) .sub .sub-menu{ height: 150px;} .Top002339 .header-menu li .sub .sub-menu dl { position: absolute; left: 0; float: none; text-align: center !important; width: 100% !important;} .Top002339 .header-menu li .sub dt{ float: none; display: inline-block; padding: 15px; width: 19%; line-height:31px; text-align: center !important; vertical-align: text-top; } .Top002339 .header-menu li .sub dt.dt2{ width: 18%; } .Top002339 .header-menu li .sub dt#subID69{ display: none; } .Top002339 .header-menu li .sub dt a{ margin-bottom: 8px; padding: 0 5px 5px; font-size: 16px; color:#666; font-weight: bold; border-bottom: 2px solid #029a9b;} .Top002339 .header-menu li .sub dt a:hover{ color:#029a9b; background:none;} .Top002339 .header-menu li .sub dt .catelist a{display: block; margin-bottom: 0; font-size: 14px; line-height: 1.75; font-weight: normal; border: none;} @media(max-width:1100px){ .Top002339 .header-menu li em{ padding-left:15px; padding-right:15px;} } @media(max-width:1024px){ .Top002339 #open_menu{ position:relative; top:auto; transform:translateY(0); border:none;} .Top002339 #open_menu i{ height:3px; margin-top:-1.5px;} .Top002339 #open_menu i, .Top002339 #open_menu i::before, .Top002339 #open_menu i::after{ background:#029a9b;} .Top002339 .header{ position:relative;} .Top002339 .header-right { padding-top: 3%; z-index: 101;} .Top002339 .header-right-show .top-language{ position:relative; z-index:102;} .Top002339 .header-right-show .open-search{ display:none;} .Top002339 .header-right-show .top-search{ padding-left:0;} .Top002339 .header-right .search-box{ right:-100%; position:fixed; top:94px; display:block !important; z-index:102; width:220px; transition:0.3s;} .Top002339 .header-right-show .search-box{ right:0;} .Top002339 #header-menu ul{ padding-top:135px; padding-left:0; padding-right:0; width:220px; background:#029a9b;} .Top002339 #header-menu li:nth-child(2n-1){ background-color:rgba(0,0,0,0.1);} .Top002339 #header-menu li em a, .Top002339 #header-menu li em{ padding: 0 10px; border-bottom:0; font-weight:normal;} .Top002339 #header-menu li.clickon em a{ background:none;} .Top002339 #header-menu li .sub{ background:#2a8247;} .Top002339 #header-menu li.has-sub em::after{ display:none;} .Top002339 #header-menu li .sub-menu dt a { padding: 0 20px; border-bottom: 1px solid #029a9b;} .Top002339 #header-menu li .sub dt .catelist{display: none;} } @media(max-width:480px){ .Top002339 .header{ height:70px;} .Top002339 .header-right .search-box{top:70px;} } .Top002339 .header-menu li .sub dt a#mss69{display: none;} /* .Banner001751 */ .Banner001751 li{ background-position: center top; background-repeat:no-repeat;} .Banner001751 li a{ display:block;} .Banner001751 li img{width:100%;object-fit: cover;} .Banner001751 li .pcimg{ display: block;} .Banner001751 li .wapimg{ display:none;} .Banner001751 li .btns{position: absolute;width: 100%;bottom: 12%;display: none;} .Banner001751 li .btns .w1800{width: 96%;max-width: 1800px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center; } .Banner001751 li .btns p{width: 49%;line-height: 105px;display: flex;justify-content: space-between;align-items: center;margin: 0} .Banner001751 li .btns i{display: inline-block;width: 5px;height: 105px;background-color: #ffffff;margin: 0 120px;} .Banner001751 li .btns p span{font-size: 50px;color: #3276bb;letter-spacing: 0.5px;font-weight: bold;} .Banner001751 li .btns p a{float: right;width: 228px;text-align: center;font-size: 24.62px;color: #3276bb;line-height: 57px; height: 57px; background-color: #adc91d; border-radius: 28.43px;} .Banner001751 .bx-wrapper{ position:relative; z-index:1;} .Banner001751 .bx-viewport{ z-index:1;} .Banner001751 .bx-controls-direction a{ display: none;z-index:10; position:absolute; top:50%; width:80px; height:80px; background:url(../images/Banner001751-btn.png) no-repeat 0 0; overflow:hidden; line-height:1000px; margin-top:-40px;} .Banner001751 .bx-controls-direction a.bx-next{ right:5%; background-position: right top;} .Banner001751 .bx-controls-direction a.bx-prev{ left:5%;} .Banner001751 .bx-pager{ z-index:10; position:absolute; width:100%; text-align:center; left:0; bottom:5%;} .Banner001751 .bx-pager div{ display:inline-block; padding:0 5px;} .Banner001751 .bx-pager div a{ display:block; width:13px; height:13px; background:#fff; border-radius:13px; overflow:hidden; line-height:100px;} .Banner001751 .bx-pager div a.active{ background:#fff; width:37px;} @media(max-width:1600px){ .Banner001751 li .btns p span{font-size: 30px;} .Banner001751 li .btns p a{float: right;width: 148px;font-size: 18px;;line-height: 40px; height: 40px;border-radius: 20px;} .Banner001751 li .btns i{margin: 0 50px;} } @media(max-width:1200px){ .Banner001751 li{ height:auto;} .Banner001751 li a{ height:auto;} .Banner001751 li .pcimg{ display:none;} .Banner001751 li .wapimg{ display:block;} .Banner001751 li img{ display:block; width:100%;} .Banner001751 li .btns p span{font-size: 20px;} .Banner001751 li .btns p a{float: right;width: 108px;font-size: 16px;;line-height: 40px; height: 40px;border-radius: 20px;} .Banner001751 li .btns i{margin: 0 20px;height: 50px;} .Banner001751 li img{height: auto;} } @media(min-width:1025px){ .Banner001751 {margin-top: 95px;} } @media(max-width:768px){ .Banner001751 .bx-controls-direction a{ display:none;} .Banner001751 li .btns p a{font-size: 15px;} .Banner001751 li .btns p span{font-size: 16px;} .Banner001751 li .btns{display: none} } @media(max-width:640px){ .Banner001751 li .btns .w1800{flex-wrap: wrap} .Banner001751 li .btns p{width: 100%;line-height: 50px;} .Banner001751 li .btns i{display: none} .Banner001751 li .btns{bottom: 5%} } @media(max-width:480px){ .Banner001751 .bx-pager div a{width:8px; height:8px;border-radius:8px;} .Banner001751 .bx-pager div a.active{ width:25px;} } .home_title{ text-align:center; font-size:36px; color:#029a9b; padding-bottom:4%; text-transform: uppercase; font-family: 'Arial'; } .home_title p{ margin-bottom:0; color: #999; font-size:14px; text-transform: none; } .home_title p::before{ display:block; content:''; background:#029a9b; margin:10px auto 20px; height:2px; width:35px;} @media(max-width:1024px){ .home_title{ font-size:30px;} } @media(max-width:768px){ .home_title{ font-size:24px;} .home_title p{font-size:12px;} } @media(max-width:480px){ .home_title{ font-size:20px;} } /* .Floor000556 */ .Floor000556{ padding:3% 0 4% 0; background:url(../images/Floor000556-bg.jpg) no-repeat center center; position:relative;} .Floor000556 .title{ text-align:center; font-size:32px; color:#333; padding-bottom:4%;} .Floor000556 .title p{ margin-bottom:0; opacity:0.6; font-size:14px;} .Floor000556 .title::after{ display:block; content:''; background:#029a9b;margin:20px auto 0; height:2px; width:52px;} @media(max-width:480px){ .Floor000556 .title{ font-size:20px;} .Floor000556 .title p{font-size:12px;} } .Floor000556 .tab-info{ display:none;} .Floor000556 .pro_list{ position:relative;} .Floor000556 .owl-stage-outer{ overflow:hidden;} .Floor000556 .owl-item{ float:left; padding: 5px;} .Floor000556 .item{ box-shadow: 0 0 5px #ccc;} .Floor000556 .owl-nav{ display:block;} .Floor000556 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor000556 .owl-nav button.owl-prev{ left:-5%;} .Floor000556 .owl-nav button.owl-next{ right:-5%;} .Floor000556 .owl-nav button::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #c5c5c5; border-right:3px solid #c5c5c5; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor000556 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor000556 .owl-nav button:hover::before{ border-color:#029a9b;} .Floor000556 .item a{ display:block;transition:0.3s; font-size:16px; background:#fff;} .Floor000556 .item a:hover{ color:#029a9b;} .Floor000556 .item .pic{ text-align:center; overflow:hidden; padding:10px;} .Floor000556 .item .pic img{ width:100%; display:block; margin:0 auto;transition:0.3s;} .Floor000556 .item:hover .pic img{ transform:scale(1.12,1.12);} .Floor000556 .item p{ margin:0; text-align:center; padding:3% 0 5% 0;} /* .Floor001734 */ .Floor001734{padding:3% 0 4%;} .Floor001734 .title{ text-align:center; font-size:32px; color:#333; padding-bottom:4%;} .Floor001734 .title p{ margin-bottom:0; opacity:0.6; font-size:14px;} .Floor001734 .title::after{ display:block; content:''; background:#029a9b;margin:20px auto 0; height:2px; width:52px;} @media(max-width:480px){ .Floor001734 .title{ font-size:20px;} .Floor001734 .title p{font-size:12px;} } .Floor001734 li{float:left; width:49%; margin-right:2%; margin-bottom:2%; position:relative;padding: 10px;} .Floor001734 li:nth-child(2n){ margin-right:0;} .Floor001734 li a{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;} .Floor001734 li figure{ position:absolute; left:0; top:0; width:180px; height:100%; border-radius:10px; overflow: hidden;} .Floor001734 li figure img{ display:block; width:100%; height:100%;} .Floor001734 li div{padding: 10px 0; padding-left:210px; position:relative; font-size:14px;} .Floor001734 li h2{ margin:0;color:#555; font-weight:normal;font-size:18px; padding-right:10px; line-height:30px; position: relative;} .Floor001734 li h2::after{ display:block; content:''; background:#029a9b; height:2px; width:10px; position: absolute; left:-16px; top:50%; margin-top: -1px;} .Floor001734 li p{ line-height:30px; height:56px; overflow:hidden; margin-top:8px; color: #888;} .Floor001734 li div span{ color:#ccc;} .Floor001734 li:hover{ box-shadow: 0 0 5px #ccc;} .Floor001734 li:hover h2{ color:#029a9b; } .Floor001734 .more{ text-align:center; padding-top:3%;} .Floor001734 .more a{ display:inline-block; padding-left:30px; text-align:left; width:143px; height:37px; line-height:37px; color:#fff; border-radius:37px; background: url(../images/Floor001734-more.png) no-repeat 90% center #ff9c00;} .Floor001734 .more a:hover{ background: url(../images/Floor001734-more.png) no-repeat 90% center #029a9b;} @media(max-width:768px){ .Floor001734 li{ float:none; width:auto; margin-right:0;} } @media(max-width:640px){ .Floor001734 h1{ font-size:24px;} .Floor001734 h1 b{font-size:14px;} } @media(max-width:375px){ .Floor001734 li h2 time{ display:none;} } /* .Floor002156 */ .Floor002156{ background: url(../images/Floor000364-bg.jpg) repeat; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 50px 0;} @media only screen and (max-width:1024 ) { .Floor002156{ padding: 30px 0;} } .Floor002156 .home_title{ padding-bottom: 2%; } .Floor002156 .intro{ text-align:center;} .Floor002156 .intro p{ max-width:1200px; margin-left: auto; margin-right:auto; margin-bottom:4%; color:#666; line-height:30px;} .Floor002156 .more{ text-align:center;} .Floor002156 .more a{ display:inline-block; padding-left:30px; text-align:left; width:143px; height:37px; line-height:37px; color:#fff; border-radius:37px; background: url(../images/Floor001734-more.png) no-repeat 90% center #ff9c00;} .Floor002156 .more a:hover{ background: url(../images/Floor001734-more.png) no-repeat 90% center #6cb22e;} .Floor002156 .bx-pager{display: none;} .Floor002156 .bx-controls-direction{display: none;} /* .Floor000880 */ .Floor000880{ padding: 50px 0;} @media only screen and (max-width:1024 ) { .Floor000880{ padding: 30px 0;} } .Floor000880 .title{ text-align:center; font-size:32px; color:#333; padding-bottom:3%;} .Floor000880 .title p{ margin-bottom:0; opacity:0.6; font-size:14px;} .Floor000880 .title::after{ display:block; content:''; background:#029a9b;margin:20px auto 0; height:2px; width:52px;} @media(max-width:480px){ .Floor000880 .title{ font-size:20px;} .Floor000880 .title p{font-size:12px;} } .Floor000880 .list_scroll li{ text-align:center; position:relative; padding:17px 0; } .Floor000880 .list_scroll li img{ } .Floor000880 .list_scroll li p{ margin:0; padding:10px 20px 0 20px;} .Floor000880 .list_scroll li:hover a{ color:#029a9b;} .Floor000880 .bx-wrapper{ position:relative;} .Floor000880 .bx-viewport{ background-color:#fff; z-index:1;} .Floor000880 .bx-pager{ text-align:center; padding-top:20px;height:32px;} .Floor000880 .bx-pager div{ display:inline-block; padding:0 5px;} .Floor000880 .bx-pager div a{ display:block; width:9px; height:9px; border-radius:50%; background-color:#ddd; overflow:hidden; text-indent:-999em;} .Floor000880 .bx-pager div a.active{ background-color:#029a9b;} .Floor000880 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-19px; overflow:hidden; line-height:200px; z-index:10;} .Floor000880 .bx-controls-direction a.bx-prev{ left:-40px;} .Floor000880 .bx-controls-direction a.bx-next{ right:-40px;} .Floor000880 .bx-controls-direction a::before, .Floor000880 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#029a9b; left:0; } .Floor000880 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .Floor000880 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .Floor000880 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor000880 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} @media(max-width:1250px){ .Floor000880 .bx-controls-direction a.bx-prev{ left:-4%;} .Floor000880 .bx-controls-direction a.bx-next{ right:-4%;} } @media(max-width:1024px){ .Floor000880{ padding-left:3%; padding-right:3%;} } /* .Bottom001879 */ .Bottom001879{ background-color:#029a9b; padding: 2% 0;} .Bottom001879 footer{ position:relative;} .Bottom001879 footer nav{ width: 90%; padding:25px 0 50px 0; margin-bottom:26px;} .Bottom001879 footer dl { float:left; width: 14%;} .Bottom001879 footer dt{ margin-bottom: 10px; line-height:30px;} .Bottom001879 footer dt:before{ display:inline-block; content:''; margin-right:10px; background:url(../images/Bottom001879-icon.png) no-repeat center center; width:11px; height:11px;} .Bottom001879 footer dt a{ color:#e3e3e3;} .Bottom001879 footer dd a{ padding-left: 22px; font-size: 12px; color:#e3e3e3; line-height: 2;} .Bottom001879 footer dd a#bott69{ display: none;} .Bottom001879 figure{ position: absolute; right: 0; top: 0; color:#e6e6e6; padding-top:25px; text-align: right; } .Bottom001879 figure img{ display: inline-block; padding-bottom: 10px; } .Bottom001879 figure span{ display:block; } .Bottom001879 figure h2{ margin: 0; font-size: 26px; color: #fafafa;} .Bottom001879 figure h2 b{ color: #029a9b; } .Bottom001879 figure h3{ background: url(../images/Bottom002264-tel.png) no-repeat right center; margin: 10px 0; padding-right: 40px; font-size: 16px; color: #c2dadf; font-weight: normal;} .Bottom001879 section { margin-top: 1%; padding-top: 25px; border-top: 1px solid #00a6a7;} .Bottom001879 section ul{ position:absolute; right:0; bottom:0;} .Bottom001879 section li{ float:left;width:36px; height:36px; margin-left:10px;} .Bottom001879 section li a{ display:block; height:36px; background:url(../images/Bottom001879-share.png) no-repeat left top;} .Bottom001879 section li.sina a{ background-position:-57px 0;} .Bottom001879 section li.wx{ position:relative; z-index:100;} .Bottom001879 section p{ color:#e6e6e6; font-size:13px;} .Bottom001879 section p a{ color:#e6e6e6; } .Bottom001879 section a{ color:#e6e6e6; display:inline-block;} .Bottom001879 section i{ font-style:normal; color:#e6e6e6; margin:0 10px;} .Bottom001879 section a:hover{ color:#fff;} @media(max-width:1024px){ .Bottom001879 footer nav{ width: 100%;} .Bottom001879 figure{ position: relative; padding-top:0; text-align: center; } .Bottom001879 footer nav{ width: 100%; padding:25px 0; margin-bottom:0;} .Bottom001879 figure h3{ display: inline-block;} } @media(max-width:768px){ .Bottom001879 footer dl{ width: 33.333%;} .Bottom001879 footer dd {display: none;} .Bottom001879 section { text-align: center; } .Bottom001879 section ul{ position:relative; } .Bottom001879 section li{ float:none; display: inline-block; margin-left:10px;} } /* .Banner002388 */ .Banner002388{ position: relative; z-index: 1;width: 100%; overflow: hidden;} .Banner002388 div{ height: 340px; background-position:center top; background-repeat:no-repeat;} .Banner002388 img{ display:none;} @media(min-width:1025px){ /*.Banner002388{margin-top: 95px;} */ } @media(max-width:768px){ .Banner002388 div{ display:none;} .Banner002388 img{ display:block; width:100%;} } /* .Menu002290 */ .Menu002290{ background-color: #fff;padding:0.8% 1%;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05); box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .Menu002290 .auto{} .Menu002290 .menu ul li{ display:inline-block;} .Menu002290 .menu ul li a{ font-size:15px; line-height:30px; display:inline-block; color:#666; position:relative; overflow:hidden;} .Menu002290 .menu ul li.on a, .Menu002290 .menu ul li a:hover{ color:#fff; background-color:#029a9b;border-radius: 4px;} .Menu002290 .location{ line-height:30px; display: none; padding-left:27px; float:right; background:url(../images/Menu002290-location_home.png) no-repeat left 10px;} .Menu002290 .location a{ color:#acacac; padding-right:20px; margin-right:10px; background:url(../images/Menu002290-location_icon.png) no-repeat right;} .Menu002290 .location span{ color:#029a9b;opacity: .8;} @media only screen and (min-width: 768px) { .Menu002290 .location{ display: block;} .Menu002290 .menu ul li a{padding:0 17px; } } @media only screen and (max-width: 768px) { .Menu002290{ padding: 0 0 3%; } .Menu002290 .menu ul li a{margin-top: 15px;padding:0 17px; } } /* .Menu000412 */ .Menu000412{ padding:2% 0 0; text-align: center;} .Menu000412 a{ display: inline-block; margin: 0 0.5%; padding: 8px 3%; font-size: 18px; color: #9d9d9d; font-weight: lighter; border: 1px solid #eee; border-radius: 99px; } .Menu000412 a.aon, .Menu000412 a:hover{ color: #029a9b; border-color: #029a9b; } @media(max-width:768px){ .Menu000412 a{ padding: 5px 5%; font-size: 15px; } } /* .RichInfo005 */ .RichInfo005{ padding:2% 0 3% 0;} .RichInfo005 .auto{background-color: #fff;padding:2% ;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;font-size: 14px;line-height: 30px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#029a9b; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#029a9b;} @media(max-width:768px){ .RichInfo005 .news_info .title h1{ font-size:18px; } } /* .PicList001216 */ .PicList001216{ padding-bottom:1%;} .PicList001216 .auto{ padding:0 1%;} .PicList001216 dl{padding:2% 0; border-bottom:1px solid #f0f4f4;} @media(min-width:481px){ .PicList001216 dl{ display:table; width:100%; } .PicList001216 dd{ display:table-cell; vertical-align:middle;} .PicList001216 dd:nth-child(1){ width:90px;} .PicList001216 dd:nth-child(2){ width:19.1%;} .PicList001216 dd:nth-child(2) img{ width:85%;} .PicList001216 dd span{ display:block;} .PicList001216 dd h3{ position:relative;font-size:14px; height:20px;} .PicList001216 dd h3 a{ color: #333;} .PicList001216 dd .dot{ position:absolute; width:90%; left:0; top:0; line-height:20px;} .PicList001216 dd:nth-child(3){ font-size:12px;} } .PicList001216 dd span{font-size:42px;} .PicList001216 dd h3{ font-weight:normal;} .PicList001216 dd p{ line-height:20px; height:40px; overflow:hidden;} .PicList001216 dd .more{ display:inline-block; line-height:30px; padding:0 40px 0 26px; border:1px solid #c3d8d7; border-radius:28px; background:url(../images/PicList001216-more.png) no-repeat 95% center;} .PicList001216 dd .more:hover{color:#029a9b;} @media(max-width:1000px) and (min-width:481px){ .PicList001216 dd:nth-child(2){ width:30%;} } @media(max-width:480px){ .PicList001216 dl{ padding:2%;} .PicList001216 dd img{ width:100%;} .PicList001216 dd:nth-child(2){ padding:2% 0;} .PicList001216 dd h3{ font-size:16px;} .PicList001216 dd span{font-size:30px;} } /* .Page001936 */ .Page001936 .Pages{ padding:1% 0 3% 0; text-align:center; zoom:1; overflow:hidden;} .Page001936 .Pages .p_jump, .Page001936 .Pages .a_first, .Page001936 .Pages .p_cur, .Page001936 .Pages .p_count, .Page001936 .Pages .p_total, .Page001936 .Pages .a_end{ display:none;} .Page001936 .Pages a{ display:inline-block; width:100px; line-height:29px; border:1px solid #029a9b; border-radius:29px; background-color:#029a9b; color:#fff; margin:0 10px; font-size:14px;} .Page001936 .Pages a.a_next{ background-color:#fff; color:#029a9b;} .Page001936 .Pages em{ vertical-align:middle;overflow:hidden; font-style:normal; display:inline-block; font-family:"MS Serif", "New York", serif; font-weight: normal; margin:0 10px;} .Page001936 .Pages em a{ width:31px; line-height:29px; border-color:#eaeaea; color: #333; background: none; border-radius:29px; margin:0 4px;} .Page001936 .Pages a.a_cur{ border-color:#029a9b; background:#029a9b;color: #fff;} @media(max-width:480px){ .Page001936 .Pages{ padding: 5% 0; } .Page001936 .Pages .p_page em{display: none;} } /* .TextList002243 */ .TextList002243{padding-bottom: 3%} .TextList002243 .auto{padding:1%;background-color: #fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .TextList002243 .list li h4{font-size: 16px; color: #029a9b; font-weight: normal; margin-top: 0} .TextList002243 .list li h4:after{ content: ""; display: block; width: 40px; border-bottom: 1px solid #029a9b; margin: 17px 0 5px;opacity: .5} .TextList002243 .list dl dd{font-size: 14px; line-height: 24px; color: #474747; margin: 0 0 10px; position: relative; padding-left: 38px;} .TextList002243 .list dl dd .icon{ position: absolute; left: 0; top: 0; width: 27px; height: 25px; display: block; background: url(../images/TextList002243-icon.png) no-repeat;} .TextList002243 .list dl dd .addr-icon{ background-position: 0 0;} .TextList002243 .list dl dd .tel-icon{ background-position: 0 -39px;} .TextList002243 .list dl dd .email-icon{ background-position: 0 -77px;} .TextList002243 .list li{ border-bottom: 1px dashed rgba(0,0,0,.1); padding-bottom: 30px; margin-top: 30px} @media (min-width: 640px){ .TextList002243 .list li{ width: 48%; float: left;} .TextList002243 .list li:nth-child(1), .TextList002243 .list li:nth-child(2){ margin-top: 0;} .TextList002243 .list li.odd{ float: right;} } @media (min-width: 1024px){ .TextList002243 .list li h4{ font-size: 18px;} .TextList002243 .list dl dd{ font-size: 16px;;} } @media(max-width:1200px){ .TextList002243 .auto{ padding: 1% 2%; } } /* .Floor000369 */ .Floor000369{ background:url(../images/Floor000369_bg.jpg) center bottom no-repeat; padding: 4% 0; } .Floor000369 ul{ position:relative;} .Floor000369 li .pic-area{ position:relative; z-index:10;} .Floor000369 li .pic-area .pic{ display:none;width:180px; height:180px; border:3px solid #268169; border-radius:50%; overflow:hidden; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:10;} .Floor000369 li .pic-area .pic img{ display:block; width:100%;} .Floor000369 li .icon{ width:62px; height:62px; border-radius:50%; position:relative;} .Floor000369 li:nth-child(1) .icon, .Floor000369 li:nth-child(4) .icon{ background:#ff9c00;} .Floor000369 li:nth-child(2) .icon, .Floor000369 li:nth-child(3) .icon{ background:#189354;} .Floor000369 li .icon img{ max-width:80%; max-height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Floor000369 li h3{ margin:0; font-size: 16px; color:#757575; font-weight:normal;} .Floor000369 li.li-show h3{ color:#ff9c00;} @media(min-width:1025px){ .Floor000369 ul{height:412px; width:329px; margin:0 auto;background:url(../images/Floor000369-icon.png) no-repeat center top; } .Floor000369 li{ position:absolute; z-index:1;} .Floor000369 li:nth-child(1){ left:42px; top:82px;} .Floor000369 li:nth-child(2){ right:60px; top:110px;} .Floor000369 li:nth-child(3){ left:63px; top:199px;} .Floor000369 li:nth-child(4){ right:71px; top:225px;} .Floor000369 li:nth-child(1) .icon{ width:77px; height:77px;} .Floor000369 li:nth-child(4) .icon{ width:70px; height:70px;} .Floor000369 li.li-show{ z-index:10;} .Floor000369 li.li-show .pic-area .pic{ display:block;} .Floor000369 li .line{ position:absolute; z-index:2; width:134px; height:1px; top:50%; right:100%; background:#c1d8d2;} .Floor000369 li .line::before{ position:absolute; content:''; width:14px; height:14px; left:-14px; border:3px solid #189354; border-radius:50%; top:-7px;} .Floor000369 li:nth-child(2n) .line{ right:auto; left:100%;} .Floor000369 li:nth-child(2n) .line::before{ left:auto; right:-14px;} .Floor000369 li .txt{ max-width:350px; position:absolute; right:100%; margin-right:170px; top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%);} .Floor000369 li:nth-child(2n-1) .txt{ text-align:left;} .Floor000369 li:nth-child(2n) .txt{ right:auto; left:100%; margin-left:170px;} } @media(max-width:1024px){ .Floor000369 li{ float:left; text-align:center;margin-bottom:4%;} .Floor000369 li .icon{ margin:0 auto 15px;} } @media(min-width:641px) and (max-width:1024px){ .Floor000369 li{width:32%;} .Floor000369 li:not(:nth-child(3n)){ margin-right:2%; } } @media(max-width:640px){ .Floor000369 li{width:49%;} .Floor000369 li:not(:nth-child(2n)){ margin-right:2%; } .Floor000369 li h3, .Floor000369 .title h1{ font-size: 18px; } .Floor000369 .title h1::before, .Floor000369 .title h1::after{ height:18px;} .Floor000369 .title span{ font-size: 20px; } } /* .Floor001257 */ .Floor001257{ padding: 2% 0 4% 0; } .Floor001257 .title{ text-align:center; font-size:30px; padding:5% 0 4% 0; line-height:46px; color:#333;} .Floor001257 .title b{ margin-right:10px;} .Floor001257 li{ border-right:1px #ddd dotted; position:relative;} .Floor001257 li:last-child{ border-right:0;} .Floor001257 li a{ display:block; padding:0 8% 20%; } .Floor001257 li figure{ overflow:hidden; padding:8% 0;} .Floor001257 li figure span{ display:block; padding-bottom:60%;background-size:contain; transition:all ease 0.4s;} .Floor001257 li:hover figure span{ transform:scale(1.15);} .Floor001257 li h3{ margin:0; font-size:16px; font-weight:normal; line-height:26px; overflow:hidden; height:52px;} .Floor001257 li:hover a{ color: #029a9b; } .Floor001257 li p{ line-height:20px; color: #999; height:40px; overflow:hidden; font-size: 12px; } .Floor001257 li::before{ position:absolute; content:''; left:50%; margin-left:-26px; bottom:2%;width:30px;height:30px;background:url(../images/Floor001257-icon.png) no-repeat center center #ddd/30% auto;border-radius:50%;transform:rotate(0);transition:0.25s;} .Floor001257 li:hover::before{ background:url(../images/Floor001257-icon.png) no-repeat center center #029a9b/30% auto;transform:rotate(90deg);transition:0.5s; } .Floor001257 .list{ padding:0;} .Floor001257 .bx-wrapper{ position:relative;} .Floor001257 .bx-controls-direction a{ position:absolute; width:30px; height:30px; border-radius:50%; overflow:hidden; line-height:100px;background-color:#ff9c00; top:50%; margin-top:-15px;} .Floor001257 .bx-controls-direction a.disabled{ background-color:#ddd;} .Floor001257 .bx-controls-direction a.bx-prev{ left:-50px;} .Floor001257 .bx-controls-direction a.bx-next{ right:-50px;} .Floor001257 .bx-controls-direction a::before, .Floor001257 .bx-controls-direction a::after{ position:absolute; content:''; width:8px; height:3px; border-radius:3px; background-color:#fff; left:10px; transform:rotate(45deg); top:50%; margin-top:1px;} .Floor001257 .bx-controls-direction a::after{transform:rotate(-45deg);margin-top:-3px;} .Floor001257 .bx-controls-direction a.bx-next:before{left:12px; margin-top:-3px;} .Floor001257 .bx-controls-direction a.bx-next:after{left:12px; margin-top:1px;} @media(max-width:1240px){ .Floor001257 .bx-controls-direction a{ top:30%;} .Floor001257 .bx-controls-direction a.bx-prev{ left:0;} .Floor001257 .bx-controls-direction a.bx-next{ right:0;} } @media(max-width:640px){ .Floor001257 li h3{ line-height:22px; height:44px;} .Floor001257 li a{ padding-bottom:20%;} .Floor001257 li::before{ width:40px; height:40px; margin-left:-20px;} } @media(max-width:375px){ .Floor001257 li{ border-right:0;} .Floor001257 .title{ font-size:28px;} } /* .Floor002412 */ .Floor002412{ padding: 50px 0; background: #fff;} @media only screen and (max-width:1024 ) { .Floor002412{ padding: 30px 0;} } .Floor002412 .auto{ overflow: hidden;} .Floor002412 .list li{ float: left; } .Floor002412 .list li .pic{ overflow:hidden;} .Floor002412 .list li .pic a{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: transform .5s ease-in-out;} .Floor002412 .list li .pic a img{ visibility: hidden;} .Floor002412 .list li .pic a:hover{transform: scale(1.1);} .Floor002412 .list li .word h3{ margin: 30px 0 8px; font-size: 14px;} .Floor002412 .list li .word h3 a{ color: #029a9b;} .Floor002412 .list li .word time{ color: #b3b3b3; font-size: 14px;} .Floor002412 .list li .word figure{ height: 50px; overflow: hidden; line-height: 26px; color: #555; font-size: 14px; margin: 15px 0;} .Floor002412 .list li .word .more{ border-bottom: 1px solid #ddd; font-size: 12px; color: #029a9b; display: block; height: 45px; line-height: 45px; width: 80%; max-width: 110px; position: relative;transition: color .5s;} .Floor002412 .list li .word .more span{ position: relative; background: url(../images/Floor002412-more_icon.png) no-repeat right center; padding-right: 25px; z-index: 3;} .Floor002412 .list li .word .more:after{ content: ""; width: 0; height: 100%; background: #029a9b; display: block; position: absolute; top: 0;left: 0;transition: width .5s; } .Floor002412 .list li .word .more:hover:after{ width: 100%;} .Floor002412 .list li .word .more:hover{ color: #fff;} .Floor002412 .list li time{ background: url(../images/Floor002412_time.png) no-repeat left; padding-left: 25px;} .Floor002412 .more{ margin-top: 3%; text-align:center;} .Floor002412 .more a{ display:inline-block; padding-left:30px; text-align:left; width:143px; height:37px; line-height:37px; color:#fff; border-radius:37px; background: url(../images/Floor001734-more.png) no-repeat 90% center #ff9c00;} .Floor002412 .more a:hover{ background: url(../images/Floor001734-more.png) no-repeat 90% center #6cb22e;} /* .Floor002573 */ .Floor002573{ position:relative; z-index:0; background:url(../images/Floor000369_bg.jpg) center bottom no-repeat; padding: 50px 0;} @media only screen and (max-width:1024 ) { .Floor002573{ padding: 30px 0;} } .Floor002573 .owl-carousel{ position:relative; z-index:10;} .Floor002573 .owl-stage-outer{ overflow:hidden;} .Floor002573 .owl-item{ float:left;} .Floor002573 .owl-carousel .owl-nav div{ position:absolute; top:50%; transform:translateY(-50%); width:15px; height:26px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; line-height:1000px; cursor:pointer; background-size:contain;} .Floor002573 .owl-carousel .owl-nav div.owl-prev{ left:-4%; background-image:url(../images/Floor002505_btn_prev.png);} .Floor002573 .owl-carousel .owl-nav div.owl-prev:hover{ background-image:url(../images/Floor002505_btn_prev_hover.png);} .Floor002573 .owl-carousel .owl-nav div.owl-next{ right:-4%; background-image:url(../images/Floor002505_btn_next.png);} .Floor002573 .owl-carousel .owl-nav div.owl-next:hover{ background-image:url(../images/Floor002505_btn_next_hover.png);} .Floor002573 .item{ position:relative; border-radius:8px; background-repeat:no-repeat; background-position: center center; background-size:cover; overflow:hidden;} .Floor002573 .item a{ color:#fff; padding-bottom:80.652%; display:block; text-align:center; background:rgba(49,70,91,0.3); transition:0.3s;} .Floor002573 .item .main{position:absolute; left:0; top:50%; width:100%; height:auto; transform:translateY(-50%);} .Floor002573 .item p{ line-height:24px; height:0;font-size:12px;max-width:220px; margin:0 auto;transition:0.3s; transform:translateY(100px); opacity:0; margin-bottom:0; padding:0 2%;} .Floor002573 .item a:hover{background:rgba(2,154,155,0.9);} .Floor002573 .item a:hover p{ opacity:1;height:48px;margin-bottom:5%; transform:translateY(0);} .Floor002573 .item h3{ margin:0; font-size:18px; padding:2% 0; font-weight:normal;} .Floor002573 .item a span{ display:inline-block; background:url(../images/Floor002573_more.png) no-repeat; width:22px; opacity:0; transition:0.4s;} .Floor002573 .item a:hover span{ opacity:1;height:10px;} .Floor002573 .item .icon{ display: inline-block; margin: 0 auto; max-width:65px; max-height:65px; opacity:0.9; transition:0.4s;} .Floor002573 .item a:hover .icon{ opacity:1;} @media(max-width:1024px){ .Floor002573{ padding-left:3%; padding-right:3%;} .Floor002573 .owl-nav{ text-align:center; padding:3% 0;} .Floor002573 .owl-nav button{ margin:0 1px; position:relative; border:none; background:rgba(108, 178, 46); width:40px; height:40px; padding:0; cursor:pointer;} } @media(max-width:768px){ .Floor002573 .item a:hover{background:rgba(49,70,91,0.3);} .Floor002573 .item p{ opacity:1;height:48px;margin-bottom:5%; transform:translateY(0);} .Floor002573 .item a .icon{ opacity:1;} } @media(max-width:480px){ .Floor002573 .item .icon{ max-width:40px; max-height:40px;} } /* Icons */ /* Arrows */ .Floor001025 .slick-prev, .Floor001025 .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; background: #eee; color: transparent; top: 28%; padding: 0; border: none; outline: none; z-index: 9; transition: 350ms; margin-top: -10px9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .Floor001025 .slick-prev:hover, .Floor001025 .slick-prev:focus, .Floor001025 .slick-next:hover, .Floor001025 .slick-next:focus { outline: none; background-color: #ff9c00;} .Floor001025 .slick-prev:hover:before, .Floor001025 .slick-prev:focus:before, .Floor001025 .slick-next:hover:before, .Floor001025 .slick-next:focus:before { color: #fff;} .Floor001025 .slick-prev.slick-disabled:before, .Floor001025 .slick-next.slick-disabled:before { opacity: 0.5;} @media (min-width: 768px) { .Floor001025 .slick-prev, .Floor001025 .slick-next { top: 50%;} } .Floor001025 .slick-prev:before, .Floor001025 .slick-next:before { font-size: 24px; line-height: 1; color: #888; opacity: 0.75;font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-prev { border-radius: 0 50% 50% 0; left: 0;} [dir="rtl"] .slick-prev { left: auto; right: 0;} .Floor001025 .slick-prev:before { content: "e257";} [dir="rtl"] .slick-prev:before { content: "e257";} .Floor001025 .slick-next { border-radius: 50% 0 0 50%; right: 0;} [dir="rtl"] .slick-next { left: 0; right: auto;} .Floor001025 .slick-next:before { content: "e258";} [dir="rtl"] .slick-next:before { content: "e258";} /* Dots */ .Floor001025 .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;} .Floor001025 .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .Floor001025 .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .Floor001025 .slick-dots li button:hover, .Floor001025 .slick-dots li button:focus { outline: none;} .Floor001025 .slick-dots li button:hover:before, .Floor001025 .slick-dots li button:focus:before { opacity: 1;} .Floor001025 .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-dots li.slick-active button:before { color: black; opacity: 0.7;} .Floor001025 .carousel-center-mode .slick-track { min-height: 350px;} .Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto;} .Floor001025 h5{ margin-bottom: 10px !important;} .Floor001025 p{ margin-top: 0 !important;} @media (min-width: 768px) { .Floor001025 .carousel-center-mode .slick-list { width: 750px;} } @media (min-width: 992px) { .Floor001025 .carousel-center-mode .slick-list { width: 970px;} } @media (min-width: 1200px) { .Floor001025 .carousel-center-mode .slick-list { width: 1170px;} } /* .Floor000395 */ .Floor000395{ background: url(../images/Floor000395-bg.jpg) no-repeat center center; background-size: cover; padding: 50px 0;} @media only screen and (max-width:1024 ) { .Floor000395{ padding: 30px 0;} } .Floor000395 .HomeTitlestyle{ position:relative; text-align:center; height:68px; line-height:68px;} .Floor000395 .HomeTitlestyle i{ position:absolute; height:1px; line-height:0; font-size:0; overflow:hidden; background:#e5e5e5; width:100%; top:50%; left:0;} .Floor000395 .HomeTitlestyle h2{ display:inline-block; position:relative; background:#fff; padding:0 8px; z-index:2; text-transform:uppercase; font-size:22px; font-weight:normal; margin:0;} .Floor000395 .HomeClass{ position:relative; } .Floor000395 .HomeClass li{ background: #fff; position:relative; float:left; margin-right: 0.5%; margin-bottom: 0.5%; border: 1px solid transparent; list-style:none;height:300px;width:33%; text-align:center; transition:0.2s; box-shadow: 0 0 10px #ccc} .Floor000395 .HomeClass li:nth-child(1) .n_1, .Floor000395 .HomeClass li:nth-child(2) .n_1, .Floor000395 .HomeClass li:nth-child(3) .n_1{ background: url(../images/Floor000395-123.jpg) no-repeat center center; background-size: cover;} .Floor000395 .HomeClass li:nth-child(4) .n_1, .Floor000395 .HomeClass li:nth-child(5) .n_1{ background: url(../images/Floor000395-56.jpg) no-repeat center center; background-size: cover; padding-top: 3%;} .Floor000395 .HomeClass li:nth-child(3), .Floor000395 .HomeClass li:nth-child(5) {margin-right: 0;} .Floor000395 .HomeClass li figure {width: 100%; height: 100%; position: absolute; transform-style: preserve-3d; transition: transform 1s; -webkit-perspective: 800px; -moz-perspective: 800px; } .Floor000395 .HomeClass li figure .n_1,.Floor000395 .HomeClass li figure .n_2{ display: block; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transition: .8s ease-in-out ; -moz-transition: .8s ease-in-out ; /*动画元素背后设置为hidden*/ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .Floor000395 .HomeClass li figure .n_1{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; } .Floor000395 .HomeClass li figure .n_2{ background: #029a9b; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 1; display: table-cell; vertical-align: middle; } @media (min-width: 1200px) { .Floor000395 .HomeClass li:hover figure .n_1{ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); } .Floor000395 .HomeClass li:hover figure .n_2{ -webkit-transform: rotateY(0); -moz-transform: rotateY(0);} } .Floor000395 .HomeClass li figure .n_2 p{padding:0 3%;padding-top: 5%; color: #fff;} .Floor000395 .HomeClass li figure .n_2 a{ position: absolute; height: 100%; top: 0; left: 0; display:block; width: 100%; text-align:center;} .Floor000395 .HomeClass li figure .n_2 a span{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%; background:#ff9c00; border-radius: 99px; padding: 10px 35px; color:#fff; font-family:"宋体"; font-size:14px;} .Floor000395 .HomeClass li img{ max-width: 300px;} .Floor000395 .HomeClass li .txt{ padding:18px 5% 0; text-align: center;} .Floor000395 .HomeClass li:nth-child(4), .Floor000395 .HomeClass li:nth-child(5){height: 260px;} .Floor000395 .HomeClass li:nth-child(4) .txt, .Floor000395 .HomeClass li:nth-child(5) .txt{ display: inline-block; margin-left: 2%;width: 40%;vertical-align: middle;} .Floor000395 .HomeClass li h5{margin:0; font-size:12px; color:#999; font-weight:normal;} .Floor000395 .HomeClass li h3{margin:0 0 5%; font-size:14px; color:#000; font-weight:normal;} .Floor000395 .HomeClass li.big{ width:49.75%; } .Floor000395 .HomeClass li.big b{width:395px; height:199px;} .Floor000395 .HomeClass li:hover { border-color: #ff9c00;} .Floor000395 .HomeClass li:hover h3{ color:#ff9c00;} @media (max-width: 1024px) { .Floor000395 .HomeClass li { height: 250px; } .Floor000395 .HomeClass li img{ max-width: 210px;} } @media (max-width: 768px) { .Floor000395 .HomeClass li { padding-bottom: 8%; } .Floor000395 .HomeClass li , .Floor000395 .HomeClass li.big{ float: none; width: 100%;} .Floor000395 .HomeClass li .txt{display: block !important;} .Floor000395 .HomeClass li:nth-child(4) .txt, .Floor000395 .HomeClass li:nth-child(5) .txt{ width: auto;} .Floor000395 .HomeClass li{height: auto;} .Floor000395 .HomeClass li figure .n_1, .Floor000395 .HomeClass li figure{position: static;} } @media (max-width: 480px) { .Floor000395 .HomeClass li .txt_big{ top:80px; left:55%; right:15px;} } /* .Floor002048 */ .Floor002048{ padding:0 0 4% 0;} .Floor002048 ul{ position:relative; padding-bottom:50%;} .Floor002048 li{ position:absolute; border:1px #f2f2f2 solid; width:25%; height:50%;overflow:hidden;} .Floor002048 li.li_0, .Floor002048 li.li_5{ width:50%;} .Floor002048 li.li_0, .Floor002048 li.li_1, .Floor002048 li.li_2{ top:0; border-bottom:0px;} .Floor002048 li.li_3, .Floor002048 li.li_4, .Floor002048 li.li_5{ bottom:0;} .Floor002048 li.li_0, .Floor002048 li.li_3{ left:0;} .Floor002048 li.li_1{ left:50%;} .Floor002048 li.li_4{ left:25%;} .Floor002048 li.li_2, .Floor002048 li.li_5{ right:0; } .Floor002048 li.li_1, .Floor002048 li.li_4{ border-right:0px; border-left:0px; } .Floor002048 li a{ display:block; padding:15px; height:100%; } .Floor002048 li figure img{ display:none;} .Floor002048 li figure{ background-size:contain;} .Floor002048 li h5{ margin:0; font-size:18px; font-weight:normal; line-height:30px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#333;} .Floor002048 li span{ color:#8a8fa0; line-height:24px;} .Floor002048 li div{ opacity:0; position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,136,66,0.85); transition:0.3s;} .Floor002048 li div i{ color:#fff; position:absolute; width:100%; background:url(../images/Floor002048-detail.png) no-repeat center top; padding-top:40px; line-height:20px; top:50%; margin-top:-30px; text-align:center; font-style:normal;} .Floor002048 li a:hover div{ opacity:1;} @media(max-width:768px){ .Floor002048 li h5{font-size:16px;} } @media(max-width:640px){ .Floor002048 h1{ font-size:18px;} .Floor002048 h1 a{ font-size:12px;} .Floor002048 ul{ padding-bottom:0;} .Floor002048 li{ position:relative; left:auto !important; right:auto !important; top:auto !important;bottom:auto !important; width:49% !important; height:auto !important; float:left; margin-bottom:2%;margin-right:2%;} .Floor002048 li:nth-child(2n){ margin-right:0;} .Floor002048 li a{ height:auto;} .Floor002048 li figure{ height:auto !important; padding-bottom:75%;} } @media(max-width:480px){ .Floor002048 h1 span{ display:none;} } /* .RighInfo002190 */ .RighInfo002190 { padding:2% 0;} .RighInfo002190 .tit{ position: relative; margin: 0; font-size:28px; font-weight:normal; color:#333;; text-align:center;} .RighInfo002190 .tit::after{ background: #029a9b; display: block; width: 55px; height: 2px; margin: 25px auto 0; content: ''} .RighInfo002190 span.company { background: url(../images/RighInfo002190-yellow.png) no-repeat 30px center; display: block; margin: 0 auto; padding-left: 25px; width: 160px; height: 50px; font-size: 20px; color: #333; line-height: 45px; text-align: center; border: 2px solid #e8ca00; border-radius: 99px;} .RighInfo002190 span.business { background: url(../images/RighInfo002190-red.png) no-repeat 30px center; display: block; margin: 0 auto; padding-left: 25px; width: 170px; height: 50px; font-size: 20px; color: #333; line-height: 45px; text-align: center; border: 2px solid #ff4a0b; border-radius: 99px;} .RighInfo002190 dl { padding: 3% 0;} .RighInfo002190 dd { float: left; width: 33.333%; min-height: 328px; margin-top: -1px; padding: 2% 3%; border: 1px solid #eee;} .RighInfo002190 dd h3 { position: relative; font-size: 20px; color: #333;} .RighInfo002190 dd h3::after { background: #f2cd00; display: block; width: 28px; height: 2px; margin: 15px 0; content: ''} .RighInfo002190 dd p { margin: 1.5% 0; font-size: 16px; color: #666; line-height: 1.8;} .RighInfo002190 dd b { font-size: 15px;color: #333;} .RighInfo002190 dd .code { color: #999;} @media (max-width: 768px){ .RighInfo002190 .tit{ font-size:24px;} .RighInfo002190 dd { width: 50%; } } @media (max-width: 480px){ .RighInfo002190 .tit{ font-size:24px;} .RighInfo002190 dd { float: none; width: 100%; min-height: inherit; padding: 2% 2% 8%; text-align: center; } .RighInfo002190 dd h3::after { margin: 15px auto;} } /* .Demo001025 */ .Demo001025 { padding: 2% 0 0;} .Demo001025 .link {padding: 2% 0 5%;} .Demo001025 .link dd { float: left; width: 50%; text-align: center; border-right: 1px solid #ddd;} .Demo001025 .link dd:nth-child(2) { border-right: none;} .Demo001025 .link dd h2 { position: relative; font-size: 28px; color: #333; font-weight: normal;} .Demo001025 .link dd h2::after { background: #ddd; display: block; width: 45px; height: 2px; margin: 25px auto 45px; content: ''} .Demo001025 .link dd a { background: #adadad; padding: 8px 30px; color: #fff; border-radius: 99px;} .Demo001025 .link dd a:hover { background: #029a9b;} .Demo001025 .link dd:nth-child(2) a:hover { background: #f2c24e;} .Demo001025 .intro { background: #fafafa; padding-bottom: 3%;} .Demo001025 .intro .title { position: relative; font-size: 36px; color: #333; font-weight: normal; text-align: center;} .Demo001025 .intro .title::after { background: #029a9b; display: block; width: 35px; height: 2px; margin: 20px auto; content: ''} .Demo001025 .intro p { font-size: 15px; color: #333; line-height: 1.25; text-align: center;} .Demo001025 .img_scroll{ max-width:1200px; margin:0 auto; padding-bottom:22px;} .Demo001025 .img_scroll .bx-wrapper{position:relative;} .Demo001025 .img_scroll li img{ display:block; width:100%;} .Demo001025 .img_scroll .bx-controls-direction a{ position:absolute; top:50%; width:50px; height:50px; margin-top:-17px;} .Demo001025 .img_scroll .bx-controls-direction a span{ position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px;} .Demo001025 .img_scroll .bx-controls-direction a.bx-prev{ left:0; background: url(../images/Demo001025-prev.png) no-repeat center center rgba(255,255,255,.6);} .Demo001025 .img_scroll .bx-controls-direction a.bx-next{ right:0; background: url(../images/Demo001025-next.png) no-repeat center center rgba(255,255,255,.6);} .Demo001025 .img_scroll2{ max-width:1200px; margin:0 auto; padding-bottom:22px;} .Demo001025 .img_scroll2 .bx-wrapper{position:relative;} .Demo001025 .img_scroll2 li img{ display:block; width:100%;} .Demo001025 .img_scroll2 .bx-controls-direction a{ position:absolute; top:50%; width:50px; height:50px; margin-top:-17px;} .Demo001025 .img_scroll2 .bx-controls-direction a span{ position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px;} .Demo001025 .img_scroll2 .bx-controls-direction a.bx-prev{ left:0; background: url(../images/Demo001025-prev.png) no-repeat center center rgba(255,255,255,.6);} .Demo001025 .img_scroll2 .bx-controls-direction a.bx-next{ right:0; background: url(../images/Demo001025-next.png) no-repeat center center rgba(255,255,255,.6);} .Demo001025 .box { padding: 2% 0;} .Demo001025 .box dd { background: #fffffa; position: relative; float: left; width: 50%; margin-top: -1px; margin-left: -1px; padding: 4% 3% 4% 210px; border: 1px solid #eee;} .Demo001025 .box dd img { position: absolute; left: 8%; top: 30%; width: 110px; height: 110px;} .Demo001025 .box dd h3 { position: relative; font-size: 22px; color: #333; font-weight: normal;} .Demo001025 .box dd h3::after { background: #ddd; display: block; margin: 15px 0; width: 20px; height: 1px; content: ''} .Demo001025 .box dd span {display: block; font-size: 16px; color: #333; line-height: 2; text-align: justify; height: 54px;} @media (max-width: 768px){ .Demo001025 .box dd { float: none; width: 100%; margin-top: -1px; margin-left: 0; padding: 4% 3% 7% 210px;} .Demo001025 .box dd img { top: 20%;} } @media (max-width: 480px){ .Demo001025 .link dd { float: none; width: 100%; margin-bottom: 15%; border-right: none;} .Demo001025 .intro .title { font-size: 26px; } .Demo001025 .box dd { float: none; width: 100%; margin-top: -1px; margin-left: 0; padding: 4% 3% 7% 180px;} .Demo001025 .box dd img { top: 20%;} } .Demo001025 .box_v .bx-pager{display: none;} .Demo001025 .box_v .bx-controls-direction{display: none;} /* .TextList001652 */ .TextList001652 { padding: 2% 0;} .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:20%; text-align:center;} .TextList001652 .job_ol li{ background-color:#029a9b; font-size: 15px; color:#fff; line-height:3em;} .TextList001652 .list{ border-bottom:1px solid #ebebeb;} .TextList001652 .job_info{ display:none;} .TextList001652 .list_ul{ cursor:pointer;} .TextList001652 .list_ul li{ padding:1em 0; } .TextList001652 .list_ul li:nth-child(5) a{ border:1px solid #ededed; border-radius:5px; display:inline-block; padding:0 7%; line-height:1.8em;} .TextList001652 .list_ul li:nth-child(5) a:hover{ background-color:#029a9b; color:#fff;} .TextList001652 .job_info{padding:2% 5% 2%; line-height: 2; border-top: 1px solid #ededed;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:25%;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } /* .PicList002120 */ .PicList002120{ padding:3% 0 0;} .PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;} .PicList002120 li a{ display:block;} .PicList002120 li p{ background: #fafafa; margin:0; color: #666; line-height:46px; padding:0 2%; text-align:center; font-size:15px; border: 1px solid #eee; border-top: none;} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:78%; background-size:contain;} @media(min-width:641px){ .PicList002120 li:nth-child(4n){ margin-right:0;} } @media(max-width:640px){ .PicList002120 li{ width:48%; margin-right:4%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList002120 li p{ font-size:14px;} } /* .Map001070 */ .Map001070{ padding:2% 0;} .Map001070 dd{ margin-bottom:2%; padding-right:53%; background-color:#fff; position:relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.05);} .Map001070 dd:last-child{ margin-bottom:0;} .Map001070 .map *{ max-width:none;} .Map001070 .map .BMap_cpyCtrl{display: none;} .Map001070 dd figure{ padding:3% 0 3% 5%;} .Map001070 dd figure h1{font-size: 20px; color: #029a9b; font-weight:normal; padding: 16px 0; margin:0;border-bottom: 1px solid #eee;} .Map001070 dd ul{ padding-top:16px;} .Map001070 dd li{font-size: 16px; color: #666;line-height:25px; margin-bottom:10px; padding-left:36px; background-repeat:no-repeat; background-position:0 0;} .Map001070 dd li:nth-child(1){background-image:url(../images/Map001070-ico_01.png);} .Map001070 dd li:nth-child(2){background-image:url(../images/Map001070-ico_02.png);} .Map001070 dd li:nth-child(3){background-image:url(../images/Map001070-ico_03.png);} .Map001070 dd li:nth-child(4){background-image:url(../images/Map001070-ico_04.png);} .Map001070 dd li:nth-child(5){background-image:url(../images/Map001070-ico_05.png);} @media(min-width:641px){ .Map001070 .map{ position:absolute !important; width:50%; right:0; height:100%; top:0;} } @media(max-width:640px){ .Map001070 dd{ padding:3%;} .Map001070 dd li{font-size: 14px;} .Map001070 .map{ height:250px; position:relative !important;} .Map001070 dd figure{ padding:0;} } @media(max-width:480px){ .Map001070 dd figure h1{ font-size:16px;} } /* .Form001273 */ .Form001273{ padding:2% 0;} .Form001273 .auto{ background:url(../images/Form001273-bg.jpg) no-repeat left top/auto 100%; padding-top: 2%;} .Form001273 .from{ width:100%; max-width:720px; margin:0 auto;} .Form001273 .from li{ padding:0 19%;} .Form001273 .from li{ background-color:rgba(53, 163, 90, 0.1); margin-bottom:2%; padding-top:5px; padding-bottom:5px; transition:0.3s;} .Form001273 .from li .text{ background:#fff; width:100%; line-height:30px; padding:2% 10px; border:none;} .Form001273 .from li:last-child{ background:none !important; padding-top:3%;} .Form001273 .from li .btn{ cursor:pointer; height:44px; color:#fff; width:40%; font-size:16px; background:#029a9b; border-radius:44px; border:none; padding:0; min-width:100px;} .Form001273 .from li:hover{background:#029a9b;} .Form001273 .from li:hover .text, .Form001273 .from li .text:focus{ box-shadow:0 0 3px #029a9b inset;} @media(max-width:640px){ .Form001273 .auto{ background:none;} .Form001273 .from li{ padding:1% 3%;} .Form001273 .from li .btn{ width:80%; font-size:14px; } } /* .PicList001825 */ .PicList001825 { padding-top: 1%;} .PicList001825 li { padding: 2% 0 0.05%; } .PicList001825 li .auto{ position: relative; margin-bottom:2%; padding-left: 280px; padding-bottom:2%; } .PicList001825 li:nth-child(2n){ background: #f9f9f9;} .PicList001825 li h2{ position: relative; margin-bottom:5px; font-size:18px; color: #333; font-weight: normal;} .PicList001825 li h2 span{ display: inline-block; height: auto; color: #333; line-height: normal; vertical-align: bottom;} .PicList001825 li h2::after{ background: #029a9b; display: block; margin: 30px 0 10px; width: 40px; height: 2px; content: ''} .PicList001825 li p { font-size: 18px; color: #5a5a5a; font-weight: normal;} .PicList001825 li span{ display: block; max-width: 740px; height: 160px; overflow: hidden; color:#8c8c8c; line-height: 26px; text-align: justify;} .PicList001825 li figure{ background-size: contain; background-position: left top; position: absolute; left: 0; top: 0; width:240px; height: 100%;} .PicList001825 li figure img{ display:none;} @media(max-width:768px){ .PicList001825 li { padding: 8% 0 2%; } .PicList001825 li .auto{ padding-left: 2%; text-align: center;} .PicList001825 li figure{ background-image: none !important; position: relative; width: 100%; height: auto;} .PicList001825 li figure img{ display: inline-block;} .PicList001825 li h2::after{ margin: 20px auto 10px; } .PicList001825 li span{ height: auto; text-align: center;} } @media(max-width:375px){ .PicList001825 li p{ font-size:15px;} .PicList001825 li span{ font-size:12px;} } /* .RighInfo001910 */ .RighInfo001910{ padding:2% 0 0;} .RighInfo001910 .info2{ background: #f8f8f8; margin: 2% 0; padding: 2% 0;} .RighInfo001910 .info2:last-child{ margin: 2% 0 0; } .RighInfo001910 .pic{ float:right; margin-top: 1%; margin-left:5%;} .RighInfo001910 .info2 .pic{ float:left; margin-left:0; margin-right: 5%;} .RighInfo001910 h3 { position: relative; margin: 1% 0; font-size:28px; color:#ff9c00; font-weight: normal;} .RighInfo001910 h3 span{padding-left: 15px; font-size:24px; color:#c4c4c4; } .RighInfo001910 p { font-size: 16px; color: #666; line-height: 2; text-align: justify;} @media(max-width:640px){ .RighInfo001910 .pic, .RighInfo001910 .info2 .pic{ float:none; margin: 2% 0 2%;} .RighInfo001910 h3 { font-size:22px; } .RighInfo001910 br {display: none; } .RighInfo001910 p { font-size: 14px; line-height: 1.8; } } .conbox{ padding-top:2%;} /*Menu002306*/ .Menu002306{padding-top: 30px;background-color: #fff;padding:2% ;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .Menu002306 .side-title{ color:#029a9b; padding:10% 0 10% 20px; font-size:24px;} .Menu002306 .side-title span{position:relative; display:block; font-size:20px;padding-bottom:15px; font-weight:normal; text-transform:capitalize; color:#373528;} .Menu002306 .side-title span::before{ position:absolute; left:0; bottom:5px; content:""; width:20px; height:2px; background:#029a9b;} .Menu002306 .side-menu{background-color:#f4f8fb; overflow:hidden;} .Menu002306 .side-menu li a{ display:block;line-height:32px;} .Menu002306 .side-menu ul > li > a.select{ background: #029a9b; color: #fff;} .Menu002306 .side-menu ul > li > a.select::after{ transform:rotate(90deg); background:none} .Menu002306 .side-menu > ul > li >a{ padding:0 20px; color:#373528; line-height:49px; position:relative; border-top:1px solid #fff; background:#ecf1f7;} .Menu002306 .side-menu > ul > li >a::after{ position:absolute; content:'>'; width:16px; height:16px; border-radius:50%; background:#c1e6e6; color:#fff; text-align:center; line-height:18px; font-family:宋体; font-size:12px; right:16px; top:50%; margin-top:-8px;} .Menu002306 .side-menu > ul > li ul{ display:none; padding:0 15px;} .Menu002306 .side-menu > ul > li > ul{ padding-left:32px; padding-right:32px;} .Menu002306 .side-menu > ul > li > ul > li > a{ background:url(../images/Menu002306-a_off.png) no-repeat left center; padding-left:15px;} .Menu002306 .side-menu > ul > li > ul > li > a.on{background:url(../images/Menu002306-a_on.png) no-repeat left center; color: #ff9c00;} .Menu002306 .side-menu > ul > li > ul > li > a.on:hover{color: #ff9c00;} .Menu002306 .side-menu > ul > li >a.on::after{ transform:rotate(90deg); background:none} .Menu002306 .side-menu > ul > li >a.on{ background: #ff9c00; color: #fff;} .Menu002306 .side-menu ul > li > a.select:hover{ color: #fff;} .Menu002306 .side-menu ul > li > a.on:hover{ color: #fff;} .Menu002306 .side-menu ul li ul li ul li a::before{ display:inline-block; content:''; vertical-align:middle;width: 3px;height: 3px;background: #555; margin-right:10px;} .Menu002306 .side-menu li.select > a{ background-color:#029a9b; color:#fff; } .Menu002306 .side-menu li.select > a::after{ transform:rotate(90deg); background:none} .Menu002306 .side-menu ul li ul li.select > a{ background-color:transparent; color:#ff9c00;} .Menu002306 .side-menu ul li a:hover{ color:#ff9c00;} .Menu002306 .side-open_menu{ display:none;} @media(min-width:1025px){ .Menu002306 .side-menu{ display:block !important;} } @media(max-width:1024px){ .Menu002306{padding-top: 0;} .Menu002306 .side-open_menu{ display:block; border:2px solid #ff9c00; padding:10px 20px 10px 10px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold; color:#ff9c00; border-radius:0 0 5px 5px; position:relative;} .Menu002306 .side-open_menu::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#87b2c7; right:10px; top:50%; margin-top:-3px;} .Menu002306 .side-menu{ display:none; padding-bottom:20px;} } @media(max-width:768px){ .Menu002306 .side-title{ padding:3% 0; font-size:20px;} } /* .PicList001132 */ .PicList001132{ padding-bottom: 4%; } .PicList001132 li{ position:relative; border-bottom:1px solid #eee; padding-bottom:2%; margin-bottom:2%;} .PicList001132 li:last-child{ margin-bottom:0;} .PicList001132 li h3 a{ font-size:18px;color: #333;} .PicList001132 li div.con{ position:relative; padding-left:210px; min-height:180px;} .PicList001132 li figure{ position:absolute; overflow:hidden; left:0; top:0; border:1px solid #ddd; width:180px;transition: all ease 0.3s;} .PicList001132 li figure img{ width:100%;} .PicList001132 li .more:hover{color:#029a9b;} .PicList001132 li .con div{ line-height:24px; clear:both;} .PicList001132 li .con div strong{ background: #029a9b; color:#fff; font-weight: normal; float:left; width:8%; margin-right: 5px; text-align: center; border-radius: 12px 2px 12px 2px;} .PicList001132 li .con div span{ float:right; width:90%; margin-bottom:12px; color: #666; text-align: justify;} .PicList001132 .customized{margin:30px 0; } @media(max-width:768px){ .PicList001132 li figure{ position:relative; width:100%;} .PicList001132 li div.con{padding-left: 0;} .PicList001132 li .con div strong{ width:15%;} .PicList001132 li .con div span{ width:80%; } } @media(max-width:640px){ .PicList001132 li{ float:none; width:auto; margin-right:0 !important;} } /*RighInfo001774*/ .RighInfo001774{ padding:2% 0 3% 0;} .RighInfo001774 .title{ color:#029a9b; font-size:22px; padding:20px 0; margin:0; margin-bottom:10px;} .RighInfo001774 .list_img{float:left; width:40%;} .RighInfo001774 .big{ margin-bottom:20px;} .RighInfo001774 .big li figure{ padding-bottom:100%; background-size:contain;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{ display:none;} .RighInfo001774 .scroll{ padding:0 30px; position:relative; overflow:hidden;} .RighInfo001774 .scroll .bd{ display:none;} .RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{ left:0;} .RighInfo001774 .scroll a.next{ right:0;} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{ cursor:default;} .RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;} .RighInfo001774 .scroll .bd li{ float:left;} .RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:90%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;} .RighInfo001774 .intro{ float:right; width:55%; padding-right:3%;} .RighInfo001774 .intro h3{ font-size:18px; color: #373528; border-bottom: 1px solid #f0f4f4; padding-bottom:2%; margin-bottom:2%;} .RighInfo001774 .intro p{ margin:0; margin-bottom:14px; line-height:30px;} .RighInfo001774 .buy{ padding-top:5%; margin-top:5%;} .RighInfo001774 .buy a{display:inline-block; font-size:16px;height:40px; line-height:40px; color:#666;text-align:center; border-radius:40px; padding:0 50px;background:#029a9b; } .RighInfo001774 .buy a.gobuy{margin-right:10px;color:#fff;} .RighInfo001774 .buy a.addcart{ background: #f4f8fb;} @media(max-width:768px){ .RighInfo001774 .buy a{ font-size:14px;height:35px; line-height:35px; border-radius:35px; padding:0 20px; } } .RighInfo001774 .topbox{background-color: #fff;padding:2% ;-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.05);; box-shadow:0px 0px 10px rgba(0,0,0,0.05);} .RighInfo001774 .infobox .tab{ overflow:hidden; margin:30px 0 0; border-bottom:1px solid #f0f4f4;} .RighInfo001774 .infobox .tab span, .RighInfo001774 .infobox .tab a{ float:left; margin-right:5px ;padding:0 23px; color:#373528; background:#f4f8fb; font-weight:normal; font-size:15px; line-height:48px; cursor:pointer;} .RighInfo001774 .infobox .tab span:last-child{margin-right:0;} .RighInfo001774 .infobox .tab span.on{ background:#029a9b; color:#fff;} .RighInfo001774 .single{ padding:20px 0; min-height:200px;color: #373528; /*font-size:15px;*/ line-height:30px; font-weight: normal; /*text-indent: 2em !important;*/} /*.RighInfo001774 .single h1, .RighInfo001774 .single h2, .RighInfo001774 .single h3, .RighInfo001774 .single h4, .RighInfo001774 .single h5, .RighInfo001774 .single b, .RighInfo001774 .single span, .RighInfo001774 .single p{!* color: #373528 !important; *!font-size:15px !important; line-height:30px !important; font-weight: normal !important; text-indent: 2em !important; margin: 8px 0 !important; font-family: "Microsoft YaHei" !important; }*/ .RighInfo001774 .single table{ border-color:#f0f4f4; border:1px solid #f0f4f4 !important; width:100% !important; text-align:left; line-height:50px; text-indent:2em;} .RighInfo001774 .single table th{ /* width: 50% !important; */ width: auto !important; font-size: 14px !important; font-weight: bold !important; border:1px solid #f0f4f4;} .RighInfo001774 .single table td{ /* width: 50% !important; */width: auto !important; font-size: 14px !important; border-collapse: collapse !important; border:1px solid #f0f4f4 !important;} .RighInfo001774 .single table tr:nth-child(1){color: #FFFFFF !important;} .RighInfo001774 .single li, .RighInfo001774 .single .list dd{ padding:20px 0; line-height:24px; border-bottom:1px solid #f0f4f4; position:relative; padding-left:20px;} .RighInfo001774 .single .list dd{ padding:20px 0; line-height:24px; border-bottom:1px solid #f0f4f4; position:relative; padding-left:20px;} .RighInfo001774 .single .list li:before, .RighInfo001774 .single .list dd:before{ position:absolute; content:""; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#029a9b;} .RighInfo001774 .single li a{ color: #666;} .RighInfo001774 .single li .download{ font-style:normal; float:right; text-decoration:underline; font-size:14px; color:#029a9b;} .RighInfo001774 .single dt{ color:#029a9b;} .RighInfo001774 .single dl.pics{ padding: 20px 0;} .RighInfo001774 .single dl.pics dd{ float: left; width: 23%; margin-right: 2.5%; padding-bottom: 24%;} .RighInfo001774 .single dl.pics dd:nth-child(4n){ margin-right: 0;} .RighInfo001774 .single img{display: block;margin: 0 auto;} .RighInfo001774 .p{text-indent:0 !important;} .RighInfo001774 .p a{color:#029a9b; } .RighInfo001774 .details .MsoNormal{ margin: 0 !important; padding:20px 0 !important; font-size: 14px !important; line-height:24px !important; text-indent: 0 !important; border-bottom:1px solid #f0f4f4 !important; position:relative !important; padding-left:20px !important;} .RighInfo001774 .details .MsoNormal:before{ position:absolute !important; content:"" !important; left:0 !important; top:50% !important; margin-top:-2px !important; width:4px !important; height:4px !important; border-radius:50% !important; background:#029a9b;} .RighInfo001774 table, .RighInfo001774 .table { border: none; width: 100% !important;} .RighInfo001774 .table h1, .RighInfo001774 .table h2, .RighInfo001774 .table h3, .RighInfo001774 .table h4, .RighInfo001774 .table h5, .RighInfo001774 .table p, .RighInfo001774 .table span{margin: 0 !important; font-weight: normal !important;font-size: 12px !important; border:none !important; line-height:18px !important;} .RighInfo001774 .table td{border:none !important; border-bottom:1px solid #efefef !important; padding:2% 10px !important; font-size: 12px !important;} .RighInfo001774 .table tr:nth-child(1){ font-weight:bold !important;color:#fff !important; background: #029a9b !important;} .RighInfo001774 .table tr:nth-child(1) td{ background: #029a9b !important;} .RighInfo001774 .table td:nth-child(2){ width:56% !important;} @media(max-width:1200px){ .RighInfo001774 .infobox .tab span, .RighInfo001774 .infobox .tab a{ margin-right:5px ;padding:0; font-size:14px; text-align: center; width: 10.5%; } } @media(max-width:1000px){ .RighInfo001774 .intro{width:55%; margin-right:0;} } @media(max-width:888px){ .RighInfo001774 .infobox .tab span, .RighInfo001774 .infobox .tab a{ margin-bottom: 5px; width: 18%; } } @media(max-width:768px){ .RighInfo001774 .list_img, .RighInfo001774 .intro{ float:none; width:auto; margin-bottom:3%;} .RighInfo001774 .tableInfo dd{ width:50%;} .RighInfo001774 .single dl dd{ width: 48%; margin-right: 2%; margin-bottom: 2.5%; padding-bottom: 24%;} .RighInfo001774 .single dl dd:nth-child(2n){ margin-right: 0;} } @media(max-width:640px){ .RighInfo001774 .list dl{ font-size:12px;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ padding:10px;} .RighInfo001774 .infobox .tab span, .RighInfo001774 .infobox .tab a{ margin-bottom: 5px; width:23.5%; padding:0 5px; font-size:14px; line-height:35px;} } @media(max-width:480px){ .RighInfo001774 .list dl:nth-child(2n){ background-color:#ececec;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ display:block; width:auto !important;} .RighInfo001774 .list dd{ border-top:1px dashed #d2d2d2} .RighInfo001774 .list dd.name{ border-left:0;} .RighInfo001774 .tableInfo dd{ float:none; width:auto;} } /* .Demo001600 */ .Demo001600 { padding: 2% 0; } .Demo001600 dl { position: relative; float: left; width: 23%; margin-right: 2.65%; margin-bottom: 2.65%; border-radius: 35px 4px 35px 4px; overflow: hidden; text-align: center; } .Demo001600 dl:nth-child(4n){ margin-right: 0; } .Demo001600 dl a { overflow:hidden; display: block; z-index: 10; } .Demo001600 dl img { border: 4px solid #eee; border-radius: 999px; } .Demo001600 dl dt { font-size: 16px; color: #666; line-height: 3.5; text-align: center; } @media(max-width:768px){ .Demo001600 dl dt { font-size: 16px; color: #666; line-height: 2.5; text-align: center; } } /* .Demo001105 */ .Demo001105 { padding: 2% 0; } .Demo001105 dl { margin-bottom: 1%; } .Demo001105 dt { background: linear-gradient(#fff, #ebebeb); padding: 1.25% 3%; border: 1px solid #e6e6e6; cursor: pointer; } .Demo001105 dt h2 { background: url(../images/Demo001105-arrow.png) no-repeat 98% center; margin: 0; font-size: 16px; color: #7c7c7c; } .Demo001105 dt.select h2 { background: url(../images/Demo001105-select.png) no-repeat 98% center; } .Demo001105 dl .list { display: none; } .Demo001105 dd { background: #f0f9f1; position: relative; margin-bottom: 1px; padding: 3%; border: 1px solid #f2f2f2; } .Demo001105 dd h2 { margin: 0 0 2%; font-size: 18px; color: #029a9b; padding-right: 100px; } .Demo001105 dd b { font-size: 16px; color: #333; } .Demo001105 dd figure { float: left; width:46%; line-height: 2; text-align: justify; margin-right: 8%; } .Demo001105 dd figure:nth-child(2n+1) { margin-right:0; } .Demo001105 dd .link { background: #fff; position: absolute; right: 3%; top: 10%; padding: 10px 20px; font-size: 14px; color: #959595; border: 1px solid #b0bcb4; border-radius: 99px; } .Demo001105 dd .link:hover { background: #029a9b; color: #fff; border-color: #029a9b; } @media(max-width:768px){ .Demo001105 dd figure { float: none; width: 100%; margin-right: 0 !important; } .Demo001105 dd .link { position: relative; display: inline-block; right: auto; margin-top: 1%; } } @media(max-width:480px){ .Demo001105 dt { padding: 3% 3%; } } /* .TextList002514 */ .TextList002514 {padding: 2% 0;} .TextList002514 .list{ border:1px solid #e8e8e8; padding:0 3%; margin-bottom:15px;} .TextList002514 .job-title{ line-height:30px; padding:15px 0; font-size:16px; cursor:pointer; position:relative; padding-right: 30px;} .TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#ff9c00; border-radius:50%; right:0; top:50%; margin-top:-11px;} .TextList002514 .job-title i::before, .TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;} .TextList002514 .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{ color:#029a9b;} .TextList002514 .job-main{ display:none; padding:22px 0; color: #666; line-height: 2; text-align: justify; border-top:1px dotted #e5e5e5;} @media(max-width:768px){ .TextList002514 .job-title{ font-size:15px; } } /* .TextList001130 */ .TextList001130{ padding:2% 0;} .TextList001130 li{ line-height:30px;font-size:16px; padding:20px 0; border-bottom:1px solid #ededed;} .TextList001130 li span{ float:left; width:30px; height:30px; background-color:#029a9b; margin-right:10px; text-align:center; color:#fff; font-weight:bold;} .TextList001130 li a{ padding-right:40px; color: #666;} .TextList001130 li:hover a{background:url(../images/TextList001130-more.gif) no-repeat right center; } @media(max-width:768px){ .TextList001130 li{ font-size:14px; padding:10px 0;} } /* .TextList000746 */ .TextList000746 { padding: 2% 0;} .TextList000746 li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0;} .TextList000746 li a{ padding-left:20px; background:url(../images/TextList000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#02801a;} .TextList000746 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} /* .TextList002322 */ .TextList002322{ padding: 2% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; color: #666;} .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #02801a;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } .pros_box{ padding-bottom: 30px;} .pros_box h2{ text-align: center; color: #333;} .pros_box p{ text-indent: 2em; margin: 0; padding: 0; line-height: 34px;} .pros_box h4{ font-size: 16px;text-indent: 2em; margin: 0; padding: 0; margin-top: 20px;} .pros_box table{ border: solid 1px #666666; width: 100%; text-align: center; margin: 20px 0;} .pros_box table tr{border: solid 1px #666666;} .pros_box table th{border: solid 1px #666666; padding:15px 5px; color: #fff; background: #029a9b;font-size: 16px;} .pros_box table td{border: solid 1px #666666; padding:15px 5px;font-size: 16px;} .xiazai{background: #029a9b; ;display: block; margin: 0 auto; width: 100%; max-width: 150px; height: 50px; line-height: 50px; text-align: center; border-radius: 30px; font-size: 16px; color: #fff!important;} .xiazai{ margin-bottom: 60px;} .Form002319{ margin: 0 auto; font-size: 14px; max-width: 800px; margin: 0 auto; margin-bottom: 70px; padding: 50px 0;} .Form002319 .row dl{ width: 100%; padding-right: 20px; position: relative; line-height: 40px; margin-bottom: 15px;} .Form002319 .row dl em{ font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block;} .Form002319 input.text{ border: 1px solid #f0f0f0; background: none; display: block; height: 40px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333;} .Form002319 input.text::-ms-input-placeholder{ color: #aaa;} .Form002319 select{border: 1px solid #f0f0f0; background: none; display: block; height: 40px; width: 100%; padding: 5px 10px; color: #757575; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; background: url(../images/Form002319-icon.png) no-repeat scroll 97% center transparent;} .Form002319 select::-ms-expand { display: none; } .Form002319 .btn{ background: #029a9b; height: 40px; display: block; border: 1px solid #029a9b; width: 33.3334%; max-width: 150px; float: left; margin-right: 15px; font-size: 16px; color: #fff; margin-top: 30px;} .Form002319 textarea.text{ border: 1px solid #f0f0f0; background: none; display: block; height: 120px; line-height: 28px; width: 100%; padding: 5px 10px; color: #333;} .Form002319 .row a{ color:#029a9b; padding-left: 10px; } .Form002319 .row dl p{ line-height: 24px; margin: 0;} @media only screen and (min-width:480px ) { .Form002319 .row2 dl{ float: left; width: 48%;} .Form002319 .row2 dl:last-child{ float: right;} .Form002319 .btn{ font-size: 18px;} } @media only screen and (min-width:1025px ) { .Form002319{ padding: 88px 30px 30px;} } .PicList001395{ padding:3% 0 2%;} .PicList001395 li{width:28%; float: left; margin:0 8% 3% 0; text-align: center;} .PicList001395 li:nth-child(3n){ margin-right:0;} .PicList001395 li .pic{padding-bottom:113%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; border: 5px solid #f5f5f5;} .PicList001395 li img{width: 100%; display:none;} .PicList001395 li .dot{color: #353535;font-size: 16px; margin:20px auto;text-align: center; padding: 0 10px;} .PicList001395 li:hover .dot, .PicList001395 li:hover .more{color: #029a9b;} .PicList001395 li .more{width: 122px; height: 34px; line-height: 34px; color: #000; text-align: center; padding-left: 35px; background: url(../images/PicList001395_btn.png) 0 0 no-repeat;display: inline-block;} @media (max-width: 768px){ .PicList001395 li{width: 49%; margin: 0 2% 3% 0;} .PicList001395 li:nth-child(3n){ margin-right:2%;} .PicList001395 li:nth-child(2n){ margin-right:0;} } @media(max-width:320px){ .PicList001395 li{ float:none; margin-right:0 !important; width:auto;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding:3% 0 2%;} .PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:72%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -3px;margin-top: -12px;} .PicList000593 li p{text-align:center;} @media(max-width:768px){ .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } /* .Form000573 为demo编号 */ .Form000573{ padding:3% 0 8%;} .Form000573 .title{ font-size:30px; color:#333; text-align:center; font-weight: bold; letter-spacing:4px;} .Form000573 .title span{display:block; margin:17px auto; width:45px; height:2px; background:#029a9b;} .Form000573 .txt{font-size:16px; color:#666; line-height:30px; text-align: center; max-width:500px;margin: 15px auto;} .Form000573 .box{background: #fff;padding: 15px 30px;border: solid 1px #EB0000;color:#69727b; font-weight: bold; margin: 30px auto;max-width: 490px;border-radius: 5px; text-align: center; display: none;} .Form000573 .con{text-align: center; color:#444;margin:40px auto 30px;} .Form000573 .con p{margin: 0; font-size: 18px; line-height:50px; font-weight: bold;letter-spacing:4px;} @media(max-width:640px){ .Form000573 .title{font-size:18px;} } .Form000573 .from .btn{ cursor:pointer; border:none; width:70%; height:40px; font-size:14px; color:#fff; background:#029a9b; text-align: center; max-width: 280px; display: block; margin:7% auto 0; border-radius: 4px;} .Form000573 .from .text{ width:80%; border:1px solid #eaeaea; height:35px; line-height:35px; padding:0 2%; border-radius:3px; max-width:380px;} .Form000573 .from .text:focus{ border-color:#029a9b; box-shadow:0 0 8px #d3fbe0 inset; transition:all ease 0.5s;} .Top002339 #m3 .catelist{ display: none !important;} .Top002339 #m5 .catelist{ display: none !important;} /*Floor002065 */ .Floor002065{ padding: 50px 0;} @media only screen and (max-width:1024 ) { .Floor002065{ padding: 30px 0;} } .Floor002065 .title{ text-align:center; font-size:32px; color:#333; padding-bottom:3%;} .Floor002065 .title p{ margin-bottom:0; opacity:0.6; font-size:14px;} .Floor002065 .title::after{ display:block; content:''; background:#029a9b;margin:20px auto 0; height:2px; width:52px;} @media(max-width:480px){ .Floor002065 .title{ font-size:20px;} .Floor002065 .title p{font-size:12px;} } .Floor002065 .item{ position:relative; padding: 15px 0;} .Floor002065 .item .pic{ display:block; padding: 15px; border: 1px solid #eee; transition: .3s;} .Floor002065 .item:hover .pic{ border-color: transparent; box-shadow: 0 5px 20px rgba(0,0,0,.15);} .Floor002065 .item p{ text-align: center; margin:0; padding:10px 20px 0 20px;} .Floor002065 .owl-carousel .owl-dots{ text-align: center; padding-top: 20px; height: 32px;} .Floor002065 .owl-carousel .owl-dot{ display: inline-block; padding: 0 5px;} .Floor002065 .owl-carousel .owl-dot span{ display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #ddd; overflow: hidden; text-indent: -999em;} .Floor002065 .owl-carousel .owl-dot.active span{ background-color: #029a9b;} .Floor002065 .owl-nav div{ position:absolute; width:21px; height:21px; top:50%; margin-top:-19px; overflow:hidden; line-height:200px; z-index:10;} .Floor002065 .owl-nav .owl-prev{ left:-40px;} .Floor002065 .owl-nav .owl-next{ right:-40px;} .Floor002065 .owl-nav div::before, .Floor002065 .owl-nav div::after{ position:absolute; content:''; width:15px; height:2px; background-color:#029a9b; left:0; } .Floor002065 .owl-nav div::before{ transform:rotate(-45deg);top:4px;} .Floor002065 .owl-nav div::after{ transform:rotate(45deg);top:14px;} .Floor002065 .owl-nav div.owl-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor002065 .owl-nav div.owl-next::after{ transform:rotate(-45deg); left:auto; right:0;} @media(max-width:1250px){ .Floor002065 .owl-nav div.owl-prev{ left:-4%;} .Floor002065 .owl-nav div.owl-next{ right:-4%;} } @media(max-width:1024px){ .Floor002065{ padding-left:3%; padding-right:3%;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .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*/ /* 引导页 */ .index-lead{ min-height:100vh; min-width:100vw; position:relative;} .index-lead .bg-back{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;} .index-lead .bg-back img{ width:100%; height:100%; object-fit:cover;} .index-lead .auto_1670{display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:center; height:100vh; position:relative; z-index:3;} .index-lead .logo-box{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;} .index-lead .logo-box a{ display:block; margin-right:35px;} .index-lead .text-con{width:100%;font-size:66px; color:#3276bb; font-weight:bold; line-height:1.6;} .index-lead .line-box{display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;} .index-lead .line-box .ol{display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:50%; border-right:solid 4px #fafafa; font-size:50px; color:#3276bb; padding:25px 0; padding-right:100px; font-weight:600;} .index-lead .line-box .ol a{ background:#adc91d; line-height:2.5; min-width:240px; text-align:center; font-size:24px; color:#3276bb; border-radius:100px; overflow:hidden;} .index-lead .line-box .ol:last-child{ padding-right:0; padding-left:100px; border-right:none;} @media(max-width:1670px){ .index-lead .text-con{ font-size:46px;} .index-lead .line-box .ol{ font-size:36px; padding-right:50px;} .index-lead .line-box .ol:last-child{ padding-right:0; padding-left:50px;} .index-lead .line-box .ol a{ min-width:220px; font-size:22px;} } @media(max-width:1280px){ .index-lead .line-box .ol{ font-size:30px;} } @media(max-width:1024px){ .index-lead .text-con{ font-size:36px;} .index-lead .line-box .ol{ font-size:22px; padding:15px 0; padding-right:50px;} .index-lead .line-box .ol a{ min-width:150px; line-height:2.4; font-size:18px; padding:0 1em;} .index-lead .line-box .ol:last-child{ padding-right:0; padding-left:50px;} } @media(max-width:768px){ .index-lead .text-con{ font-size:36px;} .index-lead .line-box .ol{ border-right:solid 2px #fafafa; font-size:18px; padding:15px 0; padding-right:30px;} .index-lead .line-box .ol a{ min-width:auto; line-height:2.4; font-size:14px; padding:0 1em;} .index-lead .line-box .ol:last-child{ padding-right:0; padding-left:30px;} } @media(max-width:640px){ .index-lead .logo-box img{ max-height:60px;} .index-lead .text-con{ font-size:22px;} .index-lead .line-box .ol{ width:100%; border-right:none; padding:10px 0;} .index-lead .line-box .ol a{ min-width:150px; padding:0;} }