@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900|Bebas Neue:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	/* font-family: 'Poppins', sans-serif; */
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fafafa;
	overflow-x: hidden;
}
p, a, h1, h2, h3, h4, h5, h6, li, label, span, i, b, div, ol, figure {
    margin: 0;
    padding: 0;
   font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.font1{font-family: 'Bebas Neue';}
a {
	text-decoration: none;
/* 	font-family: 'Poppins', sans-serif; */
	color: #000;
	font-size: 16px;
	transition-duration: .3s;
}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;

}
p{padding: 0;margin: 0;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input{
   border: 0px;
   background-color: none;
   outline: none;
}
input:focus{
   outline: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
  border: 0;
}
button,
select { /* 1 */
  text-transform: none;
  border: 0;
}
input,select{
  outline: none

}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {
	display: inline-block;
}
.clear{clear: both;width: 100%;}
.container{min-width: 1300px;padding: 0;}
.container-fluid{min-width: 1300px;}
.swiper-container{min-width: 1300px;text-align: center;}

/* 头部 */
.headbox{background: #343434;height: 159px;line-height: 159px;}
.logobox{width: 395px;float: left;height: 100px;}
.logobox>a{height: 100px;padding: 0;}
.logobox>a>img{display: block;}
.navbox{width: 813px;float: right;}
.navbox>ul>li{}
.navbox>ul>li::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: #343434;
	z-index: 10;
	transition-duration: .6s;
}
.navbox>ul>li:hover::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 159px;
	width: 100%;
	background: #343434;
	z-index: 10;
	transition-duration: .6s;
}
.navbox>ul>li:hover{background-color: #343434;}
.navbox>ul>li>a{color: #fff;height:159px;text-align: center;font-size: 20px;padding: 0 50px;}
.navbox>ul>li>ul{width: 100%;}
.navbox>ul>li>ul>li{height:50px;line-height:50px;background: #343434;text-align: center;padding: 0;margin: 0;}
.navbox>ul>li>ul>li>a{color: #fff;}
.navbox>ul>li>ul>li>a:hover{background-color: #030303;}


.inpronav{width: 100%;}
.inpronav a{width: 100%;}
.inpronav .navimg{overflow: hidden;}
.inpronav h3{font-size: 18px;text-align: center;color: #ff5213;margin-top: 20px;}
.inpronav p{color:#575454;line-height: 30px;text-align: center;padding: 15px 40px;}
.inpronav img{transition: 0.6s;}
.inpronav:hover img{transform: scale(1.05);}

.inabout{padding-top: 60px;padding-right: 90px;line-height: 35px;font-size: 18px;}
.inabout a{display: block;border: 1px #767575 solid;width: 180px;height: 40px;line-height: 40px;text-align: center;margin-top: 55px;}
.inabout a:hover{color: #ff5213;border: 1px #ff5213 solid;}


.inpronav1{width: 100%;}
.inpronav1 a{width: 100%;}
.inpronav1 .navimg{overflow: hidden;}
.inpronav1 h3{font-size: 18px;text-align: center;color: #2e2a2b;margin-top: 25px;font-weight: bold;margin-bottom: 30px;}
.inpronav1 i{color: #c8c8c8;}
.inpronav1 img{transition: 0.6s;}
.inpronav1:hover img{transform: scale(1.05);}
.inpronav1:hover h3{color: #ff5213;}

.flogbox{width: 100%;background: #fede00;text-align: center;}


/* 首页产品展示 */
.homeprobox{margin-top:50px;}
.homeprobox h3{width: 40%;font-size:22px;display: block;float: left;font-weight: bold;}
.homeprobox .potopfl{float: right;}
.homeprobox .potopfl li{width:150px;text-align: right;float:right;font-weight:bold;}
.homeprobox .potopfl li a{position: relative;}
.homeprobox .potopfl li a:hover{color: #47a848;}
.homeprobox .potopfl li a:hover::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #47a848;
	bottom:-12px;
	left: 0;
}
.homeprobox .potopfl li .active{color: #47a848;}
.homeprobox .potopfl li .active::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background: #47a848;
	bottom:-12px;
	left: 0;
}

#myscroll{width: 100%;position:relative}
.tab-content{margin-top: 40px;}
.sbox{text-align: center;line-height:60px;height: 80px;}
.sbox a{ padding: 5px;font-size: 16px;background: #dddddd;display: block;transition-duration: .4s;position: relative;bottom: -10px;}
.sbox a:hover{background: #eb6617;display: block;bottom: 0;}
.sbox a p{display: block;display: block;height: 20px;line-height: 20px;color: #656565;height: 39px;}
.sbox a:hover p{color: #fbd652;}
.sbox img{width: 100%;transform:scale(1);-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.sbox a:hover img{transform:scale(1.05);}
.imgboxbb{background: #fff;overflow: hidden;padding-top: 10px;}
.nav-tabs{border: 0;}

/* 首页新闻 */
.newbcbbox{text-align: center;height: 80px;}
.newbcbbox .nnpoimg{width: 380px;height: 232px;overflow: hidden;position: relative;border: 1px #f5faf4 solid;}
.newbcbbox .nnpoimg  img{width: 380px;height: 232px;transition:all ease-out .3s;}
.newbcbbox .nnpoimg p{position: absolute;right: -1px;bottom: -1px;width: 80px;height: 40px;color: #fff;background: #47a848;line-height: 40px;text-align: center;}
.newbcbbox span{margin-top: 15px;display: block;font-size: 16px;}
.newbcbbox:hover .nnpoimg  img{transform:scale(1.1);}
.newbcbbox a{font-weight:bold}
.newbcbbox a:hover{color: #47a848;}



/* 4大优势 */
.ysbox{position: relative;padding-top:80px;background:url(../images/ppbj.png) no-repeat;background-position:center center;height: 650px;}
.biaoti{
	text-align: center;
	    margin-bottom: 50px;
	    position: relative;
	    z-index: 1;
}
.biaoti span{    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: block;
    z-index: 1;
    padding-top: 7px;
    margin-bottom: 20px;}
.biaoti span:before {
	    position: absolute;
	    content: '';
	    width: 120px;
	    height: 35px;
	    left: 0;
	    right: 0;
	    top: 0;
	    background-color: #eb6617;
	    z-index: -1;
	    -webkit-transform: skewX(-28deg);
	    transform: skewX(-28deg);
	    margin-left: auto;
	    margin-right: auto;
	}
.biaoti h3{
	font-weight:500;
	    font-size:30px;
	    margin-bottom: 0;
}

.process-item {
	margin-bottom: 30px
}

.process-item .process-inner {
	text-align: right;
	position: relative;
	padding-right: 80px
}

.process-item .process-inner i {
	position: absolute;
	top: 0;
	right: 12px;
	font-size: 50px;
	z-index: 1;
	color: #000
}

.process-item .process-inner i:after {
	position: absolute;
	content: '';
	width: 45px;
	height: 50px;
	top: 0;
	right: -12px;
	background-color: #eb6617;
	z-index: -1
}

.process-item .process-inner h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px
}

.process-item .process-inner p {
	margin-bottom: 0;
	font-size: 14px
}

.process-item .process-one {
	margin-bottom: 100px
}

.process-item .process-img {
	text-align: center
}

.process-item .process-img img {
	-webkit-animation: process-type 25s infinite linear;
	animation: process-type 25s infinite linear;
	position: relative;
	top: -12px
}

.process-item .process-two {
	padding-left: 80px;
	padding-right: 0;
	text-align: left;
	margin-bottom: 100px
}

.process-item .process-two i {
	left: 12px;
	right: unset
}

.process-item .process-two i:after {
	left: -12px
}

.process-item .process-three {
	padding-left: 80px;
	padding-right: 0;
	text-align: left
}

.process-item .process-three i {
	left: 12px;
	right: unset
}

.process-item .process-three i:after {
	left: -12px
}

@-webkit-keyframes process-type {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes process-type {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
/* 优势结束 */


.sssbox{width: 68%;float: right;padding-right: 100px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.sssbox a{width: 100%;}
.sssbox h3{width: 100%;text-align: right;color: #ff5213;position: relative;display: block;font-weight: bold;font-size:24px;}
.sssbox h3::after{
content: "";
width:60px;
height: 2px;
position: absolute;
background: #ff5213;
right: 0;
bottom: -15px;
}
.sssbox p{padding-top:40px;line-height: 35px;font-size: 18px;text-align: right;}
.sssbox span{display: block;text-align: left;position: relative;border-bottom: 1px #6b6969 solid;width: 60%;float: right;line-height:50px;margin-top: 30px ;}
.sssbox span i{float: right;margin-top: 17px;color: #ff5213;}

.havearabbb{background: #efefef;}
.havearabbb:hover{background:#fff ;}
.havearabbb:hover .sssbox span{color: #ff5213;border-bottom: 1px #ff5213 solid;}
.himgav{overflow: hidden;}
.himgav img{transition: 0.6s;}
.himgav:hover img{transform: scale(1.07);}


.sssbox1{width: 68%;float: left;padding-left: 100px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sssbox1 a{width: 100%;}
.sssbox1 h3{width: 100%;text-align: left;color: #ff5213;position: relative;display: block;font-weight: bold;font-size:24px;}
.sssbox1 h3::after{
content: "";
width:60px;
height: 2px;
position: absolute;
background: #ff5213;
left: 0;
bottom: -15px;
}
.sssbox1 p{padding-top:40px;line-height: 35px;font-size: 18px;text-align: left;}
.sssbox1 span{display: block;text-align: left;position: relative;border-bottom: 1px #6b6969 solid;width: 60%;float: left;line-height:50px;margin-top: 30px ;}
.sssbox1 span i{float: right;margin-top: 17px;color: #ff5213;}
.havearabbb:hover .sssbox1 span{color: #ff5213;border-bottom: 1px #ff5213 solid;}

/* 首页关于我们 */

.quality-area {
	background-color: #0c3e7b;
	position: relative;

	margin-top: 60px;
	
}

.quality-area .quality-img img {
	position: absolute
}

.quality-area .quality-img img:nth-child(1) {
	left:71px;
	top: 0;
	height: 100%
}

.quality-area .quality-img img:nth-child(2) {
	left: -111px;
	top: 0;
	height: 100%
}

.quality-area .quality-img img:nth-child(3) {
	bottom: -65px;
	left: 0;
	max-width: 50%;
	z-index: 1;
	-webkit-animation: quality-ani 8s infinite linear;
	animation: quality-ani 8s infinite linear
}

@-webkit-keyframes quality-ani {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes quality-ani {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -40px);
		transform: translate(0, -40px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.quality-content {
	max-width: 46%;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 100px;
	position: relative
}

.quality-content .section-title {
	text-align: left;
	margin-bottom: 30px
}

.quality-content .section-title h2 {
	color: #fff
}

.quality-content .section-title p {
	margin-left: 0;
	margin-top: 18px;
	color: #fff;
	line-height: 30px;
	
}

.quality-content .cmn-btn a {
	padding: 12px 20px
}

.quality-content img {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: .1;
	-webkit-animation: quality-tyre 10s infinite linear;
	animation: quality-tyre 10s infinite linear
}

@-webkit-keyframes quality-tyre {
	0% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px)
	}

	50% {
		-webkit-transform: translate(-100px, 0px);
		transform: translate(-100px, 0px)
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px)
	}
}

@keyframes quality-tyre {
	0% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px)
	}

	50% {
		-webkit-transform: translate(-100px, 0px);
		transform: translate(-100px, 0px)
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px)
	}
}

.cmn-btn a {
	display: inline-block;
	font-weight: 500;
	color: #fff;
	background-color: #eb6617;
	padding: 12px 20px;
	z-index: 1
}

.cmn-btn a i {
	display: inline-block;
	font-size: 21px;
	position: relative;
	top: 4px;
	margin-right: 5px
}

.cmn-btn .banner-btn-left {
	margin-right: 20px;
	position: relative
}

.cmn-btn .banner-btn-left:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 0%;
	left: 0;
	bottom: 0;
	background-color: #333;
	border-radius: 50% 50% 0 0;
	opacity: 0;
	-webkit-transition: .5s all ease;
	transition: .5s all ease;
	z-index: -1
}

.cmn-btn .banner-btn-left:hover:before {
	opacity: 1;
	height: 100%;
	border-radius: 0
}

.cmn-btn .banner-btn-right {
	background-color: transparent;
	padding: 0
}

.cmn-btn .banner-btn-right:hover {
	color: #eb6617
}

.cmn-btn .banner-btn-right i {
	color: #eb6617
}

/* 首页关于我们结束 */

/* 首页画廊 */
.hualangbox{padding: 0;}
.picleft{width:863px;float: left;position: relative;height: 723px;overflow: hidden;box-sizing: border-box;}
.picleft .buckbox{position: absolute;top:70px;right:70px;box-sizing: border-box;}
.picleft .buckbox span{color: #fff;font-size: 80px;}
.picleft .buckbox a{display: block;background: #e96517;color: #fbd652;width: 100%;height: 60px;line-height: 60px;text-align: center;margin-top: 8px;font-size: 24px;}
.picleft .buckbox a:hover{background: #0c3e7b;}
.picright{width:1097px;float: right;position: relative;height: 723px;overflow: hidden;}
.picrxiao{float: left;width:100%;padding-left: 2px;}
.picrxiao li{float: left;padding-bottom:4px;padding-left:3px;cursor:pointer}
.picrxiao li a{display: block;}
.picrxiao .nooimg{overflow: hidden;position: relative;}
.picrxiao .nooimg::after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width:0;height: 100%;background: #000;opacity: 0.5;
	z-index: 10;
}



.picrxiao li img{width:358px;height: 239px;transition:all ease-out .3s;}
.picrxiao li:hover img{transform:scale(1.06);}
.picrxiao li:hover .nooimg::after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width:100%;height: 100%;background: #666;opacity: 0.3;
	z-index: 10;
}


@media screen and (max-width: 1920px) {
.picleft {width: 800px;}
}

@media screen and (max-width: 1680px) {
	.picleft {width: 863px;height: 542px;}
    .picright {width: 817px;height: 542px;}
	.picrxiao li img {width: 268px;height: 178px;}

	
}
@media screen and (max-width: 1600px) {
	.picleft {width: 800px;height: 533px;}
    .picright {width: 800px;height: 533px;}
	.picrxiao li img {width: 263px;height: 175px;}

	
}
@media screen and (max-width: 1440px) {
    .picleft {width: 740px;height: 464px;}
    .picright {width: 700px;height: 464px;}
	.picrxiao li img {width: 229px;height: 152px;}
}
@media screen and (max-width: 1366px) {
    .picleft {width: 666px;height: 464px;}
    .picright {width: 700px;height: 464px;}
	.picrxiao li img {width: 229px;height: 152px;}
}





/* 画廊结束 */


/* 首页配件 */
.peijianbix{width: 100%;}
.peijianbix>a{width: 100%;background: #fff;padding-bottom:30px;border: 1px #fff solid;}
.peijianbix>a:hover{box-shadow: 3px 3px 30px rgba(0, 0, 0, .2);transition:all ease-out .3s;}
.peijianbix>a:hover  img{transform:scale(1.06);}
.peijianbix>a>span{display: block;border-top: 1px #eb6617 solid;width: 80%;margin: 0 auto;padding-top: 15px;position: relative;}
.peijianbix>a>span::after{
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 0;
	height: 1px;
	transition:all ease-out .3s;
	background:#0c3e7b;
	z-index: 10;
}
.peijianbix>a:hover span::after{
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background:#0c3e7b;
	z-index: 10;
}
.peijianbix>a>.xiangqing{display: block;width: 150px;height: 40px;line-height: 40px;overflow: hidden;position: relative;margin: 0 auto;margin-top: 15px;}
.peijianbix>a>.xiangqing>p{display: block;width: 150px;height: 80px;line-height: 40px;background: #eb6617;color: #fff;margin: 0 auto;position: absolute;top: 0;left: 0;transition:all ease-out .3s;}
.peijianbix>a>.xiangqing>p>span{height: 40px;line-height: 40px;width: 100%;display: block;}
.peijianbix>a:hover p{background:#0c3e7b ;top: -40px;}
.peijianbix img{width: 100%;transition:all ease-out .3s;}
.pjimgboxbb{padding:40px}


/* //视频横幅 */
.review-area{position: relative;text-align: center;background: url(../images/vbj.jpg) no-repeat;background-position: center;height: 540px;}
.review-area .video-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	text-align: center
}

.review-area .video-wrap a {
	z-index: 10;
	display: block;
	width: 120px;
	height: 120px;
	line-height: 130px;
	border-radius: 50%;
	position: relative;
	font-size: 70px;
	text-align: center;
	color: #eb6617;
	margin-left: auto;
	margin-right: auto
}

.review-area .video-wrap a:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite
}

.review-area .video-wrap a:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: .5s all ease;
	transition: .5s all ease
}

.review-area .video-wrap a:hover {
	color: #fff
}

.review-area .video-wrap a:hover:before {
	background-color: #eb6617
}

.review-area .video-wrap a:hover:after {
	background-color: #eb6617
}

@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

/* 首页新闻 */
.sboxnews{padding: 0 5px;box-sizing: border-box;}
.sboxnews>a{padding-bottom: 20px;width: 100%;}
.sboxnews>a:hover{}
.sboxnews>a>.imgboxbbbb{overflow: hidden;position: relative;}
.sboxnews>a img{transition:all ease-out .3s;width: 100%;}
.sboxnews>a:hover  img{transform:scale(1.06);}
.sboxnews>a>.imgboxbbbb .newtime{position: absolute;right: 0;bottom: 0;padding: 10px 20px;background: #eb6617 ;color: #fff;}
.sboxnews>a:hover .imgboxbbbb .newtime{background:#0c3e7b ;}
.sboxnews>a>h5{text-align: center;height: 40px;line-height: 40px;font-size: 18px;padding: 5px 10px;overflow: hidden;color: #fe5210;font-weight: bold;}
.sboxnews>a:hover h5{color: #000;}
.sboxnews>a>p{text-align: left;font-size: 16px;color: #3c3c3c;padding: 10px 30px;line-height: 30px;}


/* 底部 */

.fotbox{background: #0c3e7b url(../images/bbbj.png) no-repeat;background-position: center;color: #fbd652;padding-bottom:20px;height: 472px;}
.botleft{width:17%;float: left;margin-top: 60px;}
.botleft h3{font-size: 20px;color: #eb6617;font-weight: bold;margin-bottom: 20px;position: relative;margin-bottom: 40px;}
.botleft h3::after{
	content: "";
	position: absolute;
	width:40px;
	height: 2px;
	background: #eb6617;
	left: 0;
	bottom:-18px;
}
.botleft li{line-height: 35px;width: 100%;position: relative;}
.botleft li a{color: #fbd652;}
.botleft li a:hover{padding-left: 16px;}
.botleft li a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width:0;
	transition-duration: .3s;
	height: 2px;
	background: #fbd652;
}
.botleft li a:hover::after{
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width:12px;
	height: 2px;
	background: #fbd652;
}





.botright{width: 133px;float: right;margin-top:60px;}
.botright h3{font-size: 20px;color: #fff;font-weight: bold;position: relative;margin-bottom: 40px;}
.botright img{width: 133px;display: block;}
.botright span{display: block;width: 100%;text-align: center;margin-top: 10px;}


.copby{background: #343434;color: #fff;border-top: 1px #343434 solid;}
.footcopy{height:60px;line-height:60px;background: #343434;width: 100%;font-size: 15px; color: #fff;}
.footcopy .c1{float: left;width:70%;text-align: left;}
/* .footcopy .c2{float: left;width:33.3%;text-align: center;} */
.footcopy .c1 a{color: #fff;font-size: 15px;}
.footcopy .c3{float: right;width:30%;text-align: right;}
.footcopy .c3 a{color: #fff;font-size: 15px;}
/* 结束 */


.topbanner{height: 600px;background: url(../images/nyb.jpg) no-repeat;background-position: center center;}
.topbanner h2{width: 100%;text-align: center;color: #fff;font-weight: bold;padding-top: 137px;font-size:40px;}
.topbanner span{width: 100%;text-align: center;color: #fff;padding-top:10px;font-size:22px;}


.prob{margin-top: 20px;border: 1px #d2d2d2 solid;font-size: 14px;}
.prob .rowlist{border-bottom: 1px #d2d2d2 solid; line-height: 35px; padding: 7px 0;;}
.prob .altit{width:100px;text-align: center;background: #fafafa;}
.prob .altlist a.btnhove{text-align: center;padding: 1px 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a.btnactive{background: #0a3f7a;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right: -2px;}
.prob .altlist a:hover{background: #0a3f7a;color: #fff;border-radius: 3px;padding: 0 15px;font-size: 14px;margin-right:-2px;}

.alshear{margin-top: 20px;}
.alshear input{width: 300px;border: 1px #bfbfbf solid;border-right: 0;float: left;height: 30px;line-height: 30px;padding-left: 15px;}
.alshear span{display: block;width: 80px;height: 30px;background: #0a3f7a;text-align: center;line-height:30px;float: left;color: #fff;cursor: pointer;}

/* 案例列表 */
.caseobx{margin-top: 20px;padding-left: 0;}
.calist {border: 1px #bfbfbf solid;margin-bottom: 15px;position: relative;transition-duration: .3s;}
.calist img{width: 100%;height: 214px;}
.calist h4{font-size: 18px;padding-left: 10px; margin-top: 10px;}
.calist p{margin-top: 10px;padding-left: 10px;padding-bottom: 10px;}
.calist span{display: block;width: 100px;height: 30px;background: #e5e5e5;border-radius: 3px;line-height: 30px;text-align: center;font-size: 14px;position: absolute;right: 10px;bottom: 20px;}
.calist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.calist:hover span{background:  #0a3f7a;color: #fff;}

/* 案例详情 */
.leiboe{border: 1px #bfbfbf solid;border-bottom: 0;}
.leiboe li{float: left;width: 50%; line-height: 40px;height: 40px;border-bottom: 1px #bfbfbf solid;}
.leiboe li span{display: block;width:80px;background: #e5e5e5;text-align: center;float: left;height:39px;}
.leiboe p{display:block;width: 150px;float: left;padding-left: 10px;}

.clcontent{margin-top: 20px;}

.sjsboxright{border: 1px solid #E5E5E5;padding: 15px;}
.sjsboxright h3{font-size: 16px;height: 35px;line-height: 35px;}
.sjsboxright img{width: 100%;}
.sjsboxright span{margin-top: 10px;line-height:28px;display: block;}
.sjsboxright  a{display: block;padding: 7px 15px;background: #0a3f7a;color: #fff;font-size: 14px;text-align: center;margin-top: 10px;}


.lqbaojia{border: 1px solid #E5E5E5;padding: 15px;margin-top: 20px;}
.lqbaojia h3{font-size:22px;text-align: center;color: #0a3f7a;font-weight: bold;}
.lqbaojia .yonhusan{text-align: center;margin-top: 10px;display: block;margin-bottom: 20px;}
.lqbaojia p input{
	width: 100%;
	    height:30px;
	    line-height:30px;
	    padding: 5px 5px 5px 10px;
	    border: 1px solid #DDD;
	    background-color: #FFF;
	    border-radius: 3px;
	    margin: 6px auto;
}
.lqbaojia p input.rzb_butt1{
	    width: 100%;
	    height: 36px;
	    display: block;
	    border: none 0;
	    margin: 12px 0;
	    cursor: pointer;
	    font-size: 16px;
	    color: #FFF;

	    line-height: 28px;
		background: #0a3f7a;
}




/* 新闻列表 */
 .newtu{width: 246px;float: left;height: 150px;}
 .newtu img{width: 246px;height: 150px;}
 .pptitleab{width: 950px;float: left;}
 .stspan1b{font-size:1.2rem;display: block;width:90%;padding-bottom: 20px;color: #000000;font-weight: bold;}
 .stspan2b{display: block;width: 90%;line-height:30px;font-size: 14px;color: #666;}
 .tupimg1{display: block;position: absolute;right: 20px;bottom: 70px;background: url(../images/m-a.jpg); width: 48px; height: 27px;}
 .prin2{width: 100%;display: block; border-bottom:2px #eee solid;padding-bottom: 20px;margin-bottom:40px;}
 /* .prin2:hover{border-bottom: 1px #eb6617 solid; color: #eb6617;} */
 .prin2:hover .stspan1a{color: #eb6617;}
 .prin2:hover .stspan2a{}
 .prin2:hover .stspan1b{color: #eb6617;}








 /* 详情,上一页,下一页 */
 .clear{clear: both;width: 100%;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%; margin-top:20px; }
 .page_left{  float: left;  width: 400px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #eb6617;  }
 .page_left a .page1{  width: 40px;  height: 40px; line-height: 40px;text-align: center; float: left;  margin-right: 20px; border: 1px #000 solid;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 400px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #eb6617;  }
 .page_right a:hover .page1{  color: #fff; border: 1px #fff solid; }
 .page_right a .page1{  width: 40px;  height: 40px;  line-height: 40px;text-align: center;   float: right;  margin-left: 20px; border: 1px #000 solid;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }
 
 
 
/*工地 */
.gdobxl{padding: 6px;}
.gdlist{margin-bottom:15px;border: 1px #E5E5E5 solid ;padding: 5px;transition-duration: .3s;}
.gdlist:hover{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.gdlist img{width: 100%;}
.gdlist h3{font-size:16px;margin-top: 10px;}
.gdlist .sjjj span{font-size: 14px; color: #808488;display: block;width: 50%;float: left;}


/* 楼盘 */
.loupabox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom:20px;margin-bottom:20px;position: relative; }
.loupabox:hover{border-bottom: 1px #eb6617 solid ;}
.loupabox .loupanleft{width: 320px;float: left;}
.loupabox .loupanleft img{width: 100%}
.loupabox .loupanright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.loupabox .loupanright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 18px;}
.loupabox .loupanright p{color:  #a3a3a3;padding-top: 6px;}
.loupabox span{position: absolute;bottom:20px;right: 0;width: 80px;height: 40px;line-height: 40px;text-align: center;border: 1px #E5E5E5 solid;color: #a3a3a3;}
.loupabox:hover span{background: #eb6617;color: #fff;border: 1px #eb6617 solid;}


/* 设计师*/
.sjslistbox{width: 100%;border-bottom: 1px #E5E5E5 solid ;padding-bottom: 15px;margin-bottom: 15px;}
.sjslistbox .sjsleft{width:130px;float: left;}
.sjslistbox .sjsleft img{width: 100%;transition-duration: .3s;}
.sjslistbox:hover{border-bottom: 1px #003262 solid ;}
.sjslistbox:hover .sjsleft img{-moz-box-shadow:0px 0px 5px #888888;box-shadow: 0px 0px 5px #888888;}
.sjslistbox .sjsright{width: 498px;float: right;;padding: 0 20px;font-size: 14px;line-height:25px;}
.sjslistbox .sjsright h5{border-bottom: 1px #E5E5E5 solid ;padding-bottom: 10px;font-size: 20px;position: relative;}
.sjslistbox .sjsright h5 span{font-size: 16px;padding: 3px 5px;}
.sjslistbox .sjsright h5 .zwbox{background: #003262; color: #fff;border-radius: 10px;font-size: 14px;padding: 3px 5px;}
.sjslistbox .sjsright p{color: #808488;}




.tutitle{background: #fff;height: 80px;line-height:80px;border-bottom: 1px solid #e5e5e5 ; color:#666;font-size: 14px;}
.tutitle .fldh{float: right;}
.tutitle li{padding: 0 15px;text-align: center;}
.tutitle li a{font-size: 14px;}
.tutitle li.active{background: #eb6617;}
.tutitle li.active a{color: #fff;}

.tutitle .abbox{margin: 0 auto;width: 754px;}
.tutitle .abbox li{height: 79px;padding: 0 40px;text-align: center;line-height: 25px;padding-top: 11px;}
.tutitle .abbox li img{width: 30px;}
.tutitle .abbox li  a{font-size: 16px;color: #666;}
.tutitle .abbox li span{width: 100%;display: block;}
.tutitle .abbox li.active{background: #fff;}
.tutitle .abbox li.active a{color: #eb6617;}

/* 公司简介 */
.aboutcont{margin-top: 30px;}
.atubox .abnr{color: #666;margin-top:25px;line-height:25px;font-size: 14px;}
.atubox  h3{font-size: 26px;font-weight: bold;color: #eb6617;margin-top: 30px;}
.atubox  h3 span{color: #666;font-size: 18px;width: 100%;font-weight:600;}
.atubox  h6{font-size: 26px;color: #eb6617;margin-top: 10px;width: 200px;float: left;}
.atubox  h6 span{color: #666;font-size: 14px;width: 100%;}
.atubox .ablink{width: 150px;line-height: 50px;height: 50px;text-align: center;color:#eb6617;border: 1px #eb6617 solid;border-radius: 50px;display: block ;float: right;margin-top: 20px;}
.atubox .ablink:hover{background: #eb6617;color: #fff;}

.dszcc{padding: 30PX 15px;color: #fff;font-size: 14px;line-height: 30px;}
.dszcc  h3{font-size: 26px;font-weight: bold;color: #fff;margin-top: 30px; margin-bottom: 20px;}
.dszcc  h3 span{color: #eee;font-size: 18px;width: 100%;font-weight:600;}
.dszimg {padding-top:70px;text-align: right;}
.dszimg .dszssimg{float: right;}
.dszimg .dszssimg span{display: block;color: #fff;margin-top: 10px;text-align: center;}


.honnerobx  h3{font-size: 26px;font-weight: bold;color: #eb6617;margin-top: 30px; margin-bottom: 20px;text-align: center;}
.honnerobx  h3 span{color: #666;font-size: 18px;width: 100%;font-weight:600;text-align: center;}

.xiaoflei li{padding: 20px;float: right;position: relative;}
.xiaoflei li.active a{color: #eb6617;}
.xiaoflei li a:hover{color: #eb6617}
.xiaoflei .active::after{
	content: "";
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #eb6617;
}
/* 发展历程 */
.leftlcbox{position: relative;}
.leftlcbox::after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	background: #d5d5d5;
	height: 100%;
	width: 4px;
	z-index: -1;
}
.rightlcbox{position: relative;}
.lcboxl{text-align: right;float: left;width: 100%;position: relative;    padding-top: 205px;}
.lcboxl ul{display: block;}
.lcboxl .libox{text-align: left;width:100%;text-align: left;padding-right: 50px;}
.lcboxl .libox .wzbbb{width: 50%;padding: 20px 15px;border-radius: 6px;position: relative;background:#deebd7 ;margin:20px 0;  }
.clleft span{position: absolute;right: -195px;top: 19px;text-align: left;display: block;width: 150px;font-size: 22px;color: #eb6617;font-weight: bold;}
.clleft::after{
	content: "";
	position: absolute;
	top: 20px;
	right: -11px;
	background: url(../img/l.png) no-repeat;
	width: 11px;height: 18px;
	z-index: 9999;
}
.clleft::before{
	content: "";
	position: absolute;
	top: 21px;
	right: -32.8px;
	width: 15px;height: 15px;
	background: #eb6617;
	border-radius: 20px;
	z-index: 9999;
}

.wsnnnn{line-height: 26px;}



.lcboxl .libox2{text-align: left;width:100%;text-align: left;padding-left: 50px;}
.lcboxl .libox2 .wzbbb2{width: 50%;padding: 20px 15px;border-radius: 6px;position: relative;background:#deebd7 ;float: right;margin:20px 0;}
.clright span{position: absolute;left: -195px;top: 19px;text-align: right;display: block;width: 150px;font-size: 22px;color: #eb6617;font-weight: bold;}
.clright::after{
	content: "";
	position: absolute;
	top: 20px;
	left: -11px;
	background: url(../img/r.png) no-repeat;
	width: 11px;height: 18px;
}
.clright::before{
	content: "";
	position: absolute;
	top: 21px;
	left: -32.8px;
	width: 15px;height: 15px;
	background: #eb6617;
	border-radius: 20px;
	z-index: 100;
}





.lcboxl .libox .wzbbbr{width: 50%;padding: 20px 15px;border-radius: 6px;position: relative;background:#deebd7 ; float: right;}



.lcboxr{text-align: left;width: 50%;float: right;position: relative;    padding-top: 205px;padding-left: 50px;}
.lcboxr::after{
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	background: #666;
	height: 100%;
	width: 4px;
}


#circle{
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -47.5px;
	z-index: 100;
	background: #fff;
/* margin: 30px 10px 10px 157px; */
width: 95px;
height: 95px;
border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
#circle:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
border-color:rgba(0,0,0,0);

}
.clock{display:block;}
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#eb6617;}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
background:url(../img/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
border-radius:0;
}
#circle:hover .clock{border-radius:83px;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{
height: 28px;
margin-top: 22px;
margin-left: 0px;
font-size: 25px;
color: #70b049;
font-weight: bold;
}
.timeblock span{display:block;height:24px;width:18px;background:url(../img/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}



/* 产品列表 */ 
.proleft{width: 280px;float: left;}
.proleft h3{background: #eb6617;color: #fff;text-align: center;height: 60px;line-height: 60px;font-size: 20px;font-weight: bold;border-top-left-radius: 20px;}
.proleft ul{border: 1px #eee solid;padding: 20px 0;}
.proleft ul li{width: 100%;line-height:40px;display: block;padding-left: 20px;}
.proleft ul li a{color: #252525;}
.proleft ul li ul{border: 0;padding: 0;}
.proleft a:hover{color: #eb6617;}
.proleft .active{color: #eb6617;}

.proright{float: right;float: right;width:1000px;}
.prolistbbb{width:33.3%;float: left;padding:10px;}

.holist2{text-align: center;width: 100%;cursor: pointer;border: 1px #eee solid;}
.holist2 a{display: block;}
 .holist2 span{display: block;width: 100%; height:60px;line-height:60px;width: 100%;display: block;position: relative;overflow: hidden;}
  .holist2 span::after{
	  content: "";
	  position: absolute;
	  top: 60px;
	  left: 0;
	  height: 60px;
	  width: 100%;
	  background: #eb6617;
	  z-index: -1;
	  transition:all 0.3s linear;
	  
  }
 .holist2 .imgnnnn{width: 100%;height: 311px;box-sizing: border-box;display: block;overflow: hidden;background: #ff0000;}
 .holist2 img{transition:all 0.3s linear;}
 .holist2:hover span{color: #fff;}
 .holist2:hover{border: 1px #eb6617 solid;box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
 .holist2:hover img{transform:scale(1.06);}
  .holist2:hover span::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 60px;
	  width: 100%;
	  background: #eb6617;
	  z-index: -1;
	  transition:all 0.3s linear;
	  
  }

 .holist{text-align: center;width: 100%;padding:12px 0; cursor: pointer;}
  .holist span{display: block;width: 100%;padding-top: 14px;}
  .holist img{border: 1px #eef0ed solid;padding: 5px;}
  .holist:hover span{color: #eb6617;}
  .holist:hover img{border: 1px #eb6617 solid;}