@charset "gb2312";
/* CSS Document */
body{ width:100%; margin:0; padding:0; 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; 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; margin:10px 0;}
.subNav h5{ display:block; height:60px; margin-left:20px; margin-bottom:20px; border-bottom:#ccc 1px solid;}
.subNav h5 img{ height:100%; width:auto;}
.subNav h6{ display:block; width:200px; height:30px; padding:0 10px; background-color:#c40402; margin:auto 20px; font-size:14px; color:#fff;text-align:left; line-height:27px;}
.subNav h6 a{ font-size:14px; color:#fff; text-align:left; line-height:30px;}
.navContent{display:none; width:180px; margin:auto; margin-left:40px; padding:8px 0;}
.navContent li{ display:block; height:24px; background-color:#525252; line-height:24px; color:#FFF;}
.navContent li a{ display:block; color:#fff; font-size:12px; line-height:24px;}
.logo_box{ width:100%; height:60px; position:relative; overflow:hidden;}
.logo_box span{ width:36px; height:36px; position:absolute; right:10px; top:12px;}
.logo_box p{ float:left; padding-left:5px; font-size:12px; color:#c40402; margin-top:10px;}
.logo_box p a{ font-size:15px; font-weight:bold; margin:0; padding:0;color:#545454;}
.logo_box span img{ width:100%; height:auto;}
.logo{ float:left; width:110px; height:50px; margin:3px 0 0 10px;}
.logo img{ height:100%; width:auto;}
.muoan{ width:40px; height:40px; background:#545454; border-radius:3px; position:fixed; top:10px; 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;}
.banner img{ width:100%; height:auto; margin:auto;}
.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;}
.navbox{ width:98%; margin:auto; margin-top:15px; overflow:hidden;}
.nav{ display:block; width:100%; overflow:hidden;}
.nav li{ float:left; width:48%; height:36px; margin-right:4%; margin-bottom:10px; border-radius:3px; background:#545454;}
.nav li:nth-child(2n+0){ margin-right:0;}
.nav li a{ display:block; font-size:14px; color:#FFF; text-align:center; line-height:36px;}
/*product*/
.products_title,.case_title{ width:98%; margin:auto; height:40px; background-color:#c40402; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:40px; margin-top:20px; overflow:hidden;}
.products_title p,.company_title p,.case_title p{ display:block; width:100%; background:url(../images/title_bj.png) no-repeat center; height:30px; font-size:18px; color:#313131; text-align:center; line-height:30px;}
.products_title span,.company_title span,.case_title span{ display:block; font-size:16px; color:#ccc; text-align:center;}
.pr_box{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.pr_tu,.case_tu,.honor_tu,.kehu_tu,.list_case_tu,.zhuanli_tu{ width:103%; overflow:hidden;}
.pr_tu li,.kehu_tu li,.list_case_tu li,.hsnk_tu li,.zhuanli_tu li{ float:left; width:47%; margin-right:3%; font-size:0.7rem; line-height:24px; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; overflow:hidden;}
.more{ display:block; width:120px; height:38px; margin:auto; margin-top:15px; border:1px solid #d2be5d; font-size:0.8rem; color:#d2be5d; text-align:center; line-height:38px; border-radius:3px;}

.zhuanli_tu li a{ display:block; height:240px; border:1px solid #dbdbdb; overflow:hidden;}
.zhuanli_tu li img{ width:100%; height:auto;}

.hsnk_tu{ display:block; width:103%; overflow:hidden;}
.hsnk_tu li a{ display:block; height:160px; border:1px solid #dbdbdb; overflow:hidden;}
.hsnk_tu li img{ width:100%; height:auto;}

.honor_tu li{float:left; width:47%; margin-right:3%; font-size:0.8rem; line-height:30px; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin-bottom:10px; overflow:hidden;}
.honor_tu li a{ display:block; height:130px; text-align:center; border:1px solid #eeeeee; overflow:hidden;}
.pr_tu li a{ display:block; height:150px; text-align:center; border:1px solid #eeeeee; overflow:hidden;}
.kehu_tu li a{ display:block; height:78px; text-align:center; border:1px solid #eeeeee; overflow:hidden;}
.pr_tu li img,.case_tu li img,.honor_tu li img,.kehu_tu li img,.list_case_tu li img{ width:100%; height:auto;}
.case_tu li{ float:left; width:47%; margin-right:3%; font-size:14px; line-height:24px; text-align:center; text-overflow:ellipsis; white-space:nowrap; margin-bottom:15px; color:#c6c6c6; overflow:hidden;}
.case_tu li a,.list_case_tu a{ display:block; height:100px; text-align:center; border:1px solid #eeeeee; overflow:hidden;}

.pr_bj{ width:100%; padding:15px 0 10px; overflow:hidden}
.pr_bj h1{ display:block; width:100%; text-align:center; font-size:16px; line-height:24px;}
.pr_bj h2{ display:block; width:100%; text-align:center; font-size:16px; line-height:24px; padding-bottom:10px; background:url(../images/title_bj.png) no-repeat bottom;}

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

.about_bigbox{ width:100%;}
.case_bigbox{ width:100%; background:#1e1e1e; margin-top:20px; padding:20px 0;}
.case_title{ width:98%; margin:auto;}
.case_title dt{ display:block; font-size:20px; color:#0657b2; text-align:center;}
.case_title dd{ display:block; font-size:0.7rem; color:#cccccc; text-align:center;}
.case_tubox{ width:98%; margin:auto; margin-top:24px; overflow:hidden;}
 
.news_box{ width:98%; margin:auto; margin-top:15px;}
.news_box dl{ display:block; width:100%; margin-bottom:15px; overflow:hidden;}
.news_box dl dt{ float:left; width:40%;}
.news_box dl dt a{ display:block;}
.news_box dl dt img{ width:100%; height:auto;}
.news_box dl dd{ float:right; width:57%;}
.news_box dl dd h1{ display:block;}
.news_box dl h1 a{ display:block; font-size:14px; color:#313131; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_box dl dd p{ display:block; margin-top:10px;}
.news_box dl dd p a{ display:block; font-size:0.8rem; line-height:20px;}
.list_news{ width:100%;}
.list_news li{ display:block; border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:5px;}
.list_news li h1{ display:block;}
.list_news li h1 a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; line-height:30px; color:#000;}
.list_news li span a{ display:block; font-size:0.7rem; line-height:18px;}
.list_news li p{ display:block; font-size:0.7rem; color:#ccc; line-height:20px;}

.case_box{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.case_box ul{ display:block; width:103%; overflow:hidden;}
.case_box ul li{ float:left; width:47%; margin-right:3%; margin-bottom:10px; font-size:12px; color:#666; line-height:24px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case_box ul li a{ display:block; height:150px; border:1px solid #ececec; overflow:hidden;}
.case_box ul li img{ display:block; width:100%;}

.about_con{ display:block; width:98%; padding:20px 5px; font-size:14px; color:#666; line-height:22px; text-align:center;}
.about_con span{ font-size:16px; line-height:22px;}
.about_title2{ width:98%; margin:auto; padding-top:20px; overflow:hidden;}
.about_title2 dt{ display:block; font-size:24px; font-weight:bold; color:#060606; text-align:center;}
.about_title2 dd{ display:block; font-size:12px; color:#c40402; text-align:center;}
.about_con a{ display:block; width:120px; height:38px; border:1px solid #c40402; border-radius:3px; font-size:0.8rem; line-height:38px; margin:auto; margin-top:15px; color:#c40402; text-align:center;}
.about_tu{ width:100%; margin:auto; margin-top:18px;}
.about_tu img{ display:block; width:100%;}
.moer{ display:block; width:140px; height:33px; background:#dab574; margin:auto; margin-top:12px; color:#fff; text-align:center; line-height:33px;}
.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:80px;}
.footer_nav{ width:100%; background:#545454; padding:10px 0; position:fixed; left:0; bottom:0; overflow:hidden;}
.footer_nav li{ float:left; width:23%;}
.footer_nav li span{ display:block; width:30%; 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*/
.about_title{ width:100%; height:40px; background:#dce0e4; border-top:1px solid #CCC;}
.about_title span{ display:block; font-size:1rem; 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:0.8rem; line-height:24px;}
.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_about_con img{ width:98%;}
.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%;}
/*products*/
.cp_title{ display:block; width:94%; height:30px; margin:auto;}
.cp_title dt{ float:left; padding-left:28px; font-size:18px; line-height:30px; background:url(../images/p_tb.png) no-repeat left;}
.cp_title dd{ float:right; width:100px; text-align:right; font-size:14px; line-height:30px; position:relative;}
.cp_title .c_nav{ width:200px; background:#93999f; border-radius:5px; padding:5px; position:absolute; right:0; top:30px; overflow:hidden; display:none; z-index:1000;}
.cp_title .c_nav a{ float:left; width:48%; font-size:12px; color:#FFF; line-height:30px; border:#CCC 1px solid; margin:3px 1px; text-align:center;}
.c_nav a:hover{ color:#FC3;}
#content img{ width:100%;}

.list_case{ display:block; width:100%; margin-bottom:15px; overflow:hidden;}
.list_case dt{ float:left; width:40%;}
.list_case dt img{ width:100%; height:auto;}
.list_case dd{ float:right; width:57%;}
.list_case dd p{ display:block;}
.list_case dd p a{ display:block; font-size:0.7rem; line-height:16px;}
.list_case dd h1{ display:block; margin-bottom:10px;}
.list_case dd h1 a{ display:block; font-size:0.8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4e370a;}

/*λÖÃ*/
.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;overflow:hidden;}
.products_navbox{ width:98%; margin:auto; margin-top:20px; border-bottom:1px solid #ddd;clear:both; }
.products_nav{ display:block; width:106%; overflow:hidden;}
.products_nav li{ float:left; margin-right:2%; margin-bottom:10px;}
.products_nav li a{ display:block; font-size:14px; font-weight:bold; line-height:24px; padding:0 5px;}
.products_nav .hover{ color:#319427;}

.products_navbox .erji_box{ width:98%; margin:auto; margin-top:10px; overflow:hidden;}
.products_navbox .erji_box ul{ display:block; overflow:hidden;}
.products_navbox .erji_box ul li{ float:left; width:auto; margin-right:3%; margin-bottom:10px;}
.products_navbox .erji_box ul li a{ display:block; font-size:0.7rem; color:#666; padding:0 6px; font-weight:bold; line-height:20px;}
.erji_box .hover{ background-color:#d2be5d; color:#FFF;}
/*²úÆ·ÏêÇé*/
.cnt_02{ width:98%; margin:auto; margin-bottom:5px; padding-right:5px; overflow:hidden;}
.cnt_02 h1{height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.xq_tt_02{ width:100%; font-size:18px; color:#000; line-height:30px; text-align:center; padding-bottom:5px; margin-top:30px; border-bottom:#CCC 1px dashed; }
.xq_tt_02 p{ display:block; font-size:12px; color:#969595; line-height:24px; 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:100%; font-size:14px; 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-bottom:#CCC 1px dashed; 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{ 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 (min-width: 641px) and (max-width:960px) {
}