body{font:14px Microsoft Yahei,Arial,Helvetica,sans-serif;behavior:url(../css/csshover.htc);margin:auto;padding:0px;}
div,dl,dt,dd,ul,ol,li,pre,p,th,td{font:14px Microsoft Yahei,Arial,Helvetica,sans-serif;list-style-type:none;color:#4d4d4d;margin:0;padding:0;}
a{text-decoration:none;color:#020202;}
a:hover{text-decoration:none;color:#da8e3a;}
img{border:none;}

#wrap{max-width:640px; min-width:320px;margin:0 auto;overflow:hidden;}
/*竖屏 css*/
@media screen and (orientation: portrait) 
{
#m_top_bg{width:100%;height:79px;}
#m_top_logo{width:100%;height:79px;margin:auto;}
#m_top_logo img{width:100%;height:100%;}

#m_top_nav{clear:both;width:100%;height:72Px;background:#093c7b;rgin:auto;}
#m_top_nav ul li{float:left;width:24.7%;height:36px;text-align:center;border:1px solid #ffffff;border-left:none;border-bottom:none;}
#m_top_nav ul li a{display:block;width:100%;height:36px;line-height:36px;border-right:1px solid #ffffff;color:#ffffff;}
#m_top_nav ul li a:hover{color:#ffffff;}

.m_content{height:auto;background:#f2edd7;overflow: hidden;margin: 10px 5px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);}
.m_content_title{padding: 5px 10px 0 10px;background: #004391;border-bottom: 1px solid #ccc;color: rgb(62, 62, 62);font-weight: bold;text-shadow: 0px 1px 1px #fff;height: 34px;}
.m_content_title h2 {float:left;width:80px;margin:0px;padding:0px;color: #FFF;font: bold 16px/24px "STHeiti", "Arial", "宋体", "Tahoma", "Helvetica";}
.m_content_title a{float: right;color: #FFF;font: 12px/24px "STHeiti";}
#m_fuwu_list{margin: 0;padding: 10px 5px;height: auto;overflow: hidden;background:#ffffff;}
#m_fuwu_list ul{margin: 0;padding: 0;}
#m_fuwu_list ul li{float: left;display: block;width: 50%;oveflow: hidden;text-align: center;}
#m_fuwu_img{margin:5px;padding:4px;border:1px solid #ddd;overflow: hidden;}
#m_fuwu_img img {width: 120px;height: 90px;}

#m_about {padding: 10px 5px;height: auto;overflow: hidden;font: 12px/20px "STHeiti", "Arial";background:#ffffff;}
#m_about img {float: left;margin:0 5px;}

.m_news{padding:0;height:auto;background:#ffffff;overflow:hidden;}
.m_news ul {}
.m_news ul li {float:left;width:100%;height:30px;padding:0 0 0 10px;overflow:hidden;border-bottom:1px dotted #ddd;background:#ffffff;}
.m_news ul li a {float:left;display:block;width:100%;text-indent:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/ico9.png) 0 0 no-repeat;
color: #333;font: 12px/30px "STHeiti", "Arial";}
.m_news ul li a:hover {color: #d00;background: url(../images/ico9.png) 0 -25px no-repeat;}
#m_news2{display:none;}

#content{width:100%;margin:auto;}
#m_daohang{height:30px;padding:5px 0 0 5px;background:#e8e8e8;}
#m_daohang img{width:25px;height:25px;vertical-align:middle;}
#m_info{clear:both;width:95%;line-height:2em;font-size:16px;margin:20px auto 20px auto;}

#m_cate{clear:both;width:100%;height:auto;}
#m_cate ul li{float:left;width:33%;}
#m_cate ul li a{display:block;width:100%;height:30px;line-height:30px;text-align:center;margin:0 0 10px 0;overflow:hidden;}
#m_cate ul li a:hover{background:#093c7b;color:#ffffff;}
/*联系御之元部分*/ 
#m_lianxi_title{width:100%;height:40px;line-height:40px;padding:0 10px 0 10px;background:#eeeeee;font-size:16px;}
#m_lianxi_title a{float:right;font-size:16px;}
#m_lianxi_nr{width:300px;margin:auto;}
#m_lianxi_nr ul li{float:left;width:33%;height:120px;margin:20px 0;}
/*新闻列表*/ 
#m_news_list{clear:both;width:100%;margin:20px auto 0 auto;}
#m_news_list ul{}
#m_news_list ul li{width:100%;height:35px;line-height:35px;padding:0 0 0 10px;overflow:hidden;border-bottom:1px dotted #ddd;}
#m_news_list ul li a {float:left;display:block;width:100%;text-indent:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/ico9.png) 0 0 no-repeat;color: #333;font: 12px/30px "STHeiti", "Arial";}

/*荣誉资质和公司相册的样式*/
#m_photo_list{clear:both;width:100%;}
#m_photo_list ul li{float:left;width:48%;height:150px;margin:10px 0 10px 2%;text-align:center;}
#m_photo_list ul li span{display:block;width:94%;height:135px;padding:2%;border:1px solid #d0a300;}
#m_photo_list ul li img{border:none;width:135px;height:135px;}

#m_news_xiang{clear:both;width:100%;margin:40px auto 40px auto;}
#m_news_xiang h1{text-align:center;color:#363636;font-size:16px;}
#m_news_date{text-align:center;font-size:14px;}
#m_news_pic{width:100%;text-align:center;margin:20px 0 20px 0;}
#m_news_pic img{width:300px;}
#m_news_cc{width:95%;line-height:2em;font-size:16px;margin:0px auto 20px auto;}
#m_news_next{width:100%;}
#m_news_next ul li{float:left;width:100%;height:40px;line-height:40px;text-align:left;}
#m_news_next ul li a{font-size:14px;}
#m_news_tjtitle{clear:both;width:100%;height:40px;line-height:40px;padding:0 0 0 10px;font-size:16px;background:#eeeeee;}
#m_news_tjlist{width:100%}
#m_news_tjlist ol{}
#m_news_tjlist ol li{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;list-style-type:decimal;}
#m_news_tjlist ol li a{font-size:14px;}

/*产品列表*/
#m_product_cate{clear:both;width:100%;height:40px;padding:10px 0 0 0;}
#m_product_cate ul li{float:left;width:50%;}
#m_product_cate ul li a{display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:16px;}
#m_product_cate ul li a:hover{background:#d3a400;color:#ffffff;}

#m_product_list{clear:both;width:100%;margin:auto;}
#m_product_list ul{}
#m_product_list ul li{width:100%;height:120px;padding:10px 10px 0 10px;border-bottom:1px solid #e7e7e7;overflow:hidden;}
#m_product_list ul li span{float:left;display:block;width:90px;height:90px;padding:4px;border:1px solid #d0a300;margin:0 10px 0 0;}
#m_product_list ul li span img{width:90Px;height:90px;}
#m_product_list ul li b{color:#d0a300;}

/*产品详情*/ 
#m_product_name h1{font-size:16px;font-weight:normal;text-align:center;}
#m_ppic{clear:both;width:306px;height:200px;margin:40px auto;}
#m_ppic_lb{float:left;width:43px;height:120px;padding:80px 10px 0 0;text-align:center;}
#m_ppic_rb{float:left;width:43px;height:120px;padding:80px 0 0 10px;text-align:center;}
#m_ppic_cc{float:left;width:200px;height:200px;}
#m_ppic_cc ul li{float:left;width:200px;height:200px;text-align:center;}
#m_ppic_cc ul li img{border:none;width:200px;height:200px;}

#m_pjianjie{clear:both;width:100%;}
#m_pjianjie_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_pjianjie_nr{width:100%;padding:0 10px;line-height:2em;margin:10px 0 10px 0;}
#m_pnei{clear:both;width:100%;}
#m_pnei_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_pnei_nr{width:100%;padding:0 10px;line-height:2em;margin:10px 0 10px 0;}
#m_ptj_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_ptj_list{width:100%;}
#m_ptj_list ul{}
#m_ptj_list ul li{float:left;width:48%;height:170px;margin:10px 0 10px 2%;text-align:center;}
#m_ptj_list ul li span{display:block;width:94%;height:135px;padding:2%;border:1px solid #d0a300;}
#m_ptj_list ul li a img{border:none;width:135px;height:135px;}

/*客户留言*/
#m_liuyan{width:94%;padding:3%;margin:auto;}
#m_liuyan p{font-size:16px;}
#m_liuyan p b{color:#89340d;font-size:18px;}
#message{color:#FF0000;font-size:16px;}
#message1{color:#FF0000;font-size:16px;}
#message2{color:#FF0000;font-size:16px;}
#txtcontent{width:100%;height:100px;margin:10px auto;}
.txtinput{width:100%;height:30px;margin:10px auto;}
#txtbutton{width:100%;height:30px;background:#d5a600;border:none;}
}




/*横屏 css*/ 
@media screen and (orientation: landscape)
{
#m_top_bg{width:100%;height:79px;}
#m_top_logo{width:100%;height:79px;margin:auto;}
#m_top_logo img{width:100%;height:100%;}
#m_top_nav{clear:both;width:100%;height:72Px;background:#093c7b;margin:auto;}
#m_top_nav ul li{float:left;width:24.7%;height:36px;text-align:center;border:1px solid #ffffff;border-left:none;border-bottom:none;}
#m_top_nav ul li a{display:block;width:100%;height:36px;line-height:36px;border-right:1px solid #ffffff;color:#ffffff;}
#m_top_nav ul li a:hover{color:#ffffff;}

.m_content{height:auto;background:#f2edd7;overflow: hidden;margin: 10px 5px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);}
.m_content_title{padding: 5px 10px 0 10px;background: #004391;border-bottom: 1px solid #ccc;color: rgb(62, 62, 62);font-weight: bold;text-shadow: 0px 1px 1px #fff;height: 34px;}
.m_content_title h2 {float:left;width:80px;margin:0px;padding:0px;color: #FFF;font: bold 16px/24px "STHeiti", "Arial", "宋体", "Tahoma", "Helvetica";}
.m_content_title a{float: right;color: #FFF;font: 12px/24px "STHeiti";}
#m_fuwu_list{margin: 0;padding: 10px 5px;height: auto;overflow: hidden;background:#ffffff;}
#m_fuwu_list ul{margin: 0;padding: 0;}
#m_fuwu_list ul li{float: left;display: block;width: 50%;oveflow: hidden;text-align: center;}
#m_fuwu_img{margin:5px;padding:4px;border:1px solid #ddd;overflow: hidden;}
#m_fuwu_img img {width: 120px;height: 90px;}

#m_about {padding: 10px 5px;height: auto;overflow: hidden;font: 12px/20px "STHeiti", "Arial";background:#ffffff;}
#m_about img {float: left;margin:0 5px;}

.m_news{padding:0;height:auto;background:#ffffff;overflow:hidden;}
.m_news ul {}
.m_news ul li {float:left;width:100%;height:30px;padding:0 0 0 10px;overflow:hidden;border-bottom:1px dotted #ddd;background:#ffffff;}
.m_news ul li a {float:left;display:block;width:100%;text-indent:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/ico9.png) 0 0 no-repeat;
color: #333;font: 12px/30px "STHeiti", "Arial";}
.m_news ul li a:hover {color: #d00;background: url(../images/ico9.png) 0 -25px no-repeat;}
#m_news2{display:none;}

#content{width:100%;margin:auto;}
#m_daohang{height:30px;padding:5px 0 0 5px;background:#e8e8e8;}
#m_daohang img{width:25px;height:25px;vertical-align:middle;}
#m_info{clear:both;width:95%;line-height:2em;font-size:16px;margin:20px auto 20px auto;}


#m_cate{clear:both;width:100%;height:auto;}
#m_cate ul li{float:left;width:33%;}
#m_cate ul li a{display:block;width:100%;height:30px;line-height:30px;text-align:center;margin:0 0 10px 0;overflow:hidden;}
#m_cate ul li a:hover{background:#093c7b;color:#ffffff;}

#m_lianxi_title{width:100%;height:40px;line-height:40px;padding:0 10px 0 10px;background:#eeeeee;}
#m_lianxi_title a{float:right;}
#m_lianxi_nr{width:300px;margin:auto;}
#m_lianxi_nr ul li{float:left;width:33%;height:120px;margin:20px 0;}
/*新闻列表*/ 
#m_news_list{clear:both;width:100%;margin:20px auto 0 auto;}
#m_news_list ul{}
#m_news_list ul li{width:100%;height:35px;line-height:35px;padding:0 0 0 10px;overflow:hidden;border-bottom:1px dotted #ddd;}
#m_news_list ul li a {float:left;display:block;width:100%;text-indent:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/ico9.png) 0 0 no-repeat;color: #333;font: 12px/30px "STHeiti", "Arial";}

/*荣誉资质和公司相册的样式*/
#m_photo_list{clear:both;width:100%;}
#m_photo_list ul li{float:left;width:200px;height:210px;margin:10px 0 10px 10px;text-align:center;}
#m_photo_list ul li span{display:block;width:190px;height:190px;padding:4px;border:1px solid #d0a300;}
#m_photo_list ul li img{border:none;width:190px;height:190px;}

#m_news_xiang{clear:both;width:100%;margin:40px auto 40px auto;}
#m_news_xiang h1{text-align:center;color:#363636;font-size:16px;}
#m_news_date{text-align:center;font-size:14px;}
#m_news_pic{width:100%;text-align:center;margin:20px 0 20px 0;}
#m_news_pic img{width:400px;}
#m_news_cc{width:95%;line-height:2em;font-size:16px;margin:0px auto 20px auto;}
#m_news_next{width:100%;}
#m_news_next ul li{float:left;width:100%;height:40px;line-height:40px;text-align:left;}
#m_news_next ul li a{font-size:14px;}
#m_news_tjtitle{clear:both;width:100%;height:40px;line-height:40px;padding:0 0 0 10px;font-size:16px;background:#eeeeee;}
#m_news_tjlist{width:100%}
#m_news_tjlist ol{}
#m_news_tjlist ol li{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;list-style-type:decimal;}
#m_news_tjlist ol li a{font-size:14px;}

/*产品列表*/ 
#m_product_cate{clear:both;width:100%;height:40px;padding:10px 0 0 0;}
#m_product_cate ul li{float:left;width:50%;}
#m_product_cate ul li a{display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:16px;}
#m_product_cate ul li a:hover{background:#d3a400;color:#ffffff;}

#m_product_list{clear:both;width:100%;margin:auto;}
#m_product_list ul{}
#m_product_list ul li{width:100%;height:180px;padding:20px 10px 0 10px;border-bottom:1px solid #e7e7e7;}
#m_product_list ul li span{float:left;display:block;width:140px;height:140px;padding:4px;border:1px solid #d0a300;margin:0 20px 0 0;}
#m_product_list ul li span img{width:140Px;height:140px;}
#m_product_list ul li b{color:#d0a300;}

/*产品详情*/ 
#m_product_name h1{font-size:16px;font-weight:normal;text-align:center;}
#m_ppic{clear:both;width:406px;height:300px;margin:20px auto;}
#m_ppic_lb{float:left;width:43px;height:170px;padding:130px 10px 0 0;text-align:center;}
#m_ppic_rb{float:left;width:43px;height:170px;padding:130px 0 0 10px;text-align:center;}
#m_ppic_cc{float:left;width:300px;height:300px;}
#m_ppic_cc ul li{float:left;width:300px;height:300px;text-align:center;}
#m_ppic_cc ul li img{border:none;width:300px;height:300px;}

#m_pjianjie{clear:both;width:100%;}
#m_pjianjie_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_pjianjie_nr{width:100%;padding:0 10px;line-height:2em;margin:10px 0 10px 0;font-size:16px;}
#m_pnei{clear:both;width:100%;}
#m_pnei_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_pnei_nr{width:100%;padding:0 10px;line-height:2em;margin:10px 0 10px 0;font-size:16px;}
#m_ptj_title{width:100%;height:40px;line-height:40px;padding:0 0 0 10px;background:#e7e7e7;font-size:16px;color:#da8e3a;}
#m_ptj_list{width:100%;}
#m_ptj_list ul{}
#m_ptj_list ul li{float:left;width:305px;height:320px;margin:10px 0 10px 10px;text-align:center;}
#m_ptj_list ul li span{display:block;width:295px;height:295px;padding:4px;border:1px solid #d0a300;}
#m_ptj_list ul li a img{border:none;width:295px;height:295px;}


/*客户留言*/
#m_liuyan{width:94%;padding:3%;margin:auto;}
#m_liuyan p{font-size:16px;}
#m_liuyan p b{color:#89340d;font-size:18px;}
#txtcontent{width:100%;height:100px;margin:10px auto;}
.txtinput{width:100%;height:30px;margin:10px auto;}
#txtbutton{width:100%;height:30px;background:#d5a600;border:none;}
}

#m_page{clear:both;width:100%;margin:20px 0 20px 0;text-align:center;color:#333;}

#foot{clear:both;width:100%;margin:20px 0;height: auto;text-align:center;}
/*底部导航*/
.body_footer {width:100%;height:45px;background: #004391;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#45ad00, endColorstr=#217404, grandientType=0);bottom: 0;border-top: #FFF solid 1px;}
.body_footer ul {width:100%;height:45px;line-height:45px;}
.body_footer ul li {width: 25%;float:left;color:#fff;}
.body_footer ul li a {width:100%;height:45px;display:block;border-right:#FFF solid 1px;}
.body_footer ul li a:hover{background: #0681da;}
.body_footer ul li dl {width: auto;margin: 0 auto;text-align: center;}
.body_footer ul li dt {width: auto;height: 25px;overflow: hidden;}
.body_footer ul li dd {width: auto;height: 20px;font-size: 12px;color: #fff;line-height: 20px;overflow: hidden;}

