@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
}
.getTop, a {
	cursor: pointer
}
@font-face {
	font-family: pingfang;
	src: url(//www.orvibo.com/guanwang_second/front/fonts/PingFangReg.eot?#iefix) format('embedded-opentype'), url(//www.orvibo.com/guanwang_second/front/fonts/PingFangReg.eot), url(//www.orvibo.com/guanwang_second/front/fonts/PingFangReg.woff) format('woff'), url(//www.orvibo.com/guanwang_second/front/fonts/PingFangReg.ttf) format('truetype'), url(//www.orvibo.com/guanwang_second/front/fonts/PingFangReg.svg#ekcososregular) format('svg');
	font-weight: 400;
	font-style: normal
}
@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'
}
a, body, button, html, input, select, textarea {
	font-family: pingfang, 'Microsoft YaHei', 微软雅黑, \9ed1\4f53, \5b8b\4f53, 'Microsoft JhengHei', 华文细黑, STHeiti, MingLiu
}
body, html {
	font-size: 14px
}
body, button, input, select, textarea {
	color: #666
}
address, cite, dfn, em, var {
	font-style: normal
}
dl, ol, ul {
	list-style: none
}
a {
	text-decoration: none;
	outline: 0
}
img {
	border: 0
}
button, input, select, textarea {
	outline: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	font-family: 'Microsoft YaHei', 微软雅黑, \9ed1\4f53, \5b8b\4f53, 'Microsoft JhengHei', 华文细黑, STHeiti, MingLiu
}
.ffandie {
	font-family: pingfang, 'Microsoft YaHei', 微软雅黑, \9ed1\4f53, \5b8b\4f53, 'Microsoft JhengHei', 华文细黑, STHeiti, MingLiu
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px
}
.clear:after, br, header h1 a {
	display: block
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear:after {
	clear: both;
	content: '\0020';
	visibility: hidden;
	height: 0
}
br {
	opacity: 0
}
header.header {
	background: #000;
	width: 100%;
	height: 50px
}
header .content {
	width: 1200px;
	margin: 0 auto
}
header h1 {
	float: left;
	width: 101px;
	height: 22px;
	margin-top: 14px
}
header h1 a {
	height: 22px
}
header .content .menu>ul {
	float: right;
	height: 50px
}
header .content .menu>ul>li {
	float: left;
	height: 100%;
	position: relative
}
header .content .menu>ul>li>a {
	display: block;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #888
}
header .content .menu>ul>li>a.active {
	color: #fff
}
header .content .menu>ul>li>ul {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 9999;
	display: none
}
header .content .menu>ul>li>ul>li {
	padding: 0 20px;
	background: #444
}
header .content .menu>ul>li:hover>ul>li:hover {
	background: #0d7fef
}
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
}



/*导航*/


