.w100_bai { width: 100%; background:url(../images/banner1.jpg); position: relative;}


.banner-box { position: relative;   margin:0px 0% 0 0%;}
.banner { position: relative; width: 100%; z-index: 0;}
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px;}
.banner .item { position: relative; width: 100%; height: 100%;  background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .item2{background:url(../images/banner2.jpg) no-repeat center; background-size:100%  100%;}
.banner .item3{background:url(../images/banner2_2.jpg) no-repeat center; background-size:100%  100%;}
.banner .slick-active .bimg {visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);  }
.binbox { width: 90%; position: absolute; left: 5%; top: 100px; text-align: center; color: #fff;  }
.binbox .jz-zh { margin-top: 30px; font-size: 24px; }
.bybox { width: 100%; margin: 0px auto; position: relative; }
.bybox .boxt { width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden; left: 0px; top: 0px; display: block; }
.bybox .boxt-s0 { position: absolute; left: 0px; top: 0px; width: 212px; height: 312px; border: 2px solid #fff; overflow: hidden; }
.bybox .by1, .bybox .by2, .bybox .by3, .bybox .by4{ font-size: 40px; width: 42px; line-height: 1; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .by1 { top: 50px; left: 56%; }
.bybox .by2 { top: 88px; left: 26%; }
.bybox .by3 { top: 23px; left: 56%; }
.bybox .by4 { top: 53px; left: 26%; }
.bybox .jz-ico { background: url(../images/ico.png) no-repeat; width: 21px; height: 31px; position: absolute; left: -48px; bottom: 7%; }
.bybox .jz-en { background: url(../images/banner_t.png) no-repeat; width: 56px; height:109px; position: absolute; right: -94px; top: 5%; }

.bybox .tu1{  width: 448px; height: 480px; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .tu1 { top: 150px; left:15%;}
.bybox .tu2{  width: 800px; height: 511px; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .tu2 { top: 50px; left:10%; }
.bybox .tu3{  width: 577px; height:300px; position: absolute;  opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);overflow: hidden; z-index: 999}
.bybox .tu3 img { width: 100%; height: auto}
.bybox .tu3 { top: 180px; right:15%; }
.bybox .tu4{  width: 674px; height: 290px; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px);z-index: 999 }
.bybox .tu4 {  top: 180px; right:15%; }

.bybox .tu5{  width: 599px; height: 159px; position: absolute; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.bybox .tu5 { top:50%; margin-top: -70px; left:50%;margin-left: -307px; }

@-webkit-keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@keyframes byline {
    from { height: 0%; }
    to { height: 600%; }
}

@-webkit-keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

@keyframes byline2 {
    from { width: 0%; }
    to { width: 600%; }
}

.boxt-line { background-color: #5e9717; position: absolute; z-index: 2; }
.boxt-s1 { width: 2px; left: 0%; bottom: 0px; height: 0px; }
.boxt-s2 { width: 0px; left: 0%; top: 0px; height: 2px; }
.boxt-s3 { width: 2px; right: 0%; top: 0px; height: 0px; }
.boxt-s4 { width: 0px; right: 0%; bottom: 0px; height: 2px; }
.banner .slick-active .boxt-line { -webkit-animation: byline 6s linear; animation: byline 6s linear; }
.banner .slick-active .boxt-s2 { -webkit-animation: byline2 6s linear 1s; animation: byline2 6s linear 1s; }
.banner .slick-active .boxt-s3 { -webkit-animation: byline 6s linear 2s; animation: byline 6s linear 2s; }
.banner .slick-active .boxt-s4 { -webkit-animation: byline2 6s linear 3s; animation: byline2 6s linear 3s; }
.banner .slick-active .by1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .tu1 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .tu2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .tu3 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .tu4 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .tu5 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .by2 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }
.banner .slick-active .by3 { -webkit-transition: all .8s 0.1s; transition: all .8s 0.1s; }
.banner .slick-active .by4 { -webkit-transition: all .8s 0.3s; transition: all .8s 0.3s; }

.banner .slick-active .jz-ico { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.banner .slick-active .jz-en { -webkit-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.banner .slick-active .by1, .banner .slick-active .by2, .banner .slick-active .by3, .banner .slick-active .by4 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-active .tu1,.banner .slick-active .tu2,.banner .slick-active .tu3,.banner .slick-active .tu4,.banner .slick-active .tu5 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { left:2%; top: 45%; z-index: 99999; display: block;position: absolute;}
.banner .slick-dots li { margin: 0px 0px 10px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: #333;border-radius: 8px; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: #e77919;border-radius: 8px; }
.mouseIco { background: url(../images/mouseIco.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}




.details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
.details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
.details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;}
.details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
.details:hover a{ color:#0c7040; background:url(../images/arrow2.png) 112px center no-repeat;}

.bamnline { width: 100%; bottom: 0; background:rgba(21,94,159,0.0); z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 2px; background: #f3b61f; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }


.bannerTel{ display: none; }
.slick4_bantel{position:relative; overflow:hidden; max-width:1004px; padding-top: 50px;}
.slick4_bantel .slick img{ width:100%;}
.slick4_bantel .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:20px;}
.slick4_bantel .slick-dots li{display:inline-block; margin:0 8px; width:10px; height:10px; background: url(../images/ico3.png) no-repeat;list-style-type:none;}
.slick4_bantel .slick-dots .slick-active{ background: url(../images/ico3on.png) no-repeat;}

/*********indexPart1*********/
.indexPart1{ position: relative; overflow: hidden; }
.pic2{ 
	display:block; 
	overflow:hidden; 
	position:relative; 
	}
.pic2 img{
	display:block; 
	width:100%; 
	height: auto;
	}

.pic3{ 
	display:none; 
	overflow:hidden; 
	position:relative; 
	}
.pic3 img{
	display:none; 
	width:100%; 
	height: auto;
	}
.pbtxts{ position: absolute; left: 0; right: 0; top: 30%; z-index: 29; color: #fff; text-align: center; }
.pbtxts h2{ color:#fff; font-size: 52px; font-weight:normal; }
.pbtxts .vid_ico{ width:91px;height: 91px; margin: 45px auto 40px auto;}
.pbtxts p{ font-size: 28px;  line-height: 40px;font-weight: lighter; margin-top: 20px; margin-bottom: 10px;}
.pbtxts p span{ font-size: 18px;font-family:Arial;  }

.i_video{position:relative; overflow:hidden;}
.i_video .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:20px;}
.i_video .slick-dots li{display:inline-block; margin:0 8px; width:50px; height:3px; background:#fff; list-style-type:none;}
.i_video .slick-dots .slick-active{ width:50px; height:3px; background:#eb6e00;}
.i_video .slick-dots li a{ width:50px; height:3px; background:#fff; overflow: hidden; display: block;}
.i_video .slick-dots li.slick-active a {width:50px; height:3px; background:#eb6e00; }

/*********indexPart2*********/
.indexPart2{padding:5% 0; width: 100%; margin: 0 auto; background: #fff;}
.indexPart2 h2{ color:#333333; font-size: 48px; text-align: center; font-weight: normal; margin-bottom: 50px; line-height: 1;}
.indexPart2 p{ text-align: center; color:#898989; line-height: 28px; width: 80%; margin: 0 auto;}
.indexPart2 ul{ width:80%; margin: 5% auto 0 auto;}
.indexPart2 ul li{ width:31%; margin: 0 1%;  float: left; border: 1px dashed #e2e2e2; padding: 28px 0 28px 3%; text-align: left; border-radius: 5px;}
.indexPart2 ul li .z1{ color:#eb6e00; font-size: 42px; line-height: 1; margin-bottom: 5px; }
.indexPart2 ul li .z2{ color: #303030; font-size: 16px;}


/*********indexPart3*********/
.indexPart3{ padding:3% 0;background:#1e1d22;}
.indexPart3 .name{ text-align: center;padding-bottom: 4%; font-size: 36px; color: #c5c5c5; }


/*********indexPart4*********/
.indexPart4{ padding:60px 0 80px ; position: relative; background: #fff;}
.indexPart4 .name{ text-align: center; margin-bottom: 50px;}
.case_C ul{
    width: 100%;
    padding-bottom: 30px;
}
.case_C li{
	float: left;
    width: 33.3%;
    transition: box-shadow 0.3s ease 0s;
}

.case_C .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.case_C .up-pic {
    position: absolute;
    left: 0;
    top: 0;
	height: 100%;
    width: 100%;
    transition: transform 0.3s ease 0s;
    z-index: 2;
}
.case_C .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
    z-index: 3;
}
.case_C .up-graybox .bgbox{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.case_C .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.case_C .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.case_C .up-graybox .linet {
    top: 0;
}
.case_C .up-graybox .lineb {
    bottom: 0;
}
.case_C .cont-wrap {
    width: 100%;
    padding: 20px 6.5% 0;
    border: 1px solid #f2f2f2;
    margin-top: -1px;
}
.case_C .tit {
    line-height: 32px;
    font-size: 20px;
}
.case_C .tit a {
    display: inline-block;
    color: #333;
}
.case_C .intr {
    display: block;
    line-height: 22px;
    font-size: 14px;
    height: 52px;
    color: #999;
}
.case_C .bot-link {
    display: block;
    width: 100%;
	margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    line-height: 40px;
    position: relative;
}
.case_C .bot-link .point {
    display: inline-block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat right center;
    margin-top: 14px;
}
.case_C .bot-link .stt {
    font-size: 14px;
    color: #999;
}
.case_C .bot-link:hover .stt{
	color: #333;
}
.case_C .bot-link:hover .point{
    background: url(../images/ico_08_h.png) no-repeat right center;
}

.case_C .img:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.case_C .img:hover img.up-pic {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.case_C .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


.indexPart4{ width:100%; background: #fafafa; padding: 3% 0;}
.i_4_box{ width:510px; margin: 0 auto;}
.i_4_box .left{ width:94px; float: left;}
.i_4_box .right{  text-align: left; margin-top: 18px; float: right;}
.i_4_box .right h2{ color:#232323; font-size: 28px; line-height: 1; margin-bottom: 6px; font-weight: normal;}
.i_4_box .right h2 span{ color:#eb6e00;}


.por {
  position: relative;
}

.swbanner .swiper-pagination{
	position: absolute;
	bottom: 30px;
}
.swbanner .swiper-pagination .swiper-pagination-bullet{
	display: inline-block;
    cursor: pointer;
    padding: 30px 0;
    height: 0px;
    width: 50px;
    background-color: transparent;
    position: relative;
}
.swbanner .swiper-pagination .swiper-pagination-bullet:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	transition: all .4s ease-in;
}
.swbanner .swiper-pagination .swiper-pagination-bullet-active:after{
	background-color: #fc3d00;
}
.swbanner .swiper-slide{
	position: relative;
	overflow: hidden;
}
.swbanner .swiper-slide a{
	display: block;
	height: 100vh;
}
.swbanner .swiper-slide a .vh100{
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat center/cover;
	top: 0;
	left: 0;
}
.swbanner .swiper-slide a .more{
	width: 216px;
	transition: all .3s ease;
	position: absolute;
    top: 80%;
    left: 80%;
	transform: translate(-50%, -50%);
}
.swbanner .swiper-slide a .more img{
	width: 100%;
}
.swbanner .banner-video{
	position: relative;
	height: 100vh;
	min-height: 500px;
	overflow: hidden;
}
.swbanner .banner-video img{
	width: 100%;
}
.swbanner .banner-video video{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #000;
}


.swbanner .swiper-button-next{ width:141px; height: 76px; background:url(../images/005.png) no-repeat right center;}
.swbanner .swiper-button-prev{ width:141px; height: 76px; background:url(../images/005-l.png) no-repeat left center;}