﻿@charset "utf-8";
/*字体库引入*/

/*初始化样式*/
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: "微软雅黑", STXihei, STHeiti;
	border: none;
	text-decoration: none;
}
address, caption, cite, code, dfn, em, th, var, i, h1, h2, h3, h4 {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
del, ins, a {
	text-decoration: none;
}
caption, th {
	text-align: left;
}
input, button, textarea, select {
	font-size: 100%;
	border: none;
}
input::-webkit-input-placeholder {
color: #333;
font-size: 15px;
}
/*i,b,span,a{display:inline-block;}*/
a:hover, button:hover {
	cursor: pointer;
}
select {
	border: none;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url("../images/xiala.png") no-repeat right 10px center!important;
}
/*常用样式*/
/*统一浏览器盒子宽度：width（盒子宽度）=内容+padding*/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*清浮动*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
/*定位*/
.pf {
	position: fixed;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.ps {
	position: static!important;
}
/*布局*/
.none {
	display: none;
}
.block {
	display: block;
}
.inblock {
	display: inline-block;
}
.flex {
	display: flex;
}
.ablock a {
	display: block;
	width: 100%;
}
/*浮动*/
.fl {
	float: left;
	display: inline-block;
}
.fr {
	float: right;
	display: inline-block;
}
/*宽度*/
.wp50 {
	width: 50%;
}
.wp100 {
	width: 100%;
}
.w920 {
	width: 920px;
}
.w930 {
	width: 930px;
}
.w1200 {
	width: 1200px;
}
/*补白*/
.pl10 {
	padding-left: 10px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr160 {
	padding-right: 160px!important;
}
.pt30 {
	padding-top: 30px!important;
}
.pt50 {
	padding-top: 50px!important;
}
.pb0 {
	padding-bottom: 0!important;
}
.pb40 {
	padding-bottom: 40px!important;
}
.pb70 {
	padding-bottom: 70px!important;
}
/*边距*/
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt45 {
	margin-top: 45px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mt55 {
	margin-top: 55px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mt65 {
	margin-top: 65px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mt90 {
	margin-top: 90px!important;
}
.mt100 {
	margin-top: 100px!important;
}
.mt120 {
	margin-top: 120px!important;
}
.mt130 {
	margin-top: 130px!important;
}
.mt170 {
	margin-top: 170px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.ml25 {
	margin-left: 25px!important
}
.mr25 {
	margin-right: 25px!important;
}
/*背景颜色*/
.bgfff {
	background: #fff;
}
.bgfa {
	background: #fafafa;
}
.bgf5 {
	background: #f5f5f5;
}
.bgf9 {
	background: #f9f9f9;
}
/*边框*/
.bdnone {
	border: none!important;
}
.bdtnone {
	border-top: none!important;
}
.bdbnone {
	border-bottom: none!important;
}
.bdlnone {
	border-left: none!important;
}
.bdrnone {
	border-right: none!important;
}
/*文本对齐*/
.tal {
	text-align: left!important;
}
.tac {
	text-align: center!important;
}
.tar {
	text-align: right!important;
}
/*字体*/
.fs0 {
	font-size: 0px;
}
.afs0 a {
	font-size: 0px;
}
.fs16 {
	font-size: 16px!important;
}
.fs48 {
	font-size: 48px!important;
}
/*----  文本行数 ------- */
.textov1 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov3 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov4 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov5 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov6 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
.textov7 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-moz-box-orient: vertical;
}
/*字体颜色*/
.cwhite {
	color: #fff!important;
}
/*动画过渡时间*/
.transition5, .transitionImg5 img, .moveUp, .moveUp2, .enlarge, .enlargeLi img, .horizontalFlip, .horizontalFlipImg img, .horizontalFlipIcon li .icon, .rgbTgray, .rgbTgrayImg li img, .rgbTgrayIcon li .icon, .grayTrgb, .grayTrgbImg li img, .grayTrgbIcon li .icon {
	-moz-transition: all ease .5s 0s;
	-webkit-transition: all ease .5s 0s;
	cursor: pointer;
	transition: all ease .5s 0s;
}
/*鼠标悬浮上移*/
.moveUp:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.moveUp2:hover {
	-webkit-transform: translateY(-25px);
	-moz-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	-o-transform: translateY(-25px);
	transform: translateY(-25px);
}
/*（列表项图片）鼠标悬浮图片放大*/
.enlarge:hover, .enlargeLi li:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
/*鼠标悬浮（图片、图标）水平翻转*/
.horizontalFlip:hover, .horizontalFlipImg li:hover img, .horizontalFlipIcon li:hover .icon {
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/*鼠标悬浮箭头样式改变*/
.cursor:hover, .cursorLi li:hover {
	cursor: url("../images/pointer.ico"), auto;
}
/*rgb图变灰度图片*/
.rgbTgray, .rgbTgrayImg li img, .rgbTgrayIcon li .icon {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.rgbTgray:hover, .rgbTgrayImg li:hover img, .rgbTgrayIcon li:hover .icon {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
/*灰度图变rgb图片*/
.grayTrgb, .grayTrgbImg li img, .grayTrgbIcon li .icon {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.grayTrgb:hover, .grayTrgbImg li:hover img, .grayTrgbIcon li:hover .icon {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
/*持续性上下跳动*/
@keyframes beating {
 from {
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
 to {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
/*持续性左右延长收缩*/
@keyframes extending {
 from {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
 to {
-moz-transform: scaleX(2);
-ms-transform: scaleX(2);
-o-transform: scaleX(2);
-webkit-transform: scaleX(2);
transform: scaleX(2);
}
}
/*持续性放大缩小*/
@keyframes zoomimg {
 from {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
 to {
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
}
/*持续性平移*/
@keyframes translating {
 from {
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
 to {
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
/*溢出隐藏*/
.hidden {
	overflow: hidden;
}
/*主体内容宽度*/
.content {
	width: 1200px;
	margin: 0 auto;
}
/*--------------------------- 通用样式 结束----------------------------------- */
/*--------------------------- 公共样式 开始----------------------------------- */
body {
	font: 14px/1.5 \5FAE\8F6F\96C5\9ED1;
}/*定义默认字体大小为14px；行间距是1.5em，字体是微软雅黑*/
.banner {
	position: relative;
	float: none;
	text-align: center;
	width: 100%;
	font-size: 0;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	max-width: 100%;
	border: 0;
}
.rslides_tabs {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 99;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.rslides_tabs li {
	position: relative;
	float: left;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #fff;
	margin: 0 10px;
	transition: all .5s;
}
.rslides_tabs li a {
	display: block;
	width: 100%;
	color: transparent;
	font-size: 16px;
}
.rslides_tabs li.rslides_here {
	background: #0d5ba4;
}
.bannerCon {
	position: absolute;
	z-index: 100;
	bottom: 55px;
	left: 0;
	right: 0;
	margin: auto;
}
.bannerCon li {
	float: left;
	display: inline-block;
	width: 380px;
	margin-right: 30px;
	height: 130px;
	background: #fff;
}
.bannerCon li:nth-of-type(3n) {
	margin-right: 0;
}
.bannerCon .icon {
	display: flex;
	width: 130px;
	height: 130px;
	background: #f79f19;
	align-items: center;
	justify-content: center;
}
.bannerCon .icon span {
	display: inline-block;
	width: 61px;
	height: 61px;
	background: url(../images/bannericons.png) no-repeat;
}
.bannerCon li:nth-of-type(2) .icon span {
	background-position-x: -61px;
}
.bannerCon li:nth-of-type(3) .icon span {
	background-position-x: -122px;
}
.bannerCon .main {
	position: relative;
	width: calc(100% - 130px);
	text-align: left;
	padding: 25px 35px;
}
.bannerCon .title {
	font-size: 30px;
	color: #eb001b;
	font-weight: bold;
}
.bannerCon .subhead {
	font-size: 18px;
	color: #333333;
}
.bannerCon .num {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 48px;
	color: #eeeeee;
	line-height: 1em;
}
/*--------------------------- 公共样式 结束-----------------------------------*/
/*--------------------------- 首页样式 开始-----------------------------------*/
