/* 轮播 */
.rot-title {
	font-size: 50px;
	margin-bottom: 35px;
}

.rot-text {
	font-size: 36px;
	margin-bottom: 45px;
}

.bott {
	height: 50px;
	width: 250px !important;
	border-radius: 24px;
	background: #EE6100;
}

.carousel {
	width: 100%;
	/* Or try to use important */
	height: 650px;
	position: relative;
	top: 0;
	left: 0;
}

.carousel-inner,
.item {
	width: 100%;
	/* Or try to use important */
	height: 100%;
}

.carousel-inner .item img {
	width: 100%;
	/* Or try to use important */
	height: 100%;
}

/* 轮播图小点点颜色 */
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #165cb1;
}

@media screen and (min-width: 768px) .carousel-indicators {
	bottom: -130px;
}

/* 关于我们 */
.about {
	width: 1250px;
	margin: 0 auto;
}

.about-top {
	height: 96px;
	width: 100%;
}

.ab-title {
	color: #000000;
	margin-right: 30px;
}

.ab-new {
	color: #165CB1;
}

.about-bottom {
	height: 310px;
}

.ab-left{
	width: 550px;
	height: auto;
	margin-right: 90px;
}

.ab-word {
	white-space: normal;
	width: 550px;
	text-indent: 30px;
	height: 200px;
	line-height: 32px;
	overflow: hidden;
}

.ab-many{
	height: 35px;
	width: 120px;
	border: 1px solid #d81e06;
	border-radius: 30px;
	color: #d81e06;
	margin-top: 40px;
}

.ab-right {
	width: 586px;
	height: 305px;
	padding: 30px 0 0 50px;
	border-radius: 20px;
	background: #165CB1;
	flex-wrap: wrap;
}

.ab-r-text {
	width: 145px;
	height: 48px;
	background: #165CB1;
	border: 1px solid #fff;
	border-radius: 20px;
	margin: 0 30px 30px 0;
	color: #FFFFFF;
}

.ab-r-text:hover {
	background: #fff;
	color: #165CB1;
}

