@charset "gbk";
/* CSS Document */
*{ margin:0 auto; padding:0; } 
div {margin:0 auto; overflow:hidden; height:auto;} 
em,i {font-style:normal; font-size:100%;}
img{border:none;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active {	text-decoration: none;}
ul,ol,li{list-style:none;}
body { font-family:arial,helvetica,clean,sans-serif; font-size:12px; color:#000000; line-height:20px;}
/*头部*/
.top{ width:100%;}
.top1{ width:100%; height:30px; background:#ededed;}
.top1a{ width:100%; max-width:980px;}
.top1a-1{ float:left; line-height:30px; color:#666666; text-indent:5px; }
.top1a-2{ float:right;}
.top1a-2 a{line-height:30px; color:#666666;}
@media (max-width:380px){.top1a-2{ display:none;}}
.top2{ width:100%; max-width:980px; margin:30px auto;}
.top2a{ width:33%; float:left; max-width:216px;}
.top2a img{ width:100%;}
.top2b{ width:33%; float:right; max-width:263px;}
.top2b img{ width:100%;}
.top2c{ width:33%; max-width:323px;}
.top2c img{ width:100%;}
@media (max-width:780px){.top2c{ display:none;}}
@media (max-width:780px){.top2a{ width:45%;}}
@media (max-width:780px){.top2b{ width:45%;}}
.nav{ width:100%; background: url(/templets/default/images/nav01.gif) center; overflow:visible; position:relative; height:62px;}
.nav2{ width:100%;max-width:980px;height:48px;overflow:visible; display:block;}
.nav1{ display:none;padding:0 10px; overflow:visible;}
.nav1 b{ color:#ffffff; font-weight:normal; line-height:40px;}
.nav1 span{ cursor:pointer; float:right; background: url(/templets/default/images/top05.gif) center no-repeat #ffffff; width:40px; height:30px; border:1px solid #168ade; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;  line-height:40px; margin-top:5px;}
.nav2 li{ width:12%; float:left; height:48px; border-left:1px solid #2398ed; border-right:1px solid #0363a6;margin-top:7px;}
.nav2 ul li ul {display: none;}
.nav2 li a{ text-align: center; line-height:48px; font-size:14px; color:#FFFFFF;height:48px; display:block;}
.nav2 li:hover ul{display:block; position: relative;background:#ffffff;}
.nav2 ul li:hover ul li a {display:block; background:#6a360e; height:36px;line-height:36px;color:#ffffff; font-weight:normal;font-size:12px; position:relative;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;/*IE6 only*/}
.nav2 ul li:hover ul li a:hover {color:#333; text-decoration:underline; background:#dacbb4;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;/*IE6 only*/}
.nav2 li:hover li{ text-align:center; height:36px; line-height:36px; width:100%;}
.nav2 ul li:hover a{ background:url(/templets/default/images/nav02.jpg) center;}
@media (max-width:850px){.nav2 li:hover ul{ display:none;}}
@media (max-width:850px){.nav2 ul li:hover a{ background:none;}}
@media (max-width:850px){.nav2{ width:100%; background:#ffffff;}}
@media (max-width:850px){.nav2 ul{ background:#ffffff; height:auto; padding:0; border:1px solid #d7d7d7; border-radius:8px; box-shadow:0 3px 5px #d7d7d7; -moz-box-shadow:0 3px 5px #d7d7d7; -webkit-box-shadow:0 3px 5px #d7d7d7; width:98%; display:block; margin-bottom:10px;}}
@media (max-width:850px){.nav2 ul li{ background:none; padding:0; float:none; width: auto;}}
@media (max-width:850px){.nav2 ul li a{ display:block; height:35px; padding:0 15px; font-size:12px; line-height:35px; color:#444444; border-bottom:1px solid #d7d7d7; text-align:left;}}
@media (max-width:850px){.nav2 ul li a:hover{ background:none; color:#1589dc;}}
@media (max-width:850px){.nav-action{ display:none;}}
@media (max-width:850px){.nav1{ display:block;}}
@media (max-width:850px){.nav2{ padding:0; height:auto;}}
@media (max-width:850px){.nav{ background:#1589dc; height:auto;}}
@media (max-width:850px){.nav2 li{ border:none; height:36px; line-height:36px; margin-top:0;}}
#nav11{background:url(/templets/default/images/nav02.jpg) center;}
.x-top{ width:100%; margin:10px auto; display:none;}
.x-top1{ width:45%; float:left; text-align:center; }
.x-top1 img{ width:90%;}
.x-top2{ width:54%; float:right;border-left:1px solid #B8B6B6;}
.x-top2a{ width:100%; float:left;}
.x-top2a img{ width:95%; margin-left:5%; }
.x-top2b{ width:100%; float:left; margin-top:5px;}
.x-top2b-1{ width:10%; float:left;margin-left:5%;}
.x-top2b-1 img{ width:100%;}
.x-top2b-2{ width:95%; float:left; font-size:20px; font-weight:bold; line-height:30px; background:url(/templets/default/images/tel.png) left center no-repeat; text-indent:30px; margin-left:5%; color:#333333;}
.x-nav{ margin:0 auto; width:auto; display:none;}
.x-nav ul{ margin:0 auto; display:block;}
.x-nav li{ width:24.35%;  float:left; height:30px; text-align:center; background:#0877c6; border:1px solid #0363a6; border-top:none; border-left:1px solid #2398ed;}
.x-nav li a{ color:#FFFFFF; text-align:center; line-height:30px;} 
@media (max-width:850px){.top{ display:none;}}
@media (max-width:850px){.x-top{ display:block;}}
@media (max-width:850px){.x-nav{ display:block;}}
/*焦点图*/
.banner01{ width:100%; margin-top:-7px;}
.banner01 img{ width:100%;}
.banner02{ width:100%; max-width:980px; margin-top:10px;}
.banner02 img{ width:100%;}
@media (max-width:850px){.banner01{ margin-top:0;}}
/*搜索*/
.search{ width:100%; height:40px; background:#efefef; margin-top:-7px;}
.search1{ width:100%; max-width:980px; line-height:40px;}
.search1a{ float:left; line-height:40px; color:#333333; text-indent:10px;}
.search1a a{ color:#666666; margin-left:10px;}
.search1b{ float:right; margin-top:8px;}
.search1b-1{ height:21px; background:#FFFFFF; border:1px solid #b6b6b6; width:240px; float:left; color:#888888; text-indent:10px; line-height:21px;}
.search1b-2{ height:23px; float:left;}
@media (max-width:850px){.search{ height:80px; display:none;}}
@media (max-width:850px){.search1b{ float:left; margin-left:5px;}}
/*底部*/
.foot{ width:100%; background:#1c8add; margin-top:25px;}
.foot1{ width:100%; max-width:980px; margin-top:50px; }
.foot1a{float:left; margin-right:3.1%; width:20%; }
.foot1a img{ width:100%;max-width:183px; max-height:172px;}
.foot1b{ float:left; width:13.1%; }
.foot1b li{ line-height:30px; color:#FFFFFF; font-size:12px; font-weight: bold; font-family:"微软雅黑";}
.foot1b li span{ font-size:20px; font-weight:bold;}
.foot1b li a{ color:#FFFFFF; font-weight:normal;}
.foot1c{ float:right; width:24.5%; }
.foot1c img{ width:100%;max-width:253px;max-height:172px;}
@media (max-width:950px){.foot1b li{ font-size:12px; line-height:25px;}}
@media (max-width:980px){.foot0{ margin-bottom:60px;}}
@media (max-width:800px){.foot1b{ display: none;}}
@media (max-width:800px){.foot1a{ width:40%; margin-right:0; text-align:right;}}
@media (max-width:800px){.foot1c{ width:60%;}}
@media (max-width:600px){.foot1{ margin:20px auto; display:none;}}
.foot0{ width:100%; background:#1c8add;}
.foot01{ width:100%; max-width:980px; margin-bottom:10px;}
.foot01a{ width:100%; line-height:20px; color:#FFFFFF; font-weight:bold; font-size:14px; font-family:"微软雅黑";}
@media (max-width:675px){.foot01a{ font-size:12px;}}
.foot01a a{ color:#FFFFFF; font-weight:normal; margin-right:5px;}
.foot01a a:hover{ text-decoration:underline;}
.foot01b{ width:90%;}
.foot01b p{ text-align:center; line-height:25px; font-size:12px; color:#FFFFFF; font-family:"微软雅黑";}
.foot01b p a{ color:#FFFFFF;}
@media (max-width:850px){.foot01b p{ font-size:18px;}}
@media (max-width:760px){.foot01b p{ font-size:16px;}}
@media (max-width:675px){.foot01b p{ font-size:14px;}}
@media (max-width:590px){.foot01b p{ font-size:12px;}}
/*底部浮动栏样式3*/
.social_nav3{ height:55px; width:320px; position:fixed; bottom:5px; left:-20px; z-index:999; overflow:hidden; display:none;}
@media (max-width:1200px){.social_nav3{ display:block;}}
/*底部浮动社交导航/电话*/
.social_nav3 .social3{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav3 a{ height:55px; line-height:85px; width:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav3 a.tel{ width:68px; text-indent:15px;}
.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10; cursor:pointer;}
.social3{ background-color:#96592a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1c8add), to(#0f619e)); 
	background-image: -webkit-linear-gradient(top, #1c8add, #0f619e); 
	background-image: -moz-linear-gradient(top, #1c8add, #0f619e); 
	background-image: -o-linear-gradient(top, #1c8add, #0f619e); 
	background-image: -ms-linear-gradient(top, #1c8add, #0f619e); 
	background-image: linear-gradient(top, #1c8add, #0f619e);}
	/*
.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.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;
}
@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)}
}
/*底部社交-微信-动画*/
.social_nav3 span.weichat{
	background-position: 6px -150px;
    background-repeat: no-repeat;
    left: 86px;
    top: 7px;
}
@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{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 157px; top: 7px;}
@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: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;}
/*定位图片样式*/
.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(/templets/default/images/SkinsBar3.png);
    background-size: 32px 889px;}
	
	
	
	
	.fy li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
.fy li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
	
	
	
	
	
.mapMian{  width:910px; margin:10px auto;padding:10px 20px; border:5px solid #dedede; }
.sRNav{  width:100%; font-size:12px; height:27px; line-height:27px; border-bottom:1px solid #dedede;}
.sRNav a{ font-weight:700; color:#3B3A3A;}
.mapMian h3{ float:left; height:27px; line-height:27px; margin-bottom:5px; display:inline; font-size:14px; width:920px;  padding-left:10px; margin-top:10px; display:inline; }
.mapMian h3 a{color:#333;}
.mapMian ul{ float:left; border:1px solid #dedede; line-height:25px; width:880px; margin-left:10px;  padding:7px 9px;}
.mapMian ul li{ float:left; margin:0 10px; width:125px;}
.mapMian ul li a{color:#3B3A3A;}
.xiugai18{width:125px; height:260px; position:fixed; top:30%; right:10px;}
@media (max-width:980px){.xiugai18{ display:none;}}
.x-foot{ width:100%; height:60px; border-top:1px solid #D7D7D7; background:#FFFFFF; left:0; bottom:0; position:fixed; z-index:999; display:none;}
.x-foot li{ width:25%; float:left; text-align:center;}
.x-foot li img{ display:block; width:26px; height:26px; margin-top:10px;}
.x-foot li span{ width:100%; display:block; line-height:15px; margin-top:5px; color:#666666; font-size:12px; font-family:"宋体";}
@media (max-width:980px){ .x-foot{ display:block;}}