﻿* {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:265px;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:#0075d8;font-size:14px;}	

.Menus ul a:hover{float:left;width:95%;height:30px;color:#fff;background:#0153b7;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:31.5%;}		

.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 #0075d8;border-radius:5px;background:#0075d8;font-size:14px;}


/*about*/

.ContentA{clear:both;width:94%;padding:2px 0px 12px 0px;} 

.ContentA1{width:100%;height:30px;line-height:30px;background:#0075d8;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{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:#0075d8;}

.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:#0075d8;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:#0075d8;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:8em;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{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;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;}

.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:#0075d8;}

/*技术支持*/
.jszc{ text-align:center; height:7em; line-height:4em;}
/*技术支持*/
/*底部导航*/
.f_menu{ position:fixed; z-index:10; bottom:0; width:100%; max-width:640px; background:#0449b1;}
.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:#90aff5;}
.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;}

/*底部导航*/