@media screen and (max-width:750px) {
	.about {
		width: 100vw;
	}

	.about-top {
		padding: 0 30px;
	}

	.about-bottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.ab-left {
		width: 90vw;
		text-indent: 30px;
		margin-right: 0;
		height: 48vw;
		line-height: 3.5vw;
		overflow: hidden;
	}

	.ab-right {
		width: 90vw;
		height: 40.66vw;
		padding: 3vw 0 3vw 3vw;
		border-radius: 20px;
		background: #165CB1;
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.ab-r-text {
		width: 25vw;
		height: 6.6vw;
		background: #165CB1;
		border: 1px solid #fff;
		border-radius: 20px;
		margin: 0 4vw 30px 0;
		color: #FFFFFF;
	}
}

/* 成立 */
.establish {
	background: url(../img/home/guanyu.jpg);
	width: 100%;
	height: 150px;
	margin-top: 50px;
}

.esta-box {
	width: 240px;
	height: 150px;
}

.red {
	color: #d82e2a;
}

@media screen and (max-width:750px) {
	.establish {
		background: url(../img/home/guanyu.jpg);
		width: 100vw;
		height: 20vw;
		margin-top: 50px;
	}
	.esta-box {
		width: 32vw;
		height: 20vw;
	}
	.esta-text,.f-34 {
		font-size:5vw!important;
	}
	.esta-news,.f-24 {
		font-size:10px!important;
	}
}

/* 标题 */
.titie {
	height: 160px;
	opacity: 0;
}

.title-w {
	color: #165CB1;
}

.title-bt {
	height: 5px;
	width: 140px;
	background: #165CB1;
}

.title-fff {
	background: #FFFFFF;
}
@media screen and (max-width:750px) {
	.titie {
		height: 24.33vw;
	}
	.title-bt {
		height: 0.66vw;
		width: 18.66vw;
		background: #165CB1;
	}
}
/* 产品 */
.product {
	background: #F5F5F5;
	padding-bottom: 15px;
}

.m-right {
	margin-right: 20px;
}

.pro-top {
	height: auto;
	width: 92%;
	box-shadow: 1px 2px 8px 1px #bdbdbd;
	position: relative;
	overflow: hidden;
}
.backImg{
	max-height: 310px;
	width: 100%;
	transition: all .5s;
}
.product-box{
	padding: 10px 0;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.product-box .pro-box{
	width: 33%;
	margin-bottom: 30px;
}

.pro-top:hover .backImg{
	transform: scale(1.1);
	transform-origin: center center;
}
.pro-up{
	height: 100%;
	width: 100%;
	display: none!important;
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	background: #165CB1;
	justify-content: center;
	padding-top: 50px;
}
.pro-top:hover .pro-up{
	display: flex!important;
}

.pro-top-text {
	width: 246px;
	border-bottom: 1px solid #fff;
	height: 60px;
}
.pro-top-nes{
	word-break: break-all;
	width: 230px;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}
.pro-title {
	height: 70px;
}

.pro-text {
	border: 1px solid #165CB1;
	border-radius: 15px;
	height: 25px;
	width: 100px;
	color: #165CB1;
}

.product-x {
	color: #fff;
	background: #d92d2a;
	width: 110px;
	height: 35px;
	margin: 30px auto;
}
@media screen and (max-width:750px) {
	.product{
		height: auto;
		width: 100vw;
		padding-bottom: 10vw;
	}
	.pro-top {
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: none;
		border-radius: 5px;
		padding: 20px 0;
	}
	
	.pro-top-text {
		width: 32.8vw;
		border-bottom: 1px solid #fff;
		height: 8vw;
	}
	.pro-title {
		height: 9.33vw;
	}
	
	.pro-text {
		border: 1px solid #165CB1;
		border-radius: 15px;
		height: 8.33vw;
		width: 23.33vw;
		color: #165CB1;
	}
	
	.product-x {
		color: #fff;
		background: #d92d2a;
		width: 19.66vw;
		height: 6.66vw;
		margin: 30px auto;
	}
}

/* 应用 */
.application {
	width: 1200px;
	margin: 0 auto;
	flex-wrap: wrap;
}

.appli {
	margin: 10px 30px;
	transition: all .5s; 
}

.appli-img {
	width: 240px;
	height: 200px;
}
.appli-img:hover {
	transform: scale(1.02);
	box-shadow: 1px 1px 5px 1px #ccc;
}
.appli-text {
	height: 95px;
}
@media screen and (max-width:750px) {
	.application {
		width: 98vw;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	
	.appli {
		margin: 1.33 4vw;
	}
	
	.appli-img {
		width: 32vw;
		height: 26.66vw;
	}
	
	.appli-text {
		height: 12.66vw;
	}
	
}
/* 工艺 */
.technology {
	height: 700px;
	position: relative;
	top: 0;
	left: 0;
}

.technology-img {
	height: 440px;
	width: 100%;
}

.tech {
	position: absolute;
	top: 0;
	left: calc(50% - 640px);
}

.tech-box {
	width: 1280px;
	height: 510px;
	background: #FFFFFF;
	display: flex;
	justify-content: flex-start;
	padding: 20px;
	flex-wrap: wrap;
}

.tech-tech {
	margin: 14px 9px;
	border: 1px solid #e5eff7;
	width: 230px;
	height: 210px;
	box-shadow: 1px 1px 10px 1px #D5D5D5;
	opacity: 0;
}
.tech-tech:hover{
	border: 1px solid #165CB1;
}
.tech-img {
	width: 160px;
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 5px;
}
/*从右到左进入*/
@keyframes bottShow
{
    from {
        opacity: 0;
        -webkit-transform: translate(1000px,0); 
        transform: stranslate(1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(10px,0); 
        transform: stranslate(10px,0); 
    }
}
 
@-webkit-keyframes bottShow 
{
    from {
        opacity:0;
       -webkit-transform: translate(1000px,0); 
        transform: stranslate(1000px,0); 
    }
    to {
        opacity:1;
        -webkit-transform: translate(10px,0); 
        transform: stranslate(10px,0); 
    }
}

.bottShow {
	animation: bottShow 3s forwards;
}
/*从上到下*/
@keyframes titieShow
{
    from {
        opacity: 0;
        -webkit-transform: translate(0,-1000px); /* Safari */
        transform: stranslate(0,-1000px); /* 标准语法 */
    }
    to {
        opacity:1;
        -webkit-transform: translate(0,10px); /* Safari */
        transform: stranslate(0,10px); /* 标准语法 */
    }
}
 
@-webkit-keyframes titieShow /* Safari 与 Chrome */
{
    from {
        opacity:0;
        -webkit-transform: translate(0,-1000px); /* Safari */
        transform: stranslate(0,-1000px); /* 标准语法 */
    }
    to {
        opacity:1;
        -webkit-transform: translate(0,10px); /* Safari */
        transform: stranslate(0,10px); /* 标准语法 */
    }
}
.titieShow {
	animation: titieShow 3s forwards;
}
@media screen and (max-width:750px) {
	.technology {
		height: 93.33vw;
	}
	
	.technology-img {
		height: 58.66vw;
		width: 100vw;
	}
	.tech {
		position: absolute;
		top: 0;
		left: 0;
	}
	.tech-box {
		width:100vw;
		background: #FFFFFF;
		box-shadow: 1px 2px 8px 1px #bdbdbd;
		display: flex;
		justify-content: flex-start;
		padding: 20px;
		flex-wrap: wrap;
	}
	
	.tech-tech {
		margin: 1.86vw 0.4vw;
		border: 1px solid #e5eff7;
		width: 21.4vw;
		height: 21.4vw;
	}
	
	.tech-img {
		width: 14.66vw;
		height: 14.66vw;
		border-radius: 13.33vw;
		margin-bottom: 5px;
	}
}
/* 新闻资讯 */
.Journalism {
	height: 520px;
	background: #F5F5F5;
}

.Jour {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.Jour-Jour {
	margin-right: 50px;
	width: 235px;
}

.jour-top {
	width: 235px;
	height: 146px;
}

.jour-back1 {
	background: url(../img/home/zixun1.jpg);
}

.jour-back2 {
	background: url(../img/home/zixun2.jpg);
}

.jour-text {
	width: 70px;
	background: #165CB1;
	padding: 2px 0;
}

.jour-title {
	width: 235px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	margin: 10px 0;
}

.jour-word {
	width: 127px;
	height: 30px;
	background: #165CB1;
}

.jour-r-box {
	width: 600px;
	height: 105px;
	border-bottom: 1px solid #E3E3E3;
}

.jour-r {
	width: 150px;
}

.r-text {
	color: #165CB1;
}

.y-text {
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.y-news {
	height: 50px;
	line-height: 25px;
	overflow: hidden;
}

.rr-img {
	width: 13px;
	height: 20px;
}
@media screen and (max-width:750px) {
	.Journalism {
		background: #F5F5F5;
		margin-top: 60vw;
	}
	
	.Jour {
		width: 94vw;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.Jour-Jour {
		margin-right: 6.66vw;
		width: 31.33vw;
	}
	
	.jour-top {
		width: 32.33vw;
		height: 19.46vw;
	}
	
	.jour-back1 {
		background: url(../img/home/zixun1.jpg);
	}
	
	.jour-back2 {
		background: url(../img/home/zixun2.jpg);
	}
	
	.jour-text {
		width: 14.33vw;
		background: #165CB1;
		padding: 2px 0;
		font-size: 3vw !important;
	}
	
	.jour-title {
		width: 31.33vw;
		height: 8vw;
		line-height: 3.9vw;
		overflow: hidden;
		margin: 1.33vw 0;
	}
	
	.jour-word {
		width: 23.93vw;
		height: 5vw;
		background: #165CB1;
	}
	.Jour-right{
		margin-top: 6vw;
	}
	.jour-r-box {
		width: 94vw;
		height: 19vw;
		border-bottom: 1px solid #E3E3E3;
	}
	
	.jour-r {
		width: 50vw;
	}
	
	.r-text {
		color: #165CB1;
	}
	.y-text {
		width: 53.33vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 1vw 0;
	}
	
	.y-news {
		height: 8vw;
		line-height: 4vw;
		overflow: hidden;
	}
	
	.rr-img {
		width: 1.73vw;
		height: 2.66vw;
	}
}

/* 客户（下轮播） */
.customer {
	width: 1330px;
	margin: 0 auto;
	position: relative;
}

.cust{
	width: 230px;
	height: 130px;
}

.swiper-img {
	width: 230px;
	height: 130px;
}

.customer-box {
	width: 1330px;
}

/* 两边轮播图箭头样式 */
.zuo {
	position: relative;
	top: 0;
	left: -1350px;
	height: 60px;
}

.you {
	position: relative;
	top: 0;
	left: 0;
	height: 60px;
}

.m-bor {
	margin-bottom: 100px;
}
@media screen and (max-width:750px) {
	.customer {
		width: 100vw;
		margin: 0 auto;
		position: relative;
	}
	
	.cust{
		width: 230px;
		height: 130px;
		margin-right: 2.66vw !important;
	}
	
	.swiper-img {
		width: 230px;
		height: 130px;
		margin-right: 2.66vw !important;
	}
	
	.customer-box {
		width: 100vw;
	}
	.zuo {
		display: none;
	}
	
	.you {
		display: none;
	}
	.m-bor {
		margin-bottom: 100px;
	}
}
/* 底部详情栏 */
.bottom {
	width: 100%;
	background: #414141;
}

.b-margin {
	margin-right: 40px;
}

.bottom-box {
	width: 268px;
}

.bottom-bott {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
	display: none;
}

.bottom-top {
	height: 46px;
	width: 268px;
	border-bottom: 1px solid #8b8b8b;
}

.bott-bott {
	margin-top: 20px;
}

.b-bo {
	display: flex;
	padding: 3px 0;
}

.bo-text {
	line-height: 25px;
	overflow: hidden;
}

.bo-img {
	width: 27px;
	height: 27px;
}

.input {
	height: 40px;
	width: 268px;
	background: #fff;
	border: 0;
	font-size: 18px;
	color: #000000;
	margin-bottom: 5px;
	padding: 0 10px;
}

.b-end {
	width: 75px;
	height: 35px;
	background: #fff;
}

.bott-zuo {
	width: 140px;
	height: 180px;
	background: #fff;
}

.z-img {
	width: 124px;
	height: 127px;
	margin: 10px auto;
}

.bott-you {
	width: 20px;
	margin-left: 30px;
}

.bott-ss {
	width: 268px;
}

.bo-zi {
	line-height: 30px;
	width: 134px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 5px;
}
@media screen and (max-width:750px) {
	.bottom {
		width: 100vw;
		background: #414141;
	}
	
	.b-margin {
		margin-right: 5.33vw;
	}
	
	.bottom-box {
		width: 85.73vw;
		margin-top: 4vw;
	}
	
	.bottom-bott {
		width: 90vw;
		margin: 0 auto;
		padding-top: 8vw;
		display: block;
	}
	
	.bottom-top {
		height: 6.13vw;
		width: 35.73vw;
		border-bottom: 1px solid #8b8b8b;
	}
	
	.bott-bott {
		margin-top: 20px;
	}
	
	.b-bo {
		width: 85.73vw;
		display: flex;
		padding: 3px 0;
	}
	
	.bo-text {
		line-height: 5.33vw;
		overflow: hidden;
	}
	
	.bo-img {
		width: 5.6vw;
		height: 5.6vw;
	}
	
	.input {
		height: 7.33vw;
		width: 85.73vw;
		background: #fff;
		border: 0;
		font-size: 18px;
		color: #000000;
		margin-bottom: 2.66vw;
		padding: 0 1.33vw;
	}
	
	.b-end {
		width: 17vw;
		height: 8.66vw;
		background: #fff;
	}
	
	.bott-zuo {
		width: 25.66vw;
		height: 27vw;
		background: #fff;
	}
	
	.z-img {
		width: 16.53vw;
		height: 17vw;
		margin: 10px auto;
	}
	
	.bott-you {
		width: 2.66vw;
		margin-left: 4vw;
	}
	
	.bott-ss {
		width: 85.73vw;
	}
	
	.bo-zi {
		line-height: 4vw;
		width: 37.86vw;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 5px;
	}

	.product-box .pro-box{
		width: 48%;
	}

	.product-box{
		padding: 0 15px;
		justify-content: space-between !important;
	}
}