body {
	font: 14px/1.8 "microsoft yahei", "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #333;
}

* {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
	text-decoration: none;
	color: #333;
}


img {
	border: 0;
	vertical-align: top;
	outline: 0;
}

h1,
h2,
h3 {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
.header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	height: 140px;
	line-height: 140px;
}
.header .logo{
	
}
.header .logo img{
	margin-top: 35px;
}
.header .language a{
	color: #fff;
	margin-left: 32px;
}
.header .nav{
	
}
.header .nav li{
	float: left;
	font-size: 16px;
	margin-left: 46px;
}
.header .nav li.on{
	
}
.header .nav li a{
	color: #fff;
}
.header .nav li.on a,.header .nav li:hover a,.header .language a:hover{
	color: #ff5f33;
}
#bannerSwiper{
	position: relative;
}
#bannerpagination{
	position: absolute;
	bottom: 26px;
	z-index: 2;
	text-align: center;
}
#bannerSwiper .swiper-pagination-bullet{
	width: 10px !important;
	height: 10px !important;
}
#bannerSwiper .swiper-pagination-bullet{
	background: #dddddd;
	opacity: 1;
	margin: 0 3px;
}
#bannerSwiper .swiper-pagination-bullet-active{
	background: #ff5f33 !important;
}
#bannerSwiper .arrow-left{
	width: 31px;
	height: 54px;
	background: url(../img/slider-left.png) no-repeat;
	position: absolute;
	z-index: 2;
	bottom: 333px;
	left: 120px;
}
#bannerSwiper .arrow-right{
	width: 31px;
	height: 54px;
	background: url(../img/slider-right.png) no-repeat;
	position: absolute;
	z-index: 2;
	bottom: 333px;
	right: 120px;
}
#bannerSwiper .conn1{
	width: 730px;
	height: 184px;
	position: absolute;
	margin-left: -395px;
	left: 50%;
	top: 288px;
	padding: 20px 30px;
	background: rgba(0, 24, 74, 0.4);
}
#bannerSwiper .conn2{
	position: absolute;
	width: 848px;
	height: 224px;
	left: 50%;
	margin-left: -424px;
	top: 287px;
}
.section1 .bg .top{
	height: 470px;
	width: 100%;
	background: #fff;
}
.section1 .bg .bot{
	height: 430px;
	width: 100%;
	background: #20252f;
}
.section1 {
	position: relative;
	height: 900px;
}
.section1 .bg{
	position: absolute;
	width: 100%;
}
.section1 .con{
	position: relative;
	z-index: 1;
}
.section1 .list1{
	padding: 110px 50px;
}
.section1 .list1 li{
	font-size: 24px;
	float: left;
	width: 160px;
	height: 130px;
	text-align: right;
	line-height: 180px;
	margin-left: 153px;
}
.section1 .list1 li:first-child{
	margin-left: 0;
}
.section1 .icon1{
	background: url(../img/ab1.png) no-repeat;
}
.section1 .icon2{
	background: url(../img/ab2.png) no-repeat;
}
.section1 .icon3{
	background: url(../img/ab3.png) no-repeat;
}

