
/*
 *   李坚
 *   2016.6
 */


/* 清除标签默认属性 */
body,ul,ol,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,input,textarea,select{padding:0px; margin:0px;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-family:"Microsoft Yahei","Simsun", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;font-weight:normal}
body{font-size:12px; font-family:"Microsoft yahei";background: #f5f5f5;}
input{font-family:'Microsoft yahei'}
ol,ul{list-style:none}
img{border:none;vertical-align:middle}
em,i,s{text-decoration:none;font-style:normal;}
a{text-decoration:none;}
a:hover{color:#2277e6;}
table{border-collapse:collapse;border-spacing:0;}

/*布局*/
.layout{width:100%;min-width:1200px;margin:0 auto;}
.w-sl-12{width:1200px;margin:0px auto;}
.w-sl-11{width:1100px;margin:0px auto;}
.w-sl-10{width:1000px;margin:0px auto;}
.w-sl-96{width:960px;margin:0px auto;}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '.';
	clear: both;
	height: 0;
}
.center{
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	-webkit-transform:translate(-50%,-50%);
}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.hidden{overflow:hidden;}
.hide,.none{display:none;}
.block{display:block;}
.clearfix{clear:both;}
.pr{position:relative;}
.pa{position:absolute;}
.fixed{position:fixed;}
.split{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.through{text-decoration:line-through;color:#999;}
.disable{cursor:not-allowed;}
.num{font-family:'Arial'}
.m-b2{margin-bottom: 20px!important;}

/* 透明度    IE: filter:alpha(opacity=50); FF:  opacity:0.5; */

/*圆角*/
全圆 ： {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
左上角：{-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-top-left-radius:8px;}
右上角：{-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px;}
左下角：{-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;border-bottom-left-radius:8px;}
右下角：{-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;border-bottom-right-radius:8px;}
阴影：{-webkit-box-shadow:2px 3px 6px #c7c0b8;-moz-box-shadow:5px 2px 6px #c7c0b8;}
渐变：{background-image:-webkit-gradient(linear,left top,left bottom,from(#fa994b),to(#ec3e19));background-image:-webkit-linear-gradient(#fa994b,#ec3e19);background-image:-moz-linear-gradient(#fa994b,#ec3e19);background-image:-ms-linear-gradient(#fa994b,#ec3e19);background-image:-o-linear-gradient(#fa994b,#ec3e19);background-image:linear-gradient(#fa994b,#ec3e19);}

/*动画*/
.ani{transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;-o-transition:all .4s linear;}

/*字体图标*/
@font-face{
	font-family:'icon-fonts';/*字体名称*/
	src:url('../fonts/iconfont.eot');/*兼容IE9*/
	src:url('../fonts/iconfont.eot?iefix') format('embedded-opentype'),/* IE6-IE8 */
		url('../fonts/iconfont.ttf') format('truetype'),/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('../fonts/iconfont.woff') format('woff'),/* chrome、firefox */
		url('../fonts/iconfont.svg') format('svg');/* iOS 4.1- */
	font-weight:normal;
	font-style:normal;
}
.iconfont{font-family:'icon-fonts';}
.icon{position:relative;display:inline-block;width:16px;height:16px;background:url('../images/icon_scripts.png') no-repeat;}
.icon-bg{background-image:url('../images/scripts_icon.png');background-repeat:no-repeat;}

/*下拉菜单*/
.drop-down{position:relative;z-index:100;}
.drop-down .drop-down-am{cursor:default;z-index:1}
.drop-down .drop-down-am .icon-corner{display:inline-block;}
.drop-down .drop-down-bm{position:absolute;display:none;z-index:10000; }
.drop-down:hover .drop-down-bm{display:block;}
.drop-down:hover .icon-corner{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 		/* IE 9 */
	-moz-transform:rotate(180deg); 		/* Firefox */
	-webkit-transform:rotate(180deg);		/* Safari 和 Chrome */
	-o-transform:rotate(180deg); 			/* Opera */
}


/*头部*/
.header{
	height:136px;
	background: #e1251a;
} 
.header-bg{
	height:136px;
	background: url('../images/header_bg.jpg') no-repeat;
}
.header .logo{ 
	margin-top: 20px;
}
.header .logo img{
	width:100%;
}
.header .header-right{

}
.header .header-right .login-btn{
	display: block; 
	height: 42px;
	text-align: center;
	line-height: 42px;
	margin: 53px 10px 0 0;
	padding:0 20px;
	background: #fff;
	border-radius: 20px;
	font-size: 16px;
	color:#d50012;
}
.search-bar{
	margin:53px 0 0 0;
}
.search-bar .search-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width:42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin:0 10px;
}
.search-bar form{
	width:0;
	height:42px;
	background: #fff;
	border-radius: 20px;
}
.search-bar form input{ 
	display: none;
	width:130px;
	height:42px;
	line-height: 42px;
	padding:0 10px;
	font-size: 16px;	
	border:none;
	background:none;
}

.nybanner {
	width: 100%;
	height: 640px;
	line-height: 42px;
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	background-image: url(../images/nybanner.jpg);
}
.nybanner1 {
	width: 100%;
	height: 400px;
	line-height: 42px;
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	background-image: url(../images/nybanner.jpg);
}
.nybanner h3 {
	font-size: 34px;
	padding: 70px 0 6px;
}
.nybanner .en {
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
}
.nybanner .line {
	width: 50px;
	height: 2px;
	display: block;
	background: #fff;
	margin-top: 10px;
}

/*底部*/
.footer{ 
	background: #e1251a;
}
.footer .code{
	margin: 43px 20px 0 0;
	text-align: center
}
.footer .code img{
	width:128px;
	height:128px;
}
.footer .code p{
	margin:10px 0;
	color:#fff;
	font-size: 16px;
}
.friend-link{
	width: 1135px;
	padding:30px 0 10px;
	margin:0 auto 30px;
	border-bottom: 1px solid #e28983;
	color:#fff;
	font-size: 14px;
	overflow: hidden;
}
.friend-link .label{
	float: left;
}
.friend-link .friend-list{
	width:1065px;
}
.friend-link a{
	display: inline-block;
	margin:0 20px 10px 0;
	color:#fff;
	white-space: nowrap;
}

.webinfo-area{
	overflow: hidden; 
}
.webinfo-area .icon{
	float: left;
	width:115px;
	height:115px;
	margin-right: 20px;
	padding-right: 15px;
	border-right:1px solid #fff;
}
.webinfo-area .info-wrap .footer-link{
	text-align: center;
	color:#fff;
	margin-bottom: 5px;
}
.info-wrap{
	font-size: 14px;
}
.webinfo-area .info-wrap .footer-link .line{
	margin: 0 10px;
}
.webinfo-area .info-wrap .footer-link a{ 
	color:#fff;
}
.webinfo-area .info-wrap p{
	text-align: center;
	margin-bottom: 5px;
	color:#fff;
	font-size: 14px;
}
.webinfo-area .info-wrap p span{
	margin-right: 10px;
}
.webinfo-area .info-wrap p a{
	color:#fff;
}

.nav{
	height:56px;
	background: #222;
}
.nav li{
	position: relative;
	float:left;
	width:120px;
	text-align: center;
}
.nav li .first{
	display: block;
	height:56px;
	line-height: 56px;
	color:#fff;
	font-size: 18px;
}
.nav li .first:hover{
	color:#d50012; 
}
.nav li.active .first{
	color:#d50012; 
	font-weight: bold;
}
.nav li.hover .first{
	color:#d50012; 
}
.nav li.hover .son{
	display: block;
}
.nav .son{
	display: none;
	position: absolute;
	left:0;
	top:56px;
	z-index: 100;
	width:120px; 
	background: #fff; 
}
.nav .son:hover{
	display: block;
}
.nav .son a{
	display: block;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	color:#666;
}
.nav .son a:hover{ 
	color:#d50012;
}

/*轮播*/
/*轮播图*/
.focus-area {
  width: 100%;
  overflow: hidden;
}
.slide-box{width:100%;height:100%;position:relative;background: #ccc;overflow: hidden;}
.slide-box .slide-tab{position:absolute;left:0;bottom:20px;z-index:1000;height:30px;line-height:30px;width:100%;text-align:center;}
.slide-box .slide-tab .btn-wrap{display: inline-block;background: rgba(0,0,0,.5);border-radius: 15px;}
.slide-box .slide-tab .btn-wrap a{display:inline-block;width:10px;height:10px;margin:0 5px;background: #eee;border-radius: 50%;}
.slide-box .slide-tab .btn-wrap a.hover-on{background: #f00;}

/*透明度切换*/
.slide-fadein{width:100%;height:100%;}
.slide-fadein .slide-item{position:absolute;width:100%;height:100%;opacity: 0;}
.slide-fadein .slide-item a{display: block;width:100%;height:100%;}
.slide-fadein .slide-item img{width:100%;height:100%;}
.slide-fadein .slide-item.active{z-index:1;opacity:1}

/*左切换*/
.slide-left{position:relative;}
.slide-left .slide-item{float: left;}
 
.side-nav-contain {
  display: none;
  position: relative;
  left: 220px;
  height: 354px;
  width: 980px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}
.side-nav-contain dl {
  padding: 0px 30px;
}
.side-nav-contain dl dt {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}
.side-nav-contain dl dd a {
  color: #666;
  margin-right: 30px;
  white-space: nowrap;
}
.side-nav-contain dl dd a:hover {
  color: #0f89f5;
}
.aboutPage {
	padding: 40px 40px;
	width: 1120px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.aboutPage .contact_tit {
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	margin-top: 30px;
*margin-top:60px;
}
.aboutPage .contact_tit .tit {
	font-size: 45px;
	line-height: 66px;
	font-weight: 100;
	position: relative;
	display: inline;
	z-index: 12;
}
.aboutPage .contact_tit .tit i {
	background: #bababa;
	width: 90px;
	height: 1px;
	display: block;
	position: absolute;
	right: -120px;
	top: 30px;
	display: block;
}
.aboutPage .contact_tit .tit i:first-child {
	left: -120px;
	right: auto;
}
.aboutPage .contact_tit .entit {
	font-size: 82px;
	line-height: 66px;
	color: #eee;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0px;
	z-index: 10;
	font-family: Arial;
}
.aboutPage .txtcon {
}
.aboutPage .txtcon img {
	max-width: 100%;
}
.aboutPage .mapArea {
	width: 100%;
	height: 400px;
	margin-top: 20px;
}
.aboutPage .mapArea #allmap {
	width: 100%;
	height: 400px;
}

.side-fixed-btn{
	position: fixed;
	right:0;
	bottom:40%;
	width:80px;
	background: #333;
}
.side-fixed-btn a{
	display: block;
	width:80px;
	height: 80px;
	text-align: center;
	color:#fff;
	font-size: 14px;
}
.side-fixed-btn a:hover{
	background: #d50012;
}
.side-fixed-btn a img{	
	width:30px;
	margin:10px auto 10px;
}
.side-fixed-btn a span{
	display: block;
}

.backtop a{
	position: fixed;
	right:20px;
	bottom:100px;
	width:50px;
	height:50px;
	text-align: center;
	line-height: 50px;
	background: rgba(0,0,0,.6) url('../images/backtop.png') no-repeat center;
	background-size: 60%;
	border-radius: 50%;
}