*{margin: 0;padding: 0;list-style: none;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea /* for ie */ {font:12px "微软雅黑","宋体","Arial Narrow",HELVETICA, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; color:#333 }
a:hover { text-decoration: underline; color:#d91213 }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
@font-face {
    font-family: 'kuleishuzi';
    src:url(../font/shuzi.eot);
    src: url('../font/shuzi.eot?#iefix') format('embedded-opentype'),
	 url('../font/shuzi.woff') format('woff'),
	 url('../font/shuzi.woff2') format('woff2'),
	 url('../font/shuzi.ttf') format('truetype'),
	 url('../font/shuzi.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'yingwen';
    src:url(../font/yingwen.eot);
    src: url('../font/yingwen.eot?#iefix') format('embedded-opentype'),
	 url('../font/yingwen.woff') format('woff'),
	 url('../font/yingwen.woff2') format('woff2'),
	 url('../font/yingwen.ttf') format('truetype'),
	 url('../font/yingwen.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
  }
table { border-collapse: collapse; border-spacing: 0; }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body {background:#fff !important; font-family:kuleishuzi !important;}
em{font-style:normal}
li{list-style:none}
img {transition: all 0.3s linear 0s;}
img:hover {transition: all 0.3s linear 0s;}
a {color:#333; transition: all 0.3s linear 0s;}
a:hover {color:#c01a20; transition: all 0.3s linear 0s;}
span {font-family:jishi 微软雅黑 !important}
input {outline:0 !important;}
select {outline:0 !important;}
textarea,button {outline:0 !important;}
span {font-family:kuleishuzi !important;}



header {width:100%; height:80px; background:url(../images/tm.png); position:fixed; top:0px; left:0px; z-index:99999999999}
header div.m {width:96%; height:80px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
header div.m div.logo {width:164px; height:53px;}
header div.m div.logo img {width:164px; height:53px; display:block}
header div.m div.nav {width:90%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center}
header div.m div.nav div.l {width:80%; text-align:left; height:80px;}
header div.m div.nav div.l ul {width:100%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center}
header div.m div.nav div.l ul li {width:auto; height:80px; padding-left:2%; padding-right:2%; display:block; position:relative}
header div.m div.nav div.l ul li a {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#FFF; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header div.m div.nav div.l ul li a:hover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#788a4d; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header div.m div.nav div.l ul li a.ahover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#ed9e06; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}

header div.m div.nav div.l ul li p {width:220px; overflow:hidden; height:0px; display:block; position:absolute; top:80px; left:0px; z-index:99999; background:url(../images/b_tm.png); padding-top:0px; padding-bottom:0px;}
header div.m div.nav div.l ul li p a.zcd {width:auto; overflow:hidden; height:auto; line-height:35px; font-size:16px; color:#fff; display:block; text-align:center}

header div.m div.nav div.l ul li:hover {width:auto; height:80px; padding-left:2%; padding-right:2%; display:block; position:relative; background:url(../images/b_tm.png)}
header div.m div.nav div.l ul li:hover a {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#FFF; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header div.m div.nav div.l ul li:hover a:hover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#fff; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header div.m div.nav div.l ul li:hover p {width:220px; overflow:hidden; height:auto; display:block; position:absolute; top:80px; left:0px; z-index:99999; background:url(../images/b_tm.png); padding-top:15px; padding-bottom:15px;}
header div.m div.nav div.l ul li:hover p a.zcd {width:auto; overflow:hidden; height:auto; line-height:35px; font-size:16px; color:#fff; display:block; text-align:center}


header div.m div.nav span {width:1px; background:#eee; height:13px; display:block; margin-left:30px; margin-right:30px;}
header div.m div.nav dl {width:auto; height:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center}
header div.m div.nav dl dt {width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; color:#FFF; margin-left:10px; cursor:pointer; position:relative}
header div.m div.nav dl dt p {width:80px; overflow:hidden; height:0px; display:block; position:absolute; top:25px; left:50%; margin-left:-40px; padding-top:0px; padding-bottom:0px; background:#FFF;}
header div.m div.nav dl dt p a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#333; display:block}

header div.m div.nav dl dt:hover {width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; color:#FFF; margin-left:10px; cursor:pointer; position:relative}
header div.m div.nav dl dt:hover p {width:80px; overflow:hidden; height:auto; display:block; position:absolute; top:25px; left:50%; margin-left:-40px; padding-top:15px; padding-bottom:15px; background:#FFF;}
header div.m div.nav dl dt:hover p a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#333; display:block}
header div.m div.nav dl dt a {width:20px; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:20px; color:#FFF;}
header div.m div.nav dl dt a:hover {width:20px; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:20px; color:#FFF; text-decoration:none}

header div.m div.nav div.return {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:16px;}
header div.m div.nav div.return a {width:100%; overflow:hidden; height:40px; display:block; text-align:center; line-height:40px; font-size:16px; color:#FFF; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
header div.m div.nav div.return a i {width:30px; overflow:hidden; height:40px; display:block; text-align:left; line-height:40px; color:#FFF; font-size:20px;}


/*顶部导航白色*/
header.white {width:100%; height:80px; background:url(../images/tm_bs.png); position:fixed; top:0px; left:0px; z-index:99999999999}
header.white div.m {width:96%; height:80px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
header.white div.m div.logo {width:164px; height:53px;}
header.white div.m div.logo img {width:164px; height:53px; display:block}
header.white div.m div.nav {width:90%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center}
header.white div.m div.nav div.l {width:80%; text-align:left; height:80px;}
header.white div.m div.nav div.l ul {width:100%; height:80px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center}
header.white div.m div.nav div.l ul li {width:auto; height:80px; padding-left:2%; padding-right:2%; display:block; position:relative}
header.white div.m div.nav div.l ul li a {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#333; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header.white div.m div.nav div.l ul li a:hover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#788a4d; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header.white div.m div.nav div.l ul li a.ahover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#788a4d; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}

header.white div.m div.nav div.l ul li p {width:220px; overflow:hidden; height:0px; display:block; position:absolute; top:80px; left:0px; z-index:99999; background:url(../images/b_tm.png); padding-top:0px; padding-bottom:0px;}
header.white div.m div.nav div.l ul li p a.zcd {width:auto; overflow:hidden; height:auto; line-height:35px; font-size:16px; color:#fff; display:block; text-align:center}

header.white div.m div.nav div.l ul li:hover {width:auto; height:80px; padding-left:2%; padding-right:2%; display:block; position:relative; background:url(../images/b_tm.png)}
header.white div.m div.nav div.l ul li:hover a {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#FFF; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header.white div.m div.nav div.l ul li:hover a:hover {width:100%; height:80px; line-height:22px; display:block; font-size:16px; color:#fff; font-family:kuleishuzi !important; text-align:center; display:flex; display: -webkit-flex; align-items:center; align-content:center}
header.white div.m div.nav div.l ul li:hover p {width:220px; overflow:hidden; height:auto; display:block; position:absolute; top:80px; left:0px; z-index:99999; background:url(../images/b_tm.png); padding-top:15px; padding-bottom:15px;}
header.white div.m div.nav div.l ul li:hover p a.zcd {width:auto; overflow:hidden; height:auto; line-height:35px; font-size:16px; color:#fff; display:block; text-align:center}


header.white div.m div.nav span {width:1px; background:#333; height:13px; display:block; margin-left:30px; margin-right:30px;}
header.white div.m div.nav dl {width:auto; height:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center}
header.white div.m div.nav dl dt {width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; color:#333; margin-left:10px; cursor:pointer; position:relative}
header.white div.m div.nav dl dt p {width:80px; overflow:hidden; height:0px; display:block; position:absolute; top:25px; left:50%; margin-left:-40px; padding-top:0px; padding-bottom:0px; background:#FFF;}
header.white div.m div.nav dl dt p a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#333; display:block}

header.white div.m div.nav dl dt:hover {width:20px; height:20px; text-align:center; line-height:20px; font-size:20px; color:#788a4d; margin-left:10px; cursor:pointer; position:relative}
header.white div.m div.nav dl dt:hover p {width:80px; overflow:hidden; height:auto; display:block; position:absolute; top:25px; left:50%; margin-left:-40px; padding-top:15px; padding-bottom:15px; background:#FFF;}
header.white div.m div.nav dl dt:hover p a.yy {width:100%; overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#333; display:block}
header.white div.m div.nav dl dt a {width:20px; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:20px; color:#333;}
header.white div.m div.nav dl dt a:hover {width:20px; overflow:hidden; height:20px; display:block; text-align:center; line-height:20px; font-size:20px; color:#788a4d; text-decoration:none}

header.white div.m div.nav div.return {width:auto; overflow:hidden; height:40px; text-align:center; line-height:40px; font-size:16px;}
header.white div.m div.nav div.return a {width:100%; overflow:hidden; height:40px; display:block; text-align:center; line-height:40px; font-size:16px; color:#333; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
header.white div.m div.nav div.return a i {width:30px; overflow:hidden; height:40px; display:block; text-align:left; line-height:40px; color:#333; font-size:20px;}
/*顶部导航白色结束*/

main {width:100%; overflow:hidden; height:auto;}

/*首页顶部三张图*/
.w-accor {overflow: hidden; position: relative; font-family:kuleishuzi !important;}
.w-accor ul, .w-accor li {padding: 0; margin: 0; list-style: none;}
.w-accor ul {width: 101%;}
.w-accor li {position: relative; overflow: hidden; float: left;}
.w-accor li .item {position: relative;}
.w-accor li>a {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.w-accor h3 {font-size: 125%; margin: 0; padding: 0; font-weight: 400;}
.w-accor .acr_p {margin-top: .5em;}
.w-accor5 li img {max-width: 100%;}
.w-accor5 li .img_ar>img {height: 100vh;}
.w-accor5 li .cont_ar {color: #fff;position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
.w-accor5 li .cont_ar:before {content: "";position: absolute;left: 0;height: 100%;bottom: 0;right: 0;background: #000;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition: all .5s;-webkit-transition: all .5s;}
.w-accor5 li h3 {width: 100%;text-align: center;line-height: 1.5;position: absolute;z-index: 1;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;}
:root .w-accor5 li h3 {top: 50%;font-size: 30px;padding: 0 50px;}
.w-accor5 li .acr_p {line-height: 1.5;height: 4.4em;height: 200px;overflow: hidden;position: absolute;left: 1em;right: 1em;top: 40%;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform: translateX(100%);-webkit-transform: translateX(100%);transition: all .5s;-webkit-transition: all .5s;font-size: 20px;padding: 0 100px;}
.w-accor5 li .i_img {position: absolute;height: 100px;line-height: 100px;top: 30%;margin-top: -50px;left: 1em;right: 1em;opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform: scale(0);-webkit-transform: scale(0);transition: all .5s;-webkit-transition: all .5s;padding: 0 90px;font-size: 30px;color: #fff;}
.w-accor5 li .i_img img {max-width: 100%;max-height: 100%;}



.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:100%; position:relative}
@media screen and (max-width: 1500px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:110%; position:relative}}
@media screen and (max-width: 1400px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:120%; position:relative}}
@media screen and (max-width: 1300px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:140%; position:relative}}
@media screen and (max-width: 1100px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:160%; position:relative}}
@media screen and (max-width: 1000px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:160%; position:relative}}
@media screen and (max-width: 900px) {.kouhao {width:100%; overflow:hidden; height:100vh; background:url(../images/kouhao_banner.jpg) center no-repeat; background-size:170%; position:relative}}

.kouhao em {width:100%; overflow:hidden; height:100%; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:1}

.kouhao h1 {width:90%; overflow:hidden; margin:0px auto; color:#FFF; font-size:46px; line-height:80px; text-align:center; font-family:yingwen !important; position:relative; z-index:100; margin-top:9%}
.kouhao div.m {width:100%; overflow:hidden; margin:0px auto; position:relative; z-index:100; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-top:5%}
.kouhao div.m dl {width:16.6666666666%;}
.kouhao div.m dl dt {width:100px; overflow:hidden; height:100px; display:block; margin:0px auto; border:2px solid #FFF; border-radius:100px; text-align:center; line-height:100px; font-size:60px; color:#FFF}
.kouhao div.m dl dd {width:260px; overflow:hidden; margin:0px auto; display:block; font-size:18px; color:#FFF; text-align:center; line-height:24px; padding-top:15px;}
.kouhao div.m dl dd p {width:100%; overflow:hidden; display:block; text-align:center; font-family:yingwen !important; font-size:60px; line-height:100px;}
.kouhao div.m dl dd p span {width:auto; overflow:hidden; font-size:26px; display:inline-block; vertical-align:text-top; height:auto; line-height:50px; padding-left:10px;}
.kouhao div.m dl dd p b {width:auto; overflow:hidden; font-size:18px; display:inline-block; vertical-align:text-top; height:auto; line-height:100px; padding-left:10px; font-weight:normal; font-family:kuleishuzi !important}


.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:100%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
@media screen and (max-width: 1500px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:110%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}
@media screen and (max-width: 1400px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:120%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}
@media screen and (max-width: 1300px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:140%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}
@media screen and (max-width: 1100px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:160%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}
@media screen and (max-width: 1000px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:160%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}
@media screen and (max-width: 900px) {.indexProduct {width:100%; overflow:hidden; height:100vh; background:url(../images/cp_bg.jpg) center bottom no-repeat; background-size:170%; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center;}}

.indexProduct div.m {width:100%; overflow:hidden; height:70vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
.indexProduct div.m div.l {width:35%; overflow:hidden; padding-left:4%}
.indexProduct div.m div.l h1 {width:80%; overflow:hidden; text-align:left; line-height:40px; font-size:44px; color:#000; font-weight:bold; font-family:kuleishuzi !important}
.indexProduct div.m div.l h2 {width:80%; overflow:hidden; padding-top:5%; text-align:left; font-size:20px; color:#666; font-weight:normal}

.indexProduct div.m div.r {width:60%;}
.indexProduct div.m div.r ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
.indexProduct div.m div.r ul li {width:31%; overflow:hidden; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.indexProduct div.m div.r ul li:hover {width:31%; overflow:hidden; -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.3s linear 0s; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}
.indexProduct div.m div.r ul li a {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.indexProduct div.m div.r ul li a img {width:100%; overflow:hidden; height:auto; display:block}
.indexProduct div.m div.r ul li a h3 {width:100%; overflow:hidden; height:100%; padding:5%; text-align:left; line-height:35px; font-size:20px; color:#FFF; font-weight:normal; background:url(../images/tit_bg.png) top repeat-x; position:absolute; top:0px; left:0px; z-index:999}


.indexnews {width:94%; margin:0px auto; height:100vh; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center}
.indexnews div.tit {width:100%; overflow:hidden; padding-bottom:30px; border-bottom:1px solid #f0f0f0; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
.indexnews div.tit h1 {width:40%; overflow:hidden; text-align:left; line-height:60px; font-size:48px; color:#000; font-family:微软雅黑}
.indexnews div.tit div.zfl {width:60%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center}
.indexnews div.tit div.zfl a {width:auto; overflow:hidden; display:block; line-height:60px; font-size:18px; color:#787878; padding-left:3%; padding-right:3%}
.indexnews div.tit div.zfl a:hover {width:auto; overflow:hidden; display:block; line-height:60px; font-size:18px; color:#788a4d; padding-left:3%; padding-right:3%}
.indexnews div.tit div.zfl a.ahover {width:auto; overflow:hidden; display:block; line-height:60px; font-size:18px; color:#788a4d; padding-left:3%; padding-right:3%}

.indexnews div.sub {width:100%; margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center}
.indexnews div.sub div.l {width:45%;}
.indexnews div.sub div.l a {width:100%; overflow:hidden; height:auto; display:block; position:relative; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.indexnews div.sub div.l a:hover {width:100%; overflow:hidden; height:auto; display:block; position:relative; -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -transform: scale(1.02,1.02); transition: all 0.3s linear 0s; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}
.indexnews div.sub div.l a img {width:100%; overflow:hidden; height:auto; display:block}
.indexnews div.sub div.l a h3 {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; padding:6%; position:absolute; left:0px; bottom:0px; z-index:999; color:#FFF; font-size:30px; background:url(../images/newtit_bg.png) bottom repeat-x}
.indexnews div.sub div.l a p {width:100%; overflow:hidden; font-size:20px; font-weight:normal; margin-top:20px; display:block; line-height:25px;}

.indexnews div.sub div.r {width:50%;}
.indexnews div.sub div.r dl {width:100%; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #f0f0f0; margin-bottom:25px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
.indexnews div.sub div.r dl dt {width:80%; overflow:hidden;}
.indexnews div.sub div.r dl dt a {width:100%; overflow:hidden; height:auto; display:block;}
.indexnews div.sub div.r dl dt a:hover {width:100%; overflow:hidden; height:auto; display:block; text-align:left; font-size:24px; color:#758354; text-decoration:none}
.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.indexnews div.sub div.r dl dd {width:auto; overflow:hidden; border:1px solid #efefef;}
.indexnews div.sub div.r dl dd span {width:100%; overflow:hidden; height:40px; text-align:center; line-height:40px; display:block; font-size:32px; color:#686868; display:block; font-weight:bold; font-family:yingwen !important}
.indexnews div.sub div.r dl dd p {width:100%; overflow:hidden; height:40px; text-align:center; line-height:40px; display:block; font-size:16px; color:#424242; background:#efefef; display:block;}
.indexnews div.sub div.r dl dd p b {width:auto; display:block; font-weight:normal; padding-left:20px; padding-right:20px;}


@media screen and (max-width: 1500px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}
@media screen and (max-width: 1400px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}
@media screen and (max-width: 1300px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}
@media screen and (max-width: 1100px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}
@media screen and (max-width: 1000px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}
@media screen and (max-width: 900px) {.indexnews div.sub div.r dl dt a span {width:100%; overflow:hidden; display:block; text-align:left; font-size:24px; color:#000; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.indexnews div.sub div.r dl dt a p {width:100%; overflow:hidden; font-size:19px; font-weight:normal; margin-top:17px; display:block; line-height:25px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}}


/*footer*/
footer {width:100%; overflow:hidden; background:#252525; padding-top:30px; padding-bottom:30px;}
footer div.t {width:90%; overflow:hidden; margin:0px auto; border-bottom:1px solid #343434; padding-bottom:15px; margin-bottom:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
footer div.t div.l {width:30%; overflow:hidden}
footer div.t div.l p {width:100%; overflow:hidden; text-align:left; line-height:25px; font-size:16px; color:#FFF; display:block}
footer div.t div.l div.share {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; margin-top:20px;}
footer div.t div.l div.share a {width:35px; overflow:hidden; height:35px; text-align:left; line-height:35px; display:block; margin-right:10px; color:#FFF; font-size:30px;}
footer div.t div.l div.share a:hover {width:35px; overflow:hidden; height:35px; text-align:left; line-height:35px; display:block; margin-right:10px; color:#FFF; font-size:30px; text-decoration:none}
footer div.t div.r {width:65%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center}
footer div.t div.r div.lianxi {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center}
footer div.t div.r div.lianxi dl {width:auto; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; align-items:center; align-content:center; margin-left:50px;}
footer div.t div.r div.lianxi dl dt {width:70px; overflow:hidden; height:70px; display:block; text-align:left; line-height:70px; font-size:60px; color:#FFF; margin-right:15px;}
footer div.t div.r div.lianxi dl dd {width:auto; overflow:hidden; text-align:left; font-size:18px; color:#FFF;}
footer div.t div.r div.lianxi dl dd p {font-family:yingwen !important; font-size:20px;}

footer div.d {width:90%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
footer div.d div.bq {width:50%; overflow:hidden; text-align:left; line-height:40px; font-size:16px; color:#FFF}
footer div.d div.lj {width:50%; overflow:hidden; text-align:right; line-height:40px; font-size:16px; color:#FFF}
footer div.d div.lj a {color:#839064; display:inline-block; margin-left:20px; font-size:16px;}
footer div.d div.lj a:hover {color:#93ce05; display:inline-block; margin-left:20px; font-size:16px;}


/*储能*/
.mySwiper {width:100%; overflow:hidden; height:auto}
.mySwiper div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; height:auto; position:relative}
.mySwiper div.swiper-wrapper div.swiper-slide img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiper div.swiper-wrapper div.swiper-slide div.sub {width:90%; overflow:hidden; height:100%; position:absolute; top:0px; left:50%; margin-left:-45%; z-index:99999}
.mySwiper div.swiper-wrapper div.swiper-slide div.sub div.wenben {width:100%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center}
.mySwiper div.swiper-wrapper div.swiper-slide div.sub div.wenben h1 {width:70%; overflow:hidden; font-size:60px; color:#fff; font-family:yingwen !important;}
.mySwiper div.swiper-wrapper div.swiper-slide div.sub div.wenben h2 {width:100%; overflow:hidden; font-size:32px; line-height:32px; font-weight:normal; color:#fff; margin-top:10px; padding-right:50%}
.mySwiper div.swiper-wrapper div.swiper-slide div.sub div.wenben a {width:auto; overflow:hidden; height:50px; text-align:center; line-height:50px; color:#FFF; font-size:24px; background:url(../images/b_tm.png); display:block; padding-left:30px; padding-right:30px; margin-top:30px; margin-bottom:80px;}

.mySwiper div.qh {bottom:30px !important}
.mySwiper div.qh span.swiper-pagination-bullet-active { background:#839064 !important; width:12px !important; height:12px !important;}
.mySwiper div.qh span.swiper-pagination-bullet-active-prev { background:#333 !important; width:12px !important; height:12px !important;}
.mySwiper div.qh span.swiper-pagination-bullet-active-next { background:#333 !important; width:12px !important; height:12px !important;}


.weizhinav {width:100%; overflow:hidden; height:60px; background:#f7f7f7; border-bottom:1px solid #eee}
.weizhinav dl {width:90%; overflow:hidden; height:60px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center}
.weizhinav dl dt {width:30px; overflow:hidden; height:60px; text-align:left; line-height:60px; font-size:20px; color:#6c6c6c}
.weizhinav dl dd {width:auto; overflow:hidden; height:60px; text-align:left; line-height:60px; font-size:16px; color:#666;}
.weizhinav dl dd a {color:#666}
.weizhinav dl dd a:hover {color:#758354}


.energyindex {width:80%; min-width:1200px; margin:0px auto; padding-top:5%; padding-bottom:5%}
.energyindex ul {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
.energyindex ul li {width:31%;}
.energyindex ul li a {width:100%; overflow:hidden; display:block; position:relative; border-radius:10px; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.energyindex ul li:hover a {width:100%; overflow:hidden; display:block; position:relative; border-radius:10px; -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -transform: scale(1.02,1.02); transition: all 0.3s linear 0s; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}



.energyindex ul li a img {width:100%; overflow:hidden; height:auto; display:block}
.energyindex ul li a i {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; bottom:0px; z-index:99; background:url(../images/chuneng/tm_tit.png) bottom repeat-x}
.energyindex ul li a div.sub {width:100%; overflow:hidden; height:100%; position:absolute; left:0px; bottom:0px; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end; align-content:flex-end}
.energyindex ul li a div.sub h1 {width:86%; overflow:hidden; margin:0px auto; margin-bottom:15px; background:url(../images/chuneng/xian_b.png) bottom repeat-x; font-size:30px; color:#FFF}
.energyindex ul li a div.sub h1 span {width:auto; overflow:hidden; display:inline-block; background:url(../images/chuneng/xian.png) bottom repeat-x; line-height:60px; padding-bottom:5px;font-family:yingwen !important;}
.energyindex ul li a div.sub h2 {width:86%; overflow:hidden; margin:0px auto; margin-top:0px; text-align:left; line-height:25px; font-size:18px; color:#FFF; font-weight:normal}
.energyindex ul li a div.sub dl {width:86%; margin:0px auto; margin-bottom:13%; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center}
.energyindex ul li a div.sub dl dt {width:50px; height:41px; position:relative}
.energyindex ul li a div.sub dl dt em {width:40px; overflow:hidden; height:40px; border:1px solid #fff; border-radius:100px; position:absolute; right:0px; top:0px; z-index:9}
.energyindex ul li a div.sub dl dt b {width:34px; overflow:hidden; height:9px; display:block; background:url(../images/chuneng/jt.png); position:absolute; left:0px; top:50%; margin-top:-4.5px; z-index:10; transition: all 0.3s linear 0s;}

.energyindex ul li:hover a div.sub dl dt em {width:40px; overflow:hidden; height:40px; border:1px solid #fff; border-radius:100px; position:absolute; right:0px; top:0px; z-index:9}
.energyindex ul li:hover a div.sub dl dt b {width:34px; overflow:hidden; height:9px; display:block; background:url(../images/chuneng/jt.png); position:absolute; left:30px; top:50%; margin-top:-4.5px; z-index:10; transition: all 0.3s linear 0s;}

.energyindex ul li a div.sub dl dd {width:auto; overflow:hidden; text-align:left; line-height:41px; font-size:16px; color:#FFF; margin-left:20px;}


.energystorage {width:80%; margin:0px auto; min-width:1200px;}
.energystorage div.jianjie {width:100%; overflow:hidden; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; align-content:center}
.energystorage div.jianjie div.l {width:50%; overflow:hidden; border-radius:8px;}
.energystorage div.jianjie div.l img {width:100%; overflow:hidden; height:auto; display:block}
.energystorage div.jianjie div.r {width:45%; overflow:hidden;}
.energystorage div.jianjie div.r h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; font-size:34px; font-family:yingwen !important;}
.energystorage div.jianjie div.r p {width:auto; overflow:hidden; display:block; text-align:left; line-height:30px; color:#333; font-size:24px; margin-top:15px;}

.energystorage div.title {width:100%; overflow:hidden; line-height:60px; font-size:40px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; margin-top:4%; font-family:yingwen !important;}
.energystorage div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}

.energystorage div.cplist {width:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energystorage div.cplist a {width:31%; margin-top:3%; margin-bottom:2%; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.energystorage div.cplist a span {width:100%; overflow:hidden; display:block; border-radius:25px; border:2px solid #e6e6e6; background:#e6e6e6}
.energystorage div.cplist a span img {width:100%; overflow:hidden; height:auto; display:block}
.energystorage div.cplist a h3 {width:90%; margin:0px auto; overflow:hidden; text-align:left; line-height:35px; font-size:22px; color:#333; font-weight:normal; margin-top:15px;}

.energystorage div.cplist a:hover {width:31%; margin-top:3%; margin-bottom:2%; -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -transform: scale(1.02,1.02); transition: all 0.3s linear 0s; text-decoration:none}
.energystorage div.cplist a:hover span {width:100%; overflow:hidden; display:block; border-radius:25px; border:2px solid #839064; background:#e6e6e6; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}
.energystorage div.cplist a:hover span img {width:100%; height:auto; display:block}
.energystorage div.cplist a:hover h3 {width:90%; margin:0px auto; overflow:hidden; text-align:left; line-height:35px; font-size:22px; color:#617432; font-weight:normal; margin-top:15px;}


.caselist {width:80%; margin:0px auto; min-width:1200px;}
.caselist dl {width:100%; margin-top:5%}
.caselist dl a {width:100%; height:auto; display:block; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.caselist dl a dt {width:45%;}

.caselist dl a dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.caselist dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -transform: scale(1.02,1.02); transition: all 0.3s linear 0s; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}

.caselist dl a dd {width:58%; overflow:hidden; height:86%; background:url(../images/chuneng/tmal.png); position:absolute; right:0px; top:7%; display:flex; display: -webkit-flex; flex-wrap:wrap; align-items:center; align-content:center;}
.caselist dl a dd h1 {width:75%; margin-left:13%; overflow:hidden; line-height:50px; font-size:30px; padding-bottom:12px; position:relative; font-weight:bold; color:#000; text-align:left;}
.caselist dl a dd h1 i {width:80px; overflow:hidden; height:4px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}
.caselist dl a dd p {width:75%; margin-left:13%; overflow:hidden; line-height:30px; font-size:20px; padding-bottom:12px; position:relative; font-weight:bold; color:#474747; text-align:left; margin-top:2%; display:block; font-weight:normal}
.caselist dl a dd span {width:auto; overflow:hidden; height:40px; border:1px solid #839064; color:#839064; border-radius:100px; display:inline-block; padding-left:30px; padding-right:30px; font-size:20px; line-height:37px; margin-left:13%; margin-top:3%}

.caselist dl a:hover dd h1 {width:75%; margin-left:13%; overflow:hidden; line-height:50px; font-size:30px; padding-bottom:12px; position:relative; font-weight:bold; color:#839064; text-align:left;}
.caselist dl a:hover dd span {width:auto; overflow:hidden; height:40px; border:1px solid #839064; background:#839064; color:#fff; border-radius:100px; display:inline-block; padding-left:30px; padding-right:30px; font-size:20px; line-height:37px; margin-left:13%; margin-top:3%}


.caselist dl.bh {width:100%; margin-top:5%}
.caselist dl.bh a {width:100%; height:auto; display:block; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center;}
.caselist dl.bh a dt {width:45%;}
.caselist dl.bh a dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.caselist dl.bh a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1.02,1.02); -moz-transform: scale(1.02,1.02); -transform: scale(1.02,1.02); transition: all 0.3s linear 0s; box-shadow: 0 4px 20px 5px rgba(58,70,29,0.5);}

.caselist dl.bh a dd {width:58%; overflow:hidden; height:86%; background:url(../images/chuneng/tmal.png); position:absolute; left:0px; top:7%; display:flex; display: -webkit-flex; flex-wrap:wrap; align-items:center; align-content:center;}
.caselist dl.bh a dd h1 {width:75%; margin-left:10%; overflow:hidden; line-height:50px; font-size:30px; padding-bottom:12px; position:relative; font-weight:bold; color:#000; text-align:left;}
.caselist dl.bh a dd h1 i {width:80px; overflow:hidden; height:4px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}
.caselist dl.bh a dd p {width:75%; margin-left:10%; overflow:hidden; line-height:30px; font-size:20px; padding-bottom:12px; position:relative; font-weight:bold; color:#474747; text-align:left; margin-top:2%; display:block; font-weight:normal}
.caselist dl.bh a dd span {width:auto; overflow:hidden; height:40px; border:1px solid #839064; color:#839064; border-radius:100px; display:inline-block; padding-left:30px; padding-right:30px; font-size:20px; line-height:37px; margin-left:10%; margin-top:3%}

.caselist dl.bh a:hover dd h1 {width:75%; margin-left:10%; overflow:hidden; line-height:50px; font-size:30px; padding-bottom:12px; position:relative; font-weight:bold; color:#839064; text-align:left;}
.caselist dl.bh a:hover dd span {width:auto; overflow:hidden; height:40px; border:1px solid #839064; background:#839064; color:#fff; border-radius:100px; display:inline-block; padding-left:30px; padding-right:30px; font-size:20px; line-height:37px; margin-left:10%; margin-top:3%}



/*案例banner*/
.anlibanner {width:100%; overflow:hidden; height:auto; position:relative}
.anlibanner img {width:100%; overflow:hidden; height:auto; display:block}
.anlibanner div.m {width:50%; overflow:hidden; height:100%; position:absolute; top:0px; left:50%; margin-left:-25%; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; text-align:center; line-height:60px; font-size:36px; color:#FFF; font-family:yingwen !important;}
.anlibanner i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; left:0px; top:0px; z-index:99}

.anlishowmin {width:70%; min-width:1200px; margin:0px auto; margin-top:5%; margin-bottom:3%}

.mySwiper1 {width:100%; min-width:1200px;}
.mySwiper1 div.swiper-wrapper {width:auto;}
.mySwiper1 div.swiper-wrapper div.swiper-slide {width:100% !important; margin:0px auto; overflow:hidden; height:auto; display:block}
.mySwiper1 div.swiper-wrapper div.swiper-slide img {width:90%; margin:0px auto; overflow:hidden; height:auto; display:block; border-radius:15px;}

.mySwiper1 div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:0px !important;}
.mySwiper1 div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:0px !important;}
.mySwiper1 div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}

.anlimeirong {width:70%; min-width:1200px; margin:0px auto; margin-bottom:5%}
.anlimeirong div.m {width:90%; margin:0px auto; overflow:hidden; height:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.anlimeirong div.m dl {width:48%; overflow:hidden}
.anlimeirong div.m dl dt {width:100%; overflow:hidden; text-align:left; line-height:30px; font-size:24px; font-weight:bold; color:#333; padding-bottom:20px;}
.anlimeirong div.m dl dd {width:100%; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:15px; text-align:left; font-size:20px; color:#666; margin-bottom:5%}


/*services*/
.servicesnav {width:90%; overflow:hidden; margin:0px auto; background:url(../images/chuneng/hx.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5%}
.servicesnav a {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#333; margin-left:3%; margin-right:3%; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px;background:url(../images/chuneng/hx.jpg) bottom repeat-x;}
.servicesnav a:hover {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#778b53; margin-left:3%; margin-right:3%; display:block; background:url(../images/chuneng/hx_k.jpg) bottom repeat-x; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px; text-decoration:none}
.servicesnav a.ahover {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#778b53; margin-left:3%; margin-right:3%; display:block; background:url(../images/chuneng/hx_k.jpg) bottom repeat-x; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px;}
.servicesnav a i {width:30px; overflow:hidden; height:50px; text-align:right; display:block; font-size:24px; color:#333; line-height:50px;}

.services_lianxi {width:80%; overflow:hidden; margin:0px auto; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative}
.services_lianxi div.l {width:60%; overflow:hidden; position:relative; z-index:99}
.services_lianxi div.l img {width:100%; overflow:hidden; height:auto; display:block}
.services_lianxi div.r {width:50%; overflow:hidden; height:80%; background:url(../images/chuneng/tmal.png); position:absolute; right:0px; top:10%; z-index:999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.services_lianxi div.r dl {width:70%; overflow:hidden; margin-left:30%; margin-top:20px; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center;}
.services_lianxi div.r dl dt {width:60px; overflow:hidden; height:60px; display:block; text-align:left; line-height:66px; font-size:60px; color:#8da461}
.services_lianxi div.r dl dd {width:auto; overflow:hidden; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-size:30px; color:#333; font-family:yingwen !important; line-height:25px; padding-left:15px;}
.services_lianxi div.r dl dd p {width:100%; overflow:hidden; font-size:16px; color:#666; display:block; font-weight:normal !important; font-family:kuleishuzi !important}
.services_lianxi div.r dl span {width:100%; overflow:hidden; text-align:left; line-height:24px; font-size:16px; color:#666; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.services_lianxi div.r dl span i {width:30px; overflow:hidden; height:24px; display:block; line-height:28px; color:#8da461; font-size:20px; text-align:left}


.services_biaodan {width:100%; overflow:hidden; height:auto; background:url(../images/chuneng/bd_banner.jpg) center top no-repeat #f3f3f3; margin-top:5%; padding-bottom:10%}
.services_biaodan h1 {width:100%; overflow:hidden; text-align:center; line-height:60px; font-size:48px; font-family:yingwen !important; padding-top:8%; margin-bottom:2%}
.services_biaodan dl {width:80%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.services_biaodan dl dt {width:48%; overflow:hidden; padding-bottom:1%}
.services_biaodan dl dt input {width:100%; overflow:hidden; height:40px; border:0px; background:#fff; font-size:15px; color:#666; line-height:40px; display:block; padding-left:3%; padding-right:3%}
.services_biaodan dl dd {width:100%; overflow:hidden; padding-bottom:1%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.services_biaodan dl dd textarea {width:100%; overflow:hidden; height:auto; min-height:140px; border:0px; background:#fff; font-size:15px; color:#666; line-height:40px; display:block; padding:1%; padding-top:0.5%; padding-bottom:0.5%}
.services_biaodan dl dd button.tj {width:200px; overflow:hidden; height:60px; display:block; border:0px; border-radius:5px; background:#8da461; color:#FFF; margin-right:15px; font-size:24px;}
.services_biaodan dl dd button.cz {width:200px; overflow:hidden; height:60px; display:block; border:0px; border-radius:5px; background:#babab9; color:#FFF; margin-right:15px; font-size:24px;}
.services_biaodan dl dd button:hover {background:#5a732b !important;}




/*分页*/
.pagelistfy {width:auto; overflow:hidden; margin:0px auto; margin-bottom:100px; margin-top:70px; text-align:center}
.pagelistfy ul li {width:auto; overflow:hidden; height:37px; display:inline-block; margin-left:2px; margin-right:2px; text-align:center; line-height:35px; font-size:14px; color:#777; border:1px solid #ddd; border-radius:5px; background:#fff}
.pagelistfy ul li:hover {width:auto; overflow:hidden; height:37px; display:inline-block; text-align:center; line-height:35px; font-size:14px; color:#fff; border:1px solid #7b934d; border-radius:5px; background:#7b934d; text-decoration:none; cursor:pointer}
.pagelistfy ul li a {width:auto; overflow:hidden; height:35px; display:block; padding-left:15px; padding-right:15px; }
.pagelistfy ul li a:hover {text-decoration:none; padding-left:15px; padding-right:15px; }
.pagelistfy ul li.active {width:auto; overflow:hidden; height:37px; display:inline-block; text-align:center; line-height:35px; font-size:14px; color:#fff; border:1px solid #7b934d; border-radius:5px; background:#7b934d; text-decoration:none; cursor:pointer}
.pagelistfy ul li.active a {color:#FFF; padding-left:15px; padding-right:15px;}
.pagelistfy ul li:hover a {color:#FFF; padding-left:15px; padding-right:15px;}


/*详情页位置*/
.weizhishows {width:100%; overflow:hidden; height:60px;}
.weizhishows dl {width:90%; overflow:hidden; height:60px; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center}
.weizhishows dl dt {width:30px; overflow:hidden; height:60px; text-align:left; line-height:60px; font-size:20px; color:#8c986b}
.weizhishows dl dd {width:auto; overflow:hidden; height:60px; text-align:left; line-height:60px; font-size:16px; color:#333;}
.weizhishows dl dd a {color:#333}
.weizhishows dl dd a:hover {color:#758354}


/*储能产品详情页*/
.energyshow_banner {width:100%; overflow:hidden; height:100vh; background:url(../images/chuneng/showtopbg.jpg) center bottom no-repeat #ededed;}
.energyshow_banner div.m {width:94%; overflow:hidden; margin:0px auto; height:80%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_banner div.m div.l {width:48%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.energyshow_banner div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.energyshow_banner div.m div.r {width:48%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_banner div.m div.r h1 {width:100%; overflow:hidden; text-align:left; line-height:60px; font-size:48px; color:#839064; font-family:yingwen !important;}
.energyshow_banner div.m div.r a.down {width:100%; overflow:hidden; line-height:50px; font-size:30px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start; margin-top:20px; margin-bottom:20px;}
.energyshow_banner div.m div.r a.down i {width:40px; overflow:hidden; height:40px; display:block; margin-left:25px;}
.energyshow_banner div.m div.r a.down i img {width:100%; overflow:hidden; height:auto; display:block}
.energyshow_banner div.m div.r dl {width:100%; overflow:hidden; font-size:24px; height:44px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start;}
.energyshow_banner div.m div.r dl dt {width:26px; overflow:hidden; height:20px; text-align:left; line-height:20px; font-size:18px; color:#839064}
.energyshow_banner div.m div.r dl dd {width:auto; overflow:hidden; height:auto; text-align:left; line-height:25px; font-size:22px; color:#333}


.energyshow_swjgt {width:100%; margin:0px auto; overflow:hidden; height:90vh; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_swjgt div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.energyshow_swjgt div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}

.mySwiper2 {width:94%; margin:0px auto; min-width:1200px; margin-top:50px;}
.mySwiper2 div.swiper-wrapper {width:auto;}
.mySwiper2 div.swiper-wrapper div.swiper-slide {width:100% !important; margin:0px auto; overflow:hidden; height:auto; display:block}
.mySwiper2 div.swiper-wrapper div.swiper-slide img {width:90%; margin:0px auto; overflow:hidden; height:auto; display:block; border-radius:15px;}

.mySwiper2 div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:0px !important;}
.mySwiper2 div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:0px !important;}
.mySwiper2 div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}


.energyshow_cpjscs {width:100%; margin:0px auto; overflow:hidden; height:80vh; background:#f6f8f1; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_cpjscs div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.energyshow_cpjscs div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}
.energyshow_cpjscs div.m {width:82%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_cpjscs div.m dl {width:100%; overflow:hidden; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; margin-top:30px;}
.energyshow_cpjscs div.m dl dt {width:2%; overflow:hidden; text-align:left; line-height:40px; font-size:14px; color:#839064}
.energyshow_cpjscs div.m dl dd {width:31.3333333%; overflow:hidden; height:auto; text-align:left; line-height:20px; font-size:16px; color:#333}

.energyshow_cpjscs div.sycj {width:82%; overflow:hidden; margin:0px auto; height:100px; background:#cedeaf; border-radius:8px; margin-top:50px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.energyshow_cpjscs div.sycj h1 {width:auto; text-align:left; font-size:24px; color:#64793a; font-family:yingwen !important; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; padding-right:20px;}
.energyshow_cpjscs div.sycj h1 em {width:12px; height:12px; display:block; margin-top:5px; border-radius:100px; background:#64793a; margin-right:10px;}
.energyshow_cpjscs div.sycj dl {width:auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.energyshow_cpjscs div.sycj dl dt {width:58px; overflow:hidden; height:58px; display:block; border-radius:100px; border:1px solid #909090; padding:10px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.energyshow_cpjscs div.sycj dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.energyshow_cpjscs div.sycj dl dd {width:auto; overflow:hidden; padding-left:15px; padding-right:20px; text-align:left; line-height:48px; color:#62773e; font-size:18px;}


.energyshow_xgpj {width:100%; margin:0px auto; overflow:hidden; height:80vh; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_xgpj div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.energyshow_xgpj div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}

.energyshow_xgpj div.m {width:100%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative;}

.mySwiper3 {width:82%; margin:0px auto; min-width:1200px; margin-top:50px;}
.mySwiper3 div.swiper-wrapper {width:auto}
.mySwiper3 div.swiper-wrapper div.swiper-slide {width:auto;}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl {width:auto; overflow:hidden}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a {width:auto; overflow:hidden; display:block}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a:hover {width:auto; overflow:hidden; display:block; text-decoration:none;}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a:hover dd {color:#839064 !important}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a dt {width:auto; overflow:hidden; height:auto; border:2px solid #e2e2e2; border-radius:8px;}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.mySwiper3 div.swiper-wrapper div.swiper-slide dl a dd {width:auto; overflow:hidden; text-align:left; line-height:30px; font-size:18px; color:#333; padding:15px;}

.energyshow_xgpj div.m div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:3% !important;}
.energyshow_xgpj div.m div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:3% !important;}
.energyshow_xgpj div.m div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}


.energyshow_xgcp {width:100%; margin:0px auto; overflow:hidden; height:80vh; background:#f6f8f1; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_xgcp div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.energyshow_xgcp div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}
.energyshow_xgcp div.m {width:82%; overflow:hidden; margin:0px auto; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.energyshow_xgcp div.m dl {width:22%; overflow:hidden}
.energyshow_xgcp div.m dl a {width:auto; overflow:hidden; display:block}
.energyshow_xgcp div.m dl a:hover {width:auto; overflow:hidden; display:block; text-decoration:none;}
.energyshow_xgcp div.m dl a:hover dd {color:#839064 !important}
.energyshow_xgcp div.m dl a dt {width:auto; overflow:hidden; height:auto; border:2px solid #e2e2e2; border-radius:8px;}
.energyshow_xgcp div.m dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.energyshow_xgcp div.m dl a dd {width:auto; overflow:hidden; text-align:left; line-height:30px; font-size:18px; color:#333; padding:15px;}



.jjfashows_jj {width:100%; overflow:hidden; padding-bottom:8%}
.jjfashows_jj div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.jjfashows_jj div.title i {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}
.jjfashows_jj div.sub {width:82%; overflow:hidden; margin:0px auto; text-align:left; line-height:30px; font-size:18px; color:#333; margin-top:2%}
.jjfashows_jj div.tuwen {width:82%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-top:3%}
.jjfashows_jj div.tuwen dl {width:32%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center;}
.jjfashows_jj div.tuwen dl dt {width:30%; overflow:hidden; padding:25px; border:2px solid #62773e; height:auto; border-radius:100px;}
.jjfashows_jj div.tuwen dl dd {width:60%; overflow:hidden; text-align:left; font-size:18px; color:#333; padding-left:5%}


.jjfashows_xtjgt {width:100%; overflow:hidden; padding-bottom:8%; background:#f6f8f1}
.jjfashows_xtjgt div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.jjfashows_xtjgt div.title i {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}


.jjfashows_xgcp {width:100%; overflow:hidden; padding-bottom:8%}
.jjfashows_xgcp div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.jjfashows_xgcp div.title i {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}
.jjfashows_xgcp div.m {width:100%; overflow:hidden; margin:0px auto; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative;}


.jjfashows_xgcp div.m div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:3% !important;}
.jjfashows_xgcp div.m div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:3% !important;}
.jjfashows_xgcp div.m div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}


.jjfashows_xgcase {width:100%; overflow:hidden; padding-bottom:8%; background:#f6f8f1}
.jjfashows_xgcase div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.jjfashows_xgcase div.title i {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}

.jjfashows_xgcase div.m {width:82%; overflow:hidden; margin:0px auto; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.jjfashows_xgcase div.m dl {width:32%; overflow:hidden;}
.jjfashows_xgcase div.m dl a {width:100%; overflow:hidden; background:#FFF; display:block}
.jjfashows_xgcase div.m dl a:hover {text-decoration:none}
.jjfashows_xgcase div.m dl a:hover dd h1 {color:#62773e}
.jjfashows_xgcase div.m dl a dt {width:100%; overflow:hidden; height:auto}
.jjfashows_xgcase div.m dl a dt img {width:100%; overflow:hidden; height:auto; display:block}
.jjfashows_xgcase div.m dl a dd {width:auto; overflow:hidden; padding:30px;}
.jjfashows_xgcase div.m dl a dd h1 {width:100%; margin:0px auto; overflow:hidden; line-height:40px; font-size:24px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.jjfashows_xgcase div.m dl a dd h1 i {width:80px; overflow:hidden; height:4px; display:block; position:absolute; bottom:0px; left:0px; background:#839064}
.jjfashows_xgcase div.m dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:16px; display:block; margin-top:15px;}


/*新闻中心*/
.news_nav {width:90%; overflow:hidden; margin:0px auto; background:url(../images/hx1.jpg) bottom repeat-x; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; margin-top:5%}
.news_nav a {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#333; margin-left:3%; margin-right:3%; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px;background:url(../images/hx1.jpg) bottom repeat-x;}
.news_nav a:hover {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#778b53; margin-left:3%; margin-right:3%; display:block; background:url(../images/chuneng/hx_k.jpg) bottom repeat-x; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px; text-decoration:none}
.news_nav a.ahover {width:auto; overflow:hidden; line-height:50px; font-size:20px; color:#778b53; margin-left:3%; margin-right:3%; display:block; background:url(../images/chuneng/hx_k.jpg) bottom repeat-x; display:flex; display: -webkit-flex; justify-content:flex-start; align-items:center; align-content:center; padding-bottom:10px;}
.news_nav a i {width:30px; overflow:hidden; height:50px; text-align:right; display:block; font-size:24px; color:#333; line-height:50px;}

.newstoutiao {width:82%; overflow:hidden; margin:0px auto; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newstoutiao dl {width:100%; overflow:hidden}
.newstoutiao dl a {width:100%; overflow:hidden; height:auto; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#fff;}
.newstoutiao dl a dt {width:50%; overflow:hidden; height:auto;}
.newstoutiao dl a dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.newstoutiao dl a dd {width:50%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center;}
.newstoutiao dl a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:36px; font-size:24px; color:#333; font-weight:normal; padding-bottom:20px; border-bottom:1px solid #ddd}
.newstoutiao dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:20px; display:block; margin-top:20px;}
.newstoutiao dl a dd h2 {width:100%; overflow:hidden; margin-top:20px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal}
.newstoutiao dl a dd h2 i {width:20px; overflow:hidden; height:50px; display:block; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.newstoutiao dl a dd h2 i img {width:100%; overflow:hidden; height:auto; display:block}
.newstoutiao dl a dd h2 span {width:auto; overflow:hidden; font-size:16px; color:#999; display:block; padding-right:40px; padding-left:10px;}

.newstoutiao dl a:hover {width:100%; overflow:hidden; height:auto; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#fff; text-decoration:none}
.newstoutiao dl a:hover dt {width:50%; overflow:hidden; height:auto;}
.newstoutiao dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.3s linear 0s;}
.newstoutiao dl a:hover dd {width:50%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center;}
.newstoutiao dl a:hover dd h1 {width:100%; overflow:hidden; text-align:left; line-height:36px; font-size:24px; color:#62773e; font-weight:normal; padding-bottom:20px; border-bottom:1px solid #ddd}
.newstoutiao dl a:hover dd p {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:20px; display:block; margin-top:20px;}
.newstoutiao dl a:hover dd h2 {width:100%; overflow:hidden; margin-top:20px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal}
.newstoutiao dl a:hover dd h2 i {width:20px; overflow:hidden; height:50px; display:block; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.newstoutiao dl a:hover dd h2 i img {width:100%; overflow:hidden; height:auto; display:block}
.newstoutiao dl a:hover dd h2 span {width:auto; overflow:hidden; font-size:16px; color:#999; display:block; padding-right:40px; padding-left:10px;}



.newslist {width:82%; overflow:hidden; margin:0px auto; margin-top:3%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.newslist div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:3%; margin-bottom:3%}
.newslist div.title i {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}

.newslist dl {width:32%; overflow:hidden; padding-bottom:3%}
.newslist dl a {width:100%; overflow:hidden; height:auto; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#fff;}
.newslist dl a dt {width:100%; overflow:hidden; height:auto;}
.newslist dl a dt img {width:100%; overflow:hidden; height:auto; display:block; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s;}
.newslist dl a dd {width:100%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center;}
.newslist dl a dd h1 {width:100%; overflow:hidden; text-align:left; line-height:36px; font-size:24px; color:#333; font-weight:normal; padding-bottom:20px; border-bottom:1px solid #ddd}
.newslist dl a dd p {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:20px; display:block; margin-top:20px;}
.newslist dl a dd h2 {width:100%; overflow:hidden; margin-top:20px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal}
.newslist dl a dd h2 i {width:20px; overflow:hidden; height:50px; display:block; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.newslist dl a dd h2 i img {width:100%; overflow:hidden; height:auto; display:block}
.newslist dl a dd h2 span {width:auto; overflow:hidden; font-size:16px; color:#999; display:block; padding-right:40px; padding-left:10px;}

.newslist dl a:hover {width:100%; overflow:hidden; height:auto; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; background:#fff; text-decoration:none}
.newslist dl a:hover dt {width:100%; overflow:hidden; height:auto;}
.newslist dl a:hover dt img {width:100%; overflow:hidden; height:auto; display:block;  -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.3s linear 0s;}
.newslist dl a:hover dd {width:100%; overflow:hidden; padding:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center;}
.newslist dl a:hover dd h1 {width:100%; overflow:hidden; text-align:left; line-height:36px; font-size:24px; color:#62773e; font-weight:normal; padding-bottom:20px; border-bottom:1px solid #ddd}
.newslist dl a:hover dd p {width:100%; overflow:hidden; text-align:left; line-height:26px; color:#666; font-size:20px; display:block; margin-top:20px;}
.newslist dl a:hover dd h2 {width:100%; overflow:hidden; margin-top:20px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; font-weight:normal}
.newslist dl a:hover dd h2 i {width:20px; overflow:hidden; height:50px; display:block; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.newslist dl a:hover dd h2 i img {width:100%; overflow:hidden; height:auto; display:block}
.newslist dl a:hover dd h2 span {width:auto; overflow:hidden; font-size:16px; color:#999; display:block; padding-right:40px; padding-left:10px;}


.newsshowbanner {width:100%; overflow:hidden; height:auto}
.newsshowbanner img {width:100%; overflow:hidden; height:auto; display:block}


.newsshow_mian {width:100%; overflow:hidden;}
.newsshow_mian h1 {width:82%; overflow:hidden; margin:0px auto; min-width:1200px; text-align:center; line-height:60px; font-size:50px; color:#333; font-weight:normal; margin-top:5%; margin-bottom:2%}
.newsshow_mian h2 {width:82%; overflow:hidden; margin:0px auto; min-width:1200px; margin-top:20px; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; font-weight:normal; border-bottom:1px solid #eee;}
.newsshow_mian h2 i {width:20px; overflow:hidden; height:50px; display:block; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.newsshow_mian h2 i img {width:100%; overflow:hidden; height:auto; display:block}
.newsshow_mian h2 span {width:auto; overflow:hidden; font-size:16px; color:#999; display:block; padding-right:40px; padding-left:10px;}

.newsshow_mian div.m {width:82%; overflow:hidden; margin:0px auto; min-width:1200px; text-align:left; line-height:30px; font-size:16px; color:#666; padding-bottom:50px; margin-bottom:30px;margin-top:4%}
.newsshow_mian div.m p {width:auto; overflow:hidden; display:block; padding-bottom:20px;}
.newsshow_mian div.m img {width:auto !important; overflow:hidden; margin:0px auto !important; height:auto !important; display:block; max-width:100% !important}
.newsshow_mian div.m h3 {width:100%; overflow:hidden; text-align:left; font-size:24px; color:#333; font-weight:normal; line-height:32px; padding-bottom:30px;}

.newsnext_pre {width:100%; overflow:hidden; padding-top:50px; padding-bottom:50px; background:rgba(248, 248, 248, 1)}
.newsnext_pre a {width:1200px; overflow:hidden; margin:0px auto; display:block; line-height:60px; font-size:16px; color:#333}
.newsnext_pre a:hover {width:1200px; overflow:hidden; margin:0px auto; display:block; line-height:60px; font-size:16px; color:#c01a20}




/*环境首页*/
.Environment {width:100%; overflow:hidden; height:100vh; background:url(../images/huanjing/indexbanner.jpg) center no-repeat; position:relative}
.Environment i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.Environment div.m {width:80%; overflow:hidden; height:100%; position:absolute; top:0px; left:50%; margin-left:-40%; z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.Environment div.m h1 {width:100%; text-align:left; font-size:60px; color:#FFF; font-family:yingwen !important;}
.Environment div.m h2 {width:100%; text-align:left; font-size:42px; color:#FFF; font-weight:normal}

/*文旅首页*/
.culturaltourism {width:100%; overflow:hidden; height:100vh; background:url(../images/wenlv/indexbanner.jpg) center no-repeat; position:relative}
.culturaltourism i {width:100%; overflow:hidden; height:100%; display:block; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999}
.culturaltourism div.m {width:80%; overflow:hidden; height:100%; position:absolute; top:0px; left:50%; margin-left:-40%; z-index:9999; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.culturaltourism div.m h1 {width:100%; text-align:left; font-size:60px; color:#FFF; font-family:yingwen !important;}
.culturaltourism div.m h2 {width:100%; text-align:left; font-size:42px; color:#FFF; font-weight:normal}


/*关于我们*/
.topvideo {width:100%; overflow:hidden; height:100vh}
.topvideo video {width:100%; overflow:hidden; height:auto; display:block; margin-left:0%}

.aboutjieshao {width:100%; overflow:hidden; height:95vh}
.aboutjieshao div.m {width:80%; margin:0px auto; height:100%; min-width:1200px; position:relative}
.aboutjieshao div.m div.l {width:55%; overflow:hidden; padding:5%; padding-right:8%; background:#fff; box-shadow: 0 4px 20px 5px rgba(68,93,127,0.1); border-radius:5px; position:absolute; left:0px; top:30%}
.aboutjieshao div.m div.l h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; font-size:36px; color:#333; font-family:yingwen !important; position:relative; padding-bottom:20px;}
.aboutjieshao div.m div.l h1 i {width:60px; overflow:hidden; height:4px; background:#788a4d; position:absolute; left:0px; bottom:0px; display:block}
.aboutjieshao div.m div.l p {width:100%; overflow:hidden; text-align:left; line-height:26px; font-size:18px; color:#333; display:block; margin-top:3%}
.aboutjieshao div.m div.l a {width:100%; overflow:hidden; display:block; line-height:30px; font-size:18px; color:#62773e; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center; margin-top:3%}
.aboutjieshao div.m div.l a em {width:26px; overflow:hidden; height:30px; display:block; font-size:20px; color:#62773e; display:block; text-align:left}
.aboutjieshao div.m div.r {width:50%; overflow:hidden; position:absolute; right:0px; top:15%}
.aboutjieshao div.m div.r img {width:100%; overflow:hidden; height:auto; display:block}


.dajishi {width:100%; overflow:hidden; height:90vh; background:url(../images/about/djs_bg.jpg) bottom no-repeat #f2f5ec; position:relative}
.dajishi h1 {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:48px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.dajishi h1 i {width:140px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-70px; background:#839064}


.mySwiper5 {width:80%; overflow:hidden; height:auto; margin:0px auto; margin-top:3%}
.mySwiper5 div.swiper-wrapper div.swiper-slide {width:100%; overflow:hidden; height:auto; position:relative}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m {width:100%; overflow:hidden; height:55vh; position:relative;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m em {width:100%; overflow:hidden; height:4px; background:#a0bdbc; position:absolute; top:50%; margin-top:-2px; left:0px; z-index:1}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m span {width:20px; overflow:hidden; height:20px; display:block; border-radius:100px; background:#b387a8; position:absolute; top:50%; margin-top:-10px; z-index:2}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub {width:80%; overflow:hidden; height:28.4vh; position:absolute; top:0px; left:5%; z-index:3; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; align-content:flex-end;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl {width:30%; overflow:hidden; height:auto; position:relative}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl i.yy {width:16px; overflow:hidden; height:16px; display:block; border-radius:100px; background:#62773e; position:absolute; left:0px; bottom:0px; z-index:2}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl em.hx {width:1px; overflow:hidden; height:100%; background:#62773e; display:block; left:7.5px; top:0px; z-index:4}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl dt {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:36px; color:#788a4d; background:url(../images/about/jiantou.png) left no-repeat; padding-left:30px; margin-left:8px; font-family:yingwen !important;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl dd {width:auto; overflow:hidden; margin-top:10px; margin-bottom:25px; margin-left:8px; font-size:16px; color:#333; line-height:21px; padding-left:36px;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub dl dd p {display:block; padding-bottom:15px;}


.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 {width:80%; overflow:hidden; height:28.4vh; position:absolute; bottom:0px; left:15%; z-index:3; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl {width:30%; overflow:hidden; height:auto; position:relative}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl i.yy {width:16px; overflow:hidden; height:16px; display:block; border-radius:100px; background:#62773e; position:absolute; left:0px; top:0px; z-index:2}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl em.hx {width:1px; overflow:hidden; height:100%; background:#62773e; display:block; left:7.5px; top:0px; z-index:4}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl dt {width:auto; overflow:hidden; text-align:left; line-height:50px; font-size:36px; color:#788a4d; background:url(../images/about/jiantou.png) left no-repeat; padding-left:30px; margin-left:8px; font-family:yingwen !important; margin-top:30px;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl dd {width:auto; overflow:hidden; margin-top:10px; margin-left:8px; font-size:16px; color:#333; line-height:21px; padding-left:36px;}
.mySwiper5 div.swiper-wrapper div.swiper-slide div.m div.sub1 dl dd p {display:block; padding-bottom:15px;}


.dajishi div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:5% !important; top:57% !important}
.dajishi div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:5% !important; top:57% !important}
.dajishi div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}



.huojiang {width:100%; overflow:hidden; height:auto; position:relative}
.huojiang img {width:100%; overflow:hidden; height:auto; display:block}
.huojiang div.m {width:100%; overflow:hidden; margin:0px auto; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; align-items:center; align-content:center; position:absolute; top:0px; left:0px; z-index:999}
.huojiang div.m div.sub {width:36%; overflow:hidden}
.huojiang div.m div.sub h1 {width:100%; overflow:hidden; text-align:left; line-height:50px; font-size:36px; color:#333; font-family:yingwen !important; position:relative; padding-bottom:20px;}
.huojiang div.m div.sub h1 i {width:60px; overflow:hidden; height:4px; background:#788a4d; position:absolute; left:0px; bottom:0px; display:block}
.huojiang div.m div.sub div.nr {width:95%; overflow:hidden; padding-right:5%; font-size:16px; color:#333; line-height:24px; margin-top:3%;}
.huojiang div.m div.sub div.nr p {display:block; padding-bottom:15px;}


.gongsijieshao {width:100%; overflow:hidden; height:auto; position:relative}
.gongsijieshao img {width:100%; overflow:hidden; height:auto; display:block}
.gongsijieshao i {width:100%; overflow:hidden; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:9; background:url(../images/b_tm.png)}
.gongsijieshao div.m {width:80%; overflow:hidden; position:absolute; top:15%; left:50%; margin-left:-40%; display:block; z-index:99}
.gongsijieshao div.m div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:36px; padding-bottom:20px; position:relative; font-weight:bold; color:#fff; text-align:left; font-family:yingwen !important; text-align:center;}
.gongsijieshao div.m div.title em {width:100px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#839064}
.gongsijieshao div.m div.sub {width:80%; overflow:hidden; margin:0px auto; margin-top:3%; font-size:18px; color:#FFF; text-align:left; line-height:25px;}
.gongsijieshao div.m div.sub p {display:block; padding-bottom:15px;}



/*down*/
.downcenter_banner {width:100%; overflow:hidden; height:auto; display:block}
.downcenter_banner img {width:100%; overflow:hidden; height:auto; display:block}

.downcenter_list {width:80%; margin:0px auto; margin-top:5%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.downcenter_list dl {width:23%; overflow:hidden; background:#fff; box-shadow: 0 4px 20px 5px rgba(68,93,127,0.1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); transition: all 0.3s linear 0s; margin-bottom:3%} 
.downcenter_list dl a {width:100%; overflow:hidden; height:auto; padding:5%; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative; transition: all 0.3s linear 0s;}
.downcenter_list dl a dt {width:60px; overflow:hidden; height:60px; display:block; transition: all 0.3s linear 0s;}
.downcenter_list dl a dt img {width:60px; overflow:hidden; height:60px; display:block; transition: all 0.3s linear 0s;}
.downcenter_list dl a dd {width:80%; overflow:hidden; height:60px; padding-left:20px; text-align:left; line-height:24px; font-size:18px; color:#333; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center; transition: all 0.3s linear 0s;}
.downcenter_list dl a p {width:50px; overflow:hidden; height:50px; display:block; text-align:center; line-height:50px; font-size:24px; color:#62773e; position:absolute; top:50%; margin-top:-25px; right:-60px; z-index:999; transition: all 0.3s linear 0s;}

.downcenter_list dl:hover {width:23%; overflow:hidden; background:#fff; box-shadow: 0 4px 20px 5px rgba(68,93,127,0.1); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: all 0.3s linear 0s; margin-bottom:3%}
.downcenter_list dl a:hover {width:100%; overflow:hidden; height:auto; padding:5%; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; position:relative; text-decoration:none; transition: all 0.3s linear 0s;}
.downcenter_list dl a:hover dt {width:60px; overflow:hidden; height:60px; display:block; transition: all 0.3s linear 0s;}
.downcenter_list dl a:hover dt img {width:60px; overflow:hidden; height:60px; display:block; transition: all 0.3s linear 0s;}
.downcenter_list dl a:hover dd {width:80%; overflow:hidden; height:60px; padding-left:20px; text-align:left; line-height:24px; font-size:18px; color:#62773e; position:relative; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center; transition: all 0.3s linear 0s;}
.downcenter_list dl a:hover p {width:50px; overflow:hidden; height:50px; display:block; text-align:center; line-height:50px; font-size:24px; color:#62773e; position:absolute; top:50%; margin-top:-25px; right:10px; z-index:999; transition: all 0.3s linear 0s;}




/*搜索中心*/
.searchcenter {width:100%; overflow:hidden; padding-top:150px;}
.searchcenter div.m {width:80%; overflow:hidden; margin:0px auto; margin-bottom:1%}
.searchcenter div.m h1 {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:48px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important; text-align:center; margin-top:5%}
.searchcenter div.m h1 i {width:140px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-70px; background:#839064}
.searchcenter div.m div.so {width:800px; overflow:hidden; margin:0px auto; margin-top:2%}
.searchcenter div.m div.so form {width:100%; overflow:hidden; display:block; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.searchcenter div.m div.so form input {width:682px; overflow:hidden; height:60px; border:1px solid #ddd; background:#fff; padding-left:20px; padding-right:20px; line-height:60px; font-size:18px; color:#666; border-right:0px;}
.searchcenter div.m div.so form button {width:80px; overflow:hidden; height:60px; border:1px solid #ddd; background:#fff; border-left:0px; text-align:center; line-height:60px; font-size:30px; color:#333}
.searchcenter div.m div.hot {width:800px; overflow:hidden; margin:0px auto; text-align:center; line-height:30px; font-size:16px; color:#333; padding-top:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center;}
.searchcenter div.m div.hot a {width:auto; overflow:hidden; padding-right:10px; padding-left:10px; display:inline-block; color:#577524}
.searchcenter div.m div.hot a:hover {width:auto; overflow:hidden; padding-right:10px; padding-left:10px; display:inline-block; color:#093d9b}

.searchcenter div.m div.jieguo {width:800px; overflow:hidden; margin:0px auto; text-align:center; line-height:30px; font-size:20px; color:#333; padding-top:15px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; margin-top:2%}
.searchcenter div.m div.jieguo span {width:auto; overflow:hidden; padding-right:10px; padding-left:10px; display:inline-block; color:#577524}


/*环境详情页*/
.environments_banner {width:100%; overflow:hidden; height:100vh; background:url(../images/huanjing/showbg.jpg) center bottom no-repeat #ededed;}
.environments_banner div.m {width:94%; overflow:hidden; margin:0px auto; height:80%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.environments_banner div.m div.l {width:48%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; align-items:center; align-content:center;}
.environments_banner div.m div.l img {width:100%; overflow:hidden; height:auto; display:block}
.environments_banner div.m div.r {width:48%; overflow:hidden; height:100%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.environments_banner div.m div.r h1 {width:100%; overflow:hidden; text-align:left; line-height:60px; font-size:48px; color:#325464; font-family:yingwen !important;}
.environments_banner div.m div.r a.down {width:100%; overflow:hidden; line-height:50px; font-size:30px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start; margin-top:20px; margin-bottom:20px;}
.environments_banner div.m div.r a.down i {width:40px; overflow:hidden; height:40px; display:block; margin-left:25px;}
.environments_banner div.m div.r a.down i img {width:100%; overflow:hidden; height:auto; display:block}
.environments_banner div.m div.r div.sub {width:100%; overflow:hidden; font-size:24px; color:#333; display:block; text-align:left;}


.environments_swjgt {width:100%; margin:0px auto; overflow:hidden; height:80vh; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative}
.environments_swjgt div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.environments_swjgt div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#325464}

.mySwiper7 {width:60%; margin:0px auto; min-width:1200px; margin-top:50px;}
.mySwiper7 div.swiper-wrapper {width:auto;}
.mySwiper7 div.swiper-wrapper div.swiper-slide {width:100% !important; margin:0px auto; overflow:hidden; height:auto; display:block}
.mySwiper7 div.swiper-wrapper div.swiper-slide img {width:90%; margin:0px auto; overflow:hidden; height:auto; display:block; border-radius:15px;}

.environments_swjgt div.swiper-button-next {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/right.png) !important; right:7% !important; top:55% !important}
.environments_swjgt div.swiper-button-prev {width:35px !important; overflow:hidden !important; height:65px !important; background:url(../images/chuneng/left.png) !important; left:7% !important; top:55% !important}
.environments_swjgt div.swiper-button-next::after, .swiper-button-prev::after {font-size:0px !important}

.environments_swjgtsub {width:82%; margin:0px auto; min-width:1200px; overflow:hidden; font-size:20px; color:#333; display:block; text-align:left; margin-bottom:5%}
.environments_swjgtsub p {width:auto; overflow:hidden; text-align:left; line-height:30px; font-size:20px; padding-bottom:20px;}


.environments_canshu {width:100%; margin:0px auto; overflow:hidden; height:90vh; background:#f1f7fa; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative}
.environments_canshu div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.environments_canshu div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#325464}
.environments_canshu div.m {width:82%; margin:0px auto; min-width:1200px; overflow:hidden; display:block; text-align:left; margin-top:3%}
.environments_canshu div.m img {width:100%; overflow:hidden; height:auto; display:block}


.environments_peizhi {width:100%; margin:0px auto; overflow:hidden; height:auto; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative; padding-top:5%; padding-bottom:5%}
.environments_peizhi div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.environments_peizhi div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#325464}
.environments_peizhi div.m {width:82%; margin:0px auto; min-width:1200px; overflow:hidden;}
.environments_peizhi div.m h1 {width:auto; overflow:hidden; height:45px; border-radius:100px; background:#6b933b; text-align:center; line-height:45px; font-size:20px; color:#FFF; padding-left:3%; padding-right:3%; float:left; margin-top:3%; font-weight:normal}
.environments_peizhi div.m h2 {width:auto; overflow:hidden; height:45px; border-radius:100px; background:#2b6faf; text-align:center; line-height:45px; font-size:20px; color:#FFF; padding-left:3%; padding-right:3%; float:left; margin-top:3%; font-weight:normal}
.environments_peizhi div.m h3 {width:auto; overflow:hidden; height:45px; border-radius:100px; background:#2c5061; text-align:center; line-height:45px; font-size:20px; color:#FFF; padding-left:3%; padding-right:3%; float:left; margin-top:3%; font-weight:normal}

.environments_peizhi div.m div.ico {width:100%; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}
.environments_peizhi div.m div.ico dl {width:210px; overflow:hidden; height:auto; padding-right:3%; margin-top:3%}
.environments_peizhi div.m div.ico dl dt {width:166px; overflow:hidden; height:166px; border:2px solid #bdbdbd; padding:20px; border-radius:20px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; align-items:center; align-content:center;}
.environments_peizhi div.m div.ico dl dt img {width:100%; overflow:hidden; height:auto; display:block}
.environments_peizhi div.m div.ico dl dd {width:auto; overflow:hidden; text-align:center; font-size:16px; color:#333; line-height:26px; padding-top:15px;}



/*文旅详情页*/
.culturaltourism_banner {width:100%; overflow:hidden; height:auto; display:block; position:relative}
.culturaltourism_banner em {width:100%; overflow:hidden; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:1; background:url(../images/tm.png)}
.culturaltourism_banner img {width:100%; overflow:hidden; height:auto; display:block}

.culturaltourism_banner div.sub {width:60%; overflow:hidden; background:url(../images/b_tm.png); padding:5%; position:absolute; top:15%; right:0px; z-index:222}
.culturaltourism_banner div.sub h1 {width:100%; overflow:hidden; text-align:left; line-height:40px; font-size:32px; color:#fff; font-family:yingwen !important;}
.culturaltourism_banner div.sub a.down {width:100%; overflow:hidden; line-height:50px; font-size:22px; color:#fff; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start; margin-top:5px; margin-bottom:5px;}
.culturaltourism_banner div.sub a.down i {width:30px; overflow:hidden; height:30px; display:block; margin-left:15px;}
.culturaltourism_banner div.sub a.down i img {width:100%; overflow:hidden; height:auto; display:block}
.culturaltourism_banner div.sub div.subshow {width:100%; overflow:hidden; font-size:16px; color:#fff; display:block; text-align:left; margin-top:20px}

.culturaltourism_banner div.sub dl {width:100%; overflow:hidden; font-size:24px; height:36px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start;}
.culturaltourism_banner div.sub dl dt {width:26px; overflow:hidden; height:20px; text-align:left; line-height:20px; font-size:16px; color:#cf9b35}
.culturaltourism_banner div.sub dl dd {width:auto; overflow:hidden; height:auto; text-align:left; line-height:25px; font-size:16px; color:#fff}


.culturaltourism_jiegou {width:100%; margin:0px auto; overflow:hidden; height:auto; background:#fff; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative; padding-top:5%; padding-bottom:5%}
.culturaltourism_jiegou div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.culturaltourism_jiegou div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#4eb4d8}
.culturaltourism_jiegou div.sub {width:82%; overflow:hidden; margin:0px auto; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.culturaltourism_jiegou div.sub div.l {width:60%; overflow:hidden;}
.culturaltourism_jiegou div.sub div.l img {width:100%; overflow:hidden; height:auto; display:block}
.culturaltourism_jiegou div.sub div.r {width:38%; overflow:hidden;}
.culturaltourism_jiegou div.sub div.r dl {width:100%; overflow:hidden; font-size:24px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:flex-start; align-content:flex-start; justify-content:flex-start; margin-top:10px; margin-bottom:10px;}
.culturaltourism_jiegou div.sub div.r dl dt {width:26px; overflow:hidden; height:20px; text-align:left; line-height:20px; font-size:12px; color:#cf9b35; margin-top:5px;}
.culturaltourism_jiegou div.sub div.r dl dd {width:auto; overflow:hidden; height:auto; text-align:left; line-height:28px; font-size:18px; color:#333}
.culturaltourism_jiegou div.tuku {width:100%; overflow:hidden; margin:0px auto; margin-top:2%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.culturaltourism_jiegou div.tuku p {width:49%; overflow:hidden; display:block; position:relative}
.culturaltourism_jiegou div.tuku p img {width:100%; overflow:hidden; height:auto; display:block}
.culturaltourism_jiegou div.tuku p span {width:100%; overflow:hidden; height:100%; display:none; padding:10%; text-align:left; line-height:35px; color:#fff; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999; font-size:20px;}

.culturaltourism_jiegou div.tuku p:hover {width:49%; overflow:hidden; display:block; position:relative}
.culturaltourism_jiegou div.tuku p:hover img {width:100%; overflow:hidden; height:auto; display:block}
.culturaltourism_jiegou div.tuku p:hover span {width:100%; overflow:hidden; height:100%; display:block; padding:10%; text-align:left; line-height:35px; color:#fff; background:url(../images/tm.png); position:absolute; top:0px; left:0px; z-index:999; font-size:20px;}


.culturaltourism_canshu {width:100%; margin:0px auto; overflow:hidden; height:auto; background:#e3edf1; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative; padding-top:5%; padding-bottom:5%}
.culturaltourism_canshu div.title {width:82%; margin:0px auto; overflow:hidden; line-height:60px; font-size:30px; padding-bottom:20px; position:relative; font-weight:bold; color:#000; text-align:left; font-family:yingwen !important;}
.culturaltourism_canshu div.title i {width:80px; overflow:hidden; height:5px; display:block; position:absolute; bottom:0px; left:0px; background:#4eb4d8}
.culturaltourism_canshu div.sub {width:82%; margin:0px auto; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center;}
.culturaltourism_canshu div.sub h1 {width:100%; overflow:hidden; height:45px; text-align:left; line-height:45px; font-size:20px; color:#1b72c2; margin-top:3%; font-weight:normal}
.culturaltourism_canshu div.sub div.nr {width:25%;}
.culturaltourism_canshu div.sub div.nr dl {width:100%; overflow:hidden; font-size:24px; height:30px; color:#333; display:block; text-align:left; display:flex; display: -webkit-flex; align-items:center; align-content:center; justify-content:flex-start;}
.culturaltourism_canshu div.sub div.nr dl dt {width:20px; overflow:hidden; height:20px; text-align:left; line-height:20px; font-size:12px; color:#4eb4d8}
.culturaltourism_canshu div.sub div.nr dl dd {width:auto; overflow:hidden; height:auto; text-align:left; line-height:25px; font-size:16px; color:#333}