@font-face {
	font-family: Futura;
	src: url(../fonts/Futura-Bold.otf);
}

@font-face {
	font-family: Hero;
	src: url(../fonts/Hero.otf);
}
@font-face {
	font-family:Tit;
	src: url(../fonts/tt.ttf);
}
.head-1{
	position: relative;
}
.head{
	position: absolute;
	z-index: 99;
	left: 20%;
	top: 1.5%;
}
.head-logo a h2{
	color: rgba(255,255,255,0.7);
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 20px;
}
.head-logo a p{
	color: rgba(255,255,255,0.7);
	font-size: 12px;
	text-transform: uppercase;
}
.head .nav li {
	float: left;
	position: relative;
	display: block;
	text-align: center;
	margin: 35px 20px;
	padding-bottom: 20px;
	
	
	
}

.head .nav li:after {
	content: "";
	width: 0;
	height: 2px;
	background: #ff7c06;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease 0s;
}

.head .nav li:hover:after {
	width: 100%;
}

.head .nav li a {
	text-decoration: none;
	height: 100%;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: rgba(255,255,255,0.7);
	font-size: 16px;
	padding:0 19px;
}

.head-tel{
	background: url(../image/tel.png) no-repeat;
}
.head-tel p{
	color: #fff;
	font-size:24px;
	font-family:Hero;
	margin-top: 20px;
	padding-left: 40px;
	padding-top: 5px;
}

.about {
	background:url(../image/img-2.jpg) no-repeat;
}
.about-1 {
	margin-top: 80px;
}
.about-1 h1{
	font-size:42px;
	font-weight: bold;
	line-height: 80px;

}
.about-1  h2{
	font-size: 30px;
	padding-bottom: 50px;
}
.about-1 p{
	font-size: 16px;
	line-height: 45px;
	color: #666;
	transition: all 0.6s;
}
.about-1 p:hover{
	transform: translateY(-5px);
}
.about-1 .aboutmore a{
	display: table;
	background-color: #ff7c06;
	border: 1px solid #ff7c06;
	padding: 10px 40px;
	color: #fff;
	border-radius: 50px;
	margin-top: 50px;
	font-size: 16px;
	transition: all 0.6s;
}
.about-1 .aboutmore a:hover{
	color: #ff7c06;
	border: 1px solid #ff7c06;
	background-color: transparent;
	transform: translateY(-5px);
}
.title{
	margin: 70px 0;
}
.title h2{
	font-size: 48px;
	text-align: center;
	line-height: 80px;
	color: #fff;
}
.title h2 span{
	font-weight: bold;
}
.title p{
	color: #fff;
	text-align: center;
	font-size: 15px;
}
.pro{
	background: url(../image/img-3.jpg) no-repeat center 100%;
	padding: 0 !important;
}
.pro-con{
	background-color: rgba(255,255,255,0.6);
	border-radius: 30px;
	margin-bottom: 60px;
}
.pro-more{
	margin-bottom: 80px;
}
.marqueetop{
    height: 500px;
    overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
}
.productShow{
	paddin:40px 0;
}
.productShow .row{
	margin: 0 !important;
}
.productShow li{
    padding: 0 12px;
}
.proShadow{
    padding: 0 10px;
}
.productText{
    padding: 0 20px;
    padding: 20px 0;
	text-align: center;
}
.productText p{
    line-height: 30px;
    font-size: 17px;
	
}


.sjpro p{
	text-align: center;
	font-size: 18px;
	line-height: 60px;
}
.title1 h2{
	font-size: 48px;
	text-align: center;
	line-height: 80px;
	color: #ff7c06;
	font-weight: bold;
	margin-top: 60px;
	
}
.title1 h2 span{
	color: #222;
}
.title1 p{
	color: #999;
	text-align: center;
	font-size: 15px;
	margin-bottom: 50px;
}
.adv{
	margin-top: 40px;
	background: url(../image/img-4.jpg)no-repeat;
}
.adv-1{
	background-color: #fff;
	padding:20px 20px 50px;
	border-radius: 10px;
	text-align: center;
	margin-top: 180px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
	margin-left: 20px;
	transition: all 0.6s;
}
.adv-1:hover{
	background-color: #ff7c06;
	transform: translateY(-5px);
}
.adv-1:hover h2,.adv-1:hover p{
	color: #fff;
}
.adv-1 h2{
	font-size: 24px;
	line-height: 60px;
	font-weight: bold;
}
.adv-1 p{
	color: #666;
	font-size: 15px;
	line-height: 35px;
}
.sjadv{
	padding:20px;
}
.sjadv h3{
	font-size:24px;
	font-weight: bold;
	color: #005f4b;
	line-height:50px;
	padding: 15px 0 10px;
}
.sjadv p{
	color:#666 ;
	font-size: 16px;
	line-height: 30px;
	padding-top: 15px;
}
.new{
	background-color: #f5f5f5;
	padding: 50px;
	margin-top: 80px;
}
.new .new-1{
	background-color: #fff;
	padding: 20px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
	margin:40px 15px;
	transition: all 0.6s;
}
.new .new-1:hover{
	transform: translateY(-5px);
}
.new .new-1 span{
	display: block;
	font-size: 16px;
	color: #999;
}
.new .new-1 h2{
	color: #222;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
}
.new .new-1 h2:hover{
	color:#ff7c06;
}
.new .new-1 p{
	font-size: 15px;
	color: #666;
	padding:40px 0;
	line-height: 35px;
}
.new .new-1 .newmore{
	display: table;
	padding: 10px 40px;
	background-color: #ff7c06;
	border: 1px solid #ff7c06;
	color: #fff;
	font-size: 16px;
	border-radius: 50px;
	transition:  0,6s;
}
.new .new-1 .newmore:hover{
	border: 1px solid #ff7c06;
	color: #ff7c06;
	background-color: transparent;
}
@media only screen and (max-width:768px) {
	.about-1 h1{
		font-size:36px;
	
	}
	.about-1  h2{
		font-size:24px;
		padding-bottom:30px;
	}
	.about-1 {
		margin-top:50px;
	}
	.title1 h2{
		font-size: 36px;
		line-height: 80px;
		
	}
	.title1 p{
		font-size: 1px;
		margin-bottom: 50px;
		line-height: 25px;
	}
	.adv-1{
		
		margin-top: 50px;
	}
	.new{
		
		padding: 10px;
		margin-top: 50px;
	}
	.logo1{
		float: left;
	}
	.logo1 a h2{
		color:#222;
		font-size: 24px;
		line-height: 40px;
		font-weight: bold;
		margin-top: 20px;
	}
	.logo1 a p{
		color:#666;
		font-size:12px;
		
	}
	
}

