﻿@charset "utf-8";
/*

*/

/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;  font-weight:normal;font-size:100%;}
fieldset,img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
a {color:#666;text-decoration:none;/*-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;*/ }
a:hover {color:#e60012;}
a:active {color:#e60012;}
.hidden{ display:none}
i{ font-style:normal}
/*html,body{-webkit-text-size-adjust:none;}*/
table { border-collapse:collapse;  border-spacing:0;}
.clearfix:before,.clearfix:after{content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}


.fl {
	float:left;
    display: inline;
}
.fr {
	float:right;
    display: inline;
}

.h-top{
	height: 35px;
	line-height: 35px;
}
.h-top p.fr{
	font-size: 14px;
	color: #dadada;
}
.h-top p.fr span{
	display: inline-block;
	padding: 0 0px;
	background: #e4e5e6;
}
.h-top a{
	display: inline-block;
	padding: 0 13px;
	color: #666;
	transition: color 500ms ease-in 0ms;
}
.h-top a.blue, .h-top a:hover{
	color: #003673;
}
.h-top a.red{
	color: #c00725;
}
.h-top a.last{
	padding-right: 0;
}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px;color:#666; height:100%; background:#f5f5f5}  
.bgff{ background:#fff;}
.wrap{ width:1100px; margin:0 auto;}
.head{ width:100%; margin:0 auto; background:url(../images/top_ba.jpg) repeat-x scroll center top; height:135px;font-family:"\5B8B\4F53",arial; }
.logo{ padding-top:0px;}
.h_r{ float:right; padding-top:30px;}
.h_r span{ margin-left:10px; color:#014090}
.txth1{ height:26px; line-height:26px; width:136px; border:1px solid #ccc; padding:0 5px; vertical-align:middle}
.h_r span img{ vertical-align:middle}

.nav{ float:left; width:100%; padding-top:1px; height:52px; background:url(../images/bgnav.jpg) repeat-x;}
.navlist li{ float:left; position:relative; z-index:11111;}
.navlist li a{ display:block; line-height:50px;  color:#fff; font-size:16px; padding:0 21px;padding-bottom:2px;}
.navlist li.hover a,.navlist li a:hover{ background:#fff; padding-bottom:0; border-bottom:2px solid #e60012; color:#000}

.navbox{ position:absolute; left:0; width:100%; top:52px; background:#fff; display:none}
.navlist li.hover li{ width:100%;}
.navlist li.hover li a{ line-height:38px; text-align:center; padding:0; color:#4c4c4c; font-size:14px; border-bottom:0; background:#fafafa;}
.navlist li.hover li a:hover{ background:#e0e0e0}
.navlist li.s{ background:#fff; padding-bottom:0; border-bottom:1px solid #e60012; color:#000}



.search{ float:right; width:244px; height:37px; background:#fff; margin-top:7px;}



.txts1{ padding:0 10px; line-height:37px; height:37px; width:187px; vertical-align:middle; border:0;}
.search img{ vertical-align:middle}

.bgban{ float:left; width:100%; background:url(../pic/banner.jpg) center 0 no-repeat; height:350px;}
.slideBox{ width:100%; height:221px; overflow:hidden; position:relative; float:left; padding-top:30px; }
		.slideBox .hd{ height:14px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:2; width:100%; }
		.slideBox .hd ul{ text-align:center; width:100%; _width:100px; margin:0 auto;  }
		.slideBox .hd ul li{ display:inline-block; background:url(../images/png1.png) no-repeat; width:12px; height:12px; cursor:pointer; margin:0 3px;}
		.slideBox .hd ul li.on{  background:url(../images/png2.png) no-repeat; }
		.slideBox .bd{ position:relative;  }
		.slideBox .bd li{ float:left; width:100%; }
.slideBox .bd li .l{ float:left; width:300px; height:200px; border:4px solid #fff; overflow:hidden}
.slideBox .bd li .r{ float:right; width:719px; padding-right:20px; color:#fff; line-height:25px;}
.slideBox .bd li .r h2{ line-height:30px; font-size:28px; margin-bottom:30px;}
.slideBox .bd li .r h2 a{ color:#fff;}
.slideBox .bd li .r h2 a:hover{ color:#e60012}

.index1{ float:left; width:100%; height:382px; background:#f7f7f7;}
.index_left{ float:left; width:288px; height:350px; margin-top:15px; border:1px solid #eee; background:#fff;}
.title{ float:left; width:100%; height:40px; padding-top:4px; border-bottom:1px solid #d2d2d2;}
.title span{ float:left; padding:0 15px; line-height:39px; font-size:16px; color:#7f7f7f; margin-right:30px; display:inline; cursor:pointer;font-weight:bold;}
.title span.hover{ border-bottom:2px solid #004097; position:relative; margin-bottom:-1px; color:#004097;}
.title i.i2{ float:right; padding-top:11px; padding-right:18px;}
.index_left_con{ float:left; margin:10px 0 5px 9px; width:265px; color:#333; line-height:21px;}
.index_left_con img{ display:block; margin-bottom:8px;}

.index_middle{ float:left; width:497px; border:1px solid #eee; height:350px; overflow:hidden; background:#fff; margin:15px 0 0 12px; display:inline;}
.middlebox{ float:left; padding:0 10px; width:477px; }
.middlebox_tt{ float:left; padding:10px; margin-top:5px; width:457px; border-bottom:1px dashed #b3b3b3; color:#666; line-height:22px;margin-bottom:8px;}
.middlebox_tt h2{ text-align:center; font-size:16px; margin-bottom:5px;}
.middlebox_tt h2 a{ color:#004097}
.middlebox_tt h2 a:hover{ color:#e60012}

.list1 li{ line-height:28px; float:left; width:100%; border-bottom:dotted 1px #ececec }
.list1 li a{ padding-left:12px; color:#333; background:url(../images/jiao1.jpg) 0 center no-repeat;}
.list1 li a:hover{color:#e60012}
.list1 li span{ float:right; color:#999;}

.index_right{ float:right; width:283px; border:1px solid #eee; height:350px; overflow:hidden; background:#fff; margin-top:15px; }
.list2{ padding:10px; float:left; width:263px;}
.list2 li{ line-height:29px; float:left; width:100%;}
.list2 li a{ padding-left:14px; background:url(../images/down.jpg) 0 center no-repeat; color:#0070c0}
.list2 li a:hover{color:#e60012}

.index2{ float:left; width:100%; padding-top:20px; padding-bottom:10px; background:#fff;}
.index2_l{ float:left; width:290px; overflow:hidden;}
.index2_l img{ display:block;}
.index2_l span{ margin-bottom:10px; display:block;}
.index2_l span.last{ margin-bottom:0}

.index2_m{ float:left; width:1100px; border:1px solid #eee; height:280px; overflow:hidden; background:#fff; margin:0 0 0 0px; position:relative;display:inline;}
.ttbox{ position:absolute; left:0; top:0; width:1100px;}

.picScroll-left{ width:100%;  overflow:hidden; position:relative; padding-top:56px;z-index:222  }
		.picScroll-left .hd{ }
		.picScroll-left .hd .prev{ position:absolute; background:url(../images/bl1.jpg) no-repeat; width:15px; height:15px; right:30px; top:16px; cursor:pointer}
		.picScroll-left .hd .next{  position:absolute; background:url(../images/br2.jpg) no-repeat; width:15px; height:15px; right:10px; top:16px; cursor:pointer }
		.picScroll-left .hd .prev:hover{background:url(../images/bl11.jpg) no-repeat; }
		.picScroll-left .hd .next:hover{ background:url(../images/br22.jpg) no-repeat;}
		.picScroll-left .hd ul{ display:none}
		.picScroll-left .bd{    }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; width:208px; margin-left:10px; height:200px; overflow:hidden; line-height:21px; }
.picScroll-left .bd ul li img{ display:block; margin-bottom:5px;}
.picScroll-left .bd ul li a{ color:#333;}
.picScroll-left .bd ul li a h2{ color:#014090}
.picScroll-left .bd ul li a:hover{ color:#014090}

.index2_r{ float:right; width:285px;overflow:hidden; background:#fff; }
.index2_rbox{float:right; width:283px; border:1px solid #eee; height:231px; margin-bottom:10px; overflow:hidden; }
.index2_r img{ display:block;}

.picScroll-left3{ width:100%;  overflow:hidden; position:relative; padding-top:13px;z-index:222  }
		.picScroll-left3 .hd{ }
		.picScroll-left3 .hd .prev{ position:absolute; background:url(../images/bj1.jpg) no-repeat;width:10px; height:17px; left:5px; top:87px; cursor:pointer}
		.picScroll-left3 .hd .next{  position:absolute; background:url(../images/bj2.jpg) no-repeat; width:10px; height:17px; right:5px; top:87px; cursor:pointer }
		.picScroll-left3 .hd .prev:hover{background:url(../images/bj11.jpg) no-repeat; }
		.picScroll-left3 .hd .next:hover{ background:url(../images/bj22.jpg) no-repeat;}
		.picScroll-left3 .hd ul{ display:none}
		.picScroll-left3 .bd{ padding-left:15px;    }
		.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left3 .bd ul li{ float:left; width:105px; padding:4px; border:1px solid #cecece; margin-left:5px; overflow:hidden; }
.picScroll-left3 .bd ul li img{ display:block; }

/* foot */
.foot{ background:#35373a url(../images/bgfoot.jpg) repeat-x; float:left; width:100%; margin-top:15px;}
.links{ float:left; width:100%; line-height:50px; padding-bottom:2px; color:#fefefe}
.links span{ font-size:14px; font-weight:bold; color:#fff;}
.links a{color:#fefefe;}
.links a:hover{color:#e60012;}
.links i{ margin:0 5px;}
.foottext{ line-height:26px; color:#fefefe; padding:12px 0; float:left; width:100%;}
.foottext p{ margin:10px 0;}
.foottext span{ float:right}

.mleft{ float:left; width:220px; overflow:hidden; margin-top:20px;}
.mleft_tt{ float:left; width:100%; text-align:center; font-size:16px; line-height:40px; margin-bottom:4px; color:#fff; background:#01459c;}
.mleftlist li{ float:left; width:100%; line-height:30px; margin-bottom:4px;font-weight:bold; position:relative;}
.mleftlist li a{ display:block; font-size:14px; text-align:center; background:#fff;}
.mleftlist li a:hover,.mleftlist li.hover a{ color:#01459c; background:#cfd8e6} 
.mleftbox{ float:left; padding:15px; background:#fff; line-height:23px; width:190px;}

.mleftlist li span{ position:absolute; right:10px; top:12px; background:url(../images/ico_jia2.png) no-repeat; width:9px; height:9px;}
.mlnavbox{ display:none}
.mleftlist li.hover span{ background:url(../images/ico_jian.jpg) no-repeat; height:1px; top:16px;}
.mleftlist li.hover .mlnavbox{ display:block; }
.mleftlist li.hover .mlnavbox a{background:#fff;}
.mleftlist li.hover p{ border-bottom:1px dashed #d2d2d2;}
.mleftlist li.hover p.last{ border-bottom:0}
.mleftlist li.hover p a{ text-align:left; padding-left:96px; color:#666}
.mleftlist li.hover p.qq a,.mleftlist li.hover p a:hover{ color:#01459c;}


.mright{ float:right; width:860px; background:#fff; overflow:hidden; margin-top:20px;}
.mtitle{ float:left; width:100%; line-height:44px;border-bottom:1px solid #c5cfdb;}
.mtitle span{ float:left; padding:0 24px; line-height:43px; font-size:16px; color:#7f7f7f; display:inline; cursor:pointer; font-weight:bold;}
.mtitle span.hover{ border-bottom:2px solid #004097; position:relative; margin-bottom:-1px; color:#004097;}
.mtitle i{ float:right; padding-right:20px; color:#999}
.mcon1{ float:left; width:810px; padding:6px; line-height:24px; min-height:283px;}
.newslist li{ float:left; width:100%; line-height:39px; border-bottom:1px dashed #d2d2d2;}
.newslist li span{ float:right; color:#999; padding-right:10px;}
.newslist li a{padding-left:20px; background:url(../images/ico_jiao2.jpg) 0 center no-repeat; color:#333}
.newslist li a:hover{color:#e60012;}

.newslist li i{ float:right; margin-right:10px;}
.newslist li i a{ background:url(../images/onlinebg.jpg) no-repeat; padding-left:0; width:74px; height:23px; line-height:23px; color:#fff; text-align:center; margin-right:10px; margin-top:8px; display:block;}
.newslist li i a:hover{ color:#fff}
.newslist li a.hover{ color:#01459c}

.newslist2 li{ float:left; width:100%; line-height:39px; border-bottom:1px dashed #d2d2d2;}
.newslist2 li span{ float:right; color:#999; padding-right:10px;}
.newslist2 li a{padding-left:20px; background:url(../images/ico_down.jpg) 0 center no-repeat; color:#333}
.newslist2 li a:hover{color:#e60012;}


.pages{ float:right;  margin-top:20px;}
.pages a{ display:inline-block; margin:0 1px; line-height:35px; background:#e3e3e3; padding:0 15px;}
.pages a:hover,.pages a.hover{ background:#01459c; color:#fff}

.newstt{ float:left; width:100%; text-align:center; color:#999; margin-bottom:10px; padding-bottom:5px; line-height:24px; border-bottom:1px solid #d6d6d6;}
.newstt h1{ color:#333; font-size:24px;}

.bmtt{ float:left; width:100%; margin-bottom:20px; font-weight:bold;}
.bmtable td{ vertical-align:top; padding-bottom:10px;}
.bmtable td.td1{ text-align:right; padding-right:6px; line-height:32px;}
.txtbm1{ width:400px; padding:0 10px; height:31px; line-height:31px; border:1px solid #ccc; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.txtbm2{ width:90px; padding:0 5px; height:31px; line-height:31px; border:1px solid #ccc; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-right:5px;}
.txtbm3{ width:190px; padding:0 5px; height:31px; line-height:31px; border:1px solid #ccc; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-right:5px;}

.txtbm4{ width:650px; padding:10px; height:65px; line-height:18px; border:1px solid #ccc; color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

.sel1{ width:420px; padding-left:10px; color:#333; height:33px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.bmtable td p{ margin-bottom:10px;}

.newstt2{ float:left; width:100%; text-align:center; color:#999; margin-bottom:10px; padding-bottom:20px; padding-top:10px; line-height:28px; border-bottom:1px solid #d6d6d6;}
.newstt2 h1{ color:#333; font-size:24px;}
.join1{ float:left; width:700px; height:36px; background:#cfd8e6; margin-top:15px;}
.join1 span{ line-height:36px; padding-left:38px; color:#01459c; background:url(../images/ico_fj.jpg) 8px center no-repeat;}
.join2{ float:left; width:698px;  border:1px solid #cfd8e6; border-top:0; padding:10px 0;}
.joinlist li{ float:left; width:100%; line-height:28px;}
.joinlist li .l{ float:left; padding-left:41px; background:url(../images/ico_w.jpg) 17px center no-repeat; color:#333;}
.joinlist li .l i{ color:#999}
.joinlist li .r{ float:right; padding-right:18px;}
.joinlist li .r a{ padding-left:15px; background:url(../images/ico_down.jpg) 0 center no-repeat; color:#01459c}
.join3{ float:left; width:100%; margin-top:20px;}
.join3 img{ float:left;}
.txtjj1{ width:405px; border:0; border-bottom:1px solid #cfd8e6; border-top:1px solid #cfd8e6; height:34px; line-height:34px; float:left;  }
.join3 span{ float:left; margin-left:10px;}

.mcon2{ float:left; width:780px; padding:30px 40px; line-height:32px; min-height:320px; font-size:14px;}
.zazhilist li{ float:left; width:196px; height:335px; text-align:center; margin-right:7px; display:inline;}
.zazhilist li .libox{ width:194px; height:268px; border:1px solid #e6e6e6; float:left;text-align:center; font-size:14px; margin-bottom:15px;}
.zazhilist li .libox img{ display:block; margin:0 auto;border:1px solid #e6e6e6; margin-top:19px; margin-bottom:7px;}

.zazhilist li a{ display:inline-block; background:url(../images/yuedu1.jpg) no-repeat; width:100px; line-height:30px; text-align:center;height:30px; color:#4c4c4c; margin:0 auto;}
.zazhilist li a:hover{ background:url(../images/yuedu2.jpg) no-repeat; color:#01459c}
.zazhilist li.last{ margin-right:0}

.zazhitt{ float:left; width:100%; text-align:center; font-size:14px; margin-bottom:20px;}
.fengmian{ float:left; width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}
.zazhiyd{ float:left; width:100%; height:40px; background:#ebebeb;}
.zazhiyd .l{ float:left; padding-left:45px; line-height:40px; background:url(../images/ico_p.jpg) 20px center no-repeat;}
.zazhiyd .r{ float:right; padding:10px 22px 0 0;}
.zazhiyd .r img{ margin-left:8px;}

.zazhitt2{ float:left; width:100%; text-align:center; position:relative; background:#e8825a; line-height:200px;}
.zazhitt2 h2{ font-size:100px; color:#fff}
.zzriqi{ position:absolute; left:55px; line-height:26px; font-size:14px; color:#fff; text-align:left; top:80px; font-weight:bold;}
.zzriqi p{ font-weight:bold}

#back-to-top{z-index:55555; width:44px; right:50%; margin-right:-620px; top:80%; display:none; cursor:pointer;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}

.bmlist{ display:block; padding:6px 10px; background:#f5f5f5; width:400px; margin-top:-5px;}
.bmlist li{ line-height:31px; border-bottom:1px dashed #c2c2c2}
.bmlist li span{ float:right}

.liulan {background:url(/images/liulan.jpg) 70px center no-repeat;}

/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.hei3{ color:#333;}
.red{ color:#e60012;}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.songti{font-family:"\5B8B\4F53",arial;}
.tc{ text-align:center}
.tr{ text-align:right}
 
 
 ul,
ol { 
	list-style:none;
    float: left;
}
li {
	list-style:none;
    float: left;	
}

.inside-wrap{
	padding: 20px 0 52px;
	border: 0px solid #eaeaea;
	border-top: none;
}
.page{
	text-align: center;
}



.products-list .list{
	position: relative;
	overflow: hidden;
	padding:30px;
}
.products-list ul{
	width: 810px;
	*padding-bottom: 18px;
}
.products-list li{
	width: 245px;
	height: 245px;
	border: 1px solid #e6e6e6;
	margin: 0 20px 18px -1px;
	display: inline;
}
.products-list li .int{
	padding: 0 17px;
	line-height: 32px;
}
.products-list li a.tit{
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 0px solid #d6d6d6;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	transition: all 500ms ease-in 0ms;
}
.products-list li a.tit:hover{
	color: #0857b0;
	border-bottom: 1px solid #0857b0;
}
.products-list li p.price{
	font-weight: bold;
	font-size: 14px;
	line-height: 50px;
	color: #333;
}
.products-list li p span{
	font-size: 24px;
	font-family: Arial;
	color: #c00725;
}
.products-list .page{
	margin-top: 32px;
}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}
