.wrap {
	width: 1200px;
	margin: 0 auto;
}

input,
textarea,
button {
	background: none;
	outline: none;
	border: none;
}


/*header*/

header {
	width: 100%;
	height: 40px;
	background: url(../img/header-bg.jpg) no-repeat center;
	line-height: 40px;
}

header .wrap p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 0;
	float: left;
}

header .search {
	width: 228px;
	float: right;
	background-color: rgba(255, 255, 255, 0.4);
	margin-top: 5px;
	margin-left: 30px;
}

header .search input {
	width: 168px;
	height: 28px;
	float: left;
	color: #fff;
	border: 1px solid rgba(221, 221, 221, 0.4);
	border-right: none;
	line-height: 28px;
}

header .search button {
	width: 60px;
	height: 28px;
	background-color: rgb(34, 34, 34);
	font-size: 12px;
	color: #fff;
	float: left;
}

header .wrap a {
	float: right;
	font-size: 12px;
	color: #dddddd;
}

nav {
	border-bottom: 1px solid rgb(133, 8, 26);
}

nav .wrap {
	position: relative;
	height: 110px;
}

nav div.i {
	width: 100%;
	height: 1px;
	background-color: rgb(253, 180, 49);
	margin-bottom: 2px;
}

nav .logo {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 100;
}

nav .wrap ul {
	float: right;
	margin-bottom: 0;
}

nav .wrap ul li {
	width: 100px;
	height: 110px;
	text-align: center;
	line-height: 110px;
	position: relative;
	float: left;
}

nav .wrap ul li::after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	transition: 0.5s ease-in;
}

nav .wrap ul li a {
	position: relative;
	z-index: 10;
	color: #000000;
	font-size: 16px;
}

nav .wrap ul li:hover::after {
	background-color: rgb(26, 53, 123);
	height: 100%;
}

nav .wrap ul li:hover a {
	color: #fff;
}


/*banner*/

.banner {
	width: 100%;
}

.banner ul {
	margin-bottom: 0;
}

.banner ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.banner ul li img {
	width: 100%;
	height: auto;
}


/*关于我们*/

.about_us {
	width: 100%;
	height: 638px;
	background: url(../img/about-bg.jpg) no-repeat center;
	padding-top: 60px;
}

.about_us .info {
	width: 584px;
	float: left;
}

.about_us .info .img {
	width: 584px;
	height: 288px;
	overflow: hidden;
}

