body {
    background: #fff;
}
.swiper-button-white{display:none;}
.containerbox{position:relative;padding-bottom:90px;}
/*
.containerbox .pagewd{width:1200px;}
*/
.containerbox #jj_right_top{margin-bottom:2%;}
.containerbox #jj_right_top .pagewd{position:relative; width:calc(100% - 0px);border-bottom:1px solid #dcdcdc;}
.warper_top .pagewd{width:1420px;}
/***********************************contentpage***************************************** */
.warper_top {display:block;width:100%; padding:0px 0% 0 0%;margin:0px auto 0% auto;color:#333;background:#fff;border-bottom:1px solid #dcdcdc;position:relative;}
.warper_top h1{position:absolute;left:10px;top:5px;}
.warper_top:after{display:block;content:"";clear:both;width:100%;}
.warper_top a {color: #102a87;}
.warper_cet {display:block;height:auto;margin:60px auto 60px 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:300px; display:block; float:left; text-align:center;  margin-left:0px; margin-bottom:0%;padding:0px;/*background:#eee;position:absolute;top:-108px;*/z-index:5;}
#jj_right {width:calc(100% - 330px);padding:0px;  display: block;float: right;margin-right: 0px;padding-right: 0px;margin-bottom:0%;background:#fff;border-left:0px solid #dcdcdc;min-height:800px;
           box-shadow:0 0 30px rgba(0,0,0,0.14);
           border-top:2px solid #102a87;
}
.left_title {display:block; width: calc(100% - 40px);height:auto;line-height:50px; margin-bottom:0px; font-size:30px;text-align:left;padding:0px 20px 0px 20px;border:0px solid #333;color:#fff;font-weight:bold;position:relative;
             background:#102a87;
             /*background:repeating-linear-gradient(45deg, #0053a8, #0477ed 150px);*/
}
/*
.left_title:before{display:block;content:"";background:#063d7c; width:2px;height:10px;position:absolute;right:0px;top:0px;}
.left_title:after{display:block;content:"";background:#063d7c; width:2px;height:10px;position:absolute;right:0px;bottom:0px;}
*/

#jj_right_top {
    padding:20px 40px 0 40px;
}
.left_title span {display:block;width:100%; line-height:30px; position:relative;left:0px; bottom:5px;background:none;font-size:16px;text-transform:uppercase;color:#fff;}
/***********************************contmenu***************************************** */
#jj_left_menu .box_02{border:1px solid #102a87;}
#jj_left_menu .box_02 ul{display:block;width:calc(100% - 22px);padding:10px;}
#jj_left_menu .box_02 ul li{text-align:left; width:100%;padding:0 0%;margin-top:0px;margin-bottom:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;position:relative;border-bottom:0px solid #ccc;background:#f4f4f4;margin-bottom:10px;}
#jj_left_menu .box_02 ul li:after{display:block;width:20px;height:50px;line-height:50px; position:absolute;content:"\e744";right:10px;top:0;color:#666;font-family:"iconfont"}
#jj_left_menu .box_02 ul li a{padding-left:0px;display:block;text-align:left; width:calc(100% - 40px);padding:0 20px 0 20px;  height:50px; line-height:50px;color:#333;border:0px solid #fff; font-weight:400;position:relative;font-size:14px;}
#jj_left_menu .box_02 ul li:hover ul li:hover a{color:#004b97;}

#jj_left_menu .box_02 ul li:hover{background:#f6f7fb;}
#jj_left_menu .box_02 ul li:hover a{color:#666;}
#jj_left_menu .box_02 ul li:hover:after{color:#666;}

#jj_left_menu .box_02 ul li.lthis01{text-align:left; width:100%;padding:0 0%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background:#cc2a1e;}
#jj_left_menu .box_02 ul li.lthis01 a{color:#fff; /*font-weight:bold;font-size:16px;*/}
#jj_left_menu .box_02 ul li.lthis01:after{color:#fff;}

#jj_left_menu .box_02 ul li ul{display:none;position:relative; opacity:1;height:0;transition:all 1s;border:initial;}
#jj_left_menu .box_02 ul li ul:after{display:block;content:"";width:100%;clear:both;}
#jj_left_menu .box_02 ul li.lthis01 ul li.lthis01,
#jj_left_menu .box_02 ul li ul li{border-bottom:0px solid #e5e5e5;background:#fff;display:inline;float:left;width:calc(100% - 20px);height:50px;padding-left:20px;}
#jj_left_menu .box_02 ul li ul li a{width:100%;padding-left:0px; line-height:50px; height:50px;text-align:left;font-weight:400;font-size:small;color:#666;position:relative;}
#jj_left_menu .box_02 ul li ul li:before{display:none;position:absolute; width:8px;height:8px;content:"";background:#232323;left:calc(10% - 10px);top:15px;border-radius:50%;}

#jj_left_menu .box_02 ul li ul.uhide{display:none; opacity:0;height:0px;transition:all 1s;border:initial;}
#jj_left_menu .box_02 ul li ul.uhide:after{display:block;content:"";width:100%;clear:both;}
#jj_left_menu .box_02 ul li ul.ushow{display:block; opacity:1;height:auto;transition:all 1s;border:initial;background:#fff;}
/*
#jj_left_menu .box_02 ul li a:before{display:block;content:""; position:absolute;background:#063d7c; width:10px;height:10px;left:15px;top:15px; border-radius:50%;}
#jj_left_menu .box_02 ul li ul li a:before{display:none;content:""; position:absolute; width:0px;height:0px;left:0px;top:0px; border:20px solid #ff6a00;border-right:20px solid transparent;border-bottom:20px solid transparent;}
*/
#jj_left_menu .box_02 ul li i{color:#fff;}
#jj_left_menu .box_02 ul li i.close{display:block;text-align:center; content:"+";width:40px;height:40px;line-height:40px;position:absolute;right:0px;top:0px;}
#jj_left_menu .box_02 ul li i.open{display:block;text-align:center; content:"-";width:40px;height:40px;line-height:40px;position:absolute;right:0px;top:0px;}
#jj_left_menu .box_02 ul li ul li.lthis01{width:calc(100% - 20px);height:50px;padding-left:20px;background:#ffeeef;}

#jj_left_menu .box_02 ul li.lthis01 ul.uhide{opacity:0;height:0;transition:all 1s;border:initial;}
#jj_left_menu .box_02 ul li.lthis01 ul.ushow{opacity:1;height:auto;transition:all 1s;border:initial;}
#jj_left_menu .box_02 ul li.lthis01 i.close{display:block;text-align:center; content:"+";width:40px;height:40px;line-height:40px;position:absolute;right:0px;top:0px;}
#jj_left_menu .box_02 ul li.lthis01 i.open{display:block;text-align:center; content:"-";width:40px;height:40px;line-height:40px;position:absolute;right:0px;top:0px;}

#jj_left_menu .box_02 ul li.lthis01 ul li a{width:100%;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{opacity:1;height:auto;transition:all 1s;display:block;}
#jj_left_menu .box_02 ul li.lthis01 ul li:hover a{background:#fff;}
#jj_left_menu .box_02 ul li.lthis01 ul li.lthis01{background:#102a87;}
#jj_left_menu .box_02 ul li.lthis01 ul li.lthis01 a{color:#fff;}
#jj_left_menu .box_02 ul s{display:none;}



.jj_left_cont {margin-top:30px;background:#fff;}
.left_tit{color:#fff;height:50px;line-height:50px;font-size:20px;font-weight:bold;position:relative;overflow:hidden;z-index:0;}
.left_tit::before{display:block;width:100%;height:100%;content:"";background:#102a87;border-radius:0%;position:absolute;left:0px;top:0;z-index:-2;}
.left_tit::after{display:block;width:300px;height:300px;content:"";background:#102a87;border-radius:50%;position:absolute;left:100px;top:0;z-index:-1;}
.jj_left_cont .box_contact{line-height:40px;text-align:left;width:calc(100% - 42px);padding:20px 20px;font-size:14px; border:1px solid #102a87;}
.jj_left_cont .box_contact ul li span{margin-right:10px;}


.jj_left_prod {margin-top:30px;background:#f6f7fb;}
.jj_left_prod .left_tit{background:#102a87;/*background:repeating-linear-gradient(45deg, #0053a8, #0477ed 150px);*/color:#fff;height:50px;line-height:50px;font-size:20px;font-weight:bold;}
.jj_left_prod .box_prod{line-height:40px;text-align:left;width:calc(100% - 40px);padding:20px;font-size:14px;}
.jj_left_prod .box_prod a{display:block;float:left;width:49%;margin-right:2%;margin-bottom:2%;text-align:center;}
.jj_left_prod .box_prod a img{width:100%;}
.jj_left_prod .box_prod a:nth-child(2n){display:block;float:left;width:49%;margin-right:0%;}

@media screen and (max-width:1200px) {
    .containerbox .pagewd{width:100%;/*background:#292929;*/}
    .warper_top {display:block;width:95%; padding:0px 2.5% 0 2.5%;margin:0px auto 0px auto;color:#fff; /*display:none;*/background:#102a87;border-bottom:0px solid #102a87;position:relative;}
    .warper_top a {color: #fff;}
    .warper_cet { margin: 0px auto;}
    .breadcrumb strong.iconfont {font-size:20px;color:#fff;}


    #jj_right_top{padding:0px 0px 0px 0px;margin-bottom:0;background:#292929;}
    .containerbox #jj_right_top{margin-bottom:0;}
    #jj_left_menu .box_02{border:0px solid #102a87;}
    #jj_left_menu .box_02 ul li i.close{display:block;text-align:center; content:"+";width:40px;height:40px;line-height:40px;position:absolute;right:2.5%;top:0px;}
    #jj_left_menu .box_02 ul li i.open{display:block;text-align:center; content:"-";width:40px;height:40px;line-height:40px;position:absolute;right:2.5%;top:0px;}

    .jj_left_cont {margin-top:30px;background:#fff;display:none;}
}