/*初始元素*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
html,body,textarea{line-height: 1;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", arial, helvetica, sans-serif;font-size: 16px;color: #333;}
address,caption,cite,code,dfn,strong,th,var,b,i,em,strong,h1,h2,h3,h4,h5,h6{font-style: normal;}
ol,ul,li{list-style: none;}
iframe{border: none !important;outline: none !important;}
table{border-collapse: collapse;display: table;width: 100%;}
span,i,b{display: inline-block;}
*{box-sizing: border-box;}

/*美化滚动条*/

::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-track{background-color: #EEEEEE;}
::-webkit-scrollbar-thumb{background-color: #D6D6D6;}
::-webkit-scrollbar-thumb:hover{background-color: #ccc}
::-webkit-scrollbar-thumb:active{background-color: #ccc}

/*文字段落*/

.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.taj{text-align: justify !important;}
.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}

/*超出隐藏*/

.oe{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dot{text-align: justify;overflow: hidden;}
.dot2{text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*清除浮动*/

.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*+height: 1%;}

/*图片的前景和背景*/

.bgcen{width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{width: 100%;background-repeat: no-repeat !important;background-size: cover !important;background-position: center center !important;}
.bg100{width: 100%;background-repeat: no-repeat !important;background-size: 100% 100% !important;background-position: center center !important;}
.imgcen{display: block;margin: 0 auto;}
.img100{display: block;width: 100%;height: 100%;}
.imgcov{display: block;width: 100%;max-width: 100%;object-fit: cover;}

/*超链接和图片*/

a,img{border: none;outline: none}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;;}
img{display: inline-block;max-width: 100%;vertical-align: middle;}

/*表单*/

input,button{display: inline-block;border: none;outline: none;background: none;-webkit-appearance: none;}
input,textarea,select,button,fieldset,object{-moz-appearance: none;outline: none;-moz-outline: none;-webkit-box-shadow: none;box-shadow: none;-moz-box-shadow: none;}
textarea{resize: none;-webkit-appearance: none;}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],input[type="button"],button{cursor: pointer;}
input::-ms-clear,input::-ms-reveal,input::-o-clear{display: none;}
input::-webkit-input-placeholder{ color: #999;}
input::-moz-placeholder{ color: #999;}
input:-moz-placeholder{ color: #999;}
input:-ms-input-placeholder{ color: #999;}

/*定义版心*/

.banxin95{width: 95%;margin: 0 auto;}
.banxin90{width: 90%;margin: 0 auto;}
.banxin85{width: 85%;margin: 0 auto;}
.banxin80{width: 80%;margin: 0 auto;}

/*如果是手机端的重置*/

a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none;}

/*公共类头部*/

body{padding-top: 70px;}
.comHeader{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);height: 70px;display: flex;align-items: center;position: fixed;left: 0;top: 0;width: 100%;z-index: 998877;}
.comHeader .comHeader2{display: flex;justify-content: space-between;}
.comHeader .logobox{display: flex;}
.comHeader .logobox a{width: 140px;}
.comHeader .txtbox{display: flex;}
.comHeader .txtbox a{border: 0px solid red;height: 100%;display: flex;align-items: center;padding-left: 0.5rem;}
.comHeader .txtbox a:nth-child(1) img{width: 0.4rem;height: 0.4rem;}
.comHeader .txtbox a:nth-child(2) img{width: 0.4rem;height: 0.33rem;}

/*公共类侧边栏导航*/

.comSlideMask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100vw;height: 100vh;z-index: 9988772;transition: all 0.3s;transform: translateX(100%);}
.comSlideMask.on{transform: translateX(0%);}
.comLeftMask{position: fixed;top: 0;left: 0;bottom: 0;width: 35vw;height: 100vh;background: rgba(0, 0, 0, 0.4);}
.comSlideNav{position: fixed;top: 0;right: 0;bottom: 0;width: 65vw;height: 100vh;padding: 12% 8%;background: #B3171D;}
.comSlideNav .titles{font-size: 0.35rem;color: #fff;text-align: center;padding-bottom: 0.5rem;}
.comSlideNav .lists a{display: block;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);display: flex;align-items: center;justify-content: space-between;padding: 0.3rem 0;}
.comSlideNav .lists a:first-child{border-top: 1px solid rgba(255, 255, 255, 0.3);}
.comSlideNav .lists a span{font-size: 0.32rem;color: #fff;}
.comSlideNav .lists a img{width: 0.15rem;height: 0.27rem;}

/*公共类标题*/

.comtitle1{text-align: center;padding: 0.85rem 0 0.55rem;}
.comtitle1 .p1{color: #eaeaea;font-size: 0.8rem;font-weight: 700;letter-spacing: 1px;}
.comtitle1 .p2{color: #222;font-size: 0.38rem;font-weight: 700;letter-spacing: 1px;position: relative;top: -16px;}
.comtitle1 .p3{color: #888;font-size: 0.24rem;}

/*仅仅是为了PC上看到好看而已*/

@media screen and (min-width:750px){
  /*仅仅是为了PC上看到好看而已*/
  body{max-width: 750px;margin: 0 auto;}
  .comHeader{max-width: 750px;left: 50%;transform: translateX(-50%);}
  }