
/*定义颜色*/
/*白烟色*/
.text-whitesmoke { color: #f0f0f0!important;}
.bg-whitesmoke { background-color: #f0f0f0!important;}
.btn-whitesmoke{ background-color: #f0f0f0; border-color: #f0f0f0;}
.btn-outline-whitesmoke{ color: #f0f0f0; background-color: transparent; background-image: none; border-color: #f0f0f0;}
.btn-outline-whitesmoke:hover { color: #fff; background-color: #f0f0f0; border-color: #f0f0f0;}
/*暗灰*/
.text-dimgray { color: #b4b4b4!important;}
.bg-dimgray { background-color: #b4b4b4!important;}
.btn-dimgray{ background-color: #b4b4b4; border-color: #b4b4b4;}
.btn-outline-dimgray{ color: #f0f0f0; background-color: transparent; background-image: none; border-color: #b4b4b4;}
.btn-outline-dimgray:hover { color: #fff; background-color: #b4b4b4; border-color: #b4b4b4;}
/*深红*/
.text-crimson { color: #b90000!important;}
.bg-crimson { background-color: #b90000!important;}
.btn-crimson{ background-color: #b90000; border-color: #b90000;}
.btn-outline-crimson{ color: #424242; background-color: transparent; background-image: none; border-color: #b90000;}
.btn-outline-crimson:hover { color: #fff; background-color: #b90000; border-color: #b90000;}
/*暗红*/
.text-darkred { color: #d00000!important;}
.bg-darkred { background-color: #d00000!important;}
.btn-darkred{ background-color: #d00000; border-color: #d00000;}
.btn-outline-darkred{ color: #424242; background-color: transparent; background-image: none; border-color: #d00000;}
.btn-outline-darkred:hover { color: #fff; background-color: #d00000; border-color: #d00000;}
/*阳橙*/
.text-sunorange { color: #ff6600!important;}
.bg-sunorange { background-color: #ff6600!important;}
.btn-sunorange{ background-color: #ff6600; border-color: #ff6600;}
.btn-outline-sunorange{ color: #424242; background-color: transparent; background-image: none; border-color: #ff6600;}
.btn-outline-sunorange:hover { color: #fff; background-color: #ff6600; border-color: #ff6600;}

/*橙色*/
.text-freshorange { color: #ffaa14!important;}
.bg-freshorange { background-color: #ffaa14!important;}
.btn-freshorange{ background-color: #ffaa14; border-color: #ffaa14;}
.btn-outline-freshorange{ color: #424242; background-color: transparent; background-image: none; border-color: #ffaa14;}
.btn-outline-freshorange:hover { color: #fff; background-color: #ffaa14; border-color: #ffaa14;}

/*橘色*/
.text-orange { color: #ff6a15!important;}
.bg-orange { background-color: #ff6a15!important;}
.btn-orange{ background-color: #ff6a15; border-color: #ff6a15;}
.btn-outline-orange{ color: #424242; background-color: transparent; background-image: none; border-color: #ff6a15;}
.btn-outline-orange:hover { color: #fff; background-color: #ff6a15; border-color: #ff6a15;}


/*橘红色*/
.text-orangered { color: #c23b00!important;}
.bg-orangered { background-color: #c23b00!important;}
.btn-orangered{ background-color: #c23b00; border-color: #c23b00;}
.btn-outline-orangered{ color: #424242; background-color: transparent; background-image: none; border-color: #c23b00;}
.btn-outline-orangered:hover { color: #fff; background-color: #c23b00; border-color: #c23b00;}



/*浅淡绿*/
.text-shallowgreen { color: #f8f8f2!important;}
.bg-shallowgreen { background-color: #f8f8f2!important;}
.btn-shallowgreen{ background-color: #f8f8f2; border-color: #f8f8f2;}
.btn-outline-shallowgreen{ color: #424242; background-color: transparent; background-image: none; border-color: #f8f8f2;}
.btn-outline-shallowgreen:hover { color: #fff; background-color: #f8f8f2; border-color: #f8f8f2;}
/*浅绿*/
.text-lightgreen { color: #a4dca1!important;}
.bg-lightgreen { background-color: #a4dca1!important;}
.btn-lightgreen{ background-color: #a4dca1; border-color: #a4dca1;}
.btn-outline-lightgreen{ color: #424242; background-color: transparent; background-image: none; border-color: #a4dca1;}
.btn-outline-lightgreen:hover { color: #fff; background-color: #a4dca1; border-color: #a4dca1;}


/*深绿*/
.text-darkgreen { color: #007f00!important;}
.bg-darkgreen { background-color: #007f00!important;}
.btn-darkgreen{ background-color: #007f00; border-color: #007f00;}
.btn-outline-darkgreen{ color: #424242; background-color: transparent; background-image: none; border-color: #007f00;}
.btn-outline-darkgreen:hover { color: #fff; background-color: #007f00; border-color: #007f00;}

/*浅粉*/
.text-lightpink { color: #fdf3f4!important;}
.bg-lightpink { background-color: #fdf3f4!important;}
.btn-lightpink{ background-color: #fdf3f4; border-color: #fdf3f4;}
.btn-outline-lightpink{ color: #424242; background-color: transparent; background-image: none; border-color: #fdf3f4;}
.btn-outline-lightpink:hover { color: #fff; background-color: #fdf3f4; border-color: #fdf3f4;}
/*棕色*/
.text-brown { color: #804000!important;}
.bg-brown { background-color: #804000!important;}
.btn-brown{ background-color: #804000; border-color: #804000;}
.btn-outline-brown{ color: #424242; background-color: transparent; background-image: none; border-color: #804000;}
.btn-outline-brown:hover { color: #fff; background-color: #804000; border-color: #804000;}

/*样式*/
*{ padding: 0; margin: 0; list-style: none; text-decoration:none; }
ul,li{ list-style: none; }
.text-decoration-none:hover{ text-decoration: none; }
.btn-apply:hover{ text-decoration: none; }
.btn-host:hover{ text-decoration: none; }
.btn-template:hover{ text-decoration: none; }
body {font-size: .875rem;}
.btn-apply{ border: 1px solid #a51914; background: linear-gradient(#a51914, #d22346);}
.btn-host{ border: 1px solid #82d700; background: linear-gradient(#82d700, #228600);}

.btn-template{ border:none; background:#c23b00; box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.8);}
.btn-vicenav{background: linear-gradient(#e1e1e1, #fff, #d4d4d4);}

.btn-brown{background: linear-gradient(#a5a569, #9b9b5a);}


.bg-lightredwhite{background: linear-gradient( #fad2d2, #fff );}
.bg-lefttitle{background: linear-gradient(#ec6a6a, #d83c3c, #b40000);}
.bg-titlegrey{background: linear-gradient(#fff, #f4f4f4);}
.bg-shallgreen{background: linear-gradient( #aade90, #dcf0d7 );}

.text-shadyellow{ color:#877013;}
.swiper-banner-pagination{ z-index: 9; }
.swiper-banner-pagination span{ z-index: 99; background: white; width: 25px; height: 10px; border-radius: unset;}
.topcontent{margin-top:70px!important;}
.topcontent-in{margin-top:70px!important;}
.table-sm-none{ display: contents;}
 .w-md-75{ width: 75% }

.must:before{ content: '* '; color: red; margin-left:-10px; width: 1px; position: relative;left: 4px;}

@media (min-width: 1200px) {
  .topcontent{margin-top:110px!important;}
}
@media (max-width: 768px) {
 .lg-border-none{ border:none!important; }
 .w-md-75{ width: 100% }
 .md-small{ font-size: 80%;}
}

@media (max-width: 576px) {
.sqfwnav .btn{ font-size: .75rem!important; }

.table-sm-none{ display: none; }

}

/*条纹表格*/
.table-striped-cream tbody tr:nth-of-type(odd){background-color:#FFF8EB;}
.w80{ width: 80px; }
.w65{ width: 65px; }


.w-75-100{width: 75%}
.w-100-50{width: 100%}
.w-50-100{width: 50%}
.w-50-75{width: 50%}
.w-50-25{width: 50%}
@media (max-width: 1200px) {
	.w-75-100{width: 100%}

.w-50-100{width: 100%}
.w-50-75{width: 75%}
.w-50-25{width: 25%}
}


.md-border{border-left: 1px black solid;border-right: 1px black solid;}
@media (max-width:576px) {
	.md-border{border: 0;}
	.w-100-50{width: 50%}


}


.contact-title{
	font-size: 1.125rem; background: linear-gradient(to right top, rgb(205,230,190,1) , rgb(205,230,190,.2), rgb(205,230,190,0));
}
.contact-title0{
	font-size: 1.125rem; background: linear-gradient(to left top, rgb(205,230,190,1) , rgb(205,230,190,.2), rgb(205,230,190,0));
}
.contact-txt{background: linear-gradient(to right bottom, #aaffc8 , #f0fff5,#fff);}
.contact-txt0{background: linear-gradient(to left bottom, #aaffc8 , #f0fff5,#fff);}
.contact-txt1{background: linear-gradient(to left bottom, #cdffde , #eefff4,#fff);}

.contact-top{background: linear-gradient( #dcf0d7, #fff ); border-top: 1px solid #999;}

.decimal>li{list-style: decimal;}