.menu{width:100%;height:80px;background:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,.1); position: fixed; z-index: 999; }
.menu .nav{width:50%;height:80px; float: right;}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block;height:80px;/*border-left:1px solid #000;*/padding:0 25px;line-height:80px;color:#666;text-decoration:none;position:relative;overflow:hidden; font-size:15px; }
.menu .nav li a:hover,.menu .nav li a.current{ color:#1e50ae; }
.menu .nav li .box{width:100%;height:50px;position:absolute;top:80px;left:0; background:#fafafa;display:none; text-align: center; z-index: 2; }
.menu .nav li .box a{display:inline-block;height:50px;color:#666;line-height:50px;border:none;background:none; font-size:13px; }
.menu .nav li .box a:hover{ color:#1e50ae; }
.menu .nav li .box .xz { color:#1e50ae; }

.logo { width:30%; float: left; height: 80px; }
.logo img { max-width:100%; padding: 10px 0px 10px 150px; }






.erweima, .miniapp {
	display: none
}
.erweima .modal-con, .miniapp .modal-con {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.erweima .modal-mask, .miniapp .modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: #000;
	right: 0;
	bottom: 0;
	margin: 0;
	overflow: auto;
	opacity: .8;
	filter: 'alpha(opacity=80)'
}
.erweima .modal-container, .miniapp .modal-container {
	top: 100px;
	width: 352px;
	left: 50%;
	margin-left: -176px;
	background-color: #fff;
	border-radius: 8px;
	z-index: 9999;
	position: relative;
	text-align: center
}
.erweima .modal-container .qr_close, .miniapp .modal-container .miniapp_close {
	position: absolute;
	width: 30px;
	height: 30px;
	top: -10px;
	right: -10px;
	background: url(//static.orvibo.com/guanwang_second/front/images/new/dialog_close-2f70a032e0.png) center no-repeat
}
.erweima .modal-container h2, .miniapp .modal-container h2 {
	font-size: 24px;
	color: #2f2f2f;
	font-weight: 400;
	padding-top: 22px
}
.erweima .modal-container p, .miniapp .modal-container p {
	font-size: 14px;
	color: grey;
	line-height: 24px;
	margin-top: 16px
}
.erweima .modal-container img, .miniapp .modal-container img {
	margin-top: 30px;
	margin-bottom: 30px
}
.foot {
    width: 100%;
    background-color: #2c2c2c;
    padding: 80px 0 0;
    font-family: inherit;
}
.foot .content {
max-width: 1370px;
    margin: 0 auto;
    height: 365px;
}

.er {
    float: left;
}

.er img {
    max-width: 100%;
    display: inline-block;
    margin-left: 30px;
}


.foot .link_list {
	margin-right: 80px;
	float: left
}
.foot .first_li {
	margin-bottom: 15px
}
.foot ul li {
	color: #fff;
	line-height: 28px;
	font-size: 14px
}
.foot .copyright, .foot ul li a {
	color: #7c7c7c;
	font-size: 14px
}
.foot_top ul li a:hover {
	color: #fff
}
.foot_top {
border-bottom: 1px solid rgba(82,82,82,.5);
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}
.foot .copyright {
	font-size: 12px;
	color: #888;
	margin-top: -34px;
	width: 100%
}
.foot .copyright p {
	float: left;
	font-size:14px;
	line-height: 32px;
		
}
.foot .gs {
	float: left;
	position: relative;
	height: 20px;
	line-height: 20px
}
.foot .gs>a {
	padding-left: 25px;
	line-height: 20px;
	color: #888
}
.foot .gs>img {
	position: absolute;
	left: 0;
	top: 0
}
.foot .tel {
	text-align: right
}
.foot .tel p {
	color: #7c7c7c
}
.foot .tel .phone_num {
	font-size: 30px;
	color: #fff
}
.foot .language ul {
	width: 140px;
	border-radius: 5px;
	position: relative
}
.foot .language .active {
	background: #363636
}
.foot .language ul li {
	width: 140px;
	height: 40px;
	background: #363636
}
.foot .language li.arrow_d {
	background: url(//static.orvibo.com/guanwang_second/front/images/new/down_arrow_03-fdb7ea847b.png) 116px center no-repeat;
	border-radius: 5px
}
.foot .language ul li a {
	width: 100%;
	height: 100%;
	line-height: 40px;
	display: block;
	position: relative;
	padding-left: 46px;
	box-sizing: border-box
}
.foot .language ul li i {
	position: absolute;
	top: 9px;
	left: 16px
}
.foot .language li.arrow_d:hover {
    background: url(../images/zyw.png) 116px center no-repeat #252525;
    border-radius: 5px;
}
.foot .language li#en:hover {
	background: #252525
}
.foot #en {
	position: absolute;
	left: 0;
	top: -40px;
	display: none;
	border-radius: 5px
}
.foot .language, .foot .tel {
	float: right
}
.foot .online_service {
	background: #2f7cd3;
	border-radius: 4px;
	width: 136px;
	height: 40px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	margin-top: 20px;
	display: block;
	float: inherit;
	font-size:16px;
}
.flag, .foot .online_service i {
	display: inline-block;
	margin-right: 10px
}
.foot .online_service i {
	width: 16px;
	height: 16px;
	display: none;
	vertical-align: middle;
	background: url(//static.orvibo.com/guanwang_second/front/images/new/zixun-8acf43c5a9.png) center no-repeat
}
.flag, .icon_arrow_down {
	background-image: url(../images/gq.png);
}
.flag, .foot .erweima, .getTop div, .icon_arrow_down, .online div {
	background-repeat: no-repeat
}
.foot .online_service:hover {
	background-color: #2995FF;
	color: #fff
}
.icon_arrow_down {
	height: 6px;
	width: 10px;
	background-position: -180px 0
}
.flag {
	margin-top: 5px
}
.us_en {
	height: 15px;
	width: 21px;
	background-position: -220px 0
}
.china {
	height: 14px;
	width: 21px;
	background-position: -194px 0
}
.getTop, .getTop div {
	width: 50px;
	height: 50px
}
.getTop {
	display: none
}
.getTop div {
	background-image: url(//static.orvibo.com/guanwang_second/front/images/new/fix_icon3-1402bd019c.png);
	opacity: .7
}
.getTop:hover div {
	opacity: 1
}
.fixed {
	position: fixed;
	right: 10px;
	bottom: 50px;
	z-index: 900;
	display: none;
}
.online {
	display: block;
	width: 49px;
	height: 50px;
	border-radius: 5.5px
}
.online div {
	background-image: url(//static.orvibo.com/guanwang_second/front/images/new/fix_icon1-42005c3a5b.png);
	width: 50px;
	height: 50px
}
.online:hover div {
	background-image: url(//static.orvibo.com/guanwang_second/front/images/new/fix_icon1_1-76e231d90d.png)
}
.foot .erweima {
	position: absolute;
	width: 125px;
	height: 140px;
	top: -100px;
	left: 478px;
	display: none;
	background-position: 0 0;
	background-image: url(//static.orvibo.com/guanwang_second/front/images/new/qrcode.png)
}
#newBridge {
	display: none!important
}
.video_mask, .video_modal {
	display: none;
	position: fixed
}
.video_modal {
	width: 1190px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -595px;
	margin-top: -300px;
	z-index: 9999
}
.video_mask {
	background-color: #101010;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-overflow-scrolling: touch
}




@media(max-width:1700px) { 

	.menu .nav { width:55%; }

}

@media(max-width:1600px) { 

	.menu .nav { width:60%; }

}

@media(max-width:1440px) { 

	.menu .nav { width:65%; }
	
	.product .swiper-container1 { padding-left:0px; padding-right: 0px; }
	
}


@media(max-width:1360px) { 

	
	.container3 { max-width:1200px;  }
	
	.h_news_section .gsxw_box { width:316px; }
	
	.h_news_section .hyxw_box { width:405px; }
	
	
	.work .container3 { max-width:1200px;  height: 553px;  }
	
	.work .container3 .child { width:385px; height: 257px; }
	
	.work .container3 .child#work1{top:0px;left:0px;}
    .work .container3 .child#work2{top:0px;left:406px;}
    .work .container3 .child#work3{top:0px;left:810px;}
    .work .container3 .child#work4{top:277px;left:0px;}
    .work .container3 .child#work5{top:277px;left:406px;}
    .work .container3 .child#work6{top:277px;left:810px;}
	
	
	
	

}




@media(max-width:1320px) { 

	.menu .nav { width:70%; }

}



@media(max-width:1270px) { 

	.er { width:24%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}

}



@media(max-width:1240px) {

	.menu .nav { width:70%; }
	
	.menu .nav li a { padding:0px 20px; }  	
	
	.er { width:20%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}

	
	
	
}


@media(max-width:1040px) {

	.menu .nav { width:70%; }
	
	.menu .nav li a { padding:0px 10px; }  	
	
	.er { width:20%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}

	
	
	
}


@media(max-width:940px) {

	.menu .nav { width:70%; }
	
	.menu .nav li a { padding:0px 10px; }  	
	
	.er { width:20%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}
    
	.logo { width:20%; }
	.logo img { padding:10px 0px 10px 40px; }
	
	
	
}



@media(max-width:900px) {

	.menu .nav { width:75%; }
	
	.menu .nav li a { padding:0px 10px; }  	
	
	.er { width:20%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}
    
	.logo { width:20%; }
	.logo img { padding:10px 0px 10px 40px; }
	
}


@media(max-width:840px) {

	.menu .nav { width:80%; }
	
	.menu .nav li a { padding:0px 10px; }  	
	
	.er { width:20%; }
	.er img {
    max-width: 40%;
    display: inline-block;
    margin-left: 10px;}
    
	.logo { width:20%; }
	.logo img { padding:10px 0px 10px 40px; }
	
}