@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#555; font-size: 1rem;}
a{text-decoration:none; color:#555;}
li{list-style:none;}
img{display:block;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}
.container{width:100%;overflow:hidden; position: relative;
	margin:auto;max-width:640px;min-width:320px;}
.left{float:left!important}
.right{float:right!important}
.floatClear{zoom: 1;}
.floatClear{content: '.'; width: 0; height: 0; display: block; clear: both; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden; }
.allW img{width:100%;}
.margin-b{margin-bottom: 1rem;}
.margin-t{margin-top: 1rem;}
.margin-a{margin-top: 1rem; margin-bottom: 1rem;}
/*  */


.jt-nav li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	font-size: 0.825rem;
	line-height: 2.5rem;
	text-align: center;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-left: 1px #fff solid;
}
.jt-nav li:nth-of-type(4n){
	border-right: 1px #fff solid;
}
.jt-nav li:nth-of-type(n+5){
	border-bottom: 1px #fff solid;
}
.jt-nav .on a{
	color: #e20d0d;
}


/*  */
.jj-public-title h1{
	font-size: 1.275rem;
	text-align: center;
	font-weight: bold;
	color: #f76c0f;
	margin-top: 1rem;
}
.jj-public-title h5{
	font-size: 0.6rem;
	text-align: center;
	margin-top: 0.2rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px #ccc solid;
}
.jj-public-title em{
	display: block;
	width: 45%;
	margin: 0 auto;
	height: 0.12rem;
	background-color: #ccc;
	margin-bottom: 1rem;
}

.jj-tab01-btn{
	box-sizing: border-box;
	padding: 0 1.5rem 1rem;
}
.jj-tab01-btn li{
	float: left;
	width: 30%;
	margin-right: 5%;
	color: #0189d5;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 0.825rem;
	line-height: 2.2rem;
}

.jj-tab01-btn li:last-child{
	margin-right: 0;
}
.jj-tab01-btn .on{
	background-color: #0189d5;
	color: #fff;
}

.jj-tab01-txt .left{
	width: 47.8125%
}
.jj-tab01-txt .left img{
	display: block;
	width: 100%;
}

.jj-tab01-txt .right{
	width: 50%;
}
.jj-tab01-txt .right p{
	font-size: 0.75rem;
	text-indent: 2em;
	line-height: 1.2rem;
}


.jj-my{
	font-size: 0.75rem;
	text-indent: 2em;
	line-height: 1.25rem;

}
.jj-my span{
	color: #ff0000;
}

.jj-video-title{
	width: 66%;
	margin: 1rem auto;
	box-sizing: border-box;
	padding-left: 2.5rem;
	border: 1px #0189d5 solid;
	line-height: 2.2rem;
	background: url(../images/OO_16.jpg) no-repeat 1rem center;
	background-size: 1.0125rem;
}
.jj-video{
	padding-bottom: 0.4rem;
}
.jj-video video{
	display: block;
	width: 72.34375%;
	margin: 0 auto;
}

.jj-advantage .left{
	width: 16.25%;
}
.jj-advantage .left img{
	display: block;
	width: 100%;
	height: 3.75rem;
}
.jj-advantage .right{
	width: 81%;
	height: 3.75rem;
	background-color: #f5f5f5;
	border-radius: 0.6rem;
}
.jj-advantage .right p{
	font-size: 0.75rem;
	box-sizing: border-box;
	padding: 0.2rem 0.3rem ;
	text-indent: 2em;
}
.g-line{
	height: 0.35rem;
	background-color: #eaeaea;
}


.jj-effect li{
	float: left;
	width: 32.2%;
	margin-right: 1.7%;
	height: 6.6rem;
}
.jj-effect li:last-child{margin-right: 0;}
.jj-effect li:nth-of-type(1){background: url(../images/O1_28.jpg) no-repeat; background-size: 100%;}
.jj-effect li:nth-of-type(2){background: url(../images/O1_30.jpg) no-repeat; background-size: 100%;}
.jj-effect li:nth-of-type(3){background: url(../images/O1_32.jpg) no-repeat; background-size: 100%;}

.jj-effect li p{
	color: #fff;
	font-size: 0.675rem;
	width: 80%;
	margin: 1.5rem 0 0 12%;
}

.jj-effect-title{
	font-size: 0.9rem;
	color: #0189d5;
	padding-bottom: 0.6rem;
	border-bottom: 1px #ccc solid;
	margin-bottom: 0.8rem;
}

.jj-effect-title span{
	color: #666;
	font-size: 0.675rem;
	margin-left: 0.4rem;
}

.jj-range .left{
	width: 66%;
	height: 7.875rem;
}
.jj-range dd{
	font-size: 0.675rem;
	line-height: 1.2rem;
	height: 3.9rem;
	box-sizing: border-box;
	padding: 0.6rem 0;
	border-bottom: 1px #ccc dashed;
}

