body,  div,  p { margin: 0; padding: 0; }
ul { list-style: none;}
html {}
img{ border: 0px;}
a{ border: 0px;}
body { width: 100%;  *cursor: default;font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial; background: #FFFFFF;}

.page { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.c_left{ width: 87.5%;height: 100%;float:left;position: relative;}
.c_right{ width: 12.5%;height: 100%; float:left;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 {}
.page2 {background: url(../../images/jdl/bg.jpg) no-repeat;}
.page3 {background: url(../../images/jdl/bg.jpg) no-repeat;}
.page4 {background: url(../../images/jdl/bg.jpg) no-repeat;}
.page5 {background: url(../../images/jdl/bg.jpg) no-repeat;}
.page6 {background: url(../../images/jdl/bg.jpg) no-repeat;}
#navBar { z-index: 3; position: absolute; top:5%; right: 12.5%; padding: 0px; margin: 0px;}
#navBar .active span { background: #fff;color: #000; }
#navBar li { float: left;margin-left:1vw;}
#navBar li a{ text-decoration: none;}
#navBar li a h2{ display: block; margin: 0px; font-size: 0.8vw; color: #1f1f1f; font-weight: normal;padding-left:5%;}
#navBar li a span{ display: block; margin: 0px; font-size:  0.6vw; color: #fff; padding: 4px 12px 4px 12px; background: #000;}
.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}
#navBar .active a { color: #fff; background-color: #333;}

.c_i_about{ position: absolute; top: 0; bottom:100px; right:2%;margin: auto; z-index: 99; width: 37%; height: 30%;}
.c_i_about p{display: block;font-size: 12px; color: #000;line-height:24px; margin-bottom: 250px;}
.c_i_logo{ position: absolute; top:5%;left:12%;margin: auto; z-index: 99; width:14%; height: auto;}
.c_i_logo img{width:100%;}
.c_i_logo2{ position: absolute; top:5%;left:12%;margin: auto; z-index: 99; width:29%; height: auto;}
.c_i_logo2 img{width:100%;}
.c_i_ewm { position: absolute; bottom:5%;left:16%;margin: auto; z-index: 99; width:auto; height: auto;}
.c_i_ewm h2{ display: block;font-size: 14px; color: #fff; font-weight: normal; background: #000000; padding: 2px; width: 85px;}
.c_i_ewm span{ display: block;font-size: 14px; color: #000;line-height: 32px;} 
.c_i_ewm img{ margin-top: 15px;}

.jdl_page{ width: 75%; height: 100%; margin: 0px auto; position: relative;}


.jdl_p_head{ width: 100%; height: auto; position: absolute; top: 5%; z-index: 10px;}
.p_logo{ position: absolute; top:5%;left:0;z-index: 10;height: auto;}

#p_nav { z-index: 3; position: absolute; top:5%; right: 0; padding: 0px; margin: 0px;}
#p_nav .active span { background: #fff;color: #000; }
#p_nav li { float: left;margin-left: 1vw;}
#p_nav li a{text-decoration: none; }
#p_nav li a h2{ display: block; margin: 0px; font-size: 0.8vw; color: #1f1f1f; font-weight: normal; padding-left:5%;}
#p_nav li a span{ display: block; margin: 0px; font-size: 0.6vw; color: #fff; padding: 4px 12px 4px 12px; background: #000;}
#p_nav .capative a span { color: #000; background-color: #fff; border: 1px solid #000000;}
.p_aboutleft{ width: 31%; height:53%;position: absolute; left: 0;bottom:18%;z-index: 777;}
.p_al_nav{ margin-bottom: 7%; width: 100%; height: 12%;overflow: hidden;}
.p_al_nav li{ margin-right:5%; float: left; list-style: none;}
.p_al_nav li a{ text-decoration: none;}
.p_al_nav li a h2{ display: block; margin: 0px; font-size: 0.6vw; padding: 2px 10px; margin-bottom: 10px; color: #fcfcfc; font-weight: normal; text-align: center;background: #000;}
.p_al_nav li a span{ display: block; margin: 0px; font-size: 0.4vw; color: #000;text-align: center; margin: 0px; padding: 0px;}

.p_al_con{ margin-bottom: 15%; width: 100%}
.p_al_con h3{ display: block; margin: 0px; padding-bottom: 4%; font-size:0.6vw; color:#262626;}
.p_al_con p{ display: block; margin: 0px;font-size:0.8vw; color:#262626; line-height: 28px; width: 80%;}

.p_al_bus{ margin-bottom: 0px; width: 100%;}
.bus_til{ background: #d9874a; padding:3px; font-size:0.6vw; color: #FFFFFF; width: 110px; text-align: center;}
.bus_con{ margin-top:10%; background: url(../../images/jdl/bus_con.png) no-repeat 0 5px; padding-left: 20px;}
.bus_con ul{ margin: 0px; padding: 0px;}
.bus_con li{ list-style: none; font-size: 0.4vw;color: #8d8d8d; padding-bottom:2.5%; padding-top: 0px; margin: 0px;}

.p_pagecon_til{ margin-bottom: 0px; width:50%; position: absolute; bottom: 0; right:25%;}
.pagecon_til{ background: #d9874a; padding:3px; font-size:0.6vw; color: #FFFFFF; width: 110px; text-align: center;}
.pagecon_con{ margin-top:10%;}
.pagecon_con ul{ margin: 0px; padding: 0px;}
.pagecon_con li{ list-style: none; font-size: 14px;color: #8d8d8d; padding-bottom:2.5%; padding-top:10px; margin: 0px;}
.pagecon_con li a{ text-decoration: none;  padding: 5px 10px; color: #000;}
.pagecon_con li a:hover{ text-decoration: none;  padding: 5px 10px; color: #fff;background: #000000;}
.pagecon_con .pichover a{ text-decoration: none;  padding: 5px 10px; color: #fff;background: #000000;}
.p_aboutpic{ position: absolute; left: 30%; width: 20%; height: 100%;}
.pic_box1{ width: 100%; height: 100%; text-align: left; z-index: 95;position: absolute;}
.pic_box1 img{ height: 100%;}
.pic_box2{ width:73%; height: 100%; z-index: 98;position: absolute;  margin-left: 27%;}
.pic_box2 img{ height: 100%;}
.pic_box3{width:55%; height: 100%; text-align: left; z-index: 98;position: absolute;  margin-left: 45%;}
.pic_box3 img{ height: 100%;}

.p_aboutright{ width: 46%; height: 50%;position: absolute; right: 0;top:26%; font-size:0.6vw; line-height: 24px;}
.aboutbg{ width:919px;position:fixed;right: 0; bottom: 0;}
.aboutbg img{ width: 100%; }

.j_page2{ width: 100%; height: 100%; margin: 0px auto; position: relative;background: url(../../images/jdl/page2bg.jpg) no-repeat bottom;}
.jdl_page2{ width: 75%; height: 100%; margin: 0px auto; position: relative;}


.jdl_page3 { width: 100%; height: 100%; margin: 0px auto;}

.ap4_nian{width:100%; height:180px; padding-top:113px;background:url(../../images/jdl/dashibg.png) no-repeat center; }
.nianfen{ width:1125px; height:85px;margin:auto;}
.nianfen ul{margin: 0px;padding: 0px;}

.nianfen .chu1{width:75px; height: 85px; float:left;  margin: 0px;list-style: none;}
.nianfen .chu1 a{display: block;
 text-decoration:none;
 background: url(../../images/jdl/nianfen1.png) no-repeat;
 width: 72px; height: 12px;
 font-family: "Microsoft YaHei";
 font-size: 12px;color: #f1f1f1;
 padding-top:22px; 
 padding-bottom:48px;
 text-align:center;
 }
.nianfen .chu1 a:hover{
	display: block;
	text-decoration:none;
	background: url(../../images/jdl/nianfen2.png) no-repeat;
	width:72px; height: 12px;border:0px;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #f1f1f1; padding-top:22px;
	 padding-bottom:48px; 
	 text-align:center;
	 }


.nianfen li a.aOver:link{color:#f1f1f1; border:0px;}
.nianfen li a.aOver:visited{color:#f1f1f1; border:0px;}
.nianfen li a.aOver:hover{color:#f1f1f1; border:0px; }
.nianfen li a.aOver:active{color:#f1f1f1; border:0px;}
.nianfen_show{ width: 1000px; height: auto; margin: auto;font-family: "Microsoft YaHei"; margin-top:10px;}
.nianfen_show h1{display: block; width:1000px; height:25px; padding-bottom:35px;font-size: 20px;color: #717171;}
.nianfen_show span{display: block; width:1000px;padding-bottom:35px;font-size: 14px;color: #a0a0a0; line-height: 30px;}
.hidden{display: none;}

.naindudashi{ width: 100%; height:;z-index: 9999; position: absolute; top:40%; overflow: hidden; z-index:888;}

.p_huojiang{width: 48.5%; height:43%;position: absolute; left: 0;bottom:10%;z-index: 777;}
.p_hj_con{ margin-bottom: 8%; width: 100%}
.p_hj_con p{ display: block; margin: 0px;  font-size:0.6vw; color:#262626; }
.p_hj_con h3{ display: block; margin: 0px;font-size:0.6vw; padding-bottom: 2%;font-weight: normal; color:#262626; line-height: 24px;width: 85%;}

.p_hj_til{ margin-bottom: 0px; width: 100%}
.til_til{ background:url(../../images/jdl/til_til.png) no-repeat; padding:10px 0px 3px 15px; width: 248px; height: 46px; font-size:0.8vw; color: #FFFFFF;  text-align: left;}
.til_til a{color: #FFFFFF; text-decoration: none;}
.til_til a:hover{color: #FFFFFF; text-decoration: none;}


@media screen and (max-width: 1470px) { 
.jdl_page { width: 90%; height: 100%; margin: 0px auto; position: relative;}
.aboutbg{ width:580px;position:fixed;right: 0; bottom: 0;}
.jdl_page2{ width: 90%; height: 100%; margin: 0px auto; position: relative;}
.j_page2{ width: 100%; height: 100%; margin: 0px auto; position: relative;background: url(../../images/jdl/page2bg.jpg) no-repeat bottom right; background-size: 100%;}
.jdl_page3{ width: 100%; height: 100%; margin: 0px auto;}
.he_border1{background:#fe7253;width:235px;height:167px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

} 

.hoverbox{width: 100%; margin-bottom: 10px;  }
.p_lxwmleft{ width: 31%; height:53%;position: absolute; left: 0;bottom:28%;z-index: 777;}
.p_lxwm_nav{ margin-bottom: 7%; width: 100%; height: 12%;overflow: hidden;}
.p_lxwm_nav li{ margin-right:5%; float: left; list-style: none;}
.p_lxwm_nav li a{ text-decoration: none; color:#666;}
.p_lxwm_nav li a:hover span{ text-decoration: none; color:#666;}
.p_lxwm_nav li a h2{ display: block; margin: 0px; font-size: 0.6vw; padding: 5px 15px; margin-bottom: 10px; color: #fcfcfc; font-weight: normal; text-align: center;background: #000;}
.p_lxwm_nav li a span{ display: block; margin: 0px; font-size: 0.4vw; color: #000;text-align: center; margin: 0px; padding: 0px;}
.p_lxwm_nav li a:hover h2{ display: block; margin: 0px; font-size: 0.6vw; padding: 5px 15px; margin-bottom: 10px; color: #000; font-weight: normal; text-align: center;background: #fff; border: 1px solid #000}


@media screen and (max-width: 768px) {
	.p_aboutleft {width: 36%;}
	.p_al_con h3,.p_al_con p,.bus_til,.bus_con li {
		font-size: 10px;
	}
	.p_al_con p {
		width: 100%;
		line-height: 24px;
	}
	.p_al_nav li a h2 {
		font-size: 12px;
		padding: 1px 10px;
	}
	.p_al_nav {
		width: 80px;
		height: 90px;
	}
	.p_aboutright {
		width: 62%;
		height: auto;
		top: 15%;
		font-size: 10px;
		line-height: 16px;
	}
	.p_al_con{margin-bottom: 10px;}
	.bus_con ul li{
		line-height: 14px;
	}
	.j_page2 {
		background-size: 750px;
		background-position: top 150px left -333px;
	}
	.jdl_page3 .p_aboutleft{
		left: 8% !important;
	}
	.naindudashi{top: 34%;}
	.ap4_nian{
		width: 100%;
		padding: 0;
		height: 60px;
	}
	.nianfen{
		width: 100%;
		height: 60px;
		overflow-x: scroll;
	}
	.nianfen ul{width: 750px;}
	.nianfen .chu1{
		width: 50px;
		height: 50px;
	}
	.nianfen .chu1 a {
		width: 50px;
		height: 12px;
		line-height: 12px;
		padding-top: 21px;
		padding-bottom: 17px;
		background-size: 56px;
		background-position: -3px 2px;
	}
	.nianfen .chu1 a:hover {
		width: 50px;
		height: 12px;
		line-height: 12px;
		border: 0px;
		padding-top: 21px;
		padding-bottom: 17px;
		background-size: 56px;
		background-position: -3px 2px;
	}
	.nianfen_show{width: 90%;}
	.nianfen_show h1{
		width: 100%;
		padding-bottom: 15px;
		font-size: 14px;
	}
	.nianfen_show span{
		width: 100%;
		font-size: 12px;
		line-height: 22px;
	}


























}