@charset "utf-8";
/* CSS Document */

*{-webkit-tap-highlight-color:rgba(0,0,0,0);/*禁止链接高亮*/ -webkit-touch-callout:none;/*禁止链接长按弹出选项菜单*/ margin:0 auto;padding:0;border:0;}
body, html, div, a, ul, li, img {margin:0;padding:0;outline:none;  }
html {height:100%;}
body {font-family:Microsoft YaHei;color:#333;max-width:640px; min-width:320px; font-size:14px; line-height:24px;}
ul,li {list-style:none;}
img {border:0;vertical-align:middle;-webkit-touch-callout:none;	/*禁止图片长按弹出选项菜单*/width:100%;}
nav,footer,section,header,article {display:block;}
input,textarea {font-family:Microsoft YaHei;}
a {color:#333;outline:none;text-decoration:none;}
a:link,a:visited {color:#333;}
a:hover,a:active {text-decoration:none;}
.left{ float:left;}
.right{ float:right;}

/*分页专用css1 -- qipapage*/
.qipapage {line-height:30px;list-style:none;margin:30px 0px 20px;text-align:center;}
.qipapage a {border:1px solid #dedede; padding:0 6px; display:inline-block; margin-right:5px;}
.qipapage a:hover,.qipapage li.active a {border:1px solid #000; color:#000; font-weight:bold; text-decoration:none;}
.qipapage span {border:1px solid #dedede; padding:0 20px; display:inline-block;}
.qipapage li {display:inline-block; margin-right:10px; margin-bottom:10px;}
.qipapage td {margin-right:10px; margin-bottom:10px;}

.dh_nav{width:100%;height:auto; overflow:hidden;}
.dh_nav ul li{float:left; text-align:center; width:25%;}
.dh_nav ul li a{width:100%; height:35px; line-height:35px; display:inline-block; border-top:1px solid #0D5EB4; border-right:1px solid #0D5EB4; border-bottom:1px solid #004B97; border-left:1px solid #004B97; font-size:14px; color:#fff; text-decoration:none; background:#0054A7;}
.dh_nav ul li a:active{background:#0054A7;}
.dh_nav ul .on a{width:100%; height:35px; line-height:35px; display:inline-block; border-top:1px solid #0D5EB4; border-right:1px solid #0D5EB4; border-bottom:1px solid #004B97; border-left:1px solid #004B97; font-size:14px; color:#fff; text-decoration:none; background:#f60;} 

.dh_nav1{width:100%;height:auto; overflow:hidden; padding-top:8px;}
.dh_nav1 li{float:left; text-align:center; width:25%;}
.dh_nav1 li a{width:100%; height:26px; line-height:26px; display:inline-block; font-size:14px; color:#fff; text-decoration:none; }
.dh_nav1 li a:active{color:#fff;}

/*Top - start*/
.topWrap {width:100%;height:auto;overflow:hidden;padding:1em 0 1em 0;}
.topWrap .logo {width:28.43%; display:inline-block;vertical-align:middle;display:block; float:left; margin-right:0.5em; padding-left:0.4em; padding-top:0.8em; padding-bottom:0.4em;}
.topWrap .logo img {width:100%;display:block;}

.topWrap .logo001{width:67%; display:block; font-size:1.1em; color:#05A0F0; line-height:1.5em;float:left; padding-top:0.2em;}
.topWrap .logo002{ width:67%;display:block; font-size:1.1em; color:#f60; font-weight:bold;float:left;}

/*Common Styles*/
.main {width:100%;margin:0 auto;position:relative;overflow:hidden; background:#FFF;}
.screen {width:100%;background-color:#aa1e43;position:relative;overflow:hidden;height:35px;}
.topTitle {width:100%;height:32px;text-align:center;position:absolute;right:0;top:0;color:#fff;line-height:32px;z-index:2;}
.screen a {position:absolute;width:42px;height:21px;top:7px;z-index:10;}
.screen .backTo {left:12px;}
.screen .zi {right:12px;width:35px;}
.screen .icon {left:12px;width:16px;height:10px;top:12px;}
.screen .sxBtn {right:12px;font-size:14px;color:#fff;width:30px;}

/*Footer start*/
.footer {width:100%;height:auto;margin:0 auto;overflow:hidden; padding-top:14px; padding-bottom:74px; background:#0054A7;}
.footer-wz{ width:94%; height:auto; color:#fff; margin:0 auto; line-height:24px;}


/*底部浮动栏样式3*/
.social_nav3{height:55px; width:306px; position:fixed; bottom:0; left: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:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#FFF;}
.social_nav3 a.call{ width:65px; text-indent:15px;}
.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social3{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b)); 
	background-image: -webkit-linear-gradient(top, #32323a, #23232b); 
	background-image: -moz-linear-gradient(top, #32323a, #23232b); 
	background-image: -o-linear-gradient(top, #32323a, #23232b); 
	background-image: -ms-linear-gradient(top, #32323a, #23232b); 
	background-image: linear-gradient(top, #32323a, #23232b);}
.social3:before{ content:''; height:1px; width:100%; background:#000; border-bottom:1px solid #4b4c57; position:absolute; top:0; left:0;}
.social3:after{ content:''; height:1px; width:100%; background:#000; border-top:1px solid #4b4c57; position:absolute; bottom:0; left:0;}
.social3 b{width:1px; height:100%; background:#000; border-left:1px solid #4b4c57; position:absolute; top:0; right:0;}
/*底部社交-电话-动画*/
.social_nav3 span.call{
	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;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-13deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-13deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-13deg)}
	100% {-o-transform: roate(0deg)}
}
/*底部社交-微信-动画*/
.social_nav3 span.weichat{
	left:86px; top:7px; background-position:1px -100px; background-repeat:no-repeat;
	animation-name: xshow;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow;
	-o-animation-duration: 2.5s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
/*底部社交-微博-动画*/
.social_nav3 span.weibo{left:157px; top:8px;background-position:1px -150px; background-repeat:no-repeat;height:31px;}
/*
.social_nav3 .line_1{	
	z-index:10;
	display:inline-block;
	width:5px;
	height:4px;
	border: 2px solid #ffb841;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:9px;
	right:104px;
	animation-name: xshow2;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow2;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow2;
	-o-animation-duration: 5s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
.social_nav3 .line_2{
	z-index:10;
	display:inline-block;
	width:8px;
	height:6px;
	border: 2px solid #ffb841;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:6px;
	right:101px;
	animation-name: xshow;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow;
	-o-animation-duration: 5s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
*/
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:226px; height:24px; width:26px; top:8px;}
.social_nav3 .btn{ display:block; width:20px; height:55px; position:absolute; right:0;background-position:0 -786px; }
.social_nav3 .btn2{ display:block; width:20px; height:55px; position:absolute; right:0;background-position:0 -249px;  display:none;}

/*定位图片样式*/
.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;}



/*@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:85%;}
}
@media screen and (min-width:480px) {
	body { font-size:111%;}

}
@media screen and (min-width:568px) {
	body { font-size:129%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}
*/