@charset "gb2312";
/* CSS Document */
body{ width:100%; margin:0; padding:0; background:#f7f7f7; font:normal 100% Helvetica,Arial,sans-serif;}
*{ font-family:Arial; color:#3d3d3d;}
ul,li,dl,dt,dd,h1,h2,p,a{ text-decoration:none; list-style:none; font-weight:normal; margin:0; padding:0;}
h5,h6{font-size:14px; margin:0; padding:0; font-weight:normal;}
.clear{clear:both;}

section{margin:4em 0;}
.toolbar{position:relative; left:15px; top:6px; background-color:transparent;line-height:40px;}
.menu-button{position:relative;height:15px;width:15px;cursor:pointer;}
.menu-button:before{content:"";position:absolute;top:5px;right:3px;border-bottom:9px double #fff;border-top:3px solid #fff;width:15px;height:3px;}
.menu-left{float:left;margin-right:1.5em;}

.sidebar{margin:0;padding-top:1em; background-color:#fff;}
.sidebar h6{padding:0;font-weight:300; width:220px; margin:auto;}
.sidebar li{margin:.5em 0;padding:0 1em;line-height:32px;}
.sidebar hr{margin:2em auto;border:0;padding:0;width:80%;height:1px;background-color:white;}
/*Ö÷ÒªÑùʽ*/
.subNav{cursor:pointer;}
.subNav h5{ display:block; height:50px; margin-left:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:#ccc 1px solid;}
.subNav h5 img{ height:100%; width:auto;}
.subNav h6{ display:block; width:200px; height:50px; padding:0 10px; background-color:#313131; font-size:16px; font-weight:600; color:#fff;text-align:left; line-height:50px; border-bottom:1px solid #646464; text-indent:10px;}
.subNav h6 a{ display:block; font-size:16px; font-weight:600; color:#fff; text-align:left; line-height:50px;}
.navContent{display:none; width:220px; margin:auto;}
.navContent li{ display:block; height:40px; background-color:#6a6a6a; border-bottom:1px solid #838383; line-height:40px; color:#FFF; margin:0; text-indent:10px;}
.navContent li a{ display:block; color:#fff; font-size:14px; line-height:40px;}
.logo_box{ width:100%; height:58px; padding:10px 0; position:relative; overflow:hidden;}
.logo{ float:left; width:auto; height:58px; margin-left:10px; overflow:hidden;}
.logo img{ height:100%; width:auto;}
.logo_title{ float:left; margin-left:10px;}
.logo_title span{ display:block; font-size:1.1rem; color:#434140;}
.logo_title p{ display:block; font-size:0.9rem; color:#5d5d5d;}
.muoan{ width:40px; height:40px; background:#007856; border-radius:3px; position:fixed; top:15px; right:5px; opacity:0.8; z-index:2;}
.lx_box{ width:32px; height:32px; position:absolute; right:20px; top:8px;}
/*¹«¸æ*/
.gongao_tubox{ width:96%; margin:auto; overflow:hidden;}
.gongao_tubox ul{ display:block; overflow:hidden;}
.gongao_tubox ul li{ float:left; width:100%; position:relative;}
.gongao_tubox ul li img{ display:block; width:100%;}
.gongao_tubox ul li span{ display:block; width:100%; background:rgba(0,0,0,0.7); padding:12px; font-size:1rem; color:#fff; text-align:center; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:absolute; bottom:0;}
.xiao_tu1{ width:96%; margin:15px auto 0;}
.xiao_tu1 img{ width:100%; height:auto;}

.cp_title{ width:96%; margin:20px auto 0; overflow:hidden;}
.cp_title span{ float:left; font-size:1.1rem; font-weight:bold; color:#3b3c3c; line-height:30px; padding-left:15px; background:url(../images/title-tb.jpg) no-repeat left;}
.cp_title a{ float:right; font-size:0.9rem; color:#666; line-height:30px;}
.cp_box{ display:block; width:96%; margin:20px auto 0;}
.cp_box li{ display:block; width:100%; margin-bottom:10px; background:#fff;}
.cp_box li a{ display:block; padding:15px;}
.cp_box li h1{ display:block; font-size:1rem; font-weight:bold; color:#2e2e2e; line-height:20px;}
.cp_box li h1 em{ font-size:0.6rem; font-weight:bold; color:#007856; font-style:normal; line-height:20px; margin-right:10; padding:0;}
.cp_box li dl{ display:block; margin-top:10px; overflow:hidden;}
.cp_box li dl dt{ float:left; width:42%;}
.cp_box li dl dt img{ display:block; width:100%; height:auto;}
.cp_box li dl dd{ float:right; width:54%; font-size:0.8rem; line-height:20px;}

.cp_box2{ display:block; width:96%; margin:10px auto 40px;}
.cp_box2 li{ float:left; width:48.5%; background:#fff; box-shadow:0 0 5px rgba(51,51,51,0.1); margin-right:3%; margin-bottom:12px;}
.cp_box2 li:nth-child(2n+0){ margin-right:0;}
.cp_box2 .cp_tu{ width:96%; margin:auto; overflow:hidden;}
.cp_box2 .cp_tu img{ display:block; width:100%; height:auto;}
.cp_box2 li span{ display:block; padding:10px; font-size:0.9rem; color:#666; line-height:20px; text-align:center;}

.top_banner{ width:96%; max-width:960px; margin:10px auto 42px; overflow:hidden;}
.banner{ display:block; overflow:hidden;}
.banner li{ display:block;}
.banner li img{ display:block; width:100%; height:auto;}
/*footer*/
.fg_box{ width:100%; height:80px;}
.footer_nav{ width:100%; background:#393b3d; padding:10px 0; position:fixed; left:0; bottom:0; overflow:hidden;}
.footer_nav li{ float:left; width:20%;}
.footer_nav li span{ display:block; width:25%; margin:auto;}
.footer_nav li span img{ width:100%; height:auto;}
.footer_nav li p{ display:block; font-size:0.8rem; color:#FFF; text-align:center;}
/*list*/
.list_bj{ width:100%; max-width:960px; margin:auto; padding:20px 0; background:#f7f7f7;}
.about_title{ width:100%; height:40px; background:#dce0e4; border-top:1px solid #CCC;}
.about_title span{ display:block; font-size:1.2rem; color:#4a350b; line-height:40px; padding-left:10px;}
.about_title span a{ font-size:0.8rem; line-height:40px; color:#4a350b;}
.list_about_con{ width:96%; margin:auto; margin-top:10px; font-size:1rem; line-height:30px;}
.list_about_con div{ width:100%;}
.list_navbox{ width:96%; margin:auto; margin-top:5px; overflow:hidden;}
.list_nav{ width:103%; overflow:hidden;}
.list_nav li{ float:left; margin-right:3%;}
.list_nav li a{ display:block; font-size:1rem; font-weight:bold; line-height:24px;}
.list_nav .conta{ color:#de0d04;}

.hyml_box{ width:94%; margin:30px auto;}
.hyml_box img{ display:block; width:100%; height:auto;}

.video_bj{ max-width:480px; background:#f5f5f5; padding:30px 0; margin:auto;}
.video_box{ display:block; width:92%; margin:auto;}
.video_box li{ display:block; background:#fff; border:1px solid #dedede; margin-bottom:25px;}
.video_box li .video_tu{ width:100%; background:#000; overflow:hidden;}
.video_box li .video_tu img{ display:block; width:100%; height:auto; transition:all .5s;}
.video_box li .video_conbox{ padding:18px;}
.video_box li .video_conbox span{ display:block; font-size:1.3rem; font-weight:bold; color:#212121; line-height:30px;}
.video_box li .video_conbox p{ display:block; font-size:1rem; color:#444; line-height:24px; margin-top:10px;}
.video_box li .video_conbox em{ display:block; font-style:normal; font-size:1rem; color:#666; margin-top:15px;}
/*about*/
.list_about{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:20px; overflow:hidden;}
.list_about span{ display:block; width:100%; height:auto;}
.list_about span img{ display:block; width:100%;}
.list_about p{ display:block; width:100%; font-size:14px; line-height:24px;}
.list_about p{ display:block; font-size:14px; line-height:24px; margin-top:10px;}
#myCanvas{ width:100%; height:100%; margin:0; padding:0; background-image:url(../images/about_tu.jpg); background-size:100%;}

.list_aboutbox{ width:94%; margin:auto; margin-top:20px;}
.products_navbox{ width:98%; margin:auto; margin-top:20px;}
.products_nav{ display:block; width:100%; overflow:hidden;}
.products_nav li{ float:left; width:32%; margin-right:2%; border-radius:3px; margin-bottom:10px;}
.products_nav li:nth-child(3n+0){ margin-right:0;}
.products_nav li a{ display:block; font-size:0.8rem; margin-right:2%; border:1px solid #e1e1e1;line-height:30px; text-align:center;}
.products_nav .hover{ background:#f1a004; border:1px solid #f1a004; color:#fff;}

.news_cobox{ width:100%; max-width:960px; margin:auto; margin-top:20px;}
.news_cobox ul{ display:block;}
.news_cobox ul li{ display:block; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #d6d6d6;}
.news_cobox ul li h1{ display:block; font-size:15px; color:#272727; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_cobox ul li span{ display:block; font-size:12px; color:#8e8e8e; line-height:20px; margin-top:5px;}
.news_cobox ul li p{ display:block; font-size:12px; color:#666; line-height:18px; margin-top:10px;}

.news_box{ width:100%; max-width:960px; margin:auto; padding:15px 0 30px; background:#f7f7f7;}
.news_con{ display:block; width:94%; max-width:960px; margin:auto; margin-top:20px; overflow:hidden;}
.news_con dt{ float:left; width:36%;}
.news_con dt img{ display:block; width:100%; height:auto;}
.news_con dd{ float:right; width:60%;}
.news_con dd h1,.news_con dd h1 a{ display:block; font-size:1rem; color:#232323;}
.news_con dd p{ display:block; margin-top:12px;}
.news_con dd p a{ display:block; font-size:0.8rem; color:#797979; line-height:20px;}

/*²úÆ·ÏêÇé*/
.cnt_02{ width:98%; margin:auto; margin-bottom:5px; padding-right:5px;}
.cnt_02 h1{height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.xq_tt_02{ width:100%; font-size:1.2rem; color:#000; line-height:30px; padding-bottom:5px; margin-top:30px; border-bottom:#CCC 1px dashed; text-align:center; }
.xq_tt_02 p{ display:block; font-size:0.8rem; text-align:center;}
.zuozhe a{ display:inline;}
.zuozhe{ width:100%; height:26px; color:#4e4e4e; border-bottom:#CCC 1px dashed;text-align:center; margin-bottom:20px; line-height:26px;}
.qiantai{ width:98%; font-size:1rem; line-height:24px; margin-top:15px;}
body .cnt_02 img{ display:block; width:100%;}
.content_n_pn_02{ width:100%; text-align:left; color:#4e4e4e; margin-top:20px; border-top:#CCC 1px dashed; padding-top:10px;margin-bottom:10px;}
.wuyu{ width:100%; border-top:#CCC 1px dashed; margin-top:15px; padding-top:10px; overflow:hidden;}
.fanye{ float:left;}
.fanye a{ display:inline; color:#4e4e4e; font-size:0.8rem; line-height:20px;}
.fanye a:hover{ color:#F30; text-decoration:underline;}
.fanye01,.fanye02{ color:#4e4e4e; font-size:0.8rem; line-height:20px; margin-top:8px;}

.article_tu{ display:block; width:98%; margin:auto; margin-top:15px;}
.article_tu li{ display:block; width:100%; margin-bottom:5px;}
.article_tu li img{ width:100%; height:auto;}

.article_news{ width:98%; margin:auto; margin-top:25px;}
#contain-nr{ width:100%; margin-top:30px;}
#title{font-family:"Microsoft YaHei","΢ÈíÑźÚ";font-size:16px;font-weight:bold;color:#333;border-bottom:#ccc 1px dotted;line-height:30px;text-align:center}
#ly{font-size:12px;color:#333;border-bottom:#ccc 1px dotted;height:30px;line-height:30px;text-align:center;font-weight:normal}
#nr{font-size:13px;color:#333;line-height:22px;text-align:left;padding:5px;overflow:hidden}

.list_title{ display:block; width:98%; margin:auto; margin-top:10px; overflow:hidden;}
.list_title li{ float:left; height:24px; padding:0 15px; border:1px solid #e1e1e1; border-radius:13px; font-size:0.8rem; text-align:center; line-height:25px; margin-right:10px;}
.list_title .conut{ background:#eca307; color:#fff;}

/**/
.dede_pages{ width:98%;
margin:auto; overflow:hidden;


¡¡¡¡}

.dede_pages ul{ display:block; padding:12px 0px 12px 16px;overflow:hidden;}

.dede_pages ul li{float:left;line-height:17px;margin: 0 3px; border:#CCC 1px solid;}

.dede_pages ul li a{padding:2px 4px 2px;color:#555;display:block;}

¡¡¡¡.dede_pages ul li a:hover{

¡¡¡¡color:#690;

¡¡¡¡text-decoration:none;

¡¡¡¡padding:2px 4px 2px;

¡¡¡¡}

¡¡¡¡.dede_pages ul li.thisclass,

¡¡¡¡.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

¡¡¡¡background-color:#F8F8F8;

¡¡¡¡padding:2px 4px 2px;

¡¡¡¡font-weight:bold;

¡¡¡¡}

¡¡¡¡.dede_pages .pageinfo{

¡¡¡¡line-height:21px;

¡¡¡¡padding:12px 10px 12px 16px;

¡¡¡¡color:#999;

¡¡¡¡}

¡¡¡¡.dede_pages .pageinfo strong{

¡¡¡¡color:#555;

¡¡¡¡font-weight:normal;

¡¡¡¡margin:0px 2px;

¡¡¡¡}
@media only screen and (max-width:480px) {
	.list_about_con img{ width:98%; margin:auto; height:auto;}
}