@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:15px; font-family:"微软雅黑"; text-align:center; color:#000;overflow-x: hidden; background:#fff url(../images/bg.jpg) no-repeat center top;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { 
margin:0;padding:0; border-collapse:collapse;}
em{font-style:normal;}
li{list-style:none;}
img{border:0px;}
.Big, .Middle, .Small, .Print, .Close, .Favorite {
    cursor: pointer;
}

a{color:#000; text-decoration:none;}
a:hover{color:#295792; text-decoration:none;}
.font12{font-size:12px;}
.font14{font-size:14px;} 
.font16{font-size:16px;} 
.font20{font-size:20px;}
.font30{font-size:30px;}
.w1200{width:1200px; margin:0 auto 0 auto; }
.w1100{width:1100px; margin:0 auto 0 auto; }
.w860{width:860px;}
.w600{width:660px!important;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#85000e;}
.lh20{line-height:25px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left: 18px;}
.mr28{margin-right: 28px;}
.mt20{margin-top: 20px}
.mt30{margin-top:30px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.w669{width:669px;}
.w390{width:390px;}
.w391{width:363px; background: #fff; padding:14px;}
.b20{width:20%; }
.b70{width:70%; }
.zlist{
    font-size: 20px;
}

.zlist ul{
	padding: 10px;
}

.zlist ul>li{
	width: 100%;
    line-height: 50px;
    text-align: center;
    margin-bottom: 10px;
    background-color: #2064b4;
    color: white;
}

.zlist ul>li>a{
	display:block;
    color:white
}
.zlist ul>li>a:hover,
.zlist ul>li.cur>a{
	background-color: #fd9b07;
	color:white
}

.gray{width:100%; background: #f5f5f5; }
.white{color:white;}
.line_l{border-right:1px solid #c5dff6;}
.bg_white{background: #fff; width: 100%;}

#content{width:100%; margin:0px auto 0; /*! text-align: center; */}
#top {width:100%;height: 296px; font-size: 12px; color: #fff; text-align: center; text-align: center;}
#top .logo{width:1200px; margin: 74px auto; text-align: left;}
#top .nav{width:100%; height: 70px; background: url(../images/menu_bg.png);}
#top .nav ul{width:1200px; margin: 0 auto;}
#top .nav ul li{float: left; font-size: 20px;}
#top .nav ul li a{padding:0 45px;color: #fff; float: left; line-height: 70px;}
#top .nav ul li a:hover{background: #fd9b07;}
#top .nav ul li .selected{background: #fd9b07;}

#body .about{width:580px; height: 372px; color: #000; margin:20px 0;}
#body .about .title{width:578px; height: 48px; border:1px solid #ebebeb; background:#f7f7f7;}
#body .about .title h1{background:#2c7bd7; font-size: 20px; color:#fff; float:left; height: 30px; padding: 9px 30px; font-weight: normal;line-height: 27px;}
#body .list_index ul{margin:10px 0 0 0;}
#body .list_index li{background:url(../images/style_icon.png) no-repeat -14px -183px; padding-left:25px; text-align: left; font-size: 16px; color: #000; float: left; line-height: 33px; width:92%;}
#body .list_index li:hover{background-position: -14px -124px;}
#body .list_index .date{font-size: 16px; color:#a4a4a4; padding-left: 10px; float: right;}

#body .icon{width:583px; float: left;}
#body .icon ul{width:100%;margin:0;background: #f8f8f8;padding: 22px 0;}
#body .icon li{width:33%; border-right: 1px solid #e4e4e4; float:left;padding: 80px 0 20px;}
#body .icon li:last-child{border-right: 0;}
#body .icon li h2{font-size: 20px; font-weight: normal;}
#body .icon li p{color:#ff5a00; font-size: 11px; text-transform: uppercase;}
#body .icon .icon01,#body .icon .icon01:hover,#body .icon .icon02,#body .icon .icon02:hover,#body .icon .icon03,#body .icon .icon03:hover,#body .icon .icon04,#body .icon .icon04:hover,#body .icon .icon05,#body .icon .icon05:hover{background: url(../images/icon.png) no-repeat;-moz-transition:background 0.5s; /* Firefox 4 */ transition:background 0.5s;
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#body .icon .icon01{background-position: 40px 0px;}
#body .icon .icon01:hover{background-position: 40px -166px;}
#body .icon .icon02{background-position: -169px 0px;}
#body .icon .icon02:hover{background-position: -169px -166px;}
#body .icon .icon03{background-position: -396px 0px;}
#body .icon .icon03:hover{background-position: -396px -166px;}
#body .icon .icon04{background-position: -584px 0px;}
#body .icon .icon04:hover{background-position: -584px -166px;}
#body .icon .icon05{background-position: -797px 0px;}
#body .icon .icon05:hover{background-position: -797px -166px;}

#body .news {width:559px; float: left; background: #fff; height: 486px; padding:0 20px 20px 20px;margin: 0;}
#body .news .title{width:557px; height: 48px; border:1px solid #ebebeb; background:#f7f7f7;}
#body .news .title h1{background:#2c7bd7; font-size: 20px; color:#fff; float:left; height: 30px; padding: 9px 30px; font-weight: normal;line-height: 27px;}
#body .news .top1{width:559px; height: 168px; background: #f4f4f4; float: left; margin:28px 0 17px 0;align-content: ;}
#body .news .top1 .pic{float: left;}
#body .news .top1 .pic img{width:223px; height: 168px;}
#body .news .top1 .info{margin:15px; float: left; width:305px;}
#body .news .top1 .info h3{font-size: 22px; color:#0068d9; margin: 0 0 14px 0;}
#body .news .top1 .info p{font-size: 15px; color:#000; line-height: 24px;text-indent: 30px;height: 51px;overflow: hidden;}
#body .news ul{margin:10px 0 0 0;}
#body .news li{background:url(../images/style_icon.png) no-repeat -14px -183px; padding-left:25px; text-align: left; font-size: 16px; color: #000; float: left; line-height: 33px; width:92%;}
#body .news li:hover{background-position: -14px -124px;}
#body .news .date{font-size: 16px; color:#a4a4a4; padding-left: 10px; float: right;}
#body .more1{width: 60px; height: 22px; text-align: center; color: #fff; font-size: 15px; background: #fd9b07; float: left; line-height: 22px;}
#body .more1:hover{background: #767676;}
#body .more2{margin:10px 0 0 0; width: 68px; height: 28px; font-size: 15px; color: #000; text-align: center; line-height: 28px; float: right;}
#body .bg01{/*background: url(../images/bg.jpg) no-repeat;*/}

#body .news02 {width: 583px; background-color: #ffffff; padding:24px 0; margin:0 0 20px 0;}
#body .news02 .title{width:583px; height: 48px; border:1px solid #ebebeb; background:#f7f7f7;}
#body .news02 .title h1{background:#2c7bd7; font-size: 20px; color:#fff; float:left; height: 30px; padding: 9px 30px; font-weight: normal;line-height: 27px;}

#body .company{width:1140px; padding:30px;}
#body .company .title h1{border-left: 5px solid #fd9b07; font-size: 24px; float:left; height: 24px; padding-left: 20px; font-weight: normal;line-height: 22px;}

/*pic_news*/
.slideBox,.slideBox01{ width:559px; height:372px; overflow:hidden; position:relative; margin:20px;}
.slideBox .hd,.slideBox01 .hd{ height:15px; overflow:hidden; position:absolute; right:2%; bottom:9px; z-index:2; }
.slideBox .hd ul,.slideBox01 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li,.slideBox01 .hd ul li{border-radius: 4px; float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on,.slideBox01 .hd ul li.on{background:#c10000; color:#fff;}
.slideBox .bd,.slideBox01 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img,.slideBox01 .bd img{ width:559px; height:372px; position: relative; z-index: 0 }
.slideBox .bd .news_info,.slideBox01 .bd .news_info{background:url(../images/pic_bg.png); width:559px; height: 40px; top:332px; line-height: 20px; color:#fff; font-size: 16px; margin-top: 0px; text-align: center; position: absolute; z-index:2}
.slideBox .bd .news_info h1,.slideBox01 .bd .news_info h1{font-weight: normal; line-height: 30px; font-size: 18px; width: 95%;margin: 3px auto 0;text-align: left;}

/*list_news*/
.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ width:583px; height: 48px; border:1px solid #ebebeb; background:#f7f7f7; position:relative; margin:0 0 7px 0; }
.slideTxtBox .hd ul{ float:left; position:absolute; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{font-size: 20px; color:#fff; float:left; height: 32px; padding: 9px 30px; font-weight: normal;line-height: 27px;cursor:pointer; }
.slideTxtBox .hd ul li.on a{color:#fff;}
.slideTxtBox .hd ul li.on{background:#2c7bd7; font-size: 20px; color:#fff; float:left; height: 32px; padding: 9px 30px; font-weight: normal;line-height: 27px;cursor:pointer; }

/*newslist*/
#body .list {text-align: left; margin-left: 20px;}
#body .list .title1{background: #fff6ed; width:100%; height: 48px; text-align: left}
#body .list .title1 h2{border-bottom: 3px solid #ff6825; color:#ff6825; font-size: 19px; font-weight: normal; margin-left:17px; height: 45px; width:100px; text-align: center;line-height: 45px;}
#body .list ul{margin-top: 10px;}
#body .list ul li{border-bottom: 1px dashed #c1c1c1; padding:12px 0 14px 0px; line-height: 30px; float: left; width:100%;}
#body .list ul li .date{float: left; color:#fff; background:#7fb5d7; line-height: 52px; padding:10px;  margin: 10px 15px; display: block;width: 20%;text-align: center;}
#body .list ul li a{color:#000;font-size: 18px;}
#body .list ul li a:hover{color:#d7396e;}
#body .list ul li p{line-height: 20px; color:#777; width:75%;}
#body .page{margin:40px; float: right; width:816px;}
#body .page li{float: left; line-height: 30px;}
#body .page li a{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -471px; float: left;  margin: 0 5px 0 0;}
#body .page li a:hover{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -509px; float: left;  margin: 0 5px 0 0; color:#fff;}
#body .page li .selected{text-decoration: none; width:34px; height: 30px; color:#4c4c4c; line-height: 30px; background-position:0px -509px; float: left;  margin: 0 5px 0 0; color:#fff;}
#body .page li .back{width:34px; height: 30px; background-position:-41px -589px;}
#body .page li .back:hover{width:34px; height: 30px; background-position:0px -549px;}
#body .page li .next{width:34px; height: 30px; background-position:0px -589px;}
#body .page li .next:hover{width:34px; height: 30px; background-position:-41px -549px;}
#body .page li input{width:20px; height: 30px; line-height: 30px; border:1px solid #eee; margin:0 10px; padding:0 10px;}

/*pic_list*/
.piclist{width:1144px; margin-left: 20px;}
.piclist li{ width:266px; height: 205px; float:left; margin:10px;text-align: center;}
.piclist li img{width:260px; height: 175px;} 


/*footer*/
.footer{/*margin-top: 20px;*/float: left; 
    /*margin:15px auto 0;*/
	width:100%;
    background:#fff;
/*    padding-top:10px;*/
    background:url(../images/footer_bg.gif);
}
.foot_nav{
	line-height:41px;
	color:#fff; font-size: 16px;
	border-bottom: 1px solid #5c8cbe;
	text-align: left;
	padding: 5px 20px;
}
.foot_nav a{
	color:#fff;
}
.foot_nav a:hover{
	text-decoration:underline;
}
.foot_con{
    position:relative;
	padding: 16px 20px;
	line-height:24px;
}
.foot_con p{
	margin-bottom:10px;
	text-align: left;
	color: #fff;
}

/*info.shtml*/
#body .info {margin:0px 12px; text-align: left;width: 98%;}
#body .info h1{text-align: center; font-size: 24px; height: 75px;}
#body .info div{line-height: 25px; font-size: 16px; color:#555;}
#body .info p{margin-bottom: 10px;}
#body .info h2{text-align: center; font-size: 36px; color:#1d62a6; font-weight: 500;margin-top: 38px;}
#body .info  .file_info{border-bottom: 1px solid #eaeaea; padding:20px; font-weight: 14px; color:#7a7a7a; text-align: center;}
#body .info  .info{margin:70px 40px 50px 40px; text-align: left;width: 94%;}
/*#body .info  .info p{text-align: left;}*/
#body .info  .button_orange{ text-decoration: none; width:100px; color:#fff; text-align: center; margin:10px; background: #ff6c00; line-height: 32px;}
#body .info  .button_orange:hover{background: #ccc;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#body .info  .share{border-top: 1px solid #eaeaea; padding:20px; font-weight: 14px; color:#7a7a7a; width:1170px; margin:30px 0;}
#body .info  .share a{font-size:14px; color:#666666; height: 27px; float: right;}
#body .info  .share p{font-size:14px; color:#666;}
#body .icon_print,#body .icon_close,.position,.page li a,.page li a:hover,.page li .selected,.page li .back,.page li .back:hover,.page li .next,.page li .next:hover{background: url(../images/icon01.png) no-repeat; }
#body .icon_totop{background-position: 0px -632px; padding-left: 35px; margin:0 10px;}
#body .icon_print{background-position: 0px -670px; padding-left: 35px; margin:0 10px;}
#body .icon_close{background-position: 0px -708px; padding-left: 35px; margin:0 10px;}
.position{background-color:#efefef; background-position: 20px -254px; font-size: 16px; color: #575757; padding:15px 0 0 53px; text-align: left;height: 40px; margin:20px 0;}
/*.position a{color:#ff6c00;}*/

/*about*/
#body .title01 h1{background:url(../images/title_bg.png) no-repeat 0px; font-weight: 500; font-weight: bold; color:#2a6eb2; font-size: 24px; text-align: center; line-height: 72px; padding: 0 10px 0 67px; margin-left:30px; }
#body .column{width:100%; margin-top: 10px; text-align: right;}
#body .column li a{color:#fff; float: left; width:134px; text-align: center; margin:10px; border-radius: 20px; height: 40px; background: #3f81cb; line-height: 40px; font-size: 17px;}
#body .column li a:hover{color:#575757; background: #eee;-moz-transition:background 0.5s; /* Firefox 4 */ transition:background 0.5s;
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
#body .column li .selected{color:#575757; background: #eee;}

/*list_menu*/
#body .nav li a{float:left; width:270px; height: 55px; line-height: 55px; margin-bottom: 1px; font-size: 20px; text-align: center; background: #eee;}
#body .nav li a:hover{background: #8ebfe4; color: #fff;}
#body .nav .selected a{background: #8ebfe4; color: #fff;}

/*dinghong 20200601*/
.button_next{margin-left:40%;}
.bg_slide{
	position:absolute;
	top:0;
	width:100%;
	z-index:-1
}
.bg_slide ul li.li01{
	background:url(../images/bg.jpg) top center no-repeat;
	background-attachment:fixed;
	background-size:auto 100%;
}
.bg_slide ul li.li02{
	background:url(../images/bg01.jpg) top center no-repeat;
	background-attachment:fixed;
	background-size:100% auto
}
.bg_slide ul li.li03{
	background:url(../images/bg02.jpg) top center no-repeat;
	background-attachment:fixed;
	background-size:100% auto
}

/** 2021-08-10 update**/
.video_mp4_box {
    width: 710px;
    height: 400px;
    margin: 0 22px 15px 0;
}
.video_mp4_box video{
	width: 100%;
    height: 100%;
}