@charset "utf-8";

#show_1{ position:fixed; left:0; top:0; z-index:0; width:100%; height:100%; overflow:hidden; background:none}

.royolexbox h1{ font-size:34px; padding-top:140px;color:#000}
.royolexbox h4{ font-size:15px;letter-spacing:0px; line-height:34px;color:#000}
.touchen .royolexbox h1{ font-size:42px; padding-top:100px;color:#000}
.touchen .royolexbox h4{ font-size:15px;letter-spacing:0px; line-height:28px;color:#000}

.touch_tp .rk_text p,.touch_td .rk_text p{ color:#fff;}
.touch_tp .rk_text h2,.touch_td .rk_text h2{ color:#fff;}
.touch-ul{ padding-top:15px; line-height:30px; font-size:16px; padding-bottom:35px; width:500px}
.touch-b{ font-size:24px; font-weight:normal;}
.touch-ul li{ padding-bottom:10px}
.touch-ul strong{ border:1px solid #666; border-radius:5px; overflow:hidden; display:inline-block; padding:0px 10px; font-weight:normal;}

.touch_tp .rk_text{ padding-top:24%}
.touch-l{ float:left; padding-right:50px}

.display_kf2{ background:#fff;}
.display_kf2 .pic{ width:80%; margin:auto; cursor:pointer}
.display_kf2.gp_tbpw90{ padding:180px 0; padding-top:150px}

.touch_jg .rk_text{ float:right; padding-top:23%; margin-right:5%; color:#fff;}
.touch_jg .rk_text h2{ color:#343434;}

.touch_jgt .rk_text{ float:right; padding-top:11%; margin-right:5%;}
.touch_jgt .rk_text h2{ color:#343434;}
.touch_jgt2 .rk_text{ float:left; padding-top:14%; margin-right:5%;}
.touch_jgt2 .rk_text h2,.touch_jgt2 .rk_text ul li{ color:#fff;}



.m2 .rk_text{ padding-top:10%}
.m2 .rk_text ul li{ margin:25px 0 10px 0;}
.m2 .rk_text ul li span{ padding:5px 30px; border-radius:5px; border:1px solid #a2a2a2; display:inline-block; margin-bottom:5px;}

.m3 .rk_text{ padding-top:10%}
.m3 .rk_text ul li{ margin:25px 0 10px 0;}
.m3 .rk_text ul li span{ padding:5px 30px; border-radius:5px; display:inline-block; margin-bottom:5px; background:#a3a3a3}

.touch_jg,.touch_tp,.touch_xn,.gonyeyuan{ border-bottom:1px solid #fff}

.touch_xn .rk_text{ padding-top:24%;}
.touch_xn .rk_text p{ color:#fff}

.touch_td{ background:#F0F0F0}
.touch_td .rk_text{ float:right; padding-top:22%; margin-right:-5%}
.touch_tden .rk_text{ float:right; padding-top:7%; margin-right:-15%}

.touch_ys{ background:#000}
.touch_ys .rk_text{ float:right; padding-top:19%; padding-right:-20%}
.touch_ys .rk_text h2{ color:#343434}
.touch_ys .rk_text ul{ color:#343434}

.gonyeyuan #t_acf .rk_text{ padding-top:8%;}

.souch_icon { background:#000; padding:90px 0; padding-bottom:50px; margin:auto;}
.souch_icon .Ul{ width:100%; max-width:1260px; margin:auto; text-align:center; font-size:16px}
.souch_icon .Ul li{ float:left; width:33.333%; padding-bottom:55px}
.souch_icon .Ul li div{ width:90%; margin:auto}
.souch_icon .Ul li i{ display:inline-block; width:80px; height:80px; background:url(../images/touch/icon2.png) no-repeat 0px 0px; margin-bottom:15px;border: 1px solid #808080;
border-radius: 80px;overflow: hidden;}
.souch_icon .Ul li i.icon-2{ background-position:0px -80px}
.souch_icon .Ul li i.icon-3{ background-position:0px -160px}
.souch_icon .Ul li i.icon-4{ background-position:0px -240px}
.souch_icon .Ul li i.icon-5{ background-position:0px -320px}
.souch_icon .Ul li i.icon-6{ background-position:0px -400px}
.souch_icon .Ul p{ display:block; height:30px}
.souch_icon{ background:#fff}
.souch_icon h2{ width:100%; text-align:center; color:#000; font-weight:normal; font-size:30px; margin-bottom:80px;}

.showsud{ width:100%;  max-width:500px; margin:auto}
.showsud li{ width:42%; margin:50px 10px; margin-bottom:0px; display:inline-block; text-align:center; overflow:hidden}
.showsud li div{ overflow:hidden; border-radius:224px; border:1px solid #E3E3E3; text-align:center;}
.showsud li div img{ margin:auto; width:100%; max-width:400px;}
.showsud li b{font-size: 16px;font-weight:500; line-height:24px; display:block; width:100%; padding-top:20px}
.touch_jg{ background:#000}

.videobox{ width:50%; margin:auto; position:relative}
.videobox img{ width:80%; margin:auto; cursor:pointer}
.videobox b{ display:block; width:80%; left:10%; text-align:left; font-weight:normal; margin:auto; background: rgba(0, 0, 0, 0.5); height: 30px;line-height: 30px;color: #FFF; position:absolute; bottom:0;}
.videobox b a{ color:#fff; padding-left:5%; cursor:pointer}

.videoboxmix{  max-width:445px;}
.videoboxmix img{ width:100%;}
.videoboxmix b{ width:100%; left:0}


#show_4 #t_acf .rk_text{padding-top: 18%;}

@media screen and (max-width: 1600px){
 .touchen .touch_tp .rk_text{ padding-top:5%}
 .touchen .touch_jg .rk_text{ float:right; padding-top:8%; margin-right:-5%}
 .touchen .touch_xn .rk_text{ padding-top:7%;}
 .touchen .touch_td .rk_text{ float:right; padding-top:4%; margin-right:-10%}
 .touch_td .rk_text{ float:right; padding-top:16%; margin-right:0}
 .touch_tp .rk_text{ padding-top:18%}
 .touch_jg .rk_text{ padding-top:18%; margin-right:5%;}
 .touch_xn .rk_text{ padding-top:18%;}
 .touch_ys .rk_text{ padding-top:16%; padding-right:-20%}
 
 .touch_jgt .rk_text{ float:right; padding-top:6%; margin-right:5%;}
 .touch_jgt2 .rk_text{ float:left; padding-top:8%; margin-right:5%;}
}

@media screen and (max-width: 1570px){
	
}
@media screen and (max-width: 1440px){
	
	.touch_tp .rk_text{ padding-top:15%}
	.touch_jg .rk_text{ float:right; padding-top:15%; margin-right:5%}

	.touch_xn .rk_text{ padding-top:15%;}
	.touch_td .rk_text{ float:right; padding-top:15%; margin-right:0%}
	.touch_tden .rk_text{ float:right; padding-top:5%; margin-right:-5%}

	.touch_ys .rk_text{ float:right; padding-top:15%;}
	
	 .touch-ul{ padding-top:5px; line-height:25px; font-size:16px; padding-bottom:15px}
	 .touch-b{ font-size:18px; font-weight:normal;}
	
	 .touchen .touch_tp .rk_text{ padding-top:3%}
	 .touchen .touch_jg .rk_text{ float:right; padding-top:5%; margin-right:-2%}
	 .touchen .touch_xn .rk_text{ padding-top:4%;}
	 .touchen .touch_td .rk_text{ float:right; padding-top:4%; margin-right:-2%}
	 .touchen .touch-ul{ padding-top:5px; line-height:25px; font-size:16px; padding-bottom:15px}
	 .touchen .touch-b{ font-size:24px; font-weight:normal;}
	 .touchen .touch_td .sk100{ margin-left:-18%}
	 
	 .gonyeyuan #t_acf .rk_text{ padding-top:4%;}
	 
	.m2 .rk_text{ padding-top:5%;}
	.m3 .rk_text{ padding-top:5%;}

}
@media screen and (max-width: 1270px){
	.touchen .touch_td .rk_text{ margin-right:-9%}
	.touchen .touch-ul{ padding-left:15px; padding-top:5px; line-height:25px; font-size:16px; padding-bottom:6px}
	.touchen .touch-b{ font-size:24px; font-weight:normal;}
	.touchen .touch_td .sk100{ margin-left:-18%}
	
	 .touch_jgt .rk_text{ float:right; padding-top:6%; margin-right:0%;}
 	.touch_jgt2 .rk_text{ float:left; padding-top:8%; margin-right:0%;}

}
@media screen and (max-width: 1100px){
	.touch_td .rk_text{ float:right; padding-top:4%; margin-right:-5%}
	.touch_jgt .rk_text{ float:right; padding-top:2%; margin-right:0%;}
 	.touch_jgt2 .rk_text{ float:left; padding-top:3%; margin-right:0%;}

}
@media screen and (max-width: 1024px){
	/*.royolexbox{ margin-top:0%}*/
	.royolexbox {margin-top:auto;}
	.touch-ul{ padding-left:0px; padding-top:5px; line-height:25px; font-size:14px; padding-bottom:25px}
	.touch_jg .rk_text{ float:right; padding-top:15%; margin-right:4%}
	.touch_xn .rk_text{ padding-top:15%;}
	.touch_td .rk_text{ float:right; padding-top:14%; margin-right:0%}
	.touch_tden .rk_text{ float:right; padding-top:5%; margin-right:-15%}

	.touchen .royolexbox h1{ font-size:30px; padding-top:140px;color:#000}
	.touchen .royolexbox h4{ font-size:14px;letter-spacing:0px; line-height:20px;color:#000}
	.touchen .rk_text h2{ font-size:25px}
	.touchen .touch-ul{ padding-left:10px; padding-top:15px; line-height:25px; font-size:14px; padding-bottom:35px}
	.touchen .touch-b{ font-size:14px; font-weight:normal;}
	
	.touch_tden .touch-ul{ padding-left:10px; padding-top:8px; line-height:18px; font-size:14px; padding-bottom:35px}
	.touchen .touch_td .rk_text{ float:right; padding-top:4%; margin-right:-8%}
	
	.touchen .touch_td .sk100{ margin-left:-15%}
	.touch_jg .sk100{ margin-left:0}
}
@media screen and (max-width: 980px){
	.sk100{ margin-left:-25%}
	.rk_text{ padding:20px 0px 40px 0px}
	.rk_text h2{ color:#000}
	.touch-b{ font-size:18px; font-weight:normal; color:#000}
	.touchen .royolexbox h1{ padding-top:50px;}

	.royolexbox h1{ font-size:30px; padding-top:50px}
		
	.royolexbox{ height:auto; padding-bottom:40px}
	.royolexbox h4{ font-size:14px;letter-spacing:0px; line-height:25px; width:90%; margin:auto; text-align:left;}
	.touch_tp .sk100{ width:200%; margin-left:-80%}
	
	.touch_jg .sk100{ width:200%; margin-left:-0%}
	.touch_jg .rk_text ul,.touch_tp .rk_text ul,.touch_xn .rk_text ul,.touch_td .rk_text ul,.touch_ys .rk_text ul{ color:#666}
	.touch_jg{ background:#fff}

	.touch_xn .sk100{ width:200%; margin-left:-80%}
	.touch_xn .rk_text{ padding:0px 0px; padding-top:40px}
	
	.touch_xn .rk_text p,.touch_tp .rk_text p{ color:#696969}

	
	.touch_td .sk100{ width:160%; margin-left:-9%}
	.touch_td .rk_text ul,.touch_tp .rk_text ul,.touch_xn .rk_text ul,.touch_td .rk_text ul,.touch_ys .rk_text ul{ color:#666}
	.touch_td{ background:#fff}

	.touch_td .rk_text{ float:none; position:static; padding-top:0;}
	.touch_tden .rk_text{ float:none; position:static; padding-top:0;}

	.touch_td .rk_text h2{ color:#000}
	
	.touch_ys{ padding-bottom:0%; background:#fff}
	.touch_ys .rk_text h2{ color:#000}
	.touch_ys .rk_text{padding-right:inherit; float:left}

	.souch_icon .Ul li{ float:left; width:50%; padding-bottom:55px;}
	.souch_icon .Ul li p{ display:block; height:40px; overflow:hidden; font-size:14px}
	.touch_tp .rk_w1260 .wbox .rk_text h2{ color:#000}
	.touch_jg,.touch_tp,.touch_xn { border-bottom:0px solid #fff}

	.touch_jg,.touch_tp,.touch_xn,.gonyeyuan,.touch_ys { border-bottom:0px solid #fff}
	.touchjj>.rk_w1260 .rk_text{ padding:20px 0px 0px 0px; text-align:center; float:none; display:none}
	.touchen .touch_td .rk_text{ padding-top:0}
	
	.touch_jg .rk_text, .touch_td .rk_text{ float:none}
	
	.souch_icon { padding:70px 0; padding-bottom:0px; }
	.souch_icon h2{ font-size:22px; margin-bottom:50px}
	.banner-m .bannertext{top:32%}	
	#touch_banner2{ position:static}
	.gonyeyuan #t_acf .rk_text{ padding-top:3%;}
	.gonyeyuan #t_acf.aC{ text-align:center}
	.aC{ text-align:center}
	
	.touchen .bannertext{ top:20%;}
	#show_4 #t_acf .rk_text{padding-top: 16%;}
	.touchen #show_4 #t_acf .rk_text{padding-top: 12%;}
	
	.videobox{ width:100%; margin:auto}
	.list-2-box{ width:100%;}
	.list-2-box li{ width:100%; padding-bottom:20px}
	.list-2-box li div img{ width:100%;}
	.display_kf2 .pic{width:100%;}
	.display_kf2{ padding:0px}
	.display_kf2.gp_tbpw90{ padding:0px 0; padding-top:0px}
	
	.videobox b{ display:block; width:100%; left:0%; text-align:left; font-weight:normal; margin:auto; background: rgba(0, 0, 0, 1); height: 30px;line-height: 30px;color: #FFF; position:relative; bottom:0;}
	.videobox b a{ color:#fff; padding-left:5%; cursor:pointer}
	.touch-ul{ width:100%}
	.touch_jgt .rk_text{ float:left; padding-top:0%; margin-right:0%;}
 	.touch_jgt2 .rk_text{ float:left; padding-top:0%; margin-right:0%;}
	.touch_jgt2 .rk_text h2{ color:#000}
	.touch_jgt2 .rk_text ul li{ color:#666}
	.touch_jgt .sk100 {margin-left: 0%;}
	.touch_jgt2 .sk100 {margin-left: -40%;}
	
	.touch_td .rk_text p{ color:#666;}
}