﻿/**/
@charset "utf-8";
@media(min-width:800px) {
/* CSS Document */
* {
 margin: 0;
 padding: 0;
 font-family: 'Microsoft YaHei';
}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
 margin: 0px;
 padding: 0px;
}
fieldset, img {
 border: none;
}
img {
 border: none;
}
address, caption, cite, code, dfn, th, var {
 font-style: normal;
 font-weight: normal;
}
ul, ol {
 list-style: none;
}
li {
 list-style: none;
}
table {
 border-collapse: collapse;
}
/* 首页导航栏的样式 */
.indextb {
		width: 100%;
		height: 90px;
		position: fixed;
		top: 0;
		background-color: #FFFFFF;
		z-index: 1100;
}
.indextb .indexLeft {
		float: left;
		width:30%;
		height: 100%;
		background: url(../images/logo.png) no-repeat 10% 50%;
		text-align: center;
		text-indent: 160px;
		line-height: 90px;
		font-size: 20px;
}
.indextb .indexRight {
		float: right;
		width: 70%;
		height: 100%;
		position: relative;
}
.indexRight>ul>li:last-child{
    font-size: 18px;
    font-family: "黑体";
    margin-right: 40px;
}
.indexRight ul li img{
    position: relative;
    top: 2px;
    margin-right: 2px;
}
/* 导航条 */
.indexRight>ul {
		position: absolute;
		right: 0;
}
.indexRight>ul>li {
		height: 90px;
		float: left;
		line-height: 95px;
		margin-right: 20px;
		font-size: 15px;
}
.indexRight>ul>li>a {
		display: block;
		padding: 0 20px;
		margin-top: 25px;
		height: 40px;
		line-height: 40px;
		border-radius: 30px;
}
.indexRight>ul>li>a:hover {
		background-color: #1287bd;
		color: #ffffff;
}

.xrcd a{
		display: block;
		padding: 0 20px;
		margin-top: 25px;
		height: 40px;
		line-height: 40px;
		border-radius: 30px;
		background-color: #1287bd;
		color: #ffffff;
}

.indexRight .indexSevenLi {
		margin-right: 40px;
}
.menuNext {
				margin-top: 25px;
				display: none;
			}

			.menuNext li {
				text-align: center;
				height: 50px;
				line-height: 50px;
				background-color: rgba(0,0,0,.4);
				border-bottom: 1px solid #999999;
			}

			.menuNext li a {
				display: block;
				color: white;
			}

			.menuNext li:hover {
				background-color: rgba(0,0,0,.7);
			}

			.menuNext li:hover a {
				color: white;
			}
/* 点击添加class */

#indexAddBg {
		background-color: #1cad55;
		color: #ffffff;
}
.max {
 min-width: 1400px;
}
.max:after {
 content: "";
 display: block;
 height: 0px;
 visibility: hidden;
 clear: both;
}
.maxe {
 min-width: 1200px;
}
.maxe:after {
 content: "";
 display: block;
 height: 0px;
 visibility: hidden;
 clear: both;
}

.box {
 width: 1400px;
 margin: 0 auto;
}
.box:after {
 content: "";
 display: block;
 height: 0px;
 visibility: hidden;
 clear: both;
}
.left {
 float: left;
}
.right {
 float: right;
}
.indexRight::after {
		clear: both;
}
.index_pro {
 background: #eee;
 padding-top: 50px;
 padding-bottom: 20px;
}
.index_pro .lmt {
 margin-bottom: 45px;
}
.index_pro .lmt strong {
 display: block;
 text-align: center;
 font-size: #333333;
 font-size: 30px;
}
.index_pro .lmt p {
 text-align: center;
 font-size: 16px;
 color: #666666;
 margin-top: 10px;
}
.index_pro .title {
 width: 100%;
 height: 40px;
 line-height: 40px;
 border-bottom: 2px solid #1287bd;
 margin-bottom: 15px;
}
.index_pro .title a {
 float: right;
 font-size: 15px;
 color: #666666
}
.index_pro .title strong {
 display: inline-block;
 height: 40px;
 line-height: 40px;
 color: #fff;
 background: #1287bd;
 padding: 0 20px;
 font-size: 18px;
}
.index_pro .title1 {
 border-bottom: 2px solid #df3536
}
.index_pro .title1 strong {
 background: #df3536
}
.pro_box {
 margin-bottom: 35px;
}

