@charset "utf-8";
/* CSS Document */
html,body {
height: auto;
padding: 0;
margin: 0;
font-size: 16px;
font-family:"寰蒋闆呴粦","arial", "Helvetica", "Helvetica Neue";
color: #222;
line-height: 1.5;
text-align: center;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
input,textarea {
font-family: "寰蒋闆呴粦","arial", "Helvetica", "Helvetica Neue";
color: #1b1c20;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li { list-style: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt { margin: 0; padding: 0;}
a { text-decoration: none; color: #222;}
a:hover { color: #007437; text-decoration: none;}
a img { border: 0;}
input::-webkit-input-placeholder{ color: #999;}
input::-moz-placeholder{ color: #999;}
input:-ms-input-placeholder{ color: #999;}
textarea::-webkit-input-placeholder{ color: #bbb;}
textarea::-moz-placeholder{ color: #bbb;}
textarea:-ms-input-placeholder{ color: #bbb;}
@font-face {
font-family: "Montserrat-Bold"; /* Project id 3958162 */
src: url('fonts/manrope-regular.eot'); /* IE9 */
src: url('fonts/manrope-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/manrope-regular.woff2') format('woff2'),
url('fonts/Montserrat-Bold.woff') format('woff'),
url('fonts/Montserrat-Bold.ttf') format('truetype'),
url('fonts/Montserrat-Bold.svg') format('svg');
}
.wrap { padding-top: 109px; overflow: hidden;}
.con { width:81.25%; max-width: 1560px; margin: 0 auto; overflow: hidden;}
.font80 { font-size: 80px;}
.font60 { font-size:60px;}
.font50 { font-size: 50px;}
.font48 { font-size: 48px;}
.font44 { font-size: 44px;}
.font36 { font-size: 36px;}
.font30 { font-size: 30px;}
.font27 { font-size: 27px;}
.font26 { font-size: 26px;}
.font24 { font-size: 24px;}
.font22 { font-size: 22px;}
.font20 { font-size: 20px;}
.font18 { font-size: 18px;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}
@media only screen and (max-width:1920px) {
html,body { font-size: 0.833vw;}
.font80 { font-size: 4.16vw;}
.font60 { font-size: 3.1vw;}
.font50 { font-size: 2.6vw;}
.font48 { font-size: 2.5vw;}
.font44 { font-size: 2.3vw;}
.font36 { font-size: 1.87vw;}
.font30 { font-size: 1.56vw;}
.font27 { font-size: 1.4vw;}
.font26 { font-size: 1.35vw;}
.font24 { font-size: 1.25vw;}
.font22 { font-size: 1.14vw;}
.font20 { font-size: 1.04vw;}
.font18 { font-size: 0.93vw;}
.font16 { font-size: 0.833vw;}
.font14 { font-size: 0.73vw;}
}
@media only screen and (max-width:1643px) {
.font14 { font-size: 12px;}
}
@media only screen and (max-width:1440px) {
.font16 { font-size: 12px;}
}
@media only screen and (max-width:1290px) {
.font18 { font-size: 12px}
}
@media only screen and (max-width:1153px) {
.font20{ font-size: 12px}
}
@media only screen and (max-width:1052px) {
.font22{ font-size: 12px}
}
@media only screen and (max-width:960px) {
.font24{ font-size: 12px}
}
@media only screen and (max-width:889px) {
.font26{ font-size: 12px}
.font27{ font-size: 12px}
}
@media only screen and (max-width:1200px) {
.con { width:98%; }
}
@media only screen and (max-width:828px) {
html,body { font-size: 16px;}
.con { width:auto; margin: 0 1em; }
}
@media only screen and (max-width:420px) {
html,body { font-size: 14px;}
}
@media only screen and (max-width:370px) {
html,body { font-size: 12px;}
}
@media only screen and (max-width:828px) {
.font80 { font-size: 32px;}
.font60 { font-size: 30px;}
.font50 { font-size: 28px;}
.font48 { font-size: 24px;}
.font44 { font-size: 22px;}
.font36 { font-size: 20px;}
.font30 { font-size: 20px;}
.font27 { font-size: 18px;}
.font26 { font-size: 18px;}
.font24 { font-size: 18px;}
.font22 { font-size: 18px;}
.font20 { font-size: 17px;}
.font18 { font-size: 14px;}
.font16 { font-size: 14px;}
.font14 { font-size: 12px;}
.wrap { padding-top:58px;}
}
/*澶撮儴*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;
height:109px; background-color: #fff;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
box-shadow: 0 1px 3px rgba(51, 51, 51, .1);}
.header { margin: 0 auto; height: 100%;}
.header .con {height: 100%; overflow: visible; width: 89.6%;
display: flex; justify-content:space-between; align-items: stretch;}
.header .logo { display: flex; justify-content: center; align-items: center;}
.header .logo img { display: block; height: 72px; width:auto;}
.header .logo img:nth-child(2) { display: none;}
@media only screen and (max-width:1920px) {
.wrap { padding-top: 5.67vw;}
.headerW {height:5.67vw;}
.header .logo img { height:3.75vw;}
}
.header .links { height: 1em;
line-height: 1em; margin-left: 1.8vw; margin-right: 0.9vw;}
.header .links .btnT {vertical-align: middle;
display: inline-block; margin: 0 0.5em; color: #fff;
width: 1.2em; height: 1.2em;
background: center center no-repeat;
background-size:contain ;}
.header .links .btnSearchT { background-image:url(../images/search.png);}
.header .links .btnSearchT:hover { background-image:url(../images/search_green.png);}
.header .links .searchBoxW { display: inline-block; vertical-align: middle;
position: relative; z-index: 100;}
.searchBox { position: absolute; z-index: 10; right: -1em; top: -1em;
width: 420px;
background-color: #fff;
height: 3em;
-moz-border-radius:2.1em; -webkit-border-radius:2.1em; border-radius:2.1em;
-moz-box-shadow: 0 0.4em 1.72em rgba(0, 39, 54, .13);
-webkit-box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
display: none;
}
.searchBox form {height: 100%; display: flex; justify-content: space-between; align-items: center;}
.searchBox form .pics { margin-left: 1.7em; width: 1.227em; height: 1.227em;
background: url(../images/search_3.png) center center no-repeat;
background-size:contain;}
.searchBox form .iw { flex: 1; margin: 0 1.2em 0 2em;}
.searchBox form .iw .input { font-size: 1em; line-height: 3em; height: 3em;
width: 100%; outline-width: 0; border: 0; margin: 0; padding: 0;}
.searchBox form .btnSearch { cursor: pointer; padding: 0 1.8em;
line-height:3em; color: #fff; background-color: #018b35;
outline-width: 0; border: 0;
-moz-border-radius:2.1em; -webkit-border-radius:2.1em; border-radius:2.1em;}
@media only screen and (max-width:828px) {.searchBox { position: absolute; z-index: 10; right: -1em; top: 2em;
width: 300px;}
.searchBox { margin: 0 auto;}
.searchBoxW { font-size: 12px;}
.searchBox form .btnSearch { font-size: 12px;}
}
.header .c-switch { vertical-align: middle; display: inline-block; color: #018b35;
transition: all 0.5s;
-webkit-transition:all 0.5s;
/* margin-top: 5px; */
width: 16px; height:16px;
cursor: pointer; position: relative; z-index: 0;
/* position: absolute; left: 15px; top: 50%; margin-top: -10px; */
}
.header .c-switch i {
position: relative;
display: block;
height: 4px;
background: #018b35;
-webkit-transition: all 0.3s;
transition: all 0.3s;}
.header .c-switch i:nth-child(1) { top: 0;}
.header .c-switch i:nth-child(3) { bottom: 0;}
.header .c-switch i:nth-child(2) { margin: 2px 0; }
.header .c-switch.show i:nth-child(2) { opacity: 0;}
.header .c-switch.show i:nth-child(1) {
top:6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.header .c-switch.show i:nth-child(3) {
bottom: 6px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header .c-switch.show { margin-left: 14px;}
.header .c-switch.show i { background-color: #fff;}
.header .c-switch.show::after { content: "";
display: block; z-index: -1; background-color: #007437;
position: absolute; left: -100%; top: -100%; width: 300%; height: 300%;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
@media only screen and (max-width:828px) {
.header .c-switch {display: inline-block;
width: 28px; height:28px; }
.header .c-switch i { height: 3px;}
.header .c-switch i:nth-child(1) { margin-top: 2px;}
.header .c-switch i:nth-child(2) {margin: 7px 0; }
.header .c-switch.show i:nth-child(1) {top:10px;}
.header .c-switch.show i:nth-child(3) {bottom:10px;}
.header .links a.btnT { font-size: 1.3em;}
.header .links .btnLanT { font-size: 1.2em;}
.header .c-switch.show::after { left: -30%; top: -30%; width: 160%; height: 160%;}
}
@media only screen and (max-width:540px) {
.header .c-switch {
width: 18px;
height:18px;
}
.header .c-switch i { height: 2px;}
.header .c-switch i:nth-child(2) {margin: 4px 0; }
.header .c-switch.show i:nth-child(1) {top:6px;}
.header .c-switch.show i:nth-child(3) {bottom:6px;}
}
@media only screen and (max-width:828px) {
.headerW { height: 40px ;transition: all 0s; padding:2vw 0;}/*height: auto*/
.header { width: 100%; height: 100%; justify-content: space-between;}
.header .con { width: auto;}
.header .logo img { display: block; width: 140px; height: auto; }/*width: 7em*/
.header .links { font-size: 3.6vw; display: flex; justify-content: center; align-items: center;}
.header .links .searchBoxW { margin-right: 0.3em;}
.header .c-switch .iconfont { font-size: 3.6vw;}
}
/*澶撮儴瀵艰埅*/
.navW { display: flex; justify-content: flex-start; align-items: center;}
.nav { height: 100%; }
.nav>ul {height: 100%;
display: flex; justify-content: flex-end; align-items: center;}
.nav>ul>li {
height: 100%;
position: relative;
z-index: 100;
cursor: pointer; padding: 0 1.3vw; text-transform: uppercase;
}
.nav>ul>li.liW { position: static;}
.nav>ul>li:last-child { padding-right: 0;}
.nav>ul>li>a,.nav>ul>li>span {
position: relative;
z-index: 1; height: 100%;
display: flex; justify-content: center; align-items: center; cursor: pointer;
color: #333;
/* transition: all 0.5s;
-webkit-transition:all 0.5s; */
}
.nav>ul>li.cur { font-weight: bold;}
.nav>ul:hover>li.cur { font-weight: normal;}
.nav>ul:hover>li.hover.cur { font-weight: bold;}
.nav>ul>li.cur>a::after,
.nav>ul>li.hover>a::after{ position: absolute; z-index: 10; content: ""; display: block;
height: 2px; width: 100%; left: 0; right: 0; bottom: 0; background-color:#058d7f ;}
.nav>ul:hover>li.cur>a::after {display: none;}
.nav>ul:hover>li.hover.cur>a::after {display: block;}
.headerB .nav>ul>li>a,.headerB .nav>ul>li>span,
.headerC .nav>ul>li>a,.headerC .nav>ul>li>span{ color: #333;}
.nav>ul>li.hover>a { font-weight: bold;}
/* .nav>ul>li.hover>a { color: #058d7f;} */
.nav>ul>li.hover>a { font-weight: bold;}
/* .nav>ul>li.hover>a { color: #058d7f;} */
/* .headerC .nav>ul>li:hover>a,.headerB .nav>ul>li:hover>a { color: #058d7f;} */
.nav .sub_nav {
display: none;
position: absolute;
top: 100%;
left: 50%; margin-left: -4em; width: 8em; text-align: center;
background: rgba(255,255,255); font-size: 0.9em;
-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
box-shadow:0 10px 10px rgba(0, 0, 0, .08);
background-color: #f4f7f7;}
.nav .sub_nav li { line-height: 3em; height: 3em;
overflow: hidden;
border-top:1px solid #eee; }
.nav .sub_nav li a {color: #7d7d7d; padding:0 0.5em; display: block; position: relative; z-index: 0;}
.nav .sub_nav li a:hover { font-weight: bold;color: #213728;}
.nav li.liW .sub_nav { left: 0; margin-left: auto; padding:0; width: auto; right: 0;}
.nav li.liW .sub_nav .con { padding: 2em 0;
display: flex; justify-content: space-between; align-items: flex-start;}
.nav li.liW .sub_nav .con .picb { width: 16.8%;margin-right: 8.3%;}
.nav li.liW .sub_nav .con .pic { position: relative; z-index: 0; width: 100%; padding-top: 79.5%;
background-color: #fff;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.nav li.liW .sub_nav .con .pic img { position: absolute;
left: 22%; top: 22%; width: 56%; height: 56%; object-fit: contain;}
.nav li.liW .sub_nav .con .txtb { width: 74.9%; display: flex; justify-content: flex-start; align-items: flex-start;}
.nav li.liW .sub_nav .con .tab { margin-right: 3.4%; }
.nav li.liW .sub_nav .con .tab .item { margin-bottom: 0.8em; width: 10.2em;
background-color: #fff; border: 1px solid #cccccc; line-height: 2.4em;
-moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em;}
.nav li.liW .sub_nav .con .tab .item.cur { font-weight: bold; color: #fff;
background-color: #007437; border:1px solid #007437;}
.nav li.liW .sub_nav .con .list { flex: 1;text-align: left; width: 100%;}
.nav li.liW .sub_nav .con .list dl { margin-bottom: 3.5%; display: flex; justify-content: flex-start;
align-items: flex-start;}
.nav li.liW .sub_nav .con .list dt { font-weight: bold; color: #333; margin-right: 6%;}
.nav li.liW .sub_nav .con .list dd { flex: 1; color: #666; margin-top: 0.2em;
line-height: 1.2;}
.nav li.liW .sub_nav .con .list dd a {color: #666; margin:0 2.5em 0.5em 0; display: inline-block;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.nav li.liW .sub_nav .con .list dd a span { display: block;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.nav li.liW .sub_nav .con .list dd a:hover { position: relative; z-index: 0; color: #007437;}
.nav li.liW .sub_nav .con .list dd a:hover span {
transform: translate(1em,0);
-ms-transform: translate(1em,0); /* IE 9 */
-webkit-transform: translate(1em,0); /* Safari and Chrome */
}
.nav li.liW .sub_nav .con .list dd a:hover::before { content: ""; display: block;
position: absolute; left: 0; top: 0; height: 1.2em; width: 1px; background-color: #007437;}
.nav li.liW .sub_nav .con .conNZ { flex: 1;}
.nav li.liW .sub_nav .con .conN { display: none;}
.nav li.liW .sub_nav .con .conN.show { display: flex; justify-content: flex-start; align-items: flex-start;}
.sub_nav_list { width: 100%; display: flex; justify-content: flex-end; }
.sub_nav_list a {color: #666; margin:0 3em 0.5em 0; display: inline-block;}/*margin:0 3.5em 0.5em 0;*/
.sub_nav_list a span { display: block;transition: all 0.5s;
-webkit-transition:all 0.5s;}
.sub_nav_list a:hover { position: relative; z-index: 0; color: #007437; font-weight: bold;}
.sub_nav_list a:hover span {
transform: translate(1em,0);
-ms-transform: translate(1em,0); /* IE 9 */
-webkit-transform: translate(1em,0); /* Safari and Chrome */
}
.sub_nav_list a:hover::before { content: ""; display: block;
position: absolute; left: 0; top: 0.25em; height: 1.2em; width: 1px; background-color: #007437;}
.popupNav { display: none; position: fixed; z-index: 400;
left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6);
}
.popupCon { overflow: hidden; position: relative; z-index: 0; height: 100vh;
width: 100%; margin: 0 auto 0 0;
background: #fff ;
display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.popupCon .navM {flex: 1; display: block;}
.navM { top: 0; margin-top: 109px; margin-bottom:2em;
overflow-y: auto;
line-height: 1.5;
text-align: left;
overflow-y: auto; position: relative; z-index: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a8f3c+0,0e9084+100 */
background: linear-gradient(to right, rgba(10,143,60,1) 0%,rgba(14,144,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (max-width: 1920px){
.navM {margin-top: 5.67vw;}
}
.navM .con { position: relative; z-index: 0; width: 89.6%;}
.navM .con>ul {font-size: 1em; width: 100%; margin: 0 auto; position: relative; margin-top: 10%;
display: flex; justify-content: space-around; align-items: flex-start; }
.navM .con>ul>li { padding: 0 1em; flex: 1; }
.navM .con>ul>li:first-child { flex: 2;}
.navM .title { font-weight: bold; font-size:1.33em;}
.navM .title a {color: #fff;}
.navM .title a:hover {color: rgba(255,255,255,0.8);}
.navM a {color: #eaeaea; }
.navM .con>ul>li li { line-height: 2;}
.navM a:hover { color: #fff; }
.navM li .title { display: flex; justify-content: space-between; align-items: center;padding: 0 0 1em;}
.navM li .sub_nav_z { margin-top: 0.2em; display: flex; justify-content: flex-start; align-items: flex-start;}
.navM li .sub_nav_z .sub_nav_s { width: 49%; margin-right: 1%;}
.navM li .sub_nav_z .sub_nav_s .title { font-size: 1em;}
/* .navM li .arrow { display: none;
height: 1em;
width: 1em;
background: url(../images/arr.svg) center center no-repeat;
background-size: 0.8em auto;
} */
/* .navM li.show .arrow {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
} */
@media only screen and (max-width:828px) {
.navW .nav { display: none !important;}
.navM { margin-top: 14%;
padding: 0 0.6em 0;
overflow-y: auto;
font-size: 14px;
line-height: 3.2;
text-align: left;
overflow-y: auto;
}
.navM .con>ul { display: block; width: 100%; font-size: 16px;}
.navM .con>ul>li { padding: 0;}
.navM li { text-transform: uppercase;
border-top: 1px solid rgba(255,255,255,0.5);
position: relative; z-index: 0; }
.navM li:first-child {border-top: 0; }
.navM .title { font-size: 1.1em;}
.navM li .sub_nav_z { height: 0; overflow: hidden;}
.navM ul ul { position: static;
height: 0;
overflow: hidden;
transition: height 2s; font-size: 12px; line-height: 3.4em;
}
.navM ul ul li { border-top:0 ;}
.navM ul ul li a { font-size: 14px;
text-indent: 1em; border-top:0 ;
}
.navM a {display: block; }
.navM li .title { display: flex; justify-content: space-between; align-items: center;
padding: 0;}
.navM li .arrow {display: block;
height:1em;
width: 1em;
background: url(../images/arr.svg) center center no-repeat;
background-size:1em auto;
}
.navM li dd { padding-left: 1.5em;}
.navM li.show .arrow {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.navM ul .sub_nav_s .sub_nav { height: auto;}
.navM li.show>.sub_nav { padding: 0.9em 0;
height: auto;border-top: 1px solid rgba(255,255,255,0.3);
}
.navM li.show ul .sub_nav_p { padding-left: 2em; display: flex; justify-content: flex-start;
align-items: stretch;flex-wrap: wrap; text-align: center; line-height: 1.2; padding-bottom: 1.2em;}
.navM li.show ul .sub_nav_p a {text-indent: 0;}
.navM li.show ul .sub_nav_p li { padding-top: 1em; width: 32%; margin-right: 2%;}
.navM li.show ul .sub_nav_p li:nth-child(2n) { margin-right: 0;}
.navM li.show ul .sub_nav_p .pic { display: block; position: relative; z-index: 0;
padding-top:70%; width: 70%; margin: 0 auto 0.5em; }
.navM li.show ul .sub_nav_p .pic img { position: absolute;
width: 100%; height: 100%; left: 0; top: 0; object-fit: contain;}
}
.banner_de { position: relative; z-index: 0;}
.banner_de img {position: relative; z-index: 0; display: block; width: 100%; height: 886px; object-fit: cover;}
.banner_de .txtb { position: absolute; z-index: 1;
left: 5.2%; top: 6.7vw; bottom: 6.7vw; right: 0; right: 5.2%;
display: flex; justify-content: center; align-items: center;}
.banner_de .txtb .txt { width: 51%; margin: 0 auto 0 0; text-align: left;
font-weight: lighter; color: rgba(255,255,255,0.9); }
.banner_de .txtb .txt .name {font-size: 72px; line-height: 1.3;}
.banner_de .txtb .txt .intro { margin-top: 0.7em; line-height: 1.5; font-size: 24px; max-height: 4.5em;
overflow: hidden;}
@media only screen and (max-width:1920px) {
.banner_de img { height: auto; }
.banner_de .txtb .txt .name { font-size: 3.75vw;}
.banner_de .txtb .txt .intro { font-size: 1.25vw;}
}
/*banner*/
.topPicBox { position: relative; z-index: 0;
height: 26vw; width: 100%;overflow: hidden;
display: flex; justify-content: center; align-items: center; }
.topPicBox img {position: absolute; z-index: 0;
display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;
left: 0; top: 0;}
.topPicBox .txtb { position: relative; z-index: 1; width: 100%; color: #fff; }
.topPicBox .txtb .name { margin-top: 1.2%; font-weight: bold;}
@media only screen and (max-width:828px) {
.topPicBox { height: 52vw;}
}
.posiBox .subNav { margin-top: 2.5%; }
.posiBox .subNav ul { display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.posiBox .subNav li { margin:0 0.8em; }
.posiBox .subNav a {display: block; color: #333;}
.posiBox .subNav a:hover { color: #007437; text-decoration: none;}
.posiBox .subNav li.cur a {color: #007437; font-weight: bold;}
.posiBox .subNav a::before { vertical-align: middle;
position: relative; top: -0.1em;
display: inline-block; height: 0.2em;
width: 0.2em; background-color: #666; content: ""; margin-right: 0.6em;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */}
.posiBox .subNav a::after { vertical-align: middle;
position: relative; top: -0.1em; display: inline-block; height: 0.2em;
width: 0.2em; background-color: #666; content: ""; margin-left: 0.6em;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */}
.position { background-color: #f8f8f8;
text-align: left; color: #666; padding: 3.5em 0 1.4em; line-height: 2.75em;}
.position .con { position: relative; z-index: 0; padding-left: 3em;}
.position .icon { }
.position a {display: inline-block; color: #555;}
.position a:hover {color: #007437;}
.position span {display: inline-block; }
.position .arrow { display: inline-block; margin: 0 0.5em; font-family: "瀹嬩綋";}
.position .icon { width: 2.57em; height: 2.57em;
position: absolute; left: 0; top: 0;
margin-right: 0.5em;
display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;}
@media only screen and (max-width:828px) {
.posiBox .subNav { margin-top: 1.5em; }
.posiBox .subNav li { margin:0 0.8em; }
}
.moreBtn { padding: 0 2.3em; margin: 0 auto; background-color: #ee352a;
line-height: 2.9; color: #fff; border: 1px solid #ee352a; display: inline-block;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
.moreBtn:hover {color: #ee352a; background-color: #fff; }
.dataBox ul { margin-top: 5.7%; display: flex; flex-wrap: wrap;
justify-content: space-between; align-items: center;
}
.dataBox ul li { position: relative; z-index: 0; width: 22.5%; display: flex;
justify-content: space-between; align-items: center;}
.dataBox .txtb { text-align: left; flex: 1; margin-right: 1;}
.dataBox .txtb .num { margin-bottom: 0.3em; color: #ee352a; line-height: 1.2;}
.dataBox .txtb .num span { font-weight: bold; display: inline-block; margin-right: 0.2em;}
.dataBox .pics { margin-right: 10.1%;}
.dataBox .pics img { width: 2.25em; height: 2.25em; object-fit: contain;}
.dataBox ul li::after { content: ""; display: block; background-color: #ddd;
position: absolute; right: 0; top: 50%; height: 3.6em; width: 1px; margin-top: -1.8em;
}
@media only screen and (max-width:828px) {
.dataBox ul li { width: 47.5%;}
.dataBox ul li:nth-child(3),
.dataBox ul li:nth-child(4) {
margin-top: 5%;
}
}
/*搴曢儴*/
.footer { color: #fff;text-align: left; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#018b35+0,058d7f+100 */
background: linear-gradient(to right, rgba(1,139,53,1) 0%,rgba(5,141,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer .footerBot { padding: 0 0 1.4em; text-align: left; }/*padding: 1.6em 0 2.4em; text-align: center; border-top: 1px solid rgba(255,255,255,0.22);*/
.footer .fInfo { display: flex; justify-content: space-between; align-items: flex-start;
padding: 3.7em 0 2.1em; }/*padding: 3.7em 0 3.1em;*/
.footer .fnav { width: 56.5%; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .fnav dl { width: 18%; margin-right: 2%;}
.footer .fnav dl:last-child { margin-right: 0;}
@media only screen and (max-width:1450px) {
.footer .fnav dl { width: 31.3%;}
}
@media only screen and (max-width:828px) {
.footer .fInfo { padding-top: 2em;}
.footer .fnav { display: none; width: 100%; text-align: center;}
.footer .fnav dl { margin-top: 2em; width: 48%;}
.foot-menu{display: none;}
}
.footer .fAdd { text-align: left; line-height: 1.7;}/*text-align: center;margin: 0 2.8%;*/
.footer .fAdd .tel { font-size: 1.3em;}
.footer .fAdd .picTel { margin: 0 auto 1.1em; width: 2.21em; height: 2.21em;
background: url(../images/tel.png) center center no-repeat;
background-size:contain;}
.footer .qrcode { text-align: center; line-height: 2; font-size: 12px;}
.footer .qrcode ul {display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .qrcode li { margin: 0 2px;}
.footer .qrcode img { margin: 0 0.5em 0.3em; width: 90px; height: auto; display: block;}/*margin: 0 auto 0.3em; width: 120px;*/
.footer a { color: #fff;}
.footer a:hover { color: rgba(255,255,255,0.8);}
@media only screen and (max-width:828px) {
.footer .fInfo { display: block;}
.footer .fAdd { margin-top: 2em;}
.footer .qrcode { margin-top: 2em;}
.footer .qrcode ul { justify-content: left; align-items: flex-start;}/*justify-content: center;*/
.footer .copyRight span{ display: block;}
.footer .qrcode img { margin: 0 0.5em 0.3em; width: 70px; height: auto; display: block;}
}
.page { margin-top: 3.6em;
text-align: center;
color: #757575;
line-height: 2.6;
}
@media only screen and (max-width:828px) {
.page { margin-top: 3em; font-size: 12px;}
}
.page a,.page .cur { border: 1px solid #ccc;
display: inline-block;
color: #757575;
padding: 0.1em 0 0; width: 2.7em;
margin: 0.4em 0.35em 0;
}
.page a:hover,.page .cur {display: inline-block;
border: 1px solid #007437;
color: #007437;
}
.page .dot {
display: inline-block;
padding: 0 0.55em;
}
.page .cur,.page .cur:hover {
display: inline-block;
background-color: #007437 ; border: 1px solid #007437;
color: #fff; font-weight: bold;
}
.page .prev {
display: inline-block;font-family: "瀹嬩綋";
}
.page .next {
display: inline-block;font-family: "瀹嬩綋";
}
.btnMore { display: inline-block; cursor: pointer; color: #666; padding-right: 3.75em;
background-size:2.5em auto ;}/*background: url(../images/arr2_green.png) right center no-repeat;*/
.btnMore:hover { color: #058d7f;}
.btnOrg { display: inline-block; cursor: pointer; color: #fff; line-height: 3.25;
background-color: #fc5b00; padding: 0 2.5em;
-moz-border-radius:1.7em; -webkit-border-radius:1.7em; border-radius:1.7em;}
.btn { display: inline-block; cursor: pointer; color: #fff; line-height: 3.1;
padding: 0 1.75em 0 2.1em; border: 1px solid #fff;
-moz-border-radius:1.7em; -webkit-border-radius:1.7em; border-radius:1.7em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btn:hover {background-color: #018b35; color: #fff;}
.btn::after { content: ""; display: inline-block; width: 1em; height: 1em;
background: url(../images/arr3_white.png) center center no-repeat;
background-size:contain; margin-left: 0.7em; position: relative; top: 0.2em;}
.newDBox { padding: 55px 0 95px;}
.newDBox .title { font-weight: normal;}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ;}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 1.9; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}
@media only screen and (max-width:828px) {
.newDBox .title { font-weight: bold; font-size: 20px;}
}
.pageTurn {
margin-top: 70px; border-bottom: 1px solid #d9d9d9;}
.pageTurn ul {display: flex; justify-content: space-between; align-items: center;}
.pageTurn li { margin: 1.2em 0; text-align: left; width: 45%; height: 1.5em;
line-height: 1.5em; overflow: hidden; color: #707070;}
.pageTurn li:nth-child(2) { text-align: right;}
.pageTurn li a {color: #707070;}
.pageTurn li a:hover { color: #003f97;}
@media only screen and (max-width:828px) {
.pageTurn ul { display: block;}
.pageTurn li { width: 100%;}
.pageTurn li:nth-child(2) { text-align: left;}
}
/*10-5*/
i, em{
font-style:inherit;
}
.foot-tel i{
font-size: 16px;
line-height: 32px;
}
.foot-tel b{
font-size: 30px;
line-height: 36px;
display: block;
}
.foot-tel a{
width: 110px;
font-size: 14px;
line-height: 32px;
height: 32px;
border-radius: 3px;
display: block;
color: #FFFFFF;
text-align: center;
background:#007437 url(../images/foot_rel.png) 13px center no-repeat;
margin-top: 16px;
}
.foot-tel a span{
margin-right: -28px;
}
@media only screen and (max-width:828px) {
.foot-tel{float: left;width: 45%;}
.foot-tel b{font-size: 18px;}
.foot-id{width: 100%;float: right;margin-bottom: 10px;}
.foot-rwm{width: 50%;float: left;}
}
.foot-id{
margin-top: 18px;
}
.foot-id i{
font-size: 16px;
line-height: 28px;
}
.foot-id p{
font-size: 14px;
line-height: 24px;
}
.foot-rwm{
margin-top: 25px;
}
.foot-rwm img{
height: 90px;
}
.foot-menu{
float: right;
width: 68%;
}
.foot-menu ul li{
float: left;
width: 14.28%;
line-height: 36px;
}
.foot-menu ul li i{
color: #FFFFFF;
font-size: 16px;
}
.foot-menu ul li a{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
.foot-menu ul li ul li{
width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
max-height: 28px;
}
.foot-menu ul li ul{
}
.foot-menu ul li ul li a{
color: #FFFFFF;
font-size: 12px;
font-weight: initial;
}
.foot-menu ul li ul li a:hover{
color: #fff;
}
.foot-cpy{
color: #FFFFFF;
font-size: 12px;
margin-top: 48px;
}
.con-cpy{
float: left;
}
.conjszc{
float: right;
}
.con-cpy a{
color: #FFFFFF;
}
.con-cpy a:hover{
color: #FFFFFF;
}
.foot-link{
background: #191c1a;
font-size: 12px;
color: #858585;
}
.foot-link .container{
padding: 15px 0;
border-top: 1px solid #474948;
}
.foot-link i{
color: #858585;
}
.foot-link a{
color: #858585;
}
.foot-link a:hover{
color: #FFFFFF;
}
/*--serverBar--*/
.serverBar{display:block;position:fixed;z-index:99999999;top: 250px;right: 10px;}
.serverBar li{position:relative;margin-bottom: 5px;}
.serverBar li a{display:block;padding: 5px 5px;width: 48px;height: 48px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:12px;}
.serverBar li:hover a{color:#fff !important;background:rgba(0,116,50,1);;border-color: rgba(0,116,50,1);}
.serverBar li .infos{display:none;position:absolute;left: -166px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{font-size:14px;color:#666;}
.serverBar li .tel dd{padding-top:4px;font-size:20px;color: #006633;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .QRcode{bottom:0;overflow:hidden;left:-152px;}
.serverBar li .QRcode .item{overflow:hidden;float: left;margin: 0 5px;width: 120px;}
.serverBar li .QRcode .item i{display:block;margin:0 auto;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}
.serverBar a .icon{
margin-top: 4px;
display: inline-block;
width: 20px;
height: 20px;
background: url(../images/r_icon.png) center center no-repeat;
}
.serverBar a:hover .icon{
background: url(../images/r_icon_a.png) center center no-repeat;
}
.serverBar a .icon.con,.serverBar a:hover .icon.con{
background-position: 0 0;
}
.serverBar a .icon.tel,.serverBar a:hover .icon.tel{
background-position: -20px 0;
}
.serverBar a .icon.vr,.serverBar a:hover .icon.vr{
background-position: -40px 0;
}
.serverBar a .icon.wx,.serverBar a:hover .icon.wx{
background-position: -60px 0;
}
.serverBar a .icon.top,.serverBar a:hover .icon.top{
background-position: -80px 0;
}
#gotop{
display: none;
}
@media(max-width:768px){
.serverBar{top: 55%;}
.serverBar li{display:none;}
.serverBar li:hover .tel{display:none !important;}
.serverBar li:first-child,.serverBar li#backTop{display:block;}
.serverBar li a{display:block;padding: 4px 4px;width: 42px;height: 42px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar a .icon{
margin-top: 0;
}
}
/*--end serverBar--*/