@charset "utf-8";
/* CSS Document */
body {
	background: url(images/head_bg.gif) repeat-x 0 0;
	margin: 0px;font-size:14px;font-family: "宋体"," 微软雅黑",Arial; color:#666;
}

body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form,iframe, fieldset, hr {margin: 0; padding: 0; border:0;}
table {empty-cells: show; border-collapse: collapse;}
ul li {list-style: none;}
img {border: none;}
a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline; color:#F30;}
.box{ border:1px solid #FFE7C1; background-color:#FFF;}
.more{ float:right;}
h1,h2{font-family: "宋体","微软雅黑",Arial; font-weight:bold;color: #444;}
h1{font-size:18px;text-align:center}
.fl{ float:left;}
.fr{ float:right;}
.bh{ clear:both; height:10px;}
.header {
	height: auto;
	margin:0 auto;
	width:980px;
}

/* 客服 */

.duilian{ top:96px; position:absolute; width:110px; overflow:hidden; display:none; z-index:9; }
.duilian_left { left: 6px;}
.duilian_right{ right: 1px; padding-top:6px; }
.duilian_con{ width:110px;  overflow:hidden;}
.duilian_close{ width:100%; height:18px; line-height:18px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}

#map { width: 636px; height: 456px;  }
#map h3{ font-size: 14px; color: #f00; font-weight: bold; /*padding-bottom: 6px; border-bottom: 2px #f00 solid; */}
#map p { font-size: 13px; color: #111; line-height: 20px; }


.header_main{
	height:77px;
	padding:0px 10px;
	
}
.logo {
	width: 325px;
}
.headtit{ line-height:25px; text-align:right; height:25px; }
.headtel {
	width: 320px;
	padding-top: 25px;
}
.menuAll{background:url(images/so.gif) no-repeat right top; width: 338px; height: 38px; }
.menu {font-size: 14px;	line-height: 38px;color: #026B96;height: 38px; width:990px;float: left;}
.menu ul li{ float:left;position:relative;font-weight: bold;width:106px;}
.menu a { display:block;text-align:center;text-decoration:none;	}
.menu a:link {color:#026B96;}
.menu a:visited {color:#026B96;}
.menu a:hover {	COLOR:#F00;}/**/
.nav-site{list-style:none;}
.nav-site li {position:relative; z-index:200;background:url(images/menu_bg.gif) no-repeat right top;height:38px;line-height:38px;}
.nav-site li a{ color:#FFF;}
.nav-site ul {visibility:hidden;position:absolute;left:0px;top:38px;}
.nav-site table {position:absolute; top:0; left:0;}
.nav-site li:hover ul,.nav-site a:hover ul{visibility:visible;}
.nav-site li:hover{ text-decoration:none;	}
.nav-site a:hover{background: url(menuon.gif) no-repeat center center; color: #C00;text-decoration:none;	}
.nav-site ul a{background:url(images/head_bg.gif) repeat-x left bottom/*rgba(178,38,15,.7)*/;color: #FF0;}
.nav-site ul li { background:none;clear:both;height:28px !important; line-height:28px !important; text-align:center;font-size:12px; font-weight:normal;list-style: none; }
.nav-site ul li a{display:block;width:106px;color: #FF0;}
.nav-site ul li a:hover{background: url(images/sid_on.gif) no-repeat center bottom;	color: #F60;font-weight: bold;text-decoration:none;	}
#nav-ind{background:url(images/menu_on.gif)  no-repeat center top; width:106px;}
#nav-ind a{ color:#FFF; padding:0 5px; }
#nav-ind a:hover {COLOR: #FF0;}

.search {
    float: right;
    height: 24px;
    padding-top: 10px;
    width: 194px;
}
.word {
    float: left;
    height: 20px;
    width: 146px;
}
.but {
    float: right;
    height: 22px;
    width: 42px;
}
.search input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

.conmain {
	width: 980px;
	margin:0 auto;
}
.banner {
	height: 300px;
}
.news {
	height:290px;
	margin-right:10px;
	width: 410px;
	background:#F3F3F3;
}
.news .tip{height:90px; padding:8px 13px 0 13px;}
.news .tip img{ float:left;padding:2px;
	border:1px solid #CCC; background-color:#FFF; margin-right:12px;}
.news .tip h1 a{ font-size:13px; color:#0868b4; line-height:24px; }
.news .tip p{
	padding-top: 5px;
	line-height:26px;
	text-indent:2em;
}
.news ul{
	padding:0px 15px;
}
.news ul li{
	line-height:28px;
	background: url(images/icon.gif) no-repeat 5px 13px;
	padding-left:18px;
	border-bottom:1px dashed #CCC;
}
.news ul li span{ float:right; color: #F60;}
.title {
	line-height: 32px;
	height: 36px;
	background:#F3F3F3 url(images/tit_bg.gif) no-repeat left bottom;
	padding-left:10px;
	padding-right:10px;
}
.title span { padding-top:10px; padding-left:8px;}
.title .more{}
.title strong{ float:left; font-size:14px; color:#0366A0; letter-spacing:1px;}
.about{
	height:290px;
	width:300px;
	background:#F3F3F3;
	margin-right:10px;
}
.about .pic img{
	/*padding:3px;
	border:1px solid #DDD;*/
	margin: 3px 10px 4px 10px;
}
.about p{
	line-height:28px;
	text-indent:2em;
	padding:0 16px;
	color: #333;
}
.contact {
	
	height: 144px;
}
.contact div{ height:70px;}
.suncom { height:92px; background:#EAF1FA; padding:10px 15px;}
.suncom div{ padding-left:18px; background:url(images/icon02.gif) no-repeat 0 10px; line-height:30px; color:#069; /*font-weight:bold;*/}
.suncom div a{ color:#069;}
.suncom div a:hover{ color:#F30;}
.sidebar {
	width: 250px;
}
.sidebar .sidmenu {
	height: auto;
	background-color: #EEE;
	margin-bottom:10px;
}
.sidebar .sidmenu ul{ padding:15px 10px;}
.sidebar .sidmenu ul li{ line-height:28px; height:28px; text-align:center; margin-bottom:10px; background: url(images/sid_bg.gif) no-repeat center center; font-weight:bold; letter-spacing:2px;}
.sidebar .sidmenu ul li a{ display:block;}
.sidebar .sidmenu ul li a:link {
	COLOR:#069;
	text-decoration:none;
}
.sidebar .sidmenu ul li a:visited {
	COLOR:#069;
	text-decoration:none;
}
.sidebar .sidmenu ul li a:hover {
	COLOR: #F30;
	text-decoration: none;
	background: url(images/sid_on.gif) no-repeat center center;
}
.sidebar_tit{ background:url(images/tit02.gif) no-repeat 0 0; line-height:34px; height:34px; color:#FFF; padding-left:30px; letter-spacing:1px; font-size:14px;}
#onm{
	COLOR: #F30;
	background: url(images/sid_on.gif) no-repeat center center;
}

.navmain {
	width: 720px;
	min-height:500px;
	background-color: #F3F3F3;
}
.list{
	padding:20px 30px;
}
.list ul li{
	line-height:26px;
	background:url(images/icon.gif) no-repeat 0px 11px;
	padding-left:15px;
}
.list ul li span{ float:right; color:#999;}
.show {
    padding: 20px 30px;
}
.show p{ text-indent:2em; padding-top:5px; max-width:600px;}
.show p img{ max-width:600px;}
.show h1 {
    font-size: 20px;
    line-height: 40px;
    padding-bottom: 15px;
    text-align: center;
	color: #C00;
	border-bottom:1px solid #CCC;
}
.show .info {
    
    color: #999999;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: center;
	border-top:1px solid #FFF;
}
.show_main {
    font-size: 14px;
    line-height: 195%;
    min-height: 200px;
    padding: 10px;

}
.show_foot {
	line-height: 22px;
}
.cprev{ padding:20px 0px;}
#now{ font-weight:bold; color:#FF0;}


.list_pic{
	padding:30px 0 0 18px;
}
.list_pic ul li{
	float:left;
	text-align:center;
	line-height:20px;
	width:171px;
	height:150px;
}

.list_pic ul li img{
	padding:3px;
	border:1px solid #DDD;
	width:148px;
	height:116px;
}




.comment{margin-top:10px;}
.comment .t{ padding-left:10px; font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:740px;float:left;}
.comment .i dl dt{float:left; width:80px; font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}


#top_banner { width:980px; height:300px; overflow:hidden;position:relative;margin:0 auto;}
.photo {
	height: 240px; 
	background-color: #F3F3F3;
}

#top_banner .slider,.num{position:absolute;}
#top_banner .slider li{ list-style:none;display:inline;}
#top_banner .slider img{ width:980px; height:300px;display:block;}
#top_banner .num{ right:5px; bottom:5px;}
#top_banner .num li{float: left;color: #066;text-align: center;line-height: 2px;width: 12px;height: 2px;cursor: pointer;overflow: hidden;/*border: 1px solid #066;*/ background-color: #066;overflow:hidden;margin:3px; padding:3px;font-weight: bold; }
#top_banner .num li.on{
	color: #fff;
	background-color: #0CC;
}
.Announ {
	line-height: 32px;
	background: #F9F9F9 url(images/tit01.gif) no-repeat 0 0;
	height: 32px;
}
.Announ .fl{ color:#FFF; padding-left:30px; width:90px; letter-spacing:2px;}
/*
#announ {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 688px;
    border: 0px #f00 solid;
}
#announ ul li{ float: left; padding-left:10px; background:url(images/icon.gif) no-repeat 0 14px; margin-right: 50px;}
*/
.gg { width: 2000px; height: 30px; overflow: hidden; }
.gg li{ float: left; padding-left:10px; background:url(images/icon.gif) no-repeat 0 14px; margin-right: 50px;}


.ad { width: 980px; height: 100px; }

.ctmg { width: 980px; height: 260px; border: 0px #f00 solid; }
/*.ctmg .cts { width: 480px; height: 250px; border: 1px #f00 solid;  }
.ctmg .msg { width: 470px; height: 180px; border: 1px #080 solid;  }*/
.ctmg .msg ul { padding-left: 3px;  }
.ctmg .msg ul li { 
	float: left; width: 460px; height:75px; 
	border: 1px #9bc5f5 solid; border-radius: 5px; 
	margin-right: 10px; margin-bottom: 10px; padding: 5px;
	font-size: 15px; color: #000; font-weight: bold;

	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.ctmg .msg .ad1 { background: url('images/zhn1.jpg') 50% 50%; }
.ctmg .msg .ad2 { background: url('images/zhn2.jpg') 50% 50%; }
.ctmg .msg .ad3 { background: url('images/zhn3.jpg') 50% 50%; }
.ctmg .msg .ad4 { background: url('images/zhn4.jpg') 50% 50%; }
.ctmg .msg ul li:hover { color: #c30; border: 1px #f90 solid; background-size: 103%; cursor: pointer; }



.ctmg{ margin: 0px; padding: 0px; list-style-type:none; }
.ctmg li { float: left; width:480px; border: 0px #f00 solid; }
.ctmg li h3 { height: 20px; padding-top: 5px; padding-bottom: 3px; border-bottom: 2px #999 solid; }
.ctmg li p { padding-top: 10px; padding-left: 10px; font-size: 14px; color: #333; line-height: 25px; }

.ctmg li input,textarea {
	width: 436px; height: 23px; border: 1px #ccc solid; border-radius: 5px;
	padding: 3px; font-size: 14px; margin-bottom: 10px; margin-left: 5px;
}
.ctmg li textarea { height: 53px; margin-bottom: 10px; }
.ctmg li input[ type="submit"] { width: 445px; height: 30px; background-color: #0366a0; color: #fff; font-weight: bold; }
.ctmg li input[ type="submit"]:hover {  background-color: #666; color: #fc0;  }

/*
.product{height:155px;width:966px;position: relative; margin:10px auto 0px auto;}
.product .wrapper {
	width: 910px;
	overflow: auto;
	height: 155px;
	margin: 0 30px;
	position: absolute;
	top: 0;
}
.product .wrapper ul {width: 1820px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.product ul li {display:block;float:left;padding-right:10px;width: 175px;}
.product ul li p{ text-align:center; height:22px; padding-top:4px; overflow:hidden;}
.product ul li p a{ color:#069;}
.product ul li p a:hover{ color:#F30;}
.product ul li img {-webkit-transition: border-color 400ms; width:160px; height:120px; padding:5px; background-color:#E8E8E8;}
.product ul li img:hover {background-color:#0C4D8D;}
.product ul li a img {display:block;}
.product .arrow {
	display: block;
	height: 30px;
	width: 22px;
	position: absolute;
	top: 50px;
	cursor: pointer;
	outline: 0;
}
.product .arrow a{width:30px; height:62px;}
.product .forward {right: 0;background:  url(images/but_R.gif) no-repeat 0 0;}
.product .back {left: 0;background:  url(images/but_L.gif) no-repeat 0 0;}
*/

.footer {
	color: #FFF;
	background: url(images/foot_bg.gif) repeat-x 0 0;
	text-align: left;
}
.footer_main{line-height: 22px;
	height:100px; width:980px; margin:0 auto; background:url(images/foot_logo.gif) no-repeat 10px 0;}
.footer_main .copy{	padding:20px 0 0 130px;}
.footer_main .copy span { color: #eee; }
.footer_main .fr{ text-align:center; padding-top:20px; line-height:30px;}
.footer a{ color: #FFF;}

.set{ background:url(images/set.gif) no-repeat 0 12px; padding-left:18px; line-height:34px;}
.set span { color:#f00; }
.navmain .title{ height:38px;}


.member_f{margin-top:5px;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.pages{ margin-top:10px;}
.pages li{ float:left; line-height:20px;border:1px solid #E1E1E1;  margin-right:10px; background-color:#FFF;}
.pages li.c{background-color:#588FD9; color:#FFF;padding:0 8px;}
.pages li a{float:left;padding:0 8px;height:20px;}.pages li a:hover{background-color:#588FD9; color:#FFF;text-decoration: none;}
#ban200{ height:200px;background:url(images/news_03.jpg) no-repeat 0 0;}
.xnlink{ background-color:#EEE; line-height:22px; padding: 6px 10px; }
.xnlink strong{ color:#026B96;}

.show_lis{ margin-bottom:20px;}
.show_lis img{ float:left; padding:0px 20px 0 0}
.show_main table tr{ border-bottom:1px dashed #CCC;}
.show_main .mn { padding: 10px; margin-top: 10px; border: 1px #bbb solid; background-color: #eee; line-height: 160%; }
.show_main .nct { padding-top: 18px; font-size: 13px; }
.show_main .nct p { text-indent: 26px; font-size: 13px; line-height: 188%; }
.updo{ line-height:30px;}



.animation {
		/* 动画名称，下面单独写
		animation-name:tx00;
		-webkit-animation-name:tx00;
		*/
		/*动画播放周期
		animation-duration:0.8s;
		-webkit-animation-duration:0.8s;
		*/
		/*动画播放速度：linear 同速 / ease 慢-快-慢  
		animation-timing-function:ease-out;
		-webkit-animation-timing-function:ease-out;
		*/
		/*延迟播放时间
		animation-delay:0s; 
		-webkit-animation-delay:0s;
		*/
		/*
			以上可归纳为一句写法：
			animation: tx00 0.8s linear 1s 1 normal;
			-o-...,-ms-..., -moz-..., -webkit-... 适应多种浏览器
			animation后6个参数（多少自定，不写为默认）：
			① 动画名称：必须写，且与@keyframes中一致；
			② 播放周期：默认0（单位为: s / ms），指无动画；
			③ 播放速度：默认ease 慢-快-慢；
			④ 延迟时间：默认0（单位为: s / ms），指立刻播放；
			⑤ 播放次数：n | infinite 无限次；
			⑥ 下周逆播：normal 正常(默认) | altemate 轮流反向播放
		*/
}


/*前后立体翻转，参数解释：名称 | 周期 | 速度 | 延迟时间 | 下一周期是否逆播（normal正常/alternate轮流反向） | 播放前后效果是否可见 | 播放次数*/
.ad { animation:ad0 2s ease 500ms alternate none 2; -webkit-animation:ad0 2s ease 500ms alternate none 2;}
@keyframes ad0 { 

    0%{ transform:perspective(400px) rotateX(360deg); -webkit-transform:perspective(400px) rotateX(360deg);} 
   50%{ transform:perspective(400px) rotateX(0deg); -webkit-transform:perspective(400px) rotateX(0deg);} 
  100%{ transform:perspective(400px) rotateX(0deg); -webkit-transform:perspective(400px) rotateX(0deg);}  
}
@-webkit-keyframes ad0 { 

    0%{ transform:perspective(400px) rotateX(360deg); -webkit-transform:perspective(400px) rotateX(360deg);} 
   50%{ transform:perspective(400px) rotateX(0deg); -webkit-transform:perspective(400px) rotateX(0deg);} 
  100%{ transform:perspective(400px) rotateX(0deg); -webkit-transform:perspective(400px) rotateX(0deg);}  
}