._block {width: 100%;position: relative;float: left;} ._block ._bggroup {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;} ._block ._bggroup2 {opacity:0} ._block ._bggroup3 {opacity:1} ._block ._background {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;} ._block ._mask {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} ._block ._content {width:100%;position:relative; left:0; top:0; z-index:2;float:left;} ._block ._title {z-index:11;}._mw0{width:100%;}._mw1920{max-width: 1920px;margin: 0 auto;} ._mw1570{max-width: 1570px;margin: 0 auto;} ._mw1300{max-width: 1300px;margin: 0 auto;} #_header ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;} #_header{position:fixed;z-index:20;margin:auto;width:100%;} #_header.pfhead{ background: rgba(0,0,0,0.95);} #_header ._title{margin-bottom:0px;} @media screen and (max-width:768px){#_header ._block{padding:0px 0 0px 0;margin:0px auto 0px auto;}} #_h{ width: 100%; float: left;} #_h .ctext{ width: 100%; float: left;} #_h .ctext .top{ width: 100%; float: left; position:relative; padding:0 63px 0 96px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.2);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_h .ctext .top.on{ padding:0 33px;} #_h .ctext .logo{ margin:17px 0 14px 0; line-height: 0; float: left; position:relative; z-index:4;} #_h .ctext .logo img{ width: auto; height:79px;} #_h .ctext .btn{ float:left; position:absolute; width:80px; position:absolute; left:50%; top:33px; text-align:center; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-transform:uppercase; margin-left:-40px; cursor:pointer; } #_h .ctext .btn span{ display:block;} #_h .ctext .lang{ float:right; margin-left:15px; width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); text-align:center; color:#fff; font-size:14px; line-height:36px; position:relative; z-index:4; margin-top:36px;} #_h .ctext .lang:hover{ background:rgba(0,0,0,0.2);} #_h .ctext .so{ float: right; position: relative; z-index:4; margin-top:36px; /*margin-right:20px;*/} #_h .ctext .so .Search{ float: right; width:38px; height:38px; background: none; border: none; color: #fff; font-size: 14px; line-height:24px; border:1px solid rgba(255,255,255,0.6); border-radius:38px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_h .ctext .so .sub{ float: right; width:38px; height:38px; border: none; border-radius:50%; border:none; background:url(../img/h_3.png) center no-repeat; position:absolute; right:0; top:0;} #_h .ctext .so:hover .Search{ width:200px; padding:5px 38px 5px 15px; background:rgba(0,0,0,0.2);} #_h .ctext .colse{ float:right; line-height:0; margin-top:48px; margin-left:20px; display:none; position:relative; z-index:4; cursor:pointer; } #_h .ctext .colse img{ height:23px;} #_h .ctext .colse.on{ display:block;} #_h .ctext .menu{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:3; background:rgba(35,35,35,0.95); padding:0 7.03% 0 11.66%;} #_h .ctext .menu .nli{ float: left; width:14.28%; padding-top:200px; min-height:100vh; position:relative;} #_h .ctext .menu .nli:after{ float:left; width:1px; height:100%; position:absolute; left:3px; top:0; content:''; background:#fff; opacity:0.1;} #_h .ctext .menu .nli span a{ display: block; line-height:44px; font-size:24px; color: #fff; padding-left:24px; position:relative;} #_h .ctext .menu .nli span a:after{ float:left; width:7px; height:7px; border-radius:50%; background:#fff; content:''; position:absolute; left:0; top:50%; margin-top:-3px;} #_h .ctext .menu .nli .sub{ float:left; width:100%; z-index: 4; padding:32px 0 0 24px;} #_h .ctext .menu .nli .sub li{ float:left; width:100%; position:relative; z-index:6;} #_h .ctext .menu .nli .sub li a{ float:left; color: #fff; font-size:18px; line-height:44px; position:relative; } #_h .ctext .menu .nli .sub li a:after{ float:left; width:0; height:2px; background:#ababab; content:''; position:absolute; left:0; top:50%; margin-top:10px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_h .ctext .menu .nli .sub li:hover a:after{ width:100%;} #_h .ctext .top1{ background:rgba(0,0,0,0.95);} #_h .ctext .top1.on{ background:none;} #_h .ctext .menuph{ display: none;} #_h .ctext .xialaph{ display: none;} #_content_11 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}#_content_11 ._title{margin-bottom:0px;} #_c .ctext{ float:left; width:100%; position:relative;} #_c .number{ float:left; position:absolute; z-index:4; right:175px; bottom:47px; color:#fff; font-size:16px; line-height:30px;} #_c .number span{ font-size:30px; font-weight:bold;} #_c .slide_banner{ float:left; width:100%; margin:0; position:relative; z-index:3; overflow:hidden; text-align:center;} #_c .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #_c .slide_banner .hidden-xs{ display:block;} #_c .slide_banner .visible-xs{ display:none;} #_c .slide_banner img{ width:100%;} #_c .slide_banner .slick-dots{ bottom:47px; margin-right:58px; width:auto; left:auto; right:175px;} #_c .slide_banner .slick-dots li{ background:url(../img/c_2.png) center no-repeat; background-size:100% 100%; width:16px; height:12px; margin:0 43px; text-indent:-9999px; vertical-align:top; opacity:0.4; position:relative; margin:10px;} #_c .slide_banner .slick-dots li button{ display:none;} #_c .slide_banner .slick-dots li.slick-active{ opacity:1;} #_content_13 ._block{padding:78px 0px 82px 0px;margin:0px auto 0px auto;}#_content_13 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_13 ._block{padding:15px 0 30px 0;margin:0px auto 0px auto;}} #_c_1 .ctext{ float:left; width:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:0 9%; position:relative; overflow:hidden;} #_c_1 .ctext:after{ float:left; width:9%; height:100%; position:absolute; right:0; top:0; content:''; background:#f7f7f7; z-index:3;} #_c_1 .ctext:before{ float:left; width:9%; height:100%; position:absolute; right:0; top:0; content:'ADVANTAGE'; color:#eeeeee; line-height:1; font-size:106px; font-weight:bold; text-transform:uppercase; z-index:4;writing-mode:vertical-lr;display: flex; align-items: center; justify-content: center;} #_c_1 .ctext .left{ float:left; width:28.34%; display: flex; flex-grow: 0;display: flex; flex-direction:column; padding:15px 0;} #_c_1 .ctext .left h1{ float:left; width:100%; color:#000; font-size:42px; line-height:46px; font-weight:bold; text-transform:uppercase; position:relative;} #_c_1 .ctext .left h1:after{ float:left; width:147px; height:1px; position:absolute; right:100%; top:50%; content:''; background:#8c8c8c; margin-right:28px;} #_c_1 .ctext .left h1 span{ font-size:36px; margin-right:17px;} #_c_1 .ctext .left .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px;overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin:30px 0 36px 0; text-align:justify; } #_c_1 .ctext .left a{ float:left; width:186px; height:47px; line-height:45px; text-align:center; color:#adadad; font-size:12px; text-transform:uppercase; border:1px solid #9b9b9b; font-family:Arial; margin-bottom:15px; } #_c_1 .ctext .left a:hover{ border:1px solid #333; background:#333; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); z-index:3;} #_c_1 .ctext .right{ float:right; width:67.51%; position:relative; display: flex; flex-grow: 0;display: flex;} #_c_1 .ctext .right ul{ float:left; width:100%;} #_c_1 .ctext .right li{ float:left; width:50%; position:relative; padding-bottom:37%; overflow:hidden;} #_c_1 .ctext .right li:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.4; content:''; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_1 .ctext .right li img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_1 .ctext .right li h5{ float:left; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:24px; line-height:34px; position:absolute; left:0; top:50%; z-index:4; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); } #_c_1 .ctext .right li:hover:after{ opacity:0.2;} #_c_1 .ctext .right li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_content_15 ._block{padding:115px 0px 120px 0px;margin:0px auto 0px auto;}#_content_15 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_15 ._block{padding:30px 5px 30px 5px;margin:0px auto 0px auto;}} #_c_2 .ctext{ float:left; width:100%; padding:0 9%; } #_c_2 .ctext .left{ float:left; width:46.8%;} #_c_2 .ctext .left h1{ float:left; width:100%; color:#fff; font-size:36px; line-height:46px; font-weight:bold; text-transform:uppercase; position:relative;} #_c_2 .ctext .left h1:after{ float:left; width:147px; height:1px; position:absolute; right:100%; top:50%; content:''; background:#fff; opacity:0.5; margin-right:28px;} #_c_2 .ctext .left h1 span{ font-size:42px; margin-right:17px;} #_c_2 .ctext .left .p{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:16px; line-height:32px;overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin:30px 0 36px 0; text-align:justify; } #_c_2 .ctext .left a{ float:left; width:186px; height:47px; line-height:45px; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:12px; text-transform:uppercase; border:1px solid #9b9b9b; font-family:Arial; margin-bottom:15px; } #_c_2 .ctext .left a:hover{ border:1px solid #fff; background:#fff; color:#333; box-shadow:0 5px 10px rgba(255,255,255,0.2); z-index:3;} #_content_16 ._block{padding:0px 0px 118px 0px;margin:0px auto 0px auto;}#_content_16 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_16 ._block{padding:0px 0px 30px 0px;margin:0px auto 0px auto;}} #_c_3 .ctext{ float:left; width:100%; display: flex; flex-wrap: wrap; flex-grow: 0;display: flex; justify-content: space-between; position:relative; padding-bottom:112px;} #_c_3 .ctext .bg{ float:right; width:50%; height:100%; position:absolute; right:0; top:0; z-index:3; opacity:0.6;} #_c_3 .ctext .left{ float:right; width:30.2%; display: flex;flex-direction:column; padding-top:30px; padding-bottom:30px; padding-right:9%; justify-content: center; position:relative; z-index:4; position:relative; } #_c_3 .ctext .left:before{ float:left; width:29%; height:100%; position:absolute; right:0; bottom:-46px; content:'case'; color:#fff; line-height:1; font-size:100px; font-weight:bold; text-transform:uppercase; z-index:4;writing-mode:vertical-lr;display: flex; align-items: center; justify-content: flex-end; opacity:0.05;} #_c_3 .ctext .left h1{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px; font-weight:bold; text-transform:uppercase; position:relative; margin-bottom:34px;} #_c_3 .ctext .left i{ float:left; width:40px; height:2px; background:#fff;} #_c_3 .ctext .left .p{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:16px; line-height:30px;overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:13; margin:38px 0 70px 0; text-align:justify; } #_c_3 .ctext .left a{ float:left; width:186px; height:47px; line-height:45px; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:12px; text-transform:uppercase; border:1px solid #9b9b9b; font-family:Arial;} #_c_3 .ctext .left a:hover{ border:1px solid #fff; background:#fff; color:#333; box-shadow:0 5px 10px rgba(255,255,255,0.2); z-index:3;} #_c_3 .ctext .right{ float:left; width:65.5%; line-height:0; overflow:hidden; position:relative; padding-bottom:42%; display: flex; flex-grow: 0;display: flex;flex-direction:column; position:relative; z-index:4; } #_c_3 .ctext .right img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_3 .ctext .right:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_content_18 ._block{padding:0px 10px 0px 10px;margin:0px auto 0px auto;}#_content_18 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_18 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}} #_c_4 .ctext{ float:left; width:100%; display: flex; flex-wrap: wrap; flex-grow: 0;display: flex; justify-content: space-between; position:relative; padding-bottom:112px;} #_c_4 .ctext .bg{ float:right; width:50%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0.6;} #_c_4 .ctext .left{ float:left; width:30.2%; display: flex;flex-direction:column; padding-top:30px; padding-bottom:30px; padding-left:9%; justify-content: center; position:relative; z-index:4; position:relative; } #_c_4 .ctext .left:before{ float:left; width:29%; height:100%; position:absolute; left:0; bottom:-46px; content:'case'; color:#fff; line-height:1; font-size:100px; font-weight:bold; text-transform:uppercase; z-index:4;writing-mode:vertical-lr;display: flex; align-items: center; justify-content: flex-end; opacity:0.05;} #_c_4 .ctext .left h1{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px; font-weight:bold; text-transform:uppercase; position:relative; margin-bottom:34px;} #_c_4 .ctext .left i{ float:left; width:40px; height:2px; background:#fff;} #_c_4 .ctext .left .p{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:16px; line-height:30px;overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:13; margin:38px 0 70px 0; text-align:justify; } #_c_4 .ctext .left a{ float:left; width:186px; height:47px; line-height:45px; text-align:center; color:#fff; color:rgba(255,255,255,0.8); font-size:12px; text-transform:uppercase; border:1px solid #9b9b9b; font-family:Arial;} #_c_4 .ctext .left a:hover{ border:1px solid #fff; background:#fff; color:#333; box-shadow:0 5px 10px rgba(255,255,255,0.2); z-index:3;} #_c_4 .ctext .right{ float:right; width:65.5%; line-height:0; overflow:hidden; position:relative; padding-bottom:42%; display: flex; flex-grow: 0;display: flex;flex-direction:column; position:relative; z-index:4; } #_c_4 .ctext .right img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_4 .ctext .right:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_content_21 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}#_content_21 ._title{margin-bottom:0px;} #_content_21{ position:relative; z-index:17;} #_c_5{ float:left; width:100%; position:relative;} #_c_5 .videoBg{ float:left; width:100%; height:100%; background:#000; position:fixed; left:0; top:0; padding-top:118px; z-index:25; display:none;} #_c_5 .videoBg .colse{ float:left; width:42px; height:42px; background:rgba(255,255,255,0.8); border-radius:50%; position:absolute; right:10px; top:10%; margin-top:118px; z-index:4; cursor:pointer; text-align:center; line-height:42px; color:#000; font-size:50px; font-family:Arial; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); opacity:0;} #_c_5 .videoBg:hover .colse{ opacity:1;} #_c_5 .videoBg .video{ float:left; width:100%; height:100%; position:relative; z-index:3; /*object-fit: fill;*/} #_c_5 .ctext{ float:left; width:100%; position:relative; padding-top:118px;} #_c_5 .ctext:before{ float:left; position:absolute; right:5.5%; top:0; content:'products'; color:#fff; line-height:0.8; font-size:100px; font-weight:bold; text-transform:uppercase; z-index:4; opacity:0.02;} #_c_5 .ctext .l1{ float:left; width:50%; overflow:hidden; position:relative; padding-bottom:46%;} #_c_5 .ctext .l1 .pic{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_5 .ctext .l1:hover .pic{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_c_5 .ctext .l1:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.5; content:'';-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_5 .ctext .l1:hover:after{ opacity:0.2;} #_c_5 .ctext .cont{ float:left; width:100%; position:absolute; left:0; top:50%; z-index:4; text-align: center; padding:0 15px; margin-top:-94px; } #_c_5 .ctext .cont h1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold; margin:48px 0 14px 0;} #_c_5 .ctext .cont .p{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px;} #_c_5 .ctext .cont i{ float:left; width:100%; line-height:0;} #_c_5 .ctext .cont i img{ width:84px; height:84px; cursor:pointer;} #_content_27 ._block{padding:115px 0px 0px 0px;margin:0px auto 0px auto;}#_content_27 ._title{margin-bottom:0px;} #_c_6 .ctext{ float:left; width:100%;} #_c_6 .ctext .left{ float:left; width:40%; padding-left:9%;} #_c_6 .ctext .left h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; font-weight:bold; text-transform:uppercase; position:relative;} #_c_6 .ctext .left h1:after{ float:left; width:147px; height:1px; position:absolute; right:100%; top:50%; content:''; background:#999999; margin-right:28px;} #_c_6 .ctext .left h1 span{ font-size:42px; margin-right:17px;} #_c_6 .ctext .left h2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:20px;} #_c_6 .ctext .left .p{ float:left; width:100%; color:#5c5c5c; font-size:16px; line-height:32px;overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; margin:18px 0 30px 0; text-align:justify; } #_c_6 .ctext .left a{ float:left; width:186px; height:47px; line-height:45px; text-align:center; color:#9b9b9b; font-size:12px; text-transform:uppercase; border:1px solid #9b9b9b; font-family:Arial; margin-bottom:15px; } #_c_6 .ctext .left a:hover{ border:1px solid #333; background:#333; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); z-index:3;} #_c_6 .ctext .right { float: left; width: 100%; line-height: 0; margin-top: 105px;overflow: hidden; } #_c_6 .ctext .right img{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_6 .ctext .right:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} #_content_34 ._block{padding:115px 0px 0px 0px;margin:0px auto 0px auto;}#_content_34 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_34 ._block{padding:30px 0px 0px 0px;margin:0px auto 0px auto;}#_content_27 ._block{padding:30px 0px 0px 0px;}} #_c_9 .ctext{ float:left; width:100%;} #_c_9 .ctext .left{ float:left; width:100%; padding:0 9% 0 15%;} #_c_9 .ctext .left h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;} #_c_9 .ctext .left .p{ float:left; width:100%; color:#5c5c5c; font-size:16px; line-height:30px; margin-top:25px;} #_c_9 .ctext .down{ text-align:right;} #_c_9 .ctext .img{ float:left; width:100%; line-height:0; position:relative; margin:50px 0 64px 0; padding:0 0 0 15%;} #_c_9 .ctext .img h6{ float:left; background:#232323; padding:13px 20px 13px 30px; color:#fff; font-size:50px; line-height:60px; font-family:Arial; font-weight:bold; text-transform:uppercase; position:absolute; left:9%; bottom:16.8%; z-index:3;} #_content_29 ._block{padding:115px 0px 0px 0px;margin:0px auto 0px auto;}#_content_29 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_29 ._block{padding:30px 0px 0px 0px;margin:0px auto 0px auto;}} #_c_7 .ctext{ float:left; width:100%;} #_c_7 .ctext .left{ float:left; width:100%; padding:0 9%;} #_c_7 .ctext .left h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;} #_c_7 .ctext .left .p{ float:left; width:100%; color:#5c5c5c; font-size:16px; line-height:30px; margin-top:25px;} #_c_7 .ctext .img{ float:left; width:100%; line-height:0; position:relative; margin-top:78px; padding:0 15% 0 0;} #_c_7 .ctext .img:after{ float:left; width:1px; height:100%; content:''; position:absolute; right:9%; bottom:0; background:#e9e9e9; z-index:3;} #_c_7 .ctext .img span{ float:left; width:9%; position:absolute; right:0; bottom:0; color:#f7f7f7; line-height:1; font-size:100px; font-weight:bold; text-transform:uppercase; z-index:4;writing-mode:vertical-lr;display: flex; align-items: center; justify-content: flex-end; z-index:4;} #_c_7 .ctext .img span:after{ float:left; width:3px; height:91.2%; content:''; position:absolute; left:-2px; bottom:0; background:#232323;} #_content_31 ._block{padding:115px 0px 115px 0px;margin:0px auto 0px auto;}#_content_31 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_31 ._block{padding:30px 0px 30px 0px;margin:0px auto 0px auto;}} #_c_8 .ctext{ float:left; width:100%; padding:0 9%;} #_c_8 .ctext .left{ float:left; width:100%; margin-top:55px;} #_c_8 .ctext .left h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;} #_c_8 .ctext .left .p{ float:left; width:100%; color:#5c5c5c; font-size:16px; line-height:30px; margin-top:25px;} #_c_8 .ctext .img{ float:left; width:100%; line-height:0;} #_content_56 ._block{padding:0px 10px 0px 10px;margin:0px auto 0px auto;}#_content_56 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_56 ._block{padding:0px 5px 0px 5px;margin:0px auto 0px auto;}} #_c_10 .ctext{ float:left; width:100%; line-height:0; position:relative; } #_c_10 .ctext:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.3; content:'';} #_c_10 .ctext .title{ float:left; width:100%; position:absolute; left:0; top:29%; padding:0 9%; z-index:4;} #_c_10 .ctext .title h1{ float:left; width:100%; color:#fff; font-size:60px; line-height:1; text-transform:uppercase; letter-spacing:1px;} #_c_10 .ctext .title h2{ float:left; width:100%; color:#fff; font-size:48px; line-height:1; margin-top:28px; padding-left:196px;} #_c_10 .ctext .hidden-xs{ display:block;} #_c_10 .ctext .visible-xs{ display:none;} #_location_59 ._block{padding:0px 10px 0px 10px;margin:0px auto 0px auto;}#_location_59 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_59 ._block{padding:0px 5px 0px 5px;margin:0px auto 0px auto;}} #_lt_1 .ctext{ float:left; width:100%; padding:0 0 0 4.1%;} #_lt_1 .ctext ul{width:100%; float:left;} #_lt_1 .ctext ul li{ float:left; width:21.8%; padding:8px 0; border-right:1px solid #e5e5e5; margin-right:3.2%;} #_lt_1 .ctext ul li:nth-child(4n){ border-right:none;} #_lt_1 .ctext ul li a{ float:left; color:#333333; font-size:18px; line-height:28px; position:relative;} #_lt_1 .ctext ul li a:after{ float:left; width:0; height:1px; position:absolute; left:0; top:24px; content:''; background:#B38248;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_lt_1 .ctext ul li a.on, #_lt_1 .ctext ul li a:hover{color:#B38248; font-weight:bold;} #_lt_1 .ctext ul li a.on:after, #_lt_1 .ctext ul li a:hover:after{ width:100%;} #_footer_1 ._block{padding:81px 4.1% 0px 4.1%;margin:0px auto 0px auto;}#_footer_1 ._title{margin-bottom:0px;} @media screen and (max-width:992px){#_footer_1 ._block{padding:81px 15px 0px 15px;}} @media screen and (max-width:768px){#_footer_1 ._block{padding:30px 10px 0px 10px;margin:0px auto 0px auto;}} #_f{ float:left; width:100%;} #_f .footer{ float:left; width:100%; position:relative; background:rgba(0,0,0,0.14); padding:22px 0; margin-top:113px;} #_f .footer:after, #_f .footer:before{ float:left; width:100%; height:100%; content:''; background:rgba(0,0,0,0.14); position:absolute; left:100%; top:0;} #_f .footer:before{ left:auto; right:100%;} #_f .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.7); font-size:14px; line-height:24px;} #_f .Copyright a{ color:#fff; color:rgba(255,255,255,0.7);} #_f .Copyright a:hover{ color:rgba(255,255,255,1);} #_f .map{ float:right; color:#fff; color:rgba(255,255,255,0.7); font-size:14px; line-height:24px; display: flex; align-items: center; position:relative; } #_f .map em{ float:left; width:1px; height:12px; background:#fff; opacity:0.2; margin:0 12px; display: flex; margin-top:7px;} #_f .map a{ float:left; color:#fff; color:rgba(255,255,255,0.7); display: flex;} #_f .map a:hover{ color:rgba(255,255,255,1);} #_f .map .linklist{position:absolute; right:-10px; bottom:30px; width:130px; /*background:#fff; border:1px solid #a1a1a1;*/ display:none; padding:4px 0;} #_f .map .linklist ul{float:left; width:100%; max-height:150px;overflow-y:auto; scrollbar-width:thin;} #_f .map .linklist li{float:left; width:100%; padding:2px 10px 2px 0px;} #_f .map .linklist li a{width:100%; display:block; text-align:right; /*color:#333;*/} #_f .map .linklist ul::-webkit-scrollbar { width:10px } #_f .map .linklist ul::-webkit-scrollbar-track { background-color:#f5f5f5; border-radius:10px } #_f .map .linklist ul::-webkit-scrollbar-thumb { width:10px; height:60px; background-color:#d3d3d3; border-radius:10px} #_f .ctext{ float:left; width:100%;} #_f .ctext .maxwidth{ display: flex; justify-content: space-between;} #_f .ctext .logo{ float:left; display: flex; line-height:0;} #_f .ctext .logo a{ float:left; line-height:0;} #_f .ctext .logo img{ width:143px;} #_f .ctext .line{ float:left; display: flex; width:1px; height:184px; background:#fff; opacity:0.1;} #_f .ctext .left{ float:left; display: flex; flex-direction:column; padding:5px 0; max-width:480px; margin-right:1%;} #_f .ctext .left .num{ float:left; display: flex; color:#fff; font-size:36px; line-height:46px; margin-bottom:26px;} #_f .ctext .left .p{ float:left; display: flex; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:24px; position:relative; padding-left:34px; margin-top:6px;} #_f .ctext .left .p img{ float:left; position:absolute; left:0; top:4px; width:16px; height:16px;} #_f .ctext .nav{ float:left; display: flex; flex-direction:column; min-width:100px;} #_f .ctext .nav h5{ float:left; display: flex; color:#fff; font-size:18px; line-height:28px; } #_f .ctext .nav ul{ float:left; display: flex; flex-direction:column; margin-top:25px; } #_f .ctext .nav ul li{ float:left; display: flex;} #_f .ctext .nav ul li a{ float:left; display: flex; color:#fff; color:rgba(255,255,255,0.7); font-size:16px; line-height:30px; white-space:nowrap; } #_f .ctext .nav ul li a:hover{ color:#fff; color:rgba(255,255,255,1);} #_f .ctext .er{ float:right; display: flex; flex-direction:column; margin-left:1%;} #_f .ctext .er h4{ /*display:flex;*/ width:130px; line-height:0; height:130px;} #_f .ctext .er h4 img{ width:100%; height:100%; display:block;} #_f .ctext .er h5{ display:flex; width:130px;justify-content: center; align-items: center; color:#fff; color:rgba(255,255,255,0.7); font-size:14px; line-height:24px; margin-top:15px; } #_f .ctext .er h5 i{ color:#fff; color:rgba(255,255,255,1); font-size:18px; margin-right:6px;} #_fixed_2{position:fixed;z-index:14;right:10px;top: 50%;-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}@media screen and (max-width:768px){#_b6768{display:none}} #_pf{ float: left;} #_pf .ctext{ float:left; width:42px;} #_pf .ctext i{ float:left; cursor: pointer; width:42px; height:42px; line-height:0; border-radius:50%; background:rgba(0,0,0,0.5);} #_pf .ctext i:hover{background:rgba(0,0,0,0.8);} #_content_57 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}#_content_57 ._title{margin-bottom:0px;} #_c_11 .ctext{ float:left; width:100%; line-height:0; position:relative; } #_c_11 .ctext:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.3; content:'';} #_c_11 .ctext .title{ float:left; width:100%; position:absolute; left:0; top:29%; padding:0 9%; z-index:4;} #_c_11 .ctext .title h1{ float:left; width:100%; color:#fff; font-size:60px; line-height:1; text-transform:uppercase; letter-spacing:1px;} #_c_11 .ctext .title h2{ float:left; width:100%; color:#fff; font-size:48px; line-height:1; margin-top:28px; padding-left:196px;} #_t .ctext{ float:left; width:100%; line-height:0; position:relative; } #_t .ctext:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.3; content:'';} #_t .ctext .title{ float:left; width:100%; position:absolute; left:0; top:29%; padding:0 9%; z-index:4;} #_t .ctext .title h1{ float:left; width:100%; color:#fff; font-size:60px; line-height:1; text-transform:uppercase; letter-spacing:1px;} #_t .ctext .title h2{ float:left; width:100%; color:#fff; font-size:48px; line-height:1; margin-top:28px; padding-left:196px;} #_location_58 ._block{padding:50px 0px 50px 0px;margin:0px auto 0px auto;}#_location_58 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_58 ._block{padding:20px 15px 20px 15px;margin:0px auto 0px auto;}} #_lt .ctext{ float:left; width:100%; padding:0 0 0 4.1%;} #_lt .ctext ul{width:100%; float:left;} #_lt .ctext ul li{ float:left; width:21.8%; padding:8px 0; border-right:1px solid #e5e5e5; margin-right:3.2%;} #_lt .ctext ul li:nth-child(4n){ border-right:none;} #_lt .ctext ul li a{ float:left; color:#333333; font-size:18px; line-height:28px; position:relative;} #_lt .ctext ul li a:after{ float:left; width:0; height:1px; position:absolute; left:0; top:24px; content:''; background:#B38248;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_lt .ctext ul li.on a, #_lt .ctext ul li a:hover{color:#B38248; font-weight:bold;} #_lt .ctext ul li.on a:after, #_lt .ctext ul li a:hover:after{ width:100%;} #_list_60 ._block{padding:63px 0px 105px 0px;margin:0px auto 0px auto;}#_list_60 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_list_60 ._block{padding:25px 15px 30px 15px;margin:0px auto 0px auto;}} #_l .ctext{ float:left; width:100%;} #_l .ctext .left{ float:left; width:17.4%;} #_l .ctext .pz_SideLayer{ float:left; width:100%; background:#f5f5f5;} #_l .ctext .pz_SideLayer .l1{ float:left; width:100%; padding-left:23.8%;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l .ctext .pz_SideLayer .l1 a{ float:left; width:100%; line-height:64px; color:#333333; font-size:18px; border-bottom:1px solid #dcdcdc;} #_l .ctext .pz_SideLayer .l1:last-child a{ border-bottom:none;} #_l .ctext .pz_SideLayer .l1.on, #_l .ctext .pz_SideLayer .l1:hover{ background:#B38248; color:#fff; } #_l .ctext .pz_SideLayer .l1.on a, #_l .ctext .pz_SideLayer .l1:hover a{ color:#fff; border-bottom:1px solid #B38248; } #_l .ctext .right{ float:right; width:76.6%; margin-right:4.1%;} #_l .ctext .right h1{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:46px;} #_l .ctext .list{ float:left; width:100%; margin-top:25px;} #_l .ctext .list ul{ margin:0 -14px;} #_l .ctext .list li{ float:left; width:33.33%; padding:0 14px; margin-top:28px;} #_l .ctext .list li a{ float:left; width:100%;} #_l .ctext .list li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:66%;} #_l .ctext .list li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l .ctext .list li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_l .ctext .list li .text{ float:left; width:100%; text-align:center; border:1px solid #e5e5e5; border-top:none; padding:32px 7.2%; text-align:center;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l .ctext .list li h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #_l .ctext .list li h6{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top:20px;} #_l .ctext .list li a:hover .text{ background:#B38248;} #_l .ctext .list li a:hover h5{ color:#fff;} #_l .ctext .list li a:hover h6{ color:#fff;} #_l .ctext .pz_fy{width:100%; float:left;display: flex; align-items: center; justify-content: center; margin:57px 0 88px 0;} #_l .ctext .pz_fy a{ min-width:34px; height:34px; line-height:1; align-items: center; justify-content: center; color:#333333; font-size:16px; display: flex; margin:0 5px;} #_l .ctext .pz_fy a:hover, #_l .ctext .pz_fy a.on{color:#fff; background:#B38248;} #_l .ctext .pz_fy a.l{ margin-right:18px; padding:0 12px; } #_l .ctext .pz_fy a.r{ margin-left:18px; padding:0 12px; } #_l .ctext .Reco{ float:left; width:100%; margin-top:57px;} #_l .ctext .Reco ul{ margin:0 -16px;} #_l .ctext .Reco ul li{ float:left; width:50%; padding:0 16px;} #_l .ctext .Reco ul li a{ float:left; width:100%; position:relative;} #_l .ctext .Reco li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:66%;} #_l .ctext .Reco li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l .ctext .Reco li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_l .ctext .Reco li .text{ float:left; width:100%; text-align:center; position:absolute; left:0; bottom:27px; z-index:3; padding:0 15px;} #_l .ctext .Reco li h5{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:18px;} #_l .ctext .Reco li h6{ display:inline-table; background:#7f7f7f; width:124px; color:#fff; font-size:16px; line-height:35px; margin:0 auto;} #_l .ctext .Reco li a:hover h6{ background:#B38248; color:#fff;} #_l .ctext .Reco .slick-prev{ width:24px; height:48px; left:-8px; background:url(../img/l_2.png) center no-repeat #7f7f7f;} #_l .ctext .Reco .slick-next{ width:24px; height:48px; right:-8px; background:url(../img/l_3.png) center no-repeat #7f7f7f;} #_l .ctext .Reco .slick-prev:hover{ background:url(../img/l_2.png) center no-repeat #B38248;} #_l .ctext .Reco .slick-next:hover{ background:url(../img/l_3.png) center no-repeat #B38248;} #_l .ctext .Reco .slick-dots{ position:static; height:8px; margin:54px 0 0 0;} #_l .ctext .Reco .slick-dots li{ float:none; display:inline-block; vertical-align:top; width:8px; height:8px; margin:0 5px; border-radius:50%; background:#B38248; opacity:0.3; padding:0;} #_l .ctext .Reco .slick-dots li.slick-active{ opacity:1;} #_content_78 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}#_content_78 ._title{margin-bottom:0px;} #_location_76 ._block{padding:50px 0px 50px 0px;margin:0px auto 0px auto;}#_location_76 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_76 ._block{padding:20px 15px 20px 15px;margin:0px auto 0px auto;}} #_subpage_77 ._block{padding:65px 0px 85px 0px;margin:0px auto 0px auto;}#_subpage_77 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_subpage_77 ._block{padding:25px 15px 30px 15px;margin:0px auto 0px auto;}} #_sp .ctext{ float:left; width:100%;} #_sp .ctext .left{ float:left; width:17.4%;} #_sp .ctext .pz_SideLayer{ float:left; width:100%; background:#f5f5f5;} #_sp .ctext .pz_SideLayer .l1{ float:left; width:100%; padding-left:23.8%;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_sp .ctext .pz_SideLayer .l1 a{ float:left; width:100%; line-height:64px; color:#333333; font-size:18px; border-bottom:1px solid #dcdcdc;} #_sp .ctext .pz_SideLayer .l1:last-child a{ border-bottom:none;} #_sp .ctext .pz_SideLayer .l1.on, #_sp .ctext .pz_SideLayer .l1:hover{ background:#B38248; color:#fff; } #_sp .ctext .pz_SideLayer .l1.on a, #_sp .ctext .pz_SideLayer .l1:hover a{ color:#fff; border-bottom:1px solid #B38248; } #_sp .ctext .right{ float:right; width:76.6%; margin-right:4.1%;} #_sp .ctext .right h1{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:46px;} #_sp .ctext form{ float:left; width:100%; margin:48px 0 85px 0; background:#f5f5f5; padding:54px 22px 24px 22px;} #_sp .ctext form .lab{ float:left; width:48%; position:relative; margin:0 1% 31px 1%;} #_sp .ctext form .lab1{ float:left; width:98%; position:relative; margin:0 1% 31px 1%;} #_sp .ctext form .fv0{ float:left; width:100%; color:#a1a1a1; font-size:16px; line-height:26px; height:56px; padding:14px 32px; border:none; background:#fff; border:none;} #_sp .ctext form .fv1{ float:left; width:100%; color:#a1a1a1; font-size:16px; line-height:26px; height:143px; padding:14px 32px; border:none; background:#fff; border:none; } #_sp .ctext form .fv2{ display:block; margin:25px auto 0 auto; width:188px; color:#fff; font-size:16px; line-height:1; height:48px; padding:0; border:none; outline:none; background:#B38248; } #_sp .ctext form .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #_sp .ctext form .yanzhengma{ float:left; width:158px; height:54px; position:absolute; right:1px; top:1px;} #_sp .ctext .fy{ float:left; width:100%; position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:18px 0; margin-bottom:80px;} #_sp .ctext .fy a{ float:left; color:#555555; font-size:16px; line-height:28px; display: flex; align-items: center; text-transform:uppercase;} #_sp .ctext .fy a:hover{ color:#B38248;} #_sp .ctext .fy a.r{ margin-left:60px; position:relative;} #_sp .ctext .fy a.r:after{ float:left; width:1px; height:100%; background:#e6e6e6; position:absolute; left:-30px; top:0; content:'';} #_sp .ctext .share{ float:right;} #_sp .ctext .share span{ float:left; color:#555555; line-height:28px; font-size:16px;} #_sp .ctext .bds_weixin{ width:28px; height:28px; background:url(../img/sp2_5.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp .ctext .bds_sqq{ width:28px; height:28px; background:url(../img/sp2_4.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp .ctext .bds_qzone{ width:28px; height:28px; background:url(../img/sp2_3.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp .ctext .bds_tqq{ width:28px; height:28px; background:url(../img/sp2_2.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp .ctext .bds_tsina{ width:28px; height:28px; background:url(../img/sp2_1.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp .ctext ::-webkit-input-placeholder{color:#a1a1a1;} #_sp .ctext :-moz-placeholder{color:#a1a1a1;} #_sp .ctext ::-moz-placeholder{color:#a1a1a1;} #_sp .ctext :-ms-input-placeholder{color:#a1a1a1;} #_sp .ctext .Reco{ float:left; width:100%; margin-top:57px;} #_sp .ctext .Reco ul{ margin:0 -14px;} #_sp .ctext .Reco ul li{ float:left; width:50%; padding:0 14px;} #_sp .ctext .Reco ul li a{ float:left; width:100%; position:relative;} #_sp .ctext .Reco li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:66%;} #_sp .ctext .Reco li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_sp .ctext .Reco li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_sp .ctext .Reco li h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #_sp .ctext .Reco li a:hover h5{ color:#B38248;} #_sp .ctext .Reco .slick-prev{ width:24px; height:48px; left:-8px; background:url(../img/sp_1.png) center no-repeat #7f7f7f;} #_sp .ctext .Reco .slick-next{ width:24px; height:48px; right:-8px; background:url(../img/sp_2.png) center no-repeat #7f7f7f;} #_sp .ctext .Reco .slick-prev:hover{ background:url(../img/sp_1.png) center no-repeat #B38248;} #_sp .ctext .Reco .slick-next:hover{ background:url(../img/sp_2.png) center no-repeat #B38248;} #_sp .ctext .Reco .slick-dots{ position:static; height:8px; margin:40px 0 0 0;} #_sp .ctext .Reco .slick-dots li{ float:none; display:inline-block; vertical-align:top; width:8px; height:8px; margin:0 5px; border-radius:50%; background:#B38248; opacity:0.3; padding:0;} #_sp .ctext .Reco .slick-dots li.slick-active{ opacity:1;} #_sp .ctext .canshu{ float:left; width:100%; margin:42px 0 59px 0;} #_sp .ctext .Det{ float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:84px;} #_sp .ctext .DetL{ float:left; width:48%; flex-grow: 0;display: flex;flex-direction:column ; } #_sp .ctext .big{ float:left; width:100%; line-height:0;} #_sp .ctext .small{ float:left; width:100%; margin-top:8px;} #_sp .ctext .small .ml{ margin:0 -4px;} #_sp .ctext .small .slick-slide{ margin:0 4px; position:relative; line-height:0;} #_sp .ctext .small .slick-slide:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; border:3px solid #B38248; display:none;} #_sp .ctext .small .slick-slide.slick-current:after{ display:block;} #_sp .ctext .DetR{ float:right; width:46%; padding:15px 0; flex-grow: 0;display: flex;flex-direction:column ; justify-content: center; } #_sp .ctext .DetR h5{ float:left; width:100%; color:#202020; font-size:28px; line-height:38px; position:relative; padding-bottom:48px; border-bottom:1px solid #e5e5e5;} #_sp .ctext .DetR h5:after{ float:left; width:82px; height:3px; content:''; background:#B38248; position:absolute; left:0; bottom:-2px; border-radius:3px;} #_sp .ctext .DetR .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:52px; margin:33px 0 40px 0;} #_sp .ctext .DetR .btn{ float:left; width:184px; color:#fff; font-size:16px; line-height:48px; background:#B38248; text-align:center;display: flex; align-items: center; justify-content: center;} #_sp .ctext .DetR .btn i{ font-size:20px; margin-right:7px;} #_sp .ctext .DetR .btn:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #_sp .ctext .slideGroup{ float:left; width:100%; margin:40px 0 50px 0; overflow:hidden; } #_sp .ctext .title{ float:left; width:100%; text-align:center;} #_sp .ctext .title li{ float:none; display:inline-block; vertical-align:top; color:#333333; font-size:16px; line-height:38px; padding:0 32px; margin:0 5px; cursor:pointer; min-width:100px; background:#f5f5f5;} #_sp .ctext .title li.on{ color:#fff; background:#B38248;} #_sp .ctext .box{ float:left; width:100%; position:relative; margin-top:38px; padding-bottom:53px; } #_sp .ctext .box:after{ float:left; width:100%; height:1px; position:absolute; right:70px; bottom:14px; content:''; background:#e5e5e5;} #_sp .ctext .list{ float:left; width:100%; position:absolute; left:0; top:0; opacity:0; z-index:0;} #_sp .ctext .list.active{ position:relative; opacity:1; z-index:1;} #_sp .ctext .list ul{ margin-left:-13px; margin-right:-13px;} #_sp .ctext .list li{ margin-left:13px; margin-right:13px; text-align:center; line-height:0; overflow:hidden;} #_sp .ctext .list li img{ float:left; width:100%; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_sp .ctext .list li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} #_sp .ctext .list .slick-prev, #_sp .ctext .list .slick-next{ width:30px; height:30px; -webkit-transform: translate(0, 0); -ms-transform: translate(0,0); transform: translate(0,0); top:auto; bottom:-53px;} #_sp .ctext .list .slick-prev{ background:url(../img/sp_3.png) center no-repeat #7f7f7f; left:auto; right:53px;} #_sp .ctext .list .slick-next{ background:url(../img/sp_4.png) center no-repeat #7f7f7f; right:13px;} #_sp .ctext .list .slick-prev:hover{ background:url(../img/sp_3.png) center no-repeat #B38248;} #_sp .ctext .list .slick-next:hover{ background:url(../img/sp_4.png) center no-repeat #B38248;} #_sp .ctext .list1{ float:left; width:100%; margin:50px 0 80px 0; padding-bottom:66px;} #_sp .ctext .list1 ul{ margin-left:-14px; margin-right:-14px;} #_sp .ctext .list1 li{ margin-left:14px; margin-right:14px; text-align:center; line-height:0; overflow:hidden;} #_sp .ctext .list1 li img{ float:left; width:100%; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_sp .ctext .list1 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} #_sp .ctext .list1 .slick-prev, #_sp .ctext .list1 .slick-next{ width:30px; height:30px; -webkit-transform: translate(0, 0); -ms-transform: translate(0,0); transform: translate(0,0); top:auto; bottom:-66px;} #_sp .ctext .list1 .slick-prev{ background:url(../img/sp_3.png) center no-repeat #7f7f7f; left:auto; right:50%;} #_sp .ctext .list1 .slick-next{ background:url(../img/sp_4.png) center no-repeat #7f7f7f; right:auto; left:50%;} #_sp .ctext .list1 .slick-prev:hover{ background:url(../img/sp_3.png) center no-repeat #B38248;} #_sp .ctext .list1 .slick-next:hover{ background:url(../img/sp_4.png) center no-repeat #B38248;} #_sp .ctext .list1 .slick-dots{ bottom:-66px; margin:0; width:auto; left:50%; transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); } #_sp .ctext .list1 .slick-dots li{ float:none; display:inline-block; vertical-align:top; width:8px; height:8px; margin:11px 5px; border-radius:50%; background:#B38248; opacity:0.3; padding:0;} #_sp .ctext .list1 .slick-dots li.slick-active{ opacity:1;} #_content_69 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3;}#_content_69 ._title{margin-bottom:0px;} #_location_79 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4;}#_location_79 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_79 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_lt_2 .ctext{ float:left; width:100%; padding:15px 9%; height:86px; display: flex; align-items: center; justify-content: center;flex-wrap:wrap;} #_lt_2 .ctext .pz_SideLayer{ display: flex;} #_lt_2 .ctext .pz_SideLayer .l1{ float:left; margin:0 41px;} #_lt_2 .ctext .pz_SideLayer .l1 a{ float:left; color:#fff; font-size:16px; line-height:2;} #_lt_2 .ctext .pz_SideLayer .l1.on a, #_lt_2 .ctext .pz_SideLayer .l1:hover a{ color:#b28247; } #_list_80 ._block{padding:94px 0px 103px 0px;margin:0px auto 0px auto;}#_list_80 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_list_80 ._block{padding:30px 0px 30px 0px;margin:0px auto 0px auto;}} #_l_1 .ctext{ float:left; width:100%;} #_l_1 .ctext h1{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:46px;} #_l_1 .ctext .top{ float:left; width:100%; position:relative; margin-top:46px; overflow:hidden;} #_l_1 .ctext .top .img{ float:left; min-width:100%; max-height:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l_1 .ctext .top .p{ float:left; width:49.2%; min-height:682px; position:relative; z-index:4; background:rgba(0,0,0,0.6); color:#fff; font-size:18px; line-height:36px; text-align:center; padding:68px;display: flex; align-items: center; justify-content: center; margin:0 25.4%;} #_l_1 .ctext .top .p:after{ float:left; width:100%; height:100%; position:absolute; left:0; content:''; border:1px solid #fff; opacity:0.22; z-index:3; transform:scale(0.95,0.94); -moz-transform:scale(0.95,0.94); -ms-transform:scale(0.95,0.94); -o-transform:scale(0.95,0.94); -webkit-transform:scale(0.95,0.94);} #_l_1 .ctext .list { float: left; width: 100%; margin-top: 9px; padding: 0 4.1%; } #_l_1 .ctext .list ul{ margin:0 -22px; display: flex; flex-wrap: wrap; } #_l_1 .ctext .list li{ float:left; width:33.33%; padding:0 22px; margin-top:78px; flex-grow: 0;display: flex;} #_l_1 .ctext .list li a{ float:left; width:100%;} #_l_1 .ctext .list li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:65%;} #_l_1 .ctext .list li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l_1 .ctext .list li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_l_1 .ctext .list li .text{ float:left; width:100%; margin-top:30px;display: flex; justify-content: space-between; flex: 1;} #_l_1 .ctext .list li h5{ float:left; color:#333333; font-size:18px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #_l_1 .ctext .list li span{ float:right; color:#fff; font-size:16px; line-height:30px; padding:0 13px; background:#B38248; white-space:nowrap; display:inline-table; margin-left:10px;} #_pagination_81 ._block{padding:0px 0px 105px 0px;margin:0px auto 0px auto;}#_pagination_81 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_pagination_81 ._block{padding:0px 0px 30px 0px;margin:0px auto 0px auto;}} #_pt .ctext{ float:left; width:100%;} #_pt .ctext .pz_fy{width:100%; float:left;display: flex; align-items: center; justify-content: center;} #_pt .ctext .pz_fy a{ min-width:34px; height:34px; line-height:1; align-items: center; justify-content: center; color:#333333; font-size:16px; display: flex; margin:0 5px;} #_pt .ctext .pz_fy a:hover, #_pt .ctext .pz_fy a.on{color:#fff; background:#B38248;} #_pt .ctext .pz_fy a.l{ margin-right:18px; padding:0 12px; } #_pt .ctext .pz_fy a.r{ margin-left:18px; padding:0 12px; } #_content_70 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3;}#_content_70 ._title{margin-bottom:0px;} #_location_82 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4;}#_location_82 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_82 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_subpage_91 ._block{padding:0px 0px 70px 0px;margin:95px auto 0px auto;}#_subpage_91 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_subpage_91 ._block{padding:30px 0px 20px 0px;margin:0px auto 0px auto;}} #_sp_1 .ctext{ float:left; width:100%;} #_sp_1 .ctext h1{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:36px;} #_sp_1 .ctext .p{width:100%; float:left; color:#555555; font-size:16px; line-height:30px; margin:48px 0 46px 0; padding:0 4.1%;} #_sp_1 .ctext .fy{width:91.8%; float:left; border-top:1px solid #e5e5e5; padding:22px 0; margin:0 4.1%;} #_sp_1 .ctext .fy a{ float:left; width:48.5%; color:#555555; font-size:16px; line-height:26px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #_sp_1 .ctext .fy a:hover{ color:#B38248;} #_sp_1 .ctext .fy a.r{ float:right; text-align:right;} #_sp_1 .ctext .big{ float:left; width:84.4%; padding:0 8px; line-height:0;margin:46px 7.8% 0 7.8%;} #_sp_1 .ctext .big .slick-prev{ width:46px; height:90px; left:-78px; background:url(../img/sp1_1.png) center no-repeat #7f7f7f; background-size:100% 100%;} #_sp_1 .ctext .big .slick-next{ width:46px; height:90px; right:-78px; background:url(../img/sp1_2.png) center no-repeat #7f7f7f; background-size:100% 100%;} #_sp_1 .ctext .big .slick-prev:hover{ background:url(../img/sp1_1.png) center no-repeat #B38248; background-size:100% 100%;} #_sp_1 .ctext .big .slick-next:hover{ background:url(../img/sp1_2.png) center no-repeat #B38248; background-size:100% 100%;} #_sp_1 .ctext .small{ float:left; width:84.4%; margin:14px 7.8% 0 7.8%;} #_sp_1 .ctext .small .slick-slide { margin: 0 8px; position: relative; line-height: 0; } #_sp_1 .ctext .small .slick-slide:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; border:6px solid #B38248; display:none;} #_sp_1 .ctext .small .slick-slide.slick-current:after{ display:block;} #_other_93 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto;}#_other_93 ._title{margin-bottom:0px;} #_o .ctext{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:46px;} #_content_92 ._block{padding:48px 0px 97px 0px;margin:0px auto 0px auto;}#_content_92 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_content_92 ._block{padding:20px 0px 30px 0px;margin:0px auto 0px auto;}} #_c_12 .ctext{ float:left; width:100%; padding:0 4.1%;} #_c_12 .ctext ul{ margin:0 -22px;} #_c_12 .ctext li{ float:left; width:33.33%; padding:0 22px; margin-top:78px;} #_c_12 .ctext li a{ float:left; width:100%;} #_c_12 .ctext li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:65%;} #_c_12 .ctext li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_c_12 .ctext li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_c_12 .ctext li .text{ float:left; width:100%; margin-top:30px;display: flex; justify-content: space-between; flex: 1;} #_c_12 .ctext li h5{ float:left; color:#333333; font-size:18px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #_c_12 .ctext li span{ float:right; color:#fff; font-size:16px; line-height:30px; padding:0 13px; background:#B38248; white-space:nowrap; display:inline-table; margin-left:10px;} #_c_12 .ctext .slick-prev{ width:24px; height:48px; left:-2px; background:url(../img/c12_1.png) center no-repeat #7f7f7f;} #_c_12 .ctext .slick-next{ width:24px; height:48px; right:-2px; background:url(../img/c12_2.png) center no-repeat #7f7f7f;} #_c_12 .ctext .slick-prev:hover{ background:url(../img/c12_1.png) center no-repeat #B38248;} #_c_12 .ctext .slick-next:hover{ background:url(../img/c12_2.png) center no-repeat #B38248;} #_c_12 .ctext .slick-dots{ position:static; height:8px; margin-top:58px;} #_c_12 .ctext .slick-dots li{ float:none; display:inline-block; vertical-align:top; width:8px; height:8px; margin:0 5px; border-radius:50%; background:#B38248; opacity:0.3; padding:0;} #_c_12 .ctext .slick-dots li.slick-active{ opacity:1;} #_content_71 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3;}#_content_71 ._title{margin-bottom:0px;} #_location_83 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4;}#_location_83 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_83 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_list_94 ._block{padding:50px 4.1% 105px 4.1%;margin:0px auto 0px auto;}#_list_94 ._title{margin-bottom:0px;} @media screen and (max-width:768px){#_list_94 ._block{padding:50px 15px 105px 15px;}} @media screen and (max-width:768px){#_list_94 ._block{padding:20px 15px 30px 15px;margin:0px auto 0px auto;}} #_l_2 .ctext{ float:left; width:100%;} #_l_2 .ctext ul{ margin:0 -16px;} #_l_2 .ctext li{ float:left; width:33.33%; padding:0 16px; margin-top:70px;} #_l_2 .ctext li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; padding-bottom:67%;} #_l_2 .ctext li i:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.1; z-index:3;} #_l_2 .ctext li i .img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l_2 .ctext li i .ico{ float:left; width:76px; height:76px; position:absolute; left:50%; top:50%; margin:-38px 0 0 -38px; background:rgba(0,0,0,0.5); border-radius:50%; z-index:4;} #_l_2 .ctext li:hover .img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_l_2 .ctext li h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin-top:15px; text-align:center;} ._videoBg{ float:left; width:100%; height:100%; background:#000; position:fixed; left:0; top:0; z-index:25; display:none;} ._videoBg .colse{ float:left; width:42px; height:42px; background:rgba(255,255,255,0.8); border-radius:50%; position:absolute; right:10px; top:3%; z-index:4; cursor:pointer; text-align:center; line-height:42px; color:#000; font-size:50px; font-family:Arial; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); opacity:0;} ._videoBg:hover .colse{ opacity:1;} ._videoBg .video{ float:left; width:100%; height:100%; position:relative; z-index:3; /*object-fit: fill;*/} #_pagination_88 ._block{padding:0px 0px 105px 0px;margin:0px auto 0px auto;}#_pagination_88 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_pagination_88 ._block{padding:0px 0px 30px 0px;margin:0px auto 0px auto;}} #_content_72 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3;}#_content_72 ._title{margin-bottom:0px;} #_location_84 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4;}#_location_84 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_84 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_list_95 ._block{padding:40px 4.1% 105px 4.1%;margin:0px auto 0px auto;}#_list_95 ._title{margin-bottom:0px;} @media screen and (max-width:768px){#_list_95 ._block{padding:40px 15px 105px 15px;}} @media screen and (max-width:768px){#_list_95 ._block{padding:20px 15px 30px 15px;margin:0px auto 0px auto;}} #_l_3 .ctext{ float:left; width:100%;} #_l_3 .ctext li{ float:left; width:100%; margin-top:60px;} #_l_3 .ctext li a{ float:left; width:100%; background:#f4f4f4; display: flex; flex-wrap: wrap; position:relative;} #_l_3 .ctext li i{ float:left; width:50%; line-height:0; overflow:hidden; position:relative; padding-bottom:33%; flex-grow: 0;display: flex;} #_l_3 .ctext li i img{ float:left; min-width:100%; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l_3 .ctext li:hover img{transform:translate(-50%,-50%) scale(1.1,1.1); -moz-transform:translate(-50%,-50%) scale(1.1,1.1); -ms-transform:translate(-50%,-50%) scale(1.1,1.1); -o-transform:translate(-50%,-50%) scale(1.1,1.1); -webkit-transform:translate(-50%,-50%) scale(1.1,1.1);} #_l_3 .ctext li .text{ float:right; width:50%; padding:3.8%; position:relative; flex-grow: 0;display: flex; flex-direction:column ;} #_l_3 .ctext li .text h5{ float:left; width:100%; color:#B38248; font-size:20px; line-height:30px; margin-top:3.7%; padding-left:136px;} #_l_3 .ctext li .text .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; margin:6.3% 0; padding-left:136px; text-align:justify;} #_l_3 .ctext li .text h6{ float:left; width:100%;} #_l_3 .ctext li .text h6 span{ float:right; border:1px solid #c3c3c3; color:#555555; font-size:16px; line-height:46px; width:183px; text-align:center; justify-content: center; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #_l_3 .ctext li:hover .text h6 span{ background:#333; border:1px solid #333; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);} #_l_3 .ctext li .text h1{ float:left; width:84px; background:#fff; position:absolute; left:7.6%; top:11.4%; text-align:center;} #_l_3 .ctext li .text h1 span{ float:left; width:100%; background:#B38248; color:#fff; font-size:40px; line-height:49px; font-family:Arial;} #_l_3 .ctext li .text h1 font{ float:left; width:100%; color:#333333; font-size:16px; line-height:50px; font-family:Arial;} /*#_l_3 .ctext li:nth-child(2n) i{ position:absolute; right:0; top:0; height:100%;}*/ #_pagination_89 ._block{padding:0px 0px 105px 0px;margin:0px auto 0px auto;}#_pagination_89 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_pagination_89 ._block{padding:0px 0px 30px 0px;margin:0px auto 0px auto;}} #_content_73 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3;}#_content_73 ._title{margin-bottom:0px;} #_location_85 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4;}#_location_85 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_85 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_subpage_96 ._block{padding:95px 4.1% 86px 4.1%;margin:0px auto 0px auto;}#_subpage_96 ._title{margin-bottom:0px;} @media screen and (max-width:768px){#_subpage_96 ._block{padding:95px 15px 86px 15px;}} @media screen and (max-width:768px){#_subpage_96 ._block{padding:30px 15px 30px 15px;margin:0px auto 0px auto;}} #_sp_2 .ctext{ float:left; width:100%;} #_sp_2 .ctext .left{ float:left; width:68.1%;} #_sp_2 .ctext .left h4{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px; text-align:center;} #_sp_2 .ctext .left h5{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; text-align:center; padding:11px 0 20px 0; border-bottom:1px solid #e5e5e5;} #_sp_2 .ctext .left .p{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; padding:44px 0 40px 0;} #_sp_2 .ctext .left .p img{max-width:100%;} #_sp_2 .ctext .left .fy{ float:left; width:100%; position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:18px 0;} #_sp_2 .ctext .left .fy a{ float:left; color:#555555; font-size:16px; line-height:28px; display: flex; align-items: center; text-transform:uppercase;} #_sp_2 .ctext .left .fy a:hover{ color:#B38248;} #_sp_2 .ctext .left .fy a.r{ margin-left:60px; position:relative;} #_sp_2 .ctext .left .fy a.r:after{ float:left; width:1px; height:100%; background:#e6e6e6; position:absolute; left:-30px; top:0; content:'';} #_sp_2 .ctext .share{ float:right;} #_sp_2 .ctext .share span{ float:left; color:#555555; line-height:28px; font-size:16px;} #_sp_2 .ctext .bds_weixin{ width:28px; height:28px; background:url(../img/sp2_5.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp_2 .ctext .bds_sqq{ width:28px; height:28px; background:url(../img/sp2_4.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp_2 .ctext .bds_qzone{ width:28px; height:28px; background:url(../img/sp2_3.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp_2 .ctext .bds_tqq{ width:28px; height:28px; background:url(../img/sp2_2.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} #_sp_2 .ctext .bds_tsina{ width:28px; height:28px; background:url(../img/sp2_1.png) 0 0 no-repeat !important; background-size:100% 100% !important; margin:0 0 0 14px !important;} .bd_weixin_popup{ box-sizing:content-box;} #_sp_2 .ctext .right{ float:right; width:28.2%; border:1px solid #e5e5e5; margin-top:5px;} #_sp_2 .ctext .right h3{ float:left; width:100%; text-align:center; color:#fff; font-size:36px; line-height:0; text-align:center; letter-spacing:7px; position:relative; overflow:hidden;} #_sp_2 .ctext .right h3:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.5; z-index:3;} #_sp_2 .ctext .right h3 span{ float:left; width:100%; position:absolute; left:0; top:50%; line-height:50px; margin-top:-25px; z-index:4;} #_sp_2 .ctext .right ul{ float:left; width:100%; padding:0 8.3%;} #_sp_2 .ctext .right ul li a{ float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:28px 0;} #_sp_2 .ctext .right ul li:last-child a{ border-bottom:none;} #_sp_2 .ctext .right ul li h4{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } #_sp_2 .ctext .right ul li h5{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin:12px 0 6px 0; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} #_sp_2 .ctext .right ul li time{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; opacity:0.5; } #_sp_2 .ctext .right ul li a:hover h4{ color:#B38248;} #_content_74 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3}#_content_74 ._title{margin-bottom:0px;} #_location_86 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4}#_location_86 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_86 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_list_97 ._block{padding:100px 4.1% 110px 4.1%;margin:0px auto 0px auto;}#_list_97 ._title{margin-bottom:0px;} @media screen and (max-width:992px){#_list_97 ._block{padding:100px 15px 110px 15px;}} @media screen and (max-width:768px){#_list_97 ._block{padding:25px 15px 30px 15px;margin:0px auto 0px auto;}} #_l_4 .ctext{ float:left; width:100%;} #_l_4 .ctext .top{ float: left; width: 100%; background-color: #B38248; height: 60px; line-height: 60px; padding:0 85px 0 45px;} #_l_4 .ctext .top ul{ float: left; width: 100%;} #_l_4 .ctext .top ul li{ float: left; width: 19%; text-align: center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;} #_l_4 .ctext .top ul li:first-child{text-align: left; width:24%;} #_l_4 .ctext .down{ float:left; width: 100%;} #_l_4 .ctext .down ul{ float: left; width: 100%;} #_l_4 .ctext .down ul li{ float: left; width: 100%; margin-top: 12px; position: relative;} #_l_4 .ctext .down ul li .title{ float: left; width: 100%; padding:0 85px 0 45px; background: #f4f4f4; position:relative; } #_l_4 .ctext .down ul li .title dl{ float: left; width: 100%; margin: 0;} #_l_4 .ctext .down ul li .title dd{float: left; width:19%; text-align: center; color:#555555; font-size:16px; line-height: 60px;margin: 0;} #_l_4 .ctext .down ul li .title.active{background:#B38248;} #_l_4 .ctext .down ul li .title.active dd{color:#fff;} #_l_4 .ctext .down ul li .title dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #_l_4 .ctext .down ul li .title dd:first-child{ text-align: left; width:24%;} #_l_4 .ctext .down .deta{ display:none;font-size:12px; width:100%; float:left; font-size:16px; color:#555555; line-height: 30px; overflow:hidden; position:relative; background:#fbfbfb} #_l_4 .ctext .down .deta .cont{ float:left; width: 100%; padding:30px 45px 35px 45px; } #_l_4 .ctext .down .deta .left{ float:left; width: 50%; padding-right: 50px;} #_l_4 .ctext .down .deta .right{ float: left; width: 50%; padding-left:50px; border-left: 1px solid #e7e7e7;} #_l_4 .ctext .down .deta .cond{float: left; width: 100%; margin-top:30px;} #_l_4 .ctext .down .deta .job{ float: left; width: 50%; } #_l_4 .ctext .down .deta .btn{ float: left; margin-left:72px; text-align: center; color:#ffffff; font-size:14px; line-height: 35px; width: 115px; height: 35px;margin-top:15px; background-color: #B38248;transform:skewX(155deg);-moz-transform:skewX(155deg); -webkit-transform:skewX(155deg);} #_l_4 .ctext .down .deta .btn a{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; line-height: 35px; transform:skewX(-155deg);-moz-transform:skewX(-155deg); -webkit-transform:skewX(-155deg);} #_l_4 .ctext .down .deta .btn:hover{ background-color: #000;} #_l_4 .ctext #lermore{ position: absolute; right: 0; top:0; width: 85px; height: 100%; background: url(../img/l4_1.png) no-repeat center; border-left: 1px solid #fff; cursor: pointer; background-size:auto 100%;} #_l_4 .ctext .title.active #lermore{background: url(../img/l4_2.png) no-repeat center; background-size:auto 100%;} #_pagination_90 ._block{padding:0px 0px 105px 0px;margin:0px auto 0px auto;}#_pagination_90 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_pagination_90 ._block{padding:0px 0px 30px 0px;margin:0px auto 0px auto;}} #_content_75 ._block{padding:0px 0px 0px 0px;margin:0px auto 0px auto; z-index:3}#_content_75 ._title{margin-bottom:0px;} #_location_87 ._block{padding:0px 0px 0px 0px;margin:-86px auto 0px auto; z-index:4}#_location_87 ._title{margin-bottom:0px;}@media screen and (max-width:768px){#_location_87 ._block{padding:0px 10px 0px 10px;margin:-60px auto 0px auto;}} #_content_98 ._block{padding:100px 4.1% 78px 4.1%;margin:0px auto 0px auto;}#_content_98 ._title{margin-bottom:0px;} @media screen and (max-width:992px){ #_content_98 ._block{padding:100px 15px 78px 15px;} } @media screen and (max-width:768px){#_content_98 ._block{padding:30px 15px 25px 15px;margin:0px auto 0px auto;}} #_c_13 .ctext{ float:left; width:100%;} #_c_13 .ctext ul{ float: left; width: 100%; display: flex; flex-wrap: wrap;} #_c_13 .ctext ul li{ float: left; width: 20%; flex-grow: 0;display: flex; border-right:1px solid #e5e5e5; flex-direction:column; text-align:center; padding:0 2.54%; position:relative; } #_c_13 .ctext ul li:last-child{ border-right:none;} #_c_13 .ctext ul li i{ float:left; width:100%; line-height:0;} #_c_13 .ctext ul li i img{ width:110px; height:110px; background:#B38248; border-radius:50%;} #_c_13 .ctext ul li h1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold; margin:18px 0 10px 0;} #_c_13 .ctext ul li .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; word-break:break-all; } #_c_13 .ctext ul li:hover i img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #_other_99 ._block{padding:0px 4.1% 0px 4.1%;margin:0px auto 0px auto;}#_other_99 ._title{margin-bottom:0px;} #_o_1 .ctext{ float:left; width:100%;} #_o_1 .ctext ._mapbox{ float: left; width: 100%; height:758px;} .BMapLabel{ border:none !important; color:#333333 !important; font-size:18px !important; line-height:28px !important; padding:0 !important; display: flex; align-items: center; justify-content: center; margin:-22px 0 0 50px; display:flex !important; flex: 1; float:left; } .BMapLabel img{ float:left; width:186px; height:124px;} .BMapLabel span{ float:left; padding:0 40px;} #_other_101 ._block{padding:89px 10px 0px 10px;margin:0px auto 0px auto;}#_other_101 ._title{margin-bottom:0px;} @media screen and (max-width:992px){#_other_99 ._block{ padding:0 15px 0 15px;}} @media screen and (max-width:768px){#_other_101 ._block{padding:30px 15px 0px 15px;margin:0px auto 0px auto;}#_other_99 ._block{ padding:0px 15px 0px 15px;}} #_o_2 .ctext{ float:left; width:100%; text-align:center; color:#202020; font-size:36px; line-height:46px;} #_content_102 ._block{padding:38px 4.1% 102px 4.1%;margin:0px auto 0px auto;}#_content_102 ._title{margin-bottom:0px;} @media screen and (max-width:992px){#_content_102 ._block{padding:38px 15px 102px 15px;}} @media screen and (max-width:768px){#_content_102 ._block{padding:20px 15px 30px 15px;margin:0px auto 0px auto;}} #_c_14 .ctext{ float:left; width:100%; border:1px solid #e5e5e5; padding:42px 22px 29px 22px;} #_c_14 .ctext form{ float:left; width:100%;} #_c_14 .ctext .lab{ float:left; width:48%; position:relative; margin:0 1% 31px 1%;} #_c_14 .ctext .lab1{ float:left; width:98%; position:relative; margin:0 1% 31px 1%;} #_c_14 .ctext .fv0{ float:left; width:100%; color:#a1a1a1; font-size:16px; line-height:26px; height:56px; padding:14px 32px; border:none; background:none; border:1px solid #e5e5e5;} #_c_14 .ctext .fv1{ float:left; width:100%; color:#a1a1a1; font-size:16px; line-height:26px; height:143px; padding:14px 32px; border:none; background:none; border:1px solid #e5e5e5; } #_c_14 .ctext .fv2{ display:block; margin:25px auto 0 auto; width:188px; color:#fff; font-size:16px; line-height:1; height:48px; padding:0; border:none; outline:none; background:#B38248; } #_c_14 .ctext .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} #_c_14 .ctext .yanzhengma{ float:left; width:158px; height:54px; position:absolute; right:1px; top:1px;} #_c_14 .ctext ::-webkit-input-placeholder{color:#a1a1a1;} #_c_14 .ctext :-moz-placeholder{color:#a1a1a1;} #_c_14 .ctext ::-moz-placeholder{color:#a1a1a1;} #_c_14 .ctext :-ms-input-placeholder{color:#a1a1a1;} @media screen and (max-width:1600px){ #_h .ctext .menu .nli span a{ font-size:20px; line-height:40px;} #_h .ctext .menu .nli .sub li a{ font-size:16px; line-height:40px;} #_c_1 .ctext .left h1{ font-size:32px; line-height:40px;} #_c_1 .ctext .left h1 span{ font-size:29px; margin-right:10px;} #_c_1 .ctext:before{ font-size:80px;} #_c_2 .ctext .left h1{ font-size:29px; line-height:40px;} #_c_2 .ctext .left h1 span{ font-size:32px; margin-right:10px;} #_c_3 .ctext .left h1{ margin-bottom:22px;} #_c_3 .ctext .left .p{ -webkit-line-clamp:10; margin:26px 0 46px 0;} #_c_3 .ctext .left:before{ font-size:80px;} #_c_4 .ctext .left h1{ margin-bottom:22px;} #_c_4 .ctext .left .p{ -webkit-line-clamp:10; margin:26px 0 46px 0;} #_c_4 .ctext .left:before{ font-size:80px;} #_c_5 .ctext:before{ font-size:80px;} #_c_6 .ctext .left h1{ font-size:29px; line-height:40px;} #_c_6 .ctext .left h1 span{ font-size:32px; margin-right:10px;} #_c_9 .ctext .img h6{ padding:13px 20px 13px 30px; font-size:34px; line-height:44px;} #_c_7 .ctext .img span{ font-size:80px;} #_c_11 .ctext .title h1{ font-size:46px;} #_c_11 .ctext .title h2{ font-size:32px; padding-left:152px;} #_t .ctext .title h1{ font-size:46px;} #_t .ctext .title h2{ font-size:32px; padding-left:152px;} #_l .ctext .pz_SideLayer .l1 a{ font-size:16px;} #_l .ctext .Reco li h5{ font-size:20px; line-height:30px;} #_sp .ctext .pz_SideLayer .l1 a{ font-size:16px;} #_sp .ctext .DetR h5{ font-size:20px; line-height:30px; padding-bottom:24px;} #_sp .ctext .DetR .p{ font-size:15px; line-height:32px; margin:23px 0 30px 0;} #_lt_2 .ctext .pz_SideLayer .l1{ margin:0 30px;} #_l_1 .ctext .top .p{ width:60%; margin:0 20%; font-size:16px; line-height:30px;} #_l_1 .ctext .list li h5{ font-size:16px;} #_l_1 .ctext .list li span{ font-size:14px;} #_c_12 .ctext .top .p{ width:60%; margin:0 20%; font-size:16px; line-height:30px;} #_c_12 .ctext li h5{ font-size:16px;} #_c_12 .ctext li span{ font-size:14px;} #_f .ctext .left{max-width:380px;} #_f .ctext .left .p{ font-size:14px; padding-left:20px;} #_f .ctext .nav ul li a{ font-size:14px;} .BMapLabel{ font-size:14px !important; line-height:24px !important; margin:0 0 0 22px; } .BMapLabel img{ float:left; width:93px; height:62px;} .BMapLabel span{ float:left; padding:0 15px;} } @media screen and (max-width:1200px){ #_h .ctext .menu{ padding:0 3.5% 0 5.8%;} #_c_1 .ctext .left h1{ font-size:26px; line-height:34px;} #_c_1 .ctext .left h1 span{ font-size:24px;} #_c_1 .ctext:before{ font-size:52px;} #_c_2 .ctext .left h1{ font-size:24px; line-height:34px;} #_c_2 .ctext .left h1 span{ font-size:26px;} #_c_3 .ctext .left:before{ font-size:52px;} #_c_4 .ctext .left:before{ font-size:52px;} #_c_5 .ctext:before{ font-size:52px;} #_c_6 .ctext .left h1{ font-size:24px; line-height:34px;} #_c_6 .ctext .left h1 span{ font-size:26px;} #_c_9 .ctext .img h6{ padding:13px 20px 13px 30px; font-size:26px; line-height:36px;} #_c_7 .ctext .img span{ font-size:52px;} #_c_10 .ctext .title h1{ font-size:30px;} #_c_10 .ctext .title h2{ font-size:24px; margin-top:10px; padding-left:102px;} #_f .ctext .left{ max-width:250px;} #_f .ctext .nav { min-width:70px;} #_f .ctext .nav h5{ font-size:16px; line-height:26px;} #_c_11 .ctext .title h1{ font-size:30px;} #_c_11 .ctext .title h2{ font-size:24px; margin-top:10px; padding-left:102px;} #_t .ctext .title h1{ font-size:30px;} #_t .ctext .title h2{ font-size:24px; margin-top:10px; padding-left:102px;} #_l .ctext .pz_SideLayer .l1 a{ font-size:14px; line-height:44px;} #_sp .ctext .pz_SideLayer .l1 a{ font-size:14px; line-height:44px;} #_lt_2 .ctext .pz_SideLayer .l1{ margin:0 20px;} #_l_3 .ctext li .text h5{ padding-left:114px;} #_l_3 .ctext li .text .p{ padding-left:114px; -webkit-line-clamp:5;} #_l_4 .ctext .down .deta{ font-size:14px;} #_l_4 .ctext .down .deta .cont{ padding:30px 20px;} #_l_4 .ctext #lermore{ width: 60px;} #_l_4 .ctext .down ul li .title{ padding:0 60px 0 20px} #_l_4 .ctext .top{ padding:0 60px 0 20px} #_f .ctext .left .num{ font-size:24px; line-height:26px;} } @media screen and (max-width:992px){ #_h .ctext .top{ padding: 0 15px;} #_h .ctext .top.on{ padding:0 15px;} #_h .ctext .logo{ margin:6px 0;} #_h .ctext .logo img{ height:54px;} #_h .ctext .btn{ font-size:12px; line-height:14px; top:16px;} #_h .ctext .lang{ width:30px; height:30px; line-height:28px; margin-top:18px; margin-left:5px;} #_h .ctext .so{ margin-top:18px; /*margin-right:10px;*/} #_h .ctext .so .sub{ width:30px; height:30px;} #_h .ctext .so .Search{ height:30px; width:30px;} #_h .ctext .so:hover .Search { width:180px; padding:2px 12px;} #_h .ctext .colse{ margin-top:25px; margin-left:10px;} #_h .ctext .colse img{ height:16px;} #_h .ctext .menu{ padding:76px 15px; overflow-y:scroll;} #_h .ctext .menu .nli{ min-height:inherit; padding-top:5px; padding-bottom:5px; width:100%; } #_h .ctext .menu .nli span a{ font-size:16px; line-height:26px;} #_h .ctext .menu .nli .sub{ padding:6px 0 0 24px;} #_h .ctext .menu .nli .sub li{ width:33.33%;} #_h .ctext .menu .nli .sub li a{ font-size:14px; line-height:24px; opacity:0.6;} #_h .ctext .xialaph{ display: block;} #_h .ctext .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:21px 0;} #_h .ctext .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #_h .ctext .menuph .point:hover .navbtn, #_h .ctext .menuph .point:hover .navbtn::after, #_h .ctext .menuph .point:hover .navbtn::before { width: 28px;} #_h .ctext .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #B38248; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #_h .ctext .menuph .navbtn::after, #_h .ctext .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #B38248; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} #_h .ctext .menuph .navbtn::after { top: -11px;} #_h .ctext .menuph .navbtn::before { top: 10px;} #_h .ctext .menuph .point.active .navbtn{ background: transparent;} #_h .ctext .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;} #_h .ctext .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;} #_h .ctext .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:64px 15px 100px 15px; display: none; z-index:3; background:#fff;} #_h .ctext .xialaph .ul2, #_h .ctext .xialaph .ul3{ display: none;} #_h .ctext .xialaph h4 a{ float: left; width: 80%; color: #333333; font-size:16px; line-height: 50px;} #_h .ctext .xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;} #_h .ctext .xialaph h4{ float: left; width: 100%; position: relative;} #_h .ctext .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #_h .ctext .xialaph h4:hover a, #_h .ctext .xialaph h5:hover a{ color: #B38248;} #_h .ctext .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #_h .ctext .xialaph h5 a{ float: left; width: 80%; color: #1f1f1f; font-size: 14px; line-height: 40px; text-transform: uppercase;} #_h .ctext .xialaph h5{ float: left; width: 100%; position: relative;} #_h .ctext .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} #_h .ctext .xialaph li:last-child h5::after{ display: none;} #_h .ctext .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} #_h .ctext .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer;} #_h .ctext .xialaph h4.active img.img_s, #_h .ctext .xialaph h5.active img.img_s{ display: none;} #_h .ctext .xialaph h4.active img.img_d, #_h .ctext .xialaph h5.active img.img_d{ display: block;} #_h .ctext .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} #_h .ctext .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;} #_h .ctext .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a;} #_h .ctext .xialaph li:last-child .ul3::after{ display: none;} #_h .ctext .xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block;} #_h .ctext .xialaph .ul3 li{ padding-top: 5px;} #_h .ctext .xialaph .ul3 li:first-child{ padding-top: 0;} #_h .ctext .xialaph .phsou{ position: relative; margin-top: 34px;} #_h .ctext .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;} #_h .ctext .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;} #_h .ctext .img_d, #_h .ctext .disno{ display: none;} #_c .number{ right:15px; bottom:15px; font-size:14px; line-height:24px;} #_c .number span{ font-size:24px;} #_c .slide_banner .hidden-xs{ display:none;} #_c .slide_banner .visible-xs{ display:block;} #_c .slide_banner .slick-dots{ bottom:15px; right:15px; margin-right:35px;} #_c .slide_banner .slick-dots li{ margin:6px; } #_c_1 .ctext .right li h5{ font-size:16px; line-height:26px;} #_c_1 .ctext .left h1{ font-size:18px; line-height:28px;} #_c_1 .ctext .left h1:after{ margin-right:5px;} #_c_1 .ctext .left h1 span{ font-size:20px;} #_c_1 .ctext .left .p{ font-size:14px; line-height:24px; margin:10px 0 15px 0;} #_c_1 .ctext .left a{ width:124px; height:32px; line-height:30px; margin-bottom:10px;} #_c_1 .ctext:before{ font-size:42px;} #_c_2 .ctext .left h1{ font-size:20px; line-height:28px;} #_c_2 .ctext .left h1:after{ margin-right:5px;} #_c_2 .ctext .left h1 span{ font-size:18px;} #_c_2 .ctext .left .p{ font-size:14px; line-height:24px; margin:10px 0 15px 0;} #_c_2 .ctext .left a{ width:124px; height:32px; line-height:30px; margin-bottom:10px;} #_c_3 .ctext{ padding-bottom:30px;} #_c_3 .ctext .left h1{ font-size:18px; line-height:28px; margin-bottom:15px;} #_c_3 .ctext .left .p{ font-size:14px; line-height:24px; margin:15px 0 20px 0; -webkit-line-clamp:6;} #_c_3 .ctext .left a{ width:124px; height:32px; line-height:30px;} #_c_3 .ctext .left:before{ font-size:42px; bottom:0;} #_c_4 .ctext{ padding-bottom:30px;} #_c_4 .ctext .left h1{ font-size:18px; line-height:28px; margin-bottom:15px;} #_c_4 .ctext .left .p{ font-size:14px; line-height:24px; margin:15px 0 20px 0; -webkit-line-clamp:6;} #_c_4 .ctext .left a{ width:124px; height:32px; line-height:30px;} #_c_4 .ctext .left:before{ font-size:42px; bottom:0;} #_c_5 .videoBg{ padding-top:0; top:50%; position:fixed; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} #_c_5 .videoBg:after{ float:left; width:100%; height:100vh; content:''; background:#000; opacity:0.6; position:fixed; left:0; top:50%; z-index:14; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} #_c_5 .videoBg .colse{ margin-top:0; opacity:1; top:15px; width:30px; height:30px; line-height:30px; font-size:24px; z-index:16;} #_c_5 .videoBg .video{ z-index:15;} #_c_5 .ctext{ padding-top:50px;} #_c_5 .ctext .cont{ margin-top:-66px;} #_c_5 .ctext .cont h1{ font-size:16px; line-height:26px; margin:15px 0 5px 0;} #_c_5 .ctext .cont .p{ font-size:14px; line-height:24px;} #_c_5 .ctext .cont i img{ width:50px; height:50px;} #_c_5 .ctext:before{ font-size:42px;} #_c_6 .ctext .left h1{ font-size:20px; line-height:28px;} #_c_6 .ctext .left h1:after{ margin-right:5px;} #_c_6 .ctext .left h1 span{ font-size:18px;} #_c_6 .ctext .left h2{ font-size:16px; line-height:26px; margin-top:5px;} #_c_6 .ctext .left .p{ font-size:14px; line-height:24px; margin:5px 0 15px 0;} #_c_6 .ctext .left a{ width:124px; height:32px; line-height:30px; margin-bottom:10px;} #_c_9 .ctext .left h1{ font-size:18px; line-height:28px;} #_c_9 .ctext .left .p{ font-size:14px; line-height:24px; margin-top:10px;} #_c_9 .ctext .img{ margin:25px 0;} #_c_9 .ctext .img h6{ padding:5px 10px 5px 15px; font-size:20px; line-height:30px;} #_c_7 .ctext .left h1{ font-size:18px; line-height:28px;} #_c_7 .ctext .left .p{ font-size:14px; line-height:24px; margin-top:10px;} #_c_7 .ctext .img{ margin-top:20px;} #_c_7 .ctext .img span{ font-size:42px;} #_c_8 .ctext .left{ margin-top:20px;} #_c_8 .ctext .left h1{ font-size:18px; line-height:28px;} #_c_8 .ctext .left .p{ font-size:14px; line-height:24px; margin-top:10px;} #_c_10 .ctext .hidden-xs{ display:none;} #_c_10 .ctext .visible-xs{ display:block;} #_lt_1 .ctext ul li{ padding:2px 0;} #_lt_1 .ctext ul li a{ font-size:14px; line-height:24px;} #_lt_1 .ctext ul li a:after{ top:20px;} #_f .footer{ margin-top:20px;} #_f .ctext .nav{ display:none;} #_f .ctext .left .num{ margin-bottom:10px; font-size:20px; line-height:30px;} #_f .ctext .left .p{ margin-top:5px; font-size:14px; padding-left:26px;} #_f .ctext .line{ height:160px;} #_f .ctext .er h5{ margin-top:6px;} #_f .ctext .logo img{ width:100px;} #_pf .ctext{ width:32px;} #_pf .ctext i{ width:32px; height:32px;} #_lt .ctext ul li{ padding:2px 0;} #_lt .ctext ul li a{ font-size:14px; line-height:24px;} #_lt .ctext ul li a:after{ top:20px;} #_l .ctext .left{ float:left; width:100%;} #_l .ctext .pz_SideLayer{ display:none;} #_l .ctext .pz_SideLayer .l1{ width:50%; padding-left:15px;} #_l .ctext .pz_SideLayer .l1 a{ line-height:34px;} #_l .ctext .pz_SideLayer .l1:last-child a{ border-bottom:1px solid #dcdcdc;} #_l .ctext .right{ width:100%; padding:0 4.1%; margin:0;} #_l .ctext .right h1{ font-size:20px; line-height:30px;} #_l .ctext .list { margin-top:10px;} #_l .ctext .list ul{ margin:0 -7px;} #_l .ctext .list li{ padding:0 7px; margin-top:14px;} #_l .ctext .list li .text{ padding:15px 12px;} #_l .ctext .list li h5{ font-size:16px; line-height:26px; } #_l .ctext .list li h6{ font-size:14px; line-height:24px; margin-top:5px;} #_l .ctext .pz_fy{ margin:20px 0 25px 0;} #_l .ctext .pz_fy a{ font-size:12px; margin:0 1px;} #_l .ctext .pz_fy a{ min-width:20px; height:20px;} #_l .ctext .pz_fy a.l{ margin-right:5px; padding:0 5px; } #_l .ctext .pz_fy a.r{ margin-left:5px; padding:0 5px; } #_l .ctext .Reco{ margin-top:25px;} #_l .ctext .Reco li .text{ bottom:15px;} #_l .ctext .Reco li h5{ font-size:18px; line-height:28px; margin-bottom:10px;} #_l .ctext .Reco li h6{ width:100px; line-height:30px; font-size:14px;} #_l .ctext .Reco .slick-dots{ margin-top:25px;} #_l .ctext .Reco .slick-prev{ left:-2px;} #_l .ctext .Reco .slick-next{ right:-2px;} #_sp .ctext .left{ float:left; width:100%;} #_sp .ctext .pz_SideLayer{ display:none;} #_sp .ctext .pz_SideLayer .l1{ width:50%; padding-left:15px;} #_sp .ctext .pz_SideLayer .l1 a{ line-height:34px;} #_sp .ctext .pz_SideLayer .l1:last-child a{ border-bottom:1px solid #dcdcdc;} #_sp .ctext .right{ width:100%; padding:0 4.1%; margin:0;} #_sp .ctext .right h1{ font-size:20px; line-height:30px;} #_sp .ctext form{ margin:20px 0 25px 0; padding:20px 15px 30px 15px;} #_sp .ctext form .lab{ width:100%; margin:6px 0;} #_sp .ctext form .lab1{ width:100%; margin:6px 0;} #_sp .ctext form .fv0{ height:40px; line-height:38px; font-size:14px; padding:6px 12px;} #_sp .ctext form .fv1{ font-size:14px; line-height:24px; padding:6px 12px; height:136px; } #_sp .ctext form .fv2{ margin:10px auto 0 auto; font-size:16px;height:40px; width:140px; } #_sp .ctext form .yanzhengma{ width:95px; height:38px;} #_sp .ctext .Reco{ margin-top:25px;} #_sp .ctext .Reco li .text{ bottom:15px;} #_sp .ctext .Reco li h5{ font-size:14px; line-height:24px; margin-top:10px;} #_sp .ctext .Reco .slick-dots{ margin:25px 0 0 0;} #_sp .ctext .Reco .slick-prev{ left:-2px;} #_sp .ctext .Reco .slick-next{ right:-2px;} #_sp .ctext .canshu{ margin:20px 0 25px 0;} #_sp .ctext .Det{ margin-bottom:15px; display:block;} #_sp .ctext .DetL{ width:100%; display:block;} #_sp .ctext .DetR{ width:100%; display:block;} #_sp .ctext .DetR h5{ font-size:18px; line-height:28px; padding-bottom:12px;} #_sp .ctext .DetR .p{ font-size:14px; line-height:26px; margin:10px 0 15px 0;} #_sp .ctext .DetR .btn{ width:130px; font-size:14px; line-height:36px;} #_sp .ctext .DetR .btn i{ font-size:18px; margin-right:5px;} #_sp .ctext .slideGroup{ margin:20px 0 25px 0;} #_sp .ctext .box{ margin-top:20px; padding-bottom:45px;} #_sp .ctext .box:after{ right:60px;} #_sp .ctext .list ul{ margin-left:-6px; margin-right:-6px;} #_sp .ctext .list ul.slick-dots{display:none !important;} #_sp .ctext .list li{ margin-left:6px; margin-right:6px; } #_sp .ctext .list .slick-prev, #_sp .ctext .list .slick-next{ top:auto; bottom:-45px;} #_sp .ctext .list .slick-prev{ left:auto; right:46px;} #_sp .ctext .list .slick-next{ right:6px;} #_sp .ctext .title li{ min-width:40px; padding:0 10px; margin:0; font-size:14px; line-height:30px;} #_sp .ctext .list1{ margin:20px 0 25px 0; padding-bottom:45px;} #_sp .ctext .list1 .slick-dots{ bottom:-45px; } #_sp .ctext .list1 .slick-dots li{margin:11px 3px; width:7px; height:7px;} #_sp .ctext .list1 ul{ margin-left:-6px; margin-right:-6px;} #_sp .ctext .list1 li{ margin-left:6px; margin-right:6px; } #_sp .ctext .list1 .slick-prev, #_sp .ctext .list1 .slick-next{ top:auto; bottom:-45px;} #_l_1 .ctext h1{ font-size:20px; line-height:30px;} #_l_1 .ctext .top{ margin-top:20px;} #_l_1 .ctext .top .p{ font-size:14px; line-height:24px; width:90%; margin:0 5%; min-height:350px; padding:30px 25px;} #_l_1 .ctext .list ul{ margin:0 -7px;} #_l_1 .ctext .list li{ padding:0 7px; margin-top:25px;} #_l_1 .ctext .list li .text{ margin-top:15px;} #_l_1 .ctext .list li h5{ font-size:14px; line-height:24px; } #_l_1 .ctext .list li span{ font-size:12px; line-height:24px; padding:0 8px;} #_pt .ctext .pz_fy a{ font-size:12px; margin:0 1px;} #_pt .ctext .pz_fy a{ min-width:24px; height:24px;} #_pt .ctext .pz_fy a.l{ margin-right:5px; padding:0 5px; } #_pt .ctext .pz_fy a.r{ margin-left:5px; padding:0 5px; } #_sp_1 .ctext h1{ font-size:20px; line-height:20px;} #_sp_1 .ctext .p{ font-size:14px; line-height:24px; margin:20px 0; padding:0 15px;} #_sp_1 .ctext .fy{ padding:12px 15px; width:100%; margin:0;} #_sp_1 .ctext .fy a{ font-size:14px; line-height:24px;} #_sp_1 .ctext .big{ margin:20px 0 0 0; padding:0 15px; width:100%;} #_sp_1 .ctext .big .slick-prev{ width:23px; height:45px; left:0;} #_sp_1 .ctext .big .slick-next{ width:23px; height:45px; right:0;} #_sp_1 .ctext .small{ margin:10px 0 0 0; padding:0 11px; width:100%;} #_sp_1 .ctext .small .slick-slide{ margin:0 4px;} #_sp_1 .ctext .small .slick-slide:after{ border:3px solid #B38248;} #_o .ctext{ font-size:20px; line-height:30px;} #_c_12 .ctext{ padding:0 15px;} #_c_12 .ctext ul{ margin:0 -7px;} #_c_12 .ctext li{ padding:0 7px; margin-top:25px;} #_c_12 .ctext li .text{ margin-top:15px;} #_c_12 .ctext li h5{ font-size:14px; line-height:24px; } #_c_12 .ctext li span{ font-size:12px; line-height:24px; padding:0 8px;} #_c_12 .ctext .slick-prev { left:-8px;} #_c_12 .ctext .slick-next { right:-8px;} #_c_12 .ctext .slick-dots{ margin-top:25px;} #_l_2 .ctext ul{ margin:0 -7px;} #_l_2 .ctext li{ padding:0 7px; margin-top:20px;} #_l_2 .ctext li i .ico{ width:44px; height:44px; margin:-22px 0 0 -22px;} #_l_2 .ctext li h5{ font-size:16px; line-height:26px; margin-top:10px;} #_l_3 .ctext li{ margin-top:20px;} #_l_3 .ctext li .text h5{ font-size:16px; line-height:26px; padding-left:80px; margin-top:5px;} #_l_3 .ctext li .text .p{ font-size:14px; line-height:24px; padding-left:80px; margin:10px 0 15px 0;} #_l_3 .ctext li .text h6 span{ font-size:13px; line-height:34px; width:110px;} #_l_3 .ctext li .text h1{ width:66px;} #_l_3 .ctext li .text h1 span{ font-size:20px; line-height:30px;} #_l_3 .ctext li .text h1 font{ font-size:14px; line-height:30px;} #_sp_2 .ctext .left{ width:100%;} #_sp_2 .ctext .left h4{ font-size:18px; line-height:28px;} #_sp_2 .ctext .left h5{ font-size:13px; line-height:23px; padding:5px 0 12px 0;} #_sp_2 .ctext .left .p{ font-size:14px; line-height:24px; padding:20px 0;} #_sp_2 .ctext .left .fy{ padding:12px 0;} #_sp_2 .ctext .left .fy a{ font-size:14px;} #_sp_2 .ctext .left .fy a.r{ margin-left:26px;} #_sp_2 .ctext .left .fy a.r:after{ left:-13px; height:20px; top:4px;} #_sp_2 .ctext .share{ float:right;} #_sp_2 .ctext .share span{ font-size:14px;} #_sp_2 .ctext .bds_weixin{ margin:0 0 0 3px !important;} #_sp_2 .ctext .bds_sqq{ margin:0 0 0 3px !important;} #_sp_2 .ctext .bds_qzone{ margin:0 0 0 3px !important;} #_sp_2 .ctext .bds_tqq{ margin:0 0 0 3px !important;} #_sp_2 .ctext .bds_tsina{ margin:0 0 0 3px !important;} #_sp .ctext .fy{ padding:12px 0; margin-bottom:20px;} #_sp .ctext .fy a{ font-size:14px;} #_sp .ctext .fy a.r{ margin-left:26px;} #_sp .ctext .fy a.r:after{ left:-13px; height:20px; top:4px;} #_sp .ctext .share{ float:right;} #_sp .ctext .share span{ font-size:14px;} #_sp .ctext .bds_weixin{ margin:0 0 0 3px !important;} #_sp .ctext .bds_sqq{ margin:0 0 0 3px !important;} #_sp .ctext .bds_qzone{ margin:0 0 0 3px !important;} #_sp .ctext .bds_tqq{ margin:0 0 0 3px !important;} #_sp .ctext .bds_tsina{ margin:0 0 0 3px !important;} #_sp_2 .ctext .right{ width:100%; margin-top:25px;} #_sp_2 .ctext .right h3{ font-size:20px;} #_sp_2 .ctext .right ul{ padding:0 15px;} #_sp_2 .ctext .right ul li a{ padding:15px 0;} #_sp_2 .ctext .right ul li h4{ font-size:14px; line-height:24px;} #_sp_2 .ctext .right ul li h5{ font-size:14px; line-height:24px; margin:4px 0 2px 0;} #_sp_2 .ctext .right ul li time{ font-size:14px; line-height:24px;} #_l_4 .ctext .down .deta{ line-height:26px;} #_l_4 .ctext .down .deta .left{ width: 100%; padding-right: 0px;} #_l_4 .ctext .down .deta .right{ width: 100%; padding-left: 0px; border-left:0px} #_l_4 .ctext .down .deta .cond{ width: 100%; margin-top:15px;} #_l_4 .ctext .down .deta .job{ width: 100%;} #_l_4 .ctext .down .deta .btn{margin-left:10px; margin-top: 20px;} #_l_4 .ctext .down ul li .title dd{ font-size:14px; line-height: 50px;} #_l_4 .ctext .top ul li{ height: 50px; line-height: 50px;} #_l_4 .ctext .top{ height: 50px; line-height: 50px;} #_c_13 .ctext ul li{ padding:0 12px;} #_c_13 .ctext ul li i img{ width:80px; height:80px;} #_c_13 .ctext ul li h1{ font-size:16px; line-height:26px; margin:10px 0 5px 0;} #_c_13 .ctext ul li .p{ line-height:24px;} #_o_1 .ctext ._mapbox{ height:350px;} .BMapLabel{ font-size:14px !important; line-height:24px !important; margin:66px 0 0 -167px; } #_o_2 .ctext{ font-size:20px; line-height:30px;} #_c_14 .ctext{ padding:20px 15px 30px 15px} #_c_14 .ctext .lab{ width:100%; margin:6px 0;} #_c_14 .ctext .lab1{ width:100%; margin:6px 0;} #_c_14 .ctext .fv0{ height:40px; line-height:38px; font-size:14px; padding:6px 12px;} #_c_14 .ctext .fv1{ font-size:14px; line-height:24px; padding:6px 12px; height:136px; } #_c_14 .ctext .fv2{ margin:10px auto 0 auto; font-size:16px;height:40px; width:140px; } #_c_14 .ctext .yanzhengma{ width:95px; height:38px;} ._videoBg{ height:auto; top:50%; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} ._videoBg:after{ float:left; width:100%; height:100vh; content:''; background:#000; opacity:0.6; position:fixed; left:0; top:50%; z-index:14; transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} ._videoBg .colse{ opacity:1; top:15px; width:30px; height:30px; line-height:30px; font-size:24px; z-index:16;} ._videoBg .video{ z-index:15; height:210px;} } @media screen and (max-width:768px){ .BMapLabel span{ padding:0 10px; min-width:150px; white-space:normal;} .BMapLabel{ font-size:14px !important; line-height:24px !important; margin:66px 0 0 -122px; } #_c_1 .ctext{ display:block; padding:0 15px;} #_c_1 .ctext .left{ width:100%; display:block;} #_c_1 .ctext .right{ width:100%; display:block;} #_c_1 .ctext:after{ display:none;} #_c_1 .ctext:before{ display:none;} #_c_1 .ctext .right:after{ float:left; width:15px; height:100%; position:absolute; right:-15px; top:0; content:''; background:#f7f7f7; z-index:3;} #_c_1 .ctext .right:before{ float:left; width:15px; height:100%; position:absolute; right:-15px; top:0; content:'ADVANTAGE'; color:#eeeeee; line-height:1; font-size:12px; font-weight:bold; text-transform:uppercase; z-index:4;writing-mode:vertical-lr;display: flex; align-items: center; justify-content: center;} #_c_2 .ctext{ display:block; padding:0 15px;} #_c_2 .ctext .left{ width:100%; display:block;} #_c_3 .ctext{ display:block; padding-bottom:10px;} #_c_3 .ctext .left{ width:100%; display:block; padding:20px 15px 20px 15px;} #_c_3 .ctext .left .p{ -webkit-line-clamp:3;} #_c_3 .ctext .right{ width:100%; display:block; padding-bottom:65%;} #_c_3 .ctext .bg{ width:100%;} #_c_3 .ctext .left:before{ width:15px; font-size:16px;} #_c_4 .ctext{ display:block; padding-bottom:10px;} #_c_4 .ctext .left{ width:100%; display:block; padding:20px 15px 20px 15px;} #_c_4 .ctext .left .p{ -webkit-line-clamp:3;} #_c_4 .ctext .right{ width:100%; display:block; padding-bottom:65%;} #_c_4 .ctext .bg{ width:100%;} #_c_4 .ctext .left:before{ left:auto; right:0; width:15px; font-size:16px;} #_c_5 .videoBg{ padding-top:0; height:auto;} #_c_5 .videoBg .video{ height:210px;} #_c_5 .ctext{ padding-top:30px;} #_c_5 .ctext .l1{ width:100%; padding-bottom:92%;} #_c_5 .ctext:before{ right:10px; font-size:16px;} #_c_6 .ctext{ display:block;} #_c_6 .ctext .left{ width:100%; display:block; padding:0 15px;} #_c_6 .ctext .right{ margin-top:20px;} #_c_9 .ctext .left{ padding:0 15px;} #_c_9 .ctext .img{ padding:0 0 0 15px;} #_c_9 .ctext .img h6{ left:0; padding:5px 10px 5px 10px; font-size:14px; line-height:24px;} #_c_7 .ctext .left{ padding:0 15px;} #_c_7 .ctext .img{ padding:0 30px 0 0;} #_c_7 .ctext .img:after{ right:15px;} #_c_7 .ctext .img span{ width:15px; font-size:12px;} #_c_8 .ctext{ padding:0 15px;} #_c_10 .ctext .title{ padding:0 15px;} #_c_10 .ctext .title h1{ font-size:18px;} #_c_10 .ctext .title h2{ font-size:16px; padding-left:62px;} #_lt_1 .ctext{ padding:0 15px;} #_lt_1 .ctext ul li{ width:30.13%;} #_lt_1 .ctext ul li:nth-child(4n){ border-right:1px solid #e5e5e5;} #_lt_1 .ctext ul li:nth-child(3n){ border-right:none;} #_f .footer{ padding:15px 0;} #_f .Copyright{ width:100%; text-align:center; font-size:13px; line-height:22px;} #_f .map{ width:100%; text-align:center; font-size:13px; line-height:22px;justify-content: center;} #_f .map em{ margin:0 8px; margin-top:6px;} #_f .map .linklist{right:50%; margin-right:-130px; background:#fff;} #_f .map .linklist li a{color:#333; text-align:center;} #_f .map .linklist li{padding-left:10px;} #_f .ctext .maxwidth{ flex-wrap:wrap;} #_f .ctext .line{ width:100%; height:1px; margin:15px 0;} #_f .ctext .left{ max-width:100%; margin-right:0;} #_f .ctext .er{ width:50%; margin-left:0; text-align:center;} #_f .ctext .er h4{ float:left; display:block; width:100%; height:auto;} #_f .ctext .er h4 img{ width:100px !important; height:auto; margin:0 auto; } #_f .ctext .er h5{ display:block; width:100%;} #_f .ctext .logo{ display:block; width:50%; text-align: center; margin-top:0;} #_f .ctext .logo a{ float:none;} #_c_11 .ctext .title{ padding:0 15px;} #_c_11 .ctext .title h1{ font-size:18px;} #_c_11 .ctext .title h2{ font-size:16px; padding-left:62px;} #_t .ctext .title{ padding:0 15px; top:40%;} #_t .ctext .title h1{ font-size:18px;} #_t .ctext .title h2{ font-size:16px; padding-left:62px;} #_lt .ctext{ padding:0;} #_lt .ctext ul li{ width:46.8%;} #_lt .ctext ul li:nth-child(4n){ border-right:1px solid #e5e5e5;} #_lt .ctext ul li:nth-child(2n){ border-right:none;} #_l .ctext .right{ padding:0;} #_l .ctext .list li{ width:100%;} #_sp .ctext .right{ padding:0;} #_sp .ctext .list li{ width:100%;} #_lt_2 .ctext{ padding:5px 15px; height:60px;} #_lt_2 .ctext .pz_SideLayer{ width:100%; display:block;} #_lt_2 .ctext .pz_SideLayer .l1{ width:32.33%; margin:0 0.5%;} #_lt_2 .ctext .pz_SideLayer .l1 a{ font-size:14px; line-height:22px;} #_l_1 .ctext .list li{ width:100%;} #_c_12 .ctext li{ width:100%;} #_l_2 .ctext li{ width:100%;} #_l_3 .ctext li i{ width:100%; padding-bottom:67%;} #_l_3 .ctext li .text{ width:100%; padding:15px 15px 20px 15px;} #_l_3 .ctext li .text h1{ left:15px; top:15px;} #_l_3 .ctext li .text h5{ margin-top:0;} #_l_3 .ctext li .text .p{ -webkit-line-clamp:3; margin:5px 0 15px 0;} #_l_3 .ctext li:nth-child(2n) i{ position:relative; right:0; top:0; height:auto} #_l_4 .ctext .top ul li:nth-child(2), #_l_4 .ctext .top ul li:nth-child(3), #_l_4 .ctext .top ul li:nth-child(4){display: none;} #_l_4 .ctext .top ul li{ width: 40%; font-size:14px;line-height: 50px;} #_l_4 .ctext .top ul li:first-child{ width: 60%; } #_l_4 .ctext .top{padding:0 50px 0 15px;} #_l_4 .ctext .down ul li .title{padding:0 50px 0 15px;} #_l_4 .ctext .down ul li .title dl{width: 100%; margin: 0;} #_l_4 .ctext .down ul li .title dd{width: 40%;} #_l_4 .ctext .down ul li .title dd:first-child{ width: 60%;} #_l_4 .ctext .down ul li .title dd:nth-child(2), #_l_4 .ctext .down ul li .title dd:nth-child(3), #_l_4 .ctext .down ul li .title dd:nth-child(4){display: none;} #_l_4 .ctext .down .deta .cont{ padding:15px 15px 25px 15px;} #_l_4 .ctext #lermore{ width: 50px; height: 50px;} #_c_13 .ctext ul li{ width:100%; padding:15px 0 15px 95px; min-height:110px; text-align:left; border-right:none; border-bottom:1px solid #e5e5e5; justify-content:center;} #_c_13 .ctext ul li i{ position:absolute; left:0; top:15px;} #_c_13 .ctext ul li h1{ margin:0 0 2px 0;} #_c_13 .ctext ul li:nth-child{ border:none;} #_c_14 .ctext h5{ position:relative; width:100%; text-align:center; margin-top:10px;} } /**/ body{ overflow:hidden;} .about3{ float:left; width:100%; line-height:0; margin-top:92px;} .about2{ float:left; width:100%; margin-top:92px;} .about2 .top{ float:left; width:100%; background:#f4f4f4; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .about2 .left{ float:left; width:50%; flex-grow: 0;display: flex;flex-direction:column; } .about2 .left .l1{ float:left; width:100%; line-height:0; position:relative; height:624px; } .about2 .left .l1 img{ float:left; min-width:fit-content; max-width:100%; height:624px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);} .about2 .right{ float:left; width:50%; padding:4.6% 4.1% 2.8% 3.3%; flex-grow: 0;display: flex;flex-direction:column } .about2 .right h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; font-weight:bold; text-transform:uppercase;} .about2 .right h2{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; margin:4px 0 35px 0;} .about2 .right .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:360px } .about2 .right .p::-webkit-scrollbar { width:3px } .about2 .right .p::-webkit-scrollbar-track { background-color:#333; border-radius:3px } .about2 .right .p::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#b28247; border-radius:3px} .about2 .down{ float:left; width:100%; margin-top:35px;} .about2 .down .l1{ float:left; position:relative; line-height:0; margin:0 15px; overflow:hidden;} .about2 .down .l1 img{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .about2 .down .l1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .about2 .down .slick-prev{ width:34px; height:54px; left:0; background:url(../img/ab10.png) center no-repeat rgba(0,0,0,0.6); background-size:100% 100%;} .about2 .down .slick-next{ width:34px; height:54px; right:0; background:url(../img/ab11.png) center no-repeat rgba(0,0,0,0.6); background-size:100% 100%;} .about2 .down .slick-prev:hover{ background:url(../img/ab10.png) center no-repeat #b28247; background-size:100% 100%;} .about2 .down .slick-next:hover{ background:url(../img/ab11.png) center no-repeat #b28247; background-size:100% 100%;} @media screen and (max-width:1600px){ } @media screen and (max-width:991px){ .about3{ margin-top:30px;} .about2{ margin-top:30px;} .about2 .left .l1{ height:226px; } .about2 .left .l1 img{ height:226px;min-width:revert;} .about2 .right{ padding:20px 15px;} .about2 .right h1{ font-size:20px; line-height:30px;} .about2 .right h2{ font-size:16px; line-height:26px; margin:0 0 10px 0;} .about2 .right .p{ font-size:14px; line-height:24px; max-height:120px;} .about2 .down{ margin-top:20px; padding:0 10px;} .about2 .down .l1{ margin:0 5px;} .about2 .down .slick-prev{ width:24px; height:38px;} .about2 .down .slick-next{ width:24px; height:38px;} } @media screen and (max-width:768px){ .about2 .top{ display:block;} .about2 .left{ width:100%; display:block;} .about2 .right{ width:100%; display:block;} } .about1{ float:left; width:100%;} .about1 .top{ float:left; width:100%;} .about1 .left{ float:left; width:45%; padding:2.7% 2% 2.8% 9.1%; margin:8.8% 0; overflow-y:auto; scrollbar-width:thin; max-height:510px } .about1 .left::-webkit-scrollbar { width:10px } .about1 .left::-webkit-scrollbar-track { background-color:#f5f5f5; border-radius:10px } .about1 .left::-webkit-scrollbar-thumb { width:10px; height:60px; background-color:#d3d3d3; border-radius:10px} .about1 .left h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; font-weight:bold; text-transform:uppercase; } .about1 .left .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; overflow:hidden; margin:30px 0;} .about1 .right{ float:right; width:53%;} .about1 .right .l1{ float:left; width:100%; line-height:0; position:relative; height:881px;} .about1 .right .l1 img{ float:left; min-width:fit-content; max-width:100%; height:881px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);} .about1 .down{ float:left; width:100%; background:#7f7f7f;} .about1 .down .l1{ float:left; width:100%; text-align:center; padding:15px 12px; cursor:pointer; } .about1 .down .l1 h1{ float:left; width:100%; color:#fff; font-size:21px; line-height:31px; } .about1 .down .l1 h6{ float:left; width:100%; color:#fff; font-size:12px; line-height:22px; text-transform:uppercase; opacity:0.6; } .about1 .down .l1.slick-current{ background:#b28247;} @media screen and (max-width:1200px){ .about1 .right .l1{ height:760px; } .about1 .right .l1 img{ height:760px; } } @media screen and (max-width:991px){ .about1 .left{ margin:20px 0; padding:0 15px; max-height:230px;} .about1 .left::-webkit-scrollbar { width:3px } .about1 .left::-webkit-scrollbar-track { border-radius:3px } .about1 .left::-webkit-scrollbar-thumb { width:3px;} .about1 .left h1{ font-size:20px; line-height:30px;} .about1 .left .p{ font-size:14px; line-height:24px; margin:10px 0 0 0;} .about1 .right .l1{ height:300px; } .about1 .right .l1 img{ height:300px; min-width:revert;} .about1 .down .l1{ padding:10px 10px;} .about1 .down .l1 h1{ font-size:16px; line-height:20px;} .about1 .down .l1 h6{ line-height:16px; margin-top:4px;} } @media screen and (max-width:768px){ .about1 .top{ display:block;} .about1 .left{ width:100%; display:block;} .about1 .right{ width:100%; display:block;} .about1 .right .l1{ height:226px; } .about1 .right .l1 img{ height:226px; min-width:revert;} } .about8{ float:left; width:100%; background:#f4f4f4; padding:78px 0 106px 0;} .about8 .tab{ float:left; width:100%; line-height:0;} .about8 .tab .l1{ margin:0 45px; position:relative; line-height:0; overflow:hidden;} .about8 .tab .l1 img{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .about8 .tab .l1:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} .about8 .tab .l1:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:#000; opacity:0.7;} .about8 .tab .l1.slick-current:after{ opacity:0;} .about8 .tab .slick-prev{ width:44px; height:44px; left:23%; margin-left:-22px; background:url(../img/ab15.png) center no-repeat; background-size:100% 100%;} .about8 .tab .slick-next{ width:44px; height:44px; right:23%; margin-right:-22px; background:url(../img/ab16.png) center no-repeat; background-size:100% 100%;} .about8 .tab .slick-prev:hover{ opacity:0.2;} .about8 .tab .slick-next:hover{ opacity:0.2;} @media screen and (max-width:992px){ .about8{ padding:25px 0 30px 0;} .about8 .tab .l1{ margin:0 20px;} .about8 .tab .slick-prev{ width:24px; height:24px; margin-left:-12px; } .about8 .tab .slick-next{ width:24px; height:24px; margin-right:-12px; } } @media screen and (max-width:767px){ .about8 .tab .slick-prev{ left:14%; } .about8 .tab .slick-next{ right:14%; } } .about7{ float:left; width:100%; background:#f4f4f4; padding:116px 8.5% 0 8.5%;} .about7 h1{ float:left; width:100%; color:#333; font-size:36px; line-height:46px; position:relative; padding-bottom:50px;} .about7 h1:after{ float:left; width:54px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#aaaaaa;} .about7 .tab{ float:left; width:100%; margin-top:25px;} .about7 .tab ul{ margin:0 -15px;} .about7 .tab li{ float:left; width:20%; padding:15px;} .about7 .tab li a{ float:left; width:100%; background:#fff; overflow:hidden;} .about7 .tab li a img{-webkit-transition: all 1s ease-out 0s; -webkit-filter:grayscale(1); -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;} .about7 .tab li:hover a img{ -webkit-filter:grayscale(0); } .about7 .tab li:hover a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .about7 .tab .slick-prev{ width:44px; height:44px; left:auto; right:0; margin-right:60px; top:-47px; background:url(../img/ab15.png) center no-repeat; background-size:100% 100%;} .about7 .tab .slick-next{ width:44px; height:44px; right:0; top:-47px; background:url(../img/ab16.png) center no-repeat; background-size:100% 100%;} .about7 .tab .slick-prev:hover{ opacity:0.2;} .about7 .tab .slick-next:hover{ opacity:0.2;} @media screen and (max-width:992px){ .about7{ padding:25px 15px 0 15px;} .about7 h1{ font-size:20px; line-height:30px; padding-bottom:15px;} .about7 .tab{ margin-top:17px;} .about7 .tab ul{ margin:0 -3px;} .about7 .tab li{ padding:3px;} .about7 .tab .slick-prev{ width:24px; height:24px; top:-30px; margin-right:34px; } .about7 .tab .slick-next{ width:24px; height:24px; top:-30px; } } .about6{ float:left; width:100%; position:relative; padding:113px 8.5% 119px 8.5%;} .about6:after{ float:left; width:100%; height:58%; position:absolute; left:0; top:0; content:''; background:#373737; z-index:3;} .about6 h1{ float:left; width:100%; color:#fff; font-size:36px; line-height:46px; position:relative; padding-bottom:50px; position:relative; z-index:4;} .about6 h1:after{ float:left; width:54px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#fff;} .about6 .tab{ float:left; width:100%; margin-top:60px;position:relative; z-index:4;} .about6 .tab ul{ margin-left:-10px;} .about6 .tab li{ float:left; width:20%; padding-left:10px;} .about6 .tab li .la{ float:left; width:100%; background:#f4f4f4; overflow:hidden; cursor:pointer; position:relative;} .about6 .tab li .la:after{ float:left; width:100%; height:100%; background:url(../img/ab30.png) center bottom repeat-x; position:absolute; left:0; bottom:0; content:''; z-index:3;} .about6 .tab li .la i{ float:left; width:100%; line-height:0; overflow:hidden; height:506px; position:relative;} .about6 .tab li .la i img{ height:506px; width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .about6 .tab li .la:hover i img{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);} .about6 .tab li .la h2{ float:left; width:100%; position:absolute; left:0; bottom:31px; z-index:4; text-align:center; color:#fff; font-size:18px; line-height:18px; padding-bottom:15px;} .about6 .tab li .la h2:after{ float:left; width:18px; height:2px; position:absolute; left:50%; bottom:0; content:''; background:#b28247; margin-left:-9px;} .about6 .tab li .la .text{ display:none; float:left; width:60%; padding:45px 4.3%;} .about6 .tab li .la .text h4{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px; border-bottom:1px solid #e0e0e0; padding-bottom:25px; margin-bottom:25px;} .about6 .tab li .la .text .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:32px; padding-right:5%; overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:320px; } .about6 .tab li .la .text .p::-webkit-scrollbar { width:3px } .about6 .tab li .la .text .p::-webkit-scrollbar-track { background-color:#e3e3e3; border-radius:3px; } .about6 .tab li .la .text .p::-webkit-scrollbar-thumb { width:10px; height:60px; background-color:#b28247; border-radius:3px} .about6 .tab li.on{ width:60%;} .about6 .tab li.on .la:after{ display:none;} .about6 .tab li.on .la{ background:#f4f4f4;} .about6 .tab li.on .la h2{ display:none;} .about6 .tab li.on .la h2:after{ display:none;} .about6 .tab li.on .la i{ width:40%;} .about6 .tab li.on .la .text{ display:block;} @media screen and (max-width:1200px){ .about6 .tab li .la .text{ padding:20px 15px;} .about6 .tab li .la .text h4{ font-size:18px; line-height:28px; padding-bottom:15px; margin-bottom:15px;} .about6 .tab li .la .text .p{ font-size:14px; line-height:26px;} .about6 .tab li .la i{ height:350px;} .about6 .tab li .la i img{ height:350px;} .about6 .tab li .la h2{ font-size:14px; line-height:26px; padding-bottom:10px; bottom:15px;} .about6 .tab li .la .text .p{ max-height:234px;} } @media screen and (max-width:992px){ .about6{ padding:25px 15px 30px 15px;} .about6 h1{ font-size:20px; line-height:30px; padding-bottom:15px;} .about6 .tab{ margin-top:10px;} .about6 .tab li{ width:100%; margin-top:10px;} .about6 .tab li .la{ padding-top:0;} .about6 .tab li .la i{ height:auto;} .about6 .tab li .la i img{ position:static; width:100%; height:auto;transform:translate(0,0) scale(1,1); -moz-transform:translate(0,0) scale(1,1); -ms-transform:translate(0,0) scale(1,1); -o-transform:translate(0,0) scale(1,1); -webkit-transform:(0,0) scale(1,1);} .about6 .tab li .la:hover i img{ -webkit-transform:translate(0,0) scale(1.1); -moz-transform:translate(0,0) scale(1.1);transform:translate(0,0) scale(1.1);} .about6 .tab li .la .text{ width:100%;} .about6 .tab li.on{ width:100%;} .about6 .tab li.on .la{ padding-top:25px;} .about6 .tab li.on .la i{ width:50%; margin:0 25%;} } .about4{ float:left; width:100%; margin:94px 0; background:#f4f4f4;} .about4 .top{ float:left; width:100%; position:relative; } .about4 .right{ float:left; width:49.2%; position:absolute; left:0; top:0; height:100%; overflow:hidden;} .about4 .right img{ float:left; min-width:fit-content; max-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.01,1.01); -moz-transform:translate(-50%,-50%) scale(1.01,1.01); -ms-transform:translate(-50%,-50%) scale(1.01,1.01); -o-transform:translate(-50%,-50%) scale(1.01,1.01); -webkit-transform:translate(-50%,-50%) scale(1.01,1.01);} .about4 .left{ float:right; width:50.8%; padding:9.7% 4.1% 9.7% 5.7%;} .about4 .left .title{ float:left; width:100%;} .about4 .left .title .l1{ float:left; width:33.33%; background:#e6e6e6; border-right:1px solid #f4f4f4; padding:20px 12px; text-align:center; cursor:pointer;} .about4 .left .title .l1 i{ float:left; width:100%; height:43px; position:relative; } .about4 .left .title .l1 i img{ height:43px;} .about4 .left .title .l1 i .ico1{ opacity:0; position:absolute; left:50%; top:0; margin-left:-22px;} .about4 .left .title .l1 h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin-top:7px;} .about4 .left .title .l1.slick-current{ background:#b28247;} .about4 .left .title .l1.slick-current{ background:#b28247;} .about4 .left .title .l1.slick-current h5{ color:#fff;} .about4 .left .title .l1.slick-current i .ico1{ opacity:1;} .about4 .left .title .l1.slick-current i .ico2{ opacity:0;} .about4 .left .cont{ float:left; width:100%; margin-top:10.8%;} .about4 .left .cont .l1{ float:left; width:100%;} .about4 .left .cont h1{ float:left; width:100%; color:#222222; font-size:36px; line-height:46px; position:relative; padding-bottom:5.5%;} .about4 .left .cont h1:after{ float:left; width:53px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#b28247;} .about4 .left .cont .p{ float:left; width:100%; color:#222222; font-size:16px; line-height:32px; margin-top:5.8%;} @media screen and (max-width:992px){ .about4{ margin:30px 0;} .about4 .left .title .l1{ padding:10px 12px;} .about4 .left .title .l1 h5{ font-size:14px; line-height:24px; margin-top:2px;} .about4 .left .title .l1 i{ height:30px;} .about4 .left .title .l1 i img{ height:30px;} .about4 .left .title .l1 i .ico1{ margin-left:-15px;} .about4 .left{ padding:25px 15px;} .about4 .left .cont{ margin-top:15px;} .about4 .left .cont h1{ font-size:20px; line-height:30px; padding-bottom:15px;} .about4 .left .cont .p{ font-size:14px; line-height:24px; margin:10px 0 0 0;} } @media screen and (max-width:768px){ .about4 .left{ display:block; width:100%;} .about4 .right{ display:block; width:100%; position:relative; height:226px;} } .about5{ float:left; width:100%; position:relative; padding:107px 8.5% 119px 8.5%;} .about5:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; background:rgba(34,34,34,0.8); z-index:3;} .about5 h1{ float:left; width:100%; color:#fff; font-size:36px; line-height:46px; position:relative; padding-bottom:50px; position:relative; z-index:4;} .about5 h1:after{ float:left; width:54px; height:2px; position:absolute; left:0; bottom:0; content:''; background:#fff;} .about5 .list{ float:left; width:100%; position:relative; z-index:4; margin-top:102px; min-height:462px;} .about5 .list:after{ float:left; width:100%; height:316px; content:''; position:absolute; left:0; bottom:50%; z-index:3; background:url(../img/ab35.png) top center no-repeat; background-size:100% 100%;} .about5 .list li{ float:left; width:16%; position:absolute; z-index:4; background:rgba(255,255,255,0.8); padding:10px 10px 12px 20px; min-height:151px; cursor:pointer; } .about5 .list li h5{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; font-weight:bold; padding-right:10px;} .about5 .list li .p{ float:left; width:100%; color:#333333; font-size:16px; line-height:23px; margin-top:8px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; text-align:justify; overflow:hidden; padding-right:10px;} .about5 .list li:hover .p{ color:#fff; overflow-y:auto; scrollbar-width:thin; max-height:230px; -webkit-line-clamp:999; } .about5 .list li:hover .p::-webkit-scrollbar { width:3px } .about5 .list li:hover .p::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:3px } .about5 .list li:hover .p::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#fff; border-radius:3px } .about5 .list li:hover{ background:rgba(40,40,40,0.8);} .about5 .list li:hover h5{ color:#fff;} .about5 .list li:nth-child(2n):after, .about5 .list li:nth-child(2n+1):after{ float:left; width:1px; height:42px; position:absolute; left:50%; background:#fff; opacity:0.6; content:'';} .about5 .list li:nth-child(2n):after{ bottom:100%; margin-bottom:10px;} .about5 .list li:nth-child(2n+1):after{ top:100%; margin-top:10px;} .about5 .list li:nth-child(2n):before, .about5 .list li:nth-child(2n+1):before{ float:left; width:0; height:0; position:absolute; left:50%; opacity:0.6; content:''; border-left: 4px solid transparent; border-right:5px solid transparent; margin-left:-4px;} .about5 .list li:nth-child(2n):before{ bottom:100%; margin-bottom:52px;border-bottom: 5px solid #fff; } .about5 .list li:nth-child(2n+1):before{ top:100%; margin-top:52px; border-top: 5px solid #fff; } .about5 .list li:nth-child(1){ left:0; bottom:50%; margin-bottom:82px;} .about5 .list li:nth-child(2){ left:10%; top:50%; margin-top:82px;} .about5 .list li:nth-child(3){ left:21%; bottom:50%; margin-bottom:108px;} .about5 .list li:nth-child(4){ left:32%; top:50%; margin-top:70px;} .about5 .list li:nth-child(5){ left:43%; bottom:50%; margin-bottom:144px;} .about5 .list li:nth-child(6){ left:54%; top:50%; margin-top:6px;} .about5 .list li:nth-child(7){ left:65%; bottom:50%; margin-bottom:222px;} .about5 .list li:nth-child(8){ left:76%; top:50%; margin-top:-98px;} @media screen and (max-width:1600px){ .about5 .list li .p{ font-size:14px; line-height:20px;} .about5 .list li:hover .p{ max-height:200px;} } @media screen and (max-width:992px){ .about5{ padding:30px 15px;} .about5 h1{ font-size:20px; line-height:30px; padding-bottom:15px;} .about5 .list{ margin-top:25px; padding:0 0 5px 34px;} .about5 .list:after{ width:4px; height:100%; left:0; bottom:0; background:#fff; opacity:0.6;} .about5 .list:before{ float:left; width:0; height:0; position:absolute; left:0; top:100%; opacity:0.6; content:''; border-left:8px solid transparent; border-right:9px solid transparent; margin-left:-6px;border-top:8px solid #fff; } .about5 .list li{ width:100%; position:relative; left:0 !important; margin:8px 0 !important; min-height:20px;} .about5 .list li .p{ margin-top:0; display:block;} .about5 .list li:hover .p{ max-height:inherit;} .about5 .list li:nth-child(2n):after, .about5 .list li:nth-child(2n+1):after{ width:30px; height:1px; left:-30px; top:15px;} } @media screen and (max-width:768px){ } .cust_tit1{ float:left; width:100%; background:#e5e5e5; color:#333333; font-size:24px; line-height:34px; border-radius:6px; font-weight:bold; text-align:center; padding:18px 12px;} .cust_tit2{ float:left; width:100%; color:#555555; font-size:16px; line-height:32px; text-align:center; margin-top:5px;} .custB{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin-top:43px;} .cust1{ float:left; width:100%; position:relative; padding:94px 9.1% 65px 9.1%;} .cust3 .top{ float:left; width:100%; position:relative; z-index:4; padding:0 0 82px 0;} .cust3 .top h1{ float:left; width:100%; text-align:center; color:#333333; font-size:36px; line-height:46px;} .cust3 .top h6{ float:left; width:100%; text-align:center; color:#555555; font-size:16px; line-height:24px;} .dz_top{float:left; width:100%; padding-top:94px;} .cust2{ float:left; width:100%; position:relative; padding:0 9.1% 65px 9.1%;} .cust2 .top{ float:left; width:100%; margin-top:35px; position:relative; overflow:hidden;} .cust2 .top i{ float:left; width:100%; line-height:0;} .cust2 .top i img { width:100%; transition:.4s; -moz-transition:.4s; -webkit-transition:.4s } .cust2 .top h1{ float:left; width:100%; position:absolute; left:0; top:37%; z-index:4; color:#333333; font-size:30px; line-height:40px; font-weight:bold; padding-left:10%; transition:.5s .1s; opacity:0;} .cust2 .top:hover i img { transform:translateX(5%) } .cust2 .top:hover h1{ padding-left:15%; opacity:1 } .cust2 .list{ float:left; width:100%; margin-top:10px;} .cust2 .list ul{ margin:0 -15px;} .cust2 .list li{ float:left; width:33.33%; padding:0 15px; text-align:center; margin-top:20px;} .cust2 .list li i{ float:left; width:100%; line-height:0; overflow:hidden;} .cust2 .list li i img { width:100%; transition:.4s; -moz-transition:.4s; -webkit-transition:.4s } .cust2 .list li:hover i img { transform:translateX(10px) } .cust2 .list li h6{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:16px;} .cust2 .list .slick-dots{ bottom:0; top:-28px; width:auto; height:20px !important; left:54px; display:block; float:left;} .cust2 .list .slick-dots li{ display:inline-block; vertical-align:top; width:8px; height:8px; margin:6px 5px; border-radius:50%; background:#b38248; opacity:0.4; padding:0;} .cust2 .list .slick-dots li.slick-active{ opacity:1;} .cust2 .list .slick-prev, .cust2 .list .slick-next{ width:10px; height:20px; z-index:66; top:-18px; z-index:3;} .cust2 .list .slick-prev{ left:15px;} .cust2 .list .slick-next{ right:auto; left:53px;} .cust2 .list .slick-prev:after{ float:left; width:13px; height:1px; background:#b38248; content:''; position:absolute; left:0; top:5px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .cust2 .list .slick-prev:before{ float:left; width:13px; height:1px; background:#b38248; content:''; position:absolute; left:0; bottom:5px; transform:rotate(-145deg); -moz-transform:rotate(-145deg); -ms-transform:rotate(-145deg); -o-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);} .cust2 .list .slick-next:after{ float:left; width:13px; height:1px; background:#b38248; content:''; position:absolute; right:0; top:5px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);} .cust2 .list .slick-next:before{ float:left; width:13px; height:1px; background:#b38248; content:''; position:absolute; right:0; bottom:5px; transform:rotate(145deg); -moz-transform:rotate(145deg); -ms-transform:rotate(145deg); -o-transform:rotate(145deg); -webkit-transform:rotate(145deg);} .custL{ float:left; width:100%; margin-top:35px;} .custL ul{ margin:0 -1.24%;} .custL li{ float:left; width:33.33%; padding:0 0.4%; text-align:center; margin-top:15px;} .custL li i{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; cursor:pointer;} .custL li i em{ float:left; position:absolute; right:13px; bottom:13px; width:28px; height:28px; background:url(../img/img19.png) center no-repeat; background-size:100% 100%;} ._custL li i em{ background:url(../img/img20_1.png) center no-repeat; background-size:100% 100%; opacity:0.7;} .custL li.on i em{ background:url(../img/img20.png) center no-repeat; background-size:100% 100%; opacity:1;} .custL li i img { width:100%; transition:.4s; -moz-transition:.4s; -webkit-transition:.4s } .custL li:hover i img { transform:translateX(10px) } .custL li h6{ float:left; width:100%; color:#555555; font-size:18px; line-height:28px; margin-top:25px;} .custL .slick-dots{ position:static; height:8px; margin:24px 0 0 0 !important;} .custL .slick-dots li{ display:inline-block; vertical-align:top; float:none; width:8px; height:8px; border-radius:50%; background:#b38248; opacity:0.3; padding:0 !important; margin:0 5px !important;} .custL .slick-dots li.slick-active{ opacity:1;} .custL .slick-prev, .custL .slick-next{ width:24px; height:48px; top:40%; z-index:3;} .custL .slick-prev{ left:-3px; background:url(../img/l_2.png) center no-repeat #7f7f7f; background-size:100% auto;} .custL .slick-next{ right:-3px; background:url(../img/l_3.png) center no-repeat #7f7f7f; background-size:100% auto;} .custL .slick-prev:hover{ background:url(../img/l_2.png) center no-repeat #b38248; background-size:100% auto;} .custL .slick-next:hover{ background:url(../img/l_3.png) center no-repeat #b38248; background-size:100% auto;} .cust2, .cust3, .cust4, .cust5, .cust6, .cust7{ float:left; width:100%; position:relative; padding:0 9.1% 65px 9.1%;} @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ .cust_tit1{ font-size:16px; line-height:26px; padding:8px 10px;} .cust_tit2{ font-size:14px; line-height:24px;} .custB{ font-size:14px; line-height:24px; margin-top:15px;} .cust1{ padding:30px 15px 30px 15px;} .dz_top{float:left; width:100%; padding-top:30px;} .cust3 .top{ padding:0 0 20px 0;} .cust3 .top h1{ font-size:20px; line-height:30px;} .cust3 .top h6{ font-size:14px; line-height:22px;} .cust2 .top{margin-top:25px; } .cust2 .top h1{ font-size:18px; line-height:28px; top:30%; opacity:1;} .cust2 .list{ margin-top:22px;} .cust2 .list ul{ margin:0 -5px;} .cust2 .list li{ padding:0 5px; margin-top:15px;} .cust2 .list li h6{ font-size:14px; line-height:24px; margin-top:10px;} .cust2 .list .slick-dots{top:-18px; left:25px;} .cust2 .list .slick-dots li{ margin:6px 4px;} .cust2 .list .slick-prev, .cust2 .list .slick-next{ top:-8px;} .cust2 .list .slick-prev{ left:5px;} .cust2 .list .slick-next{ right:auto; left:25px;} .custL{ margin:10px 0 0 0;} .custL ul{} .custL li{ margin-top:12px;} .custL li h6{ font-size:14px; line-height:24px; margin-top:8px;} .custL li i em{ right:6px; bottom:6px; width:22px; height:22px;} .custL .slick-dots{ margin:12px 0 0 0 !important;} .custL .slick-prev, .custL .slick-next{ width:18px; height:36px; top:40%;} .cust2, .cust3, .cust4, .cust5, .cust6, .cust7{ padding:0 15px 30px 15px;} } @media screen and (max-width:768px){ } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#B38248;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}