/*重置*/
a{ text-decoration:none;}
ul,li，body{ margin:0; padding:0; list-style:none;}
/*reset*/
body,ul,li,ol,img{margin: 0;padding: 0;}
li{list-style: none;}
/*example*/
.example1 ol{position:relative;width:126px;height:504px;top:-578px;left:20px;}
.example1 ol li{ width:126px; height:126px;margin:10px;}
.example1 ol .li1{ background:url(../images/jdxd_btn03.png);}
.example1 ol .li2{ background:url(../images/jdxd_btn04.png);}
.example1 ol .li3{ background:url(../images/jdxd_btn05.png);}
.example1 ol .li4{ background:url(../images/jdxd_btn06.png);}
.example1{ float:left;}
/*example*/
.example2 ol{position:relative;width:126px;height:504px;top:-578px;left:438px;}
.example2 ol li{ width:126px; height:126px;margin:10px;}
.example2 ol .li11{background:url(../images/jdxd_btn07.png);}
.example2 ol .li21{background:url(../images/jdxd_btn08.png);}
.example2 ol .li31{background:url(../images/jdxd_btn09.png);}
.example2 ol .li41{background:url(../images/jdxd_btn10.png);}
.example2{ float:left;}

/*内容*/
.jdxd_banner{ position:relative; overflow:hidden;}
@media (min-width: 600px) {
	.jdxd_banner {
	height:300px;
}
}
@media (min-width: 1200px) {
	.jdxd_banner {
	height:600px;
}
}
@media (min-width: 1440px) {
	.jdxd_banner {
	height:720px;
}
}
@media (min-width: 1600px) {
	.jdxd_banner {
	height:800px;
}
}
@media (min-width: 1800px) {
	.jdxd_banner {
	height:950px;
}}
.box{width:100%; position:absolute; z-index:3; text-align:center; animation:fadeInDown 2s ease-in-out 0s; -moz-animation:fadeInDown 2s ease-in-out 0s; -webkit-animation:fadeInDown 2s ease-in-out 0s;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.box img{margin:0 auto; width:100%;}
.boxB{width:68.75%; position:absolute; z-index:2; left:0px; top:0; animation:fadeInLeft 1.0s ease-in-out 0s; -moz-animation:fadeInLeft 1.0s ease-in-out 0s; -webkit-animation:fadeInLeft 1.0s ease-in-out 0s;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.boxB img{width:100%;}
.boxC{width:68.75%; position:absolute; z-index:1; right:0px; top:0; animation:fadeInRight 1.0s ease-in-out 0s; -moz-animation:fadeInRight 1.0s ease-in-out 0s; -webkit-animation:fadeInRight 1.0s ease-in-out 0s;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.boxC img{width:100%;}

.jdxd_hyqj{ width:1200px; margin:0 auto; position:relative;}
.jdxd_hyqj ul{ overflow:hidden;}
.jdxd_hyqj li{ float:left; width:600px; overflow:hidden;}
.jdxd_hyqj li img{ margin-left:auto; margin-right:auto; display:block; border:none;}
.jdxd_hyqj li p{ font-size:24px; line-height:48px; padding-left:60px; padding-right:60px;}
.jdxd_btn{ float:left; padding-left:75px; padding-right:75px; margin-top:30px;}
.jdxd_kcnr{ margin-top:50px; width:1200px; margin-left:auto; margin-right:auto;}
.jdxd_kcnr img{ display:block; border:none; margin:0 auto;}
.jdxd_kcnr p{ font-size:24px; color:#8e4f1a; text-align:center; padding-top:20px; padding-bottom:50px;}
.jdxd_xszp{ width:1200px; margin-left:auto; margin-right:auto;}
.jdxd_xszp img{ display:block; border:none; margin-left:auto; margin-right:auto;}
.jdxd_xszp ul{ overflow:hidden; position:relative; height:800px;}

.jdxd_xszp li p{ text-align:center; font-size:30px; color:#8e4f1a; float:left; line-height:140px;}
.jdxd_jybz{ width:1200px; height:800px; margin-left:auto; margin-right:auto; background-image:url(../images/jdxd07.jpg); background-repeat:no-repeat; margin-top:100px; position:relative;}
.jdxd_jybz p{ position:absolute; right:126px; top:30px;text-align:center;}
.jdxd_jybz p span{ display:block; padding-top:40px; padding-bottom:50px; font-size:30px; color:white; margin-left:80px;}
.jdxd_btn11{ display:block; border:none; position:absolute; bottom:0; left:480px; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.jdxd_btn11:hover{ opacity:0.5; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.tupt li{overflow:hidden; position:absolute;}
.fs{width:900px; height:200px; top:0px; left:0px;}
.fs p{ height:200px; width:300px;}
.zs{width:300px; height:600px; top:200px; left:0px;}
.zs img{float:left;}
.zs p{ height:200px; width:300px;}
.ts{width:300px; height:400px; top:0px; left:900px;}
.ts p{ height:200px; width:300px;}
.hs{width:900px; height:400px; bottom:0px; right:0px;}
.hs p{margin-top:200px; width:600px;}
.hs img{float:right;}
.ts,.zs,.fs{ -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ts,.zs,.fs img{ float:left;}
.zj{width:600px; height:400px; top:200px; left:300px; z-index:5;}
.tupt .zj:hover>img{-webkit-transform:scaleX(1.07) scaleY(1.07);-moz-transform:scaleX(1.07) scaleY(1.07);-ms-transform:scaleX(1.07) scaleY(1.07);-o-transform:scaleX(1.07) scaleY(1.07);transform:scaleX(1.07) scaleY(1.07); -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.tupt .zj img{ -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.fs::before{width:100%; height:100%; position:absolute;	background:; content:""; z-index:2; top:0px; left:0px;}
.fs:hover:before{background: rgba(0,0,0,0.4); -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.zs::before{width:100%; height:100%; position:absolute;	background:; content:""; z-index:2; top:0px; left:0px;}
.zs:hover:before{background: rgba(0,0,0,0.4); -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ts::before{width:100%; height:100%; position:absolute;	background:; content:""; z-index:2; top:0px; right:0px;}
.ts:hover:before{background: rgba(0,0,0,0.4); -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.hs::before{width:100%; height:100%; position:absolute;	background:; content:""; z-index:2; bottom:0px; right:0px;}
.hs:hover:before{background: rgba(0,0,0,0.4); -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.tu01:before{width:600px; height:600px; position:absolute; content:"";}
.tu01:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:180px; line-height:180px; color:#f99203;}
.tu02:before{width:600px; height:600px; position:absolute; content:"";}
.tu02:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:180px; line-height:440px; color:#f99203;}
.tu03:before{width:600px; height:600px; position:absolute; content:"";}
.tu03:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:180px; line-height:720px; color:#f99203;}
.tu04:before{width:600px; height:600px; position:absolute; content:"";}
.tu04:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:180px; line-height:980px; color:#f99203;}
.tu05:before{width:600px; height:600px; position:absolute; content:"";}
.tu05:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:100px; line-height:180px; color:#f99203;}
.tu06:before{width:600px; height:600px; position:absolute; content:"";}
.tu06:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:100px;  line-height:440px; color:#f99203;}
.tu07:before{width:600px; height:600px; position:absolute; content:"";}
.tu07:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:120px;  line-height:720px; color:#f99203;}
.tu08:before{width:600px; height:600px; position:absolute; content:"";}
.tu08:hover:before{ content:attr(alt); background:rgba(0,0,0,0.3); font-size:22px; font-weight:bold; padding-left:200px; line-height:980px; color:#f99203;}





