/* reset */
@font-face {
    font-family: "syst"; /* Project id  */
    src: url('../fonts1/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}  /* 初始化标签在所有浏览器中的margin、padding值 */
body {
    color: #333;
    font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important;
}
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
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}  /* 重置表单button按钮效果 */  
body {background:#fff}   /* 重置body 页面背景为白色 */  
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标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
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;}    /* 重置table属性 */  
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */  
   
/* 页面设置 */  
   
  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  

.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}
/*文章页控制ul li序号*/
.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"] > li {float: left;} */
[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
}