@import url(style.css);
@import url(swiper.min.css);
@import url(pscroll.css);
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{ width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.banner .text { max-width: 1400px; width: 96%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-weight:normal; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; /*text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8);*/ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898); padding: 0 20px; text-align:center; font-style:italic; letter-spacing:2px; line-height:1;}
.banner .text .desc{ margin-top:7px; overflow:hidden; font-size:12px; font-family:Arial; font-weight:lighter; text-transform:uppercase; letter-spacing:6px; font-style:normal;}
.banner .text .small { font-size: 30px;}
.banner .swiper-pagination { width: 100%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; display:none;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 24px; height: 24px; background:url(../images/dian.png) center center no-repeat; background-size:100% 100%;opacity: 1; margin: 0 6px; border-radius:0;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:url(../images/dian_on.png) center center no-repeat; background-size:100% 100%; }
.lzpic1{transition:all 0.3s;}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
/*.banner:hover .lzpic1{transform:scale(1.01, 1.01);}*/
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s 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;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}
/*.banner_box{ max-width:1400px; width:96%; margin:0 auto; position:relative;}
.banner_page{ position:absolute; right:0; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:30px;}
.banner_page .current{ font-size:20px;}*/
.adicon{  position: absolute; bottom: -0.5em; right: 60px;-webkit-transform: translate3d(0, 0, 0) rotate(90deg);transform: translate3d(0, 0, 0) rotate(90deg);-webkit-transform-origin: center right;-ms-transform-origin: center right; transform-origin: center right; -webkit-font-smoothing: antialiased; font-size:14px;
 color: #fff; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;line-height: 1; z-index: 20;}
.adicon a { text-decoration: none; display: -webkit-box; display: -ms-flexbox;  display: flex; color: #fff;}
.l-scrollDown__iconBar {}
.l-scrollDown__iconBarInner {}
.l-scrollDown__iconBar { width: 110px; height: 1px; background: rgba(255, 255, 255, 0.3); display: block; position: relative;  overflow: hidden; margin: auto 0 auto 20px;}
.l-scrollDown__iconBarInner { position: absolute; top: 0px; right: -240px;width: 240px; height: 1px; -webkit-animation: scroll-bar 2s cubic-bezier(0.63, 0.09, 0.38, 0.81) infinite; animation: scroll-bar 2s cubic-bezier(0.63, 0.09, 0.38, 0.81) infinite; background-color: #fff;}

/* -posi */
.l-scrollDown--posi { color: #111;}
.l-scrollDown--posi .l-scrollDown__iconBar { background: #dce0e3}
.l-scrollDown--posi .l-scrollDown__iconBarInner {background-color: #333;}
@-webkit-keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d0, 0, 0);
        transform: translate3d0, 0, 0);
    }
}

@keyframes scroll-bar {
    0% {
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d0, 0, 0);
        transform: translate3d0, 0, 0);
    }
}
#product_zhinan{ max-width:996px;/*width:51.9%;*/width:80%; height:90px; background:#fff; position:absolute; bottom:0; left:0; overflow:hidden;z-index: 20;}
#product_zhinan .boxs{ max-width:910px; margin:0 auto; width:96%; height:30px; line-height:30px; margin-top:30px; overflow:hidden;}
#product_zhinan .title{ float:left; font-weight:bold; font-size:15px; color:#222222; margin-right:4%;}
#product_zhinan .product_zhinan_ul{ font-size:14px; color:#939fa8; float:left;}
#product_zhinan .product_zhinan_ul ul li{ display:block; height:30px; line-height:30px; overflow:hidden;}
#product_zhinan .product_zhinan_ul ul li a{color:#222222; display:block;}
#product_zhinan .product_zhinan_ul ul li:hover a{color:#0019d1;}
#product_zhinan .product_zhinan_ul ul li em{ font-style:normal;  margin-right:4%; color:#939fa8;}
/*第一屏*/
.i_one{ overflow:hidden; line-height:26px;color:#222222;  font-size:15px;}
.i_one ul li{ display:block; margin-top:7%; overflow:hidden; position:relative;}
.i_one ul li a{color:#222222;}
.i_one ul li .imgs{ float:right; overflow:hidden; width:50%; margin-bottom:48px; }
.i_one ul li:after{ content:""; position:absolute; left:0; bottom:0; width:69%; height:calc(92% - 48px);height:-webkit-calc(92% - 48px);height:-moz-calc(92% - 48px);background:#fafafa; z-index:-1;}
.i_one ul li:nth-child(2n+0):after{ right:0; left:auto; /*top:0;*/}
.i_one ul li:nth-child(3):after,.i_one ul li:nth-child(4):after{ top:0;}
.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.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_one ul li .imgs:hover 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:nth-child(2n+0) .imgs{ float:left;/* margin-bottom:0; margin-top:48px;*/}
.i_one ul li:nth-child(3) .imgs,.i_one ul li:nth-child(4) .imgs{  margin-bottom:0; margin-top:48px;}
.i_one ul li .txt{ position:absolute; left:0;  overflow:hidden; width:49%;height:100%;display: flex; align-items: center; justify-content: center;}
.i_one ul li .txt .cons{ width:94%; max-width:380px; margin:0 auto; overflow:hidden; }
.i_one ul li:nth-child(2n+0) .txt{ right:0; left:auto;}
.i_one ul li em{ font-style:normal; overflow:hidden; display:block; margin-top:48px;}
.i_one ul li:nth-child(2n+0) em{ margin-top:0;}
.i_one ul li .h3{ font-size:35px; line-height:1.4; font-weight:bold; overflow:hidden; margin-top:1%;}
.i_one ul li .a{ overflow:hidden; display:block;margin-top:7%; height:34px; line-height:34px; text-align:center; width:142px; border:2px solid #050001;transition:all 0.3s; position:relative; z-index:0;}
.i_one ul li .a:after{ content:"";position:absolute; width:0; height:100%; background:#0019d1; left:0; top:0;transition:all 0.3s; z-index:-1;}
.i_one ul li .a:hover{ /*background:#0019d1; */border-color:#0019d1; color:#fff;}
.i_one ul li .a:hover:after{ width:100%;}
.i_one ul li:nth-child(2n+0) .a{ margin-bottom:48px;}
.i_one_t{ overflow:hidden; text-align:center; background:url(../images/i_pic1.png) center bottom no-repeat; padding-bottom:20px; line-height:1.6; font-size:15px; color:#4d4d4d; background-size:28px 12px; margin-top:9%;}
.i_one_desc{ max-width:520px; margin:0 auto; line-height:30px;  color:#9e9e9e; text-align:center; margin-top:3.6%;}
/*第二屏*/
.i_two{ overflow:hidden; position:relative; cursor:pointer;}
.i_two 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.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_two:hover 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_two:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/i_pic2.png) rgba(0,0,0,0.28) center center no-repeat; background-size:68px 68px;}
/*第三屏*/
.i_three{ margin-top:7%; padding-bottom:4%; position:relative;}
.i_three .i_three_l{ float:left; width:28.46%; overflow:hidden; font-size:14px; line-height:22px;}
.i_three .i_three_l .title{ overflow:hidden; position:relative;}
.i_three .i_three_l .title:after{ content:""; position:absolute; top:0; left:0; width:44px; background:#d1d1d1; height:3px;}
.i_three .i_three_l .title span{ display:block; overflow:hidden; font-size:18px;  margin-top:9%; line-height:1.4;}
.i_three .i_three_l .title .h3{ font-weight:normal; font-size:65px; overflow:hidden; line-height:1.1; margin-top:1px;}
.i_three .i_three_l .p{ overflow:hidden; margin-top:6%;}
.i_three .i_three_l .p p{ overflow:hidden; margin-bottom:2%;}
.i_three .imgs{ float:left; width:32.76%; overflow:hidden; margin-left:3.8%; margin-top:6%;}
.i_three .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.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_three .imgs:hover 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_three .imgs2{ float:left; width:30.61%; overflow:hidden;margin-left:3.8%; margin-top:16%;}
.i_three .imgs2 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.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_three .imgs2:hover 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_three .type{  position: absolute; bottom: 0; right: -75px;-webkit-transform: translate3d(0, 0, 0) rotate(90deg);transform: translate3d(0, 0, 0) rotate(90deg);-webkit-transform-origin: center right;-ms-transform-origin: center right; transform-origin: center right; -webkit-font-smoothing: antialiased; font-size:24px;
 color: #222; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;line-height: 1; z-index: 20; text-align:right;}
.i_three .type .iconBar { width: 56px; height: 1px; background: rgba(34, 34, 34, 1.0); display: block; position: relative;  overflow: hidden; margin: -12px 0 auto -75px;}
/*第四屏*/
.i_four{ overflow:hidden; margin-top:4%;}
.i_title{ overflow:hidden; text-align:center; margin-top:4%; line-height:1;}

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


}

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

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



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

}
@media screen and (max-width:1200px) {
/*第三屏*/
.i_three .imgs{ margin-left:2%; width:34.56%;}
.i_three .imgs2{ margin-left:2%; width:32.41%;}
.i_three .i_three_l .title .h3{ font-size:60px;}
/*第四屏*/
.i_title{ font-size:46px;}

}
@media screen and (max-width:1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
.banner .swiper-container{ position:static;}
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 20px; height:20px;margin: 0 5px;}
/*.banner_page{bottom:25px; font-size:15px;}
.banner_page .current{ font-size:18px;}*/
#product_zhinan{ height:70px;}
#product_zhinan .boxs{ margin-top:20px;}

}
@media screen and (max-width:960px) {
/*第一屏*/
.i_one{ font-size:14px;}
.i_one ul li .h3{ font-size:30px;}
/*第二屏*/
.i_two:after{ background-size:50px 50px;}
/*第三屏*/
.i_three .imgs{ width:49%; margin-left:0; margin-top:4%;}
.i_three .imgs2{ width:49%; margin-top:4%;}
.i_three .i_three_l{ float:none; width:100%; font-size:13px;}
.i_three .i_three_l .p{ margin-top:4%;}
.i_three .i_three_l .title span{ margin-top:4%; font-size:16px;}
.i_three .i_three_l .title .h3{ font-size:50px;}
.i_five ul li img{ width:70px; height:63px;}
}
@media screen and (max-width:830px) {
/*第一屏*/
.i_one{ font-size:13px;}
.i_one ul li .h3{ font-size:24px;}
.i_one ul li .a{ width:120px;}
}


@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 16px; height:16px;margin: 0 3px;}
/*.banner_page{bottom:20px; font-size:14px;}
.banner_page .current{ font-size:17px;}*/
.banner .text .desc{ font-size:10px;}
.adicon{ /* left: 30px; */ display: none;}
#product_zhinan{ width:100%; position:relative; border-bottom:1px solid #eee;}
#product_zhinan .title{ width:110px; margin-right:0;}
#product_zhinan .product_zhinan_ul{width:calc(100% - 110px);width:-webkit-calc(100% - 110px);width:-moz-calc(100% - 110px);}
#product_zhinan .product_zhinan_ul ul li em{ margin-right:3%;}
/*第一屏*/
.i_one ul li{ margin-top:3%;}
.i_one ul li .txt{ position:relative; width:100%; height:auto; display:block; background: #fafafa;}
.i_one ul li .imgs{ float:none; width:100%; margin-bottom:0;}
.i_one ul li:nth-child(2n+0) .imgs{ float:none; margin-top:0;}
.i_one ul li:nth-child(3) .imgs,.i_one ul li:nth-child(4) .imgs{margin-top:0;}
.i_one ul li .txt .cons{ max-width:none; margin-bottom:6%; margin-top:6%;}
.i_one ul li:after{ display:none;}
.i_one ul li em{ margin-top:0;}
.i_one ul li .a{ margin-top:4%;}
.i_one ul li:nth-child(2n+0) .a{ margin-bottom:0;}

}
@media screen and (max-width: 640px) {
#product_zhinan .title{ width:100px;}
#product_zhinan .product_zhinan_ul{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);}
/*第一屏*/
.i_one ul li .h3{ font-size:22px;}
.i_one ul li .a{ width:110px; }
/*第三屏*/
.i_three{ margin-bottom:5%;}
.i_three .i_three_l .title .h3{ font-size:40px;}
/*第四屏*/
.i_title{ font-size:40px;}

}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:15px;}
/*.banner_page{bottom:15px; font-size:13px;}
.banner_page .current{ font-size:16px;}*/
#product_zhinan{ height:50px;}
#product_zhinan .boxs{ margin-top:10px;}
#product_zhinan .title{ font-size:14px;}
#product_zhinan .product_zhinan_ul{ font-size:13px;}
/*第一屏*/
.i_one ul li .h3{ font-size:20px;}
.i_one ul li .a{ width:100px; height:30px; line-height:30px;}
/*第三屏*/
.i_three .i_three_l .title .h3{ font-size:36px;}
.i_three .i_three_l .p{ margin-top:3%;}
/*第四屏*/
.i_title{ font-size:36px;}

}

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


}