@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family:Arial, Helvetica, sans-serif;}
@font-face
{
font-family:GOTHIC;
src: url("GOTHIC.ttf")
    ,url("GOTHIC.eot"); /* IE9+ */
}
@font-face
{
font-family:GOTHICB;
src: url("GOTHICB.ttf")
    ,url("GOTHICB.eot"); /* IE9+ */
}
html, body { width: 100%; background: #fff;}
img { border: none; display: block; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
em,i{ font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#111;}

@media screen and (min-width: 1360px) {
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft20{ font-size:20px;}
.ft24{ font-size:22px;}
.ft32{ font-size:32px;}
.ft36{ font-size:36px;}
.ft42{ font-size:42px;}
.ft50{ font-size:50px;}
}
@media screen and (max-width:1360px) and (max-width:960px) {
.ft16{ font-size:15px;}
.ft18{ font-size:16px;}
.ft20{ font-size:18px;}
.ft24{ font-size:20px;}
.ft32{ font-size:26px;}
.ft36{ font-size:30px;}
.ft42{ font-size:32px;}
.ft50{ font-size:35px;}
}
@media screen and (max-width:960px) {
.ft16{ font-size:13px;}
.ft18{ font-size:14px;}
.ft20{ font-size:16px;}
.ft24{ font-size:18px;}
.ft32{ font-size:18px;}
.ft36{ font-size:24px;}
.ft42{ font-size:26px;}
.ft50{ font-size:20px;}
}

.main { width: 1400px; height: 100%; margin: 0 auto; }
.symain { width: 1630px; height: 100%; margin: 0 auto; }
@media screen and (max-width: 1660px) {
.symain { width:90%; margin:0 auto; }
}
@media screen and (max-width: 1460px) {
.symain { width:95%; margin:0 auto; }
.main { width:90%; margin:0 auto; }
}
@media screen and (max-width: 780px) {
.symain { width: 92%; padding: 0; }
.main { width: 92%; padding: 0; }
}
.fl { float: left; }
.fr { float: right;}


.footer{ background:#084225; padding-top:3%; color:#fff;}
.footer .symain{ background:#03331b; box-sizing: border-box;}
@media screen and (min-width:1080px) {
.footer .symain{ padding:45px 55px;}
.footer_logo{ float:left; width:35%;}
.footer_nav{ float:right; width:60%;}
}
@media screen and (max-width:1080px) {
.footer .symain{ padding:20px;}
.footer_nav{ display:none;}
}

.footer_logo img.flogo{ max-width:250px; width:60%;}
.footer_logo p{ padding-left:35px; line-height:35px; font-size:15px; margin:10px 0;}
.footer_logo p.tel{ background:url(../images/img11.png) left 0 top 5px no-repeat;}
.footer_logo p.email{ background:url(../images/img12.png) left 0 top 5px no-repeat;}
.footer_logo p.address{ background:url(../images/img10.png) left 0 top 5px no-repeat;}
.footer_logo li{ float:left; margin-right:10px; max-width:22%; text-align:center;}
.footer_logo li img{ width:100%; border:1px #1d4832 solid; box-sizing: border-box; padding:6px; margin-bottom:5px;}
.footer_logo li span{ font-size:13px; line-height:1; color:#eee;}
.footer_logo .fimg{ display:flex; margin-top:25px;}
.footer_logo .fimg img{ margin-right:25px;}

.footer_nav li{ margin-right:5%; float:left;}
.footer_nav li em{ display:block; line-height:3; position:relative; margin-bottom:15px;}
.footer_nav li em:before{ content:""; width:20px; height:3px; background:#00b862; left:0; bottom:0; position:absolute;}
.footer_nav li em a{font-weight: bolder;color:#fff;}
.footer_nav li span a{ display:block; line-height:1.8; color:rgba(255,255,255,0.8); font-size:15px;}
.footer_nav li span a:hover{ color:rgba(255,255,255,1); text-decoration:underline;}
.copyright{ padding:25px 0; text-align:center; color:rgba(255,255,255,0.8); font-size:15px;}

.view_process{ padding:3% 0; background-color: rgba(245, 245, 245, 0.8);}
.view_process ul{ margin-top:30px;}
@media screen and (min-width:1500px) {
.view_process li{ float:left; width:calc(20% - 12px); margin-right:15px; margin-bottom:20px;}
.view_process li:nth-child(5n){ margin-right:0}
}
@media screen and (max-width:1500px) and (min-width:1300px) {
.view_process li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.view_process li:nth-child(4n){ margin-right:0}
}
@media screen and (max-width:1300px) and (min-width:960px) {
.view_process li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.view_process li:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:960px) {
.view_process li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.view_process li:nth-child(2n){ margin-right:0}
}
.view_process li a{ display:block; position:relative; overflow:hidden; }
.view_process li a img.pbg{ width:100%;}
.view_process li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.view_process li a:hover img.pimg{transform: scale(1.1);}
.view_process li span{ color:#333; line-height:3; display:block; background:#eee; text-align:center; font-family:"GOTHICB";}
.view_process li:hover span{ background:#00900a; color:#fff;}




.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li span{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li .current{color:#fff;display:inline-block;border:1px solid #ddd;padding:6px 15px;border-color:#ccc;background:#ccc;}
.pagelist .hover {background:#ccc;color:#fff;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#ccc;background:#ccc;color:#fff;}
.pagelist li.active a{border-color:#ccc;background:#ccc;color:#fff;}
.mod_page_content_li{
  border-bottom: 1px dashed #dbe4eb;
   list-style: outside;
}
#active{
    
    display: block;
}