#sub-banner{text-align:right;padding:80px 0;margin-top:73px;background-size:100% auto;background-position:50%}
#content{margin:50px 0}
#content .topnav{overflow:hidden;padding:30px 0}
#content .topnav .rightside{float:right;overflow:hidden}
#content .topnav .title{float:left}
#content .topnav .title h2{font-size:50px;color:#000000}
#content .topnav .title h3{font-size: 29px;color:#000000;margin-top:40px;line-height:52px}
#content .topnav .title h2 img,.otherTit img{vertical-align:baseline}
#content .topnav .title h2 b{color:#656565;font-size:21px;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:-10px -13px;padding-top:115px;padding-right:30px;margin-left:10px;font-weight:normal;min-width:60px}
#content .topnav .rightside .waylink strong{color:#414141}
#content .topnav .rightside .waylink{padding-right:10px}
#content .topnav .rightside .waylink a,#content .topnav .rightside .waylink{font-size:14px;color:#b6b6b6;text-align:right}
#content .topnav .rightside .waylink ol{overflow:hidden;display: inline-flex;margin: 0;padding: 0;align-items: center;flex-wrap: wrap;}
#content .topnav .rightside .waylink ol li{position:relative;padding-left:10px;margin-left:5px;}
#content .topnav .rightside .waylink ol li .h3{font-size:14px;font-weight:normal;margin: 0;}
#content .topnav .rightside .waylink ol li:after{position:absolute;content:'>';left:0;top:0;color:#b6b6b6;font-size:14px}
#content .topnav .rightside .waylink ol li:first-child:after{display:none}
#content .topnav .rightside #side-nav{margin-top:40px}
#content .topnav .rightside #side-nav ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#content .topnav .rightside #side-nav li{background-repeat:no-repeat;text-align:center;position:relative;margin-bottom:10px;width:calc((100%/4) - 35px);padding:10px;border:1px solid #1e7f5f;border-radius:3px}
#content .topnav .rightside #side-nav li:hover a{color:#fff}
#content .topnav .rightside #side-nav ul li a{display:block;color:#1e7f5f;margin:0;font-size:14px;font-weight:bolder;position:relative;overflow:hidden;height:22px}
#content .topnav .rightside #side-nav ul li.action a,#content .topnav .rightside #side-nav ul li:hover a,#content .topnav .rightside #side-nav ul li.action,#content .topnav .rightside #side-nav ul li:hover{background:#1e7f5f;color:#fff}
#content .topnav .rightside #side-nav ul li.action a:after,#content .topnav .rightside #side-nav ul li:hover a:after{content:" ";width:0px;height:0px;border-style:solid;border-width:5px 7.5px 0 7.5px;border-color:#1e7f5f transparent transparent transparent;position:absolute;bottom:-5px;left:50%;margin-left:-7.5px}
#content .content-wrap{margin-top:5px;color:#000}
#content .content-wrap article::selection,#content .content-wrap div::selection{background:#1e7f5f;color:#fff}
#content .content-wrap img{height:auto !important}
#bottom-service{background-image:url(/images/32/pro-bottom-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:48% 0%;color:#fff;padding:50px 0}
.content-main #community{margin:20px 0}
.content-main #community li{float:left;line-height:0}
#pagenav{}
#pagenav p{border:1px solid #1e7f5f;padding:5px 10px;border-radius:5px;font-size:18px;color:#1e7f5f;font-weight:bolder}
#pagenav p:hover{background:#1e7f5f;color:#fff}
#pagenav p a{margin-left:10px}
#suscribe-btn{text-align:center;margin:70px 0}
#suscribe-btn a{background:linear-gradient(to bottom,#f39c12,#f48f0c,#f4820b,#f4750d,#f36612);color:#fff;padding:15px 70px}
#suscribe-btn a:hover{background:linear-gradient(to top,#f39c12,#f48f0c,#f4820b,#f4750d,#f36612)}

@media screen and (-webkit-min-device-pixel-ratio:0){
    ::i-block-chrome,#bottom-service{background-attachment:none;background-position:50% 50%}
}
#bottom-service .lefttitle{float:left;width:22%;font-size:35px;line-height:110%;text-align:right}
#bottom-service .lefttitle h3{text-align:right;margin-top:10px}
#bottom-service .lefttitle p{text-align:right}
#bottom-service .serviceicon{float:right;text-align:right;width:100%}
#bottom-service .serviceicon li{text-align:center;display:inline-block;width:16%;padding:10px 0}
#bottom-service .serviceicon li img{width:60%}
#bottom-service .serviceicon li p{text-align:center;font-size:18px;margin-top:15px}

@media screen and (max-width:1280px){
    #bottom-service .lefttitle,#bottom-service .serviceicon{width:100%}
    #bottom-service .lefttitle,#bottom-service .lefttitle h3,#bottom-service .lefttitle p{text-align:center;font-size:28px}
    #bottom-service .lefttitle{margin-bottom:50px}
    #sub-banner img{max-width:40%}
}
@media screen and (max-width:980px){
    #content .topnav .title,#content .topnav .rightside{float:none;margin-bottom:10px}
    #content .topnav .title h2,.otherTit{text-align:center}
    #content .topnav .rightside #side-nav{margin-top:5px}
    #content .topnav .title h2 img{height:55px;vertical-align:bottom}
    #sub-banner img{max-width:50%}
    #content .topnav .title h3{font-size:30px}
}
@media screen and (max-width: 640px){
    #content .topnav{padding: 0 0 20px;}
    #content .topnav .rightside #side-nav ul{text-align:center}
    #content .topnav .title h2 img,#content .content-wrap .otherTit img{height:40px !important;vertical-align:baseline}
    #content .topnav .title h2 b,.otherTit b{font-size:16px}
    #bottom-service .serviceicon li{width:49%;margin-bottom:16px}
    #content .topnav .rightside #side-nav ul li a{font-size:12px;padding:5px 10px}
    #sub-banner{padding:60px 0;background-size:cover}
    #content .topnav .rightside #side-nav li{width: calc((100%/2) - 27px);}
    #sub-banner img{max-width:60%}
    #bottom-service{background-position:0% 100%}
    #pagenav .page-prev,#pagenav .page-next{float:none;border:none;border-bottom:1px solid #dcdcdc;border-radius:0;padding:10px;margin:0}
}
@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome,#bottom-service{background-position:50% 100%}
}
@media screen and (max-width:480px){
    #content{margin:30px 0;}
    #content .topnav .rightside .waylink{padding:0}
    #content .topnav .rightside .waylink ol{display: flex;margin: 0;padding: 0 5px;flex-wrap: wrap;align-items: center;}
    #sub-banner{text-align:center}
    #sub-banner img{max-width:80%}
    #content .topnav .title h2 b{display:block;float:right;background-position:50% 0;margin-top:-101px;margin-left:-48px}
    #content .topnav .title h2 img,.otherTit img{display:none}
    #content .topnav .title{margin: 10px;text-align:center;}
    #content .topnav .title h2{font-size:40px}
    #content .topnav .title h3{font-size: 22px;margin-top:14px;line-height: 150%;}
}