@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
    padding: 0;
    margin: 0
}
a,body,button,html,input,select,textarea {
    /* font-family : 'PingFang SC',Helvetica,'Microsoft YaHei'; */
	/* font-family:"Noto Sans CJK SC", "Source Han Sans CN"; */
	/*font-family:"Noto Sans CJK SC Thin", "Source Han Sans CN Thin";*/
	/* font-family:"Noto Sans CJK SC Light", "Source Han Sans CN Light"; */
	/*font-family:"Noto Sans CJK SC DemiLight", "Source Han Sans CN DemiLight";*/
	/*font-family:"Noto Sans CJK SC Medium", "Source Han Sans CN Medium";*/
	/*font-family:"Noto Sans CJK SC Blod", "Source Han Sans CN Blod";*/
	/*font-family:"Noto Sans CJK SC Black", "Source Han Sans CN Black";*/
}
input {
    -webkit-appearance: none
}

dd,dl,dt,li,ol,ul {
    list-style: none
}

a {
    text-decoration: none;
    outline: 0;
	color: inherit;
}

img {
    border: 0;
	vertical-align: middle;
}

br {
    opacity: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
button,input,select,textarea {
    color: #666;
    font-weight: 500;
	outline: 0;
	margin: 0;
	font: inherit;
	color: inherit;
}

address,cite,dfn,em,var,b,em,h1,h2,h3,h4,h5,h6,i,strong {
    font-style: normal
}
*,::after,::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	-webkit-tap-highlight-color: transparent;
}
.pointer,a {
    cursor: pointer
}
@font-face {
    font-family: din;
    src: url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.eot?#iefix) format('embedded-opentype'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.eot),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.woff) format('woff'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.ttf) format('truetype'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.svg#ekcososregular) format('svg');
    font-weight: 400;
    font-style: normal
}

.digit {
    font-family: din,'Microsoft YaHei'
}

@media screen and (min-width: 1760px) {
    html {
        font-size:100px
    }
}

@media (min-width: 1360px) and (max-width:1760px) {
    html {
        font-size:calc((100vw - 160px)/ 16)
    }
}

@media screen and (max-width: 1360px) {
    html {
        font-size:75px
    }
}
html {
    box-sizing: border-box;
	font-family:"Noto Sans CJK SC Light", "Source Han Sans CN Light","PingFang SC","Helvetica","Microsoft YaHei";
    font-weight: 500;
    line-height: 1.6
}

