@charset "utf-8";

body {  color:#333; font:normal 14px/16px "Arial", "Microsoft yahei"; }
a { color:#333; text-decoration:none; }
 

header{ overflow:hidden; width:100%; height:4.5em;position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
header h1{ float:left; width:30%; margin:2% 3%;}
header h1 img{ display:block; width:100%;}
header .phone{ overflow:hidden; float:right; margin:3%; width:35%; margin-top:4%;}
header p{ font-size:0.8em; color:#252525; height:1em;}
header .phone img{ display:block; width:100%;}

/*nav*/
nav{ overflow:hidden; width:100%;margin:0 auto; min-width:320px; max-width:640px;}
nav a{ display:block; width:24.6%; text-align:center; font-size:1.1em; color:#fff; padding:0.8em 0; background-color:#172448; border-left:1px solid #5c6684; border-top:1px solid #5c6684; float:left;}

/*top*/
.btop{ overflow:hidden; width:100%; margin-bottom:1.5em;}
.btop img{ display:block; width:100%;}

/*footer*/
footer{ overflow:hidden; width:94%; margin:0 auto; padding-bottom:0.8em;}
footer ul{ overflow:hidden; width:100%; margin-bottom:2em;}
footer li{ width:24.6%; text-align:center; font-size:1em; border-right:1px solid #575757; float:left; margin-bottom:1em;}
footer li a{ color:#575757;}
footer li:nth-child(4),footer li:nth-child(8){ border:none;}
footer p{ font-size:1.1em; color:#8e8e8e; text-align:center; line-height:1.5em;}
footer img{ display:block; width:30%; margin:0 auto; margin-top:1em;}


/*非常用特殊样式*/
.yahei {
	font-family:"Microsoft yahei";
}
.songti {
	font-family:"SimSun";
}
.textOverHide {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.block100 {
	width:100%;
	overflow:hidden;
}
.block50 {
	width:50%;
	overflow:hidden;
}
.block25 {
	width:25%;
	overflow:hidden;
}
.block20 {
	width:20%;
	overflow:hidden;
}
.positionR {
	position:relative;
}
.positionA {
	position:absolute;
}
.positionF {
	position:fixed;
}
/*非常用特殊样式*/

#wrap {
	width:100%;
	overflow:hidden;
}
/* 所有页面的内容区父级元素 */
.content {
    width:100%;
    max-width:640px;
    overflow:hidden;
    margin:0 auto;
}
/* 所有页面的内容区父级元素 */
  

/*banner开始*/
.banner {
	width:100%;
	max-width:640px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.banner ul {
	overflow:hidden;
	position:absolute;
	top:0; left:0;
}
.banner li {
	float:left;
}
.banner a {
	width:100%;
	overflow:hidden;
	display:block;
}
.banner a img {
	width:100%;
}
.banner .curr {
	width:100%;
	height:14px;
	text-align:center;
	position:absolute;
	bottom:10px; left:0;
}
.banner .curr span {
	width:0.5em; height:0.5em; margin:0 0.4em; 
	border-radius:50%;
	display:inline-block;
	vertical-align:top;
	border-radius:0.5em; background-color:#fff;
}
.curr span.active {
	background:none; margin-top:0; border:2px solid #f37717;
}
/*banner结束*/

/*底部开始*/
.footers {
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}
.footernav {
	width:100%;
	overflow:hidden;
	background:#0072c9;
	text-align:center;
}
.footernav a {
	width:32%;
	height:20px;
	overflow:hidden;
	float:left;
	margin:10px 0;
	color:#fff;
	font:normal 16px/20px "Microsoft yahei";
}
.footernav span {
	width:0;
	height:20px;
	overflow:hidden;
	margin:10px 0;
	float:left;
	border-left:#fff 3px solid;
}
.footers p {
	width:46%;
	overflow:hidden;
	float:left;
	margin:0 0 0 4%;
	color:#666;
	font:normal 16px/38px "Microsoft yahei";
}
.gotop {
	width:50px;
	height:50px;
	position:fixed;
	right:30%; bottom:30px;
	background:url(gotopbg.jpg) center 10px no-repeat #1f7fec;
}
.gotop a {
	width:100%;
	height:100%;
	display:block;
	color:#fff;
	text-align:center;
	font:bold 16px/60px "Microsoft yahei";
}
/*底部结束*/



/************=======以下是内页模块样式======************/
.Img section, .Img1 section, .Img2 section, .news section, .news2 section, article section { width:100%; overflow:hidden; }

/* 所有内页标题——固定类名 */
.page_title { background:#323232; text-indent:4%; height:50px; line-height:50px; color:#fff; font-size:24px;font-family:"Microsoft yahei";}
/* 所有内页标题——固定类名 */

/* 一列图片样式 比如产品、合作伙伴之类 */
.Img, .Img1 { width:100%; overflow:hidden; padding:10px 0; }
.Img dl, .Img1 dl { width:100%; margin:10px auto 0; overflow:hidden; }
.Img dt, .Img1 dt { overflow:hidden; margin:0 auto; text-align:center; border:4px solid #dbdbdb;}
.Img dt img, .Img1 dt img { max-width:100%; }
.Img dd, .Img1 dd { height:50px; line-height:50px; overflow:hidden; font-size:20px; font-family:"Microsoft yahei"; text-align:center;}
.Img dd a, .Img1 dd a { color:#333;}
/* 一列图片样式 比如产品、合作伙伴之类 */

/* 两列图片并列样式 比如产品、合作伙伴之类 */
.Img2 { width:100%; overflow:hidden; padding:10px 0; }
.Img2 dl { width:42%; float:left; margin:10px 4%; }
.Img2 dt { overflow:hidden; border:4px solid #dbdbdb; }
.Img2 dt img { width:100%; max-width:100%; }
.Img2 dd { height:50px; line-height:50px; overflow:hidden; font-size:24px; font-family:"Microsoft yahei"; text-align:center; }
.Img2 dd a { color:#333;}
/* 两列图片并列样式 比如产品、合作伙伴之类 */

/* 1 列 新闻列表样式 */
/*
.news, .news1 { padding:10px 0; overflow:hidden; }
.news ul, .news1 ul { width:100%; overflow:hidden; }
.news li, .news1 li { padding:0 2%; height:40px; font-size:20px; line-height:40px; overflow:hidden; }
.news li a, .news1 li a { font-family:"Microsoft yahei"; color:#333; }
.news li span, .news1 li span { float:right; font-size:16px; color:#666; }
*/
/* 1 列 新闻列表样式 */

/* 2 列并排 列表样式 */
.news2 { padding:10px 0; overflow:hidden; }
.news2 ul { width:100%; overflow:hidden; }
.news2 li { width:50%; height:40px; line-height:40px; float:left; font-size:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding-left:2%; overflow:hidden; }
.news2 li a { font-family:"Microsoft yahei"; color:#333; }
.news2 li span { display:none; }
/* 2 列并排 列表样式 */

/* 产品、新闻 类内页样式 */
.article { padding:10px 0; overflow:hidden; }
.article ol { width:56%; margin-left:4%; overflow:hidden; float:left; }
.article ol li { width:100%; height:30px; line-height:30px; background:none; padding:0; }
.article .prodImg { width:40%; overflow:hidden; float:left; }
.article .prodImg img{max-width:100%; max-height:100%;}
.article li{ padding:0 40px; height:54px; line-height:54px; overflow:hidden;}
.article li a{ font-size:24px; font-family:"Microsoft yahei"; color:#333;}
.article li span{ float:right; font-size:24px; color:#666;}
.article .describe { width:100%; height:30px; background:#ddd; }
.article .describe span { width:20%; height:100%; display:block; float:left; text-align:center; line-height:30px; }
.article article h2 { height:40px; text-align:center; font:bold 20px/40px "Microsoft yahei"; }
.article article p { line-height:24px; text-indent:2em; margin:10px auto; padding:0 2%; }
/* 产品、新闻 类内页样式 */

/* page分页样式 */
.page { width:100%; height:30px; display:block; line-height:30px; font-size:14px; text-align:center; }
/* page分页样式 */

/*copyright 开始*/
.copyright { width:100%; overflow:hidden; margin:0 auto; }
.copyright p { text-align:center; line-height:30px; font-size:14px; }
/*copyright 结束*/

/* 编辑框内页文章样式 */
article { width:100%; padding:10px 0; overflow:hidden; }
article h2 { width:100%; height:40px; text-align:center; font-size:20px; line-height:40px; font:bold 20px/40px "Microsoft yahei"; }
article p { overflow:hidden; line-height:24px; margin:1em auto; padding:0 2%; }
article div { width:100%; overflow:hidden; text-align:center; }
article div img { max-width:100%; }
/* 编辑框内页文章样式 */



/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {
    background-image: url(SkinsBar3.png);
    background-size: 32px 889px;}
    
/*底部浮动栏样式3*/
.social_nav3{ height:55px; width:320px; position:fixed; bottom:0;  z-index:999; overflow:hidden;}
/*底部浮动社交导航/电话*/
.social_nav3 .social3{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav3 a{ height:55px; line-height:85px; font-size:13px; width:62px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav3 a.tel{ width:65px; text-indent:15px;}
.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social3{ background-color:#b70100;}
.social3:before{ content:''; height:1px; width:100%; background:#b70100; border-bottom:1px solid #b70100; position:absolute; top:0; left:0;}
.social3:after{ content:''; height:1px; width:100%; background:#b70100; border-top:1px solid #b70100; position:absolute; bottom:0; left:0;}
.social3 b{width:1px; height:100%; background:#b70100; border-left:1px solid #b70100; position:absolute; top:0; right:0;}
/*底部社交-电话-动画*/
.social_nav3 span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
 
 
/*底部社交-微信-动画*/
.social_nav3 span.weichat{
	background-position: 6px -150px;
    background-repeat: no-repeat;
    left: 80px;
    top: 7px;
}
.social_nav3 span.weibo{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 150px; top: 7px;}
.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:213px; height:24px; width:26px; top:8px;}

.social_nav3 .btn{ display:block; width:32px; height:55px; position:absolute; right:0; background-position:0 -786px; }
.social_nav3 .btn2{ display:block; width:32px; height:55px; position:absolute; right:0;background-position:0 -249px; display:none;}

@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}