body,form,img {margin:0; padding:0; border:0; font-size:14px; color:#555; font-family:Microsoft YaHei,"微软雅黑",Lucida,Verdana,Hiragino Sans GB,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;}
body { background:#ffffff;}
body img {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
                              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                              this.src = "/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
                              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
                              this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}
body a { text-decoration:none; color:#555; transition: all 0.5s ease 0s;}
body a:hover { color:#1e95d4;}
input,button,select,textarea{ outline:none; resize:none;}

input:-moz-placeholder,textarea:-moz-placeholder { color: #ddd;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #ddd;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ddd;}

.blue { color:#1e95d4;}
.clear { clear:both;}
.conbg { padding-bottom:100px; background:url(/img/bg.jpg) repeat-y center top;}

.topdiv { padding:55px 0 0 0;}
.toplink { padding-right:10%; background:#1e95d4; text-align:right; line-height:55px; height:55px; overflow:hidden; color:#ffffff; font-size:17px;}
.toplink a { color:#ffffff; vertical-align:middle;}
.toplink a:hover { color:#f0f0f0;}
.toplink span,.toplink img { vertical-align:middle;}
.top-text-line { padding:0 20px;}
.topmenubox { margin:0 auto; padding:30px 0; width:64%; text-align:right;}
.top-logo { float:left;}
.topmenubox a { display:inline-block; margin-left:6%; font-size:17px; line-height:55px; height:55px;}
.topmenubox a.on,.topmenubox a:hover { color:#1e95d4; border-bottom:2px solid #1e95d4}


.footertop { height:0px; background:#ffffff;}
.footerdiv { padding:55px 16%; background-color:#90cce7;}
.footer-link { padding:25px 0 0 0; height:118px; overflow:hidden; color:#858484; font-size:15px; background:url(/img/erweima.gif) no-repeat left top; text-align:right; line-height:28px;}
.footer-link a { color:#858484;}
.footer-link span { padding:0 10px; color:#d6ebf5;}


.float_r { position:fixed; right:18px; bottom:150px; z-index:99999;
         _position: absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-60);}

.shops   { display:block; margin-bottom:5px; width:221px; height:60px; 
           background:url(../img/floatbut-buy.png) no-repeat right 0px;
           filter: alpha(opacity=60); opacity:0.6;
}
.shops:hover { filter: alpha(opacity=100); opacity:1;}
.totop   { display:block; margin-bottom:5px; width:221px; height:44px; 
           background:url(../img/floatbut-top.png) no-repeat right 0px;
           filter: alpha(opacity=60); opacity:0.6;
}
.totop:hover { filter: alpha(opacity=100); opacity:1;}


@media (max-width: 1600px){
    .topmenubox { width:75%; }
}

@media (max-width: 1200px){
    .topmenubox { width:85%; }
}

@media (max-width: 1000px){
.topdiv { padding:0;}
.toplink { padding-right:0; text-align:center;}
.topmenubox { width:100%; text-align:center;}
.top-logo {display:block; float:initial;}
.top-text-line { padding:0 3px;}
.topmenubox a { display:inline-block; margin-left:0; padding:0 1%; font-size:16px;}
.topmenubox a.home { display:none;}

.footertop { height:30px;}
.footerdiv { padding:30px 0 30px 0;}
.footer-link { padding:260px 0 0 0; text-align:center; background:url(/img/erweima2.gif) no-repeat center top;}
.float_r { display:none;}
}
@media (max-width: 409px){
.topmenubox a {  font-size:14px;}
}
@media (max-width: 399px){
.toplink { font-size:15px;}
.topmenubox a { padding:0 2px; font-size:14px;}
}
@media (max-width: 349px){
.toplink { font-size:14px;}
.topmenubox a { padding:0 2px; font-size:12px;}
}
@media (max-width: 309px){
.toplink { font-size:12px;}
.topmenubox a { padding:0 0px; font-size:12px;}
}
/*
link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候 

动画
transition: all 0.5s ease 0s;

行旋转、缩放、移动或倾斜:
transform:rotate(9deg);
-ms-transform:rotate(9deg);  Internet Explorer
-moz-transform:rotate(9deg); Firefox 
-webkit-transform:rotate(9deg); Safari 和 Chrome 
-o-transform:rotate(9deg); Opera 

整体透明度
filter: alpha(opacity=80); opacity:0.8;
背景透明
background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80ffffff,endcolorstr=#80ffffff);
圆角
-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
阴影
-moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.6);
    -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.6); 
    box-shadow: 5px 5px 8px rgba(0,0,0,0.6);

红色：#ec292d
    背景红：ff6600；
    深灰：555555
    浅灰：999999
    文字浅蓝：588cc7
    文字深蓝：35669e
    线条：049cdb
*/