.box_100{width:100%; text-align:center;}

.nb_box{text-align:center; width:100%;padding:40px;border:1px solid #ddd;display: inline-block;box-sizing: border-box;border-right: 0;border-left: 0;}
.nb_box .nb_img{float:left; background:#ddd; width:682px; height:309px;}
.nb_box p{font-size:20px; font-weight:600; color:#36504c;}
.nb_box h6{background: url(/pages/gjonestop/img/nb_icon.jpg) center bottom no-repeat;font-size:34px;padding: 0 0 30px;color:#3f4553;margin: 15px 0 30px;}
.nb_box ul li{font-size:20px; color:#777;margin: 0 0 5px 0;}
.nb_box ul li span{color:#111; font-weight:600; margin:0 8px 0 0;}

.spp_box_wrap{margin:48px 0 0 0; display:inline-block;}
.spp_box{float:left; width:332px; height:554px; border:6px solid #d5d5d5; box-sizing:border-box; text-align:center; }
.spp_box:hover{border:6px solid #81a1c7; cursor:pointer; background:url(/pages/gjonestop/img/spp_hover.png) left bottom no-repeat !important; z-index:9999999;}
.spp_box:nth-child(2){margin:0 110px 0;}
.spp_box:hover:nth-child(2){background:url(/pages/gjonestop/img/spp2_hover.png) left bottom no-repeat !important;}
.spp_box:hover:nth-child(3){background:url(/pages/gjonestop/img/spp3_hover.png) left bottom no-repeat !important;}

.spp_box .spp_text{height:329px;padding: 55px 8% 0;}
.spp_box .spp_text h6{font-size:26px; color:#393131;}
.spp_box .spp_text p{padding:30px 0 0 0;font-size: 20px;color: #221f1f;font-weight: 200;}
.spp_box .spp_text p span{display:block; font-size: 16px;line-height: 24px;margin: 10px 0 0 0;}

.spp_box .spp_img{width:100%; height:213px; position: relative;}
.spp_box .spp_img img{z-index:-999;position: absolute;top: 0;left: 0;}





dl.spp_list01{position:relative; background:url(/pages/gjonestop/img/spp_bg.png) repeat; width:341px; height:341px; border-radius:100%; float:left; text-align:center;margin: 0 0 0 -42px;}
dl.spp_list01 dt{background:url(/pages/gjonestop/img/spp_line.jpg) center bottom no-repeat; margin:46px 0 0 0; font-size:24px; color:#000000;height: 63px;}
dl.spp_list01 dd{font-weight:300;color: #000000;font-size: 20px;font-weight: 500; margin:29px 0 0 0;}
dl.spp_list01 dd span{font-weight:200; display:block;}

dl.spp_list02{position:relative; background:url(/pages/gjonestop/img/spp_bg2.png) repeat; width:310px; height:310px; border-radius:100%; float:left; text-align:center;margin: 0 0 0 -30px;}
dl.spp_list02 dt{background:url(/pages/gjonestop/img/spp_line2.jpg) center bottom no-repeat; margin:46px 0 0 0; font-size:24px; color:#000000;height: 63px;}
dl.spp_list02 dd{font-weight:300;color: #fff;font-size: 20px;font-weight: 500; margin:42px 0 0 0;}
dl.spp_list02 dd span{font-weight:200; display:block;}
dl.spp_list02 dd span{font-weight:200; display:block;}


/****** Tablet Device ******/
@media screen and (max-width:1600px) {

.box_100{width:100%; text-align:center;}

.spp_box_wrap{width:100%;}
.spp_box{width:calc(100% / 3 - 5%);height: 100%;}
.spp_box:hover{background:none !important;}
.spp_box:hover:nth-child(2){background:none !important;}
.spp_box:hover:nth-child(3){background:none !important;}
.spp_box:nth-child(2){margin:0 5% 0;}
.spp_box .spp_img{idth:100%;height: 100%;position: relative;}
.spp_box .spp_img img{width: 100%;position: inherit;}

dl.spp_list01{position:relative;background:url(/pages/gjonestop/img/spp_bg.png) repeat; width:341px;height: 342px;border-radius:5%;float:left;text-align:center;margin: 0 1% 4%;width: calc(100% / 4 - 2%);/* height: 150%; */}
dl.spp_list01 dt{background:url(/pages/gjonestop/img/spp_line.jpg) center bottom no-repeat; margin:46px 0 0 0; font-size:24px; color:#000000;height: 63px;}
dl.spp_list01 dd{font-weight:300;color: #000000;font-size: 1.25em;font-weight: 500;margin:42px 0 0 0;}
dl.spp_list01 dd span{font-weight:200; display:block;}

dl.spp_list02{position:relative;background:url(/pages/gjonestop/img/spp_bg2.png) repeat;width:310px;height: 310px;border-radius:7%;float:left;text-align:center;margin: 0 1% 4%;width: calc(100% / 5 - 2%);/* height: 150%; */}
dl.spp_list02 dd{font-size:21px;}
}

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

.spp_box_wrap{margin:48px 0 0 0; display:inline-block;}
.spp_box{float:left;width: 100%;height: 100%;border:6px solid #d5d5d5;box-sizing:border-box;text-align:center;padding: 3% 4%;}
.spp_box:nth-child(2){margin: 3% 0;}

.spp_box .spp_text{height: 100%;padding: 4% 0 0 0;float: left;width: 65%;margin: 0 5% 0 0;text-align: left;}
.spp_box .spp_text h6{font-size:26px; color:#393131;}
.spp_box .spp_text p{padding:30px 0 0 0;font-size: 20px;color: #221f1f;font-weight: 200;}
.spp_box .spp_text p span{display:block; font-size: 16px;line-height: 24px;margin: 10px 0 0 0;}

.spp_box .spp_img{width: 30%;height: 100%;position: relative;float: left;}
.spp_box .spp_img img{position: inherit;}

dl.spp_list02{width: calc(100% / 3 - 2%);}
}



@media screen and (max-width:1000px) {
dl.spp_list02{width: calc(100% / 3 - 2%);}
}

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

.box_100{width:100%; text-align:center;}

.spp_box .spp_text{height: 100%;padding:5% 0 0 0;width: 100%; text-align:center;}
.spp_box .spp_text h6{font-size:1.5em; color:#393131;}
.spp_box .spp_text p{padding:30px 0 0 0;font-size: 20px;color: #221f1f;font-weight: 200;}
.spp_box .spp_text p span{display:block; font-size: 16px;line-height: 24px;margin: 10px 0 0 0;}
.spp_box .spp_img{width:100%;height: 100%;position: relative;position: inherit;}
.spp_box .spp_img img{z-index:-999;position: absolute;top: 0;left: 0;width: 100%;position: inherit;}

dl.spp_list02{width: calc(100% / 2 - 2%);}


dl.spp_list01{position:relative;background:url(/pages/gjonestop/img/spp_bg.png) repeat; width:341px;height: 340px;border-radius:7%;float:left;text-align:center;margin: 0 1% 4%;width: calc(100% / 2 - 2%);/* height: 150%; */}


}

@media screen and (max-width:600px) {
  .spp_box .spp_text h6 {text-align: left;}
  .spp_box .spp_text p {text-align: left;}
}

@media screen and (max-width:500px) {
.tab_type.tab2 a span {font-size: 1.4rem;}
.nb_box {padding: 40px 0;}
.nb_box ul li {text-align: left;}

dl.spp_list01{position:relative;background:url(/pages/gjonestop/img/spp_bg.png) repeat; width:341px;height: 100%;border-radius: 5px;float:left;text-align:center;margin: 0 0 8% 0;width: 100%;padding: 0 0 15% 0;}
dl.spp_list01 dt{margin:46px 0 0 0; font-size:24px; color:#000000;height: 63px;}
dl.spp_list01 dd{font-weight:300;color: #000000;font-size: 1.25em;font-weight: 500;margin:42px 0 0 0;}
dl.spp_list01 dd span{font-weight:200; display:block;}

dl.spp_list02{position:relative; background:url(/pages/gjonestop/img/spp_bg2.png) repeat; width:310px; height:100%; border-radius:5px; float:left; text-align:center;margin:0 0 8% 0;width: 100%;padding: 0 0 15% 0;}
dl.spp_list02 dt{margin:46px 0 0 0; font-size:24px; color:#000000;height: 63px;}
dl.spp_list02 dd{font-weight:300;color: #fff;font-size: 23px;font-weight: 500; margin:42px 0 0 0;}
dl.spp_list02 dd span{font-weight:200; display:block;}
}