.section1 .icon4{
	background: url(../img/ab4.png) no-repeat;
}
.section1 .list2{
	
}
.section1 .list2 li{
	width: 380px;
	float: left;
	margin-left: 30px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.section1 .list2 li p{
	margin-top: 5px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.section1 .list2 li:first-child{
	margin-left: 0;
}
.section2 .title{
	text-align: center;
	padding: 90px 0;
}
.section2 .title .top span{
	position: absolute;
	right: 0;
	font-size: 18px;
	color: #dcdcdc;
	top: 14px;
}
.section2 .title .top{
	width: 460px;
	margin: 0 auto;
	position: relative;
}
.section2 .title .top h3{
	text-align: center;
	
	font-size: 30px;
}
.section2 .title .line{
	width: 70px;
	height: 2px;
	background: #ff3600;
	margin: 25px auto;
}
.section2 .title .des{
	text-align: center;
	font-size: 18px;
}
.section2 .menu{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #ff7c59;
}
.section2 .menu ul{
	padding:0 160px;
	margin: 0;
}
.section2 .menu ul li{
	float: left;
	width: 220px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	margin: 0;
}

.section2 .menu ul li.on{
	background: #ff6136;
	font-weight: bold;
}
.section2 .tab-wrap{
	height: 890px;
	width: 100%;
	background: url(../img/s2bg.jpg) no-repeat center center;
}
.section2 .tab-content li{
	width: 380px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

.section2 .tab-content ul{
	margin-left: -30px;
	margin-top: 60px;
	display: none;
}
.section2 .tab-content ul.on{
	display: block;
}
.section2 .tab-content li img{
	width: 380px;
	height: 265px;
}
.section2 .tab-content li h3{
	color: #fff;
	font-size: 18px;
	padding-top: 15px;
}
.section2 .tab-content li p{
	color: #fff;
}
.section2 .tab-content li:hover h3,.section2 .tab-content li:hover p{
	color: #ff6136;
}
.section3 .bg .top{
	height: 490px;
}
.section3 .bg .bot{
	height: 460px;
	background:#ee5c33 url(../img/s3-bot.jpg) no-repeat center center;
}
.section3{
	position: relative;
	height: 950px;
}
.section3 .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 950px;
}
.section3 .con{
	position: relative;
	z-index: 2;
	
}
.section3 .con .title{
	text-align: center;
}
.section3 .con .title img{
	padding-top: 128px;
}
.section3 .list{
	position: relative;
}
.section3 .list .bd li{
	width: 360px;
	height: 306px;
	border: 10px solid #f3f3f3;
    float: left;
    margin-left: 30px;
    border-radius:10px ;
}
.section3 .list .bd li:hover{
	border: 10px solid #ff7c59;
}
.section3 .list .bd{
	margin-left: -30px;
	margin-top: 120px;
}
.section3 .list .bd li img{
	width: 360px;
	height: 306px;
}
.section3 .list .hd{
	position: absolute;
	bottom: -66px;
	width: 100%;
	z-index: 2;
}
.section3 .list .hd a {
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	display: block;
	cursor: pointer;
}
.section3 .list .hd a:hover{
	background: #ddd;
}
.section3 .bot-pic{
	text-align: center;
}
.section3 .bot-pic img{
	padding-top: 115px;
}
.section4{
	padding: 100px 0;
}
.section4 .reply{
	width: 400px;
	height: 440px;
	background: #ededed;
	padding: 50px;
}
.section4 .reply .des{
	padding-top: 20px;
	color: #5f5f5f;
}
.section4 .reply form{
	padding-top: 30px;
}
.section4 .reply .form-line{
	width: 50%;
	float: left;
	margin-bottom: 30px;
}
.section4 .reply .form-line .lable{
	color: #292929;
	font-size: 16px;
	padding-bottom: 5px;
}
.section4 .reply .form-line input{
	border: 0;
	outline: 0;
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
	width: 160px;
}
.section4 .reply .form-line2{
	width: 100%;
}
.section4 .reply .form-line2 input{
	width: 360px;
}
.section4 button{
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 136px;
	background: #ff7c59;
	color: #fff;
	border: 0;
	outline: 0;
	cursor: pointer;
}
.section4 button:hover{
	background: #ff6136;
}
.section4 .ins{
	width: 550px;
}
.section4 .ins .des{color: #5f5f5f;padding: 10px 0 15px 0;}
.section4 .ins .s-title{
	padding-top: 40px;
}
.section4 .ins ul li{padding-bottom:  14px;margin-bottom:  26px;border-bottom: 1px solid #a3a3a3;}
.section4 .ins ul li .fl{width: 75px;}
.section4 .ins ul li .fr{width: 455px;}
.section4 .ins ul li .fr p{height: 25px;overflow: hidden;color: #939393;}
.section4 .ins ul li:hover h3{
	color: #ff5f33;
}
.section4 .ins .more{
	text-align: right;
	width: 100%;
}
.section4 .ins .more a{
	color: #ff5f33;
	font-weight: bold;
}
.section4 .ins .more a:hover{
	color: #333;
}
.section5 ul li{
	width: 285px;
	margin-left: 20px;
	float: left;
}
.section5 .s-title{
	padding-bottom: 50px;
}
.section5 ul li:first-child{
	margin-left: 0;
}
.section5 ul li img{
	width: 285px;
	height: 196px;
}
.section5 ul li h3{
	color: #252525;
	padding: 10px 0;
}
.section5 ul li .date{
	color: #ff5f33;
	font-size: 12px;
	padding-bottom: 10px;
}
.section5 ul li .con{
	color: #939393;
	height: 50px;
	overflow: hidden;
}
.section5 ul li:hover h3{
	color: #ff5f33;
}
.section5{
	padding: 80px 0;
}
.s-title{
	font-weight: bold;
	font-size: 22px;
	color: #424242;
}
.s-title span{
	padding-left: 50px;
}
.s-title span i{
	padding-left: 10px;
	color: #ff5f33;
	font-style: normal;
}
.footer{
	padding: 70px 0;
	background:#020711 url(../img/fbg.jpg) no-repeat center center;
	background-size: cover;
}
.footer .box1{
	width: 400px;
	padding-left: 60px;
}
.footer .box1 img{
	padding-top: 50px;
}
.footer .box1 .des{
	color: #e0e0e0;
	font-size: 12px;
	padding-top: 40px;
}
.f-title{
	color: #fff;
	font-size: 16px;
	padding-bottom: 40px;
}
.f-title span{
	color: #ff5f33;
	margin-left: 20px;
}
.footer .box2{
	padding-left: 130px;
	padding-right: 180px;
}
.footer .box2 ul li{
	padding-bottom: 20px;
}
.footer .box2 ul li a{
	color: #fff;
}
.footer .box2 ul li a:hover{
	
}
.footer .box3 ul li{
	margin-bottom: 13px;
}
.footer .box3 ul li img{
	float: left;
	width: 40px;
	margin-right: 20px;
}
.footer .box3 ul li p{
	float: right;
	width: 220px;
	color: #fff;
	line-height: 1.4;
}
.f-bot{
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #ff5f33;
	text-align: center;
	font-size: 12px;
}
.page-bg{
	height: 630px;
	background-repeat:no-repeat ;
	background-size: cover;
	background-position: center center; 
}
.page-bg h3{
	font-size: 40px;
	color: #fff;
	text-align: center;
	padding-top: 340px;
}
.about-con .txt{
	width: 530px;
}
.about-con .title{
	font-size: 22px;
	font-weight: bold;
	line-height: 48px;
	padding-top: 30px;
}
.about-con h3{
	border-bottom: 1px solid #ff5f33;
}
.about-con span{
	color: #ff5f33;
	margin: 0 20px;
}
.about-con .des{
	color: #b6b6b6;
	padding: 30px 0;
}
.about-con .con{
	color: #6a6a6a;
	text-indent: 2em;
}
.about-con .s1{
	padding-top: 125px;
}
.about-con .s2{
	padding-top: 80px;
}
.about-con .s2 .des {
    text-align: right;
}
.about-con .s3{
	background: url(../img/ab-pic3.jpg) no-repeat center center;
	margin-top: 130px;
	margin-bottom: 70px;
}
.about-con .s3 ul{
	padding: 145px 50px;
}
.about-con .s3 ul li{
	font-size: 24px;
	float: left;
	width: 160px;
	height: 130px;
	text-align: right;
	line-height: 180px;
	margin-left: 153px;
}
.about-con .s3 ul li:first-child{
	margin-left: 0;
}
.about-con .s3 ul .icon1{
	background: url(../img/ab1.png) no-repeat;
}
.about-con .s3 ul .icon2{
	background: url(../img/ab2.png) no-repeat;
}
.about-con .s3 ul .icon3{
	background: url(../img/ab3.png) no-repeat;
}

.about-con .s3 ul .icon4{
	background: url(../img/ab4.png) no-repeat;
}
.about-con .s4{
	margin-bottom: 110px;
}
.about-con .s4 ul{
	margin-left:-34px;
}
.about-con .s4 li{
	width: 274px;
	margin-right: 34px;
	float: left;
	margin-bottom: 15px;
}
.about-con .s4 li img{
	width:100%;
}
.page-footer{
	height: 460px;
	background: url(../img/ab-footer.jpg) no-repeat center center;
	background-size:cover;
	text-align: center;
}
.page-footer img{
	padding-top: 170px;
}
.contact-title{
	text-align: center;
	padding-bottom: 50px;
}
.contact-title h3{
	font-size: 26px;
	color: #ff5f33;
}
.contact-title p{
	font-size:16px ;
	color: #c2c2c2;
}
.contact-page #dituContent{
	margin: 0 auto;
	margin-bottom: 70px;
}
.contact-page ul li{
	width: 300px;
	float: left;
	text-align: center;
}
.contact-page ul li p{
	font-size: 18px;
	color: #000;
}
.contact-page{
	padding: 90px 0;
}
.product-list li{
	width: 380px;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

.product-list ul{
	margin-left: -30px;
	margin-top: 60px;
}
.product-list li img{
	width: 380px;
	height: 265px;
	box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.12);
}
.product-list li h3{
	color: #080808;
	font-size: 18px;
	padding-top: 15px;
	text-align: center;
}
.product-list li p{
	color: #a9a9a9;
	font-size: 16px;
	text-align: center;
}
.product-list li:hover img{
	box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.24);
}
.product-list li:hover h3{
	    color: #ff5f33;
}
.paganav{
	font-size: 0;
	text-align: center;
	padding: 100px 0;
}
.paganav a{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #d8d8d8;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
	margin: 0 5px;
}
.paganav a.on,.paganav a:hover{
	background: #ff5f33;
}
.product-list{
	margin-top: 100px;
}
.news-list{
	padding: 90px 0;
}
.news-list ul{
	margin-left: -30px;
}
.news-list ul li{
	width: 380px;
	float: left;
	margin-left: 30px;
	margin-bottom: 60px;
}
.news-list ul li img {
    width: 380px;
    height: 265px;
}
.news-list ul li h3{
	color: #2a2a2a;
	font-weight: bold;
	font-weight: normal;
	padding: 15px 0 5px 0;
}
.news-list ul li .date{
	font-size: 16px;
	color: #ff5f33;
	padding-bottom: 5px;
}
.news-list ul li .con{
	font-size: 16px;
	color: #acacac;
}
.news-list ul li:hover h3{
	color: #ff5f33;
}