@charset "utf-8";
/*Author:MoGuangyong*/
/*Reset*/
html { height: 100%; font-family: Tahoma,Arial,"microsoft yahei",SimSun; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 75%;}
body { margin: 0; line-height: 1.5; font-size: 12px; font-size: 1rem; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0);}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
svg:not(:root) { overflow: hidden;}

a { color: #333333; background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;}
a:active { outline: none;}
a,a:focus {	outline: none;}
i{ -webkit-tap-highlight-color: transparent;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
address{ font-style: normal;}

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal; -webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
textarea { overflow: auto; resize: vertical;}
optgroup { font-weight: bold;}

table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}


h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0;}
ul, ol, li, dl, dd { margin: 0; padding: 0;}
ul, ol { list-style: none outside none;}
h1, h2, h3 { font-weight: normal;}
h1 { font-size: 1.8rem;}
h2 { font-size: 1.6rem;}
h3 { font-size: 1.4rem;}
input::-moz-placeholder, textarea::-moz-placeholder { color: #adacac;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #adacac;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #adacac;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*reset end*/

/*public start*/
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.bc{margin-left:auto; margin-right:auto;}
.fl{_display:inline; float:left;}
.fr{_display:inline; float:right;}
.cb{clear:both;}

.Cff6600{ color: #FF6600 !important;}
.Bf8f8f8{ background: #F8F8F8;}
.Bededed{ background: #ededed;}
/*
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
*/
.c{*zoom:1}
.c:before,.c:after{display:table; content:"";}
.c:after{clear:both;}
.cutstr{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.oh{overflow:hidden;}
.pt10{ padding-top:10px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt35{ padding-top:35px !important;}
.pt50{ padding-top:50px !important;}
.pt70{ padding-top:70px !important;}
.pb20{ padding-bottom:20px;}

.w1258{ width: 100%; max-width: 1258px; height: 100%; margin: 0 auto;}
.w1790{ width: 100%; max-width: 1790px; height: 100%; margin: 0 auto;}
/*add:防止闪屏*/
.x-input-el { display:block; -webkit-user-modify:read-write-plaintext-only;}

.header{ height: 80px; line-height: 80px; background: #999; overflow: hidden;}
.HLogo{ height: 100%; display: block;}
.HLogo img{ height: 100%; display: block;}
.hedaer-nav{ height: 80px; line-height: 80px; padding-left: 35px;}
.hedaer-nav a{ display: inline-block; line-height: 80px; color: #e5e5e5; font-size: 1.333rem; padding: 0 25px;}
.hedaer-nav a:hover{ color: #fff;}
.hedaer-nav a.active{ background: #5d5d5d;}
.header-search{ width: 180px; height: 32px; line-height: 32px; padding: 0 12px; margin-top: 24px; background: #484848; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius:32px;}
.header-search input{ width: 119px; border: none; background: #484848; color: #e5e5e5;}
.header-search i{ width: 32px; height: 32px; line-height: 32px; text-align: right; font-size: 1.666rem; color: #c9c9c9; cursor: pointer;}
.nav-screen{ display: none; height: 100%;  z-index: 9;}
.nav-screen .hm-menu-1{ color: #FFFFFF; font-size: 2.25rem; padding: 0 10px; line-height: inherit;}
.nav-v{ display: none; width: 200px; position: absolute;z-index: 10; top: 80px; right: 0; background: #333333;}
.nav-v li{ height: 55px; line-height: 54px; text-align: center; border-top:1px solid #434343;}
.nav-v .header-search{ display: block; margin: 11px auto 0;}
.nav-v a{ display: block; color: #E5E5E5; font-size: 1.166rem;}

.video-js{ display: none; position: absolute; top: 0; left: 0; z-index: 9;}
.video-js .vjs-tech{ z-index: 3;}
.videoBg{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url(../img/videoBg.png) no-repeat center center;}

.footer{ background: #2b2a28;}
.footer-top{ padding: 50px 0;}
.footer-top .list{ width: 230px; line-height: 2rem; display: table-cell; color: #999999;}
.footer-top .list.last{
	width: 310px;
}
.footer-top .list a{ color: #999999;}
.footer-top .list .title{ font-size: 1.166rem; color: #FFFFFF; font-weight: bold; display: inline-block; margin-bottom: 10px;}
.footer-bot{ height: 60px; line-height: 60px; color: #666666; border-top: 1px solid #41403e; overflow: hidden;}
.footer-bot a{ color: #666666;}
.footer-bot li{ float: left; padding-right: 20px;}

.pic-box2{ width: 100%; max-width: 1260px; padding-top: 50px; margin: 0 auto; position: relative; text-align: center;}
.pic-box2 .Htitle{ position: relative;}
.pic-box2 .Htitle:before{ width: 100%; max-width: 1258px; content: ''; border-bottom: 1px solid #DDDDDD; display: block; position: absolute; top: 50%; left: 0;}
.pic-box2 h3{ display: inline-block; font-size: 2.166rem; padding: 0 50px; background: #f8f8f8; position: relative;}
.pic-box2 .box{ padding-top: 10px; text-align: left;}
.pic-box2 .box .list{ width: 100%; max-width: 440px;  margin: 1px; display:inline-block; position: relative;}
.pic-box2 .box .list img{ width: 100%;}
.pic-box2 .list:hover .txt-box2{ display: block;}
.pic-box2 .box .list iframe{
	width:100%!important;
	height:230px!important;}

.txt-box2{ display: none; width: 100%; height: 100%; box-sizing: border-box; padding: 16% 10%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0;}
.txt-box2 h4{ font-size: 2rem; color: #FFFFFF; font-weight: normal;}
.txt-box2 .little{ height: 48px; line-height: 24px; box-sizing: initial; color: #CCCCCC; padding-top: 5px; overflow: hidden;}
.txt-box2 .bot{ color: #e60012; padding-top: 20px;}

.moreBtn{ height: 40px; margin-top: 30px; background: url(../img/loading1.gif) no-repeat center center; clear: both;}
.moreBtn a{ width: 150px; height: 40px; line-height: 40px; display: block; background: #FFFFFF; color: #666666; border: 1px solid #dbdbdb; text-align: center; margin: 0 auto;}
.moreBtn-no{ display: none;}
.vjs-default-skin .vjs-control-bar{ z-index:3;}
.float{
	position:fixed;
	top:50%;
	margin-top:-92px;
	right:20px;
	z-index:9;
	width:40px;
	height:184px;
	background:url(../img/float.png) no-repeat 0 0;}
.float a{
	float:left;
	width:40px;
	height:40px;
	margin-bottom:8px;}
.float .a3{
	position:relative;}
.float .a3 img{
	display:none;
	position:absolute;
	top:-30px;
	left:-120px;}
.nav-phone{
	padding-right: 20px;
	font-size: 14px;
	color: #e5e5e5;
	line-height:2;
	padding-top:11px;
}
.message {
	background: #666;
}

.message_left {
	float: left;
	padding: 3% 2.7%;
	width: 28%;
	box-sizing: border-box;
	color: #fff;
}

.message_left .li1 {
	font-size: 36px;
	font-weight: 400;
	font-family: SimSun
}

.message_left .li2 {
	margin-top: 18px;
	width: 50px;
	height: 3px;
	background: #fff;
}

.message_left .li3 {
	padding-top: 15px;
	font-size: 14px;
	line-height: 24px;
}

.message_left .li4 {
	padding-top: 30px;
}

.message_right {
	padding: 3.4% 3.7% 5.8% 3.7%;
	width: 72%;
	background: #fff;
	box-sizing: border-box;
}

.message_item {
	padding: 0 2.8%;
	width: 50%;
	box-sizing: border-box;
}

.message_tel {
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	background: #e6e6e6;
	border: none;
}

.message_hd {
	padding: 15px 0 3px 0;
	color: #999;
}

.message_hd span {
	padding: 0 4px;
	color: #e96b2a;
}

.message_textarea {
	padding: 10px;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	background: #e6e6e6;
	border: none;
}

.message_submit {
	width: 160px;
	height: 50px;
	background: #e70012;
	font-size: 18px;
	color: #fff;
	border: none;
	margin-top: 20px;
}

@media screen and (max-width: 1080px){
	.hedaer-nav{ padding-left: 15px;}
	.hedaer-nav a{ padding: 0 15px;}
}
@media screen and (max-width: 950px){
	.header{ overflow: visible;}
	.hedaer-nav,
	.header-search{ display: none;}
	.nav-screen{ display: block;}
	.pic-box2 .box{
		text-align:center;}
		.message_left, .message_right {
			width: 100%;
		}
}
@media screen and (max-width: 768px){
	.header{ height: 60px; line-height: 60px;}
	.nav-v{ top: 60px;}
	.footer-top{ padding: 20px 0; text-align: center;}
	.footer-top .list{ display: none;}
	.footer-top .last{ width: 100%; display: block;}
}
@media screen and (max-width: 654px){
	.footer-bot{ display: none;}
	.nav-phone{
		padding-top:2px}
	.float{
		right:10px;}
	.message_item {
		width: 100%!important;
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1000px){  
	html {
		font-size: 100%!important;
	}
}