/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#222; background:#FFF;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#222; outline:none;}
input{ outline:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1220px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt90{ margin-top:90px;}


#header_box{
    height: 120px;
    background:rgba(255,255,255,1);
    clear:both;position:fixed;left:0;top:0;width:100%;-moz-box-shadow:0 0px 10px rgb(0 0 0 / 10%);-webkit-box-shadow:0 0px 10px rgb(0 0 0 / 10%);box-shadow:0 0px 10px rgb(0 0 0 / 10%);}
.header{width:1300px; margin:0 auto; clear:both; position:relative;}
.header .logo img{ width:auto; height:90px; overflow:hidden; }
.search_box{ width:38px; height:38px; border-radius:6px; background:#eee; display:block; text-align:center; line-height:38px; font-size:22px; margin-right:40px; cursor:pointer; position:relative; z-index:101}
#search-form {-moz-transition: max-width, 0.5s; -o-transition: max-width, 0.5s; -webkit-transition: max-width, 0.5s; transition: max-width, 0.5s; position: absolute; top:25px; right:216px; width:100%; max-width: 0; overflow: hidden; background-color: #e5e5e5; border-radius:6px; z-index:101}
#search-form.open { height:38px; max-width:260px;}
#search-form fieldset {position: relative; margin: 0 50px 0 0; padding: 0; border: none;}
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height:38px;}
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 16px; background: transparent; border: none;}
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 38px; margin: 0; padding: 0; text-transform: uppercase; background: #eee; border: none; cursor: pointer; font-size:22px; border-radius:6px;}

.headers-box{display:block;position:fixed;top:0px;left: 0px;width: 100%;height: 120px;z-index: 10;}
.header-box-black{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6), transparent);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.6),transparent);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), transparent);
    z-index: 10;
    border-bottom: 0px !important;
}
.header-box-black #ftop {
    color:#fff
}
.header-box-black #ftop a{
    color:#fff
}
#menu01{ display:inline-block; margin-left:40px; height:90px; line-height:90px;}
#menu01 li{ display:inline-block; float:left; width:100px; text-align:center; font-size:15px; margin-left:10px;}
#menu01 li a{ color:#fff; width:100px; white-space:nowrap; overflow:hidden; display:block;}
#menu01 li.cur a{ color:#a7a25a;}
.header .tNav {
    float: right;
    height: 90px;
    line-height: 90px;
    width: auto;
    position: relative;
    right: 0px;
    top: 0px;
    margin-right: 50px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    margin:0 auto;
}
.header .slidBox {
	display:none;
}





