/*整体共公样式*/
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea{margin:0;padding:0; font-family: "微软雅黑"; font-size:12px; font-weight:normal;}
ul,li{margin:0;padding:0; font-family:"微软雅黑";font-weight:normal;}
body{font-size:12px; color:#474747; margin:0; padding:0; _overflow:hidden; overflow-x:hidden;  background:#fff;}
.red{ color:red;}
input,button,select,textarea{outline:none}
p{ margin:0; padding:0;}
img{border:none;}
li{list-style-type:none;}
a{text-decoration:none;color:#000;}
input{vertical-align:middle;font-family:"微软雅黑";}
table{border-collapse:collapse;font-family:"微软雅黑";}
a:hover{cursor:pointer; text-decoration:none;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
a { outline:none; } /* for FF Chrome */
.dis{display:none;}
.clear{ clear:both;}
html{ -webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}

/******************************************************************common/////**********************************************************************/
*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
}
/*防止主题样式更改ie下背景*/
input{
	background:#fff;
}
input:focus {outline: none;}
select:focus {outline: none;}
textarea:focus {outline: none;}
textarea{resize: none;}
body{
	/*background: #EFEFEF;*/
	overflow-x: hidden;

}
a{
	text-decoration: none;
}
a:focus {
    outline:none;
}
img{
	border: none;
}
b{
	font-weight:normal; 
}
ul{
	list-style: none;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ff{
	font-family:"微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
}
.fz_12{
	font-size:12px;
}
.fz_13{
	font-size:13px;
}
.fz_14{
	font-size:14px;
}
.fz_16{
	font-size:16px;
}
.fz_18{
	font-size:18px;
}
.fz_red{
	color:red;
	font-weight:normal;
}
.fc_red{
	font-size: 12px;
	color: red;
}
.fc_blue{
	color: #1892e8;
}
.fc_yellow{
	font-size: 12px;
	color: #fd9904;
}
.fc_green{
	font-size: 12px;
	color: #3ea406;
}
.fc_gray{
	font-size: 12px;
	color: #999;
}
.mr10{
	margin-right:10px;
}
.pt14{
	padding-top: 14px;
}
/*公用清除浮动样式*/
.clear{
   clear: both;	
}
.clearfloat:after{
	clear: both;
	display:block;
	content:"";
	overflow: hidden;
	height:0px;
}
.clearfloat{
	zoom:1;
}
.radius{
	border-radius: 5px;
}
.bds{
	box-shadow: 0 0 5px #cccccc;
	-webkit-box-shadow: 0 0 5px #cccccc;
	-moz-box-shadow: 0 0 5px #cccccc;
	-ms-box-shadow: 0 0 5px #cccccc;
}
a.text_line{
	text-decoration: underline;
}
a.a_t_line:hover{
	text-decoration: underline;
}
.indet_10{
	text-indent: 10px;
}
.t_d_18{
	text-indent: 18px;
}
.t_d_12{
	text-indent: 12px;
}
.t_d_10{
	text-indent: 10px;
}
.t_d_8{
	text-indent: 8px;
}
.t_d_6{
	text-indent: 6px;
}
.t_d_5{
	text-indent: 5px;
}
.pointer{
	cursor: pointer;
}
.dis-none{
	display: none;
}
.dis-block{
	display: block;
}
/* 遮罩层 */
#wrapper{
	width: 100%;
	background: #000;
	opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
}
#imloading{width:150px;
 height:30px; 
 line-height:30px; 
 font-size:16px; 
 text-align:center; 
 border-radius:3px; 
 background:rgba(0,0,0,0.5); 
 margin:10px auto 30px; 
 color:#fff; 
 display:none;
 }

/*
header{ width:100%; height:76px; background:url(../images/nav-bg.png) repeat-x left top; display:table; z-index:2; position:relative;}
.header2{ position:absolute !important;}
header .logo{ float:left; margin-left:60px; padding-top:13px;}
header nav{ float:right; margin-right:60px;}
header nav ul li{ float:left; margin-left:20px; margin-top:32px;}
header nav ul li a{ font-size:16px; color:#fff;}
header nav ul li a:hover{ text-decoration:underline;}
header nav ul .denlu a,.zhuce a{ display:inline-block; padding:2px 30px; background-color:#fff; color:#3298E1; border-radius:15px; 
	transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;

}
header nav ul .denlu a:hover,.zhuce a:hover{ background-color:#65B7EF; color:#fff;}
footer{ width:100%; height:100px; background-color:#464646; display:table;}
.footer2{ width:100%; height:100px; background-color:#464646; display:table; position:absolute; left:0; bottom:0;}
*/

.head{ width:100%; padding:4px 0; background-color:#000; position:relative; left:50%; margin-left:-50%; display:table;}
.head ul{ width:475px; margin:0 auto; display:table; position:relative;}
.head ul li{ float:left; margin-right:40px;}
.head ul li:first-child{margin-left: 100px;}
.head ul li .xg{ width:120px; height:24px; border:1px solid #747474; text-align:center; line-height:24px; font-size:12px; color:#747474; border-radius:15px;}
.head ul .company{ width:38px; height:32px; background:url(../images/t1.png) no-repeat center center; cursor:pointer;}
.head ul .mobile-company{ width:38px; height:32px; background:url(../images/t2.png) no-repeat center center; cursor:pointer;}
.head ul .mobile-tel{ width:38px; height:32px; background:url(../images/t3.png) no-repeat center center; cursor:pointer;}
.head ul .ri-ew{ width:38px; height:32px; background:url(../images/t4.png) no-repeat center center; cursor:pointer;}
.head ul .scew{ width:95px !important; height:95px !important; position:absolute; right:-29px; top:52px; display:none;position: relative;}
.head ul .scew img{ width:95px; height:95px; z-index:9;}
.head ul .ri-ew img{display: none;position: absolute;top: 133%;left: 45%;z-index: 9999;}
.ifame{ width:100%; position:relative; left:50%; margin-left:-50%; display:table; background-color: #000;}
.ifame.act1{ background-color:#f00; background-size:100% 100%;width: 100%;}

.head ul .company.active{ width:38px; height:32px; background:url(../images/t11.png) no-repeat center center; cursor:pointer;}
.head ul .mobile-company.active{ width:38px; height:32px; background:url(../images/t22.png) no-repeat center center; cursor:pointer;}
.head ul .mobile-tel.active{ width:38px; height:32px; background:url(../images/t33.png) no-repeat center center; cursor:pointer;}
.head ul .ri-ew:hover{ background:url(../images/t44.png) no-repeat center center; cursor:pointer;}
.head ul .ri-ew:hover img{display: block;}
.ifame.act1{background: url(../images/p1.png) no-repeat left center;background-size: cover;margin-top: 50px;margin-bottom: 50px;}
.ifame.act2{background: url(../images/s1.png) no-repeat left center;margin-top: 50px;margin-bottom: 50px;}
.ifame .iframe{width: 100%;height: 885px;}
.ifame iframe.art1{width: 768px;height: 1024px;margin:78px 45px;}
.ifame iframe.art2{width: 337px;height: 571px;margin: 54px 11px;}

.ifame, iframe{
	transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;

}

.head .butons{position: absolute;font-size: 14px;top: 50%;right: 70px;height: 25px;line-height: 25px;margin-top:-13px}
.head .butons font{color:#fff;}
.head .butons span{color: red;margin-left: 25px;margin-right: 20px;}
.head .butons a{color: #fff;width: 115px;height:25px;line-height: 25px;float:right;display: block;text-align: center;background-color: red;border-radius: 15px;}

.head .butons a.searchBtn {
	margin-left: 20px;
    float: right;
    background-color: #49b5f1;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.head .butons a.searchBtn:hover {
    background-color: #1f658c;
}
 

.ifame{ width:100%; position:relative; left:50%; margin-left:-50%; display:table; background-color: #000;}
.ifame.act1{ background-color:#f00; background-size:100% 100%;width: 100%;}

.ifame.act2{background: url(../images/iphone.png) no-repeat left center;margin-top: 48px;margin-bottom: 50px;}
.ifame .iframe{width: 100%;height: 885px;}
.ifame iframe.art1{width: 768px;height: 1024px;margin:78px 45px;}
.ifame iframe.art2{width: 337px;height: 571px;margin: 54px 11px;}

.ifame, iframe{
	transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;