html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#4f5157;text-decoration:none}html,body{min-height:100%;font:12px/1.4 'Microsoft YaHei','Hiragino Sans GB',Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:#fff}html{overflow-y:scroll}input::-webkit-input-placeholder{color:#9e9e9e}input::-moz-placeholder{color:#9e9e9e}input:-ms-input-placeholder{color:#9e9e9e}strong{font-weight:700}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}.clearfix{display:block}.left{float:left}.right{float:right}.clear{clear: both}
.wrap{width:1200px;margin:0 auto;}
.head{width:100%;height:30px;line-height:30px;background:#efefef;font-size:14px;}
.head .left{padding: 0 0 0 5px}.head .right{padding: 0 5px 0 0}
.head .right img{width:20px;margin:4px 5px 0 0;vertical-align:-5px;}
nav{height:95px;}
.logo{float:left;font-size:38px;color: #2f6194;margin:17px 0 0 5px;}.logo img{float:left;margin:10px 0 0 5px;}
nav ul{float:left;display:block;height:38px;margin: 26px 0 0 150px;}
nav ul li{height:38px;line-height:38px;display:block;float:left;margin: 0 15px 0 0}
nav ul li a{line-height:38px;font-size:18px;display:block;padding: 0 15px;}
nav ul li.on,nav ul li a:hover{background: #2f6194;border-radius:3px;color:#FFF}nav ul li.on a{color:#FFF !important}
.banner{height:424px;width: 100%;background:#4ac4e9 url("banner.jpg") no-repeat center center}
.main{width: 1200px;margin:0 auto}
.companybox{padding:25px 0 0 0;}
.companybox img{float: left;margin: 0 20px 0 0;border-radius: 3px;}
.companybox h1{font-size:25px;}.companybox p{font-size:17px;line-height: 28px; margin: 0 0 10px 0;}
footer{background:#24628d;height:222px;color: #FFF}.fbottom{text-align:center;padding:45px 0 0 0;font-size: 14px;}
footer a,.fbottom a{color:#FFF !important;}
.flogo{float: left}.flogo img{float: left;width:150px;margin:45px 22px 0 20px;}
.fservice{font-size:16px;float:left;padding:0 20px 10px 20px;margin:50px 0 0 0;border-left: 1px solid #FFF;height:70px;line-height:38px;}
.fconnect{font-size:16px;float: right;text-align: center;padding:30px 0 0 0;}
.fconnect img{width:88px;}
.ftaobao{float:left;width:88px;}.fweixin{float:left;width:88px;margin: 0 0.1rem 0 20px}
.fnav{font-size:20px;float:left;padding:0 20px 10px 20px;margin:70px 0 0 60px;}
.fnav li{float: left;display: inline-block;margin: 0 15px 0 0}
.h20{height:20px;clear:both;}.h30{height:30px;clear:both;}
.product{padding:25px 0 15px 0;}.product ul{height: 450px;}
.product h2{font-size:25px;margin:0px 0 15px 0;}.product li{width:23%;float:left;display: inline;margin: 0 2% 2% 0;}.product img{width: 100%;}
.product li:last-child{margin-right: 0;}
.fbottom a{margin-left: 20px;}.fbottom a:hover{text-decoration:underline}