@charset"utf-8";
* { margin: 0; padding: 0; list-style: none; border: none;}
body{font-size: 16px; color: #414141; background:url(/uploadfile/bg/bg_zgh_1.png) #f6f6f6; font-family: "Microsoft YaHei", "simsun", Arial, Helvetica, sans-serif; }
a {text-decoration:none; color: #333; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
a:hover {text-decoration:none; color: #f00;}

.p5 p{padding: 7px 10px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}

.img_1 {width: 100%; text-align: center;}
.img_2,
.img_3 {width: 100%;}

.img_1 img{max-width: 98% !important; margin: 1%;}
.img_1-5 {width: 100%; text-align: center;}
.img_1-5 img{max-width: 50%; margin: 1% 25%;}
.img_2 img{width: 48%; margin: 1%; float: left;}
.img_3 img{width: 31.33333%; margin: 1%; float: left;}


.img_3_1,
.img_3_2,
.img_4_2 {text-align: center; width: 100%;}
.img_3_1 img{margin: 1%; width:31.33333%;}
.img_3_2 img{margin: 1%; max-width: 31.33333%;}
.img_4_2 img{margin: 1%; width: 23%;}


.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;}



/* 框架模型 */
.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;}


/* 频道 PC 定制单页型 */
.PC_0 {max-width: 1800px; min-width: 1200px; margin: 0px auto; overflow: hidden;}
.PC_A {max-width: 1600px; min-width: 1200px; margin: 0px auto; overflow: hidden;}
.PC_B {width: 1200px; margin: 0px auto; overflow: hidden;}
.PC_C {width: 980px; margin: 0px auto; overflow: hidden;}
.PC_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(logo_bg.png) no-repeat right; overflow: hidden; }
#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:url(/uploadfile/bg/bg_zgh_2.png) #f90; overflow: hidden;}

.banner_body {min-width: 320px; max-width: 1600px; margin: 0px auto; overflow: hidden; padding: 2%;}

.bnbd {text-align: center;}
.bnbd img{max-width: 100%;}