.header .iconJt {
	position:absolute;
	top:0;
	right:2%;
	display:flex;
	width:46px;
	height:46px;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-size:0.875rem;
	transition:all .5s ease;
}
.header .iconJtRotate {
	transform:rotate(-180deg);
}
.header .navSliBtn {
	height:40px;
	width:100%;
	text-align:center;
}
.header .hs {
	height:100%;
}
.header .navSbox {
	padding-bottom:30px;
}
.header .navSli {
	height:38px;
	line-height:38px;
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    flex: 0 0 50%;
    padding: 0px!important;
}
.header .navSlink {
	display:block;
	color:#fff;
    display: block;
    font-size: 15px;
    line-height: 45px;
    color: #666;
    transition-duration: .3s;
    padding: 0px 15px;
    margin: 10px 10px 0 0;
    border: 1px #efefef solid;
    border-radius: 8px 0px 8px 0px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.header .navSbox .navSlink:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 4px;
    height: 4px;
    background: #01b1ed;
    position: relative;
    top: 20px;
}
.header .navUl {
	width:100%;
	display:flex;
	justify-content:flex-end;
	font-size:0;
}
.header .navLi {
	padding:0 1.6vw;
	display:inline-block;
    float: left;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    cursor: pointer;
}
.header .navLi.nav09 {
	display:none;
}
.header .navLi:hover .tNavH::before {
	width:100%;
	opacity:1;
}
.header .tNavH {
	position:relative;
}
.header .tNavH::before {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	display:block;
	width:0;
	height:2px;
	background-color:#01afec;
	opacity:0;
	transition:all .5s ease;
}
.header .tNav .navName {
	position:relative;
	display:block;
	height:90px;
	line-height:90px;
	font-size:16px;
	color:#333;
	transition:all .5s ease;
}
.header .tNav.fixed .navName {
	color:#515151;
	padding:1.5rem 0.25vw;
}
.header .navName::after {
	content:attr(data-title);
	position:absolute;
	top:0;
	left:0;
	transform:translateY(100%);
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#222;
}
.header .navLi:hover .navName {
	transform:translateY(-100%);
}
.header .slidBox {
    position: fixed;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    z-index: 110;
    margin: 0 auto;
    padding: 0 18%;
    transition: all .5s ease;
    opacity: 0;
    box-shadow: 0px 4px 6px 0 rgb(0 0 0 / 5%);
}
.header .navLi:hover .slidBox {
	height:auto;
	opacity:1;
	background-image:url(../images/bjt002.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	border-top:1px #efefef solid;
}
.header .leftBox {
	flex:0 0 45%;
	overflow:hidden;
	max-width:446px;
	margin:40px 0px;
}
.header .img100 {
	display:block;
	width:100%;
}
.header .right_img .img100 {
	transition-duration:.5s;
}
.header .right_img:hover .img100 {
	transform:scale(1.1);
}
.header .rightBox {
	flex:0 0 55%;
	margin:36px 0px;
}
.header .left_text .onetitle {
	font-size:18px;
	line-height:1.1;
	color:#333;
	padding-bottom:20px;
	padding-top:20px;
	font-weight:bold;
	text-align:left;
}
.header .navSbox {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.header .navSbox .navSlink:hover {
	color:#01b1ed;
	transform:translateX(6px);
	border:1px #01b1ed solid;
	border-radius:8px 0px 8px 0px;
}
.header .navSbox .navSlink:hover:before {
	color:#01b1ed;
}
.header .navSbox .navSlink:before {
	content:"";
	display:inline-block;
	vertical-align:top;
	margin-right:6px;
	width:4px;
	height:4px;
	background:#01b1ed;
	position:relative;
	top:20px;
}
.header .navSlink::after {
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:3px;
	opacity:0;
	background-color:#015bbb;
	transition:all .5s ease;
	display:none;
}
.header .navSli:hover .navImg {
	transform:translateX(-50%) scale(1.1);
}
.header .navSli:hover .navSlink::after {
	width:100%;
	opacity:1;
}
.Banner-A1 .swiper-slide {
	position:relative;
	width:100%;
	height:100vh;
}
.Banner-A1 .listBox {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.Banner-A1 .bannerPicBox {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	min-width:1920px;
	transition:1s 2.5s;
	transform:perspective(1000px) translate3d(-50%,-50%,100px);
}
.Banner-A1 .swiper-slide-active .bannerPicBox {
	transition:5s 0s;
	transform:perspective(1000px) translate3d(-50%,-50%,0);
}
.Banner-A1 .bannerPic {
	width:100%;
	height:100%;
}
.Banner-A1 .banner-switch {
	position:absolute;
	top:50%;
	right:80px;
	transform:translateY(-50%);
	z-index:999;
	color:#fff;
}
.Banner-A1 .bannerBtn {
	display:inline-block;
	/* vertical-align:middle; */
	/* margin:0 0.5rem; */
	font-size:16px;
	cursor:pointer;
	transition:0.5s;
}
.Banner-A1 .bannerJt {
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px;
}
.Banner-A1 .swiper-button-next,.Banner-A1 .swiper-button-prev{
	background-image: none;
	width: 59px;
	height: auto;
}
.Banner-A1 .bannerJtPre {
	background:url(../images/rbqbhvy9bckebi06aaaaahplhcg519.png) no-repeat;
	background-size:contain;
	background-position:center;
}
.Banner-A1 .bannerJtNext {
	background:url(../images/rbqbhvy9bgeedi7vaaaaapziczc864.png) no-repeat;
	background-size:contain;
	background-position:center;
}
.Banner-A1 .swiper-button-next {
    margin-top: 0;
}

.Banner-A1 .swiper-button-prev {
    left: auto;
    right: 10px;
    opacity: 1;
    margin-top: -30px;
}
.Banner-A1 .swiper-button-disabled {
	opacity:0.4;
}
.Banner-A1 .banner-text:before {
	content:'';
	position:absolute;
	width:300px;
	height:400px;
	display:none;
	border:10px solid rgba(255,255,255,0.2);
	top:4.5rem;
	margin-top:-200px;
	left:-6rem;
	transition-delay:2s;
	transition-duration:2s;
	transform:translate3d(-80px,0,0);
	opacity:0;
}
.Banner-A1 .swiper-slide.swiper-slide-active .banner-text:before {
	transition-delay:1.3s;
	transform:translate3d(0px,0,0);
	opacity:1;
}
.Banner-A1 .swiper-slide.swiper-slide-active .banner-text *:nth-child(1) {
	transition-delay:0.5s;
}
.Banner-A1 .swiper-slide.swiper-slide-active .banner-text *:nth-child(2) {
	transition-delay:0.7s;
}
.Banner-A1 .swiper-slide.swiper-slide-active .banner-text *:nth-child(3) {
	transition-delay:0.9s;
}
.Banner-A1 .banner-text * {
	transition-delay:transform 2s,opacity 0s;
	transition-duration:2s;
	transform:translate3d(0,80px,0);
	opacity:0;
}
.Banner-A1 .swiper-slide.swiper-slide-active .banner-text * {
	transform:translate3d(0,0px,0);
	opacity:1;
}
.Banner-A1 .banner-text {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:999;
}
/*page2 动画*/
.page2 .fl{transition:1s; transform: translateX(-2000px);}
.page2.active .fl{transform:translateX(0px);}
.page2 .fr{transition:1s; transform: translateX(2000px);}
.page2.active .fr{transform:translateX(0px);}
/*关于我们*/
.about_box{color: #333;height:auto;display:inline-block;}
.about_tt{clear:both;overflow:hidden;display: flex;}
.about_tt h2{font-weight:normal;font-size:38px;float:left;display:block;margin-top: 39px;letter-spacing:1px;font-weight: bold;color: #01afec;}
.about_tt h3{font-size: 71px;color: #33333330;display:inline-block;float:left;margin-left: -150px;font-family:Arial;letter-spacing: -8px;}
.about_tt h2::after{width:50px;height:5px;background: #01afec;display:block;content:"";margin-top:26px;margin-left:2px;}
.about_name{ font-size:22px; clear:both; overflow:hidden; height:44px; line-height:44px; background:#a7a25a; width:auto; display:inline-block; padding:0 20px; letter-spacing:1px; transform:translate(0,0); transition:all .4s ease-in 0s;}
.about_name:hover{ letter-spacing:5px;}
.about_item{position:absolute;left:23px;top:130px;width:550px;height:426px;display:block;padding-left:45px;background:url(../images/fd_01.png) left top no-repeat;overflow:hidden;}
.about_item h2{ font-size:24px; height:88px; line-height:88px; overflow:hidden;}
.about_item .txt{font-size:15px;line-height:30px;overflow:hidden;clear:both;}
.in_about_more {width: 205px;height:36px;line-height:36px;border: 1px solid #01afec;text-align:center;transform:translate(0,0);transition:all .4s ease-in 0s;}
.in_about_more a{font-size:14px;color: #01afec;text-transform:uppercase;display:block;transform:translate(0,0);transition:all .3s ease-in 0s;letter-spacing:1px;}
.in_about_more:hover{ background:#a7a25a;}
.in_about_more:hover a{color:#fff}
.in_about_pic{ background:url(../images/abou_pic.png) left top no-repeat; width:540px; height:340px; overflow:hidden; padding-left:30px; padding-top:30px;}
.in_about_pic img{ width:540px; height:340px; overflow:hidden;}

/*page3 动画*/
.fp-section.page3.fp-table.active {
    background-position: top right !IMPORTANT;
    background-size: 40% 100% !IMPORTANT;
    background-repeat: no-repeat;
}
.page3 .about_box{transition:1s; transform: translateX(-9999px);}
.page3.active .about_box{transform:translateX(0px);}
.page3 .about_box .about_item{transition:1.5s; transform: translateX(-9999px);}
.page3.active .about_box .about_item{transform:translateX(0px);}
.page3 .in_about_pic{transition:1.3s; transform: translateX(9999px);}
.page3.active .in_about_pic{transform:translateX(0px);}

/*项目展示*/
.pro_box{ height:auto; overflow:hidden; color:#FFF;}
.pro_tt{ clear:both; overflow:hidden;}
.pro_tt h2{ font-weight:normal; font-size:38px; float:right; display:block; margin-top:24px; letter-spacing:1px;}
.pro_tt h3{ font-size:120px; color:rgba(255,255,255,.1); display:inline-block; text-transform:uppercase; float:right; margin-right:-66px; font-family:Arial;}
.pro_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; right:0;}

.pro_list{clear:both;position:relative;float: right;background: #fff;width: 75%;}
.pro_list ul{overflow:hidden;height: 600px;}
.pro_list li{width: 30%;height: 280px;background:rgba(255,255,255,.2);float:left;display:inline-block;margin: 0 5px;padding:10px;transform:translate(0,0);position: relative;transition:all .3s ease-in 0s;}
.pro_pic{overflow:hidden;position: relative;padding-bottom: 88%;}
.pro_pic img{width: 100%;height: 215px;overflow:hidden;transform:translate(0,0);transition:all .3s ease-in 0s;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all .5s ease;}
.pro_list li p{width: 100%;overflow:hidden;height:50px;line-height:50px;color: #333;font-size:18px;text-align:center;background: #fafafa;}

.pro_list li .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}

.pro_list li a.showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 53%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
}
.pro_list li .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.pro_list li .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}
.pro_list li:hover .showBox {
	opacity:1;
}
.pro_list li:hover .showBoxLink::after,.pro_list li:hover .showBoxLink::before {
 width: 40%;
}
.pro_list .prev,.pro_list .next{width:30px; height:56px; position:absolute; top:127px; cursor:pointer;}
.pro_list .prev{left:-66px;background:url(../images/btn_left.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .next{right:-78px; background:url(../images/btn_right.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .prev:hover,.pro_list .next:hover{opacity:1}
.pro_more {width:170px; height:46px; line-height:46px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:60px auto 0; }
.pro_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.pro_more:hover{ background:#a7a25a;}
.pro_more:hover a{color:#fff;}
.page2 .new_box{transition:1s; transform: translateX(-9999px);}
.page2.active .new_box{transform:translateX(0px);}
.page2 .pro_list{transition:1.5s; transform: translateX(9999px);}
.page2.active .pro_list{transform:translateX(0px);}

/*page4 动画*/
.page4 .new_box{transition:1s; transform: translateY(-9999px);}
.page4.active .new_box{transform:translateY(0px);}
.page4 .new_list{transition:1.5s; transform: translateY(9999px);}
.page4.active .new_list{transform:translateY(0px);}
.page4 .new_more{transition:1.8s; transform: translateY(9999px);}
.page4.active .new_more{transform:translateY(0px);}

.new_box{height:auto;color:#FFF;}
.new_tt{clear:both;text-align:center;margin-bottom: 43px;}
.new_tt h2{font-weight:normal;font-size:38px;display:block;margin-top:24px;font-weight: bold;letter-spacing:1px;color: #01afec;}
.new_tt h3{font-size: 47px;color: rgb(255 255 255 / 38%);text-transform:uppercase;font-family:Arial;margin-top: -63px;}
.new_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; left:585px;}
.pro_box .new_box{margin-top: 1%;width: 21%;}
.pro_box {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.pro_type a {
    display: block;
    padding: 12px;
    background: #Fff;
    text-align: center;
    margin: 11px;
    border-radius: 5px;
    font-size: 15px;
}
.new_list .p_news_l{
    width: 58%;
    float: left;
}
.new_list .p_news_r{
    width: 41%;
    float: right;
    background:#fff;
    padding:20px;
    box-sizing: border-box;
}
.new_list .p_news_l .news-col{
    width: 49%;
    padding:20px;
    float: left;
    background: #fff;
    box-sizing: border-box;
    margin-right: 1%;
}
.new_list .p_news_l .box {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	transition:all .5s ease;
}
.new_list .p_news_l .pic_box {
	width:100%;
	height:0px;
	position:relative;
	padding-bottom:60%;
}
.new_list .p_news_l .t1 {
	position:absolute;
	width:100px;
	height:32px;
	line-height:32px;
	background:rgba(50,190,239,0.9);
	text-align:center;
	top:0;
	left:0;
	display:block;
	z-index:99;
	color:#fff;
}
.new_list .p_news_l .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.new_list .p_news_l .content {
	width:100% !important;
	height:auto;
	padding:26px 24px;
	background:#fff;
	box-sizing: border-box;
}
.new_list .p_news_l .title {
	height:40px;
	line-height:40px;
	font-weight:bold;
	color:#333;
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}
.new_list .p_news_l .sunmry {
	font-size: 14px;
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	line-height:2em;
	color:#999;
}
.new_list .p_news_l .time {
	color:#999;
}
.new_list .p_news_l .p_FLine {
	border-top-color:#666;
	border-top-width:1px;
	border-top-style:solid;
	margin:10px 0;
	width:5%;
	transition:all .5s ease;
}
.p_news_r .new-list {
	border-bottom: 1px dashed #ccc;
	padding: 6px 0;
}
.p_news_r .new-list .top {
	position:relative;
	padding: 6px 0;
	overflow:hidden;
}
.p_news_r .new-list .title {
	width:100%;
	color:#333;
	margin-bottom: 5px;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:10 !important;
	-webkit-box-orient:vertical;
}
.p_news_r .new-list .time {
	position:relative;
	top:50%;
	width:100%;
	transform:translateY(-50%);
	right:0px;
	font-size: 14px;
	color:#a6a6a6;
}
.p_news_r .new-list .newMs {
	overflow:hidden;
	-webkit-line-clamp:2px;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	width:100%;
	font-size: 14px;
	color: #6e6e6e;
	line-height:1.8;
}
.new_more {width:170px; height:46px; line-height:46px; background:rgba(0,0,0,.2); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:50px auto 0; }
.new_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.new_more:hover{ background:rgba(0,0,0,.6);}
.new_more:hover a{color:#fff;}


/*page5 动画*/
.page5 .new_box{transition:1s; transform: translateY(-9999px);}
.page5.active .new_box{transform:translateY(0px);}
.page5 .swiper-container{transition:1.5s; transform: translateY(9999px);}
.page5.active .swiper-container{transform:translateY(0px);}
.page5 .swiper-button-prev{transition:2s; transform: translateX(-2000px);}
.page5.active .swiper-button-prev{transform:translateX(0px);}
.page5 .swiper-button-next{transition:2s; transform: translateX(2000px);}
.page5.active .swiper-button-next{transform:translateX(0px);}
.page5 .pro_more{transition:1.8s; transform: translateY(9999px);}
.page5.active .pro_more{transform:translateY(0px);}

/*成功案例*/
#certify{position: relative;margin-top: 29px;}
#certify .swiper-container { padding-top:50px; height:420px; overflow:hidden;}
#certify  .swiper-slide {width: 520px; height: 420px; background:#fff;	box-shadow: 0 8px 30px rgba(0,0,0,.24);}
#certify  .swiper-slide img{width: 520px; height: 340px; overflow:hidden;}
#certify  .swiper-slide p {line-height:74px; padding-top: 0; text-align: center; color: #444; font-size:18px; white-space:nowrap; overflow:hidden; cursor:move}
#certify .swiper-button-prev {left:-30px; top:52%; width:45px; height:45px; background: url(../images/wm_button_icon.png) no-repeat; background-size: 100%; opacity:.4}
#certify .swiper-button-prev:hover { opacity:1}
#certify .swiper-button-next {right: -30px; top:52%; width: 45px; height: 45px;	background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; opacity:.4}
#certify .swiper-button-next:hover { opacity:1}


/*page6 动画*/
.page6 .new_box{transition:1s; transform: translateY(-9999px);}
.page6.active .new_box{transform:translateY(0px);}
.page6 .i_contact_ul{transition:1.3s; transform: translateY(9999px);}
.page6.active .i_contact_ul{transform:translateY(0px);}
.page6 #in_copy{transition:1.5s; transform: translateY(9999px);}
.page6.active #in_copy{transform:translateY(0px);}
.page6 .contack_bg{transition:1s; transform: translateX(9999px);}
.page6.active .contack_bg{transform:translateX(0px);} 
.page6 .contact-con{transition:1s; transform: translateX(9999px);}
.page6.active .contact-con{transform:translateX(0px);} 

.i_contact_ul{overflow:hidden; clear:both; margin:120px 0 80px 0;}
.i_contact_ul ul{ width:1220px;}
.i_contact_ul ul li{ float:left; width:285px; height:145px; padding:6px 0; background:rgba(255,255,255,.1); text-align:center; margin:0px 10px 0 10px; line-height:18px; font-size:14px; color:#fff; cursor:pointer;}
.i_contact_ul ul li a{ cursor:pointer; transform:translate(0,0); transition:all .3s ease-in 0s; display:block;}
.i_contact_ul ul li:hover{background:#a7a25a;}
.i_contact_ul ul li:hover a{ margin-top:-4px; display:block;}
.i_contact_ul ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:30px; margin-bottom:25px;}
.i_contact_ul ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}

/*copy*/
#in_copy{position:absolute;bottom: 20%;left:0;width:100%;/* background:rgba(255,255,255,.1); */line-height:58px;color:#FFF;clear:both;overflow:hidden;font-size:12px;}
#in_copy a{color:#FFF;font-size: 16px;}
#in_copy a:hover{ color:#a7a25a; text-decoration:underline;}


/*右侧悬浮客服*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1);}
.toolbar{position:fixed; right:3px; bottom:38%; z-index:1000;}
.toolbar a{ outline:none; cursor:pointer;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -372px;}
.toolbar-item-weixin:hover{background-position:0 -434px;}
.toolbar-item-kefu{background-position:0 -124px;}
.toolbar-item-kefu:hover{background-position:0 -186px;}
.toolbar-item-top{background-position:0 -248px;}
.toolbar-item-top:hover{background-position:0 -310px;}
.toolbar-item-phone{background-position:0 0px;}
.toolbar-item-phone:hover{background-position:0 -62px;}
.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer1{background:#FFF; padding:20px 0; width:260px; text-align:center; overflow:hidden; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.foot_tel_icon01{ clear:both; overflow:hidden; display:block; height:30px; font-size:16px; line-height:30px; color:#444;}
.foot_telphone01{ font-size:30px; font-family:Impact; color:#a7a25a; margin-top:4px;}



/*page*/
#page_box{ background:#fbfbfb; clear:both; overflow:hidden; padding-bottom:30px;}
#page_top{ width:100%; height:90px; border-bottom:#ddd solid 1px; clear:both; overflow:hidden; padding-top:10px;}
.zy_top{ height:90px; line-height:90px; overflow:hidden; clear:both;}
.zy_top_left{ overflow:hidden;}
.zy_top_left span.en{color:#a7a25a; text-transform:uppercase; font-size:44px; font-family:Arial; font-weight:bold; float:left; overflow:hidden; white-space:nowrap;}
.zy_top_left span.cn{color:#444; text-transform:uppercase; font-size:32px; font-weight:600; float:left; margin-top:-4px; overflow:hidden; white-space:nowrap;}
.zy_top_left em{ font-family:Georgia; font-size:38px;color:#ff9c01; font-weight:bold; margin:0 12px; float:left; margin-top:-3px;}
.weizhi{ height:36px; line-height:36px; overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi a{ color:#555;}
.weizhi a:hover{ color:#a7a25a; text-decoration:underline;}
.weizhi01{ overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi01 em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi01 a{ color:#555;}
.weizhi01 a:hover{ color:#a7a25a; text-decoration:underline;}
.page_nav{ clear:both; overflow:hidden; text-align:right; line-height:0; margin-top:5px;}
.page_nav li{ display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; background:#555; border:1px solid #444; margin-left:10px;}
.page_nav li a{ color:#FFF; font-size:14px; display:block;}
.page_nav li:hover{ background:#a7a25a; border:1px solid #a7a25a;}
.page_nav li.on{ background:#a7a25a; border:1px solid #a7a25a;}

.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}
.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}
.con_title{ font-size:36px; color:#333; font-weight:bold; line-height:56px;}
.con_auth{ clear:both; height:34px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px;}
/**/
#in_bg04{background-color: #333 !important;width:100%;overflow:hidden;clear:both;padding: 42px 0 10px 0;position:relative;}
#in_bg04 #in_copy{
    position: unset;
    left: unset;
    bottom: unset;
}
#in_bg04 .i_contact_ul ul li a {
    display: flex;
    align-items: center;
}

#in_bg04 .i_contact_ul ul li {
    height: 92px;
}

#in_bg04 .i_contact_ul {
    margin: 60px 0 34px 0;
}
/*新闻动态*/
.list_pic{ width:200px; height:130px; overflow:hidden;}
.list_pic img{width:200px; height:130px; overflow:hidden;transform:translate(0,0); transition:all .4s ease-in 0s;}
.news_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.list_con{ width:946px; height:130px; overflow:hidden;}
.new_list{ clear:both; overflow:hidden;}
.news_list li{ padding:20px 20px 20px 20px; height:130px; margin:8px; overflow:hidden;}
.news_list li:hover{ -moz-box-shadow:0px 0px 8px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.13); box-shadow:0px 0px 8px rgba(0,0,0,.13);}
.list_con_xx{ clear:both; overflow:hidden; font-size:14px; height:56px; line-height:28px; color:#787878; margin-top:6px;}
.list_con_au{ height:38px; line-height:38px; overflow:hidden; font-size:13px; color:#999;}
.list_con_au span{ margin-right:25px;}
.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}
.box_con_title{ height:32px; line-height:32px; overflow:hidden;}
.box_con_title a{font-size:17px; vertical-align: middle; color:#444;}
.box_con_title a:hover{color:#a7a25a;}
.news_list li:hover .list_con_au{ color:#a7a25a;}
.news_list li:hover .list_con_au span i{ color:#a7a25a;}

/*翻页*/
#page{margin:50px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{display: flex;margin:0 auto;overflow:hidden;align-items: center;justify-content: center;}
#page .scott span,#page .scott a:hover{ background:#a7a25a; border:1px solid #a7a25a; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px;height: 30px;line-height: 30px;background-color:#fff;border:1px solid #ccc;margin:5px 3px;display:inline;float:left;color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:13px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#a7a25a;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*在线留言*/
.message_kk{ width:380px; height:48px; line-height:48px; background:rgba(102,102,102,.6); margin:10px 0px 20px 20px; color:#fff; font-size:14px; overflow:hidden;}
.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}
.message_input{ float:left; display:inline; width:235px;}
.message_input input{ width:235px; height:48px; border:0 none; color:#fff; background:none; }
.message_icon{ width:50px; height:48px; line-height:48px; overflow:hidden; float:right; display:inline; text-align:center;}
.message_icon em.name_icon{ font-size:30px; display:inline-block; margin-top:2px;}
.message_icon em.tel_icon{ font-size:24px; display:inline-block; margin-top:2px;}
.message_icon em.mail_icon{ font-size:26px; display:inline-block; margin-top:2px;}
.message_kk1{ width:1180px; height:220px; line-height:48px; background:rgba(102,102,102,.6); color:#fff; font-size:14px; clear:both; overflow:hidden; margin:0 20px;}
.message_textarea{ float:left; display:inline; width:1020px;}
.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#fff; font-size:14px; font-family:"微软雅黑"; resize:none;}
.message_btn{ background:rgba(102,102,102,.6); color:#fff; width:150px; height:42px; font-size:15px; border:none; outline:none; cursor:pointer; margin:0 25px;}
.message_btn:hover{ background:#a7a25a; color:#FFF;}
.message_Tis{ color:#bdbdbd; height:52px; line-height:52px; font-size:14px;}


/*案例分类*/
.page_menu{ clear:both; overflow:hidden;}
.page_menu li{height:40px; width:140px; background:#FFF; overflow:hidden; float:left; display:inline-block; text-align:center; margin:6px 6px; }
.page_menu li a{ color:#666; display:block; font-size:14px; overflow:hidden; white-space:nowrap; border:#ddd solid 1px; height:38px; width:138px; line-height:38px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.page_menu li a:hover{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}
.page_menu li.on a{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}
/*成功案例*/
.case_list{ clear:both; overflow:hidden;}
.case_list ul{ width:1250px;}
.case_list li{ width:370px; height:318px; float:left; display:inline-block; overflow:hidden; background:#FFF; position:relative; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.08); box-shadow:0px 0px 8px rgba(0,0,0,.08); margin:26px 40px 20px 6px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.case_pic{width:370px; height:252px; overflow:hidden;}
.case_pic img{display: block;height:252px;margin: 0 auto;overflow:hidden;transform:translate(0,0);transition:all .4s ease-in 0s;}
.case_pic a{ display:block;}
.case_list li .case_name{ position:absolute; left:0; bottom:0px; width:370px; height:50px; padding:2px 0 8px 0;}
.case_list li p{ text-align:center; font-size:14px; color:#787878; white-space:nowrap; overflow:hidden;}
.case_list li p em{ font-size:17px; font-style:normal; height:50px; line-height:50px; color:#444; }
.case_list li:hover{-moz-box-shadow:0px 0px 8px rgba(0,0,0,.24); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.24); box-shadow:0px 0px 8px rgba(0,0,0,.24);}
.case_list li:hover .case_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

/*网站地图*/
.sitemap{ clear:both; overflow:hidden; padding-bottom:20px;}
.sitemap dl{ padding:14px 10px; width:1200px; border-bottom:#ddd dashed 1px;}
.sitemap dl dt{ height:58px; line-height:58px; clear:both; overflow:hidden;}
.sitemap dl dt a{ font-size:22px; font-weight: bold; color:#333;}
.sitemap dl dt a:hover{ color:#a7a25a;}
.sitemap dl dd a{font-size:16px; color:#555; margin-right:30px; height:34px; line-height:34px; overflow:hidden;}
.sitemap dl dd a:hover{ text-decoration:underline; color:#a7a25a;}




.business {
    margin-top: 6%;
    display: flex;
    flex-wrap: wrap;
}

.business a {
    display: block;
    padding: 10px 20px;
    background: rgb(255 255 255 / 80%);
    margin: 5px;
}

.fb_nav ul {
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
}

.fb_nav ul li {}

.copyright {
    text-align: center;
    line-height: 2.2;
    font-size: 15px;
    margin-top: 2%;
}

.fb_nav {
    background: rgb(255 255 255 / 30%);
}



div#fbooter .fp-tableCell {
    vertical-align: inherit;
    padding-top: 10%;
    display: block;
}


#ftop{
    width: 1300px;
    margin:5px auto;
    display: flex;
    justify-content: space-between;
}
.webinfo{
    margin:10px auto;
    line-height: 25px;
    font-size: 15px;
}

.map .map_item {
    margin-bottom:10px;
  }
  .map .map_item span {
    line-height:30px;
    font-size:16px;
  }
  .map .map_item ul {
    display:flex;
    flex-wrap: wrap;
  }
  .map .map_item ul li {
    padding: 10px;
    width: unset !important;
    margin: 0 !important;
  }
  .map a{
    color:#333
  }
  .map .map_item ul li a {
    height: unset !important;
    width: unset !important;
  }
  .tagg b {
    font-size: 17px;
}


.newsrel_list ul {
    display: flex;
    flex-wrap: wrap;
}

.newsrel_list ul li {
    display: block;
    width: 48%;
    margin: 1%;
    padding: 10px 0;
    display: flex;
    border-bottom: 1px dashed #d5d5d5;
    justify-content: space-between;
}

.newsrel_list ul li a {
    font-size: 16px;
}

.fp-section.page4 .new_tt h3 {
    color: rgb(207 207 207 / 54%);
}
.contact-box {}

.contact-box .new_box {
    width: 31%;
    float: left;
}

.contact-box {
    margin-top: 30px;
}

.contact-box .new_box .new_tt {
    text-align: left;
}

.cont_phone p {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: unset;
}

.cont_phone {
    font-weight: bold;
    font-size: 38px;
    font-family: arial,helvetica,sans-serif;
    margin-top: 81px;
}

.contact-box .new_box .new_tt h2 {
    font-size: 48px;
    font-weight: unset;
}
.contact-box .new_box .new_tt h2:after{
    content:none
}
.contact-box .new_box .new_tt h3 {
    font-size: 53px;
    margin-top: -85px;
}


.contact-box .contact-con .reset_style .e_image {
    width: 120px;
    margin: 0px auto 15px;
}
.contact-box .contact-con{
    width: 62%;
    border:5px solid rgba(0, 161, 234, 1);
    float: right;
    padding: 58px 0;
    box-sizing: border-box;
}
.contact-box .contact-con .reset_style{
    width: 46%;
    float: left;
}
.contact-box .contact-con .ermaname{
    text-align: center;
    font-family:微软雅黑;
    color:#FFFFFF;
    font-size:16px
}
.contact-box .contact-con .conatct-des{
    width: 54%;
    float: right;
}
.contact-box .contact-con .conatct-des h5{
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 25px;
}
.contact-box .contact-con .conatct-des p{
    line-height: 2;
    font-size:16px;
    color:#222222;
    font-family:微软雅黑;
}
.contack_bg {
    width: 39%;
    height: 100%;
    background: #ffffff73;
    position: absolute;
    top: 0;
    right: 0;
}