@charset "utf-8";
.newsban{ padding-top:170px;}
.view_news{ padding-top:170px;}
.smooth01{ margin-top:170px; overflow:hidden;}
@media screen and (max-width: 1660px) {
.newsban{ padding-top:170px;}
.view_news{ padding-top:170px;}
.smooth01{ margin-top:170px;}
}
@media screen and (max-width: 580px) {
.newsban{ padding-top:80px;}
.view_news{ padding-top:80px;}
.smooth01{ margin-top:80px;}
}
@media screen and (max-width: 480px) {
.newsban{ padding-top:70px;}
.view_news{ padding-top:70px;}
.smooth01{ margin-top:70px;}
}
.newsban{ background:#005c2f;}
.newsban img{ display:block; width:100%;}
.smooth01{ background:#44a386; padding:1% 0;}
.smooth01_tit{ text-align:center; color:#fff; margin-bottom:3%;}
.smooth01_tit em{ font-weight:700; line-height:2; display:block;}
.smooth01_tit span{ border:2px #fff solid; border-radius:30px; display:inline-block;}
@media screen and (min-width:1200px) {
.smooth01_tit em{ font-size:66px; letter-spacing:5px;}
.smooth01_tit span{ font-size:32px; padding:5px 45px;}
.smooth01_con li{ margin-bottom:-85px;}
.smooth01_con li p{ font-size:21px; margin-top:25px;}
.smooth01_con li p i{ font-size:28px; padding:0 20px;}

}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth01_tit em{ font-size:66px; letter-spacing:5px;}
.smooth01_tit span{ font-size:32px; padding:5px 45px;}
.smooth01_con li{ margin-bottom:-15px;}
.smooth01_con li p{ font-size:18px; margin-top:15px;}
.smooth01_con li p i{ font-size:18px; padding:0 15px;}
.smooth01_con li span i img{ width:120px;}
}
@media screen and (max-width:960px) {
.smooth01_tit em{ font-size:31px; letter-spacing:1px;}
.smooth01_tit span{ font-size:18px; padding:5px 25px;}
.smooth01_con li{ margin-bottom:15px;}
.smooth01_con li p{ font-size:16px; margin-top:5px;}
.smooth01_con li p i{ font-size:16px; padding:0 10px;}
.smooth01_con li span i img{ width:100px;}
.smooth01_con li.ltt span img{ width:80px; height:auto;}
.smooth01_con li.rgg span img{ width:80px; height:auto;}
}
.smooth01_con li{ color:#fff; position:relative;}
.smooth01_con li.ltt{ text-align:left;}
.smooth01_con li.ltt img.smimg{ float:left; max-width:25%;}
.smooth01_con li.ltt span{ display:flex; position:relative; left:-25px;}
.smooth01_con li.ltt span img{ margin-left:25px;}
.smooth01_con li span i{ position:relative;}
.smooth01_con li.ltt span i{ padding:0 10% 0 15px;}
.smooth01_con li.rgg span i{ padding:0 15px 0 10%;}
.smooth01_con li span i img{ padding-top:25px; position:relative; margin-left:0; padding-bottom:15px;}
.smooth01_con li span i:before{ position:absolute; left:0; bottom:10px; width:100%; height:2px; background:#fff; content:"";}
.smooth01_con li span i:after{ position:absolute; right:0; bottom:7px; width:8px; height:8px; border-radius:50%; background:#fff; content:"";}
.smooth01_con li p{ display:block;}
.smooth01_con li p i{ font-weight:700;}
.smooth01_con li.ltt p i{ display:inline;}
.smooth01_con li.rgg{ text-align:right;}
.smooth01_con li.rgg img.smimg{ float:right; max-width:25%;}
.smooth01_con li.rgg span{ display:flex; position:relative; right:-25px; justify-content: right;}
.smooth01_con li.rgg span img{ margin-right:25px;}
.smooth01_con li.rgg p i{ display:inline;}
.smooth01_con li.rgg span i:after{ left:0;}

.smooth02{ padding-top:5%; background:url(../images/bg3.jpg) #fff center bottom no-repeat; background-size:100% auto;}
.smooth02_tit{ text-align:center;}
.smooth02_tit p{ position:relative; color:#03451a; font-weight:700; letter-spacing:5px;}
.smooth02_tit p i{}
.smooth02_tit p img.ftimg01{ position:absolute; left:0; top:0; max-width:35%;}
.smooth02_tit p img.ftimg02{ position:absolute; right:0; bottom:0; max-width:35%;}
.smooth02_mid{ display:block;}
.smooth02_mid img{ display:block; max-width:1020px; width:100%; margin:0 auto;}
@media screen and (min-width:1200px) {
.smooth02_tit{ padding:0 10%;}
.smooth02_tit p{ font-size:65px; padding:15px 0 80px;}
.smooth02_tit p i{ font-size:210px; padding:0 10px 0 30px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth02_tit p{ font-size:65px; padding:15px 0 80px;}
.smooth02_tit p i{ font-size:210px; padding:0 10px 0 30px;}
}
@media screen and (max-width:960px) {
.smooth02{ padding-top:35px;}
.smooth02_tit p{ font-size:24px; padding:35px 0;}
.smooth02_tit p i{ font-size:50px; padding:0 5px 0 20px;}
}

.smooth03{ padding:4% 0;}
.smooth03_tit{ margin-bottom:3%; text-align:center;}
.smooth03_tit span{ display:flex; justify-content: center; font-weight:700;}
.smooth03_tit span img{ margin-right:15px;}
@media screen and (min-width:1200px) {
.smooth03_tit span{ font-size:43px;}
.smooth03_con table th{ line-height:43px; font-size:24px; border-bottom:3px solid #ddd; padding:15px 0;}
.smooth03_con table th img{ height:43px; margin-right:15px;}
.smooth03_con table td{ line-height:40px; font-size:24px; border-bottom: 1px solid #ddd; padding:15px 0;}
.smooth03_con table td img{ height:40px; margin-right:15px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth03_tit span{ font-size:32px;}
.smooth03_tit span img{ height:35px;}
.smooth03_con table th{ line-height:35px; font-size:18px; border: 1px solid #ddd; padding:10px 15px;}
.smooth03_con table th img{ display:none;}
.smooth03_con table td{ line-height:32px; font-size:16px; border: 1px solid #ddd; padding:10px 15px;}
.smooth03_con table td img{ display:none;}
}
@media screen and (max-width:960px) {
.smooth03_tit span{ font-size:21px;}
.smooth03_tit span img{ height:26px;}
.smooth03_con table th{ line-height:25px; font-size:14px; border: 1px solid #ddd; padding:5px 10px;}
.smooth03_con table th img{ display:none;}
.smooth03_con table td{ line-height:22px; font-size:12px; border: 1px solid #ddd; padding:5px 10px;}
.smooth03_con table td img{ display:none;}
}
.smooth03_con table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.smooth03_con table thead { font-weight:700; text-align:left;}
.smooth03_con table th img{ float:left;}
.smooth03_con table td img{ float:left;}

.smooth04{ padding:4% 0; background:url(../images/bg5.jpg) center no-repeat; background-size:100% 100%;}
.smooth04 img{ display:block; margin:0 auto 3%; max-width:849px; width:100%;}
.smooth04 p{ line-height:1.5; text-align:center; color:#006452;}
@media screen and (min-width:1200px) {
.smooth04 p{ font-size:55px; letter-spacing:5px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth04 p{ font-size:35px; letter-spacing:3px;}
}
@media screen and (max-width:960px) {
.smooth04 p{ font-size:24px; letter-spacing:1px; padding-bottom:5%;}
}

.smooth05{ padding:4% 0;}
.smooth05_tit{ margin-bottom:3%; text-align:center;}
.smooth05_tit span{ display:flex; justify-content: center;}
.smooth05_tit span i{ color:#0a7748; font-weight:700;}
.smooth05_con table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 14px; }
.smooth05_con table thead {  font-weight:700; text-align:left; background:#e0e0e0;}
.smooth05_con table th{ border:1px solid #ddd;}
.smooth05_con table td { border: 1px solid #ddd;}
.smooth05_con table th span{ float:left;}
@media screen and (min-width:1200px) {
.smooth05_tit span{ font-size:56px; line-height:160px;}
.smooth05_tit span img{ margin:0 15px 0 25px; height:160px;}
.smooth05_con table th{ padding:15px; line-height:43px; font-size:24px;}
.smooth05_con table td { padding:15px; line-height:40px; font-size:24px;}
.smooth05_con table th img{ float:left; height:43px; margin-left:15px;}
.smooth05_con table td img{ float:left; height:40px; margin-right:15px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth05_tit span{ font-size:36px; line-height:90px;}
.smooth05_tit span img{ margin:0 15px 0 25px; height:90px;}
.smooth05_con table th{ padding:10px 15px; line-height:30px; font-size:20px;}
.smooth05_con table td { padding:10px 15px; line-height:28px; font-size:19px;}
.smooth05_con table th img{ float:left; height:30px; margin-left:10px;}
.smooth05_con table td img{ float:left; height:28px; margin-right:10px;}
}
@media screen and (max-width:960px) {
.smooth05_tit span{ font-size:26px; line-height:60px;}
.smooth05_tit span img{ margin:0 5px 0 15px; height:60px;}
.smooth05_con table th{ padding:5px 10px; line-height:23px; font-size:16px;}
.smooth05_con table td { padding:5px 10px; line-height:20px; font-size:15px;}
.smooth05_con table th img{ display:none;}
.smooth05_con table td img{ display:none;}
}

.smooth06{ padding:4% 0;}
.smooth06_tit{ margin-bottom:3%; text-align:center;}
.smooth06_tit img{ max-width:1130px; width:100%; display:block; margin:0 auto;}
.smooth06_con{ position:relative; margin:3% 18px; background:url(../images/vsbg.jpg) center no-repeat;} 
.smooth06_con img{ position:absolute;}
.smooth06_conlt{ box-sizing: border-box; color:#fff; position:relative;}
.smooth06_conlt img{ left:-18px; top:5%;}
.smooth06_concen{ line-height:2; text-align:center;}
.smooth06_concen i{ background:#e17ed1; color:#fff; display:block; margin:0 auto; border-radius:50%; box-sizing: border-box;}
.smooth06_conrig{  box-sizing: border-box; color:#577185; position:relative;}
.smooth06_conrig img{ right:-18px; top:5%;}
@media screen and (min-width: 1260px) {
.smooth06_con{ font-size:30px; line-height:2;}
.smooth06_conlt{ float:left; width: calc(50% - 90px); padding:25px 25px 25px 45px;}
.smooth06_concen{ float:left; width:180px; padding:10px;}
.smooth06_conrig{float:right; width: calc(50% - 90px); padding:25px 45px 25px 25px;}
.smooth06_concen i{ font-size:32px; width:160px; height:160px; padding:30px 0; line-height:50px;}
}
@media screen and (max-width: 1260px) and (min-width: 860px) {
.smooth06_con{ font-size:20px; line-height:2;}
.smooth06_conlt{ float:left; width: calc(50% - 90px); padding:25px 25px 25px 45px;}
.smooth06_concen{ float:left; width:180px; padding:10px;}
.smooth06_conrig{float:right; width: calc(50% - 90px); padding:25px 45px 25px 25px;}
.smooth06_conlt img{ height:80%;}
.smooth06_conrig img{ height:80%;}
.smooth06_concen i{ font-size:24px; width:130px; height:130px; padding:20px 0; line-height:45px;}
}
@media screen and (max-width: 860px) {
.smooth06{ padding:35px 0;}
.smooth06_tit{ margin-bottom:25px;}
.smooth06_con{ font-size:13px; line-height:20px;}
.smooth06_conlt{ float:left; width: calc(50% - 35px); padding:10px 10px 10px 15px;}
.smooth06_concen{ float:left; width:70px; padding:10px 0;}
.smooth06_conrig{float:right; width: calc(50% - 35px); padding:10px 15px 10px 10px;}
.smooth06_conlt img{ height:70px;}
.smooth06_conrig img{ height:60px;}
.smooth06_concen i{ font-size:14px; width:70px; height:70px; padding:10px 0; line-height:25px;}
}

.smooth07{ padding:3% 0; background:#007853; overflow:hidden;}
.smooth07_tit{ display:block; width:80%; max-width:689px; margin:0 auto;}
.smooth07_tit img{ max-width:100%;}
.smooth07_con{ display:block; background:url(../images/vs.png) center top 10% no-repeat; background-size:9% auto;}
.smooth07_con li{ width:50%; float:left; text-align:center;}
.smooth07_con li img{ display:block; width:90%; max-width:488px; margin:3% auto;}
.smooth07_con li:nth-child(1){ color:#d6d3e2;}
.smooth07_con li:nth-child(2){ color:#fff;}
@media screen and (min-width: 1260px) {
.smooth07_con li:nth-child(1){ line-height:2; font-size:24px;}
.smooth07_con li:nth-child(2){ line-height:2; font-size:24px;}
}
@media screen and (max-width: 1260px) and (min-width: 860px) {
.smooth07_con li:nth-child(1){ line-height:2; font-size:20px;}
.smooth07_con li:nth-child(2){ line-height:2; font-size:20px;}
}
@media screen and (max-width: 860px) {
.smooth07{ padding:6% 0;}
.smooth07_con li:nth-child(1){ line-height:1.5; font-size:13px; box-sizing: border-box; padding:0 10px;}
.smooth07_con li:nth-child(2){ line-height:1.5; font-size:13px; box-sizing: border-box; padding:0 10px;}
}

.smooth08{ padding-top:3%; overflow:hidden;}
.smooth08 img{ width:100%; max-width:1176px; display:block; margin:0 auto;}


.smooth09{ padding-top:5%; position:relative;}
.smooth09 img.bg{ display:block; width:100%; }
.smooth09_con{ position:absolute; z-index:10; text-align:center; left:50%; transform: translateX(-50%); width:80%; padding-top:8%;}
.smooth09_con img.font04{ display:block; max-width:80%; margin:0 auto;}
.smooth09_con img.font05{ display:block; max-width:60%; margin:2% auto 0;}
.smooth09_con em{ display:block; line-height:1.5; color:#0d3c2e; font-weight:700;}
.smooth09_con span{ color:#042b16; line-height:2;}
@media screen and (min-width:1200px) {
.smooth09_con em{ font-size:130px;}
.smooth09_con span{ font-size:55px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.smooth09_con em{ font-size:80px;}
.smooth09_con span{ font-size:40px;}
}
@media screen and (max-width:960px) {
.smooth09 .symainy{ padding-bottom:18%;}
.smooth09_con{ padding-top:4%;}
.smooth09_con img.font04{ display:block; max-width:40%;}
.smooth09_con em{ font-size:38px;}
.smooth09_con span{ font-size:16px;}
}

.newslist{ padding:3% 0;}
.news_tit{ text-align:center;}
.news_tit span{ color:#454545; font-weight:700; line-height:1.5;}
.news_con{ margin-top:3%;}
.news_con li{ margin-bottom:40px;}
.news_con li a{ display:block;background:#f5f5f7; padding:20px;}
.news_con li a img{ border-radius:10px; overflow:hidden; transform: scale(1); transition: all 0.5s ease-out; max-width:100%;}
.news_con li a:hover img{transform: scale(1.03);}
.news_con li a span{ background:url(../images/time.jpg) left no-repeat; padding-left:25px; color:#555; margin-top:30px; display:inline-block; font-size:16px;}
.news_con li a em{ font-weight:700; display:inherit; color:#222;}
.news_con li a p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; color:#555;}
.news_con li a i{ display:inline-block; background:url(../images/sj.png) #1b1b1b right bottom no-repeat; padding:12px 35px; color:#fff; margin-top:25px; transition: all 0.5s ease-out; font-size:18px; }
.news_con li a:hover i{ background-color:#006e48;}
@media screen and (min-width:1200px) {
.news_tit span{ font-size:48px;}
.news_con li a{ margin-left:5%;}
.news_con li a img{ float:left; margin-left:-5%; margin-right:35px; width:30%;}
.news_con li a em{ font-size:24px; line-height:2.5;}
.news_con li a p{ line-height:2;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.news_tit span{ font-size:38px;}
.news_con li a{ margin-left:5%;}
.news_con li a img{ float:left; margin-left:-5%; margin-right:35px; width:40%;}
.news_con li a em{ font-size:20px; line-height:2;}
.news_con li a p{ line-height:2;}
}
@media screen and (max-width:960px) {
.news_tit span{ font-size:24px;}
.news_con li a img{ width:100%;}
.news_con li a em{ font-size:18px; line-height:1.5;}
.news_con li a p{ line-height:1; font-size:16px; margin-top:10px;}
}

.view_news_tit{ font-size:28px; line-height:1.5; margin-top:4%;}
.view_news_ps{ line-height:2; color:#777; margin:15px 0; font-size:15px;}
.view_news_ps span{ margin-right:15px;}
.view_news_body{ line-height:2; border-bottom:1px #ddd solid; padding-bottom:2%; font-size:16px;}
.view_news_body img{ max-width:100% !important; height:auto !important;}
.view_news_shxia{ line-height:2; padding-top:15px; margin-bottom:5%;}
@media screen and (min-width:760px){
.view_news_shxia a{ float:left; width:50%; font-size:16px;}
.view_news_shxia a:nth-child(2){ text-align:right;}
}
@media screen and (max-width:760px){
.view_news_tit{ font-size:21px;}
.view_news_body{ font-size:15px;}
.view_news_shxia a{ font-size:15px; display:block;}
.view_news_body video{ width:100% !important; height:240px !important;}
} 
.view_news_body video{ display:block; margin:0 auto;}
.view_news_shxia a:hover{ color:#006e48;}

.infoly{ padding:3% 0;}
.infoly_tit{ text-align:center;}
.infoly_tit em{ font-size:36px; line-height:1.5; color:#042518; font-weight:700; display:block;}
.infoly_tit span{ font-size:24px;}
.infoly_con p{ margin:0 15px 15px;}
@media screen and (min-width:960px) {
.infoly_con{ display:block; padding:2% 5%;}
.infoly_con p{ float:left; width: calc(50% - 30px);}
}
@media screen and (max-width:960px) {
.infoly_tit em{ font-size:24px;}
.infoly_tit span{ font-size:15px;}
}
.infoly_con p .mytxt{ width:100%; box-sizing: border-box; border:1px #d8d8d8 solid; padding:0 20px; line-height:45px; outline:none;}
.infoly_con div{ margin:15px;}
.infoly_con div .mytxts{ width:100%; box-sizing: border-box; border:1px #d8d8d8 solid; padding:0 20px; line-height:45px; outline:none;}
.infoly_con .mysub{ background:#f072e8; font-size:24px; line-height:45px; width:100%; border:0; color:#fff;}

.listmap{ position:relative;}
.mymap{ width:130%; height:450px; position:relative; margin-left:-30%;}
.mymapcon{ z-index:10; background:#fff; box-sizing: border-box; padding:20px 35px;}
.mymapcon em{ font-size:24px; line-height:2; color:#f072e8;}
.mymapcon p{ padding-left:35px; margin:15px 0; font-size:16px;}
.mymapcon p.add{ background:url(../images/lx01.png) left no-repeat;}
.mymapcon p.tel{ background:url(../images/lx02.png) left no-repeat;}
.mymapcon p.mobile{ background:url(../images/lx03.png) left no-repeat;}
.mymapcon p.email{ background:url(../images/lx04.png) left no-repeat;}
@media screen and (min-width:1200px) {
.mymapcon{ position:absolute; left:50%; top:50%; transform: translateY(-50%); border-radius:20px; max-width:500px;}
}
@media screen and (max-width:960px) {
.mymap{ width:100%; height:240px; margin-left:0;}
}
