@charset "utf-8";/***公共样式****/body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none;}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#000000;font-family:'HarmonyOS_Sans_SC_Light','Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif;font-size:16px; }

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color:#fe4101;}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select {outline:none;resize:none;font-family:"HarmonyOS_Sans_SC_Light","exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}


/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

@font-face {
font-family: 'Aleo';
src: url('../fonts/Aleo-Light.eot'); 
src: url('../fonts/Aleo-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Aleo-Light.woff') format('woff'), 
url('../fonts/Aleo-Light.ttf') format('truetype'),
url('../fonts/Aleo-Light.svg#Aleo-Light') format('svg'); 
}

@font-face {
font-family: 'Normographe';
src: url('../fonts/Normographe-Tryout.eot'); 
src: url('../fonts/Normographe-Tryout.eot?#iefix') format('embedded-opentype'),
url('../fonts/Normographe-Tryout.woff') format('woff'), 
url('../fonts/Normographe-Tryout.ttf') format('truetype'),
url('../fonts/Normographe-Tryout.svg#Normographe-Tryout') format('svg'); 
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Regular';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
}
@font-face {
    font-family:'HarmonyOS_Sans_SC_Light';
    src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Bold';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
}

@font-face {
    font-family:'HarmonyOS_Sans_SC_Medium';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
}






::-moz-scrollbar { width: 5px; height: 5px; background-color: #fe4101; }
/*定义滚动条轨道 内阴影+圆角*/
::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
/*定义滑块 内阴影+圆角*/
::-moz-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }
::-ms-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; }
/*定义滚动条轨道 内阴影+圆角*/
::-ms-scrollbar-track { border-radius: 0px; background: #000; }
/*定义滑块 内阴影+圆角*/
::-ms-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }
::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ccc; }
/*定义滚动条轨道 内阴影+圆
角*/ ::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #fe4101; }


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}
.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}


.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.animated {
	-webkit-animation-duration:0.7s;
	animation-duration:0.7s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@-webkit-keyframes fadeInUp{
	0% {
	opacity:0;	
	-webkit-transform:translateY(20%);
	transform:translateY(20%);
	visibility:visible;
	}
	100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
	}
}
@keyframes fadeInUp{
	0% {
	opacity:0;
	-webkit-transform:translateY(20%);
	transform:translateY(20%);
	visibility:visible;
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	  }
}

@-webkit-keyframes fadeIn{
	0% {
	opacity:0;	
	}
	100% {
	opacity:1;
	}
}
@keyframes fadeIn{
	0% {
	opacity:0;
	}
	100% {
		opacity:1;
	  }
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;transform:none}
}
@keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}


.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn;}




.fangdapic{ overflow:hidden; position:relative}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.wapbanner{display: none; position: relative; }
.wapbanner img{width: 100%}
.wapbanner .swiper-pagination{bottom:10px; text-align: center;width: 100%; z-index: 8}
.wapbanner .swiper-pagination-bullet{ width:20px;height:2px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}

