@charset "gb2312";
/* CSS Document */
body{ width:100%; margin:0; padding:0; font:normal 100% Helvetica,Arial,sans-serif;}
*{ font-family:"微软雅黑"; 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;}


.logo_box{ width:100%; height:60px; background-color:#0654ab; overflow:hidden;}
.logo{ float:left; margin-left:15px; margin-top:10px; overflow:hidden;}
.logo dt{ float:left;}
.logo dd{ float:left; margin-left:10px; padding-top:3px;}
.logo dd span{ display:block; font-size:16px; font-weight:bold; color:#fff;}
.logo dd p{ display:block; font-size:0.7rem; color:#fff;}

.muoan{ width:40px; height:40px; background:#253e87; border-radius:3px; position:fixed; top:10px; right:5px; z-index:2;}
.lx_box{ width:32px; height:32px; position:absolute; right:20px; top:8px;}

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; margin:10px 0;}
.subNav dl{ display:block; margin-left:15px; margin-bottom:20px; border-bottom:#3351a7 2px solid; overflow:hidden;}
.subNav dl dt{ float:left;}
.subNav dl dd{ float:left; margin-left:10px;}
.subNav dl dd span{ display:block; font-size:16px; color:#252525; font-weight:bold;}
.subNav dl dd p{ display:block; font-size:0.6rem; color:#666;}
.subNav h6{ display:block; width:151px; height:27px; margin:auto 20px; font-size:14px; color:#313131;text-align:left; line-height:27px;}
.subNav h6 a{ font-size:14px; color:#31313; text-align:left; line-height:27px;}
.navContent{display:none; width:220px; margin:auto; margin-left:40px; padding:8px 0;}
.navContent li{ display:block; line-height:18px; background:url(../images/dian_09.jpg) no-repeat left;}
.sidebar .navContent li a{ display:block; font-size:14px; line-height:18px; color:#949494;}
.subNav:nth-child(2) h6{ padding-left:35px; background:url(../images/s_tu.png) no-repeat left;}
.subNav:nth-child(3) h6{ padding-left:35px; background:url(../images/q_tu.png) no-repeat left;}
.subNav:nth-child(5) h6{ padding-left:35px; background:url(../images/c_tu.png) no-repeat left;}
.subNav:nth-child(7) h6{ padding-left:35px; background:url(../images/n_tu.png) no-repeat left;}
.subNav:nth-child(8) h6{ padding-left:35px; background:url(../images/l_tu.png) no-repeat left;}

.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:100%; background-color:#0654ab; margin:auto; overflow:hidden;}
.nav{ display:block; width:98%; margin:auto; padding:4px 0 10px; overflow:hidden;}
.nav li{ float:left; width:31%; margin-right:3%; margin-top:6px; height:35px; border-radius:3px; background-color:#fff;}
.nav li:nth-child(3n+0){ margin-right:0;}
.nav li a{ display:block; font-size:16px; color:#3351a7; line-height:35px; text-align:center;}
/*product*/
.products_title,.case_title{ width:96%; margin:auto; height:32px; border-left:5px solid #ff4800; background-color:#0654ab; margin-top:30px; overflow:hidden;}
.products_title p,.company_title p,.case_title p{ float:left; font-size:15px; line-height:32px; color:#fff; text-align:left; padding-left:10px;}
.products_title a{ float:right; font-size:0.7rem; color:#FFF; padding-right:10px; line-height:32px;}

.pr_box{ width:98%; margin:auto; margin-top:20px; overflow:hidden;}
.pr_tu,.case_tu,.honor_tu,.kehu_tu,.hsnk_tu,.list_case_tu{ width:103%; overflow:hidden;}
.pr_tu li,.kehu_tu li,.hsnk_tu li,.list_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; overflow:hidden;}
.hsnk_tu li a{ display:block; height:120px; overflow:hidden; border:1px solid #f6f6f6;}
.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:120px; 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;}

.ys_bigbox{ width:100%; padding:30px 0;}
.ys_title{ display:block; width:100%; margin-top:20px;}
.ys_title img{ width:100%;}
.ys_tu{ width:96%; margin:auto; margin-top:20px;}
.ys_tu img{ width:100%; height:auto;}
.ys_conbox{ width:96%; margin:auto; margin-top:30px;}
.ys_conbox ul{ display:block;}
.ys_conbox ul li{ display:block; margin-bottom:20px;}
.ys_conbox ul li h1{ display:block; background:url(../images/ys_tb.png) no-repeat left top; font-size:20px; padding:8px 0 6px 30px; font-weight:bold; color:#3351a7;}
.ys_conbox ul li span{ display:block; font-size:18px; color:#3351a7; margin-top:5px;}
.ys_conbox ul li p{ display:block; margin-top:12px; font-size:12px; color:#666; line-height:20px;}

.about_bigbox{ width:100%; padding:20px 0; background-color:#3351a7;}
.case_bigbox{ width:100%; 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:94%; margin:auto; margin-top:15px;}
.news_box ul{ display:block; width:100%; margin-bottom:15px; overflow:hidden;}
.news_box ul li{ display:block; padding-bottom:15px; border-bottom:1px dashed #CCCCCC; margin-bottom:15px;}
.news_box li h1{ display:block;}
.news_box li h1 a{ display:block; font-size:15px; color:#313131; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_box li span{ display:block; font-size:12px; color:#bdbdbd;}
.news_box li p{ display:block; margin-top:10px;}
.news_box li p a{ display:block; font-size:0.8rem; color:#666; 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;}



.about_con{ display:block; width:98%; padding:20px 5px; font-size:0.8rem; color:#666; line-height:22px; text-align:center;}
.about_title2{ width:98%; margin:auto; padding-top:20px; overflow:hidden;}
.about_title2 dt{ display:block; font-size:22px; color:#0654ab; font-weight:bold; text-align:center;}
.about_title2 dd{ display:block; font-size:16px; color:#666; text-align:center;}
.about_tu{ width:94%; margin:auto; margin-top:18px;}
.about_tu img{ display:block; width:100%;}
.about_con .moer{ display:block; width:120px; height:33px; border:1px solid #0654ab; border-radius:3px; font-size:0.8rem; line-height:33px; margin:auto; margin-top:15px; color:#0654ab; text-align:center;}
.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:#0654ab; 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%; height:20px; margin:auto; margin-top:20px; clear:both;}
.products_nav{ display:block; width:104%; clear:both;}
.products_nav li{ float:left; margin-right:4%; font-size:0.8rem; color:#313131; margin-bottom:10px;}
.products_nav li a{ display:block; font-size:0.8rem; font-weight:bold; line-height:20px;}
/*产品详情*/
.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; padding-bottom:5px; margin-top:15px; border-bottom:#CCC 1px dashed; 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) {
}