html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}

 /*www.qietu.com*/

/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}


/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */


/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
  a{ color:#5d5d5e; transition: all 0.3s ease-in-out 0s;}
  a:hover{ color:#3e6ed4; text-decoration:none;}
 
body,input,select,textarea{
	font-family:"微软雅黑", "黑体", Arial; font-size:14px; line-height:24px;
}
.header{
	background:#cc0000; height:120px; 
}
.header .logo{
	position:absolute; top:0; left:135px;
}
.header .logo2{
	top:0; left:135px;
}
.header .nav{
	margin-left:380px;
}
.header .nav li{
	float:left; display:inline;
}
.header .nav li a{
	float:left; display:inline; height:120px; padding:0 50px; line-height:120px; font-size:18px; color:#fff;
}
.header .nav li.selected a{
	background:#9f0000;
}
.wrapper{
	width:1317px; margin:0 auto; clear:both; position:relative;
}

.slider{
	position:relative;
}
.slider .list{
	position:absolute; left:0; top:0;
}
.slider .wrapper{
	height:595px;
}
.slider .prev,
.slider .next{
	background:url(../imgs/img1.png) no-repeat; width:84px; height:145px; position:absolute; top:50%; margin-top:-72px; left:0; cursor:pointer;
}
.slider .next{
	background:url(../imgs/img2.png) no-repeat; left:auto; right:0;
}

.about{
	background:url(../imgs/img2.jpg) no-repeat center top; height:674px; clear:both;
}
.about .title{
	position:absolute; left:130px; top:100px;
}
.about .text{
	padding-left:600px; padding-top:150px; padding-right:30px; 
}
.about .text li{
	float:right; display:inline; font-size:16px; width:16px; margin-right:20px; border-left:#9f9289 solid 2px; padding-bottom:20px; color:#361803;
}

.service{
	background:url(../imgs/img3.jpg) no-repeat center top; height:865px;
}
.service .wrapper{
	background:url(../imgs/img5.png) no-repeat center 416px; height:100%; 
}
.service .title{
	position:absolute; right:60px; top:80px;
}
.service .item{
	width:228px; height:146px; border:#e60012 solid 3px; margin:0 30px; display:inline-block; padding:20px;  position:absolute;
}
.service .item .stitle{
	position:absolute; left:20px; top:-14px; background:#f3f1ef; padding:0 10px; font-size:18px; font-weight:bold; font-family:"楷体", "黑体";
}
.service .uprow,
.service .downrow{
	text-align:center;
}
.service .uprow{
	padding:180px 0 40px 0; height:auto; overflow:hidden; height:196px;
}
.service .downrow{
	padding:50px 0 40px 0; height:auto; overflow:hidden;
}
.service .arrow{
	width:16px; height:14px; position:absolute; left:50%; margin-left:-8px;
}
.service .uprow .arrow{
	background:url(../imgs/img6.png) no-repeat; bottom:-47px;
}
.service .downrow .arrow{
	background:url(../imgs/img7.png) no-repeat; top:-46px;
}

.works{
	background:url(../imgs/img4.jpg) no-repeat center top; height:647px; position:relative;
}
.works .title{
	position:absolute; left:120px; top:40px;
}
.works .list{
	margin-left:285px;
}
.works .list ul{
	height:auto; overflow:hidden;
}
.works .list li{
	width:287px; height:553px; float:left; display:inline; background:#cc0000; margin-right:20px; position:relative; cursor:pointer;
}
.works .list li .tip{
	height:86px; position:absolute; width:100%; left:0; bottom:0; text-align:center; line-height:86px; font-size:18px; color:#fff;
}
.works .list li.selected{
	background:#000000;
}
.works .dialog{
	width:1300px; height:590px; position:absolute; left:50%; margin-left:-750px; top:0; background:url(../imgs/img11.png) repeat; padding:0 100px 0 100px;
}
.works .dialog .view{
	width:994px; float:left; display:inline; 
}
.works .dialog .side{
	width:260px; float:left; display:inline; margin-left:10px; height:590px; overflow-y:scroll; overflow-x:hidden; padding-right:20px;
}
.works .dialog .side li{
	width:260px; height:185px; margin-bottom:10px;
}
.works .dialog .close{
	background:url(../imgs/img12.png) no-repeat; width:54px; height:50px; position:absolute; top:15px; right:25px; cursor:pointer;
}

.videos{
	background:url(../imgs/img5.jpg) no-repeat center top; height:742px; position:relative;
}
.videos .wrapper{
	padding-top:72px;
}
.videos .title{
	font-size:32px; font-weight:bold; position:absolute; left:120px; top:0; line-height:72px; color:#fff;
}
.videos .view{
	width:1200px; height:488px; margin:0 auto; position:relative;
}
.videos .view .mask{
	background:url(../imgs/img10.png) repeat; width:100%; height:100%; position:absolute; left:0; top:0;
}
.videos .view .play{
	background:url(../imgs/img9.png) no-repeat; width:190px; height:190px; position:absolute; left:50%; margin-left:-95px; top:50%; margin-top:-95px; cursor:pointer;
}
.videos .list{
	width:1226px; margin:0 auto; overflow:hidden; margin-top:-10px; position:relative;
}
.videos .list ul{
	height:auto; overflow:hidden; width:105%;
}
.videos .list li{
	float:left; display:inline; width:279px; height:175px; margin-right:35px; opacity:0.5; filter:alpha(opacity=50);
}
.videos .list li.selected{
	opacity:1; filter:alpha(opacity=100);
}
.videos .prev,
.videos .next{
	background:url(../imgs/img1.png) no-repeat; width:84px; height:145px; position:absolute; top:50%; margin-top:-72px; left:-100px; cursor:pointer;
}
.videos .next{
	background:url(../imgs/img2.png) no-repeat; left:auto; right:-100px;
}

.footer{
	padding:50px 0; background:#000000;
}
.footer a{
	color:#fff;
}
.footer .inner{
	width:600px; margin:0 auto; color:#fff; height:auto; overflow:hidden;
}
.footer .qrcode{
	width:160px; float:left; display:inline;
}
.footer .text{
	width:440px; float:left; display:inline; padding-top:20px;
}

.news{
	background:url(../imgs/img19.jpg) no-repeat center top #f2f2f2; min-height:500px; padding-bottom:90px;
}
.news .title{
	position:absolute; left:200px; top:150px; 
}
.news .list,
.news .view{
	padding:150px 180px 0 400px; font-size:18px;
}
.news .list li{
	margin-bottom:10px;
}
.news .view .stitle{
	border-bottom:#0b0b0b solid 2px; text-align:center; padding-bottom:20px; 
}
.news .view .stitle h2{
	font-size:28px; line-height:1.5em;
}
.news .view .stitle h4{
	font-size:19px; line-height:1.5em;
}
.news .view .text{
	margin-top:60px; line-height:2em; font-size:14px;
}
.news .text img{
	max-width:100%;
}
.pages{
	margin-top:80px; text-align:right;
}
.pages li{
	display:inline;
}
.pages a{
	padding:2px 5px;
}
.pages li.selected a{
	background:#545454; color:#fff;
}

.navToggle{
background: url("../imgs/navt.png") no-repeat scroll center -60px #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 45px;
    width: 45px;
	position:absolute; 
	right:35px; top:50%; margin-top:35px; display:none;
}
.navToggle.selected{
	background-color: #f1bc2e;
    background-position: center 16px;
    border: 1px solid #fff;
}
@media screen and (max-width: 650px) {    
  
  }
  
  @media screen and (max-width: 480px) {   
	 
  }
.rightcon {width:720px; height:auto; overflow:hidden; float:left;}
.piclist {width:720px; height:auto; overflow:hidden; float:left;}
.piclist li {width:240px; height:240px; overflow:hidden; float:left; line-height:24px;}
.piclist li .pic {width:230px; height:auto; overflow:hidden; float:left; padding-bottom:10px;}
.piclist li .pic img{padding:2px; border:1px solid #ccc;}
.piclist li .title {width:230px; height:auto; overflow:hidden; float:left; font-size:24px; color:#000;position: inherit;}
.piclist li .ci {width:230px; height:auto; overflow:hidden; float:left;text-align: left;}
@import "font-awesome.css";
.navy{margin: 0 1000px 10px 0;}
.navy{width:100%;float:left;}
.navy .menu{margin:0;padding:0;position:relative;float:left;list-style:none;font-family:Calibri,Arial}
.navy .menu>li{display:table-cell;font-size:12px;text-transform:uppercase;margin:0;padding:0;float:left;line-height:20px;position:relative}
/*.navy .menu li a{padding:22px 18px 13px;color:#dedede;width:54px;text-decoration:none;display:inline-block;text-align:center;-o-transition:background .3s linear,color .3s linear;-webkit-transition:background .3s linear,color .3s linear;-moz-transition:background .3s linear,color .3s linear;transition:background .3s linear,color .3s linear}*/
.navy .menu>li:hover>a,.navy .menu li.active a{color:#888}
.navy .menu>li a i{font-size:20px;line-height:4px;display:table-cell;padding:0 0 14px 17px}
.navy .brand{margin:24px 0 0 50px;text-transform:uppercase;font-size:22px;font-family:Calibri,Arial;font-weight:700;float:left;text-decoration:none;color:#dedede}
.navy .menu ul,.navy .menu ul li ul{list-style:none;margin:0;/*padding:5px 5px 10px;*/display:none;position:absolute;z-index:999;width:170px;background:#9c0000}
.navy .menu ul{top: 120px;/*left: -5px;*/}
.navy .menu ul li ul{top:78px;left:140px}
.navy .menu ul li ul li ul{top:117px;left:140px}
.navy .menu ul li{clear:both;width:100%;font-size:11px;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height: 50px;}
.navy .menu ul li a{width:100%;padding:8px 10px 6px;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height: 40px;line-height: 30px;}
.navy .menu ul li:hover>a{background:#cc0000}
.navy.thick .menu li a{padding:40px 22px 32px}
.navy.thick .menu ul{top:114px}
.navy.thick .menu ul li ul{top:78px}
.navy.thick .menu ul li ul li ul{top:117px}
.navy.thick .menu ul li a{padding:8px 10px 6px}
.navy.thick .brand{margin:43px 0 0 50px}
.overlay{background:url(images/overlay-bg.png) repeat;width:150px;height:120px;position:absolute;display:none;left:0;top:0}
.navy .menu>li.showhide{display:none;width:100%;height:50px;cursor:pointer;color:#dedede;border-bottom:solid 1px rgba(0,0,0,.1);background:#333}
.navy .menu>li.showhide span.title{margin:16px 0 0 25px;float:left}
.navy .menu> li.showhide span.icon{margin:17px 20px;float:right}
.navy .menu>li.showhide .icon em{margin-bottom:3px;display:block;width:20px;height:2px;background:#ccc}
.red{border-bottom-color:#CF4647}
.red .menu li:hover>a,.red .menu li.active a{color:#CF4647}
.red .menu ul li:hover>a{background:#CF4647;color:#fff}
/*@media (max-width:768px){
.navy .brand{display:none}
.navy .menu{display:block;margin:0}
.navy .menu li{display:block;width:100%;padding-top:0;padding-bottom:0}
.navy .menu>li>a,.navy.thick .menu>li>a{width:100%;padding:12px 70px 0 18px;border-top:solid 1px rgba(0,0,0,.1);text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.navy .menu>li>a>i{margin-left:0;margin-right:5px;padding:0 0 12px;width:25px;text-align:center;line-height:21px;font-size:20px;position:relative;float:left}
.navy.right .menu{float:right;margin:0}
.navy .menu>li.showhide{display:block}
.navy .menu ul,.navy .menu ul li ul{float:left;display:none;width:100%;left:0;margin-left:0;padding:0 20px;position:static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.navy .menu ul{margin-bottom:15px}
.navy .menu ul li a{width:100%;padding:10px 18px 8px;text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.navy .menu>li>ul>li>a{padding-left:23px!important}
.navy .menu>li>ul>li>ul>li>a{padding-left:38px!important}
.navy .menu>li>ul>li>ul>li>ul>li>a{padding-left:53px!important}
}*/