﻿body{ min-width:1300px;}


.banner{ width:100%; margin:0px auto;height:auto; text-align: center; }	
.banner img{ max-width:100%; border:0;}

.dao_bg{ width:100%; margin:0px auto; padding:0; background:url(daoyu_bg.jpg) no-repeat top; height:350px; }
.dao_bg2020{ width:100%; margin:0px auto; padding:0; background:url(daoyu_bg2020.jpg) no-repeat top; height:350px; }
.dao{ width:1000px; margin:0px auto; background:url(dao.png) no-repeat; height:300px;}
.dao p{ padding-top:80px; width:750px; margin-left:180px; font-size:16px; font-weight:bold; line-height:42px;}


.wrap_bg{ width:100%; margin:0; padding:0; background:url(bg.jpg) repeat-y top center ;}	   


.wrap_ccc{ width:100%; margin:0; padding:0; background:#f1f1f1;}

.wrap_fff{ width:100%; margin:0; padding:0; background:#FFF;}	   


.tit_nav { margin:0px auto;}
.tit_nav h1{font-size:36px; font-weight:bold; line-height:60px; padding:30px 0 30px; text-align:center;
	text-shadow: rgba(255,255,255,1.00) 1px 2px;
	letter-spacing: 3px; 
} 
.tit_nav p{font-size:16px; font-weight:bold; line-height:36px; text-indent:2em; padding:0px 0 60px;}

.boximg { width:540px; }

.boxtxt { width:640px; line-height:30px;}
.boxtxt h2{font-size:22px; line-height:40px; text-align:center;}
.boxtxt p{font-size:16px; line-height:36px; margin:30px auto; text-indent:2em; text-align:left;}

.wrap .swiper-pagination {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
	text-align: right;
    width: auto;
    z-index: 2;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .5;
    margin: 0 5px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff0000;
}
.swiper-button-prev {
    background: url(arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 47%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 2
}
.swiper-button-next {
    background: url(arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 47%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 2
}


.picTitle .img{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-bottom: 81%;
}
.picTitle .img img {
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.picTitle .img2{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-bottom: 56.333333%;
}
.picTitle .img2 img {
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}




.picTitle .img3{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-bottom: 66.625%;
}
.picTitle .img3 img {
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.picTitle .img32{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-bottom: 66.666666%;
}
.picTitle .img32 img {
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}




.picTitle .img385{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
	padding-bottom: 38.5%;
}
.picTitle .img385 img {
    position:  absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}



.picTitle .bg {
    height: 45px;
	background:  rgba(0, 0, 0,0.4);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
}


.picTitle .name {
	color: #FFFFFF;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
	padding: 0 16px;
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 11;
	bottom:0;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow: hidden; 
}
.picTitle .name a {
    color: #fff;
    text-decoration: none;
}
.picTitle .name a:hover {
    text-decoration: underline;
}

.paper{
	margin:0px auto 0px;
    height:500px;
    background: url(paper.png) no-repeat;
	background-size:100% 100%;
}

.paper li{
    width:330px;
	float:left;
    margin-left: 40px;
    margin-top: 20px;
}
.paper li + li{
    margin-left: 75px;
}
.paper .img{
    display: inline-block;
    margin: 0 0px;
}
.paper img{
	width:330px;
	height: 220px;
	border-radius:10px;
}


.paper .tit2{
	font: 700 18px/36px "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; 
	text-align:center;
	text-indent:0em; 
	margin:10px auto;
}
.paper .pWord{
	margin:0 auto;
	font: 400 14px/26px "Microsoft YaHei", "微软雅黑", "宋体", "黑体"; 
}


.shoupai{
	margin:60px auto 60px;
}
.shoupai li{ width:30%; float:left; margin-left:5%;}
.shoupai li:first-child{ margin-left:0;}
.shoupai li img{ width:100%; border-radius: 10%; }
.shoupai li p{font-size:16px; font-weight:bold; line-height:36px; margin:10px auto; text-indent:0em; text-align:center;}




.pic1bj1_1{background:url(c01.jpg) no-repeat left center}
.pic1bj1_2{background:#79c5ff url() no-repeat left center}

.pic1bj2_2{background:url(c02.jpg) no-repeat left center}
.pic1bj2_1{background:#ff9d79 url() no-repeat left center}

.pic1bj3_1{background:url(c03.jpg) no-repeat left center}
.pic1bj3_2{background:#b9b9ee url() no-repeat left center}

.pic1bj4_2{background:url(c04.jpg) no-repeat left center}
.pic1bj4_1{background:#59c5a3 url() no-repeat left center}

.pic1bj5_2{background:url(c05.jpg) no-repeat left center}
.pic1bj5_1{background:#5ac0f0 url() no-repeat left center}

.pic1bj6_1{background:url(c06.jpg) no-repeat left center}
.pic1bj6_2{background:#d1cda1 url() no-repeat left center}

.pic1bj7_2{background:url(c07.jpg) no-repeat left center}
.pic1bj7_1{background:#cedc9c url() no-repeat left center}

.pic1bj8_1{background:url(c08.jpg) no-repeat left center}
.pic1bj8_2{background:#ffb879 url() no-repeat left center}









.pic20201_1{background:url(2020c01.jpg) no-repeat left center}
.pic20201_2{background:#79c5ff url() no-repeat left center}

.pic20202_2{background:url(2020c02.jpg) no-repeat left center}
.pic20202_1{background:#ff9d79 url() no-repeat left center}

.pic20203_1{background:url(2020c03.jpg) no-repeat left center}
.pic20203_2{background:#b9b9ee url() no-repeat left center}

.pic20204_2{background:url(2020c04.jpg) no-repeat left center}
.pic20204_1{background:#59c5a3 url() no-repeat left center}

.pic20205_2{background:url(2020c05.jpg) no-repeat left center}
.pic20205_1{background:#5ac0f0 url() no-repeat left center}

.pic20206_1{background:url(2020c06.jpg) no-repeat left center}
.pic20206_2{background:#d1cda1 url() no-repeat left center}

.pic20207_2{background:url(2020c07.jpg) no-repeat left center}
.pic20207_1{background:#cedc9c url() no-repeat left center}

.pic20208_1{background:url(2020c08.jpg) no-repeat left center}
.pic20208_2{background:#ffb879 url() no-repeat left center}


.pic20209_1{background:url(2020c09.jpg) no-repeat left center}
.pic20209_2{background:#79c5ff url() no-repeat left center}

.pic202010_2{background:url(2020c10.jpg) no-repeat left center}
.pic202010_1{background:#ff9d79 url() no-repeat left center}

.pic202011_1{background:url(2020c11.jpg) no-repeat left center}
.pic202011_2{background:#b9b9ee url() no-repeat left center}

.pic202012_2{background:url(2020c12.jpg) no-repeat left center}
.pic202012_1{background:#59c5a3 url() no-repeat left center}

.servicesBox {
	width:1200px;
	height:443px;
	margin:60px auto 0;
	clear:both;
	line-height:18px;
	color:#999;
	font-size:12px;
	padding-top:0px
}
.servicesBox .serBox {
	cursor:pointer;
	border:1px solid #fff;
	display:inline;
	width:296px;
	height:220px;
	float:left;
	overflow:hidden;
	background-color:#f7f7f7;
	position:relative
}

.servicesBox .serBox .pic1 {
	width:296px;
	height:220px;
	text-align:center;
	display:block;
	position:absolute;
	z-index:99
}
.servicesBox .serBox .pic2 {
	width:296px;
	height:220px;
	text-align:center;
	display:block;
	position:absolute;
	left:-296px;
	z-index:99
}


.servicesBox .serBox .pic21 {
	width:296px;
	height:197px;
	text-align:center;
	display:block;
	position:absolute;
	z-index:99
}
.servicesBox .serBox .pic22 {
	width:296px;
	height:197px;
	text-align:center;
	display:block;
	position:absolute;
	left:-296px;
	z-index:99
}


.servicesBox .serBox img {
	margin:152px 0 0 0
}
.servicesBox .serBox .txt1 {
	background: rgba(0, 0, 0, 0.5); 
	width:296px;
	height:100px;
	font-family:"微软雅黑";
	font-size:22px;
	position:absolute;
	top:175px;
	left:0;
	z-index:99
}
.servicesBox .serBox .txt2 {
	width:296px;
	height:100px;
	font-family:"微软雅黑";
	font-size:22px;
	position:absolute;
	top:45px;
	right:-296px;
	z-index:99
}
.servicesBox .serBox .txt01 {
	width:296px;
	height:100px;
	font-family:"微软雅黑";
	font-size:22px;
	position:absolute;
	top:45px;
	z-index:99
}
.servicesBox .serBox .txt02 {
	background: rgba(0, 0, 0, 0.5); 
	width:296px;
	height:100px;
	font-family:"微软雅黑";
	font-size:22px;
	position:absolute;
	top:175px;
	right:-296px;
	z-index:99
}
.servicesBox .serBox span.tit {
	font-size:14px;
	font-family:"微软雅黑";
	display:block;
	text-align:center
}
.servicesBox .serBox p {
	font-size:16px;
	color:#fff;
	line-height:40px
}
.servicesBox .serBox .txt1 .tit,.servicesBox .serBox .txt02 .tit {
	color:#000;
	line-height:20px
}
.servicesBox .serBox .txt2 .tit,.servicesBox .serBox .txt01 .tit {
	color:#fff;
	line-height:20px
}
.servicesBox .serBox p {
	padding:0 10px;
	text-align:center
}



.box2{ height:300px;}
.box2 li{ width:30%; float:left; margin-left:5%;}
.box2 li:first-child{ margin-left:0;}
.box2 li img{ width:100%; border-radius: 10%; }
.box2 li p{font-size:16px; font-weight:bold; line-height:36px; margin:10px auto; text-indent:0em; text-align:center;}


.box4{ width:1000px;  margin:0px auto;  padding:40px 0; position:relative; background:url(pic_11.png) no-repeat; height:550px;}



.box4_2020{ background:url(pic_2020_1.png) no-repeat;}
.new01{ position:absolute; left:564px; top:20px; width:175px; height:160px;}
.new02{ position:absolute; left:365px; top:350px; width:175px; height:160px;}
.new03{ position:absolute; left:760px; top:350px; width:175px; height:160px;}
.box4 h1{font-size:24px; font-weight:bold; line-height:36px; margin:0px auto; text-indent:0em; text-align:center; color:#fff;}  
.box4 p{font-size:14px; line-height:22px; margin:10px 15px 0; text-indent:0em; text-align:left; color:#fff;}

 /*
.new01{ position:absolute; left:564px; top:30px; width:175px; height:160px;}
.new02{ position:absolute; left:365px; top:360px; width:175px; height:160px;}
.new03{ position:absolute; left:760px; top:360px; width:175px; height:160px;}
*/


/*part4*/
.part4{width:1000px; margin:0px auto;}



.part4 .picTitle .bg {
    height: 120px;
	background:  rgba(0, 0, 0,0.4);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.part4 .picTitle .bottom {
	color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
	padding: 0;
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2; 
	bottom: 0; 
	left: 0;
}


.part4 .left { width: 20%; text-align: center; font: 26px/1.5 "微软雅黑"; background-color:rgba(0,0,0,.6); color:#fff; height: 120px;}
.part4 .left span { font: bold 60px/1.5 "微软雅黑"; padding: 0 10px; }

.part4 .left p { margin: 10px 0; }
.part4 .bottom .right {width: 80%; background-color:rgba(0,0,0,.3); color:#fff; height: 120px; text-align: left;}
.part4 .bottom .right a { display: inline-block; padding: 20px 20px; color: #fff; }
.part4 .bottom .right h3 { font-size:20px; line-height:25px; margin: 10px 20px; }
.part4 .bottom .right p { font-size:14px; line-height:22px; margin: 10px 20px; }


.part4 .swiper-button-prev,.part4 .swiper-button-prev1,.part4 .swiper-button-prev2,.part4 .swiper-button-prev3 {
    background: url(black_LR.png) no-repeat 0 0;
    position: absolute;
    left: 10px;
    top: 47%;
    margin-top: -15px;
    width: 30px;
    height: 60px;
	opacity: 0.8; 
    z-index: 2
}
.part4 .swiper-button-next ,.part4 .swiper-button-next1,.part4 .swiper-button-next2,.part4 .swiper-button-next3{
    background: url(black_LR.png) no-repeat 100% 0;
    position: absolute;
    right: 10px;
    top: 47%;
    margin-top: -15px;
    width: 30px;
    height: 60px;
	opacity: 0.8; 
    z-index: 2
}
.part4 .swiper-button-prev:hover {opacity: 1;}
.part4 .swiper-button-next:hover {opacity: 1;}



.xin_bg{ 
	background:url(xinbg.jpg) #CDD9EB bottom center no-repeat; background-size: cover; margin:5px auto; padding:60px 0;
}	

.xin_bg2020{ 
	background:url(xinbg2020.jpg) #CDD9EB bottom center no-repeat; background-size: cover; margin:5px auto; padding:60px 0;
}	
.zjwyh{ 
	background:url(boxbg.jpg) top center no-repeat; background-size: cover; margin:5px auto; padding:0;
}	

.box3{ 
	margin:0 auto;
	overflow:hidden;
	margin-top:0px;
	padding:0px 0 20px 0;
}	


.box3 li{ 
	float:left;
	width:23.5%;
	text-align:center;
	margin-right:2%;
	margin-bottom:20px;
}
.box3 li:nth-child(4n) {
	margin-right:0;
}
.box3 .icon01{ background:url(zy01.jpg) no-repeat center; background-size: cover;}
.box3 .icon02{ background:url(zy02.jpg) no-repeat center; background-size: cover;}
.box3 .icon03{ background:url(zy03.jpg) no-repeat center; background-size: cover;}
.box3 .icon04{ background:url(zy04.jpg) no-repeat center; background-size: cover;}
.box3 .icon05{ background:url(zy05.jpg) no-repeat center; background-size: cover;}
.box3 .icon06{ background:url(zy06.jpg) no-repeat center; background-size: cover;}
.box3 .icon07{ background:url(zy07.jpg) no-repeat center; background-size: cover;}
.box3 .icon08{ background:url(zy08.jpg) no-repeat center; background-size: cover;}
.box3 .icon09{ background:url(zy09.jpg) no-repeat center; background-size: cover;}
.box3 .icon10{ background:url(zy10.jpg) no-repeat center; background-size: cover;}
.box3 .icon11{ background:url(zy11.jpg) no-repeat center; background-size: cover;}
.box3 .icon12{ background:url(zy12.jpg) no-repeat center; background-size: cover;}

.box3 li p{ 
	font-size:18px; 
	color:#fff; 
	font-weight:bold; 
	text-shadow:rgba(0,0,0,1.00) 1px 1px ; 
	letter-spacing: 3px; 
	opacity: 1.9;
}

.box3 li span{ 
	width:88px; 
	height:88px; 
	display:block; 
	margin:30px auto 30px auto; 
	opacity: 1;
}


.box3 .iconb{
	width:100%;
	overflow:hidden;
	overflow:visible;
	position:relative;
	padding-bottom: 66.6666%; 
}
.box3 .iconb .bg{
	position:  absolute;
	top: 0;
	left: 0; 
	width:100%;
	height:100%;
	opacity: 1;
    filter: alpha(opacity=100);
}


.box3 .icon01 span{ background:url(icon3_1.png) center no-repeat;}
.box3 .icon02 span{ background:url(icon3_2.png) center no-repeat;}
.box3 .icon03 span{ background:url(icon3_3.png) center no-repeat;}
.box3 .icon04 span{ background:url(icon3_4.png) center no-repeat;}
.box3 .icon05 span{ background:url(icon3_5.png) center no-repeat;}
.box3 .icon06 span{ background:url(icon3_6.png) center no-repeat;}
.box3 .icon07 span{ background:url(icon3_7.png) center no-repeat;}
.box3 .icon08 span{ background:url(icon3_8.png) center no-repeat;}
.box3 .icon09 span{ background:url(icon3_9.png) center no-repeat;}
.box3 .icon10 span{ background:url(icon3_10.png) center no-repeat;}
.box3 .icon11 span{ background:url(icon3_11.png) center no-repeat;}
.box3 .icon12 span{ background:url(icon3_12.png) center no-repeat;}


.box3 .icon01:hover span{ background:url(icon3_01.png) center no-repeat;}
.box3 .icon02:hover span{ background:url(icon3_02.png) center no-repeat;}
.box3 .icon03:hover span{ background:url(icon3_03.png) center no-repeat;}
.box3 .icon04:hover span{ background:url(icon3_04.png) center no-repeat;}
.box3 .icon05:hover span{ background:url(icon3_05.png) center no-repeat;}
.box3 .icon06:hover span{ background:url(icon3_06.png) center no-repeat;}
.box3 .icon07:hover span{ background:url(icon3_07.png) center no-repeat;}
.box3 .icon08:hover span{ background:url(icon3_08.png) center no-repeat;}
.box3 .icon09:hover span{ background:url(icon3_09.png) center no-repeat;}
.box3 .icon10:hover span{ background:url(icon3_010.png) center no-repeat;}
.box3 .icon11:hover span{ background:url(icon3_011.png) center no-repeat;}
.box3 .icon12:hover span{ background:url(icon3_012.png) center no-repeat;}