/* 内页焦点图 */
.banner_cover {padding:2%; overflow: hidden;}
.banner_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(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(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: #ccc; border-radius: 18px 18px 0px 0px;}
.current_location span{color: #ccc;}
.current_location a.current { color: red; }


/*主体*/
.hd_title {margin: 2px 10px; padding:2px 3px; border-bottom: 1px solid #009999;}
.hd_title h2 {padding: 3px; border-bottom: 1px solid #cccc33; font-size: 18px;}
.hd_title h5 {padding: 3px; border-bottom: 1px solid #cccc33; font-size: 14px; width: 130px;}
.hd_body {margin: 10px; overflow: hidden;}
.hd_body_f {margin: 10px; overflow: hidden; background: #fff;}


.hd1 { background: #fff; 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; }


/*友情链接*/
.link_main {max-width: 1200px; margin: 5px auto;}
.link_title {border-bottom: 3px solid #333; margin: 1px 5px;}
.link_title h5{font-size: 16px; padding: 5px;}
.link_title span{ float: right; padding-right: 10px; padding-top: 5px; font-size: 12px;}

.link_body{margin:1px 5px;}
.link_text {padding: 5px;}
.link_text li{padding: 5px 3px; margin: 2px; float: left;}



.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;}


/*底部*/
.footer { background:url(/uploadfile/bg/bg_zgh.png) #535353; padding: 10px 0; color: #EEE; margin-top: 20px; border-top: 5px solid #f90; line-height: 150%; font-size: 14px;}
.footer a { color: #EEE; }
.copyright {border-top: 5px solid #666; margin: 10px 10px 0px; padding:10px;}


/* 频道页相关 */
.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 {margin: 2px 0px; padding: 5px 5px; overflow: hidden; background: #fcfceb;}
.channel_list_a li {margin: 2px 1%; width: 23%; float: left; text-align: center;}
.channel_list_a li a {display: block; border: 1px solid #fbcb83; padding: 7px 2px; border-radius: 5px;}
.channel_list_a li a:hover { background: #f30; color: #FFF; text-decoration: none; }
.channel_list_a li a.current { background: #f60; color: #FFF; text-decoration: none; }
.channel_list_a2 li {width: 48%;}
.channel_list_a3 li {width: 31.3333333%;}
.channel_list_a5 li {width: 18%;}



/* --- 频道页 图片列 */
.plist {margin: 5px;}
.plist li {width: 33.333333%; float: left; margin: 5px 0px;}
.plist li .pic {margin: 0px 5px; border: 1px solid #EEE; overflow: hidden;}
.plist li .pic img{max-width: 100%;}
.plist li .pic:hover { border: 1px solid #f00; }
.plist li .title {text-align: center; background: #fff; margin: 5px; padding: 5px 15px; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}


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


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



/* -- 频道页 新闻型列 */
.news_info {color: #666;}
.news_info .list_ys {color: #f90;}
.news_info li {padding:12px 10px; border-bottom:1px solid #EEE; OVERFLOW:hidden; background: #ffffcc; background: linear-gradient(to top, #ffffcc, #f9f9f9); border-radius: 10px; box-shadow: 0 0 5px #999; margin:5px 5px 10px 5px;}
.news_info li h4 {padding:5px 10px; border-bottom:1px solid #fc0; OVERFLOW:hidden; margin-bottom: 5px;}
.news_info li .pic {width: 150px; padding:5px; margin-right: 10px; float: left;}
.news_info li .pic img{max-width: 100%; border-radius: 10px;}
.news_info li .ctt{margin-top: 8px; text-align: right; color: #999; font-size: 13px; padding-right: 10px; font-style: italic;}
.news_info li p {text-align:justify; text-justify:inter-ideograph; padding: 5px; line-height: 139%;}
.news_info li:hover {background: #f4f9d3; }



/* -- 频道页 详情页 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: 5px 10px; color: #555; margin-bottom: 5px;}
 


/*分页样式*/
.page_turner { margin: 20px 5px; padding: 5px; text-align: center; border: 1px solid #ffcc99; border-radius: 15px; background: #fff; font-size: 14px;}
.page_turner a,
.page_turner span {display: inline-block; min-width: 30px; text-align: center; background: #eee; border-radius: 5px; margin:3px 2px; padding: 5px 6px; }
.page_turner a:link,
.page_turner a:visited { text-decoration: none; }
.page_turner a:hover,
.page_turner a.current { background: #333; color: #FFF; }
.page_turner .total {color: #f90; }


/*单页型1 页面*/
.dyp p {padding: 10px 0px; line-height: 150%; text-align:justify; text-justify:inter-ideograph;}
.dyp img {max-width: 100%;}
.dyp h1 {padding: 10px; margin: 5px; font-size: 22px;}

.lxwm_1 {width: 100%; text-align: center; margin-bottom: 10px;}
.lxwm_1 img{max-width: 220px; text-align: center;}


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



/*详情页面*/
#detail_title { font-size: 20px; line-height:138%; padding: 10px; text-align: center; color: #555;}
.detail_line {margin: 0px 25%; height: 1px; border-top: 1px solid #f90; border-bottom: 1px solid #999;}

.detail_intro { color: #999; max-width: 320px; padding: 7px 15px; float: right; line-height: 138%; font-size: 12px; background: #EEE; background: linear-gradient(to top, #ffffcc, #FFF); }


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


.detail_picture { max-width: 860px; width: 96%; margin: 5px auto; text-align: center; }
.detail_picture img {max-width: 100%; padding: 0px; box-shadow: 0 0 10px #999; border-radius: 20px;}

.info_picture {max-width: 360px; width: 50%; float: left; text-align: center; margin: 5px 15px 5px 0px;}
.info_picture img {max-width: 100%; box-shadow: 0 0 10px #999; border-radius: 10px;}


.detail_around {padding: 2px 5px; margin:10px 2px; background: #fff; line-height:130%; border: 1px solid #eee; color: #999; border-radius: 10px; overflow: hidden;}
.detail_around p {margin:3px 0px; padding: 5px 7px; line-height:130%; background: #ccffff; }
.detail_around span {font-size: 80%;}



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



/*表格样式*/
.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_title {font-family: "Microsoft YaHei"; padding-top: 20px;}
.sy_title .bt_tit {width: 90%; text-align: center; padding: 15px 0px; margin: 10px 5%; background:#003366; color: #fff; font-size: 20px; font-weight: bold; border-radius: 20px;}


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


.body_10{margin: 10px; padding: 10px; overflow: hidden; border: 1px solid #f90; line-height: 150%; color: #999;}
.body_11{margin: 11px; padding: 11px; overflow: hidden; border: 1px solid #f90; line-height: 150%;}
.body_15{margin: 15px; padding: 10px; overflow: hidden; border: 1px solid #f90; line-height: 150%;}




.sy_3 {width: 100%; margin: 20px 0px; text-align: center; font-family: "Microsoft YaHei";}
.sy_3 .tit{width: 90%; text-align: center; padding: 15px 0px; margin: 20px 5%; background:#003366; color: #fff; font-size: 20px; font-weight: bold;}
.sy_3 li {width: 31.33333%; margin: 1%; float: left;}
.sy_3 li img{max-width: 100%; margin-bottom: 5px;}
.sy_3 li p{width: 96%; padding: 5px 2%; OVERFLOW:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow: 1px 1px 2px #666;}


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


/* 定制 3排文字 */
.diy_01 {margin: 10px; padding: 2% 0px; border: 1px solid #f60; border-radius: 15px; background: url(/uploadfile/bg/1.gif); color: #fff;}
.diy_01 .tit{background: #f60; max-width: 200px; margin: 5px auto; text-align: center; padding: 15px; font-size: 18px; border-radius: 30%; box-shadow: 0 0 5px #000;}
.diy_01 ul{ width: 100%; overflow:hidden;}
.diy_01 ul li{background: #222; width: 31.333333%; margin: 1%; float: left; text-align: center; border-radius: 20px 0px 20px 0px; padding: 15px 0px; box-shadow: 0 0 5px #f90; OVERFLOW:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* 定制页 */
.diy_05 {width:100%; text-align:center; overflow:hidden; color: #333; font-family:"微软雅黑";}
.diy_05 .tit1{ font-size:24px; padding:15px; color: #066;}
.diy_05 ul { width:90%; margin:8px 5%;}
.diy_05 ul li{ width:21%; margin:5px 2%; float:left; padding:15px 0px; font-size:18px; background:#c4fefc; border-radius:20px 0px 20px 0px; transition: 0.8s; box-shadow: 0 0 10px #f00;}
.diy_05 ul li span{font-size:16px; color: #999;}
.diy_05 ul li:hover {
	transform: rotateX(720deg);
}


/* 服务流程 */
.sy_fwlc {width: 96%; overflow: hidden; padding:3% 2%;}
.sy_fwlc h4{text-align: center; font-size: 25px; color: #f00; padding:1%;}
.sy_fwlc p{width:14.6666667%; width:14.5%\9; margin: 1%; padding:1% 0px; text-align: center; float: left; background: #fff; border-radius: 30px 0px 5px 0px; box-shadow: 0px 0px 7px #ccc;}


/*问答板块*/
.wenda_1 {width: 94%; margin: 5px 3%; text-align: right; color: #f60;}
.wenda_2 {width: 96%; margin: 2px 2%; padding: 5px 0px; border-bottom: 1px solid #f6f6f6;}
.wenda_3 {width: 96%; margin: 2px 1% 2px 3%; padding-bottom:7px; padding-top: 5px; color: #777;}


/*封面新闻*/
.sy_xwli {background: #fff; padding: 5px 10px;}
.sy_xwli li {line-height: 130%; padding: 3% 10px 5px 10px; border-bottom: #eee solid 1px; text-align: left; }
.sy_xwli li span{font-size: 12px; color: #999; font-style: italic; float: right;}



/*图片描边*/
.img_bor_a {border: 10px solid #f60; border-radius: 20px; text-align: center; margin-bottom: 10px;}
.img_bor_b {border: 20px solid #000; border-radius: 20px; text-align: center; margin-bottom: 10px;}
.img_bor_a img,
.img_bor_b img{max-width: 100%; vertical-align: bottom; }


/*阴影设置*/
.yy_10_1 {box-shadow: 0 0 10px #f00;}
.yy_10_2 {box-shadow: 0 0 10px #f60;}

.yy_5_1 {box-shadow: 0 0 5px #f00;}
.yy_5_2 {box-shadow: 0 0 5px #f60;}

.jqthumb {margin: 0px auto;}
.square img {max-width: 100%;}

/*返回头部*/
.dbdh{width:12px;height:55px;padding:6px;color:#FFF;background:#000;line-height:14px;font-size:12px; border: 1px solid #ff0; border-radius: 5px;}

/*回到顶部*/
.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; }


@media screen and (min-width:319px){
	body {font-size:14px;}
	#logo {background:none;}
	.nav_main{border-radius: 5px 5px 0px 0px;}
	#navigation {width:98%; margin: 0px 1%}
	#navigation ul li{width:25%;}
	#navigation ul li a {padding: 5px 0px;}
	
	.xq_pd_img li {width: 50%; float: left; text-align: center;}
	
	.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%; }
	
	.diy_05 ul li{ width:46%; }
	
	.plist li {width: 100%;}
	
}

@media screen and (min-width:640px){
	body {font-size:15px;}
	#logo {background:none;}
	.nav_main{border-radius: 10px 10px 0px 0px;}
	#navigation {width:100%; margin: 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;}
	
	.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%; }
	
	.diy_05 ul li{ width:46%; }
	.plist li {width: 50%;}
	
}

@media screen and (min-width:980px){
	body {font-size:16px;}
	#logo {background:url(logo_bg.png) no-repeat right;}
	.nav_main{border-radius: 15px 15px 0px 0px;}
	#navigation ul li{width: 12.5%;}
	
	.diy_05 ul li{ width:21%; }
	.plist li {width: 33.333333%;}
}