.new-l{
	background-color: #fff;
	padding: 15px;
	box-shadow: 3px 3px 13px rgba(0,0,0,0.2);
	margin-top: 15px;
	transition: all 0.6s;
}

.foot {
	background: url(../image/footbg.jpg) no-repeat;
	background-size: cover;
}

.foot-con {
	margin-top: 80px;
}

.sjfoot-left h3 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
}

.sjfoot-left h3 span img{
	padding-right: 10px;
	padding-top: 23px;
}

.sjfoot-left p {
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}

.sjfoot-left a{
	color: #fff;
}


.foot-nav2 .foot-1:nth-child(1){
	background:url(../image/fot1.png)no-repeat left;
	padding-left:55px;
	margin:40px 0;
}
.foot-nav2 .foot-1:nth-child(2){
	background:url(../image/fot2.png)no-repeat left;
	padding-left:55px;
	margin:40px 0;
}
.foot-nav1 .foot-1:nth-child(1){
	background:url(../image/fot1.png)no-repeat left;
	padding-left:55px;
	margin:40px 0;
}
.foot-nav1 .foot-1:nth-child(2){
	background:url(../image/fot4.png)no-repeat left;
	padding-left:55px;
	margin:40px 0;
}
.foot-1 p{
	font-size:16px;
	color: #fff;
	line-height: 25px;
}
.foot-1 h3{
	font-size:26px;
	color: #fff;
	font-weight: bold;
}
.foot-1 h4{
	font-size: 18px;
	color: #fff;
}
.foot-2{
	color: #fff;
	font-size: 16px;
	margin-top:50px;
	line-height: 35px;
}
.foot-2 a{
	color: #fff;
}
.foot-3{
	margin-top:50px;
}
.foot-nav{
	border-bottom: 1px dashed #fff;
	padding: 15px 0;
	margin-bottom: 70px;
}
.foot-nav1 h4{
	font-size:20px;
	font-weight: bold;
	color: #fff;
	margin-bottom:20px;
}
.foot-nav1 li a{
	color: #fff;
	font-size: 16px;
	line-height: 45px;
}
.foot-nav li a{
	float: left;
	padding: 0 80px;
	color: #fff;
	font-size: 18px;
	transition: 0.6s;
	border-right: 1px solid #fff;
}
.foot-nav li a:hover{
	color: #eee;
	transform: translateX(-5px);
}
.link {
	font-size: 18px;
	background-color: #fff;
	margin-bottom:30px;
	border-radius: 50px;
	padding-left: 0 !important;
	margin-top: 80px;
}

.link h3 {
	float: left;
	background-color: #ff7c06;
	padding: 20px 15px;
	border-radius: 50px;
	color: #fff;
}

.link ul li a {
	float: left;
	font-size: 16px;
	padding-left: 25px;
	color: #666;
	padding-top: 20px;
}

.footbot {
	padding: 60px 0 30px;
	font-size: 15px;
	color: #666;
	text-align: center;
}

.footbot a {
	color: #666;
	font-size: 15px;
}

.sjfoot-left h3{
	margin-top: 50px;
}

.sjpro-con {
	margin-top: 30px;
}

.sjpro-con .sjtxt {
	font-size: 18px;
	color: #666;
	text-align: center;
	line-height: 60px;
}

.sjpro .sjpromore a {
	font-size: 16px;
	padding: 10px;
	border-radius: 30px;
	background: #da2228;
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 20px;
}


.sjfoot{
	background: url(../image/footbg.jpg) no-repeat;
	background-size: cover;
}
.sjfoot-left .sjlast{
	font-size: 14px; 
	line-height: 25px; 
	padding-top: 20px; 
	color: #aaa;
	padding-bottom: 20px;
}

@media only screen and (max-width:1700px) and (min-width:1501){
	
	.head{
		left:11%;
	}
}
@media only screen and (max-width:1500px) and (min-width:1401){
	
	.head{
		left:7%;
	}
}
@media only screen and (max-width:1400px) and (min-width:1301){
	
	.head{
		left:4%;
	}
}
@media only screen and (max-width:1300px){
	
	.head{
		left:1%;
	}
}