﻿* { margin: 0; padding: 0; }
body { font: 14px/22px "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #444; background:#efefef; 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; }

table { border-top: #ccc 1px solid; border-right: #ccc 1px solid; }
th { border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; background: #eee; text-align: center; color: #222; padding: 4px 8px; }
td { border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding: 4px 8px; }


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; background:#FFFFFF;}
#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;}

#pbanner {  }

#ipanner { }
/*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; border-bottom: #ccc 1px dotted; }
#category ul { background: #efefef; }
#category li { border-bottom: #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; }
#category li a.current { 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 li p img { margin: 10px auto; }


article table { border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; width:100%; border-collapse: collapse; border-spacing: 0; }
article th { border-left: #ddd 1px solid; border-top: #ddd 1px solid; padding: 5px 10px; background: #eee; color: #333; }
article td { border-left: #ddd 1px solid; border-top: #ddd 1px solid; padding: 5px 10px; }
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: 45%; }
.article_prev_next .next { float: right; width: 45%; 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:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { text-align: center;}
.fullSlide .bd li img{max-width:1400px; 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: 80px; margin-bottom: 10px; }
.news dt { width: 150px; height: 80px; overflow: hidden; float: left; text-align: center; }
.news dt img { width: 150px; height: auto; }
.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 {}
#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: 30px; }




/*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: 200px; 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: 550px; 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 { margin:10px auto; text-align:center;}
#proimg img {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;}


/******feedback******/
.feed_f{ overflow:hidden;}
.feed_form { float:left; width:460px; }
.feed_name,.feed_mail,.feed_text,.feed_cp{ margin-bottom:10px;}
.feed_name .in_t,.feed_mail .in_t,.feed_text .in_t,.feed_cp .in_t{ height:30px; margin-bottom:5px;}
.feed_name .in_t h2,.feed_mail .in_t h2,.feed_text .in_t h2,.feed_cp .in_t h2{ display:block; float:left; font-size:16px; line-height:30px; color:#757575; padding-left:35px; background:url(feed_name.png) no-repeat 0 0; }
.feed_name .in_t h2{ background-position:0 0;}
.feed_mail .in_t h2{ background-position:0 -30px;}
.feed_text .in_t h2{ background-position:0 -60px;}
.feed_cp .in_t h2{ background-position:0 -90px;}

.feed_name .in_t span,.feed_mail .in_t span,.feed_text .in_t span,.feed_cp .in_t span{ display:block; float:left; margin-left:10px; line-height:30px;}
.feed_name input,.feed_mail input,.feed_cp input{ width:448px; border:1px solid #bcbcbc; height:28px; line-height:28px; color:#757575;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.feed_name input.inputError, .feed_mail input.inputError,.feed_text textarea.inputError,.feed_cp textarea.inputError{ border:1px solid #ff0000;}
.feed_text textarea{ width:448px; border:1px solid #bcbcbc; height:170px; line-height:20px; color:#757575;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.feed_in input{ display:block; width:105px; height:28px; line-height:28px; text-align:center; background:#F08300; color:#fff; border:0; padding:0; cursor:pointer;}


.feed_map{ float:right; width:440px;}

.article_list {}
.article_list li { height: 30px; line-height: 30px; overflow: hidden; background: url(ic_1.gif) no-repeat 10px 13px; padding: 0 10px 0 25px; border-bottom:1px #666666 dashed; }
.article_list li small { float: right; font-size: 12px; color: #999; }
.article_list li a { color: #555; }
.article_list li a:hover { color: #f30; }
.article_list li.even { background-color: #efefef; }
.article_list li img { margin-bottom: -3px; }


/*product*/
ul.product_list { margin-top:10px;}
ul.product_list li { width: 240px; height: 230px; float: left; text-align: center; font-weight: bold; margin: 0 0 15px 20px; }
ul.product_list li.even { margin: 0 20px 0 0; }
ul.product_list li a { width: 240px; height: 230px; text-decoration: none; }
ul.product_list li span { width: 230px; height: 173px; padding: 4px; margin: 0 0 5px 0; }
ul.product_list li img { width: 230px; height: 173px; border: #ddd 1px solid; padding: 4px; }
ul.product_list li a:hover img { width: 230px; height: 173px; border: #CC0000 1px solid; padding: 4px; }
.product_view {}
.product_view p { text-indent: 0; }
