*{
    margin: 0;
    padding: 0;
}.clearfix:before,.clearfix:after {    content:"";    display:table;}.clearfix:after {    clear:both;    overflow:hidden;}.pronavlist{width:1200px;float:left;height:auto;overflow:hidden;}.pronavlist a{	float:left;	width:380px;	margin-right:20px;	margin-bottom:30px;	overflow:hidden;	text-align:center;	box-sizing:border-box; 	-moz-box-sizing:border-box; /* Firefox */ 	-webkit-box-sizing:border-box; }.pronavlist a img{	max-width:100%;height:auto;}

.flex{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
	display: -moz-box; /* Firefox 17- */  
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
	display: -moz-flex; /* Firefox 18+ */  
	display: -ms-flexbox; /* IE 10 */  
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
}
.flex-center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.space-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-items_flex-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.align-items_center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-items_baseline{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.s_img a{
	display:block;
	width:585px;
}
.s_img a img{
	width:100%;
}
.s_img a p{
	font-size:16px;
	text-align:center;
	padding:10px 0;
	color:#000;
}
.newsmore{
	display:block;
	width:260px;
	background:#ff6a00;
	color:#fff;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	border-radius:2em;
	margin:20px auto;
	height:50px;
	line-height:50px;
}



.top{
    width: 100%;
    height: 768px;
	border-top:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
    margin-left: auto;
    margin-right: auto;
    background: url("../img/bg2.png");
	margin-top:50px;
}
.top-conent{
    width: 1200px;
    height: 768px;
    /*border: 1px solid blue;*/
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 100px;*/
}
.font{
    width: 90%;
    height: 150px;
    /*border: 1px solid black;*/
    /* float: left;*/
    margin-left: auto;
    margin-right: auto;

}
.font p:nth-child(1){
    font-family:Arial;
    font-size: 46px;
    font-weight: 600;
    text-align: center;
    margin-top: 45px;
}
.font p:nth-child(2){
    font-family:Arial;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    text-indent: 2em;
    margin-top: 10px;
}
.content{
    width: 90%;
    height: 660px;
    /*border: 1px solid white;*/
    /*float: left;*/
    margin-left: auto;
    margin-right: auto;
}
.content01{
    width: 500px;
    height: 300px;
    /*border: 1px solid green;*/
    float: left;
    text-align: center;
    font-family:Arial;
    font-size: 25px;
    font-weight: 600;
}
.content01 p{
    margin-top: 10px;
	color:#000;
}
.content02{
    width: 500px;
    height: 300px;
    /*border: 1px solid green;*/
    float: right;
    text-align: center;
    font-family:Arial;
    font-size: 25px;
    font-weight: 600;
    /* margin-right: 100px;*/
}
.content02 p{
    margin-top: 30px;
	color:#000;
}
.content03{
    width: 500px;
    height: 300px;
    /*border: 1px solid green;*/
    float: left;
    text-align: center;
    font-family:Arial;
    font-size: 25px;
    font-weight: 600;
    /* margin-right: 100px;*/
}
.content03 p{
    margin-top: 40px;
	color:#000;
}
.content03 img{
    margin-top: 60px;
}
.content04{
    width: 500px;
    height: 300px;
    /* border: 1px solid green;*/
    float: right;
    text-align: center;
    font-family:Arial;
    font-size: 25px;
    font-weight: 600;
    /* margin-right: 100px;*/
}
.content04 p{
    margin-top: 10px;
	color:#000;
}
.content04 img{
    /*margin-top: px;*/
}
.box{
    width: 1200px;  
    margin-left: auto;
    margin-right: auto;
}

.box a{
	color:#000;
}
.div01{
    width: 100%;
    height: 395px;
    background: url("../img/t3.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
	margin-top:50px;
}
.div01 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div01 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 500px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 40px;
    margin-top: 280px;
    font-weight: 600;
   /* border: 1px solid blue;*/
    position: absolute;
}
.div01 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 910px;
    margin-top: 110px;
    font-weight: 600;
   /* border: 1px solid blue;*/
    position: absolute;
}
.div02{
     width: 100%;
     height: 382px;
     background: url("../img/t13.png");
     /*border: 1px solid blue;*/
     float: left;
     position: relative;
 }
