@font-face {
    font-family: "syst"; 
    src: url('../font/syst.woff2') format('woff2');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  
body {
    color: #333;
    font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important;
}
fieldset,img {border:0 none}    
dl,ul,ol,menu,li {list-style:none}     
blockquote, q {quotes: none}     
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}    
input,select,textarea,button {vertical-align:middle}    
button {border:0 none;background-color:transparent;cursor:pointer}    
body {background:#fff}     
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;    font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important;} 
a {color:#444;text-decoration:none}  
a:active, a:hover {text-decoration:none}     
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}    
caption {display:none;}      
table {width:100%;border-collapse:collapse;border-spacing:0;}      
img{vertical-align:top}    
   
  
   
    
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
   
  

.gp-pa{position: absolute;}
.gp-pr{position: relative;}
.gp-clearFix{*zoom:1;clear:both;}
.gp-clearFix:after{content: '';display: block;clear:both;}
.gp-clear{width: 100%;overflow:hidden;}

.gp-img-responsive{width: 100%;height: 0;padding-bottom: 56.25%;overflow:hidden;display: block;background-color: #d2d2d2}
.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;max-width:none;}
.gp-img-responsive img:hover{transform:scale(1.03);opacity: 0.85;}
.gp-radius{border-radius: 3px;display: block;overflow: hidden;}
.gp-round{border-radius: 500px;display: block;overflow: hidden;}
.gp-circle{border-radius: 50%;display: block;overflow: hidden;}

.gp-img-thumbnail {display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff; border:1px solid #ddd;border-radius:0; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.gp-ib{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}

.gp-overlay{width: 100%;height: 100%;position: fixed;top: 0;z-index: 180;background: #000;opacity: 0.7;filter: alpha(opacity=80);display: none;left:0}

.gp-article ol,.gp-article ol li,.gp-order-list li,.gp-order-list{list-style:decimal inside none;}
.gp-article ul,.gp-article ul li,.gp-unorder-list li,.gp-unorder-list{list-style: disc inside  none;}
.gp-unorder-list.circle{list-style-type:circle}
.gp-unorder-list.square,.gp-unorder-list.square li{list-style-type:square}
.gp-unorder-list.upper-roman,.gp-unorder-list.upper-roman li{list-style-type:upper-roman}
.gp-unorder-list.lower-alpha,.gp-unorder-list.lower-alpha li{list-style-type:lower-alpha}
.gp-article{word-break: break-word;}

.gp-f12{font-size:12px;font-size: 1.2rem;}
.gp-f14{font-size:14px;font-size: 1.4rem;}
.gp-f16{font-size:16px;font-size: 1.6rem;}
.gp-f18{font-size:18px;font-size: 1.8rem;}
.gp-f20{font-size:20px;font-size: 2rem;}
.gp-f22{font-size:22px;font-size: 2.2rem;}
.gp-f24{font-size:24px;font-size: 2.4rem;}
.gp-f26{font-size:26px;font-size: 2.6rem;}
.gp-f28{font-size:28px;font-size: 2.8rem;}
.gp-f30{font-size:30px;font-size: 3rem;}
.gp-f32{font-size:32px;font-size: 3.2rem;}
.gp-f34{font-size:34px;font-size: 3.4rem;}
.gp-f36{font-size:36px;font-size: 3.6rem;}
.gp-f38{font-size:38px;font-size: 3.8rem;}
.gp-f40{font-size:40px;font-size: 4rem;}
.gp-ul-inline{font-size: 0;}
.gp-ul-inline > li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.gp-fl,.gp-md-fl,.gp-sm-fl{float: left;}
.gp-fr,.gp-md-fr,.gp-sm-fr{float: right;}
.gp-center{display: block;margin-left: auto;margin-right: auto;}
.gp-vam,.gp-vama *{vertical-align:middle;}

.gp-black *,.gp-black {color:#333}
.gp-white *,.gp-white{color:#fff }
.gp-white *:hover,.gp-white:hover{color: #fff;}

.gp-ellipsis,.gp-text-truncate { word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.gp-opt-50{	opacity: 0.5;filter: alpha(opacity=50);}


[class*="gp-avg"] {font-size: 0;}
[class*="gp-avg"] > li{display: inline-block;*display: inline;*zoom: 1;font-size: 1.4rem;vertical-align: top;}

.gp-container{width: 1400px;margin-left: auto;margin-right: auto;}
.gp-row{margin-left: -15px;margin-right: -15px;}
.gp-m15{margin:0 15px}
.gp-p15{padding-left: 15px;padding-right: 15px;}
  
.clear{clear: both;}  
  
  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
*{
    box-sizing: border-box;
    word-break:break-all
}