﻿/*初始元素*/

html,body{font-size: 16px;color: #333;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "Microsoft YaHei";border: none;outline: none;font-size: 16px;color: #333;}
table{border-collapse: collapse;display: table;width: 100%;}
ol,ul,li{list-style: none;}
span,i,b{display: inline-block;}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;-webkit-transition: color, border, background 0.3s;-o-transition: color, border, background 0.3s;transition: color, border, background 0.3s;}
img{display: inline-block;vertical-align: middle;}

/*美化滚动条*/

::-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;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.oe{display: block;text-align: justify;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{text-align: justify;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dot3{text-align: justify;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{text-align: justify;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !important;}
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}

/*表单*/

input,button{display: inline-block;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: #aaa;}
input::-moz-placeholder{ color: #aaa;}
input:-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder{ color: #aaa;}

/*图片缩放*/

.anisca{cursor: pointer;overflow: hidden;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}

/*图片上浮*/

.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}

/*图片旋转*/

.anirot{cursor: pointer;overflow: hidden;}
.anirot img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.anirot:hover img{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

/*定义版心*/

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

/*去除vue的闪屏*/

[v-cloak]{ display: none !important;}

/*临时备用*/

.br1{border: 1px solid red !important;}
.br2{border: 1px solid orange !important;}
.bg1{background: pink !important;}
.bg2{background: orange !important;}

/*定义间距*/

.padxx0{padding: 75px 0 !important;}
.padtopx{padding-top: 75px !important;}
.padbotx{padding-bottom: 75px !important;}
.magbotx{margin-bottom: 75px !important;}
.magtopx{margin-top: 75px !important;}

/*定义标题*/

.comJqTitle{text-align: center;}
.comJqTitle .p1{font-size: 54px;}
.comJqTitle .p2{font-size: 16px;padding-top: 10px;}
.comJqTitle.ifhei .p1{color: #333;}
.comJqTitle.ifhei .p2{color: #333;}
.comJqTitle.ifbai .p1{color: #fff;}
.comJqTitle.ifbai .p2{color: #fff;}

/*定义按钮*/

.comJqBtnBox{width: 100%;display: flex;justify-content: center;}
.comJqButton{width: 430px;height: 75px;border-radius: 75px;background: #E91A1A;font-size: 32px;color: #fff;display: inline-flex;justify-content: center;align-items: center;overflow: hidden;}
