/*.containerbox{position:relative;}*/
.containerbox{position:relative;padding-top:60px;}
/***********************************contentpage***************************************** */
.warper_top {display:block;width:100%; padding:5px 0;margin:0px auto 0px auto;color:#333; /*display:none;*/background:#f6f7fb;border-bottom:0px solid #f1f1f1;}
.warper_top:after{display:block;content:"";clear:both;width:100%;}
.warper_top a {color: #333;}
.warper_cet {display:block;height:auto;margin:2% auto 2% auto;padding-top:0%;}
.warper_bot {display: block;padding-bottom:26px;margin:0px auto 0px auto;background: none;text-align: center;color: #efefef;font-size:6px;}
/***********************************left or right****************************************/
#jj_left{width:25%; display:inline; float:right; text-align:center;  margin-left:0px; margin-bottom:0%;border:0px solid #f1f1f1;overflow:hidden;
         /*font-family:'Playfair Display',serif;*/
}
#jj_right {width: 73%;padding:0;  display: inline;float: left;margin-right: 0px;padding-right: 0px;margin-bottom:0%;}
.left_title {display:block; width:100%;overflow:hidden; height:initial; margin:0px auto 0px auto; display:block;font-size:20px;text-align:left;line-height:50px;border-bottom:0px solid #dcdcdc;font-weight:bold;position:relative;
             background:#fbb801;text-align:center;color:#fff;text-shadow:0 1px 1px #000;
}
.left_title span {display:none;line-height:30px; position:relative;bottom:15px;background:none;font-size:20px;text-transform:uppercase;color:#fff;}

.jj_left_widget{border:1px solid #00000040;padding:19px;margin-bottom:20px;/*background:linear-gradient(to bottom,#dcdcdc,#ffffff);*/ border-radius:10px;}

/***********************************contmenu***************************************** */
/*DEv*/
#jj_left_menu{border-top:0;width:100%;overflow:hidden;margin-bottom:0px;background:initial;padding:0px;}
#jj_left_menu .box_02 ul{ width:100%; margin:0px auto 0px auto; padding-bottom:0px; }
#jj_left_menu .box_02 ul li {margin-top:0px;}
#jj_left_menu .box_02 ul li{text-align:center; width:100%;padding-left:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;position:relative;}
#jj_left_menu .box_02 ul li s{display:block;width:50px;height:50px;text-align:center;line-height:50px; position:absolute;right:0;top:0;text-decoration:none;transform:rotate(-90deg);}
#jj_left_menu .box_02 ul li a{padding-left:0px;display:block;text-align:left; width:100%;padding:0 0px; height:50px; line-height:50px;color:#333;border-bottom:1px solid #e5e5e5; font-size:14px;
                              padding-left:20px;position:relative;
}
#jj_left_menu .box_02 ul li a:after{display:block;content:"";width:10px;height:2px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fbb801;}
#jj_left_menu .box_02 ul li:nth-child(4n+1) a:after{background:#fbb801;}
#jj_left_menu .box_02 ul li:nth-child(4n+2) a:after{background:#3ad0cc;}
#jj_left_menu .box_02 ul li:nth-child(4n+3) a:after{background:#a4bf3c;}
#jj_left_menu .box_02 ul li:nth-child(4n+4) a:after{background:#33355c;}

#jj_left_menu .box_02 ul li:hover a{color:#000000;}
#jj_left_menu .box_02 ul li.lthis01{text-align:center; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:initial;}
#jj_left_menu .box_02 ul li.lthis01 a{color:#fbb801; font-weight:bold;padding-left:20px;position:relative;}

#jj_left_menu .box_02 ul li ul{opacity:1;height:auto;transition:all 1s;display:none;}
#jj_left_menu .box_02 ul li ul li a{width:calc(100% - 40px);padding-left:40px;line-height:50px; height:50px;text-align:left;font-weight:400;font-size:small;color:#666;}
#jj_left_menu .box_02 ul li.lthis01 ul li a{width:100%;line-height:50px; height:50px;text-align:center;font-weight:400;font-size:small;color:#666;}
#jj_left_menu .box_02 ul li:hover s{transform:rotate(0deg);}
#jj_left_menu .box_02 ul li:hover ul{opacity:1;height:auto;transition:all 1s;display:block;}
#jj_left_menu .box_02 ul li:hover ul li a{line-height:50px; height:50px;text-align:left;font-weight:400;font-size:small;color:#666;}
#jj_left_menu .box_02 ul li:hover ul li:hover a{color:#003399;}
#jj_left_menu .box_02 ul li.lthis01 i {position:absolute;display:none;width:10px;height:10px;background:#000084;margin-top:0px; transform: translateY(6px) rotateZ(45deg);left:20px ;margin-top:-35px;}

.jj_left_history{margin-top:30px;overflow:hidden;}
.jj_left_ad{margin-top:30px;overflow:hidden;}
.jj_left_ad img {width: 100%;}

#jj_right_top{display:block;width:calc(100% - 10px);padding-left:10px; height:50px;line-height:50px;background:#dcdcdc;}
/*
.jj_left_history h3 {display:block; width:calc(100% - 40px);overflow:hidden; height:50px; margin:0px auto 0px auto; display:block;font-size:18px;text-align:left;line-height:50px;padding:0px 20px 0px 20px;border:0px solid #333;background:#f5f5f5; font-weight:bold;position:relative;}
.jj_left_history h3:after{display:block;content:"";width:2px;height:100%;position:absolute;left:0px;top:0px;background:#000;}
*/
@media screen and (max-width:1080px) {
    #head_warp{position:fixed;}
    .containerbox{position:relative;}
    .warper_top {display:block;width:100%; padding:0px 0;}
    .warper_cet {display:block;height:auto;margin:0% auto 0% auto;padding-top:0%;}
}