@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:14px; line-height:24px; color:#5a5757; font-family:Arial;}
img{vertical-align:middle; border:0;}
ul,ul li{margin:0; padding:0; list-style:none;}
a:link,a:visited{ color:#626262; text-decoration:none;}
a:hover{color:#d81911;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.wrap{width:982px; margin:0 auto;}

.header{ height:72px; padding:10px 0 10px 0; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:999;}
.header .logo{width:225px; height:72px; background:url(pc2_03.jpg) no-repeat; background-size:100% 100%;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.header .logo a{height:72px; display:block; text-indent:-1000px; overflow:hidden;}
.header .topbar{ height:28px; line-height:28px; color:#b1b1b1;}
.header.active{height:54px; padding:5px 0;}
.header.active .logo{width:169px; height:54px; background:url(pc2_03.jpg) no-repeat; background-size:100% 100%; }
.header.active .logo a{height:54px; display:block; text-indent:-1000px; overflow:hidden;}

.search{height:22px; width:130px; padding:3px 5px; border:1px solid #ededed; border-radius:2px; margin:7px 0; background:#fff;}
 .search .txt{width:100px; height:22px; border:none; background:none; line-height:22px; }
.search .txt:focus{outline:none;}
.search .btn{width:18px; height:18px; background:url(pc2_06.jpg) no-repeat; border:none; margin:2px 0;}

.menu{  background:#005bac;  position:fixed; top:92px; left:0; width:100%;  z-index:999;}
.menu li{ float:left; border-right:1px solid #337cbd;  }
.menu li a:link,.menu li a:visited{color:#fff; display: block;  padding: 10px 28px; font-size:16px;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.menu li a:hover,.menu li a.select{background-color: #0096e3;}
.menu li.last{float:right; border-right:none;}
.menu.active{top:64px;}
.menu.active li{}
.menu.active li a{padding:5px 28px; font-size:14px;}
.menu.active .search{margin:2px 0;}

.nav{font-size:12px; color:#b1b1b1; line-height:20px; margin-top:136px;}
.banner{margin-bottom:20px;}

.about{ line-height:28px; font-size:14px; margin-bottom:30px; color:#5a5757;}
.pro{ margin-bottom:40px; }
.pro li{width:220px; float:left; margin-right:18px;}
.pro li a{color:#5a5757; line-height:26px;}
.pro li img{width:220px; height:100px; }



.footer{ border-top:1px solid #ededed; width:100%;}
.footer .link{ border-bottom:1px solid #efefed; line-height:36px; font-size:14px; color:#b1b1b1;}
.footer .copy{padding:1em 0; color:#b1b1b1; font-size:12px; line-height:26px;}
.foot1{background:#f2f2f2; padding:55px 0 55px 0;}
.foot2{background:#005bac; padding:10px 0; color:#afcffa;}
.foot2 .link{color:#afcffa;}
.foot2 .copy{color:#afcffa;}
.foot2 a{color:#fff;}
.catetree{width:20%;  float:left;}
.catetree li{line-height:30px; padding:6px 0; }
.catetree li a{line-height:22px;}
.catetree li.big a{font-size:14px; font-weight:600; line-height:36px;}
table tr td{font-size:14px;}
.main {margin-bottom:40px;}
.main .mL{width:766px; min-height:660px;}
.main .mR{width:195px;}
.main .mL .mtit{font-size:20px; color:#005bac; line-height:50px; margin:0 0 20px 0;  font-weight:bold; border-top:3px solid #005bac; border-bottom:1px solid #dadada;}
.main .mL .mcon{ font-size:14px;}
.main .mL .mcon .probox{width:45%; float:left; margin-right:5%;}
.main .mL .mcon .probox .propic{width:220px; height:100px;}
.main .mL .mcon .probox .ptit h3{font-size:14px; line-height:32px; margin:10px 0 0 0; padding:0;font-weight: normal;}
.main .mL .mcon .probox a.more{color:#050505; }
.main .mR .mtit{font-size:16px; color:#fff; line-height:32px; padding:8px 10px; font-weight:bold; background:#005bac;}
.main .mR .mcon .fcate{}
.main .mR .mcon .fcate a{ padding-left:12px; background:url(icon_arrow01.png) 12px center no-repeat; display:block; padding: 8px 10px 8px 32px; line-height:26px; font-size:12px; color:#050505; border-top: 1px dotted #dadada; border-bottom:1px dotted #dadada;}
.main .mR .mcon .fcate a:hover{color:#d81911; background:url(icon_arrow01_btm.png) 12px center no-repeat #f2f8fe;}
.main .mR .mcon .fcate .child { padding-left:22px;}
.main .mR .mcon .fcate .child a{background:url(icon_sidenav02.gif) left center no-repeat; display:block; border-top:none; border-bottom:none;}

.main .plistTit{font-size:20px; color:#010101; line-height:32px; margin:20px 0;  font-weight:bold;}
.main .plistCon{ margin-bottom:60px;}
.main  ul.prolist li{width:220px; height:200px; margin:15px 17px; float:left;}
.main  ul.prolist li img{width:168px; height:130px;}
.main  ul.prolist li a{display:block; line-height:30px; text-align:center; color:#5f6062; font-size:14px;font-weight:bold;} 
div.pd{color:#1A48AA; font-size:14px; font-weight:bold; line-height:26px; }
div.pdtit{background:#133984; color:#fff;color:##1A48AA; font-size:14px; font-weight:bold; line-height:26px; text-indent:10px;}
div.pdcon{line-height:22px;}
.main .mform{width:593px; min-height:660px;}
.main .mcontact{width:388px;}
.main .mform .mtit{font-size:20px; color:#010101; line-height:32px; margin:20px 0;  font-weight:bold;}
.main .mform .mcon{ font-size:12px;}
.main .mform .linef{margin-bottom:30px; line-height:18px;}
.main .mform .linef .txt,.main .mform .linef select{ height:22px; padding:4px ; border:1px solid #e9e9e9; background:#f8f8f8; display:block;     transition: all 1s; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;}
.main .mform .linef .txt:focus{outline:none; border-color:#2980b9; background:#efeeee;  -webkit-box-shadow:0 0 3px #2980b9 !important;
    -moz-box-shadow:0 0 3px #2980b9 !important;
    box-shadow:0 0 3px #2980b9 !important;	}
.main .mform .linef .small{width:132px;}
.main .mform .linef .middle{width:182px;}
.main .mform .linef .big{width:388px; height:200px;}
.main .mform .linef select{height:32px;}
.main .mform .linef .btn{padding:8px 15px; background:#494949; color:#fff; border:0;transition: all 1s;}
.main .mform .linef .btn:hover{background:#7a7a7a;}
.main .mcontact .mtit{font-size:14px; color:#010101; line-height:36px;   font-weight:bold;}
.main .mcontact .mcon{ font-size:12px; line-height:32px;}
.mc{padding:40px 0 0 0;}

.newslist{}
.newslist li{ margin-bottom:50px;}
.newslist li p{margin:0; padding:0;}
.newslist li .date{font-size:12px; line-height:18px; color:#626262;}
.newslist li a.nTit{ font-size:16px; color:#000000; line-height:30px; font-weight:bold;}
.newslist li .intro{ font-size:12px; color:#535353; line-height:22px;}
.newslist li a.more{color:#000;}
.valid{float:left; }
.fenye{text-align:center;}

.gotop{ width:40px; height:40px; background:url(gotop.gif) no-repeat; position:fixed; bottom:20px; right:20px; display:none; opacity:1;}


#top_slide {
	width:982px;
	height: 333x;
	margin: 0 auto 40px;
	position:relative;
	overflow: hidden;
	z-index: 0;
}


#top_slide #panel_area{
	width:982px;
	height: 309x;
	position:relative;
}

#top_slide #panel_area li {
	width:982px;
	height: 309x;
	list-style: none;
	position:absolute;
	top:0;
	left:0;
}

#top_slide .marker {
	width:982px;
	height: 19px;
	padding-top: 5px;
	text-align: center;
	z-index:100;
	position:relative;
	background-color: #f2f2f2;
}

#top_slide .marker li {
	width: 15px;
	height: 15px;
	margin: 0 2px;
	border-radius: 50%;
	list-style: none;
	background:#cecece;
	cursor:pointer;
	display: inline-block;
	/display:inline;
	/zoom:1;
	position:relative;
}

#top_slide .marker li.current {
	background:#005bac;
}

#top_slide .marker li div {
	width: 230px;
	position: absolute;
	bottom:30px;
	left:-118px;
	padding: 15px 10px;
	color: transparent;
	text-align: center;
	z-index: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 123.1%;
	pointer-events: none;
	transition-property: background-color, color;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}

#top_slide .marker li div {
	display: none\9; /* ～IE8 */
	*display: none; /* ～IE7 */
	_display: none; /* IE6 */
}

#top_slide .marker li div:before {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -8px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 8px 0 8px;
	z-index: 0;
	border-color:transparent;
	transition-property: border-color;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}

#top_slide .marker li:hover div{
	background-color: #0096e4;
	color: #fff;
}

#top_slide .marker li:hover div:before {
	border-color: #0096e4 transparent transparent transparent;
}
