@import url(style.css);
@import url(top1.css);
@import url(slide.css);
@import url(pscroll.css);
.blank_h{ height:0;}
.i_t{ font-weight:bold; text-align:center; color:#010101; margin-top:6%; margin-bottom:5%;}
/*.i_one{ margin-bottom:3%;}*/
.i_one ul li{ float:left; width:25%; position:relative;margin-bottom:6%; cursor:pointer;}
.i_one ul li:hover{transition:all 0.3s; -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.2); box-shadow: 0 5px 25px rgba(0,0,0,0.2);border-radius:15px;/*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);*/ }
.i_one ul li .imgs{ overflow:hidden;border-radius:15px;}
.i_one ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.i_one ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one ul li .txts{ position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; text-align:center;transition:all 0.3s;}
.i_one ul li:hover .txts{ background:rgba(0,0,0,0.7);border-radius:15px;}
.i_one ul li .txts .i{ display:block; height:100px; background:no-repeat; background-position:center center; background-size:auto 100%; margin-top:30%; margin-bottom:5%;transition:all 0.3s;}
.i_one ul li .txts .i.bgs1{ background-image:url(../img/i_pic1.png);}
.i_one ul li .txts .i.bgs2{ background-image:url(../img/i_pic2.png);}
.i_one ul li .txts .i.bgs3{ background-image:url(../img/i_pic3.png);}
.i_one ul li .txts .i.bgs4{ background-image:url(../img/i_pic4.png);}
.i_one ul li:hover .txts i.bgs1{ background-image:url(../img/i_pic1_on.png);}
.i_one ul li:hover .txts i.bgs2{ background-image:url(../img/i_pic2_on.png);}
.i_one ul li:hover .txts i.bgs3{ background-image:url(../img/i_pic3_on.png);}
.i_one ul li:hover .txts i.bgs4{ background-image:url(../img/i_pic4_on.png);}
.i_one ul li .txts .h3{ font-weight:normal; color:#000;transition:all 0.3s; height:36px; line-height:36px; margin-bottom:5%;}
.i_one ul li:hover .txts .h3{ color:#fff;}
.i_one ul li .txts .p{ color:#666666; max-width:286px; width:96%; margin:0 auto; line-height:24px; height:48px; overflow:hidden; margin-top:6%; margin-bottom:20%;}
.i_one ul li:hover .txts .p{ color:#fff;}
.i_one ul li .txts .em{ font-style:normal; color:#c9b368; font-size:14px; padding-right:44px; padding-left:5px; background:url(../images/i_bg1.png) right center no-repeat; text-transform:uppercase; line-height:24px; height:24px; display:inline-block;transition:all 0.5s;}
.i_one ul li:hover .txts .em{ color:#fff; background-image:url(../images/i_bg1_on.png);}

/*首页产品弹窗*/
.case_bgs2{z-index: 19891024;background:#1e1e1e; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.case_tc2{z-index: 19891025; width: 96%; /* top: 157.5px; */  left: 50%; margin-left:-48%; position:fixed; overflow: hidden; top:50%; transform: translate(0%, -50%);height:0; display: none;}
.case_tc2 .case_box{ width:96%; margin:0 auto; max-width:1440px;/*background: #1e1e1e;*/ overflow: hidden;}
.case_tc2 .case_divs{ position:relative;width:98%; margin:0 auto; margin-top:3%; margin-bottom:3%;}
.case_tc2 .case_divs .closed{ right:0%; position:absolute; top:0; cursor:pointer;}
.case_tc2 .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc2 .case_divs .i_t3{color:#fff;line-height:1.5;  margin-bottom:4%; font-weight:normal;}

/*首页视频*/
.i_two{ overflow:hidden; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../img/i_img2.jpg); text-align:center; color:#fff; position:relative;}
.i_two .bigimg{ width:100%;  display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two:hover .bigimg{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two .wrap{ text-align:center; }
.i_two .i_two_txt{ position:absolute; top:0; left:0; width:100%; height:100%;}
.i_two .i_two_txt .wrap{padding-top:27%;/*padding-bottom:6%;*/}
.i_two .i_two_txt .h2{ overflow:hidden; line-height:1.7; text-transform:uppercase;filter:alpha(opacity=0);opacity:0;transform-origin: left center; }
.i_two.anim-show .i_two_txt .h2{animation:mymove9 1.5s; -webkit-animation:mymove9 1.5s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.i_two .i_two_txt .plays{ display:inline-block; overflow:hidden; line-height:1.8; margin-top:1%; font-weight:normal;}
.i_two.anim-show .i_two_txt .plays.anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:1s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:1s;}
.i_two .i_two_txt .plays a{ display:block; width:100%; height:100%; color:#fff;}
.i_two .i_two_txt .plays .i_ico{ display:block; margin:0 auto; width:240px;}
.i_two .i_video_box{ position:absolute; bottom:0; left:0; width:100%; overflow:hidden;}
.i_two .i_video_box .i_video_a{ display:inline-block; vertical-align:bottom; width:80px; height:40px; overflow:hidden; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/i_bg4.png);transition:all 0.3s; cursor:pointer;transition:all 0.3s;}
.i_two .i_video_box .i_video_a:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_two .i_video_box .i_video_a.actives{background-image:url(../images/i_bg4_on.png);}
.i_two .i_video_box .i_video_a.actives:hover{opacity:1.0;filter:Alpha(opacity=100);}
.i_two .i_video_box .i_video{ overflow:hidden; background:rgba(0,0,0,0.8);  display:none;}

/*首页新闻*/
.i_three{ overflow:hidden; margin-top:6%; margin-bottom:6%;}
.i_three .wrap{ position:relative;}
.i_three .i_three_l{width:30.5%; position: absolute; left:0; top:0; height:100%; background:url(../images/i_bg6.jpg) #f5f5f5 center center no-repeat; background-size:100% auto; overflow:hidden; text-align:center; text-transform:uppercase; line-height:1;}
.i_three .i_three_l a{ display:table; width:100%; height:100%;}
.i_three .i_three_l a span{ display:table-cell; vertical-align:middle;transition:all 0.3s;}
.i_three .i_three_l a span label{ display:block; cursor:pointer;}
.i_three .i_three_l:hover span{ padding-bottom:10px;}
.i_three .i_three_r{ width:69%; float:right; overflow:hidden;}
.i_three .i_three_r ul li{ float:left; width:44.2%; margin-left:5.8%; overflow:hidden; margin-top:4%; margin-bottom:4%;transition:all 0.3s;}
.i_three .i_three_r ul li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.i_three .i_three_r ul li a{ display:block; overflow:hidden;}
.i_three .i_three_r ul li .h2{ font-weight:normal; color:#000000; height:50px; line-height:50px; overflow:hidden; margin-bottom:5%; text-transform:uppercase;transition:all 0.3s;}
.i_three .i_three_r ul li .dates{ color:#666666; font-size:16px; line-height:1.7;}
.i_three .i_three_r ul li .h3{ font-weight:normal; color:#000000; height:30px; line-height:30px; overflow:hidden; margin-bottom:3%;text-overflow: ellipsis;white-space: nowrap; letter-spacing:-1px;}
.i_three .i_three_r ul li .p{ color:#666666; font-size:16px; line-height:24px; height:48px; overflow:hidden;}
.i_three .i_three_r ul li .mores{ font-size:14px; color:#c9b368; float:left; text-transform:uppercase; padding-right:30px;transition:all 0.3s; background:url(../images/i_bg7.png) right center no-repeat; font-style:normal; margin-top:7%;}
.i_three .i_three_r ul li:hover .mores{ padding-right:40px;}
.i_three .i_three_r ul li:hover .h2{color:#c9b368; }

/*首页说明弹窗*/
.lee_dialog_bg{z-index: 19891024;background:rgba(0,0,0,0.5); width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.dialog5{z-index: 19891025; width: 96%; /* top: 157.5px; */  left: 50%;  position:fixed; overflow: hidden; top:50%; display: none;transform: translate(-50%, -50%);}
.dialog5 .case_box{ width:100%; margin:0 auto; max-width:800px;background: #fff; overflow: hidden;}
.dialog5 .case_divs{ position:relative;width:96%; margin:2%; border:1px solid #e3e3e3; text-align:center; color:#000; font-size:18px;}
.dialog5 .case_divs .logo3{ display:block; margin:0 auto; margin-top:5%; margin-bottom:3%; max-width:216px; width:40%;}
.dialog5 .case_divs .p{ max-width:540px; width:94%; overflow:hidden; line-height:24px; margin:0 auto;}
.dialog5 .case_divs .dialog_a{color:#000;line-height:46px; height:48px;  margin-bottom:5%; margin-top:4%; overflow:hidden;}
.dialog5 .case_divs .dialog_a a{ display:inline-block;line-height:46px; height:46px; overflow:hidden; border:1px solid #000; width:176px; margin-left:5px; margin-right:5px; text-transform:uppercase; transition:all 0.3s; color:#000;}
.dialog5 .case_divs .dialog_a a.bgs2{ background:#000; color:#fff;}
.dialog5 .case_divs .dialog_a a:hover{opacity:0.8;filter:Alpha(opacity=80);}

@media screen and (max-width:1760px) {
/*首页视频*/
.i_two .i_two_txt .wrap{padding-top:23%;}

}
@media screen and (max-width:1660px) {

}
@media screen and (max-width:1440px) {
.i_one ul li .txts .i{ height:80px;}
.i_one ul li .txts .p{ margin-bottom:10%;}
/*首页视频*/
.i_two .i_two_txt .wrap{padding-top:20%;}
.i_two .i_two_txt .plays .i_ico{ width:200px;}
}
@media screen and (max-width:1360px) {

}
@media screen and (max-width:1200px) {
.i_one ul li .txts .i{ height:70px;}

}
@media screen and (max-width:1100px) {
.i_one ul li .txts .i{ height:60px;}
}
@media screen and (max-width:1000px) {
.blank_h{ height:90px;}
.i_one ul li .txts .i{ height:50px;}
/*首页视频*/
.i_two .i_two_txt .plays .i_ico{ width:170px;}

}
@media screen and (max-width:960px) {
.i_one ul li .txts .h3{ height:30px; line-height:30px;}
.i_one ul li .txts .p{ margin-bottom:6%;}
/*首页视频*/
.i_two .i_two_txt .wrap{padding-top:18%;}
}
@media screen and (max-width:830px) {

}


@media screen and (max-width: 780px) {
.i_one ul li{ width:50%;}
.i_one ul li:nth-child(1),.i_one ul li:nth-child(2){ margin-bottom:2%;}
.i_one ul li .txts .i{ margin-top:35%;}
/*首页视频*/
.i_two .i_two_txt .plays .i_ico{ width:140px;}
.i_two .i_video_box .i_video_a{ width:60px; height:30px; background-size:100% auto;}
/*首页新闻*/
.i_three .i_three_l{ position:static; width:100%; background-size:30% auto; padding-top:6%; padding-bottom:6%;}
.i_three .i_three_l a span label{ display:inline-block; padding-left:1%; padding-right:1%;}
.i_three .i_three_l:hover a span{ padding-bottom:0;}
.i_three .i_three_r{ float:none; width:100%;}
.i_three .i_three_r ul li{ width:46%; margin-left:2%; margin-right:2%;}
.i_three .i_three_r ul li .h2{ margin-bottom:2%;}
.i_three .i_three_r ul li .dates{ font-size:14px;}
.i_three .i_three_r ul li .p{ font-size:14px; line-height:20px; height:auto; max-height:40px;}
/*首页说明弹窗*/
.dialog5 .case_divs{ font-size:16px;}
.dialog5 .case_divs .dialog_a a{ height:40px; line-height:40px; font-size:16px; width:160px;}

}
@media screen and (max-width: 640px) {
.blank_h{ height:80px;}
.i_one ul li .txts .h3{ height:24px; line-height:24px;}
/*首页视频*/
.i_two .i_two_txt .wrap{padding-top:15%;}

}
@media screen and (max-width: 520px) {
.blank_h{ height:70px;}
/*首页说明弹窗*/
.dialog5 .case_divs{ font-size:14px;}
.dialog5 .case_divs .dialog_a a{font-size:14px; width:140px;}
}

@media screen and (max-width: 480px) {
.i_one ul li .txts .i{ margin-top:29%;}
.i_one ul li .txts .em{ font-size:13px; padding-right:36px;}
/*首页视频*/
.i_two{ height:260px;}
.i_two .bigimg{ display:none;}
.i_two .i_two_txt .wrap{padding-top:18%;}
/*首页新闻*/
.i_three .i_three_r ul li{ width:96%; float:none;}
.i_three .i_three_r ul li .dates{ font-size:13px;}
.i_three .i_three_r ul li .p{ font-size:13px;}
}
@media screen and (max-width: 400px) {
/*首页视频*/
.i_two{ height:230px;}
.i_two .i_two_txt .wrap{padding-top:17%;}

}
@media screen and (max-width: 360px) {
.i_one ul li .txts .i{ margin-top:26%;}
.i_one ul li .txts .em{ font-size:12px; padding-right:30px;}
/*首页视频*/
.i_two{ height:220px;}
.i_two .i_two_txt .wrap{padding-top:18%;}
/*首页说明弹窗*/
.dialog5 .case_divs{ font-size:13px;}
.dialog5 .case_divs .dialog_a a{font-size:13px; width:130px; margin-left:2px; margin-right:2px;}
}