﻿@charset "utf-8";
/* CSS Document */
/*框架css*/
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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th{ margin:0; padding:0;outline:0;border:none;}
body{ -webkit-text-size-adjust:none;font-family:"pnormal",微软雅黑; line-height:30px; font-size:16px;color:#333;background:url(../images/bg.jpg) top center no-repeat;  background-size:cover;  overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,li,ol,dl,dt,dd{list-style:none;line-height:24px;}
input,select{ margin:0; padding:0; font-size:12px;}
.fleft{ float:left;}
.fright{ float:right;}
.textcenter{ text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}

@font-face{
    font-family: 'STXINWEI';
    src: url('STXINWEI.eot');
    src:url('STXINWEI.woff') format('woff'),
    url('STXINWEI.ttf') format('truetype'),
    url('STXINWEI.svg') format('svg');
}
@font-face{
    font-family: 'pnormal';
    src: url('pnormal.eot');
    src:url('pnormal.woff') format('woff'),
    url('pnormal.ttf') format('truetype'),
    url('pnormal.svg') format('svg');
}

a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{color:#ac794c; text-decoration:under-line; cursor:pointer;}
img{border:none; vertical-align:middle;}

/* clearfloat :清除浮动*/
.fix{*zoom:1;}
.fix:after{display:block; content:"."; height:0; clear:both;visibility:hidden;}

/*常用css*/
.width100{width:100%; margin:0 auto; overflow: hidden;}
.width1280{width:1280px;margin: 0 auto;overflow: hidden;}
.width1440{width:1440px;margin: 0 auto;overflow: hidden;}
.marauto{margin:0 auto;}
.shrink{-webkit-transform:scale(0.8);display:block}

/*其他*/
/*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*//*媒体查询*/
@media screen and (min-width:768px) and (max-width:1280px) {	
.width100{width:100%; margin:0 auto; overflow: hidden;}
.width1280{width:100%;margin: 0 auto;overflow: hidden;}
.width1440{width:100%;margin: 0 auto;overflow: hidden;}
.fleft{ float:none;}
.fright{ float:none;}

}


@media screen and (min-width:320px) and (max-width:767px) {	
.width100{width:100%; margin:0 auto; overflow: hidden;}
.width1280{width:100%;margin: 0 auto;overflow: hidden;}
.width1440{width:100%;margin: 0 auto;overflow: hidden;}
.fleft{ float:none;}
.fright{ float:none;}

}