@charset "gb2312";
/* CSS Document */
.cp_bj{ width:100%; background:#f5f5f5; padding:30px 0; margin-top:25px;}
.cp_box{ display:block;}
.cp_box li{ float:left; width:48.5%; margin-right:3%; margin-bottom:20px; background:#fff; box-shadow:0 0 5px rgba(153,153,153,0.3);}
.cp_box li:nth-child(2n+0){ margin-right:0;}
.cp_box li .cp_tu{ width:100%; overflow:hidden;}
.cp_box li .cp_tu img{ display:block; width:100%; height:auto;}
.cp_box li h1{ display:block; font-size:1rem; color:#333; line-height:24px; padding:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.list_video{ width:98%; margin:30px auto 0; overflow:hidden;}
.video_box,.yangpin_box{ display:block; overflow:hidden;}
.video_box li,.yangpin_box li{ float:left; width:48%; margin-right:4%; margin-bottom:15px;}
.video_box li:nth-child(2n+0),.yangpin_box li:nth-child(2n+0){ margin-right:0;}
.video_tu,.yangpin_tu{ width:98.8%; height:auto; border:1px solid #e9e9e9; overflow:hidden;}
.video_tu img,.yangpin_tu img{ display:block; width:100%; height:auto;}
.video_box li h1,.yangpin_box li h1{ display:block; font-size:0.9rem; text-align:center; color:#666; line-height:30px;}

.news-title{ width:98%; height:35px; background:#d7191b; margin:auto; margin-top:25px; overflow:hidden;}
.news-title ul{ float:left; overflow:hidden; color:#fff;}
.news-title ul li{ display:inline; font-size:16px; font-weight:bold; color:#f5c7bc; line-height:35px; padding:0 10px 0 7px;}
.news-title a{ float:right; font-size:14px; color:#fff; line-height:35px; margin-right:8px;}
.news-title .slnok{ color:#fff;}
.news_cobox{ width:98%; margin:auto; margin-top:20px;}
.news_cobox dl{ display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; overflow:hidden;}
.news_cobox dl dt{ float:left; width:40%; overflow:hidden;}
.news_cobox dl dt a{ display:block;}
.news_cobox dl dt img{ width:100%; height:auto;}
.news_cobox dl dd{ float:right; width:58%;}
.news_cobox dl dd h1{ display:block; font-size:15px; color:#e94925; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_cobox dl dd p{ display:block; font-size:12px; line-height:18px; margin-top:5px;}
.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;}
#i_news{ display:block; width:100%;}
#i_news li{ display:block; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #d6d6d6; overflow:hidden;}
#i_news h1{ float:left; width:80%; font-size:14px; line-height:24px; padding-left:10px; background:url(../images/oj-tu.png) no-repeat left; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#i_news i{ float:right; font-size:12px; line-height:24px; color:#848484;}


.list_pr{ width:94%; margin:auto; margin-top:20px; overflow:hidden;}
.hsnk_tu{ display:block; width:103%; overflow:hidden;}
.hsnk_tu li{ float:left; width:47%; margin-right:3%; margin-bottom:15px; font-size:12px; text-align:center; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hsnk_tu li a{ display:block; height:110px; overflow:hidden;}
.list_pr img{ width:100%; height:auto;}
.list-honor{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.honor_tu{ width:103%; overflow:hidden;}

.honor_tu li{float:left; width:47%; margin-right:3%; font-size:12px; line-height:24px; 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;}
.honor_tu li img{ width:100%; height:auto;}
 
.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:160px; border:1px solid #ececec; overflow:hidden;}
.case_box ul li img{ display:block; width:100%;}

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

/*list*/
.about_title{ width:100%; height:46px; background:#f3eeec; border-top:1px solid #dbd6d5;}
.about_title span{ display:block; font-size:1rem; color:#2c2625; line-height:46px; padding-left:10px;}
.about_title span a{ font-size:0.8rem; line-height:46px; color:#4a350b;}
.list_about_con{ width:96%; margin:auto; margin-top:10px; font-size:14px; 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:#0d82d3;}
#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:94%; margin:auto; margin-top:20px; overflow:hidden;}
.products_nav{ display:block; overflow:auto; white-space:nowrap;}
.products_nav li{ display:inline;}
.products_nav li a{font-size:1rem; font-weight:bold; line-height:30px; margin-right:20px;}
.products_nav .hover{ color:#e94925;}

.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; overflow:hidden;}
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) {
}