.jj-range dd span{
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	background-color: #cbcccd;
	border-radius: 50%;
	color: #fff; margin-right: 0.5rem;
}
.jj-range dl dd:last-child{
	border-bottom: none;
}
.jj-range .right{
	width: 31.5625%;
}
.jj-range .right img{
	display: block;
	width: 100%;
	height: 7.875rem;
}

.jj-dFn .left{
	width: 36.875%;
}
.jj-dFn .right{
	width: 63.125%;
}

.jj-dFn{
	background-color: #f5f5f5;
	height: 8.5875rem;
}
.jj-dFn .left img{
	display: block;
	width: 100%;
	height: 100%;
}
.jj-dFn .right p{
	width: 95%;
	box-sizing: border-box;
	border: 1px #ccc solid;
	border-left: none;
	font-size: 0.675rem;
	height: 7.0875rem;
	margin-top: 0.75rem;
	padding: 0.5rem 0.3rem 0 0.5rem;
	line-height: 1.2rem;
}

.jj-FN-why li{
	padding: 0.8rem 0;
	border-bottom: 1px #ccc dashed;
}
/* .jj-FN-why li:last-child{
	border-bottom: none;
} */
.jj-FN-why li .left{
	width: 20.9375%;
	margin-left: 2.0625%;
	margin-right: 3%;
}
.jj-FN-why li .left img{
	display: block;
	width: 100%;
	height: 3.4125rem;
	margin-top: 0.175rem;
}
.jj-FN-why li .right{
	width: 72%;
	margin-right: 2%;
}

.jj-FN-why li .right p{
	font-size: 0.675rem;
	line-height: 1.2rem;
}

.jj-sb-main{
	height: 11.625rem;
	background: url(../images/bk_51.jpg) no-repeat;
	background-size: 100%;
	box-sizing: border-box;
	padding-top: 0.3rem;
}
.jj-sb-main p{
	width: 64%;
	margin-left: 4%;
	text-indent: 2em;
	font-size: .675rem;
	line-height: 1.1rem;
}
/*  */
.jj-tabBOX{
	background-color: #f5f5f5;
	padding: 1rem 1.53rem 0.6rem;
	box-sizing: border-box;
}
.jj-tabBOX h6{
	font-size: 0.5rem;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	color: #cbcbcb;
	margin-bottom: 0.2rem;
}
.jj-tab02{
	margin-bottom: 0.4rem;
}
.jj-tab02-btn{
	box-sizing: border-box;
	padding: 0.8rem 1.5rem;
}

.jj-tab02-btn li{
	float: left;
	width: 48%;
	background-color: #c2c2c2;
	font-size: 0.75rem;
	text-align: center;
	line-height: 2.2rem;
	color: #fff;
}
.jj-tab02-btn li:last-child{
	margin-left: 4%;
}
.jj-tab02-btn .on{
	background-color: #0189d5;
}
.jj-tab02-txt{
	box-sizing: border-box;
	padding: 0 10.45% 0.5rem;
	border-bottom: 1px #ccc dashed;
	margin-bottom: 0.4rem;
}
.jj-tab02-txt dd{
	float: left;
	width: 33.33%;
	height: 3.975rem;
	margin-bottom: 0.5rem;
}
.jj-tab02-txt dd a{
	display: block;
	width: 100%;
}
.jj-tab02-txt dd img{
	display: block;
	width: 100%;
}
.jj-tab02-txtTS{
	padding: 0 0 0.5rem;
}
.jj-tab02-txtTS dd{
	width: 25%;
}
/*  */
.footer_bg {
    background: #2674c7;
    padding-bottom: 5.85rem;
    margin-top: 1rem;
}
.footer{width: 100%;overflow: hidden;background: url(../images/footer_b.jpg) no-repeat;background-size: 100%;}
.footer .footer_left{width: 26%;margin: 1.425rem 0rem 0rem 1.45rem;}
.footer .footer_left img{width: 100%;/*! height: 4.15rem; */}
.footer .footer_left p{font-size: 0.8rem;text-align: center;color: #fff;padding-top: 0.1rem;}
.footer .footer_right{width: 53%;margin:1.125rem 10% 0rem 0rem;}
.footer .f_logo img{display:block;width:61.5%;/*! height: 1.375rem; */margin: auto; }
.footer .f_logo h5{width: 100%;background: #fff;text-align: center;/*! height: 0.75rem; */line-height: 1.6;color: #2674c7;font-size: 0.75rem;margin-top: 0.185rem;}
.footer span{width: 84%;font-size: 0.7rem;color: #fff;float: left;margin-left:0.25rem;}
.footer .f_tel {width: 100%;overflow:hidden;margin-top: 0.5rem;}
.footer .f_tel img{width: 1.65rem;height: 1.65rem;float: left;}
.footer .f_tel span{line-height: 0.85rem;}
.footer .f_tel span i{color: #ffa759;font-size: 0.8rem;font-style: normal;}
.footer .f_add {width: 100%;height: 1.075rem;margin-top: 0.5rem;}
.footer .f_add img{width: 1.75rem;height: 1.75rem;float: left;}

