body { color: #555; height: 100vh; font-family: '微软雅黑'; background-color: #F3F3F4; }

	.container-flult { padding-top: 1em; padding-bottom: 1em; }
	.light_yellow { background-color: rgba(255,255,224,.3); }

	img { width: 100%; }
	h3 { font-weight: bold; text-align: center; color: #B87A3C; margin: 2em auto 2em; font-size: 2.5rem; }
	h3 .title_decoration { width: 1.8em; margin: auto .5em; }

	a { text-decoration: none; }
	a:hover { text-decoration: none !important; }

	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}

	.cta { padding-top:2em; padding-bottom: 3em; }
	.real, .virtual { border: 2px solid #DD4012; padding: .7em 3em; font-size: 1.2em; transform:translateY(0); transition: all 1s; }
	.real { background-color: #DD4012;  color:#fff; }
	.virtual { color:#DD4012; }

	.real:hover { color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0,.17); transform:translateY(-10px); transition: all .5s; }
	.virtual:hover { color: #DD4012; background-color: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,.17); transform:translateY(-10px); transition: all 0.5s; }

	.gutters {
		border: 0px solid red;
		margin-right: -15px;
		margin-left: -15px;
	}

	/* header */
	.nav { background-color: #FFF; width: 100vw; padding: 1.3em 0;  position: fixed; z-index: 9; font-size: .9rem; box-shadow: 0px 3px 6px rgba(0,0,0,.17); }
	.nav .jrjr_logo { width: 12em; }
	.nav a { color: #555; font-size: .9rem; text-align: right; }
	.nav a:hover { color: #DD4012; }
	.nav .phone_img { width: 12px; margin-top: -2px; }
	.nav .cs_btn { padding: 10px 20px; border-radius: 5px; background: linear-gradient(to bottom, #DD4012, #A60007); color:#fff; }
	.nav .cs_btn:hover { color:#fff; box-shadow: 0px 3px 6px rgba(0,0,0,.17); }
	.nav .cs_img { width: 1.5em; margin-right: 8px; margin-top: -5px; }

	.cover { height: 100vh; width: auto; position: fixed; z-index: -8; }

	.section_2_bg, .section_5_bg { background-color: rgba(255,255,224,.3); }

	/* Banner */
	.banner { background-image: url('https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/2018/september/images/banner_bg.png'); background-size: cover; height: 100vh; background-repeat: no-repeat; z-index: -9; padding-top: 100px; }
	.banner .banner_bg { height: 80vh; width: auto; margin-top: 1em; margin-bottom: 2em; -webkit-animation: rotation 300s infinite linear; }
	.banner .banner_main { position: absolute; height: 80vh; width: auto; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 1em;}
	
	
	.section_1_bg { margin-top: -4em; margin-bottom: 1em; padding-bottom: 1em; }
	.section_1 .div_inline { background-color: #fff; border-radius: 10px; text-align: center; box-shadow: 0px 3px 6px rgba(0,0,0,.17); transform:translateY(0); transition: all 1s; }
	.section_1 .div_inline:hover { transform:translateY(-10px); transition: all .5s; }
 	.section_1 h4 { font-size: 1.1em; font-weight: bold; margin: 1em auto; color: #DD4012; }
	.section_1 p { font-size: 0.9em; margin: auto 15px; padding-bottom: 1.5em; }
	
	
	.section_2_bg { text-align: center; }
	.section_2_bg .container { margin-top: -2em; }
	.section_2 img { width: 18em; transform:translateY(0); transition: all 1s; }
	.section_2 img:hover { transform:translateY(-10px); transition: all .5s; }
	.section_2_bg .subtitle_div { margin-top: -3em; margin-bottom: 2.5em; }
	.section_2_bg .subtitle_div .li_list li { margin-left: -20px; text-align: justify; }
	.section_2_bg td { vertical-align: middle; padding: 1em 5px; }
	.section_2_bg td:nth-child(2n+3) { background: #EEE; }
	.section_2_bg .modal-body{ font-size: 0.8em; line-height: 1.8em; }
	.section_2_bg .details { color: #fff; padding: 3px 15px; border-radius: 5em; text-align: center; margin-left: 1em; background: #B87A3C; }
	.section_2_sp { padding: 15px 5%; margin: 3em auto; font-size: 1.4em; border: 2px solid #B87A3C; color: #B87A3C; border-radius: 5em; background-color: rgba(255,255,255,.5); }
	
	
	.section_4_bg { padding-bottom: 4em; }
	.section_4_bg .container { margin-top: -2em; }
	.section_4 .div_inline { background-color: #fff; width: 100%; padding: 10px; border-radius: 15px; border: 2px solid rgba(0,0,0,.08); }
	.section_4 .title { font-weight: bold; font-size: 1.3em; background-color: #DD4012; padding: 5px; width: 2em; height: 2em; border-radius: 100%; color: #fff; }
	.section_4 p { font-weight: bold; margin: 15px auto; }

	.section_4 .point_2, .section_4 .point_3, .section_4 .point_4 { width: 3em; position: absolute; }
	.point_2 { bottom:16%; left:35%; }
	.point_3 { bottom:8%; right: 20%; }
	.point_4 { top:39%; right: 22%; }

	
	.section_5_bg { }
	.section_5 img { margin-top: -2em; }
	.section_5_bg .container { margin-top: -2em; }
	.accordion { margin-top: 1em; }
	.highlight { color: #DD4012; font-weight: bold; }
	.btn-link { color: #555; font-weight: bold; }
	.btn-link:hover { color: #DD4012; text-decoration: none; }
	.card-body { margin: 15px; }

	
	.section_6_bg { padding: 0 0 2em; }
	.section_6_bg .container { margin-top: -2em; }
	.section_6 .div_inline { background-color: #fff; text-align: center; padding: 15px 20px; border-radius: .5em; transform:translateY(0); transition: all 1s; background-color: rgba(255,255,255,.7); border: 2px solid rgba(0,0,0,.08);}
	.section_6 .div_inline:hover { background-color: rgba(255,255,255,1); box-shadow: 0px 3px 6px rgba(0,0,0,.17); border: 2px solid rgba(184,122,60,.6);}
	.section_6 img { height: 5.5em; width: auto; margin: 2em auto; }
	.section_6_bg .cta { margin-top: 4em; margin-bottom: 0em; }

	/* footer */
	.footer_bg { background-color: #A60007; }
	.footer_bg h3 { color: #fff; font-size: 1.6rem; font-weight: normal; margin:1em auto 2em; }
	.footer div { margin-bottom: 4em; }
	.footer img { height: 5em; width: auto; }
	.footer p { font-size: .9em; color: #fff; margin-top: 15px; }
	.hon_partner { margin-top: -6em; background-color: #fff; }
	.footer_hon div, .footer_partner div { height: 5em; box-shadow: 0px 0px 1px rgba(0,0,0,.13); }
	.footer_hon h3, .footer_partner h3 { font-weight: bold; font-size: 1em; margin-top: 30px; }
	.footer_hon img { height: 5em; width: auto; }
	.footer_hon p { font-size: .75em; }
	.footer_partner img { width: 8em; margin-top: 13px; }

	/* iPhone5/SE */
	@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	.cta { margin-top: -1em; margin-bottom: -1em;  }
	.real, .virtual { padding: .5em .9em; font-size: 1em; }
	.nav .jrjr_logo { width: 10em; }
	.nav .cs_btn { padding: 10px 10px; }
	h3 { font-size: 1.4rem; margin: 1em auto; }
	h3 .title_decoration { display: none; }
	.section_1 .div_left { margin-right: -10px; }
	.section_1 .div_right { margin-left: -10px; }

	.banner { background-image: url('https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/2018/september/images/banner_bg_m.png'); background-position: center; z-index: -9; }
	.banner .banner_bg { width: 95%; height: auto; margin-top: 1em; }
	.banner .banner_main { width: 95%; height: auto; margin-top: 0em;}
	.section_1_bg { margin-top: 0em; }
	.section_1_out { margin-top: -30vh; }

	.section_1 .div_inline { margin-bottom: 1em; }
	.section_1 p { text-align: justify; }
	
	.section_2_bg .container { margin-top: 0; }
	.section_2 img { width: 70%; margin-bottom: 1em; }
	.section_2_bg .details { padding: 3px 15px; margin-left: 0; }
	.section_2_bg .subtitle_div { margin-top: 0em; margin-bottom: 2em; }
	.section_2_bg .modal-body{ font-size: .8em; line-height: 1.6em; }
	.section_2_sp { padding: .5em 1.5em; margin: 1em auto; font-size: 1em; border-radius: 1em; }
	.section_2_bg .table ol li { margin-left: 0px; }
	
	.section_4_bg .container { margin-top: 0; }
	.section_4_bg { padding-bottom: 2em; }
	.section_4 .div_inline { margin-bottom: 1em;}
	.section_4 .point_2, .section_4 .point_3, .section_4 .point_4 { width: 4em; }
	.point_2 { bottom:13%; left:32%; }
	.point_3 { bottom:10%; right: 19%; }
	.point_4 { top:35%; right: 17%; }

	.section_5_bg .container { margin-top: 0; }
	.section_5_bg { padding-top: 1em; padding-bottom: 3em;} 
	.section_5 img { margin-top: 0; margin-bottom: 1em; width: 70%; }
	.accordion { margin-top: 1em; }
	
	.section_6_bg { padding-top: 1em; }
	.section_6_bg .container { margin-top: 0; }
	.section_6 .div_inline { padding: 20px 15px; margin: 5px 0; height: auto; }
	.section_6 .div_left { margin-right: -10px; }
	.section_6 .div_right { margin-left: -10px; }
	.section_6 img { height: 4.5em; width: auto; margin: 0 auto; }
	.section_6 p { border-radius: 5px; margin: 15px 0 0; font-size: .9em; text-align: justify; }
	.section_6_bg .cta { margin-top: 3em; margin-bottom: -2em; }
	
	.footer_bg { padding-bottom: 4em; }
	.footer_bg h3 { margin:1em auto 1.5em; }
	.footer img { height: 3em; }
	.footer p { font-size: .75em; margin-bottom: -2em; }
	.footer_hon h3, .footer_partner h3 { margin-top: 30px; }
	.footer_hon img { height: 4em; }

	.m_cta { background-color: rgba(0,0,0,.8); width: 100vw; height: 44px; margin:0; padding:0; z-index: -1; position: fixed; bottom: 0; z-index: 9;}
	.m_cta .row { margin-top: 10px; }
	.m_real, .m_virtual { padding: 4px 20px; font-size: .9em; border: 2px solid #fff; color:#fff; text-align: center; }
	.m_real { background-color: rgba(255,255,255,.3); }
	}

	@media only screen and (min-width: 375px) and (max-width:768px) {
	.nav {  padding: 1em 0; }
	.nav .jrjr_logo { width: 11em; }
	.nav .cs_btn { padding: 10px 15px; }
	.nav .cs_img { width: 1.5em; margin-right: 8px; margin-top: -5px; }

	.section_1 .div_left { margin-right: -10px; }
	.section_1 .div_right { margin-left: -10px; }

	h3 { font-size: 1.4rem; margin: 1em auto; }
	h3 .title_decoration { display: none; }

	.cta { margin-top: -3em; margin-bottom: -1em;  }
	.real, .virtual { padding: .7em 1.5em; font-size: 1em; }

	.cover { width: auto; height: 100vh; margin-top: 80px; }

	.banner { background-image: url('https://jrjrbanner.oss-cn-shenzhen.aliyuncs.com/mobile/hd/2018/september/images/banner_bg_m.png'); background-size: 100% 85%; background-position: center; z-index: -9; }
	.banner .banner_bg { width: 95%; height: auto; margin-top: 1em; }
	.banner .banner_main { width: 95%; height: auto; margin-top: 0em;}
	
	.section_1_out { margin-top: -28vh; background: #fff; }
	.section_1 { margin-bottom: 0em; }
	.section_1 .div_inline { margin-bottom: 2em; }
	.section_1 p { text-align: justify; }
	
	.section_2_bg .container { margin-top: 0; }
	.section_2 img { width: 70%; margin-bottom: 1em; }
	.section_2_bg .details { padding: 3px 15px; margin-left: 0; }
	.section_2_bg .subtitle_div { margin-top: 0em; margin-bottom: 2em; }
	.section_2_bg .modal-body{ font-size: .8em; line-height: 1.6em; }
	.section_2_sp { padding: .5em 1.5em; margin: 1em auto; font-size: 1em; border-radius: 1em; }
	.section_2_bg .table ol li { margin-left: 0px; }
	
	.section_4_bg .container { margin-top: 0; }
	.section_4_bg { padding-bottom: 2em; }
	.section_4 .div_inline { margin-bottom: 1em;}
	.section_4 .point_2, .section_4 .point_3, .section_4 .point_4 { width: 4em; }
	.point_2 { bottom:13%; left:32%; }
	.point_3 { bottom:10%; right: 19%; }
	.point_4 { top:35%; right: 17%; }

	.section_5_bg .container { margin-top: 0; }
	.section_5_bg { padding-top: 1em; padding-bottom: 3em;} 
	.section_5 img { margin-top: 0; margin-bottom: 1em; width: 70%; }
	.accordion { margin-top: 1em; }
	
	.section_6_bg { padding-top: 1em; }
	.section_6_bg .container { margin-top: 0; }
	.section_6 .div_inline { padding: 20px 15px; margin: 5px 0; height: auto; }
	.section_6 .div_left { margin-right: -10px; }
	.section_6 .div_right { margin-left: -10px; }
	.section_6 img { height: 4.5em; width: auto; margin: 0 auto; }
	.section_6 p { border-radius: 5px; margin: 15px 0 0; font-size: .9em; text-align: justify; }
	
	.footer_bg { padding-bottom: 3em; }
	.footer img { height: 3.5em; }
	.footer p { font-size: .75em; margin-bottom: -1em;}
	.footer_hon h3, .footer_partner h3 { margin-top: 30px; }
	.hon_partner { margin-top: -5em; }
	.footer_hon img { height: 5em; margin: 0 -15px; }
	.footer_hon p { font-size: 0.7em; }

	.m_cta { background-color: rgba(0,0,0,.8); width: 100vw; height: 44px; margin:0; padding:0; z-index: -1; position: fixed; bottom: 0; z-index: 9;}
	.m_cta .row { margin-top: 10px; }
	.m_real, .m_virtual { padding: 4px 20px; font-size: .9em; border: 2px solid #fff; color:#fff; text-align: center; }
	.m_real { background-color: rgba(255,255,255,.3); }

	}

	/* iPad */
	@media only screen and (device-width: 768px) {
	  .banner .banner_bg { width: 80%; height: auto; margin-top: 1em; }
	  .banner .banner_main { width: 80%; height: auto; margin-top: 0em;}
	  .section_1_out { margin-top: -25vh; background: #fff; }
	  .footer_hon img { height: 4em; }
	  .footer_partner img { width: 7em; }
	}

	/* iPad Pro */
	@media only screen and (device-width: 1024px) {
	  .banner .banner_bg { width: 80%; height: auto; margin-top: 1em; }
      .banner .banner_main { width: 80%; height: auto; margin-top: 0em;}
	  .section_1_out { margin-top: -35vh; background: #fff; }
	  .footer_hon img { height: 4.8em; }
	}


	/* iphoneX */
	@media only screen and (width:375px) and (min-height:812px) {
	   .section_1_bg { margin-top: 0em; }
	   .section_1_out { margin-top: -41vh; background: #fff; }
	}


	@-webkit-keyframes rotation {
			from {	
					-webkit-transform: rotate(0deg); /* Safari */
					transform: rotate(0deg); /* Standard syntax */
			}
			to {
					-webkit-transform: rotate(359deg); /* Safari */
					transform: rotate(359deg); /* Standard syntax */
			}
	}