/* 车下面的文字 */
.swiper-slideThree {
		width: 100%;
		height: 40px;
		margin-top: 5px;
	
}
.swiper-slideThree .ThreeLeft {
		width: 80%;
		float: left;
		height: 100%;
}
.ThreeLeft span {
		color: #1f964e;
		margin-left: 0px;
		font-size: 17px;
		font-weight: bold;
}
.ThreeLeft1 span {
		color: #1287bd;
		margin-left: 0px;
		font-size: 14px;
		font-weight: bold;
}

.ThreeLeft p {
		color: #333333;
		margin-left: 0px;
	
		line-height: 40px;
}
.swiper-slideThree .ThreeRight {
		width: 20%;
		float: right;
		height: 100%;
		position: relative;
}
.ThreeRight a {
		display: block;
		width: 50px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #1287bd;
		position: absolute;
		right: 5px;
		background: url(../images/arrow.png) no-repeat 100% 50%;
		border-bottom: 2px solid #1287bd;
		margin-top: 0px;
		transition: all 2s;
}
.ThreeRight a:hover {
		background-position: 70% 50% !important;
		font-size: 20px;
}
.index_pro .pro_list li {
 display: block;
 float: left;
 width: 23.5%;
 margin:10px 0.75%;
 background: #fff;
 padding: 2%;
 box-sizing: border-box;
 transition: all .5s;
}
.index_pro .pro_list li:last-child {
 margin-right: 0;
}
.index_pro .pro_list li .pic {
 display: block;
 width: 100%;
 position: relative;
 padding-top: 75%;
 overflow: hidden;
}
.index_pro .pro_list li img {
 display: block;
 position: absolute;
 width: 100%;
 min-height: 100%;
 left: 0;
 top: 0;
 transition: all .5s;
}
.index_pro .pro_list li a.t {
 display: block;
 text-align: center;
 height: 40px;
 line-height: 40px;
 font-size: 16px;
 color: #666;
}
.index_pro .pro_list li .pro_c a {
 display: block;
 float: right;
 width: 52px;
 height: 28px;
 line-height: 28px;
 text-align: center;
 color: #fff;
 background: #0056f9;
 font-size: 15px;
 border-radius: 5px;
 margin-top: 10px;
}
.index_pro .pro_list li .pro_c p {
 font-size: 14px;
 color: #666666;
 line-height: 22px;
}
.index_pro .pro_list li:hover {
 box-shadow: 0px 10px 15px rgba(0, 0, 0, .1);
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
.index_pro .pro_list li .pic:hover img {
 -webkit-transform: scale(1.12);
 transform: scale(1.12);
}
.index_pro .pro_list li a.t:hover {
 color: #0056f9;
}
.index_pro .left {
 width: 49%;
}
.index_pro .right {
 width: 49%;
}
.index_pro .left .pro_list li {
 width: 48%;
 padding: 3%;
 margin-left:0px;
 margin-right: 4%;
}
.index_pro .left .pro_list li:last-child {
 margin-right: 0;
}
.index_pro .right .pro_list li {
 width: 48%;
 padding: 3%;
 margin-left:0px;
 margin-right: 4%;
}
.index_pro .right .pro_list li:last-child {
 margin-right: 0;
}
/* 关于我们 */
.aboutBanner {
		width: 100%;
		position: relative;
}
.aboutBanner img {
		width: 100%;
		/*margin-top: -100px;*/
}
.bannerP{
    position: absolute;
    top: 50%;
    width: 100%;
}
.bannerP1{
    width: 100%;
    color: #ffffff;
    font-size: 40px;
    text-align: center;

    margin-bottom: 20px;
    text-shadow: 0 0 10px #0c2426;
}
.bannerP2{
    width: 100%;
    color: #ffffff;font-size: 20px;
    text-align: center;
}
.con .t {
 display: block;
 font-size: 15px;
 color: #6666;
 width: 80px;
 height: 26px;
 line-height: 26px;
 text-align: center;
 background: #3c3c3c;
 font-weight: bold;
 margin-bottom: 20px;
}
.con ul li {
 font-size: 14px;
 color: #333;
 line-height: 32px;
 margin-bottom: 12px;
 padding-left: 40px;
}
.con ul li a {
 color: #333;
}
 .con ul li:nth-of-type(1) {
 background: url(../images/ft.png) no-repeat left top;
}
.con ul li:nth-of-type(2) {
 background: url(../images/ft.png) no-repeat left -43px;
}
.con ul li:nth-of-type(3) {
 background: url(../images/ft.png) no-repeat left -89px;
}
.con ul li:nth-of-type(4) {
 background: url(../images/ft.png) no-repeat left -133px;
}
.con ul li:nth-of-type(5) {
 background: url(../images/ft.png) no-repeat left -177px;
}