@charset "gb2312";
/* CSS Document */
body{ width:100%; margin:0; padding:0; font:normal 100% Helvetica,Arial,sans-serif; background:#f7f7f7;}
*{ 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;}
.clearfix{ 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; width:90%; margin:auto; font-size:15px; padding-bottom:20px;}
.subNav h5 img{ width:100%;}
.subNav h6{ padding-left:60px; font-size:14px; line-height:50px;}
.subNav h6 img{ position:relative; top:7px; right:20px;}
.subNav h6 a{ font-size:14px; line-height:50px;}
.navContent{display:none; width:220px; margin:auto; padding:8px 0; background:#f9f9f9; color:#ccc;}
.navContent li{ display:block; line-height:18px;}
.sidebar .navContent li a{ display:block; font-size:12px; line-height:18px; color:#666;}
.sidebar .navContent li a:hover{ color:#158353;}*/
.subNav{cursor:pointer;}
.subNav h5{ display:block; height:45px; 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:50px; padding:15px 0; background:#fff; position:relative; overflow:hidden;}
.logo{ float:left; width:auto; height:50px; margin-left:10px; padding-right:15px; background:url(../images/logo_fg.png) no-repeat right; overflow:hidden;}
.logo img{ height:100%; width:auto;}
.logo_title{ float:left; margin-left:10px;}
.logo_title span{ display:block; font-size:1.2rem; font-weight:bold; color:#1a1a1a;}
.logo_title p{ display:block; font-size:0.9rem; color:#4a4a4a; margin-top:3px;}
.muoan{ width:40px; height:40px; background:#1a1a1a; border-radius:3px; position:fixed; top:12px; right:5px; opacity:0.8; z-index:2;}
.lx_box{ width:32px; height:32px; position:absolute; right:20px; top:8px;}

.banner{ width:100%; height:auto; position:relative; overflow:hidden;}
.banner img{ width:100%; height:auto; margin:auto;}
.bd{ display:block; overflow:hidden;}
.bd li{ float:left;}
.anniu{ display:block; position:absolute; left:46%; bottom:10px; overflow:hidden;}
.anniu li{ float:left; width:12px; height:12px; background:url(../images/anniu.png) no-repeat center; margin:0 2px;}
.anniu .anniu_bj{ background:url(../images/anniu2.png) no-repeat center;}

.nav_box{ width:98%; margin:10px auto 0;}
.nav_box ul{ display:block; border:2px solid #fdd100; padding:2px; overflow:hidden;}
.nav_box ul li{ float:left; width:32.66%; margin-right:1%; margin-bottom:3px;}
.nav_box ul li:nth-child(3n+0){ margin-right:0;}
.nav_box ul li:nth-child(4),.nav_box ul li:nth-child(5),.nav_box ul li:nth-child(6){ margin-bottom:0;}
.nav_box ul li a{ display:block; font-size:0.9rem; background:#fdd100; color:#1a1a1a; text-align:center; line-height:32px; border-radius:3px;}

/*product*/
.beijing_box{ width:100%; max-width:960px; margin:auto; padding:30px 0; background:#f7f7f7;}
.cp_title{ width:94%; margin:auto; overflow:hidden;}
.cp_title dl{ display:block; overflow:hidden;}
.cp_title dl dt{ display:block; font-size:1.3rem; font-weight:bold; color:#454444; text-align:center;}
.cp_title dl dd{ display:block; font-size:1rem; color:#868686; text-align:center; margin-top:5px;}
.cp_nav{ display:block; width:96%; margin:20px auto; text-align:center;}
.cp_nav li{ display:inline-block; width:49%; margin:0 0.5% 5px; border-radius:3px; background:#e8e9eb;}
.cp_nav li a{ display:inline-block; font-size:0.9rem; color:#666; text-align:center; line-height:36px;}
.cp_box{ display:block; width:96%; margin:30px auto 50px;}
.cp_box ul{ display:block; overflow:hidden;}
.cp_box ul li{ float:left; width:48.5%; margin-right:3%; margin-bottom:15px; background:#fff; box-shadow:0 0 5px rgba(102,102,102,0.2);}
.cp_box ul li:nth-child(2n+0){ margin-right:0;}
.cp_box ul li .pr_tu{ width:96%; margin:5px auto 0; overflow:hidden}
.cp_box ul li .pr_tu img{ display:block; width:100%; height:auto;}
.cp_box ul li span{ display:block; width:100%; font-size:0.9rem; color:#666; text-align:center; line-height:30px; padding-bottom:6px;}

.more_box{ display:block; width:140px; height:36px; border:1px solid #a4a4a4; border-radius:3px; margin:0 auto 50px; overflow:hidden;}
.more_box a{ display:block; font-size:0.9rem; text-align:center; line-height:36px; color:#8e8e8e;}

.case_box{ display:block; width:96%; margin:30px auto 0; overflow:hidden;}
.case_box li{ float:left; width:48.5%; margin-right:3%; margin-bottom:10px;}
.case_box li:nth-child(2n+0){ margin-right:0;}
.cp_tu{ width:100%; overflow:hidden;}
.cp_tu img{ display:block; width:100%; height:auto;}
.case_box li span{ display:block; font-size:0.9rem; color:#666; line-height:30px; text-align:center;}

.about_bj{ width:100%; background:#fff; padding-bottom:10px; margin-bottom:30px;}
.jianjie_title{ width:96%; background:#fff; margin:auto; padding-top:45px; padding-bottom:15px;overflow:hidden;}
.jianjie_title dl{ display:block;}
.jianjie_title dl dt{ display:block; font-size:1.3rem; font-weight:bold; color:#454444; font-weight:bold; text-align:center;}
.jianjie_title dl dd{ display:block; color:#868686; text-align:center; margin-top:5px;}

.about_tu{ width:96%; margin:10px auto 0;}
.about_tu img{ width:100%; height:auto;}
.about_con{ width:94%; margin:15px auto 20px; font-size:1rem; color:#464646; line-height:30px; text-align:center;}
.about_con a{ font-size:1rem; color:#d8763c; text-decoration:underline; padding-left:20px;}

.list_pr{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.list_pr img{ width:100%; height:auto;}

.about_bigbox{ width:100%; overflow:hidden;}
 
/*.moer{ display:block; width:120px; height:30px; background:#dab574; margin:auto; margin-top:12px; color:#fff; text-align:center; line-height:30px;}*/
.z_banner{ width:100%; margin-top:15px;}
.z_banner img{ width:100%; height:auto;}

.hj_box{ width:100%; overflow:hidden;}
.hj_box img{ width:100%; height:auto;}

/*footer*/
.fg_box{ width:100%; height:60px;}
.footer_nav{ width:100%; background:#3a3a3a; padding:15px 0 10px; position:fixed; left:0; bottom:0; text-align:center; overflow:hidden;}
.footer_nav li{ float:left; width:20%;}
.footer_nav li span{ display:block; width:38%; margin:auto;}
.footer_nav li span img{ width:100%; height:auto;}
.footer_nav li p{ display:block; font-size:0.8rem; color:#FFF;}
/*list*/
.list_bj{ width:100%; max-width:960px; margin:auto; padding:20px 0; background:#f7f7f7;}
.about_title{ width:100%; height:42px; background:#e9ecef; border-top:1px solid #dadde1;}
.about_title span{ display:block; font-size:1rem; font-weight:bold; color:#363636; line-height:42px; padding-left:10px;}
.about_title span a{ font-size:0.8rem; line-height:46px; color:#117bde;}
.list_about_con,.list_contact_con{ width:96%; margin:auto; margin-top:10px; font-size:1rem; line-height:30px; padding-bottom:20px;}
.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;}
/*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%;}

/*case*/
.list_case{ width:98%; margin:30px auto 0; overflow:hidden;}
.list_case li{ float:left; width:48.5%; margin-right:3%; margin-bottom:15px;}
.case_tu{ width:99.5%; border:1px solid #d9d9d9; margin:auto; overflow:hidden;}
.case_tu img{ display:block; width:100%; height:auto;}
.list_case span{ display:block; font-size:0.9rem; text-align:center; line-height:30px;}
.list_case li:nth-child(2n+0){ margin-right:0;}

.list_yewu{ width:96%; max-width:960px; margin:30px auto;}
.yewu_tu{ width:100%; position:relative;}
.yewu_tu img{ display:block; width:100%; height:auto;}
.yewu_tu span{display:block; width:100%; font-size:2rem; color:#fff; text-align:center; position:absolute; top:50%; margin-top:-10px;}
.yewu_con{ width:100%; margin-top:10px;}
.yewu_con ul{ display:block;}
.yewu_con ul li{ display:block; padding:13px 0 13px 10px; border-bottom:1px solid #ececec; overflow:hidden;}
.yewu_con ul li p{ float:right; width:93%; font-size:1.1rem; color:#2e2e2e; line-height:24px;}
.yewu_con ul li em{ float:left; width:5%; font-style:normal; font-size:0.9rem; color:#afc5d5; line-height:24px; text-align:left;}
.yewu_con ul li:last-child{ border-bottom:none;}
/*λÖÃ*/
.weizhi{ width:94%; margin:auto; border-bottom:1px solid #ccc; font-size:18px; color:#0099ff; line-height:50px;}
.weizhi span{ float:left; padding-left:20px; font-size:0.8rem;}
.weizhi span a{ display:inline; font-size:14px; line-height:50px;}

.list_aboutbox{ width:94%; margin:auto; margin-top:20px; padding-bottom:20px;}
.products_navbox{ width:98%; margin:auto; margin-top:20px;}
.products_nav{ display:block; overflow:hidden;}
.products_nav li{ float:left; width:32.3%; margin:0 0.5% 8px;}
.products_nav li a{ display:block; padding:8px 6px; background:#f2f2f2; font-size:0.8rem; margin-right:2%; border:1px solid #e6e6e6; color:#313131; text-align:center; border-radius:3px;}
.products_nav .hover{ background:#1a1a1a; border:1px solid #1a1a1a; color:#fff;}

.erji_navbox{ width:96%; margin:8px auto 20px; border-top:1px solid #e8e8e8; padding-top:8px;  border-bottom:1px solid #e8e8e8; padding-bottom:8px;overflow:hidden;}
.erji_nav{ display:block; overflow:hidden;}
.erji_nav li{ float:left; width:32%; height:30px; margin-right:2%; margin-bottom:10px;}
.erji_nav li:nth-child(3n+0){ margin-right:0;}
.erji_nav a{ display:block; font-size:0.8rem; text-align:center; line-height:30px; color:#545454; border:1px solid #d7d7d7; background:#e9e9e9; border-radius:3px;}
.erji_navbox .hover{ background:#3c83bb; border:1px solid #3c83bb; color:#2f2f2f;}

.fangan_nav{ display:block; width:98%; margin:30px auto 0;}
.fangan_nav li{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}
.fangan_nav li:nth-child(4n+0){ margin-right:0;}
.fangan_nav li span{ display:block; width:60%; margin:auto;}
.fangan_nav li span img{ display:block; width:50%; height:auto; margin:0 auto;filter: grayscale(90%);}
.fangan_nav li p{ display:block; font-size:0.8rem; color:#434343; text-align:center; padding-top:10px;}
.fangan_nav li .cur img{filter: grayscale(0);}
.fangan_nav li .cur p{ color:#045dda;}

.news_cobox{ width:96%; 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; overflow:hidden;}
.news_cobox ul li h1{ display:block; font-size:1rem; color:#272727; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_cobox ul li h1 b{ font-size:1rem; color:#272727; line-height:24px;}
.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_l{ float:left; width:35%;}
.news_l img{ display:block; width:100%; height:auto;}
.news_r{ float:right; width:62%;}

.news_box{ width:100%; max-width:960px; margin:auto; padding:15px 0 30px; background:#f7f7f7;}
.news_con{ display:block; width:96%; max-width:960px; margin:auto; margin-top:20px; overflow:hidden;}
.news_box dl:nth-child(2){ margin-top:40px;}
.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;}
}