.about_us .info .img img {
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.about_us p {
	color: #000000;
}

.about_us .info p {
	margin: 25px 0;
	margin-left: 14px;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.about_us span {
	color: #444;
}

.about_us .info span {
	display: block;
	line-height: 30px;
	margin-left: 14px;
}

.about_us .bd {
	width: 560px;
	float: right;
	height: 535px;
	overflow: hidden;
	/*background: darkcyan;*/
	position: relative;
}

.about_us .bd div.xian {
	width: 0;
	height: 490px;
	border-width: 1px;
	border-color: rgb(0, 0, 0);
	border-style: dashed;
	opacity: 0.149;
	position: absolute;
	left: 55px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.about_us ul li {
	width: 100%;
	height: 106px;
	margin-bottom: 30px;
}

.about_us ul li:last-child {
	margin-bottom: 0;
}

.about_us ul li .i {
	width: 106px;
	height: 106px;
	border-width: 1px;
	border-color: rgb(170, 170, 170);
	border-style: dotted;
	border-radius: 50%;
	background-clip: content-box;
	padding: 5px;
	float: left;
}

.about_us ul li .text {
	width: 420px;
	float: right;
}

.about_us ul li .text p {
	margin: 15px 0;
	font-size: 16px;
}

.about_us ul li .text span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.about_us .info .img img:hover {
	transform: scale(1.2);
}

.about_us p:hover {
	color: #85081a;
}

.about_us span:hover {
	color: #85081a;
}


/*景点*/

.jd {
	width: 100%;
	height: 584px;
	background: url(../img/jd-bg.jpg) no-repeat center;
	position: relative;
	padding-top: 75px;
}

.jd .title img {
	margin: 0 auto;
}

.jd_list {
	width: 1200px;
	position: absolute;
}

.jd_list ul li {
	width: 100%;
	height: 614px;
	position: relative;
}

.jd_list ul li .img {
	width: 1008px;
	height: 555px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}

.jd_list ul li .img::after {
	content: "";
	display: block;
	width: 937px;
	height: 496px;
	border-width: 8px;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	opacity: 0.302;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.jd_list ul li .info {
	width: 358px;
	height: 431px;
	background: url(../img/info-bg.png) no-repeat center;
	padding-top: 50px;
	padding-left: 58px;
	padding-right: 48px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.jd_list ul li .info p {
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}

.jd_list ul li .info span {
	color: rgba(255, 255, 255, 0.502);
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.jd_list ul li .info i {
	display: block;
	width: 130px;
	height: 11px;
	position: absolute;
	left: 58px;
	bottom: 95px;
	background: url(../img/more-bg.png) no-repeat center;
}

.jd_list .hd {
	position: absolute;
	width: 118px;
	height: 50px;
	right: 0;
	bottom: 94px;
}

.jd_list .hd a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgb(26, 53, 123);
	background-image: url(../img/jd-prev.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	transition: 0.5s;
}

.jd_list .hd a.next {
	transform: rotateY(180deg);
	float: right;
}

.jd_list .hd a:hover {
	background-color: #85081a;
}


/*服务*/

.server {
	width: 100%;
	height: 715px;
	background: url(../img/server-bg.jpg) no-repeat center;
	padding-top: 270px;
}

.server .title img {
	margin: 0 auto;
}

.server .server_list {
	margin-top: 45px;
	position: relative;
}

.server_list .hd a {
	display: block;
	width: 52px;
	height: 40px;
	background-image: url(../img/se-prev.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.server_list .hd a:hover,
.server_list .hd a.on {
	background-image: url(../img/se-prev1.png);
}

.server_list .hd a.prev {
	left: -50px;
}

.server_list .hd a.next {
	transform: rotateY(180deg);
	right: -50px;
}

.server_list .bd ul li {
	width: 294px !important;
	height: 290px;
	border-width: 1px;
	border-color: rgb(221, 221, 221);
	border-style: solid;
	margin-right: 8px;
	float: left;
	transition: 0.5s;
}

.server_list .bd ul li:last-child {
	margin-right: 0;
}

.server_list .bd ul li .img {
	width: 294px;
	height: 244px;
	overflow: hidden;
}

.server_list .bd ul li .img img {
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.server_list .bd ul li .img:hover img {
	transform: scale(1.2);
}

.server_list .bd ul li .info {
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	font-size: 16px;
	color: #333333;
}

.server_list .bd ul li .info span {
	float: right;
	font-size: 24px;
}

.server_list .bd ul li:hover {
	background: #fff;
	box-shadow: 3px 5px 5px #888888;
}


/*产品*/

.product {
	width: 100%;
	height: 890px;
	background: url(../img/pro-bg.jpg) no-repeat center;
	padding-top: 94px;
}

.pro_list {
	margin-top: 85px;
}

.pro_list li {
	margin-right: 32px;
	margin-bottom: 32px;
	float: left;
	width: 583px;
	height: 238px;
	position: relative;
}

.pro_list li:nth-child(2n) {
	margin-right: 0;
}

.pro_list li .img {
	width: 238px;
	height: 238px;
	overflow: hidden;
	float: left;
}

.pro_list li .img img {
	transition: 0.5s;
}

.pro_list li .info {
	width: 345px;
	height: 238px;
	float: left;
	position: relative;
	padding-top: 75px;
	padding-left: 20px;
	padding-right: 22px;
	background-color: #fff;
	border: 2px solid rgb(0, 39, 103);
	border-left: none;
}

.pro_list li .info .p {
	width: 387px;
	height: 35px;
	position: absolute;
	top: 20px;
	right: 0;
	background: url(../img/tit-bg.jpg) no-repeat center;
	padding-left: 48px;
}

.pro_list li .info p {
	width: 133px;
	height: 35px;
	background-color: rgb(26, 53, 123);
	text-align: center;
	line-height: 35px;
	color: #fdb431;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.pro_list li .info span {
	color: #333;
	line-height: 25px;
}

.pro_list li .info span:hover {
	color: #85081a;
}

.pro_list li i {
	display: block;
	width: 76px;
	height: 63px;
	text-align: center;
	line-height: 60px;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	background: url(../img/more-bg1.png) no-repeat center;
	font-size: 14px;
	font-family: "SimSun";
	color: rgb(253, 180, 49);
	position: absolute;
	left: 205px;
	bottom: -12px;
}

.pro_list li .img:hover img {
	transform: scale(1.2);
}


/*荣誉*/

.ry {
	width: 100%;
	height: 592px;
	background: url(../img/ry-bg.jpg) no-repeat center;
	padding-top: 90px;
}

.ry_l {
	width: 842px;
	height: 410px;
	float: left;
	background-color: rgba(255, 255, 255, 0.851);
}

.ry_l .img {
	width: 236px;
	height: 410px;
	overflow: hidden;
	float: left;
	margin-right: 35px;
}

.ry_l .info {
	width: 500px;
	height: 220px;
	float: left;
	padding-top: 35px;
}

.ry_l .info p {
	font-size: 24px;
	color: #000000;
}

.ry_l .info i {
	display: block;
	width: 80px;
	height: 3px;
	background-color: rgb(26, 53, 123);
	margin-top: 15px;
	margin-bottom: 20px;
}

.ry_l .info a {
	color: #333333;
	line-height: 25px;
}

.ry_l .ry_list {
	width: 515px;
	float: left;
}

.ry_list ul li {
	width: 243px;
	height: 162px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}

.ry_list ul li:last-child {
	margin-right: 0;
}

.ry .right {
	float: right;
	width: 347px;
	height: 410px;
	background-color: rgba(255, 255, 255, 0.851);
}

.ry .right .video {
	width: 347px;
	height: 218px;
}

.ry .right p {
	font-size: 18px;
	color: #000000;
	margin: 20px 0;
}

.ry .right a {
	display: block;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}

.ry .right p,
.ry .right a {
	padding-left: 20px;
	padding-right: 18px;
}


/*footer*/

footer {
	width: 100%;
	height: 318px;
	background: url(../img/foot-bg.jpg) no-repeat center;
	padding-top: 58px;
	position: relative;
}

footer .contact {
	float: left;
	padding-left: 20px;
}

footer .contact h3 {
	width: 270px;
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid rgb(170, 170, 170);
	font-size: 18px;
	color: #82011f;
	position: relative;
}

footer .contact h3::after {
	content: "";
	display: block;
	width: 51px;
	height: 2px;
	background-color: rgb(130, 1, 31);
	position: absolute;
	bottom: -1px;
	left: 0;
}

footer .contact p {
	margin-top: 20px;
	margin-bottom: 0;
	color: #222222;
}
footer .wrap ul{
	width: 355px;
	height: 243px;
	background: url(../img/icon.png) no-repeat left top,url(../img/icon.png) no-repeat right top;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding-left: 70px;
}
footer .wrap ul li{
	width: 130px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 20px;
	background: url(../img/i.png) no-repeat;
	background-position-x: 0;
	background-position-y: center;
}
footer .wrap ul li a{
	color: #222222;
}
footer .fr{
	float: right;
}
footer .fr p{
	font-size: 24px;
  font-family: "SourceHanSerifCN";
  color: rgb(34, 34, 34);
  font-weight: bold;
}
footer .fr .wx{
	width: 270px;
	height: 104px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255,0.8);
	margin-top: 10px;
	padding-left: 22px;
	padding-top: 10px;
	padding-right: 22px;
	position: relative;
}
footer .fr .wx span{
	display: block;
	width: 132px;
	font-size: 12px;
	color: #000000;
}
footer .fr .wx i{
	display: block;
	width: 39px;
  height: 1px;
  background-color: rgb(130, 1, 31);
  margin: 10px 0;
}

footer .fr .wx img{
	width: 92px;
	height: 92px;
	float: left;
	position: absolute;
	top: 7px;
	right: 12px;
}

div.ft {
	width: 100%;
	height: 50px;
	background-color: rgb(109, 2, 27);
	text-align: center;
	line-height: 50px;
	color: rgba(255, 255, 255, 0.502);
	font-size: 12px;
}

div.ft a {
	color: rgba(255, 255, 255, 0.502) !important;
}