﻿* { margin: 0; padding: 0; }
body { font: 14px/22px "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #444; background:#fff; min-width: 1200px; margin: 0 auto; }
h1,h2,h3,h4,h5,h6 { font-size: 14px; }
ul,ol { list-style: none; }
input,select,textarea { font-size: 14px; font-family: "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #555; }
em,i,address { font-style: normal; }
strong { color: #000; }
a img { border: 0; }
a { color: #444; text-decoration: none; }
a:hover { color: #336699; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.none { display: none; }

hgroup { width: 1200px; margin: 0 auto; }

.ui-tips { background: #f30; padding: 20px 0; text-align: center; color:#fff; }
.ui-tips a { text-decoration: underline; color:#fff; margin: 0 5px; }


header { width: 100%; background:#fff; }
header hgroup { padding: 10px 0; height: 80px; overflow: hidden; }
header #logo { width: 600px; height: 80px; float: left; }
header #logo a { width: 590px; height: 80px; display: block; background: url(logo.png) no-repeat; text-indent: -999999px; overflow: hidden; float: left; }
header #tops { width: 500px; float: right; padding: 30px 0 0 0; text-align: right; }
header #tops span { color:#999; }
header #tops img { margin-bottom: -5px; margin-right: 5px; }
header #tops a { margin: 0 5px; }

header nav { height: 50px; background: #28589E; border-bottom: #4770AD 1px solid; }
header nav ul { width: 1200px; margin: 0 auto; }
header nav li { float: left; position: relative; z-index: 9; border-right:#4770AD 1px solid; padding: 0px; }
header nav li a {  color: #fff; width: 170px; text-align: center; height: 50px; line-height: 50px; display: block; float: left; font-size: 16px;}
header nav li a:hover,
header nav li.hover a { color: #fff; background: #0D346D;}


header nav ul ul { position: absolute; top: 50px; left: 0; z-index: 9999; width: 170px; height:auto; padding: 0; margin: 0; display: none; background: #0D346D; }
header nav li li { height: 40px; line-height: 40px; float: none; margin: 0; background: none; border-bottom:1px #4770AD solid; }
header nav li li a { font-weight: normal; color: #fff; height: 40px; line-height: 40px; font-size: 14px; background: none; text-align: center;  }
header nav li li a:hover { color: #fff; }
header nav li.current a,header nav li.current a:hover { background: #0D346D; color: #fff; }
header nav li.current li a,header nav li.current li.current a { background: none; color: #fff; }
header nav li.current li a:hover,header nav li.current li.current a:hover { background: #0D346D; color: #fff; }


#content { padding: 20px 0; }
#left { width: 260px; float: left; }
#right { width: 880px; float: right; min-height: 400px; height:auto!important; height: 400px; }
#right img {  }

footer { background: #28589E; color: #fff; }
footer hgroup { }
footer .flogo { background: url(flogo.png) no-repeat center center; width: 200px; float: left; height: 100px; }
footer .address {}
footer .address li { float: left; height: 48px; line-height: 48px; border-left: #4770AD 1px solid; padding: 26px 40px;}
footer .address li span { width: 48px; height: 48px; display: block; float: left; text-indent: -999999px; background-image: url(ficon.png); background-repeat: no-repeat; }
footer .address li.li_1 span { background-position: 0 0; }
footer .address li.li_2 span { background-position: -380px 0; }
footer .address li.li_3 span { background-position: -645px 0; }
footer .copyright { padding: 15px 0; text-align: center; background:#0D346D; color:#fff; font-weight:normal;}
footer .copyright a { color:#fff; font-weight:normal;}

#pbanner {  }

#ipanner { height: 265px; background: #333; margin: 15px auto; }
/*Inner Page Style*/

#crumbs { height: 30px; line-height: 20px; color:#999; width: 1200px; margin: 0 auto 10px; }
#crumbs a { color: #999; }

#category {}
#category h3 { background: #28589E; height: 100px; line-height: 100px; text-align: center; color: #fff; font-size: 22px; }
#category ul { background: #efefef; }
#category li { border-top: #ccc 1px dotted; }
#category li a { display: block; height: 40px; line-height: 40px; padding: 0 0 0 40px; }
#category li a:hover { background: #28589E; color: #fff; }

.ct { font-size: 13px; margin-top: 30px; }
.ct h3 { height: 200px; }
/*.ct table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.ct td { vertical-align: top; }
.ct td.td1 { width: 60px; }
*/

.news_list{}
.news_list li{border-bottom:1px dotted #ccc;color:#777; padding-bottom: 10px; margin-bottom: 10px;}
.news_list li h3 { margin-bottom: 5px; }
.news_list li a{font-size:18px; color: #333; font-weight: bold; }
.news_list li a:hover{color: #336699;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}


.plist { }
.plist li { margin-bottom: 20px; }
.plist li dl { height: 300px; overflow: hidden; }
.plist li dt { width: 400px; height: 300px; float: left; overflow: hidden; }
.plist li dt img { width: 400px; height: auto; }
.plist li dd { width: 450px; float: right; }
.plist li dl h2 { margin-bottom: 15px; }
.plist li dl h2 a { font-size:25px; font-weight: normal; color:#000; }
.plist li dd p { text-indent:2em; }

.list_page{text-align:center;margin:30px 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3; font-weight:bold;border-radius:0;}


h1.h1title { font-size: 24px; color: #222; margin-bottom: 30px; font-weight: normal; }

article { line-height: 26px; }
article h1 { text-align: center; font-size: 20px; line-height: 1.6em; margin: 0 0 10px 0; color: #000; }
article h2,article h3,article h4,article h5,article h6 { margin: 15px 0; color: #222; }
article h2 { font-size: 16px; color: #222; }
article h3 { font-size: 14px; }
article p { margin: 15px 0; text-indent: 2em; }
article ul,article ol { margin: 0 0 0 2em; }
article ol li { }
article ul li { }
article li p { text-indent: 0; margin: 0; }
article img { max-width: 700px; display: block; margin: 10px auto; }
article li p img { margin: 10px auto; }

article table { border-bottom: #ddd 0px solid; border-right: #ddd 0px solid; width:100%; border-collapse: collapse; border-spacing: 0; }
article th { border-left: #ddd 0px solid; border-top: #ddd 0px solid; background: #eee; color: #333; }
article td { border-left: #ddd 0px solid; border-top: #ddd 0px solid; }
article td p { text-indent: 0; margin: 0; }


article a { text-decoration: underline; }


.article_prev_next { margin: 50px 0 0 0; height: 30px; line-height: 30px; }
.article_prev_next .prev { float: left; width: 46%; }
.article_prev_next .next { float: right; width: 46%; text-align: right; }


.pro_view {}
.pro_view h1 { font-size: 20px; line-height: 1.6em; margin: 0 0 10px 0; color: #000; }
.pro_view h2 { font-size: 16px; color: #222; margin: 15px 0; }
.pro_view img { max-width: 880px; }
.pro_view p { margin: 15px 0; }
.pro_view li { margin-bottom: 5px; }
.pro_view li p { text-indent: 0; margin: 0; }
.pro_view ul,.pro_view ol { }
.pro_view li { list-style: none; background: url(icli.png) no-repeat 0 11px; padding: 5px 0 0 20px; }
.pro_view h6 { background: url(icli.png) no-repeat 0 11px; padding: 5px 0 0 20px; color:#333; font-size: 16px; }

.img-l { width: 550px; float: left; }
.img-r { width: 280px; float: right; }
.img-r img { width: 100%; height: auto; display: block; margin-bottom: 10px; }


.img1-l { width: 550px; float: left; }
.img1-r { width: 300px; float: right; }
.img1-r img { width: 100%; height: auto; display: block; margin-bottom: 10px; }

.p20 { padding: 0 50px; }
.p20 .img-l { width: 400px; }
.p20 .img-r { }

.scx {}
.scx ul { margin-left:-20px; }
.scx li { list-style: none; padding: 0; margin: 0; width: 280px; float: left; margin: 0 0 20px 20px; text-align: center; background: none; }
.scx li img { width: 100%; height: 190px; }

.gdcp { margin-top: 20px; }
.gdcp ul { margin-left:-20px; }
.gdcp li { list-style: none; padding: 0; margin: 0; width: 430px; float: left; margin: 0 0 0 20px; text-align: center; background: none; }
.gdcp li.lt { margin-right: 0; }
.gdcp li img { width: 100%; height: auto; }

.alist {}
.alist li { height: 36px; line-height: 36px; overflow: hidden; border-bottom:#ddd 1px solid; background: url(ic1.png) no-repeat 5px center; padding-left:15px; }
.alist li span { float: right; color:#999; font-size:12px; }

#pro_16 .img-r img { margin-bottom: 60px; }
#pro_15 .img-r img { margin-bottom: 50px; }
#pro_9 .img-r img { margin-bottom: 40px; }



/* HOME STYLE START */



/*#banner .fullSlide { width:100%; position:relative;	height:500px; }
#banner .fullSlide .bd { margin:0 auto;	position:relative;	z-index:0;	overflow:hidden; }
#banner .fullSlide .bd ul {	width:100% !important;	padding:0;	margin:0; }
#banner .fullSlide .bd li {	width:100% !important;	height:500px; overflow:hidden; text-align:center; float:left; }
#banner .fullSlide .bd li a { display:block; height:500px; float:left; }
#banner .fullSlide .hd { width:100%; position:absolute;	z-index:1; bottom:20px; left:0; height:30px; line-height:30px;}
#banner .fullSlide .hd ul {	text-align:center;}
#banner .fullSlide .hd ul li {	cursor:pointer;	display:inline-block; *display:inline; zoom:1;	width:16px;	height:16px; margin:1px 3px; overflow:hidden; line-height:999px; background: url(dot.png) no-repeat -2px -17px;}
#banner .fullSlide .hd ul .on { background: url(dot.png) no-repeat -2px -1px; }
#banner .fullSlide .prev,.fullSlide .next {	display:block;	position:absolute;	z-index:1;	top:50%;	margin-top:-30px;	left:5%;	z-index:1;	width:40px;	height:60px;	background:url(slider-arrow.png) -126px -137px #000 no-repeat;	cursor:pointer;	filter:alpha(opacity=50);	opacity:0.5;	display:none;}
#banner .fullSlide .next {	left:auto;	right:5%;	background-position:-6px -137px;}*/
#banner { }
.fullSlide{ position:relative; background:#fff; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { text-align: center;}
.fullSlide .bd li img{max-width:1920px; width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center; /*background:#000; filter:alpha(opacity=60);opacity:0.6*/ 
}
.fullSlide .hd ul{ text-align:center;  padding-top:0;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px;	height:16px; margin:1px 3px; background: url(dot.png) no-repeat -2px -17px; overflow:hidden; font-size:0; }
.fullSlide .hd ul .on{ background: url(dot.png) no-repeat -2px -1px; }
.fullSlide .prev,
.fullSlide .next{ z-index:1; display:block; width:40px;	height:60px; position:relative; margin:-270px 0 0 3%; float:left;  background:url(slider-arrow.png) -126px -137px #000 no-repeat;	cursor:pointer;	filter:alpha(opacity=50);	opacity:0.5;  }
.fullSlide .next{  background-position:-6px -137px; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
		
		

a.vmore { width: 110px; padding-left:40px; height: 30px; line-height: 30px; background: url(vmore.png) no-repeat; text-align: left; color:#fff; display: block; margin-top: 10px; }


.wrap { }
.wrap h2 { font-size:22px; color:#000; line-height: 22px; margin-bottom: 15px;font-weight: normal; }
.wrap h2 span { color:#999; margin-left: 10px;  text-transform: uppercase; }

.overview { width: 770px; float: left; }
.video { width: 290px; float: left; height: 210px; }
.ainfo { width: 450px; float: right; }
.ainfo p { text-indent:2em; }
.news { width: 380px; float: right; }
.news dl { height: 100px; margin-bottom: 10px; }
.news dt { width: 150px; height: 100px; overflow: hidden; float: left; text-align: center; }
.news dt img { width: 150px; height:100px; }
.news dd { width: 220px; float: right; }
.news dd h3 { font-size: 14px; }
.news dd .intro { line-height: 20px; color:#888; }
.news li { height: 25px; line-height: 25px; overflow: hidden; background: url(ic1.png) no-repeat 0 7px; padding-left:10px; }
.news li span { font-size:12px; float: right; color:#888;}

.pmenu { width: 300px; float: left; }
.pmenu ul {}
.pmenu li { margin-bottom: 5px; }
.pmenu li span {width: 10px; height: 36px; display: block; float:right;}
.pmenu li a { background-color:#777; display: block; height: 35px; line-height: 35px; padding: 0 20px; color:#fff; width: 250px; }
.pmenu li.st a { background-color:#0d346d; }
.pmenu li.st span { background: url(ast.png) no-repeat -3px center; }

.pinfo { width: 890px; float: right; }
.pinfo dl { height: 355px; overflow: hidden; display: none; }
.pinfo dt { width: 470px; float: left; height: 355px; overflow: hidden; }
.pinfo dt img { width: 470px; height: auto; min-height: 355px; }
.pinfo dd { width: 390px; float: right; }
.pinfo dd h3 { font-size: 25px; line-height: 25px; color: #000; font-weight: normal; }
.pinfo dd .intro { margin: 15px 0; }
.pinfo dd .intro p { text-indent:2em; }

.line { height: 40px; width: 1200px; margin: 0 auto; background: url(line.png) repeat-x left center; }

/* HOME STYLE END */

#ainfo_1 { padding: 0 10px; }

#ainfo_5 { margin-left:10px;}
#ainfo_5 h2 { margin: 20px 0; }
#ainfo_5 table { border: 0; width: 550px; float: right; }
#ainfo_5 td { border: 0; padding: 0; }
#map { width: 600px; height:450px; float: left; margin-right: 50px; }


/*clear float*/
.m10 { clear: both; height: 20px; overflow: hidden; display: block; }
.clear { clear: both; }
.clearfix:after,header:after,#content:after,footer:after,nav:after,hgroup:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix,header,#content,footer,nav,hgroup{ zoom:1; }

#tjpros{ padding: 20px; }
#tjpros h2 { height: 20px; line-height: 30px; padding: 20px 0 50px 0; background: url(line.png) no-repeat center 35px; font-size: 22px; text-align: center; color: #28589E; text-transform: uppercase; }
#tjpros h2 span { color: #000; }
#tjpros h2 i { color: #888; font-weight: normal; display: block; font-size: 16px; }
#demo        { overflow:hidden; width: 1200px; margin: 0 auto; }
#indemo      { float: left; width: 800%; }
#demo1       { float: left; }
#demo2       { float: left; }


.plist {}
.plist li { width: 210px; height: 210px; float: left; text-align: center; margin: 0 15px; }
.plist li img { width: 200px; height: 150px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; background: #fff; }

.plist2 {}
/*.plist2 li { width: 240px; height: 220px; float: left; text-align: center; margin: 10px; }
.plist2 li img { width: 230px; height: 160px; display: block; padding: 4px; border: #ddd 1px solid; margin: 0 0 5px 0; }
*/
.plist2 li { padding: 15px 0; border-bottom: #ccc 1px dotted; }
.plist2 dl { height: 170px; overflow: hidden; }
.plist2 dt { width: 240px; float: left; }
.plist2 dt img { width: 230px; height: 160px; display: block; padding: 4px; border: #ddd 1px solid;  }
.plist2 dd { width: 620px; float: right; }
.plist2 dd h2 { margin-bottom: 10px; }
.plist2 dd h2 a { font-size: 22px; color: #000; }
.plist2 dd p {}
.plist2 dd p.vmore a { width: 95px; padding-left: 20px; color: #c30101; height: 30px; line-height: 30px; display: block; background: url(vmove.gif) no-repeat; margin: 15px 0 0 0; }

.pages { padding: 10px 0; text-align: center; }
.pages a,.pages span,.pages strong { padding: 5px 10px; background: #eee; margin: 0 2px; }
.pages strong { background: #999; color: #fff; }
.pages a:hover { background: #FF6600; color: #fff; }


#proview { padding: 20px 0; }
#proimg { width: 360px; float: left; }
#proimg img { width: 350px; height: auto; border: #ddd 1px solid; padding: 4px; }
#protxt { width: 430px; float: right; }
#protxt h1 { font-size: 20px; color: #000; }
#protxt .prodesc { margin: 20px 0; }

.the_article_link { margin: 10px 0; }
.the_article_tags { margin: 10px 0; }

.article_prev_next { padding: 5px 0; margin: 10px 0; border: #eee 1px solid; background: #f3f3f3; height:30px; line-height:30px; }
.article_prev_next li { width: 45%; float: left; padding: 0 10px; }
.article_prev_next li.prev {}
.article_prev_next li.next { text-align: right; }


.alist2 { padding: 0 20px; }
.alist2 li { padding: 20px 0; border-bottom: #ccc 1px dotted; }
.alist2 li h2 { margin-bottom: 10px; text-transform: uppercase; }
.alist2 li h2 a { color: #222; font-size:16px; font-weight:normal;}
.alist2 li p { padding: 1px 0; line-height:23px;}


.wrapper {
	width:1190px;
	margin:0 auto;
	overflow:hidden;
}
.hbuy h5 {
	background:url(icon-list.png) 0 -126px no-repeat;
	font-size:16px;
	text-indent:55px;
	line-height:70px;
	height:50px;
	margin:20px 0 10px;
	overflow:hidden;
}
.hbuy p {
	line-height:26px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:10px 0;
}
.bg-gray-low,.bg-gray-high {
	padding:30px 0;
	overflow:hidden;
}

.ccsbt {
	background:url(../images/bg_cvnews.png) 50% top no-repeat;
	margin-top:40px;
	padding-top:20px;
	clear:both;
}
.ccsbt .w580,.ccsbt .w280,.ccsbt .w270 {
	height:326px;
	position:relative;
	float:left;
}
.ccsbt h3 {
	font:bold 18px/50px "microsoft yahei";
}
.ccsbt .w580 {
	width:580px;
	margin-right:30px;
	background:url(bg_csbt_580.jpg) left bottom no-repeat;
}
.ccsbt .w580 ul,.ccsbt .w580 p {
	position:absolute;
	left:320px;
}
.ccsbt .w580 ul {
	top:110px;
	background-color:#84aae6;
	overflow:hidden;
}
.ccsbt .w580 ul li {
	float:left;
	padding:0 15px 0;
	font:bold 14px/35px "microsoft yahei";
}
.ccsbt .w580 ul li a {
	color:#ffffff;
}
.ccsbt .w580 p {
	color:#73897d;
	width:246px;
	top:160px;
}
.ccsbt .w280 {
	width:280px;
	margin-right:30px;
	background:url(bg_csbt_280.jpg) left bottom no-repeat;
}
.ccsbt .w280 p {
	color:#96876f;
	position:absolute;
	left:18px;
	top:65px;
	width:240px;
	line-height:24px;
}
.ccsbt .w280 p a {
	display:block;
	color:#96876f;
}
.ccsbt .w270 {
	width:270px;
	background:url(bg_csbt_270.jpg) left bottom no-repeat;
}
.ccsbt .w270 p {
	color:#96876f;
	position:absolute;
	left:18px;
	top:65px;
	width:240px;
	line-height:24px;
}
.ccsbt .w270 p a {
	display:block;
	color:#96876f;
}
