@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#333;text-align:center;background:#f8f8f8;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#cc0000;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
.grey,.grey a:link,.grey a:visited,.grey a:hover{color:#666;}
/*header*/
.header{height:36px;background:url(images/headbg.png) repeat-x;}
.header span{float:left;}
.header span img{margin-top:1px;}
.header em{float:right;line-height:36px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*nav*/
.nav{margin-top: 30px;}
.nav .fl img{float:left;}
.nav .fl span{font-size: 30px;color:#e00011;font-family:\5FAE\8F6F\96C5\9ED1;line-height:45px;margin-left: 16px;}
.nav .fr{font-size: 24px;line-height: 45px;}
.nav .fr a{margin-left:49px;}
.nav .fr a:hover{text-decoration:none;color:#325e91;}
/*p1Con*/
.p1bg{background:url(images/p1bg.jpg) no-repeat top center #fff;margin-top:60px;}
.p1Con{width:1200px;height:600px;position: relative;}
.pic1{margin-top:38px;position: absolute;}
.p1Con h1{position: absolute;right:5%;top:24px;}
.p1Con h2{font:bold 50px/52px \5FAE\8F6F\96C5\9ED1;color: #000;position: absolute;top:386px;right:5%;text-align:left;letter-spacing:10px}
.p1Con h3{background:url(images/p1_1.gif) repeat-x;height: 80px;padding:0 30px;position: absolute;top:510px;left:194px;font:normal 44px/80px \5FAE\8F6F\96C5\9ED1;}
/*p2Con*/
.p2Con{margin-top: 90px;}
.pic2{margin-top:35px;}
.pic2 ul{overflow: hidden;}
.pic2 li{overflow:hidden;height:100%;float:left;position:relative;margin-bottom:20px;}
.pic2 li span{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:98%;text-align:left;filter:alpha(opacity=0);opacity:0;z-index:11;background:url(images/black_bg.png);font-size: 24px;line-height: 26px;text-align: center;}
.pic2 li.img2{margin-left: 22px;}
.pic2 ul.more_con{display: none;}
.pic2 ul.more_con li{margin-left:20px;}
.more_btn{background:url(images/more_btn.png) no-repeat top center;height: 28px;cursor: pointer;}
/*p3Con*/
.p2bg{background:url(images/p2bg.jpg) no-repeat bottom center #fff;padding-bottom: 120px;}
.p2bg h1{margin-top: 90px;}
.pic3{position: relative;margin-top:35px;overflow: hidden;height: 650px;}
.swiper-container{width: 100%;height: 650px;overflow: hidden;}
.swiper-slide{width:auto;height:510px;}
.swiper-slide div{position:absolute;left:0;top:0;width:100%;height:auto;z-index:1;}
.swiper-slide div span{display: none;}
.swiper-slide div p{display: none;}
.swiper-slide div img{width: 100%;height: auto}
.swiper-slide-active div span{font-size:30px;text-align: center;line-height:32px;width:100%;display:block;margin-top:8px;}
.swiper-slide-active div span,.swiper-slide-active div span a{color:#325e91;}
.swiper-slide-active div p{display: block;
    font-size: 24px;text-align:center;width: 100%;position: absolute;bottom:-20%;line-height: 140%}
.arrow-left{background: url(images/btn_prev.png) no-repeat left top;position: absolute;left: 23%;top: 40%;width: 29px;height: 31px;z-index: 999}
.arrow-right{background: url(images/btn_next.png) no-repeat left bottom;position: absolute;right: 23%;top: 40%;width: 29px;height: 31px;z-index: 999}
/*p4Con*/
.p4Con{padding-top: 40px;}
.p4Con .fl{width: 599px;}
.p4Con .fr{width: 374px;}
.p4_tit h3{float:left;}
.p4_tit span{float:right;font:normal 24px/72px \5FAE\8F6F\96C5\9ED1;}
.list1{margin-top: 21px;height: 372px;overflow-x: hidden;overflow-y: auto;padding-right: 10px;width: 589px;}
.list1 dt{font-size:20px;line-height: 22px;font-weight: bold;}
.list1 dd{font-size:18px;padding:10px 0;line-height: 160%}
.list1::-webkit-scrollbar{width: 10px;height: 1px;}
.list1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #bfbfbf;}
.list1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #eee;}
.list2{margin-top: 21px;padding-left: 26px;width: 347px;border-left: 1px solid #bfbfbf}
.list2 li{font-size: 20px;line-height:38px;}
.list3{border-left:none;padding-left:0;width:599px;}
/*copyright*/
#copyright{clear:both;margin:0 auto;padding:80px 0 50px 0;text-align:center;font-family:\5B8B\4F53;}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:1650px) and (max-width:1900px),
       screen and (max-device-width:1900px) {
	.swiper-slide-active div p{bottom:-22%;}
	.pic3,.swiper-container{height: 560px;}
	.swiper-slide{height: 560px;}
}
@media (min-device-width:1380px) and (max-width:1649px),
       screen and (max-device-width:1649px) {
    .swiper-slide-active div h3{font-size:50px;}
	.swiper-slide-active div p{bottom:-24%;}
	.arrow-left{left: 22%;}
	.arrow-right{right:22%;}
	.pic3,.swiper-container{height: 560px;}
	.swiper-slide{height: 560px;}
}
@media (min-device-width:1280px) and (max-width:1379px),
       screen and (max-device-width:1379px) {
    .swiper-slide-active div h3{font-size:50px;}
	.swiper-slide-active div p{bottom:-28%;}
	.arrow-left{left: 20%;}
	.arrow-right{right:20%;}
	.pic3,.swiper-container{height: 500px;}
	.swiper-slide{height: 500px;}
}
@media (min-device-width:1000px) and (max-width:1279px),
       screen and (max-device-width:1279px) {	
    .swiper-slide-active div h3{font-size:50px;}
	.swiper-slide-active div p{bottom:-25%;font-size: 20px;}
	.arrow-left{left: 20%;}
	.arrow-right{right:20%;}
	.pic3,.swiper-container{height: 450px;}
	.swiper-slide{height: 450px;}
}
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	.header,.top,.w1000,.p1bg,.p2bg,#copyright,.p1Con{width:1000px;}
	.p1Con h1{top:50px;right:0;}
	.p1Con h2{top:400px;}
	.pic3,.swiper-container{height: 400px;}
	.swiper-slide{height: 400px;}
	.swiper-slide-active div h3{font-size: 32px;}
	.swiper-slide-active div p{bottom:-25%;}
	.arrow-left{left: 20%;}
	.arrow-right{right:20%;}
}