.sidemenu{margin:0 0 20px;}
.main-right{margin-left:350px;}

.main-left{float:left;width:310px;position:relative;}
.main-left .affix{position:fixed;top:88px;width:310px;}
.main-left .affix-bottom{position:relative;}

.main-left h3{font-size:18px;height:50px;line-height:49px;padding:0 0 0 7px;font-weight:bold;border-bottom:1px solid #e2e2e2;color:#212121;position:relative;}
.main-left h3::after {display:none;font-family:"qico";content:"\e727";position:absolute;top:6px;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;}
.main-left h3.active::after {-webkit-transform:rotate(45deg) scale(1.08);-ms-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08);}

.sidemenu>ul{margin:0;padding:0;}
.sidemenu>ul>li {border-bottom:1px solid #EFEFEF;}
.sidemenu>ul>li h5 {line-height:22px;display:block;padding:15px 0 15px 7px;font-size:16px;color:#666;cursor:pointer;position:relative;}
.sidemenu>ul>li h5 a {display:block;margin-right:40px;box-sizing:border-box;color:#212121;}
.sidemenu>ul>li h5 a:hover {color:var(--color-primary);text-decoration:underline;}
.sidemenu>ul>li h5 span {position:absolute;right:0;top:calc(50% - 20px);background:url("images/i4.png") no-repeat center;width:40px;height:40px;display:block;}
.sidemenu>ul>li ul {display:none;padding:10px 0;}
.sidemenu>ul>li ul li {line-height:20px;padding:10px 13px;}
.sidemenu>ul>li ul li a {padding-left:12px;font-size:15px;color:#999;display:block;}
.sidemenu>ul>li ul li.active a,.sidemenu>ul>li ul li a:hover {color:#212121;text-decoration:underline;background:url("images/dot.png") no-repeat left 7px;}

.sidemenu>ul>li.active h5 {color:#212121;text-decoration:underline;border-bottom:1px solid #EFEFEF;}
.sidemenu>ul>li.active span {background:url("images/i4-1.png") no-repeat center;}
.sidemenu>ul>li h5.fnoborder{border:none;}
@media screen and (max-width:1441px) {

.main-right{margin-left:320px;}
.main-left{width:280px;}
  
}

@media screen and (max-width:1280px) {

.main-right{margin-left:300px;}
.main-left{width:260px;}

}

@media screen and (max-width:992px) {

.main{padding-top:30px;padding-bottom:20px;}
.main-right {margin-left:0;}
.main-left {float:none;width:100%;}
.main-left h3::after {display:block;}

.sidemenu>ul {display:none;}
.sidemenu>ul>li h5 {padding:15px 0 15px 7px;}
.sidemenu>ul>li ul li {padding:7px 13px;}
}

@media screen and (max-width:768px) {
.main {padding-top:20px;}
.rtit h1{font-size:30px;text-align:center}
}

@media screen and (max-width:480px) {
.rtit h1 {font-size:24px}
}

@media screen and (max-width:768px){
.main-left .affix{
position: static;
}
}