*, html, body {
padding: 0;
margin: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Microsoft Yahei", sans-serif;
color: #333;
}
ul, ol, dl, li, dt, dd {
padding: 0;
margin: 0;
list-style: none;
}
img {
vertical-align: middle;
border: 0;
}
a {
text-decoration: none;
}
input, a, img, select {
outline: none;
}
.secwen.animate {
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
transition: 1s;
}
.secwen {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30px);
transition: .8s;
}
.fl{float:left;}
.fr{float:right;}
.animate.add1 {
transition-delay: .1s;
}
.animate.add2 {
transition-delay: .2s;
}
.animate.add3 {
transition-delay: .3s;
}
.animate.add4 {
transition-delay: .4s;
}
.animate.add5 {
transition-delay: .5s;
}
.animate.add6 {
transition-delay: .6s;
}
.animate.add7 {
transition-delay: .7s;
}
.animate.add8 {
transition-delay: .8s;
}
.animate.add9 {
transition-delay: .9s;
}
.animate.add10 {
transition-delay: 1.0s;
}
.animate.add11 {
transition-delay: 1.1s;
}
/*=========
common
===============================*/
.index-title {
position: relative;
}
.sq_more {
position: absolute;
right: 0;
top: 130px;
border: 2px solid #292929;
padding: 5px 37px;
font-weight: bold;
font-size: 15px;
color: #292929;
}
.sq_more:hover {
background: #2e8a57;
border: 2px solid #2e8a57;
color: #fff;
}
.indMore {
margin-top: 48px;
display: inline-block;
padding: 10px 34px;
font-size: 16px;
color:#fff;
position: relative;
z-index: 11;
background: #2e8a57
}
}
.indMore:hover {
-webkit-animation: gelatine 0.5s 1;
animation: gelatine 0.5s 1;
}
/**/
.index-title h1 {
position: relative;
color: #292929;
text-transform: uppercase;
margin-top: 0;
/*font-weight: 500;*/
line-height: 60px;
margin-bottom: 3%;
font-size: 36px;
letter-spacing: 1px;
font-family: 微软雅黑;
/*padding: 6px 10px 20px;*/
}
.index-title h1 span {
display: block;
font-size: 40px;
line-height: 1.2;
text-transform: uppercase;
vertical-align: top;
letter-spacing: -2px;
color: #2e8a57;
position: relative;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif
}
.index-title-1 h1 {
position: relative;
color: #2e8a57;
margin-top: 0;
line-height: 60px;
margin-bottom: 3%;
padding-top:2.5%;
text-align:center;
font-size: 36px;
}
.index-title-1 h1 span {
display: block;
font-size: 18px;
line-height: 1.2;
text-transform: uppercase;
vertical-align: top;
position: relative;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif
}
.index-title-2 h1 {
position: relative;
color: #292929;
text-transform: uppercase;
margin-top: 0;
line-height: 60px;
margin-bottom: 3%;
font-size: 36px;
letter-spacing: 1px;
text-align:center;
}
.index-title-2 h1 span {
display: block;
font-size: 40px;
line-height: 1.2;
text-transform: uppercase;
vertical-align: top;
letter-spacing: -2px;
color: #2e8a57;
text-align:center;
position: relative;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif
}
/*main-title*/
.main-title {
position: relative;
}
.main-title h1 {
position: relative;
color: #292929;
text-transform: uppercase;
margin-top: 0;
/* font-weight: 500; */
line-height: 60px;
margin-bottom: 30px;
font-size: 36px;
letter-spacing: 1px;
font-family: 微软雅黑;
padding: 6px 10px 20px;
}
.main-title h1 span {
display: block;
font-size: 2.6rem;
line-height: 1.2;
text-transform: uppercase;
vertical-align: top;
color: #2e8a57;
position: relative;
font-weight: 500;
}
/*main-banner*/
.main-banner {
}
.main-banner img {
width: 100%;
}
.main-banner .main-banner-imgs {
display: none;
}
/*inner-wrap*/
.inner-wrap {
width: 86%;
margin: 0 auto;
max-width: 1400px;
}
/*page*/
.page {
clear: both;
margin: 3% auto 0;
text-align: center;
}
.page ul {
}
.page ul li {
display: inline-block;
border: 1px solid #eee;
padding: 4px 10px;
}
.page ul li.active {
background: #2e8a57;
}
.page ul li.active a {
color: #fff;
}
.page ul li a {
font-size: 14px;
}
.page ul li:hover {
background: #2e8a57;
cursor: pointer;
}
.page ul li:hover a {
color: #fff;
}
/**/
.page a{
display: inline-block;
border: 1px solid #eee;
padding: 4px 10px;
}
.page a.info{
display: none;
}
.page a.current
{
background: #2e8a57;
color: #fff;
}
.page a:hover {
background: #2e8a57;
cursor: pointer;
color: #fff;
}
/*=========
header
===============================*/
.head { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; transition: all .8s; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.head .logo { display: inline-block; z-index: 3; float: left; vertical-align: middle; width: 230px; position: absolute; left: 3%; top: 16px; }
.head .logo img { vertical-align: middle; width: 100% }
.head .logo_w { display: inline-block; z-index: 3; float: left; vertical-align: middle; width: 230px; position: absolute; left: 3%; top: 16px; }
.head .logo_w img { vertical-align: middle; width: 100% }
.head .nav { float:right;position: relative; right:6% }
.head .nav ul li { height: 82px; display: inline-block; margin: 0 2vw; }
.head .nav ul li:last-child { margin-right: 0; }
.head .nav li a { display: inline-block; font-size: 16px; height: 82px; line-height: 82px; position: relative; }
.head .nav li a span { display: inline-block; color: #fff; position: relative; transition: all ease-out .5s; }
.head .nav li a em { position: absolute; left: 50%; top: 0; color: #2e8a57; text-align: center; transform: translate(-50%, 100%); transition: ease .65s; white-space: nowrap; opacity: 0; visibility: hidden; }
.head .nav li a:hover span { color: #2e8a57 }
.head .down_con { position: absolute; left: 0; top: 82px; width: 100%; padding: 40px 0; background: rgba(255, 255, 255, 0.88); text-align: left; display: none }
.head .down_con:before { content: ""; display: block; width: 0; height: 2px; position: absolute; left: 50%; top: 0; background: #2e8a57; transition: all .8s; -webkit-transition: all .8s; }
.head .down_con.on:before { width: 100%; left: 0; }
.head .down_con .content { width: 80%; margin-left: 10%; }
.head .down_con .content .left { width: 90%; float: left; }
.head .down_con .content .right { width: 10%; float: right; text-align: right; }
.head .down_con .content .right img { width: 100%; opacity: 0.88; }
.head .down_con .content h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px }
.head .down_con .content p { color: #9aa1b2; line-height: 24px; }
.head .down_con .content .subnav { }
.head .down_con .content .subnav a { display: inline-block; position: relative; padding-left: 20px; margin-right: 3%; letter-spacing: 1px }
.head .down_con .content .subnav a:before { content: ""; display: block; width: 12px; height: 3px; background: #2e8a57; position: absolute; left: 0; top: 50%; }
.head .down_con .content .subnav a:hover { color: #2e8a57; }
.head .down_con .content .right { font-size: 36px; }
/**/
.head > div {
position: relative;
height: 82px;
width: 100%;
}
.head .logo img {
opacity: 0;
}
.head.on .logo img {
opacity: 1;
}
.head > div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
z-index: -1;
-webkit-transition: all 0.28s;
transition: all 0.28s;
opacity: 0;
}
.head.on > div:before {
opacity: 1;
}
.head.on .nav li a span {
color: #333;
}
.head.on .nav li a:hover span {
color: #2e8a57;
}
/*=========
header-1
===============================*/
.head-1 { width: 100%; position: fixed; left: 0; top: 0; z-index: 999; transition: all .8s; border-bottom:1px #eee solid;}
.head-1 .logo { display: inline-block; z-index: 3; float: left; vertical-align: middle; width: 230px; position: absolute; left: 3%; top: 16px; }
.head-1 .logo img { vertical-align: middle; width: 100% }
.head-1 .nav { float:right;position: relative; right:6% }
.head-1 .nav ul li { height: 82px; display: inline-block; margin: 0 2vw; }
.head-1 .nav ul li:last-child { margin-right: 0; }
.head-1 .nav li a { display: inline-block; font-size: 16px; height: 82px; line-height: 82px; position: relative; }
.head-1 .nav li a span { display: inline-block; color: #333; position: relative; transition: all ease-out .5s; }
.head-1 .nav li a em { position: absolute; left: 50%; top: 0; color: #2e8a57; text-align: center; transform: translate(-50%, 100%); transition: ease .65s; white-space: nowrap; opacity: 0; visibility: hidden; }
.head-1 .nav li a:hover span { color: #2e8a57}
.head-1 .down_con { position: absolute; left: 0; top: 82px; width: 100%; padding: 40px 0; background: rgba(255, 255, 255, 0.88); text-align: left; display: none }
.head-1 .down_con:before { content: ""; display: block; width: 0; height: 2px; position: absolute; left: 50%; top: 0; background: #2e8a57; transition: all .8s; -webkit-transition: all .8s; }
.head-1 .down_con.on:before { width: 100%; left: 0; }
.head-1 .down_con .content { width: 80%; margin-left: 10%; }
.head-1 .down_con .content .left { width: 90%; float: left; }
.head-1 .down_con .content .right { width: 30%; float: right; text-align: right; }
.head-1 .down_con .content .right img { width: 100%; opacity: 0.88; }
.head-1 .down_con .content h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px }
.head-1 .down_con .content p { color: #9aa1b2; line-height: 24px; }
.head-1 .down_con .content .subnav {}
.head-1 .down_con .content .subnav a { display: inline-block; position: relative; padding-left: 20px; margin-right: 3%; letter-spacing: 1px }
.head-1 .down_con .content .subnav a:before { content: ""; display: block; width: 12px; height: 3px; background: #2e8a57; position: absolute; left: 0; top: 50%; }
.head-1 .down_con .content .subnav a:hover { color: #2e8a57；}
.head-1 .down_con .content .right { font-size: 36px; }
/**/
.head-1 > div {
position: relative;
height: 82px;
width: 100%;
}
.head-1 > div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
z-index: -1;
-webkit-transition: all 0.28s;
transition: all 0.28s;
}
.head-1.on > div:before {
opacity: 1;
}
.head-1.on .nav li a span {
color: #333;
}
.head-1.on .nav li a:hover span {
color: #2e8a57;
}
.topsearch {
position: absolute;
float:right;
right:0;
display:inline-flex;
}
.topsearch .topsearch-active {
cursor: pointer;
width: 70px;
height: 82px;
background: url(../images/search.png) no-repeat center;
background-size: 20px 20px;
}
.search-alert {
position: fixed;
z-index: 1006;
background-color: #222222;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.search-alert .close {
display: block;
width: 18px;
height: 18px;
background: url(../images/cls1.png) no-repeat center;
position: absolute;
top: 38px;
right: 2.6%;
cursor: pointer;
transition: transform 0.3s ease 0s;
}
.search-alert .topsearch-form {
position: absolute;
width: 94.8%;
left: 2.6%;
top: 50%;
height: 124px;
margin-top: -63px;
border-bottom: 1px solid #515151;
}
.search-alert .topsearch-form .topsearchbtn {
cursor: pointer;
width: 124px;
height: 124px;
border: none;
background: url(../images/search_2.png) no-repeat center;
background-color: #2e8a57;
background-size: 20px 20px;
position: absolute;
right: 0;
bottom: 0;
z-index: 1001;
outline: none;
}
.search-alert .topsearch-form .topsearchtx {
border: none;
font-size: 52px;
height: 124px;
line-height: 124px;
text-align: center;
width: 100%;
box-sizing: border-box;
color: #555;
background: none;
padding-left: 88px;
padding-right: 80px;
background: url(../images/ico_36.png) no-repeat 35px 53px;
outline: none;
}
/*footer*/
.footer{ padding: 40px 0 0px; clear:both; background:#efefef;}
.footer .footnav{padding:10px 0 30px 0;overflow:hidden;}
.footer .footnav .box{border-right:1px solid #484848;}
.footer .footnav ul{float:left;}
.footer .footnav ul li{line-height:14px;font-size:14px;color:#2e8a57;}
.footer .footnav ul li.dt{margin-bottom:20px;}
.footer .footnav ul li.dt:after {
width: 46px;
display:block;
content: "";
height: 1px;
background: #2e8a57;
margin-top:18px;
}
.footer .footnav ul li.dt a{color:#2e8a57; font-size:18px; font-weight:600;}
.footer .footnav ul li a{color:#2e8a57; font-size:15px;}
.footer .footnav ul li a:hover{color:#2e8a57;}
.footer .footnav ul li.dd{line-height:30px;height:30px;}
.footer .contact{min-height:161px;float:right;}
.footer .contact p{line-height:35px;color:#2e8a57; font-size:16px; text-align:center;}
.footer .contact dl{font-size:14px;line-height:28px;margin-top:17px;}
.copyright{height:80px;line-height:80px;text-align:left;color:#fff;font-size:15px; border-top:1px solid rgba(255, 255, 255, .2); background:#2e8a57;}
.copyright a{color:#fff;}
.copyright-txt p{float:left;color:#fff;}
.copyright-link{float:right;}
.footertel{font-size:18px;font-family:arial;height:35px;line-height:35px;padding-left:20px;background:url(../img/tel3.jpg) no-repeat left center;float:left;margin-top:23px;margin-left:20px;}
.footerindex ul{width:17%;}
.footer-1{ padding: 40px 0 0px;background:rgba(18,56,106); /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, rgba(90,168,216), rgba(18,56,106));
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(90,168,216)), to(rgba(18,56,106)));
background:-o-linear-gradient(top, rgba(90,168,216), rgba(18,56,106));}
.footer-1 .footnav{padding:10px 0 30px 0;overflow:hidden;}
.footer-1 .footnav .box{border-right:1px solid #484848;}
.footer-1 .footnav ul{float:left;}
.footer-1 .footnav ul li{line-height:14px;font-size:14px;color:#fff;}
.footer-1 .footnav ul li.dt{margin-bottom:20px;}
.footer-1 .footnav ul li.dt a{color:#fff; font-size:18px; font-weight:600;}
.footer-1 .footnav ul li a{color:#fff; font-size:14px;}
.footer-1 .footnav ul li a:hover{color:#fff;}
.footer-1 .footnav ul li.dd{line-height:30px;height:30px;}
.footer-1 .contact{min-height:161px;float:right;}
.footer-1 .contact p{line-height:35px;color:#fff; font-size:16px; text-align:center;}
.footer-1 .contact dl{font-size:14px;line-height:28px;margin-top:17px;}
.copyright-1{height:80px;line-height:80px;text-align:left;color:#fff;font-size:14px; border-top:1px #2d5b99 solid;}
.copyright-1 a{color:#fff;}
@media (max-width: 1024px) {
.footer{ padding: 10px 0 0 0;background: #efefef;}
.footer .footnav{padding:10px 0 30px 0;overflow:hidden;}
.footer .footnav ul{float:left; width:100%; display:block; padding:0px 10px;}
.footer .footnav ul li{ float:left;line-height:14px;font-size:14px;color:#2e8a57;padding-right:15px;}
.footer .footnav ul li.dt{ display:block; width:100%; margin-top:25px;margin-bottom:5px;color:#fff; font-size:18px;}
.footer .footnav ul li a{color:#2e8a57; font-size:14px;}
.footer .footnav ul li a:hover{color:#2e8a57;}
.footer .footnav ul li.dd{display:block;line-height:30px;height:30px;}
.footer .contact{ display:none;}
.copyright{ display:block; line-height:26px; padding:15px 0; height:100%; overflow:hidden;}
.m_copyright{ display:block;height:80px;line-height:26px;text-align:center;color:#fff;font-size:14px; background:#192b4e;}
.m_copyright a{color:#fff;}
.footerindex ul{width:19%;}
.footer .footnav .ul1{border-left:none !important;}
.footer .footnav .ul1 li{padding-left:0;}
.copyright-link{ display:none;}
.footer-1{ padding: 10px 0 30px;background:rgba(18,56,106); /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, rgba(90,168,216), rgba(18,56,106));
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(90,168,216)), to(rgba(18,56,106)));
background:-o-linear-gradient(top, rgba(90,168,216), rgba(18,56,106));}
.footer-1 .footnav{padding:20px 0 15px 0;overflow:hidden;}
.footer-1 .footnav ul{float:left; width:100%; display:block; padding:0px 10px;}
.footer-1 .footnav ul li{ float:left;line-height:14px;font-size:14px;color:#fff;padding-right:15px;}
.footer-1 .footnav ul li.dt{ display:block; width:100%; margin-top:25px;margin-bottom:5px;color:#fff; font-size:18px;}
.footer-1 .footnav ul li a{color:#fff; font-size:14px;}
.footer-1 .footnav ul li a:hover{color:#fff;}
.footer-1 .footnav ul li.dd{display:block;line-height:30px;height:30px;}
.footer-1 .contact{ display:none;}
.copyright-1{ display:block; line-height:26px; padding-top:15px;}
}
/*=========
banner
===============================*/
.banner {
position: relative;
width: 100%;
height: 100vh !important;
min-height: 538px;
overflow: hidden;
}
/**/
.banner .item{
min-height: 538px;
}
.banner .slick-arrow {
width: 60px;
height: 52px;
z-index: 105;
bottom: 100px;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-ms-transition: all 800ms;
-o-transition: all 800ms;
transition: all 800ms;
}
.banner .slick-arrow i {
width: 100%;
height: 100%;
display: block;
transition: 300ms;
-webkit-transition: 300ms;
}
.banner .slick-prev {
background: #666 url(../images/i_banner_l.png) no-repeat center;
left: 7%;
}
.banner .slick-next {
background: #666 url(../images/i_banner_r.png) no-repeat center;
left: 7%;
margin-left: 74px;
}
.banner .slick-prev:hover {
background: url(../images/i_banner_l1.png) no-repeat center;
}
.banner .slick-next:hover {
background: url(../images/i_banner_r1.png) no-repeat center;
}
.banner .slick-prev:hover i {
transform: translateX(-5px);
-webkit-transform: translateX(-5px);
}
.banner .slick-next:hover i {
transform: translateX(5px);
-webkit-transform: translateX(5px);
}
.banner-yy {
background: url(../images/bg_yy.png) repeat-x scroll left bottom;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.banner .slick-active .pimg {
visibility: visible !important;
-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.binbox {
position: absolute;
left: 6%;
bottom:200px;
color: #fff;
}
.banner .slick-active .binbox {
visibility: visible;
-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
-webkit-animation: fadeInRightBig 1.2s 1;
animation: fadeInRightBig 1.2s 1;
}
/*字体*/
.banner .item .pimg {
position: absolute;
right: 0;
left: 0 !important;
top: 0;
width: 100%;
display: block;
}
.binbox .t {
color: #fff;
font-size: 2.6vw;
font-weight: bold;
letter-spacing: 1px;
font-family: "微软雅黑", sans-serif;
margin-top: 1%;
line-height: 4vw;
margin-bottom: 2%;
opacity: 0.88;
}
.binbox .en {
line-height: 1.2;
font-size: 20px;
font-family: 'Proxima', sans-serif;
text-transform: uppercase;
color: #fff;
}
.binbox .con {
overflow: hidden;
}
.binbox .moreBox {
font-family: "pf_din_text_comp_proregular";
}
/**/
.banner .slick-dots {
opacity: 0;
position: absolute;
left: 0;
bottom: 1%;
margin-bottom: 0;
width: 100%;
text-align: center;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-ms-transition: all 800ms;
-o-transition: all 800ms;
transition: all 800ms;
}
.banner .slick-dots li {
position: relative;
display: inline-block;
cursor: pointer;
}
.banner .slick-dots li a {
height: 8px;
width: 8px;
line-height: 8px;
display: block;
overflow: hidden;
margin: 3px;
cursor: pointer;
border-radius: 50%;
background: #fff;
}
.banner .slick-dots li.slick-active a {
background: #2e8a57;
}
/*=========
index
===============================*/
/*about*/
.index-about {
height: 80vh;
text-align: center;
}
.about_all {
position: relative;
overflow: hidden;
height: 100%;
}
.aboutright {
width: 38%;
height: 100%;
float: right;
position: relative;
overflow: hidden;
}
.aboutright-img {
width: 100%;
height: 100%;
-webkit-filter: grayscale(42%);
filter: grayscale(42%);
}
.aboutright-img > img {
display: none;
width: 100%;
}
.aboutright-img div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0, 0, 0, .38);
}
.aboutright-img div img {
cursor: pointer;
position: relative;
top: 50%;
width: 66px;
margin-top: -20px;
z-index: 9;
}
.aboutright-img:hover img {
-webkit-animation: aboutImg 0.68s alternate; -o-animation: aboutImg 1s alternate; animation: aboutImg 1s alternate;
}
@keyframes aboutImg {
0% {
-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
}
100% {
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
}
.aboutleft {
display: inline-block;
position: relative;
width: 48%;
text-align: left;
top: 50%;
-webkit-transform: translateY(-50%) !important;
-moz-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.about-text {
overflow: hidden;
}
.aboutleft p {
font-size: 15px;
line-height: 32px;
text-align:justify;
}
.about_nub {
float: right;
overflow: hidden;
text-align: left;
position: relative;
top: 54%;
transform: translateY(-50%);
width: 218px;
margin-right: 3%;
}
.about_nub li {
height: 20vh;
min-height: 120px;
}
.about_nub li p {
font-size: 14px;
color: #666666;
}
.about_nub li p span {
font-size: 2.6rem;
color: #444;
line-height: 55px;
font-family: 'BEBAS';
margin-bottom: 5px;
font-weight: bold;
margin-right: 12px;
letter-spacing: -1px;
}
.about_nub li span img {
width: 30px;
position: relative;
top: 12px;
margin-right: 5px;
vertical-align: super;
}
.about_nub li .intro {
display: block;
font-size: 15px;
line-height: 20px;
}
.index-main .module2{
position: relative;
background-color: #302f37;
}
.index-module2-bg{
max-width: 100%;
width: 100%;
z-index: 1;
}
.swiper-container-index2 .swiper-slide{
font-size: 0;
background-color: #fff;
}
.index-module2-logo{
position: absolute;
left: 50%;
margin-left:-545px;
top: 0;
max-height: 100%;
z-index: 2;
}
.swiper-container-index2 .swiper-slide .content{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
color: #fff;
z-index: 5;
}
.swiper-container-index2 .swiper-slide .content h2{
font-size: 36px;
color:#2e8a57;
}
.swiper-container-index2 .swiper-slide .content span{
font-size: 18px;
margin-top: 5px;
margin-bottom: 40px;
color:#2e8a57;
font-weight:bold;
display: block;
font-family:Arial, Helvetica, sans-serif
}
.swiper-container-index2 .swiper-slide .content p{
font-size: 16px;
}
.index-module2-cp{
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
}
.swiper-pagination-index2{
position: absolute;
right: 0;
left: 0;
top: 10%;
margin: auto;
text-align: right;
z-index: 4;
bottom: auto;
}
.swiper-pagination-index2 a{
display: inline-block;
background-color: transparent;
border: 1px solid rgba(255,255,255,0.5);
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
color: #fff;
opacity: 1;
border-radius: 60px;
margin: 0 5px;
}
.swiper-pagination-index2 a span{ color:#fff;}
.swiper-pagination-index2 .selected{
background-color: #2e8a57;
color:#fff;
}
.swiper-container-index2 img.index-module2-cp{
max-height: 75%;
left: 0;
margin: auto;
}
.swiper-index2-img{
position: absolute;
right: 0;
top: 0;
height:75%;
width: 45%;
text-align: center;
}
.swiper-container-index2 .swiper-slide .content .content-text{
position: relative;
z-index: 2;
}
.module2 .more{
width: 170px;
height: 50px;
line-height: 50px;
color: #fff;
display: block;
font-size: 16px;
text-align: center;
box-sizing: border-box;
transition: all .5s;
-webkit-transition: all .5s;
margin-top:80px;
background: #2e8a57;
}
.pr{
position: relative;
}
.middle:after{
content:'';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.middle-text{
display: inline-block;
vertical-align: middle;
}
.middle2:before{
content:'';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 1024px){
.index-module2-ul li:hover .im2-icon1{
opacity: 0;
}
.index-module2-ul li:hover .im2-icon2{
opacity: 1;
}
.swiper-container-productAll .swiper-slide1:hover p{
color: #2e8a57;
}
.swiper-container-productAll .swiper-slide1:hover{
transition: all .5s;
-webkit-transition: all .5s;
border: 1px solid #2e8a57;
transform: scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1);
}
.swiper-container-productAll .swiper-slide1:hover img.img2{
display: inline-block;
}
.swiper-container-productAll .swiper-slide1:hover img.img1{
display: none;
}
}
@media screen and (max-width: 1440px){
.limit{
max-width: 1280px;
}
.index-main .module1 .gallery-thumbs1{
height: 480px;
}
.index-main .module1 .gallery-top1{
height: 555px;
}
.swiper-container-index2 .swiper-slide .content{}
}
@media screen and (max-width: 1366px){
.limit{
max-width: 1150px;
}
.index-main .module1 .gallery-thumbs1{
height: 450px;
}
.index-main .module1 .gallery-top1{
height: 525px;
}
.swiper-container-index2 .swiper-slide .content{}
.content img.index-module2-cp{
max-width: 80%;
}
.index-banner .banner-content h1,
.swiper-container-index2 .swiper-slide .content h2{
font-size: 40px;
}
.swiper-container-index2 .swiper-slide .content p,
.index-main .module4 .content-text-top p{
font-size: 16px;
}
.swiper-container-index2 .swiper-slide .content span{
margin-bottom: 20px;
}
.index-module2-ul {
margin-top: 20px;
}
.index-main .module2 .content-text .more {
margin-top: 60px;
}
.swiper-container-index2 .content-text{
vertical-align: top;
margin-top: 130px;
}
.swiper-container-index2 .swiper-slide {
/*padding-bottom: 85px;*/
padding-bottom: 0;
/*margin-bottom: 85px;*/
}
.index-module2-logo{
max-height: 80%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1366px) {
/*.swiper-container-index2 .caroufredsel_wrapper{
height: 600px !important;
}*/
.index-module2-cp{
bottom: 0px;
}
.swiper-pagination-index2{
top: 5%;
}
}
@media screen and (max-width: 1280px){
.limit{
max-width: 85%;
}
}
@media screen and (max-width: 980px){
.limit{
max-width: 90%;
}
.index-main .module1 .gallery-top1{
height: 550px;
width: 100%;
margin-bottom: 30px;
}
.index-main .module1 .gallery-thumbs1{
height: 370px;
width: 100%;
}
.index-module2-bg{
height: 1000px;
width: auto;
}
.swiper-container-index2 .swiper-slide{
padding-bottom: 0;
}
.content img.index-module2-cp{
/*width: 100%;*/
max-width: 100%;
max-height: 40%;
}
.about-main .module2 .content-right {
width: 100%;
height: 66.6666666%;
float: right;
}
.about-main .module2 .content-left {
width: 100%;
height: 33.33333%;
float: left;
}
.swiper-container-Qualification li{
height: 200px;
min-height: 200px;
}
.swiper-container-cooperate .li{
height: 70px;
}
.about-main .module3 .content-bottom2{
padding: 0 0;
}
.solution-main .solution-icon{
position: relative;
}
.solution-main .t-icon{
display: none;
}
.solution-main .solution-icon{
top: auto;
right: auto;
left: auto;
bottom: auto;
top: unset;
right: unset;
left: unset;
bottom: unset;
width: 33.33333%;
display: inline-block;
vertical-align: top;
text-align: center;
height: 100px;
}
.solution-main .solution-icon h2{
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
top: unset;
right: unset;
left: unset;
bottom: unset;
width: 100%;
padding-top: 5px;
font-size: 20px;
}
.solution-main .t-top{
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
top: unset;
right: unset;
left: unset;
bottom: unset;
height: 40px;
width: auto;
}
.solution-main .t-img{
display: none;
}
.solution-main .solution-icon:before{
content:'';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.solution-main .solution-icon h2{
/*display: */
}
.solution-main .solution-icon .t-a{
display: inline-block;
vertical-align: middle;
}
.solution-main .solution-bg {
margin-bottom: 50px;
}
.solution-main .module1{
padding-bottom: 50px;
}
.solutionDetail-main .module1 li{
padding: 32px 1% 0;
}
.about-main .module2 #my-video3.video-js .vjs-tech {
width: auto;
height: 100%;
}
.parHd .tempWrap .tempWrap{
max-width: 550px;
}
.solutionDetail-main .module1 li p{
font-size: 18px;
}
.solutionDetail-main .module2 .content-bt-text .content-item h2,
.solutionDetail-main .module2 .content-bb-text .content-item h2{
font-size: 18px;
width: 80%;
}
.case-main .module1 li .li-bottom {
height: 380px;
}
.news-main .module1 li .li-left {
width: 100%;
height: 380px;
margin-right: 30px;
}
.news-main .module1 li .li-right{
width: 100%;
}
.news-main .module1 li .li-right h2{
font-size: 25px;
padding-top: 20px;
}
.news-main .module1 li p{
font-size: 18px;
}
.contact-business .content li{
width: 46.75%;
margin: 10px 1.5%;
}
.contact-map .contactmap .content-left{
width: 100%;
margin-bottom: 30px;
}
.contact-map .contactmap .content-right{
width: 100%;
}
.header-right {
display: block;
position: fixed;
left: -70%;
top: 0;
height: 100%;
width: 70%;
max-width: 300px;
background-color: #fff;
box-sizing: border-box;
padding-top: 50px;
z-index: 100;
}
.header-item{
display: block;
}
.header-item{
height: auto;
padding-right: 0px;
position: relative;
}
#header.active .header-item-a{
padding-left: 50px;
box-sizing: border-box;
/*padding-top: 0px;*/
}
.header-item li img{
display: none;
}
.itembottombox{
position: relative;
}
.header-item ul {
text-align: left;
}
.header-item li{
width: 100%;
text-align: left;
}
.header-right{
transition: all .5s;
-webkit-transition: all .5s;
}
.header-right.active {
left: 0;
}
.header-item-a{
color: #000;
}
#header .header-item-a {
padding-left: 50px;
box-sizing: border-box;
height: 90px;
/*border-bottom: 1px solid #eee;*/
}
.solutionDetail-main .module1 li {
padding: 32px 0;
width: 100%;
height: auto;
margin: 10px 0;
}
.solutionDetail-main .module2 .content-top li {
font-size: 12px;
line-height: 1.2;
}
.solutionDetail-main .module2 .content-bottom {
padding: 20px;
}
#header .header-item-a{
height: 40px;
line-height: 40px;
padding-top: 0px;
}
.H-btn-left{
height: 40px;
width: 30px;
background-size: 7px auto;
display: block;
border: 0;
padding-right: 20px;
box-sizing: initial;
}
.header-item li p{
height: 30px
}
.itembottombox li{
}
/*2019-5-21*/
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-index2{
width: 62px;
left: auto;
right: 10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-index2 .swiper-pagination-bullet{
margin: 5px 0;
}
#header .search-box .header-search-a {
background-image: url(../images/sgr.png);
}
#header.active .search-box{
border: 0;
}
.search-box{
width: 100%;
margin: 0;
display: none;
}
/*2019-5-21 end*/
/*2019-5-22*/
.mapnav{
top: -35px;
}
.about-main .module4 .chinaMap {
width: 85%;
}
.productDetail-main .banner {
text-align: left;
background-position: 80%;
}
.Qualification-prev,
.Qualification-next{
margin-top: -30px;
}
/*2019-5-22 end*/
/*2019-5-30*/
.banner-cp-box{
position: relative;
height: 50%;
}
.productDetail-main .banner{
/*height: 800px;*/
}
.banner-cp-box .bannercp{
width: 100%;
}
.productDetail-main .banner .banner-title{
height: 50%;
}
.productDetail-main .banner .banner-text{
width: 100%;
}
.banner-cp-box .banner-cp-img{
max-height: 100%;
}
.product-main .module1 .product-bottom li img{
max-width: 80%;
}
.productDetail-main .banner{
overflow: inherit;
height: auto;
}
.banner-cp-box{
height: 450px;
}
.banner-cp-box .banner-cp-img{
bottom: 0;
top: 70px;
max-height: 85%;
}
.productDetail-main .banner {
overflow: inherit;
height: auto;
background-size: auto 450px;
background-position: top center;
}
.productDetail-main .banner .banner-text{
padding-top: 20px;
}
/*2019-5-30 end*/
/*2019-5-31*/
.swiper-index2-img{
width: 100%;
}
/*2019-5-31 end*/
/*2019-6-5*/
.swiper-pagination-index2{
top: 2%;
}
/*2019-6-5 end*/
/*2019-6-14*/
.swiper-container-productAll.swiper-container{
/*height: 600px;*/
/*overflow: hidden;*/
}
.swiper-container-productAll .swiper-slide1{
box-sizing: initial;
padding: 0;
width: 100%;
margin: 50px 0;
border: 0;
}
.productAll-main .module1{
/*padding: 0;*/
}
.swiper-container-productAll .swiper-slide1 img{
height: 150px;
}
.swiper-container-productAll .swiper-slide1.active p{
color: #2e8a57;
}
.swiper-container-productAll .swiper-slide1.active{
transition: all .5s;
-webkit-transition: all .5s;
/*border: 1px solid #2e8a57;*/
transform: scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-moz-transform:scale(1.1); /* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1);
}
.swiper-container-productAll .swiper-slide1.active img.img2{
display: inline-block;
}
.swiper-container-productAll .swiper-slide1.active img.img1{
display: none;
}
/*2019-6-14 end*/
/*2019-6-18*/
.swiper-container-indexbanner{
height: 300px;
}
/*2019-6-18 end*/
}
@media screen and (max-width: 640px){
.index-banner .banner-content h1,
.product-main .module2 h2,
.productDetail-main .module3 h2,
.solutionDetail-main .module3 h2{
font-size: 22px;
}
.index-banner .banner-content h2 {
font-size: 26px;
}
.index-banner .banner-content{
bottom: 0;
}
.padbox7080{
padding: 50px 0;
}
.index-main .module1 .gallery-top1 {
height: 300px;
}
.index-main .module5 li{
width: 100%;
padding-bottom: 40px;
}
.index-main .module5 li .more{
margin: auto;
}
.index-main .module5 li .li-top{
height: 200px;
}
.index-main .module4 .content-text-bottom li {
margin: 0;
width: 50%;
}
.swiper-container-index2 .swiper-slide .content p, .index-main .module4 .content-text-top p{
font-size: 18px;
}
.foot-item{
width: 50%;
}
.swiper-container-index2 .swiper-slide .content h2 {
font-size: 30px;
}
.swiper-container-index2 .swiper-slide .content p, .index-main .module4 .content-text-top p {
font-size: 16px;
}
.index-module2-ul li{
width: 33.333%;
margin-right: 0;
}
.index-module2-ul li img {
max-width: 90%;
}
.index-main .module3 .content-left{
width: 100%;
height: 300px;
margin-top: 30px;
}
.index-main .module3 .content-right{
width: 100%;
height: auto;
}
.index-main .module3 .content-top{
width: 100%;
height: 300px;
margin-top: 30px;
}
.index-main .module3 .content-bottom{
width: 100%;
height: 300px;
margin-top: 30px;
}
.index-main .module3 .content {
height: auto;
}
.index-main .module3 .content-left .content-text .more {
position: absolute;
right: 0;
}
.index-main .module3 .content-top .content-text {
opacity: 1;
}
.index-main .module3 .content-bottom .content-text {
opacity: 1;
}
.index-main .module3 .content-bottom:after{
content: '';
opacity: 1;
}
.index-main .module3 .content-top:after{
content: '';
opacity: 1;
}
.index-main .module3 .content-left:after{
content: '';
opacity: 1;
}
.index-main .module3 .content-top .content-text ,
.index-main .module3 .content-bottom .content-text ,
.index-main .module3 .content-left .content-text {
padding: 35px 20px;
}
.about-main .content-bottom0 img{
max-width: 100%;
}
.parHd .tempWrap .tempWrap {
max-width: 35%;
}
.about-main .parBd .slideBox{
height: auto;
}
.about-main .module3 .content-bottom1{
padding: 0;
}
.padding100120 {
padding: 40px 0;
}
.about-main .module2 .content-bottom-left,
.about-main .module2 .content-bottom-right{
width: 100%;
}
.about-main .module2 #my-video2.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.about-main .module2 .content-left,
.about-main .module2 .content-top,
.about-main .module2 .content-bottom-left,
.about-main .module2 .content-bottom-right{
height: 250px;
}
.about-main .module2 .content-title h2{
font-size: 30px;
}
.swiper-container-cooperate .li {
border: 1px solid #f3f3f3;
height: 100px;
width: 50%;
}
.about-main .module4 .icon p{
font-size: 12px;
transform: scale(0.8);
-ms-transform:scale(0.8); /* IE 9 */
-moz-transform:scale(0.8); /* Firefox */
-webkit-transform:scale(0.8); /* Safari 和 Chrome */
}
.fixedNav{
height: auto;
}
.fixedNav-a{
margin-right: 0;
text-align: center;
vertical-align: middle;
display: inline-block;
width: 33.33333%;
box-sizing: border-box;
padding: 10px 5px;
}
.padding90100 {
padding: 50px 0;
}
.about-main .module1 .content-left{
height: 250px;
}
.breadcrumbs-box{
padding-left: 5%;
}
.breadcrumbs-box span{
font-size: 12px;
}
.banner-title h2 {
font-size: 30px;
color: #fff;
}
.product-main .module1 .product-bottom li {
height: 250px;
}
.product-main .module1 {
padding-top: 50px;
}
.product-main .module1 .product-nav-top li{
font-size: 15px;
}
#header{
height: 70px;
}
.header-fill{
height: 70px;
}
.header-left{
height: 70px;
}
.header-left .headerlogoR {
width: 100px;
}
.header-left .headerlogoL {
margin-right: 15px;
width: 45px;
}
.breadcrumbs-box{
top: 70px;
height: auto;
padding: 20px 5%;
}
.menu_open i {
display: block;
background-color: #fff;
height: 2px;
width: 25px;
margin: 5px auto;
border-radius: 50px;
z-index: 11;
}
.case-main .module1 li,
.case-main .module1 li.active{
width: 100%;
margin: 20px 0;
}
.case-main .module1 li .li-bottom{
height: auto;
}
.case-main .module1 li .more{
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
margin-top: 20px;
}
.project-main .module1{
font-size: 0;
}
.project-main .module1 li{
width: 45%;
margin: 10px 2.5%;
display: inline-block;
vertical-align: top;
}
.project-main .module1 .more {
margin-top: 50px;
}
.news-main .module1 li .li-left{
height: 200px;
}
.news-main .module1 li .li-right h2 {
font-size: 18px;
}
.news-main .module1 li p {
font-size: 16px;
}
.news-main .module1 li .li-right span {
padding-bottom: 5px;
padding-top: 10px;
display: block;
}
.news-main .module1 li {
padding: 40px 0;
}
.contact-business .content li {
width: 100%;
margin: 10px 0;
}
.contact-business .content li{
height: auto;
padding: 20px 5%;
}
.contact-recruitment{
padding-top: 50px;
}
.index-main .module1 .swiper-nav-box{
width: 100%;
}
.index-main .module1 .swiper-button-prev1 {
left: 10%;
}
.index-main .module1 .swiper-button-next1 {
right: 10%;
}
.index-main .module1 .gallery-thumbs1{
display: none;
}
.index-main .module1 .gallery-top1{
margin-bottom: 0;
}
.content-title h2 {
font-size: 26px;
}
.fixedNav-a {
font-size: 14px;
}
.Qualification-prev,
.Qualification-next{
width: 40px;
height: 40px;
background-size: 100%;
}
.sPrev, .sNext {
width: 40px;
height: 40px;
top: 10px;
}
.padding100 {
padding: 40px 0;
}
.foot-item a {
font-size: 13px;
}
.foot-item{
width: 100%;
}
.foot-item a {
display: inline-block;
padding: 5px 10px 5px 0;
line-height: 1.5;
}
.footlast .focus-box{
width: 100%;
}
.gzimg {
max-width: 100%;
margin: auto;
width: 50%;
display: block;
margin-top: 20px;
}
.breadcrumbs-box a{
font-size: 0;
}
.about-main .module1 .content-left .play-btn{
width: 50px;
height: 50px;
background-size: 100% 100%;
}
.content-text p, .fixedNav-a, .breadcrumbs-box span, .breadcrumbs-box a, .breadcrumbs-box p, .index-main .module1 .img-content h2 {
font-size: 16px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-index2{
top: 1%;
text-align: right;
/*text-align: left;*/
width: 100%;
/*display: none;*/
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-index2 .swiper-pagination-bullet{
font-size: 0;
width: 10px;
height: 10px;
margin: 0 5px;
}
.banner {
height: 300px;
}
#header .header-item-a{
height: 40px;
line-height: 40px;
}
#header.active .header-item-a{
height: 40px;
line-height: 40px;
}
/*2019-5-20*/
.header-item li p{
padding: 0 0 0 25px;
}
.product-main .module2,
.productDetail-main .module3,
.solutionDetail-main .module3{
height: 300px;
}
.productDetail-main .banner .banner-text{
width: 95%;
}
.productDetail-main .banner .banner-title{
text-align: center;
}
.productDetail-main .banner {
height: 500px;
font-size: 14px;
}
.productDetail-main .banner .banner-text h2 {
font-size: 24px;
}
.productDetail-main .module1 .content-top{
height: auto;
padding-bottom: 75px;
}
.productDetail-main .module1 .content-top h2{
font-size: 25px;
}
.productDetail-main .module1 .content-top .cp{
max-width: 80%;
margin: auto;
}
.productDetail-main .module2 .content-title h2{
font-size: 25px;
}
.productDetail-main .module3 .more2,
.product-main .module2 .more2,
.solutionDetail-main .module3 .more2{
margin: 20px auto 0;
width: 120px;
height: 35px;
line-height: 35px;
}
/*2019-5-20 end*/
/*2019-5-21*/
.about-main .module3 .content-top {
height: 40px;
}
.about-main .module4 .icon10 p{
left: -55%;
top: 100%;
}
.productDetail-main .module2 .a-box .more{
margin: 10px auto;
}
.productDetail-main .module1{
padding-top: 50px;
}
.productDetail-main .module3{margin-top: 0;}
.productDetail-main .module2{
padding-bottom: 50px;
}
.solutionDetail-main .module1 li p {
font-size: 16px;
}
.solutionDetail-main .module1 li h2 {
font-size: 20px;
}
.solutionDetail-main .module2 {
padding-top: 50px;
}
.newsDetail-main .content-title h2 {
font-size: 20px;
line-height: 1.5;
}
.index-module2-bg{
height: 750px;
width: auto;
}
.gallery-top1 .content-text{
line-height: 1.4;
}
.index-main .module1 .swiper-slide .content-text h2 {
font-size: 18px;
}
.index-main .module1 .swiper-slide .content-text p {
font-size: 14px;
}
#header.active .header-item-a{
font-size: 16px;
}
.fixedNav{
display: none;
}
/*2019-5-21 end*/
/*2019-5-22*/
.mapbtn span {
display: inline-block;
vertical-align: top;
font-size: 12px;
color: #666666;
cursor: pointer;
}
.mapnav {
top: -15px;
}
.mapbtn {
margin: 5px 0;
}
.mapbtn i {
width: 12px;
height: 12px;
top: 3px;
right: 5px;
}
.about-main .module4 .chinaMap {
width: 100%;
}
.breadcrumbs-box{
font-size: 0;
}
.productDetail-main .banner {
height: auto;
background-size: 200% auto;
background-position: 80% top;
}
/*2019-5-22 end*/
/*2019-5-30*/
.product-main .module1 .product-bottom li {
height: 350px;
}
.banner-cp-box{
height: 150px;
position: absolute;
top: 70px;
bottom: auto;
}
.banner-cp-box .banner-cp-img {
max-height: 90%;
top: 0;
}
.productDetail-main .banner{
background-size: auto 220px;
}
/*2019-5-30 end*/
/*2019-5-31*/
.swiper-index2-img {
position: absolute;
width: 100%;
height: 380px;
top: auto;
bottom: 0;
}
.index-module2-cp{
position: relative;
}
.index-module2-bg {
height: 800px;
width: auto;
}
.content img.index-module2-cp{
max-height: 280px;
position: absolute;
bottom: 90%;
padding-bottom:15%;
top: 0;
}
.swiper-container-index2 .swiper-slide{
margin-bottom: 0;
}
.text-box{ display:none;}
.index-main .module2 .content-text .more {
margin-top: 20px;
}
}
/*index-news*/
.index-news {
padding: 0 0 3% 0;
background: #ffffff;
}
.index-news .index-title h1 {
display: inline-block;
}
.index-news .index-title .index-more {
margin-top: 2%;
display: inline-block;
float: right;
}
.index-news-more {
display: none;
text-align: center;
}
.index-news-more .index-more {
margin: 6% 0;
}
.index-news .l-contents {
width: 80%;
margin: 0 auto;
max-width: 1400px;
}
.index-news-img {
display: none;
}
.index-news-img img {
width: 100%;
}
@media (max-width: 1440px) {
.index-news .l-contents {
width: 80%;
margin: 0 auto;
max-width: 1080px;
}
}
@media (max-width: 1366px) {
.index-news .l-contents {
width: 80%;
margin: 0 auto;
max-width: 968px;
}
}
.index-news .index-title { }
.s-home_service .service_header {
padding: 75px 0 75px 200px;
background: #fff;
line-height: 1.2
}
.s-home_service .service_body {
padding-bottom: 32px;
}
.m-service_lines {
position: relative;
}
.m-service_lines .unit {
display: block;
overflow: hidden;
position: relative;
height: 460px;
background: #fff;
}
.m-service_lines .unit_header {
position: relative;
z-index: 2;
height: 180px;
padding: 30px;
-webkit-transition: color 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: color 550ms cubic-bezier(.23, 1, .32, 1);
transition: color 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_header:before {
position: absolute;
top: 40px;
left: 30px;
width: 16px;
height: 3px;
background: #2e8a57;
content: " ";
-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
transition: background 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_header .en {
margin-bottom: 20px;
padding-top: 30px;
font-size: 1rem;
max-height:78px;
line-height: 145%;
font-weight: 500;
letter-spacing: 1px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.m-service_lines .unit_header .jp {
font-size: 13px;
font-weight: 700
}
.m-service_lines .unit_header .jp img {
display: none;
width: 24px;
float: right;
}
.m-service_lines .unit_body {
position: absolute;
top: 180px;
height: 280px;
left: 0;
z-index: 1;
width: 100%;
-webkit-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: top 550ms cubic-bezier(.23, 1, .32, 1);
transition: top 550ms cubic-bezier(.23, 1, .32, 1)
}
.m-service_lines .unit_body:before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: 0 0;
content: ""
}
.m-service_lines .body_inner {
position: relative;
z-index: 2;
height: 100%;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
-webkit-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: height 550ms cubic-bezier(.23, 1, .32, 1);
transition: height 550ms cubic-bezier(.23, 1, .32, 1);
}
.m-service_lines .body_inner:after,
.m-service_lines .body_inner:before {
top: 0;
-webkit-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: background 550ms cubic-bezier(.23, 1, .32, 1);
transition: background 550ms cubic-bezier(.23, 1, .32, 1);
width: 100%;
position: absolute;
left: 0;
height: 100%;
content: " "
}
.m-service_lines .body_inner:before {
z-index: 1;
background-repeat: no-repeat;
background-position: 50%;
-moz-background-size: auto 580px;
background-size: auto 580px
}
.m-service_lines .body_inner:after {
z-index: 2;
background: 0 0
}
.m-service_lines .body_inner .lead {
position: absolute;
top: 16px;
left: 0;
z-index: 3;
width: 100%;
padding: 0 30px;
text-align: justify;
color: #fff;
font-size: 15px;
line-height: 1.85;
-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
transition: opacity 550ms cubic-bezier(.23, 1, .32, 1), top 550ms cubic-bezier(.23, 1, .32, 1);
opacity: 0;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.m-service_lines .body_inner .list {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
padding: 0 40px 40px
}
.m-service_lines .body_inner .list li {
-webkit-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
-moz-transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
transition: opacity 550ms cubic-bezier(.23, 1, .32, 1);
opacity: 0
}
.m-service_lines .body_inner .list a {
font-family: "Inter UI", sans-serif
}
.m-service_lines .unit_body:after {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 0;
height: 100%;
background: #e5e5e5;
content: " "
}
.m-detail_header:after,
.m-kv_header:after {
content: ""
}
.m-service_lines .unit_inner.app_is_active .unit_body:after {
-webkit-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
-moz-animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s;
animation: to100per .4s cubic-bezier(.25, .46, .45, .94) both .3s
}
.m-service_lines .unit_inner.app_is_active .body_inner:before {
-webkit-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
-moz-animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s;
animation: bgmask_mov .7s cubic-bezier(.25, .46, .45, .94) both .6s
}
.m-service_lines .unit.is_active .unit_header .en,
.m-service_lines .unit.is_active .unit_header .jp {
color: #fff
}
.m-service_lines .unit.is_active .unit_header:before {
background: #2e8a57
}
.m-service_lines .unit.is_active .unit_body {
top: 0
}
.m-service_lines .unit.is_active .unit_body:before {
height: 620px
}
.m-service_lines .unit.is_active .body_inner {
height: 460px;
}
.m-service_lines .unit.is_active .body_inner:before {
background-position: 50% 0
}
.m-service_lines .unit.is_active .body_inner:after {
background: rgba(0, 0, 0, .65)
}
.m-service_lines .unit.is_active .body_inner .lead {
top: 180px;
opacity: 1
}
.m-service_lines .unit.is_active .body_inner .list li {
opacity: 1
}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(1) {
-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s;
transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .1s
}
.m-service_lines .unit.is_active .body_inner .list li:nth-child(2) {
-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s;
transition: opacity .4s cubic-bezier(.23, 1, .32, 1) .2s
}
/**/
.unitDemo { padding: 0 6px; }
.unitDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0 7px; display: block; text-align: center; }
.unitDemo .item:hover, .unitDemo .item.act { background-color: #cc0000; color: #fff; }
.unitDemo .slick-arrow { width: 40px;
height: 68px;
display: block;
background-color: rgba(188, 159, 95, 1);
top: 50%;
margin-top: -30px; }
.unitDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.unitDemo .slick-prev { left: 6px; }
.unitDemo .slick-next { right: 6px; }
.unitDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.unitDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.unitDemo .itemA { display: block; margin: 0 5px; cursor: pointer; }
.unitDemo .unitDemo-img { position: relative; overflow: hidden; }
.unitDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.unitDemo .slick-dots { text-align: center; margin-top: 3%; }
.unitDemo .slick-dots li {
display: inline-block;
margin: 0 5px;
width: 25px;
height: 25px;
background: #cecece;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;;
}
.unitDemo .slick-dots li a {
}
.unitDemo .slick-dots li.slick-active {
background:#2e8a57;
}
.unitDemo .slick-dots li.slick-active a{
color:#fff;
}
.con-banner {
position: relative;
margin-top:83px;
}
.con-banner .images {
height: 420px;
}
.con-banner .words {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding-top: 100px;
}
.con-banner .text {
line-height: 1;
padding-top: 5.125rem;
}
.con-banner .text .tit-en {
font-weight: bold;
font-size:34px;
color: #fff;
text-shadow: 0 0 4px #666;
}
.con-banner .text .tit-cn {
margin-top: 1.575rem;
margin-bottom: 0.875rem;
font-size:18px;
line-height:26px;
color: #fff;
text-shadow: 0 0 4px #666;
}
.con-banner .text .line {
background: #fff;
height: 3px;
width: 50px;
}
img.w100 {
width: 100%;
}
.pcbox {
display: block;
}
.mbox {
display: none;
}
@media (max-width: 1024px) {
.pcbox {
display: none;
}
.mbox {
display: block;
}
}
.con-column {
background: #f5f5f5;
}
.column-swiper {
line-height: 90px;
height: 90px;
text-align: center;
position: relative;
}
.column-swiper .swiper-button-prev, .column-swiper .swiper-button-next {
width: 15px;
height: 26px;
background: transparent;
margin: 0;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.column-swiper .swiper-button-prev {
background: url(../images/j13.png) no-repeat center;
background-size: 100%;
left: -45px;
}
.column-swiper .swiper-button-prev:hover {
background: url(../images/j14.png) no-repeat center;
background-size: 100%;
}
.column-swiper .swiper-button-next {
background: url(../images/j15.png) no-repeat center;
background-size: 100%;
right: -45px;
}
.column-swiper .swiper-button-next:hover {
background: url(../images/j16.png) no-repeat center;
background-size: 100%;
}
.column-swiper .swiper-button-disabled {
display: none;
}
.column-swiper .swiper-slide:nth-child(1) .items:before {
display: none;
}
.column-swiper .items {
display: block;
font-size: 16px;
color: #666666;
position: relative;
padding: 0 2%;
}
.column-swiper .items .span {
display: inline-block;
vertical-align: middle;
line-height: 90px
}
.column-swiper .items:hover, .column-swiper .items.active {
color: #2e8a57;
}
.column-swiper .items:hover:after, .column-swiper .items.active:after {
opacity: 1;
transition: .5s ease-in-out;
}
.column-swiper .items:after {
position: absolute;
width: 100%;
content: "";
height: 4px;
background: #2e8a57;
left: 0;
bottom: 0;
transition: .5s ease-in-out;
opacity: 0;
}
.column-swiper .items:before {
position: absolute;
width: 1px;
content: "";
height: 15px;
max-height: 30%;
background: #cccccc;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media (max-width: 1024px) {
.con-banner {
position: relative;
margin-top:0px;
}
.column-swiper .swiper-button-prev {
left: 0;
}
.column-swiper .swiper-button-next {
right: 0;
}
.con-banner .words {
padding-top: 0;
}
.column-swiper .items {
font-size: 14px;
padding:0 1%;
}
.column-swiper {
line-height: 90px;
height: 90px;
}
}
@media (max-width: 767px) {
.con-banner .text{ padding-top:25%}
.con-banner .text .tit-en {
font-weight: bold;
font-size:25px;
color: #fff;
text-shadow: 0 0 4px #666;
}
.con-banner .text .tit-cn {
margin-top: 0.575rem;
margin-bottom: 0.875rem;
font-size:15px;
line-height:26px;
color: #fff;
text-shadow: 0 0 4px #666;
}
.con-swiper .buts .swiper-pagination {
line-height: 1;
}
.con-swiper .buts .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
.con-swiper .buts .swiper-pagination-bullet-active {
width: 6px;
height: 6px;
}
}
@media (max-width: 767px) {
.con-swiper .buts .swiper-pagination-bullet-active {
width: 6px;
}
}
.cpzs_con1_u1{font-size: 0; margin:60px auto 0px auto;}
.cpzs_con1_u1 li{ float:left; vertical-align: top;width:31.6%;margin-right: 2.6%;text-align: center;margin-bottom: 40px;}
.cpzs_con1_u1 li:nth-child(3n){margin-right: 0;}
.cpzs_con1_u1 li img{width: 100%;}
.cpzs_con1_u1 li a span{display: block; height:16vw; object-fit:cover; background:#fff; overflow:hidden;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #e5e4e4;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#2e8a57;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#2e8a57;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#2e8a57;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#2e8a57;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}
.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0);}
.sec3_right_div{box-sizing: border-box;padding:28px 35px 40px;}
.sec3_right_div h1{font-size: 17px;color: #3c3c3c;transition: 0.3s ease-out;}
.sec3_right_div p{position: relative;margin-top: 5px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;background: #cecfd1;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#a7acb5;background: #e5e4e4;box-sizing: border-box;padding: 0 15px;z-index: 2;position: relative;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background:#2e8a57;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #2e8a57;}
.cpzs_con1 .xwpage {padding: 10px 0 30px;}
.cpzs,.alzs{background: white;}
.cpzs .gsjj_con1_div1,.alzs .gsjj_con1_div1{box-shadow: none;}
.alzs_con1{padding: 0;}
.sliwert{padding: 80px 0;}
.probootstrap-section{padding:0 0 2em 0;position:relative;z-index:2; height:100%; overflow:hidden;}
.probootstrap-section h2{ font-size:32px; font-weight:600;}
.text-center{ text-align:center;}
.probootstrap-section.probootstrap-section-sm{padding:3em 0}
.probootstrap-section.probootstrap-border-top{border-top:1px solid rgba(0,0,0,.1)}
.probootstrap-section.probootstrap-border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}
.probootstrap-section>.container.probootstrap-border-top{padding-top:50px;border-top:1px solid rgba(0,0,0,.1)}
.probootstrap-cta,.probootstrap-footer{border-top:2px solid rgba(255,255,255,.1)}
.probootstrap-section.probootstrap-section-colored,.probootstrap-section.probootstrap-section-dark{background:#ddf0f3;background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#5068a9));background:linear-gradient(to right,#ddf0f3 0,#5068a9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 )}
.probootstrap-section.probootstrap-section-colored .section-heading h2,.probootstrap-section.probootstrap-section-dark .section-heading h2{color:#fff}
.probootstrap-section.probootstrap-section-colored .section-heading p,.probootstrap-section.probootstrap-section-dark .section-heading p{color:rgba(255,255,255,.6)}
.probootstrap-section.probootstrap-section-colored .heading-with-icon,.probootstrap-section.probootstrap-section-colored .heading-with-icon i,.probootstrap-section.probootstrap-section-dark .heading-with-icon,.probootstrap-section.probootstrap-section-dark .heading-with-icon i{color:#5068A9}
.probootstrap-section.probootstrap-section-colored p,.probootstrap-section.probootstrap-section-dark .section-heading h2,.probootstrap-section.probootstrap-section-dark p{color:#fff}
.probootstrap-section.probootstrap-section-dark{background:#222;color:#fff}
.probootstrap-section.probootstrap-section-dark .section-heading p,.probootstrap-section.probootstrap-section-dark p{color:rgba(255,255,255,.6)}
.probootstrap-section.probootstrap-section-lighter{background:#f7f7f7}
.probootstrap-section.probootstrap-bg{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:8em 0}
.probootstrap-section.probootstrap-bg:before{position:absolute;content:"";background:rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0;z-index:-1}
.probootstrap-section.probootstrap-bg .heading{margin-top:0;margin-bottom:10px;color:#fff;font-family:Abel,sans-serif;font-size:30px;line-height:30px}
.probootstrap-cta :last-child,.probootstrap-panel .panel .panel-body :last-child{margin-bottom:0}
.probootstrap-section.probootstrap-bg .sub-heading{font-size:20px;line-height:1.5;color:rgba(255,255,255,.7)}
.probootstrap-section.probootstrap-bg .container{position:relative;z-index:2}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100%;height:auto;}
.page-title h1,.probootstrap-card .probootstrap-card-text .probootstrap-card-heading,.probootstrap-panel .panel .panel-title h3,h2,h4{margin:0em 0 .5em;line-height:1.2;font-weight:600;color:#323232; }
.col-md-6 {
flex: 0 0 48%;
max-width: 48%;
}
.pro_content {
width: 100%;
height:100%;
overflow:hidden;
margin: 50px auto;
}
.pro_content .pro_pic {
width: 45%;
float: left;
}
.pro_content .pro_text {
width: 51%;
float: left;
padding-left: 4%;
text-align:left;
}
.pro_content .pro_text h3 {
font-weight: normal;
margin-top: 5px;
line-height: 22px;
font-size: 20px;
font-weight:bold;
color: #2e8a57;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.pro_content .pro_text .text {
width: 100%;
margin-top: 12px;
}
.pro_content .pro_text .text p {
font-size: 16px;
line-height: 30px;
padding-bottom: 12px;
}
.pro_content .pro_text .text a {
width: 100px;
height: 32px;
font-size: 14px;
margin-top: 10px;
display: block;
color: #fff;
line-height: 32px;
background: url(../images/sanj.png) no-repeat 5px center #2e8a57;
background-size: 16px;
padding-left: 24px;
}
.pro_content .pro_text .text a:hover {
background: url(../images/sanj.png) no-repeat 5px center #1f68ad;
background-size: 16px;
}
.page_content{ height:auto; overflow:hidden; text-align:left;}
.pages { margin-bottom:40px;}
.pages .pagination {
text-align: center;
height: auto;
}
.pages .pagination a {
padding: 0 13px;
line-height: 28px;
height: 28px;
float: none;
display: inline-block;
}
.pages .pagination a.cur{ border:1px #2e8a57 solid!important; background:#2e8a57!important;}
.pages .pagination a:hover{ color:#2e8a57!important;border:1px #2e8a57 solid!important;}
.pages .pagination p {
padding: 0 13px;
line-height: 28px;
height: 28px;
float: none;
display: inline-block;
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0;
}
div.zoomDiv img {
max-width: none;
}
div.zoomMask {
position: absolute;
background: url(../images/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1;
max-width: 200px !important;
max-height: 200px !important;
}
.img-center {
text-align: center;
font-size: 0;
}
.img-center img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.pc-slide {
width: 100%;
margin: 0 auto;
}
.pc-slide .view {
border: 1px solid #ddd;
}
.pc-slide .view .swiper-slide {
width: 100%;
}
.pc-slide .view .swiper-slide .imgauto {
width: 100%;
padding: 20px;
box-sizing: border-box;
}
.pc-slide .preview {
width: 100%;
margin-top: 10px;
position: relative;
}
.pc-slide .preview .swiper-container {
width: 80%;
margin: 0 10%;
}
.pc-slide .preview .swiper-slide {
width: 25%;
padding: 1%;
}
.pc-slide .preview .swiper-slide .imgauto {
width: 100%;
border: 1px solid #ddd;
}
.pc-slide .preview .swiper-slide .imgauto img {
display: block;
max-width:100%;
max-height:88px;
text-align:center;
margin:0 auto;
}
.pc-slide .preview .active-nav .imgauto {
border: 1px solid #2e8a57;
}
.pc-slide .preview .arrow-left {
background: url(../images/feel3.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.pc-slide .preview .arrow-right {
background: url(../images/feel4.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 10;
}
.page_title {
background:#e7e7e7;
}
.page_title h3 {
width: 140px;
height: 50px;
font-size: 18px;
display: block;
color: #fff;
line-height: 50px;
text-align: center;
font-weight: normal;
background: #2e8a57;
}
@media (max-width: 1024px) {
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:32%;margin-right: 2%;position: relative;text-align: center;margin-bottom: 40px;}
.cpzs_con1_u1 li:nth-child(3n){margin-right: 0;}
.cpzs_con1_u1 li:nth-child(4n){margin-right: 2%;}
}
@media (max-width: 767px) {
.sec3_right_div{box-sizing: border-box;padding:28px 5px 10px;}
.cpzs_con1_u1 li a span{display: block; height:auto; object-fit:cover; background:#fff;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:100%;position: relative;text-align: center;margin-bottom: 40px;}
.pro_content .pro_pic {
width: 100%;
float: left;
}
.pro_content .pro_text {
width: 100%;
float: left;
padding-left: 0;
}
}
/*=========
about
===============================*/
/*about-ab*/
.about-ab {
padding: 3% 0 1%;
}
.about-ab-p {
width: 100%;
margin: 0 auto 30px auto;
}
.about-ab-p p {
line-height: 32px;
padding-bottom:15px;
text-indent:2em;
}
.about-ab .about_nub {
float: none;
position: relative;
width: 100%;
transform: none;
text-align: center;
margin: 3% 0;
top: 0;
}
.about-ab .about_nub li {
width: 24%;
display: inline-block;
margin: 0;
}
.about-ab .about_nub li p span {
font-weight: 500;
color: #2e8a57;
font-size: 3.8rem;
}
.about-ab .about_nub li .intro {
font-size: 14px;
margin-top: 2%;
letter-spacing: 0.5px;
}
.abDemo { padding: 0 6px; }
.abDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.abDemo .item:hover, .abDemo .item.act { background-color: #cc0000; color: #fff; }
.abDemo .slick-arrow { width: 40px;
height: 68px;
display: block;
background-color: rgba(1, 78, 163, 1);
top: 50%;
margin-top: -30px; }
.abDemo .slick-arrow i { width: 100%; height: 100%; margin: 0 auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.abDemo .slick-prev { left: 6px; }
.abDemo .slick-next { right: 6px; }
.abDemo .slick-prev i { background: url("../images/arrow-left-light.png") no-repeat center; background-size: 38%; }
.abDemo .slick-next i { background: url("../images/arrow-right-light.png") no-repeat center; background-size: 38%; }
.abDemo .itemA { display: block; margin: 0 1px; cursor: pointer; }
.abDemo .abDemo-img { position: relative; overflow: hidden; }
.abDemo .abDemo-img img {
width: 100%;
-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.abDemo-name {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 28%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.abDemo-name h1 {
font-weight: 500;
position: absolute;
bottom: 8%;
left: 5%;
width: 88%;
color: rgba(255, 255, 255, 0.88);
font-size: 1.2rem;
letter-spacing: 1px;
line-height: 40px;
text-align: left;
}
.abDemo-name h1:before { position: absolute; bottom: -10px; left: 50%; width: 20px; height: 3px; margin-left: -10px; content: ""; background: #fff }
.abDemo .abDemo-img:hover img {
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.abDemo.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; z-index: 99; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.chuangxin {
height:700px;
text-align:center;
overflow:hidden;
position:relative;
background: url('../images/chuangxin_bg.jpg') no-repeat center;background-size:cover;
}
.chuangxin .bg {
height:100%;
margin:auto -100%
}
.chuangxin .content {
height:100%;
width:100%;
text-align:center;
padding-top:30px;
}
.chuangxin .title {
display:inline-block;
padding-top:60px;
padding-bottom:20px;
text-align:center;
font-size:48px;
font-weight:700;
font-stretch:normal;
line-height:48px;
letter-spacing:0;
color:#fff;
background-image:linear-gradient(to right, #32beff 0, #005aab 100%);
-webkit-background-clip:text;
color:transparent
}
.chuangxin .brief_introduction {
padding-bottom:45px;
font-size:16px;
font-weight:400;
font-stretch:normal;
line-height:25px;
letter-spacing:0;
color:#555;
}
.chuangxin .specific .item {
position:relative
}
.chuangxin .specific .item .num {
font-size:64px;
line-height:64px;
height:64px;
font-weight:700;
font-stretch:normal;
letter-spacing:0;
color:#32beff;
padding-bottom:10px;
vertical-align:middle;
font-size:0!important
}
.chuangxin .specific .item .num span {
font-size:20px;
font-weight:400;
letter-spacing:0;
color:#555;
vertical-align:baseline;
position:relative;
top:20px
}
.chuangxin .specific .item .num i {
font-size:64px;
line-height:64px;
font-weight:700;
font-stretch:normal;
letter-spacing:0;
color:#2e8a57;
padding-bottom:10px;
vertical-align:middle;
font-style:normal;
font-family:Arial;
padding-right:5px
}
.chuangxin .specific .item .num .houzhui {
font-size:64px;
line-height:64px;
font-weight:700;
font-stretch:normal;
letter-spacing:0;
color:#2e8a57;
padding-bottom:10px;
vertical-align:middle;
font-family:Arial;
position:relative;
top:1px
}
.chuangxin .specific .item .num .fuhao {
font-size:32px;
font-weight:700;
letter-spacing:0;
color:#2e8a57;
vertical-align:bottom;
font-family:Arial;
top:3px
}
.chuangxin .specific .item .name {
font-size:16px;
line-height:36px;
font-weight:400;
font-stretch:normal;
letter-spacing:0;
color:#555
}
.chuangxin .specific .item:after {
content:"";
height:70px;
width:1px;
position:absolute;
right:0;
top:50%;
margin-top:-35px;
background-color:#0f2341;
opacity:.15;
filter:alpha(opacity=15)
}
.chuangxin .specific .item.md_right:after {
content:none
}
.chuangxin .specific .item.first .num {
position:relative;
top:6px
}
.chuangxin a {
position:absolute;
left:50%;
bottom:60px;
margin-left:-100px;
box-sizing:border-box;
text-align:center;
display:inline-block;
font-size:16px;
font-weight:400;
font-stretch:normal;
letter-spacing:0;
color:#005aab;
width:200px;
height:50px;
line-height:50px;
border-style:solid;
border-width:1px;
border-image-source:linear-gradient(-90deg, #e10019 0, #712d62 0, #005aab 0, #32beff 100%);
border-image-slice:1
}
.o_g .o_u.o_df_1-5{ width:20%;}
.o_u {
display: inline-block;
text-rendering: auto;
box-sizing: border-box;
}
@media (max-width: 767px) {
.chuangxin {
height:500px;
position:relative
}
.chuangxin .title {
padding-top:45px;
padding-bottom:10px;
font-size:28px;
line-height:28px
}
.chuangxin .brief_introduction {
padding-bottom:30px;
font-size:14px;
line-height:20px
}
.chuangxin .specific .item {
padding:0 20px;
}
.chuangxin .specific .item .num {
line-height:auto;
font-size:32px;
line-height:32px;
padding-bottom:5px
}
.chuangxin .specific .item .num span {
font-size:12px;
top:11px
}
.chuangxin .specific .item .num .fuhao {
font-size:16px
}
.chuangxin .specific .item .num i {
line-height:32px;
font-size:32px
}
.chuangxin .specific .item .num .houzhui {
font-size:32px;
line-height:32px
}
.chuangxin .specific .item .name {
font-size:12px;
line-height:12px
}
.chuangxin .specific .item:after {
height:30px;
margin-top:-15px
}
.chuangxin .specific .first {
padding-left:0
}
.chuangxin .specific .first.item .num {
top:3px
}
.chuangxin .specific .third {
}
.chuangxin .specific .md_left {
margin-top:20px
}
.chuangxin .specific .md_left .name {
padding-right:10px;
box-sizing:border-box
}
.chuangxin .specific .md_right {
margin-top:20px
}
.chuangxin .specific .md_right .name {
padding-left:10px;
box-sizing:border-box
}
.chuangxin a {
width:150px;
bottom:45px;
margin-left:-75px;
font-size:14px
}
.o_g .o_u.o_df_1-5{ width:auto!important}
}
.w1125 {
width: 1125px;
margin: 0 auto;
}
@media (max-width: 1190px) {
.w1125 {
width: 900px;
}
}
@media (max-width: 1024px) {
.w1125 {
width: 80%;
}
}
@media (max-width: 767px) {
.w1125 {
width: 100%;
}
}
.pub-tit{
font-size: 32px;
line-height: 40px;
padding-bottom:40px;
padding-top:20px;
color: #333;
text-align:center;
}
.honorbox01-swiper {
text-align: center;
padding-top: 3rem;
padding-bottom: 4.25rem;
background: url(../images/img12.png) no-repeat bottom;
background-size: 100%;
}
.honorbox01-swiper .items {
line-height: 1.2;
}
.honorbox01-swiper .swiper-slide-active .tit {
display: block;
}
.honorbox01-swiper .tit {
font-size: 24px;
color: #2e8a57;
font-weight: bold;
display: none;
}
.honorbox01-swiper .words {
padding: .2rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.honorbox01-swiper .txt {
font-size: 14px;
color: #666666;
line-height: 18px;
margin-top: 10px;
}
.honorbox-01 {
padding-bottom: 1.25rem;
}
.honorbox01-swiper {
position: relative;
}
.honorbox01-swiper .swiper-button-prev, .honorbox01-swiper .swiper-button-next {
width: 45px;
height: 45px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #efefef;
transition: .5s ease-in-out;
top: 50%;
transform: translateY(-50%);
}
.honorbox01-swiper .swiper-button-prev:hover, .honorbox01-swiper .swiper-button-next:hover {
background-color: #2e8a57;
border-color: #2e8a57;
transition: .5s ease-in-out;
}
.honorbox01-swiper .swiper-button-prev {
background-image: url(../images/l0.png);
background-repeat: no-repeat;
left: -23px;
background-size: 100%;
}
.honorbox01-swiper .swiper-button-prev:hover {
background-image: url(../images/l1.png);
background-repeat: no-repeat;
background-size: 100%;
}
.honorbox01-swiper .swiper-button-next {
background-image: url(../images/l2.png);
background-repeat: no-repeat;
background-size: 100%;
right: -23px;
}
.honorbox01-swiper .swiper-button-next:hover {
background-image: url(../images/l3.png);
background-repeat: no-repeat;
background-size: 100%;
}
.j-honor .img {
overflow: hidden;
text-align:center;
}
.j-honor .img img {
transition: .5s ease-in-out;
max-width:100%;
}
.j-honor .honorbox-02 .items:hover img, .j-honor .honorbox-03 .items:hover img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.honorbox01-swiper .swiper-slide {
opacity: 0;
}
.honorbox01-swiper .swiper-slide-prev, .honorbox01-swiper .swiper-slide-next, .honorbox01-swiper .swiper-slide-active {
opacity: 1;
}
.honorbox-02 {
padding-top: 2.5rem;
padding-bottom: 3rem;
background:url("../images/i25.jpg") top;
}
.honorbox-02 .buts .swiper-pagination {
position: static;
}
.honorbox-02 .itemsbox {
font-size: 0;
}
.honorbox-02 .itemsbox .items {
display: inline-block;
vertical-align: top;
font-size: 18px;
color: #333333;
width: 32%;
margin-left: 2%;
background: #ffffff;
margin-bottom: 1.25rem;
padding: 0.875rem 0.75rem 1.375rem 0.75rem;
}
.honorbox-02 .itemsbox .items:nth-child(3n+1) {
margin-left: 0;
}
.honorbox-02 .itemsbox .items .titen {
line-height: 30px;
}
.honorbox-02 .itemsbox .items .words {
padding-bottom: .75rem;
text-align:center;
}
.honorbox-02 .itemsbox img{ width:100%;}
.honorbox-03 {
padding-top: 2.5rem;
padding-bottom: 4.25rem;
}
.honorbox-03 .buts .swiper-pagination {
position: static;
line-height: 1;
margin-top: 1.25rem;
}
.honorbox-03 .words {
color: #333333;
font-size: 18px;
line-height: 20px;
height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: 0.625rem;
}
.honorbox-03 .items {
display: block;
border: 1px solid #cccccc;
padding: 0.875rem 0.75rem 0.625rem 0.75rem;
}
@media (max-width: 1366px) {
.honorbox-02 .itemsbox .items {
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 1024px) {
.honorbox-02 .itemsbox .items {
width: 100%;
}
.honorbox-02 .itemsbox .items {
font-size: 16px;
}
}
@media (max-width: 767px) {
}
/*文化体系*/
.culture-tx {
padding: 4% 0 6%;
overflow: hidden;
text-align: center;
}
.culture-tx-box {
}
.culture-tx-items {
}
.culture-tx-img {
position: relative;
width: 100%;
height: 100%;
-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div {
cursor: pointer;
position: relative;
float: left;
width: 32%;
height: 230px;
margin: 0 2% 2% 0;
overflow: hidden;
background: #fafafa;
padding: 0 0 0 4%;
}
.culture-tx-div > img {
position: absolute;
right: 5%;
bottom: 10%;
width: 88px;
opacity: 0.5;
-webkit-transition: all 0.48s; -moz-transition: all 0.48s; -ms-transition: all 0.48s; -o-transition: all 0.48s; transition: all 0.48s;
}
.culture-tx-div:nth-child(3n) {
margin: 0 0 2% 0;
}
.culture-tx-div div {
position: relative;
top: 46%;
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
text-align: left;
}
.culture-tx-div h1 {
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
color: #000;
position: relative;
padding-bottom: 4%;
margin-bottom: 10%;
}
.culture-tx-div h1:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 38%;
background: #2e8a57;
}
.culture-tx-div p {
letter-spacing: 2px;
font-size: 1rem;
line-height: 1.8rem;
width: 80%;
max-width: 238px;
}
.culture-tx-div p span {
display: block;
}
.culture-tx-div:hover h1 {
color: #2e8a57;
}
.culture-tx-div:hover > img {
bottom: 16%;
opacity: 0.8;
}
/*=========
media
===============================*/
.media-box {
overflow: hidden;
padding: 3% 0;
}
.media-div {
overflow: hidden;
}
.media-items {
display: block;
width: 31.33%;
margin: 1%;
float: left;
}
.media-img {
overflow: hidden;
height: 240px;
}
.media-img img {
width: 100%;
min-height: 100%;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.media-con {
padding: 6% 8%;
height: 200px;
border: 1px solid #eee;
text-align: left;
background: #f5f5f5;
}
.media-con h3 {
font-size: 1rem;
line-height: 2rem;
margin-bottom: 4%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: 0.5px;
}
.media-con p {
font-size: 13px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 2;
letter-spacing: 0.5px;
overflow: hidden;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.media-con span {
display: block;
margin: 20px 0 10px;
font-size: 13px;
}
.media-con span img {
display: inline-block;
margin-right: 6px;
vertical-align: sub;
}
.media-items:hover .media-img img {
-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}
.media-items:hover .media-con h3 {
color: #2e8a57;
}
/*=========
news-con
===============================*/
.news-details {
padding: 3% 0;
text-align: center;
}
.news-details img
{
margin-top: 20px;
max-width: 100%;
position: relative;
left: -2em;
}
.news-details .inner-wrap {
min-height: 600px;
margin: 0 auto;
background: #fff;
}
.news-details-title {
border-bottom: 1px solid #eeeeee;
padding: 2% 3%;
margin-bottom: 4%;
}
.news-details-title h1 {
font-size: 22px;
line-height: 40px;
margin-bottom: 3%;
}
.news-details-title p {
font-size: 13px;
}
.news-details-title span {
color: #666;
font-size: 13px;
margin: 0 4px;
}
.news-details-title img {
margin-left: 0;
vertical-align: middle;
left: 0;
margin-top: 0;
}
.news-details-con {
border-bottom: 1px solid #eeeeee;
padding-bottom: 5%;
}
.news-details-con video
{
max-width: 820px;
border: 1px solid #eee;
padding: 5px;
background: #f8f8f8;
}
.news-details-con > p {
text-indent: 2em;
text-align: left;
font-size: 16px;
line-height: 30px;
}
.news-details-con div {
text-align: center;
display: inline-block;
width: 46%;
vertical-align: top;
margin: 1%;
}
.news-details-con div.one {
width: 100%;
}
.news-details-con div img {
max-width: 72%;
display: inline-block;
}
.news-details-con div p {
margin-top: 2%;
line-height: 23px;
color: #333;
letter-spacing: 0.4px;
}
.news-details-back {
text-align: center;
margin-top: 5%;
}
.news-details-back a {
display: inline-block;
background: #2e8a57;
color: #fff;
line-height:40px;
padding:0px 30px;
margin-top: 0;
}
.m2gcSwiper{height:100%; position:relative; max-height:850px;}
.m2gcSwiper div{height:100%; }
.m2gcSwiper div.w100{height:auto;}
.m2gc_swBox{ height: 100%; background: url(../images/m3pro_bg_a.jpg) repeat; position: relative; }
.m2gc_c1txt { padding: 0px 180px; width: 50%; position: absolute; left: 0px; top: 0px; font-size: 16px; line-height: 30px; color: #FFF; text-align: center; display:flex; align-items:center; bottom:0 }
.m2gc_swBox .bgImg { position: absolute; top: 0px; right: 0px; width: 50%; }
.m2gc_c1txt span { background: url(../images/m2gc_i1.png) no-repeat; display: block; margin: 0px auto; width: 187px; text-align: center; font-size: 30px; line-height: 55px; padding: 52px 0px 140px; }
.m2gc_c1txt strong { font-size: 48px; line-height: 74px; margin-bottom: 40px; font-weight: normal; display: block; }
.m2gcSwiper .prev { background: url(../images/m2gc_btn.png) no-repeat; height: 53px; width: 53px; margin-top: -26px; position: absolute; z-index: 10; left: 32px; top: 50%; }
.m2gcSwiper .next { background: url(../images/m2gc_btn.png) no-repeat; height: 53px; width: 53px; margin-top: -26px; position: absolute; z-index: 10; right: 32px; top: 50%; transform:rotate(180deg); }
.m2gcu1 { padding-top: 90px; margin-bottom: 40px; margin: 0px -23px 40px;}
.m2gc_aBox .overflowHide { height: 280px; }
.m2gcu1 li{ padding: 0px 23px; margin-bottom: 58px; }
.m2gcBm {
/*background: url(../images/m2gc_lien.jpg) no-repeat left center;*/
margin-top: 24px; padding: 1px 0px 0px 18px; height: 60px; }
.m2gcBm strong { font-size: 26px; line-height: 34px; font-weight: normal; display: block; height: 34px; }
.m2gcBm p { font-size: 16px; color: #777777; line-height: 26px; height: 26px; }
@media (max-width:1599px){
.m2gcSwiper{height:500px; max-height:none;}
.m2gc_c1txt { padding: 0px 90px;}
.m2gc_c1txt span { background: url(../images/m2gc_i1.png) no-repeat; width: 120px;font-size:20px; line-height: 35px; padding: 32px 0px 80px; background-size:100% auto; height:130px;}
.m2gc_c1txt strong { font-size: 32px; line-height: 54px; margin-bottom: 15px; }
.m2gcSwiper .prev {height: 40px; width: 40px; margin-top: -20px; left: 20px; background-size:100% auto }
.m2gcSwiper .next {height: 40px; width: 40px; margin-top: -20px; right: 20px; background-size:100% auto }
.m2gcu1{padding-top:50px; margin: 0px -15px 20px;}
.m2gcu1 li{ padding: 0px 15px; margin-bottom: 30px; }
.m2gcBm p{font-size:15px;}
.m2gcBm strong{font-size:20px;}
.m2gc_aBox .overflowHide{height:230px;}
}
@media (max-width:993px){
.m2gc_c1txt{padding-right:25px; padding-left:80px; font-size: 15px; line-height: 26px; }
.m2gc_c1txt strong { font-size: 28px; line-height: 38px; margin-bottom: 12px; }
}
@media (max-width:767px){
.m2gc_swBox{overflow:hidden; height:auto;}
.m2gcSwiper{height:auto;}
.m2gcSwiper div{height:auto;}
.m2gc_c1txt{width:100%; display:block; padding:35px 15px 40px; position:static;}
.m2gc_swBox .bgImg{position:static; height:250px; width:100%;}
.m2gcSwiper .prev,.m2gcSwiper .next { top:auto; bottom:15%;}
.m2gc_c1txt{ font-size: 14px; line-height: 24px; }
.m2gc_c1txt strong { font-size: 24px; line-height: 32px; }
.m2gcBm strong{font-size:18px;}
.m2gcBm p{font-size:14px;}
.m2gc_aBox .overflowHide{height:240px;}
}
.cele-popup {
padding: 3% 6%;
background-color: #FFFFFF;
height:100%;
overflow:hidden;
}
.cele-dt-lf {
width: 50%;
margin-right: 4%;
float:left;
}
.cele-dt-pic {
width: 100%;
overflow: hidden;
}
.cele-dt-pic img {
width: auto;
object-fit: contain;
transition: all 0.5s;
}
.cele-dt-pic img:hover {
transform: scale(1.2);
}
.cele-dt-box {
margin-top: 2%;
}
.cele-dt-tit,
.cele-dt-intro {
color: rgb(51, 51, 51);
}
.cele-dt-rg {
width: 46%;
float:left;
}
.cele-dt-type {
color: #000000;
font-weight: 550;
margin-bottom: 2%;
}
.cele-dt-type:last-child {
margin-bottom: 0;
}
.cele-dt-type div {
display: block;
color: rgb(102, 102, 102);
font-weight: 500;
line-height:34px;
margin-top: 2%;
max-height: 330px;
overflow-y: auto;
}
.cele-close {
position: absolute;
right: -25px;
top: -10px;
cursor: pointer;
transition: all 0.5s;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.cele-close img {
object-fit: contain;
width: 100%;
}
.cele-close:hover {
transform: rotate(180deg);
}
.img-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media (max-width:767px){
.cele-dt-lf {
width: 100%;
margin-right: 0;
padding-top:5%;
}
.cele-dt-rg {
width: 100%;
padding:5% 0;
}
.cele-dt-pic img{ width:100%;}
}
.lxwm{ background:#f2f2f2; padding:2px 0px 60px 0px;}
.contact_t{ text-align:center; color:#333; font-weight:bold; margin-bottom:3%; margin-top:4.5%;}
.contact_t span{ display:block; color:#999999; font-weight:normal; font-size:16px; margin-top:1%;}
.contact_one{ overflow:hidden; background:#fff; position:relative;}
.contact_one .contact_one_l{ max-width:550px; width:50%; float:left; overflow:hidden; color:#666666; font-size:16px;}
.contact_one .contact_one_l .cons{ max-width:490px; width:94%; margin:0 auto; overflow:hidden;}
.contact_one .contact_one_l .h2{ font-weight:bold; color:#333; margin-bottom:30px; padding-bottom:20px; margin-top:60px; position:relative;}
.contact_one .contact_one_l .h2:after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:25px; background:#cccccc;}
.contact_one .contact_one_l .ul li{ line-height:48px; overflow:hidden; background-repeat:no-repeat; background-position:left center; padding-left:67px; margin-bottom:30px;}
.contact_one .contact_one_l .ul li a{color:#666666;}
.contact_one .contact_one_l .ul li a:hover{color:#e94001;}
.contact_one .contact_one_l .ul li.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_one .contact_one_l .ul li.bgs2{ background-image:url(../images/contact_pic2.png);}
.contact_one .contact_one_l .ul li.bgs3{ background-image:url(../images/contact_pic3.png);}
.contact_one .contact_one_l .ul li.bgs4{ background-image:url(../images/contact_pic4.png);}
.contact_one .contact_map{ overflow:hidden;}
.contact_map iframe{height: 578px;}
.contact_bg{ overflow:hidden; background:#fff;}
.feedback_div{ margin:0 auto; padding-top:3%; padding-bottom:5%; overflow:hidden; text-align:center; width:94%;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%; background:#f2f2f2; height:54px; line-height:54px; font-size:14px; color:#999; border:none; outline:none; text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs2:focus{ color:#333;}
.feedback_div select::-ms-expand { display: none; }
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#f2f2f2; font-size:14px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#999; height:170px; }
.feedback_div .textarea:focus{ color:#333;}
.feedback_div .bnts2{-webkit-tap-highlight-color: transparent; border: none; width:30%; float:right; max-width:150px;font-size: 14px; height: 46px; background: #dc6520; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; margin:0 auto;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_div .yzm{ line-height:46px; padding:0 20px; border:1px #f2f2f2 solid;}
@media screen and (max-width: 960px) {
/*联系我们*/
.contact_one .contact_one_l{ float:none; width:100%; margin-bottom:2%;}
.contact_one .contact_one_l .h2{ margin-top:7%; margin-bottom:5%;}
.contact_one .contact_one_l .ul li{ margin-bottom:4%;}
.contact_map iframe{ height:400px;}
}
/*=======
media 1440
========================================*/
@media (max-width: 1440px) {
.index-title h1 span {
font-size: 3rem;
}
.header-menu .header-menu-div {
width: 78px;
height: 78px;
padding: 24px 18px;
}
.header-menu .header-menu-div span {
margin-bottom: 10px;
}
/*index*/
.aboutleft {
left: 0;
width: 44%;
}
/*about*/
.about-ab .aboutleft {
width: 44%;
left: 0;
margin-left: 0;
}
.about_nub li p span {
font-size: 2.3rem;
}
/*header*/
.head .down_con .content {
width: 80%;
margin-left: 10%;
}
}
.show_pages {
padding-top: 20px;
border-top:1px solid #e5e5e5;
margin-top:40px;
margin-bottom:40px;
text-align:left;
}
.show_pages p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-top: 6px;
}
.show_pages p a {
font-size: 14px;
line-height: 24px;
color: #333;
}
.content p {
font-size: 16px;
line-height: 28px;
margin-top: 15px;
}
.content img {
}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1001;
}
#message .m-content {
margin-top: 10%;
}
#message .m-content .m-message {
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
width: 494px;
margin: 48px auto 0;
}
.m-message label {
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em {
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span {
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
text-align: right;
margin-right: 10px;
display: inline-block;
}
.m-message label input.inp,.m-message label textarea,.m-message label.code input {
width: 77%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cccccc 1px solid;
border-radius: 3px;
padding:0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,.m-message label textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
height: 72px;
line-height: 24px;
padding:10px 14px;
}
.m-message label.code {
line-height: 34px;
}
.m-message label.code input {
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img {
width: auto;
height: 35px;
display: inline-block;
vertical-align: middle;
}
.btn-1 input{
width: 52px;
height: 32px;
line-height: 32px;
background: #e8e8e8;
border: none;
color: #333;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn-1{
padding-left: 80px;
}
.btn-1 input.focus{
background: #007ccb;
color: #fff;
}
.btn-1 input.focus:hover{
background: #444;
}
.btn-1 input:hover{
background: #ccc;
}
@media (max-width: 786px) {
#message .m-content .m-message {
background: #fff;
width: 96%;
background: #fff;
padding: 20px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
width: 100%;
margin: 48px auto 0;
}
}
.contact_map{ padding-top:70px; background:#f5f5f5;}
.about1 h1 {
text-align: center;
font-size: 30px;
font-weight: normal;
width: 320px;
border-left: solid 3px #2e8a57;
border-right: solid 3px #2e8a57;
margin: auto;
color:#2e8a57;
}
.about1 h2 {
text-align: center;
text-transform: uppercase;
font-family: arial;
font-weight: normal;
font-size: 24px;
margin-bottom: 20px;
color:#b1b1b1;
margin-top:5px;
}
.about2 h1 {
text-align: center;
font-size: 30px;
font-weight: normal;
width: 320px;
border-left: solid 3px #2e8a57;
border-right: solid 3px #2e8a57;
margin: auto;
color:#2e8a57;
}
.about2 h2 {
text-align: center;
text-transform: uppercase;
font-family: arial;
font-weight: normal;
font-size: 24px;
margin-bottom: 20px;
color:#b1b1b1;
margin-top:5px;
}
.gsjj_con1_div1{box-sizing: border-box;padding: 55px 60px 0 60px;box-shadow:0 0px 29px -1px grey;transform: translateY(-72px);position: relative; background:url(../images/about_logo.png) center center no-repeat #fff; overflow:hidden;}
.gsjj_con1_div1{position: absolute;top: 594px;width: 86%;left: 7%; transform: translateY(0);}
.lxwm_co1_sd{font-size: 0;padding: 10px 0 40px;}
.lxwm_co1_sd li{display: inline-block;vertical-align: top;width: 25%;text-align: center;}
.lxwm_co1_sd li span{display: inline-block;position: relative;}
.lxwm_co1_sd li span:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid #E0E0E0;position: absolute;border-radius: 50%;top: 0;
transform: scale(1);top: -1px;left: -1px;}
.lxwm_co1_sd li span:before{content: '';display: block;width: 100%;height: 100%;position: absolute;border-radius: 50%;top: 0;background: #2e8a57;
transform: scale(0);transition: 0.4s ease-out;opacity: 0;}
.lxwm_co1_sd li span font{display: block;width: 120px;height: 120px;border-radius: 50%;position: relative;z-index: 2;transition: 0.4s ease-out}
.lxwm_co1_sd li:hover span:before{transform: scale(0.9);opacity: 1;}
.lxwm_co1_sd li:nth-child(1) span font{background: url(../images/lx_ic1_03.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(2) span font{background: url(../images/lx_ic2_03.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(3) span font{background: url(../images/lx_ic3_03.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(4) span font{background: url(../images/lx_ic4_03.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(1):hover span font{background: url(../images/lx_ic1_031.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(2):hover span font{background: url(../images/lx_ic2_031.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(3):hover span font{background: url(../images/lx_ic3_031.png) no-repeat center center;}
.lxwm_co1_sd li:nth-child(4):hover span font{background: url(../images/lx_ic4_031.png) no-repeat center center;}
.lxwm_co1_sd li p{font-size: 15px;color: #797979;margin-top: 15px; margin-bottom:15px;}
.lxwm_co1_sd li h3{font-size: 15px;color: #3e3e3e;font-weight: normal;margin-top: 8px;}
.lxwm_co1{padding-bottom: 0;}
@media (max-width: 786px) {
.gsjj_con1_div1{ position:relative; top:0; width:100%; left:0; padding:35px 10px 0 10px; box-shadow:none;}
.lxwm_co1_sd li{ width:100%; margin-bottom:30px;}
.about1{ display:none;}
.lxwm_co1_sd li span font{width: 60px;height: 60px;}
}
.w220{ width:18%; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.w1040{ width:78%; overflow:hidden; margin-top:50px;}
.leftName{ height: 90px; background:#2e8a57;}
.leftName .txt1{ font-size: 24px; font-weight: bold; color: #fff; padding: 10px 0 0px 46px;}
.leftName .txt2{ text-transform: uppercase; padding-left: 46px; color: #fff; opacity: 0.3;}
.leftNav{ border: #e6e6e6 solid 1px; border-bottom: none;}
.leftNav li{ font-size:15px; border-bottom:#e6e6e6 solid 1px;}
.leftNav li a{ display:block; height:65px; line-height:65px; color:#3c3c3c; padding-left:44px; background: #f6f6f6;}
.leftNav li a:hover, .leftNav li .aNow{ background:#fff url(../images/ico1.png) 30px center no-repeat; color:#2e8a57;}
.leftNav a.on, .leftNav a.on:hover{background:#fff url(../images/ico6on.png) right center no-repeat; color:#2e8a57}
.leftNav dl{display:none;}
.leftNav dd a{color:#838383; font-size:12px; height:42px; line-height:42px; border-bottom:none; padding-left:34px;}
.leftNav dd a:hover, .leftNav dd a.on2{color:#29b4cb; border-bottom:none; background:none;}
.pageTop{ height: 66px; position: relative; border-bottom: #f2f2f2 solid 1px; }
.pageTitle{ line-height: 66px; color: #d0d0d0; text-align:left;}
.pageTitle b{ font-size: 24px; color: #484848; padding-right: 10px; }
.pageNow{ height: 66px; line-height: 66px; position: absolute; right: 0px; top: 0px; color: #c2c2c2;}
.pageNow .box{ padding-left: 20px; background: url(../images/nimg14_1.png) left center no-repeat; }
.pageNow a{ color: #333; }
.pageNow a:hover{ color:#2e8a57;}
.pageNow em{ color: #333; }
@media (max-width: 786px) {
.w220{ display:none;}
.w1040{ width:100%; margin-top:0;}
.pageTop{ display:none;}
}
.high-level {
padding: 100px 0 64px;
}
.high-leval-wrap {
margin-top: 28px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
}
.high-item {
position: relative;
padding-top: 26px;
cursor: pointer;
width:31.33%;
margin-right:3%;
}
.high-item:last-child {
margin-right:0;
}
.high-item:hover i:before {
width: 100%;
right: auto;
left: 0;
}
.high-item i {
left: 0;
top: 0;
display: block;
position: absolute;
z-index: 2;
width: 250px;
height: 4px;
background: #f1f1f1;
}
.high-item i:before {
content: "";
width: 0;
height: 100%;
background: #f1f1f1;
position: absolute;
right: 0;
bottom: 0;
transition: 0.5s;
z-index: -1;
}
.high-item i:hover,
.high-item i.active {
color: #fff;
}
.high-item i:hover:before,
.high-item i.active:before {
width: 100%;
right: auto;
left: 0;
}
.high-item strong {
display: block;
line-height: 1.4;
color: #333333;
font-size: 24px;
font-weight: normal;
}
.high-text {
margin-top: 36px;
}
.high-text p {
position: relative;
line-height: 2.2;
color: #333333;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.high-item{ width:100%; margin-bottom:30px;}
.high-item:last-child{ width:100%;}
.high-level{ padding:30px 0 64px}
.high-leval-wrap{ display:block;}
.high-item i{ width:100%;}
.high-leval-wrap{ margin-top:10px;}
.high-item strong{ font-size:20px;}
.high-text{ margin-top:10px;}
}