@charset"utf-8";
* { margin:0; padding:0; list-style:none; }
/* CSS Document */
body{font-size: 16px; color: #555; background:#f6f6f6;}
a { color: #555;}
a:hover { color: #f00;}

.clear {clear:both;}
.px1 {height:1px; clear:both;}
.px2 {height:2px; clear:both;}
.px5 {height:5px; clear:both;}
.px10 {height:10px; clear:both;}
.px15 {height:15px; clear:both;}
.px20 {height:20px; clear:both;}
.px25 {height:25px; clear:both;}
.px30 {height:30px; clear:both;}
.px35 {height:35px; clear:both;}
.px40 {height:40px; clear:both;}
.px50 {height:50px; clear:both;}
.px60 {height:60px; clear:both;}
.px70 {height:70px; clear:both;}
.px80 {height:80px; clear:both;}


.img_1 {width: 100%; text-align: center;}
.img_1 img{max-width: 98%; margin: 1%;}

.img_1-5 {width: 100%; text-align: center;}
.img_1-5 img{max-width: 50%; margin: 1% 25%;}

.img_2 {width: 100%;}
.img_2 img{width: 48%; margin: 1%; float: left;}

.img_3 {width: 100%;}
.img_3 img{width: 31.33333%; margin: 1%; float: left;}


.dlp_1 {line-height: 150%; text-align:justify; text-justify:inter-ideograph; }
.dlp_1 p {padding: 10px 0px; text-align:justify; text-justify:inter-ideograph; }


.div_2 {width: 48%; margin: 1%; float: left; text-align: center;}
.div_3 {width: 31.33333%; margin: 1%; float: left; text-align: center;}
.div_4 {width: 23%; margin: 1%; float: left; text-align: center;}

.div_2_1 {width: 48%; margin: 1%; float: left; text-align: center;}
.div_3_1 {width: 31.33333%; margin: 1%; float: left; text-align: center;}
.div_3_2 {width: 31.33333%; margin: 1%; float: left; text-align: center;}
.div_4_2 {width: 23%; margin: 1%; float: left; text-align: center;}
.div_4_3 {width: 23%; margin: 1%; float: left; text-align: center;}



.emp2 {}
.emp2 p{text-indent:2em;}

.em2 {text-indent:2em;}

.emdp2 {text-indent:2em;}
.emdp2 p{text-indent:2em;}

.em0 {text-indent:0em;}
.emp0 {text-indent:0em;}
.emp0 p{text-indent:0em;}


.pd_0_15 {padding: 0px 15px;}
.pd_5_15 {padding: 5px 15px;}
.pd_10_15 {padding: 10px 15px;}

.main {width:100%; margin:0 auto; padding:0px; min-width:320px; max-width:1200px;}

.sy_body_a{min-width: 320px; max-width: 1800px; margin: 0px auto; overflow: hidden;}
.sy_body_b{min-width: 320px; max-width: 1600px; margin: 0px auto; overflow: hidden;}
.sy_body_c{min-width: 320px; max-width: 1400px; margin: 0px auto; overflow: hidden;}
.sy_body_d{min-width: 320px; max-width: 1200px; margin: 0px auto; overflow: hidden;}
.sy_body_e{min-width: 320px; max-width: 1000px; margin: 0px auto; overflow: hidden;}
.sy_body_f{min-width: 320px; max-width: 800px; margin: 0px auto; overflow: hidden;}

/* 频道 定制单页型 */
.kd_0{max-width: 1800px; min-width: 1200px; margin: 0px auto; overflow: hidden;}
.kd_A{max-width: 1600px; min-width: 1200px; margin: 0px auto; overflow: hidden;}
.kd_B {width: 1200px; margin: 0px auto; overflow: hidden;}
.kd_C {width: 980px; margin: 0px auto; overflow: hidden;}
.kd_D {width: 780px; margin: 0px auto; overflow: hidden;}


.header{width:100%; box-shadow: 0 0 3px #000; overflow: hidden; margin-bottom: 5px; }

#top_main {width: 100%;}
#logo {width:100%; margin:0 auto; background:url(images/logo_bg.png) no-repeat right;}
#logo img{width:100%; max-width:640px;}


/* 导航 */
.nav_main{max-width: 1260px; padding:5px 0px; margin:0 auto; background:#f90; overflow: hidden; border-radius: 15px 15px 0px 0px;}
#navigation {width:100%;}
#navigation ul {width:100%; text-align:center;}
#navigation ul li{float:left; line-height:135%; width:96px; font-weight:bold; text-align:center;}
#navigation ul li a {display:block; color:#333; background: #fff; margin:2px; padding: 8px 0px; border-radius: 5px;}
#navigation ul li a:hover {text-decoration:none; color:#f60;}
#navigation li .current { background: #666; color: #FFF; }

/* 焦点图 */
.banner_main {width:100%; margin:0 auto; background:#f90; overflow: hidden;}
.banner_main1 {width:100%; margin:0 auto; background:#e1fdea; overflow: hidden;}
.banner_body{min-width: 320px; max-width: 1600px; margin: 0px auto; overflow: hidden; padding: 2%;}

/* 内页焦点图 */
#channel_cover {padding:1%; overflow: hidden;}
#channel_cover img { width: 100%; vertical-align: bottom;}



/* 幻灯 */
.fullSlide{ position:relative; background:#000; margin:0 auto; zoom:1;}
.fullSlide .bd{ position:relative; z-index:0; max-height: 600px; overflow: hidden;}
.fullSlide .bd ul{height:100%; }
.fullSlide .bd li img{width:100%; vertical-align:top;} 
.fullSlide .hd{position:relative; z-index:1; margin-top:-18px; height:18px; line-height:18px;  text-align:center;}
.fullSlide .hd ul{ text-align:center;  padding-top:0px; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,
.fullSlide .next{ z-index:1; display:block; width:36px; height:36px; position:relative; margin:-18% 0 0 1%; float:left;  background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=30);opacity:0.3; }
.fullSlide .next{  background-position:right 0; float:right; margin-right:1%;}
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8;}


.current_location {margin:2% 0px; padding:7px 6px; background: #EEE; font-size: 90%; box-shadow: 1px 1px 3px #ccc; color: #999; border-radius: 18px 18px 0px 0px;}
.current_location span{color: #999;}
.current_location a.current { color: red; }

/*主体*/
.hdl { background: #f90; text-align: center; padding: 20px 0; color: #FFF; font-size: 22px; text-shadow: #242424 1px 1px 2px;}
.hdl .aname{ font-size: 18px; font-family: "impact";}

.hd1 { background: #EEE; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; border-left: 10px solid #f90; }
.bd1 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }
.bd1_1 { padding: 10px 5px; overflow: hidden; zoom: 1; margin-bottom:5px; }
.bd5 { padding: 5px; overflow: hidden; zoom: 1; margin-bottom:5px; }
.bd10 { padding: 10px; overflow: hidden; zoom: 1; margin-bottom:5px; }

.bd_1 { padding: 0px;  overflow: hidden; zoom: 1; margin-bottom: 10px; }
.bd_1_img img {padding: 0px; margin-bottom:5px; }

.hd_3 {background: #f90; line-height: 30px; text-align: left; padding: 10px 20px; color: #FFF; font-size: 22px; text-shadow: #242424 1px 1px 2px;}
.hd_3 .aname{ font-size: 18px; font-family: "impact";}
.hd_3 span{ float: right;}

.hd_5 {background: #EEE; line-height: 30px; text-align: left; padding: 10px 20px; color: #334BA5; font-size: 22px; text-shadow: #242424 1px 1px 2px;}
.hd_5 .aname{ font-size: 18px; font-family: "impact";}
.hd_5 span{ float: right;}



/*底部*/
.footer { background:#535353; padding: 10px 0; color: #EEE; margin-top: 30px; border-top: 5px solid #f90;}
.footer a { color: #EEE; }
.copyright {border-top: 5px solid #666; margin: 10px 10px 0px; padding:10px;}


/* 频道页相关 */
.ny_pd_box{margin: 5px; overflow: hidden; zoom: 1; }

.channel_list li { margin-bottom: 2px; }
.channel_list li a { display: block; background: #EEE; line-height: 40px; padding: 0 10px; }
.channel_list li a:hover { background: #f00; color: #FFF; text-decoration: none; }
.channel_list li a.current { background: #f60; color: #FFF; text-decoration: none; }

.channel_list_a li {margin: 2px 1%; width: 23%; float: left; text-align: center;}
.channel_list_a li a {display: block; background: #EEE; line-height: 40px; padding: 0 10px; }
.channel_list_a li a:hover { background: #f00; color: #FFF; text-decoration: none; }
.channel_list_a li a.current { background: #f60; color: #FFF; text-decoration: none; }

.ny_pd_list { overflow: hidden; text-align: center;}
.ny_pd_list li { display: inline-block; margin: 2px; }
.ny_pd_list li a {display: block; height:auto; line-height: 150%; background: #ddd; border-bottom: 1px solid #f00; padding: 6px 25px; border-radius: 5px;}
.ny_pd_list li a:hover { background: #f00; color: #FFF; }
.ny_pd_list li a.current { background: #f60; color: #FFF; }



/* --- 频道页 图片列 */
.plist {margin: 5px;}
.plist .wrap { margin-bottom: 10px; padding:5px; border: 1px solid #EEE; overflow: hidden;}
.plist .wrap:hover { border: 1px solid #f00; }
.plist .title {text-align: center; height: 36px; line-height: 36px; background: #EEE; padding: 0 15px; font-size: 14px;}


/*内页产品*/
.cp_list li {float:left; text-align:center; width: 33.3333333%;}
.cp_list li .pic { padding:6px; border:1px solid #fff; text-align: center;}
.cp_list li .pic img {max-width:100%; }
.cp_list li .txt {padding: 5px; OVERFLOW:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom: 10px;}
.cp_list li a { line-height:138%; }
.cp_list li .pic:hover  { border:1px solid #006633; }


/* -- 频道页 公告型列 */
.news_list{color: #999;}
.news_list li {padding:12px 10px; border-bottom:1px solid #EEE; OVERFLOW:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list li:hover {background: #eee; }
.news_list li span{font-size: 12px; font-style: italic; float:right; color: #999;}


.news_list2 {color: #999;}
.news_list2 li {padding:5px 5px; border-bottom:1px solid #EEE; OVERFLOW:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list2 li:hover {background: #eee; }
.news_list2 li span{font-size: 12px; font-style: italic; float:right; color: #999;}



.news_sy li {line-height:138%; border-bottom:1px dashed #EEE; padding:8px 5px 8px 15px; background:url(images/news_sy.gif) left no-repeat;}
.news_sy li span {font-size: 12px; font-style: italic; float:right; color:#999; }

.news li {line-height:26px;  padding-left:10px; margin-bottom:10px; text-align:justify; text-justify:inter-ideograph; padding-right:10px; border-bottom:1px dashed #ccffcc; color:#333;}
.news h4,
.news h5 { padding-left:10px; background:url(images/li_ico.gif) left no-repeat; font-size:14px;}
.news li .ctt{ padding-bottom:5px; width:100%; text-align:right; color:#666;}
.t a {text-decoration:none; color:#666;}
.t a:hover {text-decoration:underline; color:#006633;}
.t1 a {text-decoration:none; color:#009933;}
.t1 a:hover {text-decoration:underline; color:#BF006A;}
.news_ys{color:#F00;}


/* -- 频道页 详情页 4图变2图 */
.xq_pd_img {width: 100%; overflow: hidden; font-size: 90%; text-align: center;}
.xq_pd_img li {width: 25%;float: left; text-align: center; margin-bottom: 8px;}
.xq_pd_img li:hover {background: #ddd;}
.xq_pd_img li .pic{width: 96%; margin: 1% 2%;}
.xq_pd_img li img {max-width:100%;}
.xq_pd_img li p {padding: 3px 10px; color: #666; }
 

/*分页样式*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a,
.page_turner span {float:left; display:block; border:1px solid #D3D1D1; padding:5px 8px; margin-left:4px; line-height:130%; }
.page_turner a:link,
.page_turner a:visited { text-decoration:none; }
.page_turner a:hover,
.page_turner a.c { background-color:#33cc33; color:#FFF; }
#total { color:red; }


/*单页型页面*/
.channel_content {padding: 10px 0px; line-height: 138%; text-align:justify; text-justify:inter-ideograph;}
.channel_content img {max-width: 100%;}
.channel_content p {padding: 8px 10px; margin: 0px; }
.channel_content div p {padding: 3px 10px; margin: 0px; }



/*详情页面*/
#detail_title { font-size: 22px; line-height:138%; padding: 10px; text-align: center; color: #555;}
#detail_intro { background: #EEE; color: #999; padding: 7px 15px; margin: 0px 20px; line-height: 138%; font-size: 12px; background: linear-gradient(to right, #EEE, #FFF); }

.detail_content { padding: 20px 0;}

.content_p {padding: 10px 20px; text-align:justify; text-justify:inter-ideograph;}
.content_p p{padding: 10px 0px; line-height: 140%}
.content_p div{padding: 0px 0px;}
.content_p div p{padding:5px 0px;}

.content_p p iframe {width: 100%; height: 600px;}



#detail_picture { max-width: 860px; width: 96%; margin: 5px auto; text-align: center; }
#detail_picture img { padding: 5px; border: 1px solid #EEE; }

.info_picture1 {max-width: 360px; width: 50%; margin: 0px auto; text-align: center; }
.info_picture1 img {padding: 5px; margin-top: 8px; border: 1px solid #EEE; }

#detail_around {padding: 0px 10px; margin:10px 5px; background: #fff; line-height:130%; border: 1px solid #eee; color: #999; border-radius: 10px; overflow: hidden;}
#detail_around p {margin:10px 0px; line-height:130%;}


/*产品参数*/
#detail_paremeter {padding: 5px 5px; text-align: center;}
#detail_paremeter li {text-align: left; border-bottom: 1px solid #ddd; line-height:130%; width:140px; padding: 5px 0px; margin: 0px 5px 0px 5px; display: inline-block; }


/*留言*/
.feedback_list { }
.feedback_list dt { padding: 10px; background: #CCC; }
.feedback_list dd { padding: 10px; background: #F1F1F1; margin-bottom: 10px; }

/*回到顶部*/
.top_box {position: fixed; bottom: 0; right: 0;}
.top_icon { padding: 15px 0; width: 60px; display: block; line-height: 60px; text-align: center;  color: #FFF; font-size: 30px; background: #003366; }



.ul6 {width: 96%; max-width: 1420px; margin: 0px auto;}
.ul6 li{width:14.666666%; margin:10px 1%; float: left; text-align: center;}

/*表格样式*/
.b_g_ys {border-collapse:collapse;}
.b_g_ys td {padding:5px 10px;border:1px solid #ccc;}

.b_g_1 table {border-collapse:collapse;width:100%;}
.b_g_1 table td {padding:5px 10px;border:1px solid #ccc;}

.sy_title1{padding:20px 10px 5px 10px; overflow: hidden;}
.sy_name { font-size:138%; text-align: center;font-family: "微软雅黑"; font-weight: bold;}
.sy_aname { font-size:100%; text-align: center; color: #666;; font-family: "impact"; font-weight: normal; }
.sy_seoname { font-size:90%; text-align: center; color: #999; font-style: italic;}




.sy_link {font-size: 90%; text-align:justify; text-justify:inter-ideograph; margin-top: 10px;}
.sy_link a {color: #666; padding: 5px 5px; line-height: 150%;}
.sy_link_body {padding: 10px; margin: 5px; border: 1px solid #fff;}

.layout_table { border-collapse:collapse; width:100%; }
.common_table { border-collapse:collapse; width:100%; }
.common_table td { padding:5px; border:1px solid #DBDBDB; }
.common_table th { text-align:center; border:1px solid #DBDBDB; }


@media screen and (min-width:319px){
	body {font-size:14px;}
	#logo {background:none;}
	.nav_main{border-radius: 5px 5px 0px 0px;}
	#navigation ul li{width:25%;}
	#navigation ul li a {padding: 5px 0px;}
	
	.xq_pd_img li {width: 50%; float: left; text-align: center;}
	
	.cp_list li { width: 98%;}
	
	.content_p p iframe {height: 255px;}
	
	.img_3_1 img{width:98%;}
	.img_3_2 img{max-width: 48%;}
	.img_4_2 img{width: 48%;}
	.div_2_1 {width: 98%;}
	.div_3_1 {width: 98%; }
	.div_3_2 {width: 48%;}
	.div_4_2 {width: 48%; }
	.div_4_3 {width: 31.33333%; }
	
}

@media screen and (min-width:640px){
	body {font-size:15px;}
	#logo {background:none;}
	.nav_main{border-radius: 10px 10px 0px 0px;}
	#navigation ul li{width: 16.666667%;}
	#navigation ul li a {padding: 8px 0px;}
	
	.xq_pd_img li {width: 25%; float: left; text-align: center;}
	.cp_list li { width: 50%;}
	
	.content_p p iframe {height: 380px;}
	
	.img_3_1 img{width:31.33333%;}
	.img_3_2 img{max-width: 31.33333%;}
	.img_4_2 img{width: 23%;}
	.div_2_1 {width: 48%; }
	.div_3_1 {width: 31.33333%; }
	.div_3_2 {width: 31.33333%; }
	.div_4_2 {width: 23%; }
	.div_4_3 {width: 23%; }
	
}

@media screen and (min-width:980px){
	body {font-size:16px;}
	#logo {background:url(images/logo_bg.png) no-repeat right;}
	.nav_main{border-radius: 15px 15px 0px 0px;}
	#navigation ul li{width: 12.5%;}
	
	.cp_list li { width: 33.33333%;}
	
	.content_p p iframe {height: 580px;}
	
}