body {
    font-size: .16rem;
    line-height: 1.6;
    font-weight: 500
}
:root {--swiper-theme-color:#fff !important}
.w {
    width: 16rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.clearfix:after{
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.max1920{
	max-width: 1920px;
}
.min1204{
    min-width: 1204px
}


header.header {
    background: transparent;
    width: 100%;
	min-width: 12.04rem;
    height: 80px;
	position: fixed;
	z-index: 999999;
	transition: .3s;
}
header.header.fixed{
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
header.header.fixed .content .menu>ul>li>a{
	color: #333 !important;
}
header.header.fixed .content .menu>ul>li.active>a:after{
	background: #333 !important;
}

header .content {
    max-width: 1760px;
    padding: 0 .8rem;
    margin: 0 auto;
    box-sizing: border-box;
	/* font-size: 16px; */
}
.fixed .menu>.menu_btn>span {background: #000000 !important;}
@media screen and (max-width: 1360px) {
    header .content {
        max-width:1280px!important;
        padding: 0 .4rem
    }
}
header .logos{
	display: none;
}
header .logo{
	line-height: 80px;
}
header .logo>img{
	height: 40px;
	vertical-align: middle;
}
header h1 {
    float: left;
    width: 101px;
    height: 22px;
    margin-top: 14px
}

header h1 a {
    height: 22px
}
header .content .menu>.menu_btn{
	display: none;
}
header .content .menu>ul {
    float: right;
    height: 80px;
    margin-right: -20px
}

header .content .menu>ul>li {
    float: left;
    height: 100%;
    position: relative;
	min-width: 96px;
}

header .content .menu>ul>li>a {
    display: block;
    height: 80px;
    padding: 0 20px;
    line-height: 80px;
    text-align: center;
    font-size: 20px;
	font-weight: 100;
    color: #fff;
	text-align: center;
	position: relative;
	/* text-shadow: 0 0 3px rgba(0,0,0,.4); */
}

/* header .content .menu>ul>li>a.active {
    color: rgba(255,255,255,.6)
} */
header .content .menu>ul>li>ul {
    position: absolute;
    top: 80px;
    left: 0;
	height: 0;
	overflow: hidden;
    z-index: 9999;
	opacity: 0;
	width: 100%;
	text-align: center;
}
/* header .content .menu>ul>li:hover>a {
    color: rgba(255,255,255,.6)
} */
header .content .menu>ul>li.active>a:after,
header .content .menu>ul>li:hover>a:after {
    position: absolute;
	content: '';
	height: 1px;
	background: #fff;
	left: 18px;
	right: 18px;
	bottom: 0px;
}
header .content .menu>ul>li:hover>ul {
	transition: opacity 1s;
	height: auto;
	z-index: 9999;
	opacity: 1;
}
header .content .menu>ul>li>ul>li {
    padding: 0 20px;
    background: #444
}

header .content .menu>ul>li:hover>ul>li:hover {
    background: #005eb2
}

header .content .menu>ul>li>ul>li>a {
    display: block;
    height: 44px;
    line-height: 44px;
    color: #bbb;
    font-size: 14px;
    white-space: nowrap
}

header .content .menu>ul>li:hover>ul>li:hover>a {
    color: #fff
}

footer{
	width: 100%;
	text-align: center;
	background-color: #161616;
	line-height: 0.4rem;
	font-size: 0.2rem;
	color: #999999;
	padding: .4rem 0 .3rem;
}
footer p>a{
	padding: 0 .4rem;
}


/* banner */
.banner {
	/* height: 8rem; */
	padding-bottom: 46%;
	position: relative;
}
.banner .swiper-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.banner .swiper-slide {
	background-size: cover;
	background-position: center center;
	
}
.banner .bnr_box{
	display: flex;
	/* justify-content: flex-start; */
	justify-content: left;
	align-items: center;
}
.banner .swiper-slide .bnr_box>.txt{
	width: 7.2rem;
	height: 4.2rem;
	color: #fff;
	background: rgb(0,0,0,.2);
	padding: .5rem .6rem;
}
.banner .swiper-slide .txt>h1{
	font-size: .7rem;
	word-spacing: .5rem;
	font-weight: normal;
	font-family:"Noto Sans CJK SC DemiLight", "Source Han Sans CN DemiLight","PingFang SC","Helvetica","Microsoft YaHei";
	padding-bottom: 1rem;
	position: relative;
	margin-bottom: .3rem;
}
.banner .swiper-slide .txt>h1::after{
	position: absolute;
	content: '';
	width: .8rem;
	height: .04rem;
	background: #F05350;
	left: 0;
	bottom: 0;
}
.banner .swiper-slide .txt>p{
	font-size: .26rem;
	line-height: .4rem;
	margin-bottom: .2rem;
	font-weight: 400;
	word-spacing: .1rem;
	font-weight: normal;
	opacity: .8; 
}
/* 内容版块 */
.container{
	width: 16.4rem;
	height: 100%;
	margin: 0 auto;
	position: relative;
	/* border: 1px solid #f00; */
}
.container .more{
	display: block;
	width: 1.2rem;
	height: .4rem;
	line-height: .4rem;
	font-size: .2rem;
	text-align: center;
	background: #F05350;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: .3s;
}
.container .more:hover{
	color: #fff !important;
	background: #FF7782 !important;
}
.scale1{
	transition: .3s;
	/* transform: scale(1.1); */
}
.scale1:hover{
	box-shadow: 0 0 .5rem rgba(0,46,87,.1);
	transform: scale(1.1);
}
@media screen and (max-width: 1230px) {
	.container{
		width: 12.04rem;
	}
}
.section{
	padding-top: 0.6rem;
	background: #fff;
	margin: 0 auto;
	position: relative;
}
.section h2{
	font-weight: 500;
	font-stretch: normal;
	font-size: 0.5rem;
	line-height: .63rem;
	color: #1C1D1E;
}
.section h3{
	font-weight: 600;
	font-stretch: normal;
	font-size: 0.24rem;
	line-height: 0.6rem;
	color: #333;
}
.section p{
	font-size: .2rem;
	line-height: 0.4rem;
	font-weight: 400;
	color: #333;
	/* width: 6.2rem; */
	margin: 0 auto;
}
.get_top{
	display: none;
	width: .5rem;
	height: .5rem;
	position: fixed;
	bottom: 0.5rem;
	right: 0.2rem;
	z-index: 20191106;
	cursor: pointer;
	opacity: .6;
	background: url(../img/toTop_fixed.png) no-repeat center center/cover;
}
.get_top:hover{
	opacity: 1;
}
.qr_img{
	position: fixed;
	top: 50%;
	margin-top: -.8rem;
	right: 0.2rem;
	z-index: 20191106;
	width: 1.4rem;
	height: 1.6rem;
	background: #E70012;
	padding: 10px;
	font-size: .16rem;
	color: #fff;
	text-align: center;
	line-height: 0.3rem;
}
.qr_img>img{
	width:100%;
}
.banner .swiper-pagination-bullet{
	background: #fff ;
}
@media screen and (max-width: 950px) {
    .container{
    	width: 100%;
    }
	header .logos{
		display: block;
		line-height: 50px;
		margin-left: ;
	}
	header .logos>img{
		height:30px;
		vertical-align: middle;
	}
	header .logo{
		line-height: 50px;
		margin-left: ;
		display: none;
	}
	header .logo>img{
		height:30px;
		vertical-align: middle;
	}
	header.header{
		min-width: 100%;
		height: 50px;
		background: #fff;
		box-shadow: 0 0 15px rgba(0,0,0,.3);
	}
	header .content{
		padding: 0 15px;
	}
	header .content .menu>.menu_btn{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		/* border: 1px solid #f00; */
	}
	header .content .menu>.menu_btn>span{
		width: 25px;
		height: 2px;
		background: #000;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		transition: .3s;
	}
	header .content .menu>.menu_btn>span:nth-child(1){
		top: calc(50% - 8px);
	}
	header .content .menu>.menu_btn>span:nth-child(3){
		top: calc(50% + 8px);
	}
	header .content .menu>.menu_btn.active>span:nth-child(2){
		opacity: 0;
	}
	header .content .menu>.menu_btn.active>span:nth-child(1){
		transform: translate(-50%,-50%) rotateZ(45deg);
		top: 50%;
	}
	header .content .menu>.menu_btn.active>span:nth-child(3){
		transform: translate(-50%,-50%) rotateZ(-45deg);
		top: 50%;
	}

	.header .content .menu>ul{
		overflow: hidden;
		/* display: none; */
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		height: 0;
		background: rgba(0,0,0,.9);
		z-index: 9999;
		transition: .3s;
	}
	.header .content .menu>ul>li{
		width: 100%;
		height: auto;
		
	}
	.header .content .menu>ul li a{
		position: relative;
		text-align: left;
		height: 50px;
		line-height: 50px;
	}
	.header .content .menu>ul li a:after{
		content: '';
		position: absolute;
		bottom: 0;
		height: 1px;
		left: 15px;
		right: 15px;
		background: #ccc;
	}
	header .content .menu>ul>li>ul{
		position: inherit;
		top: 0;
		opacity: 1;
		height: auto;
	}
	.header .content .menu>ul>li>ul>li{
		background: none;
		padding-left: 25px;
		padding-right: 0;
		text-indent: 20px;
	}
	
	.banner .swiper-slide>.txt>h1{
		font-size: 0.32rem;
		padding: 0 0.2rem;	
		word-spacing: normal;
	}
	.banner .swiper-slide>.txt>p{
		font-size: 0.2rem;
		padding: 0 0.2rem;
	}
	
	.section{
		padding-top: 0.5rem;
	}
	.section h2{
		text-align: center;
		padding: 0 .15rem;
		font-size: .32rem;
		line-height: 0.6rem;
	}
	.section p{
		text-align: center;
		width: 100%;
		padding: 0 0.15rem;
	}
	footer p>a {
	    padding: 0 .3rem;
	}
	footer p:nth-child(2) {
		padding-left: .2rem;
		padding-right: .2rem;
	}
	footer p:nth-child(4) {
		padding-left: .2rem;
		padding-right: .2rem;
	}
}