@charset "utf-8";
/* CSS Document */
.about-1{ width:1520px; height:660px; margin:auto; overflow:hidden; position:relative;}
.about-title{ width:100%; float:left; text-align:center; background:url(../images/bk2-10-1.png) bottom center no-repeat; font-size:26px; color:#0005b9; padding:2% 0; margin-top:30px;}
.about-img{ width:100%; float:left; text-align:center; margin-top:40px;}
.about-info{ width:100%; float:left; text-align:center; color:#333; font-size:15px; margin-top:30px; line-height:30px; margin-bottom:40px; overflow:hidden;}
.about-link{ width:100%; float:left;}
.about-link a{ display:block; width:180px; height:60px; text-align:center; line-height:60px; border-radius:5px; border:solid 1px #0005B9; font-size:18px; color:#0005B9; margin:auto;}
.about-link a:hover{ opacity:0.7;}
.about-2{ width:100%; height:700px; margin:auto; position:relative; overflow:hidden; background:url(../images/about-2.png) top center no-repeat;}
.about-title2{ width:100%; float:left; text-align:center; background:url(../images/bk2-10.png) bottom center no-repeat; font-size:26px; color:#fff; padding:2% 0 1% 0; margin-top:30px;}
.about-qhk{ width:100%; float:left; position:relative; height:370px; margin-top:50px;}
.about-2-link{ width:100%; float:left; margin-top:50px;}
.about-2-link a{ display:block; width:178px; height:60px; margin:auto; border:solid 1px #ccc; text-align:center; line-height:60px; color:#fff; font-size:18px; border-radius:5px;}
.about-2-link a:hover{ opacity:0.7;}
.pc{ display:block;}
.wap{ display:none;}
.about-3{ width:1520px; height:575px; margin:auto; overflow:hidden; position:relative;}
.about-title3{ width:100%; float:left; text-align:center; background:url(../images/bk2-10-1.png) bottom center no-repeat; font-size:26px; color:#0005b9; padding:2% 0; margin-top:30px;}
.about-info3{ width:100%; float:left; text-align:center; color:#666; font-size:15px; margin-top:50px; line-height:30px; margin-bottom:40px;}
.about-4{ width:100%; height:635px; margin:auto; position:relative; overflow:hidden; background:url(../images/about-3.png) top center no-repeat;}
.about-title4{ width:100%; margin:auto; text-align:center; background:url(../images/bk2-10.png) bottom center no-repeat; font-size:26px; color:#fff; padding:2% 0 1% 0; margin-top:30px;}
.mainisjz{ width:800px; height:400px; margin:auto; position:relative; overflow:hidden;}
#timeline { width:800px; height: 300px;overflow: hidden;margin: 100px auto;position: relative;background: url(../images/time_line.png) left 58px repeat-x;font-family:"微软雅黑" Georgia, serif;margin-top: 40px;}
#dates {width: 740px;height: 80px;overflow: hidden;}
#dates li {list-style: none;float: left; width: 120px;height: 75px;font-size: 24px;text-align: center;background: url(../images/time_dot.png) center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;font-size: 30px; font-weight:bold; text-decoration:none; color:#fff; height: 60px; display: block; font-family:Arial, Helvetica, sans-serif;}
#dates .selected {font-size: 45px; color: #fff; font-weight:bold; background: url(../images/time_dot_active.png); background-position-y: 42px; background-position-x: 43.5px; background-repeat: no-repeat; background-position: b; /* z-index: 100000; */ height: 74px; display: block; color:#cbd720; font-family:Arial, Helvetica, sans-serif;}
#issues {width: 800px;height: 300px;overflow: hidden;}	
#issues li {width: 800px;height: 160px;list-style: none;float: left; margin-top:20px;}
#issues li h1 {color: #ffcc00;font-size: 42px;margin: 20px 0;text-shadow: #000 1px 1px 2px;}
#issues li p {font-size: 14px;margin-right: 70px; margin:10px; font-weight: normal;line-height: 22px;}
.issuescontent{ width: 100%;margin:auto; }
.contentleft{ width: 200px; height:160px; margin-left:75px; line-height: 160px; text-align: center; font-size: 76px; float: left; color: #fff; font-weight: 700;   -webkit-animation: glow 1.5s ease infinite alternate;  animation: glow 1.5s ease infinite alternate; }
.contentright{ float: left; margin-left:20px; text-align: left; width: 490px; font-size: 24px; height: 160px; color:#FFF; position:relative; }
.contentright dl{ width:100%; float:left; margin-top:52px;}
.contentright dl dd{ width:95%; padding-left:5%; float:left; height:30px; line-height:30px; background:url(../images/zs.png) left center no-repeat;}
.contentright dl dd i{ float:left; font-size:20px; font-family:微软雅黑;}
.contentright dl dd span{ float:left; margin-left:10px; font-size:20px !important; font-family:微软雅黑; color:#ffbc39;}
#time_prev{ position:absolute; z-index:999; top:49%; left:0; width: 75px; height: 75px; background: url(../images/time_left.png) no-repeat;  cursor: pointer;  }
#time_next{ position:absolute; z-index:999; top:49%; right:0; width: 75px; height: 75px; background: url(../images/time_right.png) no-repeat; cursor: pointer; } 
#time_next:hover{ background: url(../images/time_right_hover.png) no-repeat; }
#time_prev:hover{ background: url(../images/time_left_hover.png) no-repeat; }
.about-4-link{ width:100%; float:left;}
.about-4-link a{ display:block; width:178px; height:60px; margin:auto; border:solid 1px #ccc; text-align:center; line-height:60px; color:#fff; font-size:18px; border-radius:5px;}
.about-4-link a:hover{ opacity:0.7;}
.wap-time{ display:none;}

@media screen and (min-width:1480px) and (max-width:1579px) {

}
@media screen and (min-width:1380px) and (max-width:1479px) {
	
.about-1{ width:100%;}
#certify{ width:100%;}

.about-title2{ padding: 2% 0 3% 0;}

.about-3{ width:100%;}
.about-2-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	
.about-link a{ width:150px; height:40px; line-height:40px; font-size:16px; margin-top:3%;}

.about-4-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}

}
@media screen and (min-width:1280px) and (max-width:1379px) {
.about-1{ width:100%;}
#certify{ width:100%;}

.about-title2{ padding: 2% 0 3% 0;}

.about-3{ width:100%;}
.about-2-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	
.about-link a{ width:150px; height:40px; line-height:40px; font-size:16px; margin-top:3%;}

.about-4-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}

}
@media screen and (min-width:1180px) and (max-width:1279px) {

.about-1{ width:100%;}
#certify{ width:100%;}

.about-title2{ padding: 2% 0 3% 0;}

.about-3{ width:100%;}
.about-2-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	
.about-link a{ width:150px; height:40px; line-height:40px; font-size:16px; margin-top:3%;}

.about-4-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
}
@media screen and (min-width:1000px) and (max-width:1179px) {
.about-1{ width:100%;}
#certify{ width:100% !important;}

.about-title2{ padding: 2% 0 3% 0;}

.about-3{ width:100%;}
.about-2-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	
.about-link a{ width:150px; height:40px; line-height:40px; font-size:16px; margin-top:3%;}

.about-4-link a{ width:150px; height:40px; line-height:40px; font-size:16px;}

}




@media screen and (min-width:900px) and (max-width:999px) {
.about-1{ width:100%;}	
#certify{ width:100% !important;}
#certify .swiper-button-prev{ left:0 !important;}
#certify .swiper-button-next{ right:0 !important;}
.pc{ display:block;}
.wap{display:none;}
.about-3{ width:100%;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time{ display:none;}
}
@media screen and (min-width:800px) and (max-width:899px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:3%; font-size:24px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title2{padding: 2% 0 4% 0;}
.pc{ display:none;}
.wap{ display:block; width:98%; float:left; margin-left:1%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:4%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 4% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}

@media screen and (min-width:750px) and (max-width:799px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:3%; font-size:24px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size: cover;}
.about-title2{padding: 2% 0 4% 0;}
.pc{ display:none;}
.wap{ display:block; width:98%; float:left; margin-left:1%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:4%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 4% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}
@media screen and (min-width:720px) and (max-width:749px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:3%; font-size:24px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title2{padding: 2% 0 4% 0;}
.pc{ display:none;}
.wap{ display:block; width:94%; float:left; margin-left:3%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:5%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 6% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}
@media screen and (min-width:640px) and (max-width:719px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:3%; font-size:24px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title2{padding: 2% 0 4% 0;}
.pc{ display:none;}
.wap{ display:block; width:94%; float:left; margin-left:3%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:5%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 6% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}
@media screen and (min-width:415px) and (max-width:639px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:5%; font-size:20px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title2{padding: 2% 0 6% 0;}
.pc{ display:none;}
.wap{ display:block; width:98%; float:left; margin-left:1%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:5%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 6% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}
@media screen and (min-width:376px) and (max-width:414px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:5%; font-size:20px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title2{padding: 2% 0 6% 0;}
.pc{ display:none;}
.wap{ display:block; width:98%; float:left; margin-left:1%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:5%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%; background-size:cover;}
.about-title4{padding: 2% 0 6% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}
@media screen and (min-width:320px) and (max-width:375px) {
.about-1{ width:100%; height:auto; padding-bottom:5%;}
.about-title{ padding-bottom:5%; font-size:20px;}
.about-img{ margin-top:4%;}
.about-info{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-link a{ width:130px; height:30px; font-size:12px; line-height:30px;}
.about-2{ height:auto; padding-bottom:5%;}
.about-title2{padding: 2% 0 6% 0;}
.pc{ display:none;}
.wap{ display:block; width:98%; float:left; margin-left:1%; overflow:hidden;}
.about-qhk{ height:auto; margin-top:5%;}
.swiper-pagination2{ text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ text-align:center; opacity: 1; background: #fff;}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity: 1; background: #007aff;}
.swiper-slide img{ width:100% !important;}
.about-2-link{ margin-top:3%;}
.about-2-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.about-3{ width:100%; height:auto; padding-bottom:5%;}
.about-title3{ padding-bottom:5%; font-size:20px;}
.about-info3{ margin-top:15px; font-size:14px; margin-bottom:15px;}
.about-4{ height:auto; padding-bottom:5%;}
.about-title4{padding: 2% 0 6% 0;}
.about-4-link{ margin-top:3%;}
.about-4-link a{ width:130px; height:30px; line-height:30px; font-size:12px;}
.mainisjz{ display:none;}
.wap-time{ display:block; width:98%; margin:auto;}
.wap-time ul{ width:100%; height:300px; overflow:auto;}
.wap-time li{ width:100%; padding-left:5%; float:left; background:url(../images/sjz-1.png) 2% 7px no-repeat; background-size:8px; margin-bottom:1%;}
.wap-time li i{ display:block; width:100%; float:left; font-size:18px; color:#ffbc39; font-weight:bold;}
.wap-time li p{ width:100%; float:left; font-size:14px; color:#fff;	}
}