html,body,div,p,dl,dt,dd,span,i,em,ul,li,a,img,h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}

img{
	border:none;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}

body{
	margin:0 auto;
}


.banner{
	width:100%;
	height:645px;
	background:url(../images/banner.png) no-repeat center center;
}

.topbox{
	width:1200px;
	height:450px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:100px;
}

.topbox p{
	width:441px;
	height:441px;
}

.topbox .xiangqing{
	width:600px;
	margin-top:30px;
}

.xiangqing .headtit{
	width:auto;
	margin-bottom:20px;
}

.headtit h3{
	font-size:42px;
	font-weight:normal;
}

.xiangqing p{
	width:520px;
	height:auto;
	font-size:20px;
	line-height:36px;
	color:#666;
}

.xiangqing a, .mupiao a{
	width:210px;
	height:66px;
	display:block;
	background:#FF6537;
	line-height:66px;
	border-radius:33px;
	text-align:center;
	color:#FFF;
	font-size:24px;
	margin-top:30px;
	transition:.6s;
}

.xiangqing a:hover, .mupiao a:hover{
	background:#F35731;
}

.xuexi{
	width:100%;
	height:740px;
	margin-top:100px;
	position:relative;
}


.right_bg{
	width:44%;
	height:100%;
	background:#F1F0F5;
	position:absolute;
	right:0;
	top:0;
	z-index:-1;
}


.xxmb{
	width:1330px;
	position:absolute;
	left:50%;
	margin-left:-665px;
	top:65px;
	display:flex;
	justify-content:space-between;
}

.xxmb p{
	width:402px;
}

.xxmb p img{
	display:block;
	margin-bottom:25px;
}

.mupiao{
	width:440px;
}

.mupiao h2{
	width:auto;
	color:#FF7257;
	font-size:24px;
}

.mupiao h3{
	font-size:46px;
}

.mupiao dl{
	margin-top:40px;
}

.mupiao dl dt{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}

.mupiao dl dd{
	font-size:20px;
	color:#666;
	line-height:32px;
}


.shuji{
	width:1170px;
	height:300px;
	margin:0 auto;
	margin-top:100px;
	background:url(../images/ship5.png) no-repeat center 72px;
	border:1px solid #eee;
	border-radius:10px;
	box-shadow:0 0 20px #CCCCCC;
	display:flex;
	justify-content:space-between;
	overflow:hidden;
	position:relative;
}


.shuji div{
	width:25%;
	height:76px;
	margin-top:80px;
	border-right:1px solid #eee;
	text-align:center;
	padding-top:70px;
	overflow:hidden;
}

.shuji div h3{
	font-size:46px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.shuji div h3 span{
	font-weight:normal;
	font-size:14px;
	vertical-align:top;
}

.shuji .sjbg{
	width:200px;
	height:200px;
	border-radius:150px;
	background:#FF6537;
	position:absolute;
	left:-90px;
	bottom:-208px;
}

.shuji div:nth-child(5){
	border-right:none;
}


/*标题*/

.titles{
	width:1200px;
	margin:0 auto;
	text-align:center;
	margin-top:100px;
	margin-bottom:50px;
}

.titles h3{
	width:auto;
	font-size:46px;
	margin-bottom:10px;
}

.titles p{
	font-size:16px;
	color:#666;
}


.works{
	width:1564px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.works p{
	width:368px;
	margin-bottom:30px;
}

.works p img{
	display:block;
}

@media screen and (max-width: 1440px) {
.works{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.works p{
	width:285px;
	margin-bottom:30px;
}

.works p img{
	width:100%;
	display:block;
}

}


.zixun{
	width:210px;
	height:auto;
	margin:0 auto;
	margin-top:60px;
}

.zixun a{
	width:210px;
	height:66px;
	display:block;
	background:#FF6537;
	line-height:66px;
	border-radius:33px;
	text-align:center;
	color:#FFF;
	font-size:24px;
	transition:.6s;
}

.zixun a:hover{
	background:#D93600;
}


.baoming{
	width:100%;
	height:182px;
	background:url(../images/ship6.png) no-repeat center center;
	margin-top:80px;
	position:relative;
}


.baoming .bmbox{
	width:1200px;
	height:164px;
	background:#FFF url(../images/baoming_bg.png) no-repeat right center;
	border-radius:10px;
	position:absolute;
	left:50%;
	margin-left:-600px;
	top:102px;
	overflow:hidden;
	z-index:6;
}


.bmbox dl{
	width:90%;
	height:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}


.bmbox dl dt{
	width:308px;
	margin-left:20px;
}

.bmbox dl dt input{
	width:100%;
	height:60px;
	border:none;
	text-indent:12px;
}

.bmbox dl dt input.ipus{
	border:1px solid #CCC;
	box-sizing:border-box;
	font-size:20px;
}

.bmbox dl dt input.sbm{
	border:none;
	background:#FF6537 url(../images/bmjt.png) no-repeat 212px center;
	text-align:left;
	cursor:pointer;
	font-size:24px;
	color:#FFF;
	text-indent:60px;
}


.jiaoxcj{
	width:100%;
	height:620px;
	background:#FFF2EF;
	position:relative;
}


.changjing{
	width:1200px;	
	position:absolute;
	left:50%;
	margin-left:-600px;
	top:60px;
}

.changjing ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.changjing li{
	margin-bottom:30px;
}


.changjing li img{
	display:block;
}


.orderzhuanye{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-bottom:60px;
}


.zybox{
	width:370px;
	box-shadow:0 0 8px #EEE;
	border-radius:10px;
}

.zybox p{
	width:370px;
	overflow:hidden;
	border-radius:10px 10px 0 0;
	
}

.zybox img{
	display:block;
	transition:.6s;
}

.zybox:hover img{
	display:block;
	transform:scale(1.1);
}

.zybox dl{
	width:auto;
	height:80px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 12px;
}

.zybox dl dt{
	font-size:20px;
	font-weight:bold;
}

.zybox dl dd a{
	font-size:18px;
	color:#000;
}

.zybox dl dd a:hover{
	color:#F00;
}