@charset "utf-8";
@import url(animate.css);
/*清除属性*/
html{ overflow: -moz-scrollbars-vertical; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { padding: 0px; margin: 0px;}
DIV, P, I, UL, LI, OL, DL, DT, DD{list-style: none;}
FIELDSET,LABEL,LEGEND,BUTTON,INPUT,FORM { padding:0px; margin: 0px;}
address,caption,cite,dfn,em,th,var {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
A {BORDER-STYLE: none;border: 0px; text-decoration:none;}
IMG {BORDER-STYLE: none;border: 0px; text-decoration:none;}
table{border-collapse: collapse;border-spacing: 0;} 
html{ font-family:"微软雅黑";}
/*结束*/
.jldx_box{ width: 100%; overflow: hidden; position: relative;}
/*01*/
.jldx_box01{ width: 1920px; height: 1000px; background-image: url(../images/jldc01.jpg); background-size: 100%; background-position: center top; position: relative; overflow: hidden; left: 50%; margin-left: -960px;}
.jldc_img01{ width: 1080px; position: relative; left: 50%; margin-left: -540px; top: 100px; animation-delay: 1s;}
.jldc_img02{ display: block;width: 372px;  position: absolute; left: 50%; top: 410px; margin-left: -186px;animation-delay: 1s;}
.jldc_img02 img{ display: block; width: 100%;}
.jldc_img02:hover{ width: 400px; margin-left: -200px;
	-webkit-transition:all 0.1s ease-out;
   -moz-transition:all 0.1s ease-out;
     -o-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
        transition:all 0.1s ease-out;
}


.jldx_box01_sf{ width: 1080px; overflow: hidden; position: absolute; bottom: 50px;; left: 50%; margin-left: -540px;z-index: 2; animation-delay: 1s;}
.jldx_box01_sf li{ width: 360px; height: 200px; float: left; position:relative; z-index: 3;}
.jldx_box01_sf li a{ display: block; width: 100%; height: 100%;}
.jldx_box01_bj{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../images/jldc04.png); background-size: 100%; z-index:2;}
.jldx_box01_dh{ width: 360px; height: 200px;position: absolute;top: 0px; left: 0; z-index: 1; background-color: rgba(0,0,0,0.5);
-webkit-transition:all 0.1s ease-out;
   -moz-transition:all 0.1s ease-out;
     -o-transition:all 0.1s ease-out;
    -ms-transition:all 0.1s ease-out;
        transition:all 0.1s ease-out;
}
.jldx_box01_dh01{left: 360px; top: 0;}
.jldx_box01_dh02{left: 720px; top: 0;}
.jldx_box01_dh03{left: 0px; top: 200px;}
.jldx_box01_dh04{left: 360px; top: 200px;}
.jldx_box01_dh05{left: 720px; top: 200px;}

/*02*/
.jldx_box02{ width: 1920px; height: 838px; position: relative; left: 50%; margin-left: -960px;background-image:url(../images/jldc08.jpg); background-size: 100%; background-position: center top; padding-top: 50px;}
.jldx_bt{ width: 810px; height: 160px; margin: 0 auto; background-image: url(../images/jldc05.png);}
.jldx_bt h2{ text-align: center; font-size: 36px; color: #333333; padding-top: 30px; line-height: 36px; padding-bottom: 10px;}
.jldx_bt span{ display: block; width: 100%; text-align: center;font-size: 18px; color: #999999; padding-bottom: 10px; line-height: 18px;}
.jldx_bt p{font-size: 24px; text-align: center; color: #ff6600; line-height: 24px;}

.jldc_jj{ width:1080px; height: 300px; background-color: #ffae00; border: 1px solid #ffae00; position: relative; left: 50%; margin-left: -540px; margin-top: 50px;}

.jldc_jj li{width:540px; height:300px; position: absolute; top: 0; left: 0;overflow: hidden;}
.jldc_jj li:nth-child(2){left:50%;}

.jldc_jj .jldc_video{width:530px;}
.jldc_jj .mask{width:526px; height: 298px; position: absolute; left: 0; top: 0; z-index: 3;}
.jldc_jj .mask_btn{ width:64px;position: absolute; left: 50%; top: 104px; margin-left: -32px; animation-delay: 0s; cursor: pointer;}
.jldc_jj .mask_btn:hover{transform: scale(1.2);}


.jldc_jj p{ width: 520px; font-size: 18px; color: #ffffff; line-height: 40px; padding-left: 15px; position: relative; padding-top: 16px;}

.jldc_jj p img{ display: block; position: absolute; left: 0;top:27px;}
.jldc_jjimg{ display: block; width:400px; position: absolute; left: 0; top: 0; }

.jldx_box02 a{ display: block; width: 600px; position: relative; left: 50%; margin-left: -302px; border: 2px solid #ff6600; background-color: #ff6600; line-height: 60px; text-align: center; color: #ffffff;font-size: 24px; margin-top: 20px; margin-bottom: 50px;}
.jldx_box02 a:hover{ background-color: #ffffff; color:#ff6600;}

/*03*/
.jldx_box03{ width: 1920px; position: relative; left: 50%; margin-left: -960px; background-color: #ffffff;}
.jldx_box03 p{ color: #ee7800; width: 1010px; margin: 0 auto; font-size: 24px; line-height: 36px;}
.jldx_box03 ul{width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.jldx_box03 ul li{ display: block; width: 294px; margin: 3px; height: 200px;float: left; overflow: hidden;}
.jldx_box03 ul li span{ display: block; width: 254px; height: 200px; background-color: #ffae00; padding: 30px 20px 0px 20px; color: #ffffff;font-size: 18px; line-height: 27px;}
.jldx_box03 ul li img{ width: 100%; display: block;
-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-out;
     -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
        transition:all 0.5s ease-out;
}
.jldx_box03 ul li:hover img{ margin-top: -200px;}

.jldx_box03 a{ display: block; width: 600px; margin: 30px auto 50px auto; border: 2px #ff6600 solid; font-size: 24px; line-height:60px; text-align: center; color: #ff6600;}
.jldx_box03 a:hover{ background-color: #ff6600; color: #ffffff;}

/*04*/
.jldx_box04{ width: 1920px; height: 750px; background-image: url(../images/jldc17.jpg); position: relative; left: 50%; margin-left: -960px; padding-top: 50px;}
.jidc_jxjd{ width: 1200px; margin: 0 auto; position: relative; height: 400px; overflow: hidden;}

.jidc_jxjd01{ width: 350px; height: 400px; background-color: rgba(255,255,255,0.5); position: relative; margin-top: 50px; margin-left: 170px;float: left; overflow: hidden;}
.jidc_jxjd01 li{ width:350px; height:400px; position: absolute; left: 0; top:0;}
.jidc_jxjd01 li img{ display: block; width: 304px; margin: 0 auto; margin-top: 20px;}
.jidc_jxjd01 li p{ margin-left: 30px; color: #ffffff; font-size: 18px; line-height: 27px; margin-top: 5px;}

.jidc_jxjd02{ width: 350px; height: 400px; background-color: rgba(255,255,255,0.5); position: relative; margin-top: 50px; margin-left: 170px;float: left; overflow: hidden;}
.jidc_jxjd02 li{ width:350px; height:400px; position: absolute; left: 0; top:0;}
.jidc_jxjd02 li img{ display: block; width: 304px; margin: 0 auto; margin-top: 20px;}
.jidc_jxjd02 li p{ margin-left: 30px; color: #ffffff; font-size: 18px; line-height: 27px; margin-top: 5px;}

.jldc_jt01{ width: auto; position: absolute; left: 0; top: 180px; cursor: pointer; 
	animation: leftjt 1s; 
	animation-iteration-count: infinite;
	-webkit-animation: leftjt 1s; 
	-webkit-animation-iteration-count: infinite;
}
.jldc_jt02{ width: auto; position: absolute;right: 0; top: 180px; cursor:pointer;
	animation: rightjt 1s; 
	animation-iteration-count: infinite;
	-webkit-animation: rightjt 1s; 
	-webkit-animation-iteration-count: infinite;
}
.jldc_jt01:hover{ animation-iteration-count:0;-webkit-animation-iteration-count:0;
-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-out;
     -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
        transition:all 0.5s ease-out;
}
.jldc_jt02:hover{ animation-iteration-count:0;-webkit-animation-iteration-count:0;
-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-out;
     -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
        transition:all 0.5s ease-out;
}

.jldx_box04 a{ display: block; width: 600px; text-align: center; margin: 0 auto; margin-top: 60px; border: 2px solid #ff6600; background-color: #ff6600; color: #ffffff;font-size: 24px; line-height: 60px;}
.jldx_box04 a:hover{ color: #ff6600; background-color: #ffffff;}

/*05*/
.jldx_box05{ width: 1920px; height: 840px; position: relative; left: 50%; margin-left: -960px; background-image: url(../images/jldc24.png); background-size: 100%; background-position: center top; padding-top: 50px; background-repeat: no-repeat;}

.jldc_msmz{ width:720px; overflow:hidden; margin: 0 auto; position: relative; z-index: 3;padding-top: 25px;}
.jldc_msmz li{ width: 130px; margin:0 25px; height: 58px; float: left; background-image: url(../images/djdc14.png); cursor: pointer;background-size:100%;}
.jldc_msmz li span{ display:block; width:100%; height:100%; cursor:pointer;}
.jldc_msmz li:nth-child(1) span{background-position:7px 10px;background-image: url(../images/jldc29.png); background-size: 690px;background-repeat: no-repeat;display: block; width: 134px; height: 58px;}

.jldc_msmz .msli01 span{ background-position:7px -42px!important;}

/*.jldc_msmz li:nth-child(2) span{ display: block; width: 134px; height: 58px; background-image: url(../images/jldc29.png); background-size: 690px; background-position:-182px 10px; background-repeat: no-repeat;}
.jldc_msmz .msli02 span{ background-position: -182px -41px!important;}*/

.jldc_msmz li:nth-child(2) span{ display: block; width: 134px; height: 58px; background-image: url(../images/jldc29.png); background-size: 690px; background-position:-184px 10px; background-repeat: no-repeat;}
.jldc_msmz .msli02 span{ background-position: -184px -42px!important;}

.jldc_msmz li:nth-child(3) span{ display: block; width: 134px; height: 58px; background-image: url(../images/jldc29.png); background-size: 690px; background-position:-375px 10px; background-repeat: no-repeat;}
.jldc_msmz .msli03 span{ background-position: -375px -42px!important;}

.jldc_msmz li:nth-child(4) span{ display: block; width: 134px; height: 58px; background-image: url(../images/jldc29.png); background-size: 690px; background-position:-566px 10px; background-repeat: no-repeat;}
.jldc_msmz .msli04 span{ background-position: -566px -42px!important;}

.jldc_msxq{ width:1200px; height: 660px; position: absolute; left: 50%; margin-left: -600px; top: 209px;z-index: 2;}
.jldc_msxq li{ position: absolute; left: 0; top: 0; width: 100%; height: 560px; padding-top: 100px;}
.jldc_msxq li h2{font-size: 24px; color: #832326; margin-left: 40px; margin-top: 30px;}
.jldc_msxq li p{ width: 390px; margin-left: 40px; font-size: 18px; color: #832326; line-height: 27px; margin-top: 10px;}
.jldc_msxq .msxqli01{ background-image: url(../images/jldc25.jpg); background-repeat: no-repeat; background-position: center right; background-size: 761px;}
.jldc_msxq .msxqli02{ background-image: url(../images/jldc26.jpg); background-repeat: no-repeat; background-position: center right; background-size: 761px;}
.jldc_msxq .msxqli03{ background-image: url(../images/jldc27.jpg); background-repeat: no-repeat; background-position: center right; background-size: 761px;}
.jldc_msxq .msxqli04{ background-image: url(../images/jldc28.jpg); background-repeat: no-repeat; background-position: center right; background-size: 761px;}


/*.jldx_box05 a{ display: block; width: 600px; border: 2px #ff6600 solid; font-size: 24px; line-height:60px; text-align: center; color: #ff6600; position: absolute; bottom: 50px; left: 50%; margin-left: -302px; z-index: 4}
 .jldx_box05 a:hover{ background-color: #ff6600; color: #ffffff;} */

/*06*/
.jldx_box06{ width: 1920px; height: 750px; position: relative; left: 50%; margin-left: -960px; background-image: url(../images/jldc30.jpg); padding-top: 50px;}
.jldc_xxnr01{ width: 1200px; margin: 40px auto; text-align: center; color: #ffffff; font-size: 18px; line-height: 36px;}
.jldc_xxnr02{ font-size: 18px; color: #ffffff; font-size: 18px; line-height: 27px; width: 600px; margin: 30px auto;}
.jldc_xxnr02 span{ display: block;  text-align: center;  font-size: 24px; margin-bottom: 10px;}
.jldx_box06 a{ display: block; width: 600px; border: 2px #ff6600 solid; font-size: 24px; line-height:60px; text-align: center; color: #ffffff; background-color: #ff6600; margin: 60px auto;}
.jldx_box06 a:hover{ background-color: #ffffff; color: #ff6600;}
.jldc_xxnr03{width:250px; position: absolute; left: 50%; margin-left: -600px; top: 240px; }
.jldc_xxnr03 img{ display: block; width: 100%; margin-bottom: 20px;}
.jldc_xxnr04{width:250px; position: absolute; left: 50%; margin-left: 350px; top: 240px; }
.jldc_xxnr04 img{ display: block; width: 100%; margin-bottom: 20px;}

/*07*/
.jldx_box07{ width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-top: 40px;}
.jldx_box07 ul{ width: 1200px; margin: 0 auto;overflow: hidden; margin-top: 50px;}
.jldx_box07 ul li{ width: 350px; background-color: #ffae00; border: 5px solid #ffae00; margin: 20px; height: 450px;float: left;}
.jldx_box07 ul li a{ display: block; width: 100%; height: 100%;}
.jldx_box07 ul li img{ display: block; width: auto; margin: 0 auto;}
.jldx_box07 ul li img:nth-child(2){ margin-top: 50px;  }
.jldx_box07 ul li:hover img:nth-child(2){ margin-top: 30px;
-webkit-transition:all 0.5s ease-out;
   -moz-transition:all 0.5s ease-out;
     -o-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
        transition:all 0.5s ease-out;
}
.jldx_box07 .zya{ display: block; width: 600px; border: 2px #ff6600 solid; font-size: 24px; line-height:60px; text-align: center; color: #ff6600; margin: 30px auto; margin-bottom: 50px;}
.jldx_box07 .zya:hover{ background-color: #ff6600; color: #ffffff;}

.jldx_box09{ width: 1920px; height: 1250px; position: relative; left: 50%; margin-left: -960px; background-color: #6a060e; padding-top: 50px;}
.jldx_box09 a{ display: block; width: 600px; border: 2px #ff6600 solid; font-size: 24px; line-height:60px; text-align: center; color: #ffffff; background-color: #ff6600; margin: 60px auto;}
.jldx_box09 img{text-align:center;margin-top:20px;}




@keyframes leftjt{0%{left: 0}50%{ left: 20px;}100%{ left: 0}}
@keyframes rightjt{0%{right: 0}50%{ right: 20px;}100%{ right: 0}}
@-webkit-keyframes leftjt{0%{left: 0}50%{ left: 20px;}100%{ left: 0}}
@-webkit-keyframes rightjt{0%{right: 0}50%{ right: 20px;}100%{ right: 0}}



@-webkit-keyframes zoomIn{0%{opacity:0;margin-top:-165px;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1;margin-top:-165px;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}