@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, 微软雅黑, 新細明體, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #333;}
div,form,img,ul,ol,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
input,select,option,textarea{outline: none;}
img { max-width: 100%;}
ul,ol,li { list-style:none;}
h3,h4 { font-weight: normal;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
.fl { float: left;} .fr { float: right;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.container { width: 1200px; margin: 0px auto;}
.p60 { padding: 60px 0px 20px;}
.ptb30 { padding: 30px 0;}
.f12 { font-size: 12px;}
.c9 { color: #999;}
	
/**/
.title { text-align: center;}
.title h3 {
	font-size: 36px;
	display: inline-block;
	position: relative;
	font-weight: 700;
	padding: 30px 0px;
	}
.title h3 font { color: #f00;}
.title h3:before {
	content:"";
	position: absolute;
	width: 120px;
	height: 3px;
	background: #363F54;
	top: 50%;
	right: -150px;
	}
.title label {
	font-size: 30px;
	padding: 30px 0px;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	}
.title label span { color: #f00;}

.more { text-align: center;}
.more a {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	background: #0864c1;
	border-radius: 30px;
	padding: 0px 50px;
	line-height: 60px;
	margin: 50px auto;
	}
.more a:hover { box-shadow: 0px 0px 10px rgba(8,100,93,.7); color: #fff; text-decoration: none;}
/** banner **/

.bz-ad{width: 100%;background: linear-gradient(199.46deg,#7b8ac2 0,#0579dc 100%);box-shadow: 0 6px 14px 0 rgb(0 2 11 / 12%);padding: 10px 0;}
.ad{text-align:left;}
.ad a{color: #fff;font-size: 14px;}
.ad a img{vertical-align: bottom;}
.ad a i{margin-left:10px;}
.ad a b{color:#ffa421;}
/*top pages ad end*/
.qkbg{background: url("https://www.ori-ru.com/static/img/p-bg.png") no-repeat;background-size: cover;}
.qkbgh{height: 200px;}
/*nav*/
	.layui-nav .layui-this:after, .layui-nav-bar{background-color: #1e9fff;}
.bz-100{width:100%;}
.bz-1200{width:1200px;margin:0px auto;}
/*top pages ad*/
.bz-ad{width: 100%;background: linear-gradient(199.46deg,#7b8ac2 0,#0579dc 100%);box-shadow: 0 6px 14px 0 rgb(0 2 11 / 12%);padding: 10px 0;}
.ad{text-align:left;}
.ad a{color: #fff;font-size: 14px;}
.ad a img{vertical-align: bottom;}
.ad a i{margin-left:10px;}
.ad a b{color:#ffa421;}
/*top pages ad end*/
.qkbg{background: url("https://www.ori-ru.com/static/img/p-bg.png") no-repeat;background-size: cover;}
.qkbgh{height: 200px;}
/*nav*/
.bz-bg{height:100px;padding: 18px 0px;box-shadow: 0 0 4px hsl(0deg 0% 79% / 55%);border-bottom: 1px solid #e2e2e2;background:#fff;z-index: 10;}
.logo{width:220px;height:57px;background: url("https://www.ori-ru.com/img/yue.png") 0px 0px no-repeat;display:block;float:left;margin-right: 25px;}
.bz-nav{margin:0px auto;line-height:60px;}
.bz-nav li{float:left;padding:0px 2px;}
/*.layui-carousel{padding-top:60px;}*/
.layui-nav .layui-nav-item a{color: #000;}
.layui-nav .layui-nav-item a:hover{color: #000;}
.layui-nav .layui-nav-item a{padding:0 6px!important;font-weight:bolder;}
.layui-nav *{font-size:16px;}
/*crumb*/
.layui-btn{margin-bottom: 10px;}
.layui-btn+.layui-btn{margin-left: unset;}


.gd_ban {
	width: 100%;
    height: 600px;
	padding-top: 140px;
    background: url("https://www.ori-ru.com/static/vip/images/banner.jpg") center top no-repeat;
	}
.gd_ban a {
	display: block;
	text-align: center;
	height: 450px;
	padding-left:150px;
	}
.gd_ban h4 {
	font-size: 44px;
	color: #fff;
	padding: 0px 0px 10px;
	display: inline-block;
	}
.gd_ban h2 {
	font-size: 110px;
	line-height: initial;
	color: #87ceeb;
	}

.gd_ban p {
	display: inline-block;
	line-height: 70px;
	color: #fff;
	font-size: 20px;
	border-radius: 20px;
	padding: 0px 30px;
	box-shadow: 0px 0px 18px 0px rgba(159, 124, 236, 0.55);
	margin-top: 30px;
	}

/**/
.mag_ys {
	width: 100%; 
	background: url("https://www.ori-ru.com/static/vip/images/mag_bg.jpg") center center no-repeat;
	}
.tcell-data{
	padding: 30px 0;
	overflow: hidden;
	}
.data-list{
	overflow: hidden;
	}
.data-list:after {
	content:""; 
	clear: both; 
	overflow: hidden; 
	display: block; 
	height: 0px;
	}
.data-list li{
	float: left; 
	width: 25%; 
	text-align: center; 
	padding: 10px 0;
	}
.dd-hd{font-size: 13px;}
.dd-hd .n{font-size: 50px;color: #2567c8; font-weight: bold;}
.dd-hd .n.n1{color: #dd3316;}
.dd-hd .n.n2{color: #f37d15;}
.dd-hd .n.n3{color: #09abf3;}
.dd-hd .n.n4{color: #09d69c;}
.dd-txt{font-size: 16px}
	
/****/
.main_one {
	padding: 20px 0px;
	}
.main_one ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.main_one ul li {
    width: 24%;
    transition: all .3s linear;
    cursor: pointer;
	margin: 20px 0;
	}
.main_one ul li a {
    display: block;
    position: relative;
    padding: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	}
.main_one ul li a:hover {box-shadow: 0px 10px 15px -12px #146097;}
.main_one ul li h4 {
	font-size: 22px;
	display: block;
	line-height: 36px;
	color: #146097;
	}
.main_one ul li p {
	margin-top: 10px;
	color: #666;
	}
.main_one ul li i {
	display: block;
	position: absolute;
	width: 66px;
	height: 56px;
	background: #fff url("https://www.ori-ru.com/static/vip/images/icon.png") 0 -5px no-repeat;
	left: 20px;
	top: -30px;
	}
.main_one ul li .m2 { background-position: -66px -5px;}
.main_one ul li .m3 { background-position: -132px -5px;}
.main_one ul li .m4 { background-position: -198px -5px;}
.main_one ul li .m5 { background-position: -264px -5px;}
.main_one ul li .m6 { background-position: 0px -71px;}
.main_one ul li .m7 { background-position: -66px -71px;}
	
/**/
.main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
	}
.main img {
	height: 300px;
	}
.main_tite { width: 60%;}
.main_tite h3 {
	display: flex;
	background: #3c6bfe;
	line-height: 40px;
	color: #fff;
	}
.main_tite h3 p {
	width: 33.3%;
	text-align: center;
	color: #fff;
	border-right: 1px solid rgb(255,255,255,.2);
	}
.main_tite h3 p:last-child { border-right: none;}
.main_tite dl {
	display: flex;
	margin-bottom: 20px;
	}
.main_tite dl dt {
	font-size: 18px;
	color: #eba951;
	font-weight: bold;
	text-transform: uppercase;
	flex: 0 0 50px;
	margin-right: 10px;
	}
.main_tite dl dd p {
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	background: #fef9f3;
	border: 1px solid #eba951;
	padding: 0px 10px;
	border-radius: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	}
.dl_2 dt { color: #c72c81!important;}
.dl_2 p {
	background: none!important;
	border: none!important;
	padding: 0 0!important;
	}
.dl_2 p i {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("https://www.ori-ru.com/static/vip/images/icon.png") 0 -140px no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	}
.dl_3 dt { color: #1262fd!important;}
.dl_3 p {
	background: #f3f7ff!important;
	border-color: #1262fd!important;
	}
	
/***/
.main_qk {
	width: 100%;
	background: #f7fcff;
	}
.cs_box{
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 20px rgb(5, 74, 169, .13);
	padding: 15px 15px;
	position: relative;
	}
.sub_cs {
	position: absolute;
	top: 5px;
	left: 10px;
	}
.sub_cs span a{
	margin: 10px 0px;
	background: #f5f8fd;
	border-radius: 5px;  
	cursor:pointer;
	padding: 0px 20px;
	box-shadow: 0px 5px 20px rgb(208,208,208,.6);
	color: #146097;
	line-height:80px;
	display: block;
	font-size: 18px;
	}
.sub_cs .act a{ background: #ff7777; color: #fff; box-shadow: 0px 8px 25px rgb(250,115,57,.6);}

.xs_list{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
	margin-left: 200px;
	}
.xs_list li{
	margin: 0 10px 20px;
	width: calc(20% - 20px);
	}

.xs_list .xs_img {
	border: 1px solid #efefef;
	padding: 10px;
	background: #fff;
	}
.xs_list .xs_img img {
	width: 100%;
	height: 190px;
    transition: transform 0.6s ease;
	}
.xs_list a:hover img{
	transform:scale(1.01);
	}

.xs_list .xs_info h4 {
	height: 35px;
	line-height: 35px;
	font-weight: normal;
	overflow: hidden;
	text-align: center;
	display: block;
	}

.xs_list .xs_info p {
	font-size: 12px;
	color: #666;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: center;
	}

.xs_list li a {
	display: block;
	text-decoration: none;
	}
.xs_list li a:hover h4 { color:#0574b7;}
.qk_more {
	display: block;
	text-align: center;
	padding: 50px 0;
	}
.qk_more h3 {
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	}
.qk_more a {
	display: inline-block;
	background: #1262fd;
	box-shadow: 0 0 20px rgb(5, 74, 169, .5);
	line-height: 44px;
	padding: 0px 50px;
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
	}
.qk_more a:hover { opacity: .9;}

/**/
.lylist ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.lylist li{ 
	width:13%; 
	text-align:center; 
	margin: 15px 0px;
	}
.lylist li a{
	display: block;
	height: 100%;
	padding:25px 0;
	background: #fff;
    box-shadow: 0px 0px 10px rgb(0,0,0,.05);
    border-radius: 4px;
	}
.lylist li a:hover{
	background: rgb(59,139,198, .1);
	box-shadow: 0px 0px 10px rgb(0,0,0,.08);
	transition: all 0.5s;
	}
.lylist li:hover p{
	color: #3b8bc6;
	}
.lylist li img{ border-radius:15px; display:inline-block; margin-bottom:5px}
.lylist li p{ font-size:18px;color: #333;}

.ky_bg {
	margin: 30px 0;
	background: url("https://www.ori-ru.com/static/vip/images/ky_img.jpg") center center no-repeat;
	background-size: cover;
	height: 580px;
	}
.ky_bg a{
	display: block;
	height: 100%;
	text-indent: -99999px;
	}

/**/
.hot_xt {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
	}
.hot_xt li {
	width: 19%;
	margin-bottom: 20px;
	}
.hot_xt li h4 {
	display: block;
	height: 70px;
	line-height: 70px;
	background: url("https://www.ori-ru.com/static/vip/images/box4_bg1.png") center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding-top: 10px;
	}
.hot_xt li dl {
	padding: 10px 10px;
	border: 1px solid #3384f5;
	border-radius: 0 0 10px 10px;
	}
.hot_xt li dl dd {
	display: flex;
	justify-content: space-between;
	text-align: center;
	line-height: 26px;
	}
.hot_xt li dl dd span {
	display: block;
	margin-bottom: 5px;
	color: #666;
	width: 35%;
	}
.hot_xt li dl dd p {
	color: #3384f5;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 68%;
	}
.hot_xt li dl dd i {
	width: 32%;
	display: block;
	}

.hot_2 h4 { background-image: url("https://www.ori-ru.com/static/vip/images/box4_bg2.png")!important;}
.hot_2 dl { border-color: #8d4ff8!important;}
.hot_2 p { color: #8d4ff8!important;}

.hot_3 h4 { background-image: url("https://www.ori-ru.com/static/vip/images/box4_bg3.png")!important;}
.hot_3 dl { border-color: #ff683c!important;}
.hot_3 p { color: #ff683c!important;}

.hot_4 h4 { background-image: url("https://www.ori-ru.com/static/vip/images/box4_bg4.png")!important;}
.hot_4 dl { border-color: #2fb097!important;}
.hot_4 p { color: #2fb097!important;}


/**/
.cgal_bg {
	width: 100%;
	background: #f7fcff;
	}
.marquee {
	height:375px;
	overflow:hidden;
	}
.marquee ul {
	display: flex;
	}
.marquee li {
	width: 290px;
	height: 360px;
	border: 1px solid #ddd;
	padding: 8px;
	margin: 0px 10px;
	cursor: pointer;
	}
.marquee li img {
	max-width: 100%;
	height: 340px;
	}
.marquee li a {
	display: block;
	font-size: 13px;
	line-height:24px;
	}
	
/**/
.zzfw ul {
	display: flex;
	justify-content: space-between;
	}
.zzfw ul li {
	width: 24%;
	background: #fff;
	box-shadow:0px 12px 30px -12px #376efe;
	border-radius: 10px;
	overflow: hidden;
	}
.zzfw ul li h4 {
	height: 120px;
	background: url("https://www.ori-ru.com/static/vip/images/shiye1.jpg") center center no-repeat;
	background-size: cover;
	font-size: 30px;
	color: #fff;
	padding: 40px 0 0 20px;
	}
.zzfw ul li h5 {
	line-height: 40px;
	background: #1262fd;
	color: #fff;
	padding: 0 20px;
	display: table;
	font-size: 16px;
	font-weight: normal;
	margin-top: -20px;
	}
.zzfw ul li dl { padding: 5px 20px 20px;}
.zzfw ul li dl p {
	font-size: 16px;
	margin-top:  15px;
	line-height: 20px;
	padding-left: 20px;
	position: relative;
	}
.zzfw ul li dl p:after {
	content:"";
	position: absolute;
	display: block;
	width: 15px;
	height: 13px;
	background: url("https://www.ori-ru.com/static/vip/images/icon.png") -50px -140px no-repeat;
	left: 0px;
	top: 4px;
	}
.zzfw ul li dl p a { color: #146097;}
.zzfw ul li dl span {
	color: #666;
	line-height: 26px;
	}

/**/	
.cbcs {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 50px;
	}
.cbcs li {
	line-height: 30px;
	display: flex;
	justify-content: space-between;
	width: 32%;
	}
.cbcs li a {
	display: block;
	flex: 0 0 80%;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
.cbcs li span {
	flex: 1;
	display: block;
	margin-left: 5px;
	text-align: right;
	}

/**/
.footer {
	width: 100%;
	background: #302f35;
    padding: 20px 0px;
    color: #838386;
	text-align: center;
	}
.footer p { line-height: 26px;}
.footer p span a{color: #838386;}