.div02 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div02 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 500px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 100px;
    margin-top: 240px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div02 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 60px;
    margin-top: 90px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div03{
    width: 100%;
    height: 371px;
    background: url("../img/t2.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div03 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div03 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 360px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 800px;
    margin-top: 240px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div03 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 760px;
    margin-top: 90px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}

.div04{
    width: 100%;
    height: 387px;
    background: url("../img/t4.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div04 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div04 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 360px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 700px;
    margin-top: 240px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div04 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 600px;
    margin-top: 90px;
    font-weight: 600;
   /* border: 1px solid blue;*/
    position: absolute;
}
.div05{
    width: 100%;
    height: 374px;
    background: url("../img/t5.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div05 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div05 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 360px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 800px;
    margin-top: 260px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div05 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 960px;
    margin-top: 140px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div06{
    width: 100%;
    height: 374px;
    background: url("../img/t6.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div06 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div06 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 360px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 260px;
    margin-top: 230px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div06 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-top: 120px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div07{
    width: 100%;
    height: 374px;
    background: url("../img/t7.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div07 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div07 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 330px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 860px;
    margin-top: 260px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div07 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 900px;
    margin-top: 140px;
    font-weight: 600;
   /* border: 1px solid blue;*/
    position: absolute;
}
.div08{
    width: 100%;
    height: 374px;
    background: url("../img/t8.png");
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
}
.div08 p:nth-child(1){
    display: block;
    font-family:Arial;
    font-size: 30px;
    font-weight: 600;
    float: left;
    position: absolute;
}
.div08 p:nth-child(3){
    display: block;
    font-family:Arial;
    width: 360px;
    float: left;
    /*font-size: 14px;*/
    margin-left: 100px;
    margin-top: 220px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div08 p:nth-child(2){
    display: block;
    font-family:Arial;
    width: 300px;
    /*font-size: 14px;*/
    float: right;
    margin-left: 20px;
    margin-top: 100px;
    font-weight: 600;
    /*border: 1px solid blue;*/
    position: absolute;
}
.div09{
    width: 100%;
    height: 600px;
    /*border: 1px solid red;*/
    float: left;
    position: relative;

}
.div10{
    width: 100%;
    height: 490px;
    /*border: 1px solid blue;*/
    float: left;
    position: relative;

}
.div11{
    width: 100%;
    height: 445px;
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
    /*margin-top: 20px;*/

}
.div12{
    width: 100%;
    height: 450px;
    /*border: 1px solid blue;*/
    float: left;
    position: relative;
    margin-top: 30px;

}

.box-left{
    width: 400px;
    height: 60px;
    /*border: 1px solid black;*/
    float: left;
    margin-top: 140px;
    margin-left: 580px;
    position: absolute;
    /* text-align: center;*/

}
.box-left p:nth-child(1){
    /*line-height: 100px;*/
    font-size: 46px;
    font-family:Arial;
    font-weight: 600;
    color: #020202;
   /* margin-top: 20px;*/
}
.box-left p:nth-child(2){
    /*line-height: 100px;*/
    font-size: 13px;
    font-family:Arial;
    font-weight: 600;
    color: #6b6f7d;
}
.box-right{
    width: 560px;
    height: 460px;
    /*border: 1px solid blue;*/
    float: right;
    margin-top: 50px;
    margin-right: 110px;
    position: absolute;
}
.box-right img{
    width: 100%;
    height: 100%;
}
.box-top{
    width: 800px;
    background:rgb(31, 39, 111);
    /*background: #5a6265;*/
    z-index: 1;
    float: left;
    margin-top: 220px;
    margin-left: 360px;
    position: absolute;
	padding: 15px 0;
}

.top-con{
    width: 780px;
    color: white;
    font-size: 14px;
     /*border: 1px solid white;*/
    margin: 0 auto;
    /*margin-left: 60px;*/
    /*margin-top: 30px;*/
    font-family:Arial;
    line-height: 28px;
    text-indent: 2em;
}



.sy_product .item{
	margin-bottom:50px;
}
.sy_product .item .bigt {
	margin:40px 0 30px;
}
.sy_product .item .bigt h3{
	font-size:30px;
	color:#000;
	font-family:Arial;
	font-weight:bold;
}
.sy_product .item .bigt a{
	display:inline-block;
	padding:4px 10px;
	border-radius:2em;
	border:1px solid #ddd;
	color:#999;
	font-size:14px;
	font-family:Arial;
}
.sy_product .item .bigt a:hover{
	color:#fff;
	border-color:#ED6D00;
	background:#ED6D00;
}
.sy_product .list .can{
	width:calc((100% - 60px) / 4);
	margin-right:20px;
}
.sy_product .list .can:nth-child(4n){
	margin-right:0;
}


.sy_product .list .can .img{
	border:1px solid #ddd;
	padding:10px;
}
.sy_product .list .can .img img{
	width:100%;
}
.sy_product .list .can .t{
	text-align:center;
	line-height:40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:0 10px;
	font-size:14px;
	color:#333;
}
.sy_product .list .can:hover .img{
	border-color:#ED6D00;
}
.sy_product .list .can:hover .t{
	background-color:#ED6D00;
	color:#fff;
}


.download .item img{
	height:30px;
	margin-right:10px;
}
.download .item{
	padding:12px 10px;
	border-bottom:1px solid #eee;
}
.download .item .title{
	color:#333;
	font-size:15px;
}
.download .item .title:hover{
	color:#ED6D00;
}
.download .btn{
	border-radius:2em;
	font-size:13px;
	line-height:30px;
	padding:0 12px;
	color:#fff;
	background:#ED6D00;
}
.download .btn:hover{
	opacity:.8;
}