﻿* {margin:0 auto;}



body {font-family:Microsoft yahei;font-size:12px;color:#666666; background:#F0F0F0; font-family: "微软雅黑", "Microsoft yehei";}



body,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img{margin:0;padding:0;}



@media all and (min-width:640px) {body {width:640px;margin:0 auto;}}



div,ul,ol,li,dl,dt,dd {list-style:none;}



fieldset,img {border:0;}



a:link,a:visited {color:#666666;font-size:12px;text-decoration:none;}



a:hover,a:active {color:#FF0000;font-size:12px;text-decoration:none;}

img {

    width: 100%;

    vertical-align: middle;

}





a.white,a.white:visited      {color:#FFFFFF;font-size:12px;text-decoration:none;}



a.white:hover,a.white:active {color:#fff;font-size:12px;text-decoration: underline;}



a.black,a.black:visited      {color:#666666;font-size:12px;text-decoration:none;}



a.black:hover,a.black:active {color:#333;font-size:12px;text-decoration:none;}



a.blue,a.blue:visited      {color:#0000FF;font-size:12px;text-decoration:none;}



a.blue:hover,a.blue:active {color:#FF0000;font-size:12px;text-decoration:none;}



a.red,a.red:visited      {color:#FF0000;font-size:12px;text-decoration:none;}



a.red:hover,a.red:active {color:#FF0000;font-size:12px;text-decoration:none;}



a.links,a.links:visited      {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}



a.links:hover,a.links:active {color:#FF0000;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}







.clear,.cl {clear:both;}



.fl,.l { float:left;}



.fr,.r { float:right;}



.center { text-align:center;}



.mt5 { margin-top:5px;}



.mt10 { margin-top:10px;}





.text { border:1px solid #8A8484;height:20px;line-height:20px;width:120px;}







.bridgeCode{width:99%;margin:0 auto;text-align:center;padding-bottom:5px;}



.bridgeCode span {padding:0px 10px 0px 10px;}



.button_submit { padding-bottom:2px;font-weight:normal;cursor:pointer;}



.button_upload { padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;}



.topCon_1 {float:left;width:100%;}



/*top*/



.iphone_tel{width: 95%;margin: 1em auto 1em auto;border: 1px solid #EAEAEA;text-align: center;background: #FFFFFF;clear: both;}

.iphone_tel a{height: 100%; display: block; background:url(../images/iphoness.gif) no-repeat 3em;background-size:14px 14px;font-weight: bold; letter-spacing: 2px;line-height: 1.7em;}

.iphone_tel a:link{ font-size: 1.1em; }

.Top-main{width:100%;height:36px;border-bottom:1px solid #DDDDDD;}



.Top-left{width:200px;height:36px;line-height:36px;float:left;}



.Top-left span {color:#666666;padding-left:5px;}



.Top-right{width:100px;height:36px;line-height:36px;float:right;text-align:right;}



.Top-right span {padding-right:5px;}



.Top-right a:link,.Top-right a:active,.Top-right a:visited{color:#06929F;text-decoration:none;font-size:14px;}



.Top-right a:hover{font-size:14px;color:#FF0000;text-decoration:none;}



.Header{width:365px;margin-top:0px;}



.Header-logo{float:left;width:100%;padding-top:5px;}





/*nav*/

.Menus{width:95%;clear:both;height:75px;margin:0 auto;}



.Menus ul{list-style:none;}



.Menus ul li{ float:left;text-align:center;line-height:30px;width:25%;}		



.Menus ul a{display:block;margin:10px 0px 0px 3px;}



.Menus ul a:link,.Menus ul a:active,.Menus ul a:visited{float:left;width:95%;height:30px;color:#FFFFFF;background:#a52a25;font-size:14px;}	



.Menus ul a:hover{float:left;width:95%;height:30px;color:#fff;background: #717171;font-size:14px;}



/* banner */

.g-adv { position:relative; height:auto; clear:both; width:95%; margin-top:1.2em;}

.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em;overflow:hidden;}





/*产品类别*/

.Menus1{width:100%;clear:both;padding-top:4px;}



.Menus1 ul{list-style:none;overflow:hidden;}



.Menus1 ul li{ float:left;text-align:center;line-height:36px;width:50%;}		



.Menus1 ul a{display:block;margin:10px 0px 0px 10px;}



.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited{float:left;width:95%;height:36px;border:1px solid #BFBFBF;border-radius:5px;background:url('../images/c3.png');font-size:14px;}	



.Menus1 ul a:hover{float:left;width:94%;height:36px;color:#FFFFFF;border:1px solid #246cd8;border-radius:5px;background:#a52a25;font-size:14px;}





/*about*/



.ContentA{clear:both;width:94%;padding:2px 0px 12px 0px;} 



.ContentA1{width:100%;height:30px;line-height:30px;background:#a52a25;font-size:14px;}



.ContentA1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}



.ContentA2{width:100%;background:#F8F7F4;} 



.ContentA2a{width:90px;float:left;padding:12px 0px 0px 22px;} 



.ContentA2b{width:90%;float:left;line-height:21px;padding:10px;} 



.ContentA2b img {max-width:98%;height:98% !important;}



.view_menumain{float:left;display:none;width:96%;padding:2%;}



.view_menumain a{float:left;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;margin:0 1% 5px 1%;font-size:16px;padding:0.5% 1%; border:1px solid #333;color:#33;border-radius:5px;background:#fff;}



.view_menumain a:hover,.view_menumain a:focus{ color:#fff;background:#333;border:1px solid #333; }









/*news*/

.ContentB{clear:both;width:95%;}



.ContentB1{width:100%;height:30px;background:#a52a25;}



.ContentB1a{float:left;width:100%;height:30px;line-height:30px;font-size:14px;}  



.ContentB1a span {color:#FFFFFF;padding-left:15px;}



.ContentB1b{float:left;width:70px;height:14px;padding-left:2px;background:#32CFB2;color:#FFFFFF;margin-top:4px;}  



.ContentC{clear:both;width:94%;}



.ContentC1{width:100%;height:30px;line-height:30px;background:#a52a25;font-size:14px;}



.ContentC1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}



.ContentC .BB{clear:both;width:95%;height:20px;text-align:right;border-bottom:1px solid #DDDDDD;}





/*latest product*/

.ContentE{clear:both;width:94%;}



.ContentE1{width:100%;height:30px;line-height:30px;background:#a52a25;font-size:14px;}



.ContentE1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}



.ContentE2{float:left;width:48%;margin:5px 1% 10px 1%;overflow:hidden;} 



.ContentE2a{width:98%;height:10em;border:1px solid #CCCCCC;background:#fff;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 



.ContentE2a img {width:100%;}



.ContentE2b{width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:url("../images/c3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);text-align:center;color:#3f4d5a;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 





/*news*/

.newslist1{ clear:both;width:94%;padding:5px 0px 0px 0px;}



.newslist1 ul{float:left;width:100%;list-style:none;}



.newslist1 ul li{ padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px; overflow:hidden;}



.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active{text-decoration:none;font-size:12px;color:#666666;}



.newslist1 ul li a:hover{ text-decoration:none;font-size:12px;color:#246cd8;}



/*技术支持*/

.jszc{ text-align:center; height:7em; line-height:4em;}

/*技术支持*/

/*底部导航*/

.f_menu{ position:fixed; z-index:10; bottom:0; width:100%; max-width:640px; background:#a52a25;}

.f_menu li{ position:relative; float:left; width:25%;}

.f_menu li:before{ position:absolute; content:''; width:1px; height:1.8em; top:0.6em; right:0; background: #E4E4E4;}

.f_menu li:nth-of-type(4):before{ background:#0449b1;}

.f_menu li:nth-of-type(1){ width:25%;}

.f_menu li a{ display:block; height:2.9em; line-height:2.9em; text-align:center;color:#ffffff; }

/*.f_menu li:nth-of-type(1) a{background:url(../Images/Common/f_icon1.gif) no-repeat center 0.4em; background-size:2.4584em 2.2084em;}*/

.f_menu li ul{ position:absolute; z-index:100; width:100%; left:0; bottom:2.9em;  background:#f6f6f6; border:1px solid #e3e3e3; border-bottom:none; border-radius:3px; display:none;}

.f_menu li:nth-of-type(2) ul li{ float:none; width:100%;}

.f_menu li:nth-of-type(2) ul li:before{ background:#f6f6f6; height:0.1em;}

.f_menu li:nth-of-type(2) ul li a{ display:block; width:100%; height:2.3em; padding:0; border-bottom:1px solid #e7e7e7; text-align:center; line-height:2.3em; color:#000000; background:none;}

.f_menu li ul li:last-of-type a{ border-bottom:none;}



/*底部导航*/











