blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
body{font-size:12px;font-family:"Microsoft YaHei",Arial,"\5B8B\4F53",Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}
html{color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
audio,canvas,video{display:inline-block}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
input{outline:0}
a{text-decoration:none;color:#333}
img{border:0}
.clear:after,.clearfix:after{visibility:hidden;display:block;font-size:0;content:"\20";clear:both;height:0}
body,html{background:#eeeef2}
.wrapper{width:1000px;min-width:1000px;margin-left:auto;margin-right:auto}
.fl{float:left}
.fr{float:right}
.red{color:red!important}
.blue{color:#0048ff!important}
.blue2{color:#008aff!important}
.yellow{color:#f7e18a!important}
.orange{color:#ff6000!important}
.green{color:#2aa200!important}
img{vertical-align:middle}
#container{display:table;position:absolute;width:100%;z-index:20;text-align:center;cursor:context-menu}
.main{padding-top:155px}
.title{text-align:center;}
.clear{margin:0 auto;width:622px}
.clear .con{text-align: -webkit-center;}
.slogan{width:622px;text-align:center;margin-bottom:10px}
.web{margin-bottom:20px;display:block;width:289px;height:58px;background:url(../images/web.png) no-repeat}
.ser{margin-bottom:20px;display:block;width:289px;height:58px;background:url(../images/ser.png) no-repeat}
.bro{margin-bottom:20px;display:block;width:289px;height:58px;background:url(../images/bro.png) no-repeat}
@media screen and (max-width:1366px){
.main{padding-top:52px}
.clear{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.clear .con{float:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.slogan{width:100%;margin-bottom:10px}
.slogan img{width:40%;}
.web{background-size:200px 40px;width:200px;height:40px;}
.ser{background-size:200px 40px;width:200px;height:40px;}
.bro{background-size:200px 40px;width:200px;height:40px;}
.title img{text-align:center; width:40%}
}
@media screen and (max-width:1440px){
.main{padding-top:100px}
.clear{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.clear .con{float:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.slogan{width:100%;margin-bottom:10px}
.slogan img{width:40%;}
.web{background-size:200px 40px;width:200px;height:40px;}
.ser{background-size:200px 40px;width:200px;height:40px;}
.bro{background-size:200px 40px;width:200px;height:40px;}
.title img{text-align:center; width:40%}
}