﻿.containerbox{position:relative;}
.pagewd {width: 1200px;}
/***********************************contentpage***************************************** */
.warper_top {display:block;width:100%; padding-top:0px;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: #082136;}
.warper_cet {display:block;height:auto;margin:1% auto 1% 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:20%; display:block; float:left; text-align:center;  margin-left:0px; margin-bottom:0%;border:0px solid #f1f1f1;}
#jj_right {width: 78%;padding:0;  display: block;float: right;margin-right: 0px;padding-right: 0px;margin-bottom:0%;}
.left_title {display:block; width: 100%;overflow:hidden; height:90px; margin:0px auto 0px auto; display:block;font-size:18px;text-align:center;line-height:60px;padding:0px 0% 0px 0%;border:0px solid #333;color:#FFF;background:#44187c; font-weight:bold;}
.left_title span {display:block;line-height:30px; position:relative;bottom:15px;background:none;font-size:20px;text-transform:uppercase;color:#fff;}

.jj_left_contact {background: #44187c url(/{{THEMEID}}/images/left_bg.png) no-repeat right center;display: block;padding:20px 0px 20px;margin-top:30px;}
.jj_left_contact span {font-size:12pt;color:#fff;display:block;width:90%;padding-left:10%;text-align:left;}
.jj_left_contact label {font-size:16pt;color:#fff;display:block;width:90%;padding-left:10%;text-align:left;font-weight:600;}
/***********************************contmenu***************************************** */
/*DEv*/
#jj_left_menu{border-top:0;width:100%;overflow:hidden;margin-bottom:0px;background:#fff;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%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:#f6f7fb;border-bottom:1px solid #e5e5e5;}
#jj_left_menu .box_02 ul li:after{display:block;width:0%;content:"";height:2px;background:#44187c;transition:all .3s;}

#jj_left_menu .box_02 ul li a{padding-left:0px;display:block;text-align:center; width:100%; height:50px; line-height:50px;color:#666;border-bottom:0px solid #e5e5e5; }
#jj_left_menu .box_02 ul li:hover:after{display:block;width:100%;content:"";height:2px;background:#44187c;transition:all .3s;}

#jj_left_menu .box_02 ul li:hover a{color:#ff6a00;}
#jj_left_menu .box_02 ul li:last-child a{border-bottom:0;}
#jj_left_menu .box_02 ul li.lthis01{text-align:center; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:#fff;border-bottom:1px solid #e5e5e5;}
#jj_left_menu .box_02 ul li.lthis01:after{display:block;width:100%;content:"";height:2px;background:#44187c;transition:all .3s;}
#jj_left_menu .box_02 ul li.lthis01 a{color:#333; font-weight:bold;}
#jj_left_menu .box_02 ul li ul{opacity:1;height:auto;transition:all 1s;background:#f6f7fb;}
#jj_left_menu .box_02 ul li 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.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 ul{opacity:1;height:auto;transition:all 1s;}
#jj_left_menu .box_02 ul li:hover 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 ul li:hover a{background:#fff;}
#jj_left_menu .box_02 ul li.lthis01 i {position:absolute;display:none;width:10px;height:10px;background:#44187c;margin-top:0px; transform: translateY(6px) rotateZ(45deg);left:20px ;margin-top:-35px;}