.wapbanner .swiper-pagination-bullet-active{background: #fe4101;}


.banner {position:relative;z-index:1; height: 100vh;}
.bannerfiex {position:fixed;z-index:-1;top:0;left:0;width:100%;}
.ban_box {position:relative;}
#zhulu_ban {position:relative;opacity:0;width:100%;overflow:hidden;}
#zhulu_ban ul {position:relative;z-index:3;width:100%;height:100%;}
#zhulu_ban ul li .intro {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
#zhulu_ban ul li {position:absolute;width:100%;height:100%;z-index:1;}
#zhulu_ban ul li.on {opacity:1;}
.zhulu_bandot {position:absolute;z-index:8;bottom:20px;text-align:center;width:100%; left:0px;}
.zhulu_bandot span {display:inline-block;width:50px;height:2px;margin-right: 5px;cursor:pointer;position:relative;}
.zhulu_bandot span:before {content:"";display:block;position:absolute;height:2px;width:100%;top:0%;background:#999;}
.zhulu_bandot span em {display:block;position:absolute;height:2px;width:0%;top:0%;background:#fe4101;}
.zhulu_bandot span:last-child {margin-right:0;}



.mainbox{margin: 0 auto; max-width:1580px;}

.top{position:absolute; left: 0px; top: 0px; width:100%; z-index:9; padding: 30px 0px;}
.none{display: none}
.logo{width:12%;}
.topright{width:50%;  position: relative}
.nav{ /*width:80%;*/}
.nav li{}
.nav li>a{color: #fff;font-size:18px;display: block; line-height:50px;  position: relative}
.nav li>a:hover{color: #fe4101}
.nav li>a:before{width: 0px; height:4px; border-radius:4px; position:absolute ; left:50%;transform: translate(-50%,0);  bottom: 0px; content: ""; background:#fe4101;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nav li:hover>a{color: #fe4101}
.nav li:hover>a:before{width:100%}
.nav li.cur>a:before{width:100%}
.nav li.cur>a{color: #fe4101}


.navbtn{ width: 30px; cursor: pointer; position: relative; height: 10px;}
.navbtn:after{content:""; width: 76%; height: 2px; position: absolute; top: 0px; right: 0px; background: #fff;}
.navbtn:before{ content:""; height: 2px; width: 100%; position: absolute; left: 0px; bottom: 0px; background: #fff;}




.content{position: relative;z-index:2; background: #fff}



.syabout{ position:relative}

.syabout>img{width: 100%}

.syabout .data-circle{width: 100%; height: 100%; position:absolute; left: 0px; top: 0px; }
.syabout .data-circle circle{
	transform-origin: center center;
	stroke-dashoffset: 3580;
	stroke-dasharray: 3580;
	transform: rotate(30deg);
    transform-origin: center center;
}

.syaboutbox{ width:44%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%);overflow: hidden;}

.syaboutbox>img{width: 100%; height: 100%; border-radius: 100%; background:rgba(255,255,255,0.6);  }

.syabout_tit{ color: #141415; text-align: center;width:40%; max-width: 600px; margin: 0 auto}
.syabout_tit h1{text-align: center; font-size: 32px;transition: all .3s; position: relative; top: 100%}
.syabout_tit h2{font-size: 36px; margin-top: 12px; transition: all .3s; position: relative; top: 100%}
.syabout_tittop{ line-height: 1; height:80px; overflow: hidden}

.syabout_titbot{text-align: left; font-weight: 300; margin-top: 30px; height: 70px; overflow: hidden}
.syabout_titbot p{transition: all .3s; position: relative; top: 100%}

.syabout_txt{position: absolute; left:  50%; top: 50%; width:90%; top: 50%; transform: translate(-50%,-50%); }


.syabshuzi {margin-top: 5%}
.syabshuzi li{text-align: center;  width:33.33%}
.syabshuzi li:nth-child(2) span{color: #fe4101}
.syabshuzi li:nth-child(1){display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.syabshuzi li:nth-child(3){display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


.shuzi span{font-family: 'Aleo';display: block;transition: all .3s; position: relative; top: 100%}
.shuzi em{font-size: 72px;}
.shuzi i{font-size:140px; letter-spacing: -5px }

.wenzi{color: #4a4a4a; font-size: 30px;font-weight: 300; text-align: center;overflow: hidden;line-height: 1; overflow: hidden; height: 30px; margin-top: 30px;}

.shuzi{ overflow: hidden;line-height: 1; overflow: hidden; height:140px;}
.wenzi p{line-height: 30px;transition: all .3s; position: relative; top: 100%;}


.syservice{background: url("../images/sec.png") no-repeat left top #000000; background-size: 100% auto; color: #fff; padding:60px 0px; position: relative; border-bottom: 1px solid #1e1f24}
.syservice:before{content: ""; width: 30%; height: 100%; background: #fe4101; top: 0px; right: 0px; position:absolute; z-index:1}
.syservice .mainbox{position: relative; z-index: 2}

.syserleft{width: 48%; position: sticky;position: -webkit-sticky; top: 0px;}
.syserright{width: 50%}
.syserpic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.syserpic img{top:-100%; position: relative}
.syserpic.cur img{

    animation: cp-in 1s ease 1;
    -moz-animation: cp-in 1s ease 1;
    -webkit-animation: cp-in 1s ease 1;
    -o-animation: cp-in 1s ease 1;
	

}

@keyframes cp-in {
	from {opacity:0;-webkit-transform:translateY(-20%);
	transform:translateY(-20%);

	}
    to {opacity:1;-webkit-transform:translateY(0);
	transform:translateY(0);}
}
@-moz-keyframes cp-in {
	from {opacity:0;-webkit-transform:translateY(-20%);
	transform:translateY(-20%);
	}
    to {opacity:1;-webkit-transform:translateY(0);
	transform:translateY(0); }
}
@-webkit-keyframes cp-in {
	from {opacity:0;-webkit-transform:translateY(-20%);
	transform:translateY(-20%);
	}
    to {opacity:1;-webkit-transform:translateY(0);
	transform:translateY(0); }
}
@-o-keyframes cp-in {
	from {opacity:0;-webkit-transform:translateY(-20%);
	transform:translateY(-20%);
	}
    to {opacity:1;-webkit-transform:translateY(0);
	transform:translateY(0); }
}






.sysertit{margin-top: 10%;}
.sysertit h1{ font-size: 40px; position: relative; display: inline-block}
.sysertit h1:before{content: ""; width:90%; height: 2px; background: #fff; left: 120%; position: absolute; top: 50%;}


.syserhezi{height:376px; overflow: hidden}

.syserlefttxt{padding-left:10%; font-size: 18px; margin-top:100px; display: none;}
.syserlefttxt p{line-height: 1.8}
.syserlefttxt h2{font-size: 30px; margin-bottom: 20px;}
.syserlefttxt ul{margin-top: 20px;}
.syserlefttxt li{width: 50%; float: left; padding: 8px 0px;}

.syserlefttxt:first-child{display: block}

.syserright .swiper-wrapper{display: block}


.sycase{background: #000; color: #fff}

.sycasetit{text-align: right; padding: 150px 0px 50px}

.sycasetit h1{ font-size: 40px; position: relative; display: inline-block}
.sycasetit h1:before{content: ""; width:90%; height: 2px; background: #fff; right: 120%; position: absolute; top: 50%;}

.sycasetop{ border-bottom: 1px solid #1e1f24; border-top: 1px solid #1e1f24;}
.sycasetop{ position: relative}
.sycasebox a{color: #FFFFFF; display: block; text-align: center}
.sycasetxt span{font-family: 'Normographe'; color: #3f414b; font-size: 18px; text-transform: uppercase}


.sycasebox a:hover .sycasetxt span{color: #fe4101}
.sycasetxt{padding:30px 0px;}
.sycasetop .sycasetxt p{font-size: 36px; margin-bottom: 10px;}

.sycasetop .swiper-slide:nth-child(1) a{padding-right:70px; padding-top:40px; border-right: 1px solid #1e1f24;}
.sycasetop .swiper-slide:nth-child(2) a{padding-left:70px; padding-top:40px;}

.sycasebot {position: relative}
.sycasebot .swiper-slide a{padding: 40px 30px 0; border-left: 1px solid #1e1f24;}
.sycasebot .swiper-slide:nth-child(1) a{border: none}
.sycasebot .sycasetxt p{font-size: 30px;}


.sycasebox .swiper-pagination{bottom:10px; text-align: center;width: 100%; z-index: 8}
.sycasebox .swiper-pagination-bullet{ width:20px;height:2px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}

.sycasebox .swiper-pagination-bullet-active{background: #fe4101;}




.sycasebox a .case-border{position:absolute;background:none;transition:all .5s ease-in-out;z-index:100;}
.sycasebox a .case-border:nth-of-type(1){
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:6px solid #fe4101;
}
.sycasebox a .case-border:nth-of-type(2){
  top:0;
  right:0;
  width:0px;
  height:0;
  border-right:6px solid #fe4101;
}

.sycasebox a .case-border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:6px solid #fe4101;
}

.sycasebox a .case-border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:6px solid #fe4101;
}

.sycasebox a:hover .case-border:nth-of-type(1){width:100%;}
.sycasebox a:hover .case-border:nth-of-type(2){height:100%;}
.sycasebox a:hover .case-border:nth-of-type(3){width:100%;}
.sycasebox a:hover .case-border:nth-of-type(4){height:100%;}

.synews{position: relative; padding: 130px 0px 110px;}


.synews:before{content: ""; width: 30%; height:105%; background: #fe4101; top: 0px; left: 0px; position:absolute; z-index:1}


.synewsbox{position: relative; z-index: 2}


.synewstit h1{ font-size: 40px; position: relative; display: inline-block; color: #FFFFFF}
.synewstit h1:before{content: ""; width:90%; height: 2px; background: #fff; left: 120%; position: absolute; top: 50%;}

.synewsleft{width:22%;}
.synewstit{margin-bottom:60px;}
.synewsright{width:78%}

.synewsbox{padding-left: 50px; max-width:2000px; margin: 0 auto}

.qiehuan{position: relative}
.qiehuan .swiper-button-prev{width:80px; height: 80px; border-radius: 100%; border: 5px solid #ff936f; background: url("../images/leftan.png") no-repeat center center; background-size: 50% auto; position: relative; margin-top: 0px; left: auto; margin: 30px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.qiehuan .swiper-button-next{width: 80px; height: 80px; border-radius: 100%; border: 5px solid #ff936f; background: url("../images/rightan.png") no-repeat center center; background-size: 50% auto;position: relative; margin-top: 0px; right: auto; margin:30px auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.qiehuan .swiper-button-prev:hover,.qiehuan .swiper-button-next:hover{background-color:rgba(255,255,255,0.3)}

.synewsleft .swiper-pagination{ position: relative; border-bottom:4px solid #ff936f; font-family: arial; font-size: 72px;color: #ff936f}
.synewsleft .swiper-pagination:before{content:""; height: 5px; background: #fff; position: absolute; left: 0px; bottom: 0px; width: 50px;}
.synewsleft .swiper-pagination-total{}
.synewsleft .swiper-pagination-current{font-size: 120px;color: #fff; }

.synewsright .swiper-slide{position: relative; width: 400px}
.synewsrighttxt{position:absolute; background: rgba(0,0,0,0.3); color: #fff; left: 0px; bottom: 0px; width: calc(100% - 60px); padding:20px 30px; font-size: 18px;}

.synewsrighttxt span{ font-family: arial;}


.footerbj{background: url("../images/footerbj.jpg") no-repeat center center; background-size: cover; color: #fff;padding-top: 120px;}
.footerbj a{color: #fff}
.footerbj a:hover{color: #fe4101}
.footliuyan h1{font-size: 30px; font-weight: normal}
.footliuyan li input[type="text"]{height: 42px; border: 1px solid #fff; border-radius: 5px; background: none; width: calc(100% - 2px); text-indent:50px; color: #fff}

.footliuyan li{width:23%}
.footliuyan li:nth-child(3){width: 34%}

.footliuyan li:nth-child(4){width:15%}

.footliuyan li:nth-child(1) input{background: url("../images/cc01.png") no-repeat 15px center; background-size: 18px auto}
.footliuyan li:nth-child(2) input{background: url("../images/cc02.png") no-repeat 15px center; background-size: 15px auto}
.footliuyan li:nth-child(3) input{background: url("../images/cc03.png") no-repeat 15px center; background-size: 18px auto}

.footliuyan ul{padding: 40px 0px;}
.footliuyan li input[type="button"]{font-size: 18px; background:none; color: #fff; border: 1px solid #fff; border-radius: 5px; background: none; width: calc(100% - 2px);height: 44px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.footliuyan li input[type="button"]:hover{background: #fe4101;border: 1px solid #fe4101;}

.footliuyan input::-webkit-input-placeholder {color:rgba(255,255,255,0.7);  font-size: 16px;}
.footliuyan input::-moz-input-placeholder{color:rgba(255,255,255,0.7);  font-size: 16px;}
.footliuyan input::-ms-input-placeholder{color:rgba(255,255,255,0.7);  font-size: 16px;}


.footleft{width: 32%;}

.footcon{line-height: 2}

.footlogo{margin-bottom: 30px; width: 190px;}
.erwwimas{text-align: center}
.erwwimas p{margin-top: 5px;}

.footnav{width: 65%}

.footnav li{border-left: 1px solid rgba(255,255,255,0.2); width: 25%}

.footnav li p:first-child{font-size: 18px; font-weight: bold; margin-bottom:10px; padding-top: 0px;}

.footnav li p{padding: 5px 0px; display: block}


.footbot{padding: 20px 0px;border-top: 1px solid rgba(255,255,255,0.2); margin-top: 40px; font-weight: 300;font-size: 14px; color: rgba(255,255,255,0.5)}



.fudong{position: fixed; right:0px; top: 50%; z-index: 9999; display: none}
.fudong li{cursor: pointer; position: relative; width: 50px;}

.fudong li>a{background:#fc5219; width:50px; height: 50px;  overflow: hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.fudong li>a img{width: 32px;}


.fudown{min-height:50px;background:#fc5219; position: absolute; right:100%; width:200px; color: #fff; font-size: 18px; top:50%; transform: translate(0,-50%);opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; visibility: hidden}

.fudown .zuo{padding: 0px 10px 0px 10px; height: 50px}
.fudown .zuo img{max-width: 32px;}
.fudown a{color: #fff}
.fudong li:hover .fudown{right:50px; opacity: 1; visibility: visible}

.erweima p{ font-size: 14px; margin-top: 10px;}
.erweima img{width: 120px;}
.fudown.erweima{padding:10px;width: 120px; text-align: center}

.nybanner{position: relative}
.nybanner>img{width: 100%}
.nybanfd{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.nybanfd h2{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 60px; white-space:nowrap; }


.casemiaoshu{position: relative; padding-top: 60px; margin-bottom: 60px;}

.casemiaoshu:before{content: ""; width:30%; height:115%; background:url("../images/dsx.png") no-repeat 90% 90% #fe4101; background-size:30% auto; bottom:0px; left: 0px; position:absolute; z-index:1}


.casemiaoshu .mainbox{position: relative; z-index: 2}
.nycasetit{line-height: 1.2; width:20%;}
.nycasetit h1{font-size: 40px; color: #FFFFFF}
.nycasetit h2{ font-size: 40px; position: relative; display: inline-block; color: #FFFFFF}
.nycasetit h2:before{content: ""; width:90%; height: 2px; background: #fff; left: 120%; position: absolute; top: 50%;}


.nycaseright{width:65%; background: #fff}

.nycaseright li{width: calc(33.3% - 60px); float: left; padding: 0px 30px;}

.nycaseright li h3{font-size: 30px; position: relative; margin-bottom: 20px;}
.nycaseright li h3:before{content: ""; width:14px; height:14px; background:#141414; top:50%; margin-top: -7px; border-radius: 100%; left: -44px; position:absolute;}

.nycaseright li p{color: #6d6d6d; min-height: 150px;}

.nycasebiaoti{border-bottom: 1px solid #a8a8a8; padding: 25px 0px;}

.nycasebiaoti li{font-size: 20px; margin-right: 70px;}
.nycasebiaoti li:last-child{margin-right: 0px;}
.nycasebiaoti li a{color: #292929; position: relative}
.nycasebiaoti li a:before{content:""; width:0%; height: 2px; background: #fe4101; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nycasebiaoti li.cur a:before{width: 110%}
.nycasebiaoti li a:hover:before{width: 110%}

.nycasebox{padding: 60px 0px;}
.nycasebox ul{width: calc(100% + 50px); margin-left: -50px;}
.nycasebox li{width: calc(50% - 50px); float: left; margin-left: 50px; margin-bottom: 60px; border-radius: 4px; overflow: hidden; position: relative}


.nycasebox li p{color: #Fff; background: url("../images/leftan.png") no-repeat right center; background-size:30px auto; font-size: 20px; top:30px; position: absolute; width: 90%; left: 50%; transform: translate(-50%, 0);}

.nycasebox li span{color: #Fff; font-size: 20px; bottom:30px; position: absolute; left: 5%}

.caseshowdapic{margin-top:-20%; z-index: 2; position: relative}

.cseshowbopxs{ padding-top: 80px; padding-bottom: 80px;}

.casesleft{width: 380px;}

.casesleft li p{font-size: 24px; margin-bottom: 10px;}
.casesleft li span{display: block; color: #666}

.casesleft li{margin-bottom:30px;}

.casesleft li span img{max-height:32px;}
.casesleft li span a{display: inline-block}

.casesleft li span a:first-child{margin-right: 20px;}

.casesrightlogo{max-width: 200px;}

.casesright{width: calc(100% - 380px)}

.casesrighttxt{font-size: 18px; line-height: 1.8; margin-top: 30px; color: #333333}
.casesrighttxt p{padding-top: 20px;}

.yangxsi{background: #f9f9f9; padding: 100px 0px;}
.yangxsi .mainbox{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.yanseleft{width: 35%; border-right: 1px solid #e6e6e6; padding: 40px 0px;}
.yanseleft h2{margin-bottom: 20px;}
.yangxsi h2{font-size: 24px; font-weight: normal}

.yanseright{width: 50%;padding: 40px 0px;}

.yanseright li{width: 25%;}
.yanseright li p{font-weight:400; margin: 5px 0px 10px; font-family:arial}
.yanseright li span{display: block; height: 16px;}


.casedtehus {
	padding-top:52%;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	z-index:100;
	image-rendering:auto;
	image-rendering:crisp-edges
}

.casedtehus .before {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:20%;
	background:#fff;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
.casedtehus .after {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:20%;
	background:#fff;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}

.caseshowerge{margin: 80px 0;}
.caseshowbox{padding-top: 80px; padding-bottom: 80px;}
.caslf{width: 48%}
.nynewsbox{padding-top: 40px; padding-bottom: 40px;}
.nynewsboxtop li{width: calc(50% - 24px);}
.nynewsboxtop li:first-child{border-right: 1px solid #d8d8d8; padding-right: 24px;}

.newstxt h3{font-size: 14px; color: #fe4101; font-weight: normal; padding-top:15px;}
.newstxt h2{font-size: 18px; padding:10px 0;}
.newstxt p{color: #565555;line-height: 1.8}
.newstxt span{display: block; text-align: right; color: #a0a0a0; font-family: arial; margin-top: 10px;}

.nynewsboxbot{margin-top: 20px;}
.nynewsboxbot li{border-bottom: 1px solid #d8d8d8; padding: 40px 0px;}
.nynewsboxbot li:last-child{border-bottom: none}
.newsweniz{width: 63%}
.newsweniz h2{font-size: 18px; padding:10px 0;}
.newsweniz span{display: block; color: #a0a0a0; font-family: arial;}
.newsweniz p{color: #565555;line-height: 1.8; margin-top: 20px;}
.nynewsboxbot li .fangdapic{width: 31%}

.newsshowleft{width: calc(100% - 344px); margin-top: -5%; background: #fff; position: relative; z-index: 2}

.newsshowleftbox{padding: 40px;}

.biatfan h3{font-size: 16px; color: #fe4101; font-weight: normal}
.biatfan a{width: 40px;}


.newsshowtit h1{font-size: 32px; margin-top: 10px;}
.newsshowtit p{color: #5e5e5e; font-size: 14px; margin-top: 10px;}

.newsshowtit p span{margin-right: 20px;}
.newsshowtit p span:last-child{margin-right: 0}

.newshowtxtbox{padding: 20px 0px; line-height: 1.8; text-align: justify}
.newshowtxtbox img{display: inline-block}
.newshowtxtbox p{padding-top: 20px;}

.updown{margin: 50px 0px 30px;}
.updown li{width: 45%;}
.updown li a{height:80px; font-size: 20px;}
.updown li:first-child a{ background: url("../images/shang01.png") no-repeat left center;background-size:80px auto; padding-left:100px;}
.updown li:first-child a:hover{background: url("../images/shang02.png") no-repeat left center;background-size:80px auto;}
.updown li:last-child a{ background: url("../images/xia01.png") no-repeat right center;background-size:80px auto; padding-right: 100px;}
.updown li:last-child a:hover{background: url("../images/xia02.png") no-repeat right center;background-size:80px auto;}
.newsshowright{width: 300px; padding: 30px 0px;position: sticky;position: -webkit-sticky; top: 0px;}


.fenxiang p{width: 60px;}
.fenxiang span{width: calc(100% - 60px)}
.fenxiang{padding: 40px 0px;}
.fenxiang span a{width: 45px; height: 45px; border: 1px solid #e0e0e0; border-radius: 100%; display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; margin-right: 20px;}
.fenxiang span a:last-child{margin-right: 0px;}
.fenxiang span a img{width: 60%}


.newsshowright dl dt{font-size: 26px;border-bottom: 1px solid #f0f0f0;padding: 20px 0px;}

.newsshowright dl dd{border-bottom: 1px solid #f0f0f0; font-size: 18px; line-height: 1.8; padding: 20px 0px; font-weight: 300}



.nyservicebox .serhezi{width:100%; height:100vh; background-size:cover; background-repeat:no-repeat; background-position: center center; position:relative;}
.nyservicebox .serhezi.divfixed2,.nyservicebox li.divfixed3,.nyservicebox li.divfixed4{z-index:3; }
.nyservicebox .serhezi.divfixed{z-index:2;position:fixed;top:0px;}


.nyserleft{width:40%; color: #fff;font-size: 18px; }

.nyserright{width: 50%}

.nyserbox{height: 100vh}
.nyserleft h2{font-size: 36px; font-weight: normal;font-family: 'Normographe'; letter-spacing: 3px; text-transform: uppercase}
.nyserleft h1{font-size: 30px;}
.nyserleft p{line-height: 1.6; margin: 30px 0px;}

.nyserleft li{width:50%; float: left; padding:8px 0px;}

.casemore{color: #fff; background: url("../images/leftan.png") no-repeat right center; background-size: 16px auto; padding-right: 30px; margin-top: 50px; display: inline-block}

.casemore:hover{color: #fff; padding-right: 40px;}

.nyserleft .sanlie li{width: 33.33%;}
.serwap{display: none}


.aboutbantxt{position: absolute; left: 0px; width: 100%; top: 50%; transform: translate(0,-50%); color: #fff}

.aboutbantxt h1{font-size: 48px;}
.aboutbantxt p{font-weight: 300; font-size: 28px; margin-top: 10px;}



.nyabouttop{background: url("../images/yuns.jpg") no-repeat right bottom; background-size:31% auto; padding: 90px 0px; position:relative}
.nyabouttop .mainbox{position: relative; z-index: 2}
.nyabouttop:before{height: 50%; width: 100%; content:""; background: #f1f1f1; position: absolute; left: 0px; top: 0px;}

.nyaboutleft{width: 45.7%; float: left}

.nyaboutright{width: 40.5%; float: right; margin-top: 6.5%}


.abtits h1{ font-size: 40px; position: relative; display: inline-block}
.abtits h1:before{content: ""; width:90%; height: 2px; background: #000000; left: 120%; position: absolute; top: 50%;}
.baise{color: #fff}
.baise h1:before{background: #fff}

.nyaboutxts{font-size: 20px; font-weight: 300; margin: 30px 0px 40px; line-height: 1.8; text-align: justify}

.nyableftpic{width: 130%; margin-left: -30%; position: relative;overflow: hidden}
.nyableftpic img{width: 100%}

.nyabrightpic{ position: relative;overflow: hidden}

.nyabrighttxt{font-size:18px; font-weight: 300; margin: 30px 30px 0px 0; line-height: 1.8; text-align: justify; width: calc(90% - 30px); margin-left:10%}

.nyabculture{background: url("../images/abwenhuabj.jpg") no-repeat top center; background-size: 100% auto;padding: 90px 0px;}

.wenhualeft{width: 42%; background: #fff;font-size:18px; font-weight: 300;line-height: 1.8; text-align: justify;  margin-right: -8%; position: relative; z-index: 2; padding:3%}
.wenhuaright{width: 60%; position: relative; overflow: hidden}


.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

.maskfadeUp {
	display:block;
	background-color:#fe4101;
	z-index:1;
	-webkit-transition:-webkit-transform 1.2s .5s;
	transition:transform 1.2s 0.5s;
}

.maskfadeUp:after {
	background-color:#fff;
	opacity:0.6;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	transition:opacity 0.8s 1s;
}
.maskfadeUp.animated {
	-webkit-transform:translateY(-101%);
	transform:translateY(-101%);
	
}
.maskfadeUp.animated:after {
	opacity:0;
	pointer-events: none;
}

.maskfadeUp:after {
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
}

.maskfadeUp {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1
}


.kehubox{border-top: 1px solid #ececec; padding: 90px 0px;}


.kehulist{margin-top:50px; position: relative}
.kehufuc{position: absolute; left: 0px; top: 0px;background: #fe4101; top: -100%; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: 100%; height: 100%}
.kehufuc a{padding: 30px;color: #fff;display: block}

.kehupic{position: relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.kehupic:before{content:""; width: 2px; height: 30px; background: #bfbfbf; position: absolute; left: 0px; top: 0px;}


.kehulist .swiper-pagination{bottom:0px; text-align: center;width: 100%; z-index: 8}
.kehulist .swiper-pagination-bullet{ width:4px;height:4px; border-radius: 0px; background: #999; opacity: 1; margin:0px 5px;}
.kehulist .swiper-pagination-bullet-active{background: #fe4101;}

.kehulist .swiper-slide{overflow: hidden;position: relative; cursor: pointer}
.kehulist .swiper-slide:hover .kehufuc{opacity: 1; top: 0px;}

.kehufuc h2{font-size: 30px;}
.kehufuc p{font-size: 18px; line-height: 1.8; margin: 10px 0px 30px;}
.kehufuc span{font-family: 'Normographe';text-transform: uppercase}

.nycontactbox{padding: 90px 0px 130px;}
.nycontlist ul{width:calc(100% + 100px);margin-left:-100px;}
.nycontlist li{width:calc(50% - 100px); float: left; border-bottom: 1px solid #000000; font-weight: 300; margin-left: 100px; padding: 40px 0px;}

.nycontlist li span{display: block; font-size: 14px;}
.nycontlist li p{font-size: 24px; margin-top: 10px; font-family: 'Aleo';}


.liuyanboxbj{background: url("../images/liuyanbj.jpg") no-repeat top center; background-size: 100% auto; padding: 140px 0px 100px}


.liuyanbox{background: #fff; padding:5%}

.liuyanbox li{width: calc(50% - 50px); font-weight:400; }

.liyxs{border-bottom: 1px solid #000000;padding: 30px 0px;}

.liuyanbox li p{font-size: 14px; margin-bottom: 10px;}

.liyxs input{height: 50px; width: 100%; border: none;font-size: 24px; font-weight: 400}



.liuyanbox li ::-webkit-input-placeholder {color:rgba(0,0,0,0.2);  font-size: 24px;}
.liuyanbox li ::-moz-input-placeholder{color:rgba(0,0,0,0.2);  font-size: 24px;}
.liuyanbox li ::-ms-input-placeholder{color:rgba(0,0,0,0.2);  font-size: 24px;}



.liuyanbox li:nth-child(2){border-bottom: 1px solid #000000;padding: 30px 0px;}
.liuyanbox li textarea{border: none; width: 100%; min-height: 200px; padding-top:5px;font-size: 24px; font-weight: 400}

.tijiao{width: 180px; height: 70px; background: #000000; color: #fff; font-size: 24px; font-weight: 300; margin-top: 60px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.tijiao:hover{background: #fe4101}

.tanchubj{background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; display: none}

.tanchubox{max-width: 650px; width: 90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);transition: all 0.6s;background-image: linear-gradient(120deg, #fd3000, #fe5a02); color: #fff; padding: 10px; z-index: 999}

.baojiatan{transform: translate(-50%,-50%) scale(0)}
.baojiatan.cur{transform:translate(-50%,-50%) scale(1);}

.biaodantanchu{display: none}

.tanboder{border: 1px solid rgba(255,255,255,0.5); padding: 30px; text-align: center}

.tanboder h2{font-size: 36px; margin-top: 20px;}
.huixssa{padding-top: 20px;}
.erwixs{width: 50%;}
.erwixs p{font-size: 18px; font-weight: 300; margin-top: 10px;}
.erwixs img{display: inline-block}


.xuayscv{width: 50%}

.hqbaobtn{ width: 160px; height: 36px; border: 1px solid #fff; display: inline-block; text-align: center; line-height: 36px; font-size: 18px; color: #fff; border-radius: 36px;}

.hqbaobtn:hover{background: #fff; color: #fd2f00}

.xuayscv p{font-size: 30px;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold; margin-top: 30px;}

.xuayscv a{color: #fff}


.close{width:20px; position: absolute; right: 30px; top:30px;}
.tanbiaodan li span{width: 90px; text-align: right;font-size: 18px;}

.tanbiaodan li{margin-top: 20px;}
.tanright{width: calc(100% - 100px); text-align: left}
.tanright input[type="text"]{width: calc(100% - 42px); background: none; height:48px; border: 1px solid #fff; padding: 0px 20px; color: #fff; font-size: 18px;}


.tanright textarea{width: calc(100% - 42px);background: none; height:120px; border: 1px solid #fff; padding:10px 20px; color: #fff; font-size: 18px;}


.tanright textarea::-webkit-input-placeholder {color:rgba(255,255,255,0.6);}
.tanright textarea::-moz-input-placeholder{color:rgba(255,255,255,0.6);}
.tanright textarea::-ms-input-placeholder{color:rgba(255,255,255,0.6);}

.huoqubtn{font-size: 18px; width: 195px; height: 50px; border: none; background: #fff; color: #fe4101;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.huoqubtn:hover{border:2px solid #fff; width: 195px; height: 50px; color: #fff; background:none }