.yly_banner {
	margin: 0px auto; padding:0px auto; width: 100%; text-align:center; 
	background: url(banner.jpg) #3F63AF 800px 0 no-repeat;
}
.yly_banner img{
	margin: 0px auto; max-width: 100%; height: 120px; padding:20px auto;
}
.yly_banner h1{
	text-align:left; color: #fff; font: 700 48px/120px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}
.yly_banner h2{
	text-align:left; color: #fff; font: 700 36px/90px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}
.yly_banner h3{
	text-align:left; color: #fff; font: 700 21px/32px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; width:500px;
}


.yly_banner2 {
	margin: 0px auto; padding:0px auto; width: 100%; height: auto; text-align:center; 
}
.yly_banner2 img{
	margin: 0px auto; max-width: 100%; height: auto; padding:20px auto;
}
.yly_fangwen{
	text-align:right; color: #666; font: 400 16px/60px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}



.zl{}
.zl li{ font-size:18px; line-height:25px; width:32%; height:200px; float:left;margin:10px 0.5%;}
.zl li b{ display:block; font-size:28px; line-height:76px; text-align:center; padding-top:40px;}
.zl li p{ padding:0 25px 0 35px;}
.zl .zl01{  background:url(zl01.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl02{  background:url(zl02.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl03{  background:url(zl03.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl04{  background:url(zl04.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl05{  background:url(zl05.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl06{  background:url(zl06.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl07{  background:url(zl07.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl08{  background:url(zl08.jpg) no-repeat; background-size: 100% 100%; }



.p3_content{background: url(dsj.jpg) no-repeat;height: 517px;}
.p3tit{margin-left: 180px;padding-top: 12px;height: 70px;}
.p3tit li{float:left;background: url(p3_2.png) no-repeat;width:33px;height: 56px;font-size: 18px;line-height: 56px;color:#0072be;text-align: center;margin: auto 6px;cursor: pointer;}
.p3tit li.odd{margin-top: 14px;margin-left: -7px;}
.p3tit li#active{background: url(p3_1.png) no-repeat;}
.p3con{width:820px;margin:65px auto 0 252px;}
.p3con { height:320px;}
.p3con h2{font-size: 20px;FONT-WEIGHT: bold;line-height: 40px; padding-top:20px;padding-bottom:20px;}
.p3con h3{font-size: 21px;FONT-WEIGHT: bold;line-height: 37px; padding-top:0px;}
.p3con p{font-size: 18px;line-height: 37px;text-indent:2em;margin: 0px auto; padding: 0px auto; }


.pic-list32 {
	width:32%;
	height:auto;
	float:left;
	margin:0 0px 20px 2%;
	background-color:#f5f5f5;
}
.noml {
	margin-left:0; 
}


.yly_list{padding-top:20px; }
.yly_list {margin-bottom:20px;overflow:hidden;zoom:1}
.yly_list li {
	width:50%;
	float:left; 
	padding: 0 auto;
	margin: 20px auto;
}
.yly_list li img{height:80px;width:80px;
     -moz-border-radius: 10%; 
    -webkit-border-radius: 10%; 
    border-radius:10%;   
}
.yly_list li .imgl{float:left; margin: 10px 50px}
.yly_list li .imgr{float:right; margin: 10px 50px}
.yly_list li h3 {
	text-align:left; 
	margin-top: 0px;
	margin-bottom: 10px;
	font: 700 16px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yly_list li a{
	color: #fff;
}
.yly_list li a:hover {
	color: #fff;
	text-decoration: none
}
.yly_list li p {
	font: 400 14px/20px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}



.hdlist { }
.hdlist li {
	color: #000;
	height:100px;
	width:100%;
	float:left; 
	padding: 0 auto;
	margin: 20px auto;
}
.hdlist li img{height:80px;width:80px; float:left; margin:10px 40px 0 50px;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius:50%;       
}
.hdlist li a{
	color: #0C3E83;
}
.hdlist li a:hover {
	color: #000;
	text-decoration: none
}
.hdlist li p {
	
}

.yl_video { background: url(video_bg.jpg) #fff 0 0 no-repeat; }
.yl_video video{ height:353px; margin:3px 77px; width:596px; max-width:100%;max-height:100%; object-fit:fill; float: left;}
.yl_video p{ width:420px; float: left; font: 400 16px/26px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå";  text-indent:2em;  margin:20px 10px 20px 20px;}

.yl_info { margin:20px 0;}
.yl_info img{ float: left; margin-right:20px;}
.yl_info p{ font: 400 16px/26px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; text-indent:2em; margin:20px 0;}


.hide {
	display: none;
}





.ylydh {
	margin: 0px auto; 
	padding: 0px auto; 
	text-align:center; 
	COLOR: #fff; 
	font: 700 24px/40px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	width:40%; 
	float: left; 
}
.ylydh span{ display: inline-block; text-align: center; cursor:pointer; margin:20px 10% 20px 0; width:40%; float: left; }

.ylydh .font-yly-z {color: #fff; background: #3F63AF; padding-top:20px;  padding-bottom:20px;}
.ylydh .font-yly {color: #fff; background: #86A6DF; padding-top:20px;  padding-bottom:20px;}

.dhwz {
	margin: 20px 0; 
	padding: 0px auto; 
	text-align:left; 
	font: 400 16px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	width:59%; 
	height:280px;
	overflow-y:scroll;
	background: rgba(255, 255, 255, 0.6); 
	float: left;
	color: #003567;
	border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; 
}


.dhwz p{
	padding: 20px 10px 0; 
	text-align:left; 
	color: #003567;
	text-indent:2em;
}
.dhwz p b{
	word-break : break-all; 
}



.tit_dh { padding: 50px 0; margin-top:30px; background:#3F63AF; }
.tit_dh h2 { font-size: 48px; color: #fff; text-align: center; }
.tit_dh h3 { font-size: 36px; color: #fff; text-align: center; margin-top: 30px;  }
.tit_dh span { margin-left:60px;}


.lpic { padding: 10px auto; margin-top:20px; background:#E8F0F3; }
.lpic img{ max-width:100%;}

.map { padding: 10px auto; margin-top:0px; background:#FFF8DC; }
.map img{ max-width:100%;}

@media only screen and (min-width : 320px) and (max-width : 880px) {



.margin-t-25{margin-top: 15px;}

.yly_banner2 {
	margin: 0px auto; padding:0px auto; width: 100%; height: auto; text-align:center; 
}
.yly_banner2 img{
	margin: 0px auto; max-width: 100%; height: auto; padding:10px auto;
}
.yly_fangwen{
	text-align:right;  font: 400 9px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}

.yly_fangwen span{
	display: none;
}

.yly_banner {
	margin: 0px auto; padding:0px auto; width: 100%; height: auto; text-align:center; 
	background: url(banner.jpg) #3F63AF 100% 0 no-repeat;
	background-size: 40% 100%;
}
.yly_banner img{
	margin: 0px auto; max-width: 100%; height: 80px; padding:10px auto;
}
.yly_banner h1{
	text-align:left; color: #fff; font: 700 21px/40px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}
.yly_banner h2{
	text-align:left; color: #fff; font: 700 16px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
}
.yly_banner h3{
	text-align:left; color: #fff; font: 700 12px/36px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; width:auto;
}


.tit_dh { padding: 20px 0; margin-top:10px; background:#3F63AF; }
.tit_dh h2 { font-size: 24px; color: #fff; text-align: center; }
.tit_dh h3 { font-size: 18px; color: #fff; text-align: center; margin-top: 10px;  }
.tit_dh span { margin-left:20px;}



.idea { padding: 10px auto; margin-top:10px; background:#3F63AF; }
.idea .mask { background: rgba(7, 7, 7, 0.2); color: #fff; padding: 20px 0;}
.idea h2 { font-size: 24px; color: #fff; margin-bottom: 20px;  text-align: center; }
.idea h3 { font-size: 18px; color: #fff; text-align: center; }



.yl_video { background: url(video_bg.jpg) #fff 0 0 no-repeat; background-size: 100% 100%; height:240px;}
.yl_video video{ margin:2px 10.2%; width:79.6%;max-height:100%; object-fit:fill; }
.yl_video p{ width:auto; font: 400 14px/26px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå";  text-indent:2em;  margin:10px 10px 20px 10px;}

.yl_info { margin:0px 0;}
.yl_info img{ height:auto; width:100%; margin-right:0px; margin-bottom:10px;}
.yl_info p{ font: 400 14px/26px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; text-indent:2em; margin:10px 10px;}





.yly_list{padding-top:10px; }
.yly_list {margin-bottom:0px;overflow:hidden;zoom:1}
.yly_list li {
	width:100%;
	float:left; 
	padding: 0 auto;
	margin: 5px auto ;
}
.yly_list li img{height:80px;width:80px; 
    -moz-border-radius: 10%; 
    -webkit-border-radius: 10%; 
    border-radius:10%;   
}
.yly_list li .imgl{float:left; margin: 0px 10px 10px 0}
.yly_list li .imgr{float:left; margin: 0px 10px 10px 0px}
.yly_list li h3 {
	margin-top: 0px;
	margin-bottom: 10px;
	font: 700 16px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.yly_list li a{
	color: #fff;
}
.yly_list li a:hover {
	color: #fff;
	text-decoration: none
}
.yly_list li p {
	font: 400 14px/22px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	max-height:40px; 
	overflow: hidden;
}




.zl{}
.zl li{ font-size:14px; line-height:18px; width:48%; height:120px; float:left;margin:10px 1%;}
.zl li b{ display:block; font-size:14px; line-height:48px; text-align:left; padding-top:10px;padding-left:28%;}
.zl li p{ padding:0 5px 0 15px;}
.zl .zl01{  background:url(zl01.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl02{  background:url(zl02.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl03{  background:url(zl03.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl04{  background:url(zl04.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl05{  background:url(zl05.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl06{  background:url(zl06.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl07{  background:url(zl07.jpg) no-repeat; background-size: 100% 100%; }
.zl .zl08{  background:url(zl08.jpg) no-repeat; background-size: 100% 100%; }


.hdlist { clear:both; }
.hdlist li {
	color: #000;
	height:auto;
	width:100%;
	float:left; 
	padding: 0 auto;
	margin: 10px auto;
}
.hdlist li img{height:80px;width:80px; float:left; margin:10px 10px 0 0px;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius:50%;       
}
.hdlist li a{
	color: #0C3E83;
}
.hdlist li a:hover {
	color: #000;
	text-decoration: none
}
.hdlist li p {
	
}

.hide {
	display: block;
}






.ylydh {
	margin: 0px auto; 
	padding: 0px auto; 
	text-align:center; 
	COLOR: #fff; 
	font: 700 16px/30px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	width:100%; 
	float: left; 
}
.ylydh span{ display: inline-block; text-align: center; cursor:pointer; margin:10px 1% 10px 1%; width:23%; float: left; }

.ylydh .font-yly-z {color: #fff; background: #3F63AF; padding-top:10px;  padding-bottom:10px;}
.ylydh .font-yly {color: #fff; background: #86A6DF; padding-top:10px;  padding-bottom:10px;}

.dhwz {
	margin: 0px 0; 
	padding: 0px auto; 
	text-align:left; 
	font: 400 14px/26px "Microsoft YaHei", "΢ÈíÑźÚ", "ËÎÌå", "ºÚÌå"; 
	width:100%; 
	height:240px;
	overflow-y:scroll;
	background: rgba(255, 255, 255, 0.6); 
	float: left;
	color: #003567;
	border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1; 
}


.dhwz p{
	padding: 10px 10px 0; 
	text-align:left; 
	color: #003567;
	text-indent:2em;
}
.dhwz p b{
	word-break : break-all; 
}

.pic-list3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0px 10px 0;
    background-color: #f5f5f5;
}
.pic-list .shadow-title {
    line-height: 20px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    margin: 10px 1px;
    padding: 0px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pic-list32 {
	width:48%;
	height:auto;
	float:left;
	margin:0 1% 20px 1%;
    background-color: #f5f5f5;
}

.p3_content{background: url(dsj.jpg) no-repeat;background-size: 100% 100%;height: 260px;}
.p3tit{margin-right: 8%;margin-left:0px;padding-top: 12px;height: 60px;text-align: right;float:right;}
.p3tit li{float:left;background: url(p3_2.png) no-repeat;background-size: 100% 100%; width:24px;height: 30px;font-size: 16px;line-height: 30px;color:#0072be;text-align: center;margin: auto 6px;cursor: pointer;}
.p3tit li.odd{margin-top: 14px;margin-left: -7px;}
.p3tit li#active{background: url(p3_1.png) no-repeat;background-size: 100% 100%;}
.p3con{width:auto;margin:0px 8% 0 18%;}
.p3con { height:auto;}
.p3con h2{font-size: 14px;FONT-WEIGHT: bold;line-height: 20px; padding-top:0px;padding-bottom:10px;}
.p3con p{font-size: 9px;line-height: 16px;text-indent:2em;margin: 0px auto; padding: 0px auto; }






}