@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,caption,tfoot,thead,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 {-webkit-text-size-adjust:none; }

body {color:#333333;font-family:'DIN','Arial';overflow-x: hidden; line-height: 1.8; padding-top:80px; }

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:#333333;}
a:hover{color: #df9b37}
/*居中*/

.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; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.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';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}

/**二端对齐居中*/
.erduanzhong{justify-content: center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/* 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,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"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}

.nav-btnbox{display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.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%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}



.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

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


@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Regular.eot');
    src: local('../fonts/DIN-Regular'),
        url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Regular.woff2') format('woff2'),
        url('../fonts/DIN-Regular.woff') format('woff'),
        url('../fonts/DIN-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Medium.eot');
    src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Medium.woff2') format('woff2'),
        url('../fonts/DIN-Medium.woff') format('woff'),
        url('../fonts/DIN-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN';
    src: url('../fonts/DIN-Bold.eot');
    src: local('../fonts/DIN-Bold'),
        url('../fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-Bold.woff2') format('woff2'),
        url('../fonts/DIN-Bold.woff') format('woff'),
        url('../fonts/DIN-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





/*省略号*/
.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;}
.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sevenline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient: vertical;}



.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.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}



input::-webkit-input-placeholder{color:rgba(0,0,0,0.5); font-size: 16px;} 
input:-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 
input::-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 
input:-ms-input-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 



@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


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


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



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

.mainbox{margin: 0 auto; width:80%; max-width: 1600px;}


.top{width: 100%; z-index:8; position: fixed; top: 0px; left: 0px;}
.top.cur{ box-shadow: 0px 0px 20px rgba(0,0,0,0.05);background:rgba(255,255,255,1)}
.top.cur>.mainbox{min-height:70px;}
.top.cur .nav li>a{line-height: 70px;}

.logo{ width:30%; max-width:120px;}
.topright{width:60%; max-width:900px;}
.top>.mainbox{min-height:80px;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{ width:100%;}

.nav li{position: relative;}
.nav li>a{display: block; color: #333333; line-height:80px; font-size:18px; font-weight: bold}
.nav li:before{content: ''; width: 0px; height:2px; background: #df9b37;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; bottom:0px;}
.nav li:hover:before{width: 100%}
.nav li:hover>a{color: #df9b37}
.nav li.cur>a{color: #df9b37}



.navdown{width:200px; position: absolute; left:-20px; top:70px;background:rgba(255,255,255,1);display: none; z-index: 2; padding: 15px 0px;  text-align: center;box-shadow: 0px 0px 20px rgba(0,0,0,0.02);}

.navdown span{display: block;line-height: 30px;padding: 5px 20px; text-align: left; font-weight: 500}



.banner{position: relative; z-index: 1}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:20px; width: 100% }
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.5);opacity: 1; width:46px; height:3px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-pagination-bullet-active { background: #ffffff}

.banner .swiper-slide img{width: 100%;-webkit-transition: all .4s ease; transition: all .4s ease;}

.banner .swiper-slide img.hide{display: none}

.banner .swiper-slide-active img{transform: scale(1.03, 1.03);transition: transform 5000ms ease;}


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

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

.bantxt h2{font-size:60px; line-height: 1.2;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.banwenzi{max-width: 720px;}


.swiper-container {overflow: hidden}
.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

.morebtn{width:140px; height:40px; background: #df9b37; display: inline-block; line-height: 40px; color: #ffffff; position: relative; text-indent: 20px;border: 1px solid #df9b37}

.morebtn.baise{background: none;border: 1px solid #fff;}
.morebtn.baise:hover{background: #df9b37; border: 1px solid #df9b37;color: #ffffff;}
.morebtn.baise:hover:before{ background: url("../images/right.svg") no-repeat center center; background-size: 100% auto;}




.morebtn.heise{background: none;border: 1px solid #666666; color: #666666}
.morebtn.heise:hover{background: #df9b37; border: 1px solid #df9b37;color: #ffffff;}

.morebtn.heise:before{ background: url("../images/right2.svg") no-repeat center center; background-size: 100% auto;}
.morebtn.heise:hover:before{ background: url("../images/right.svg") no-repeat center center; background-size: 100% auto;}



.morebtn:before{content: ''; width: 7px;height: 12px; background: url("../images/right.svg") no-repeat center center; background-size: 100% auto; position: absolute; left:85%; top: 50%; transform: translate(0,-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;}

.morebtn:hover{background:none;color: #df9b37;border: 1px solid #df9b37}

.morebtn:hover:before{left: 87%;background: url("../images/right3.svg") no-repeat center center; background-size: 100% auto;}



.gonggong{position: relative;}
.gonggong .swiper-button-next:after, .gonggong .swiper-button-prev:after{font-size:20px; color:rgba(255,255,255,0.5); }
.gonggong .swiper-button-next:hover, .gonggong .swiper-button-prev:hover{border: 1px solid #ffffff; }
.gonggong .swiper-button-next:hover:after, .gonggong .swiper-button-prev:hover:after{color:rgba(255,255,255,1); }
.gonggong .swiper-button-prev{left:-5%; width:52px; height: 52px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border: 1px solid rgba(255,255,255,0.5); border-radius: 100%}
.gonggong .swiper-button-next{right:-5%;width: 52px; height: 52px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border: 1px solid rgba(255,255,255,0.5); border-radius: 100%}

.gonggong .swiper-pagination{z-index: 999; left:0px; bottom:0px; width: 100% }
.gonggong .swiper-pagination-bullet{background:rgba(0,0,0,0.3);width:60px; height:8px;margin:0px 5px; border-radius:8px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.gonggong .swiper-pagination-bullet-active {background:rgba(0,0,0,0.4);}


.syaboutbj{background: url("../images/syaboutbj.jpg") no-repeat center center; background-attachment: fixed; background-size: cover}

.syaboutleft{width: 40%}

.syaboutright{width: 50%}

.nyaboutbox .syaboutleft{width: 100%}
.nyaboutbox .syaboutright{width: 100%}

.syabouttxt p{margin-top: 10px;}

h1,h2,h3,h4,h5{line-height: 1.2}

.syaboutleft h1{font-size: 36px;}

.syaboutnum li{width: 50%; line-height: 1.2; margin-top: 10%}
.syaboutnum li p{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.syaboutnum li p em{font-size: 40px; color: #df9b37; font-weight: bold; margin-right: 5px;}
.syaboutnum li p i,.syaboutnum li p sup{color: #df9b37}
.syaboutnum li p i{margin-right: 5px;}
.syaboutnum li p b{font-weight: normal}
.syaboutnum li p sup{font-size: 18px; font-weight: normal}
.syaboutnum li span{color: #999999; display: block; margin-top: 10px}


.syservicebox>img{width: 100%}

.syservicetop .swiper-slide p{font-weight: bold; color: rgba(255,255,255,0.6);padding: 15px 0px; cursor: pointer;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;;}
.syservicetop .swiper-slide.cur p{color: #fff;position: relative}

.syservicetop .swiper-slide p:after{width:100%; content: ''; top:0px;background:rgba(255,255,255,0.6);height:1px; position: absolute; left: 0px;}

.syservicetop .swiper-slide p:before{width:0%; content: ''; top:0px;background:rgba(255,255,255,1);height:1px; position: absolute; left: 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syservicetop .swiper-slide.cur p:before,.syservicetop .swiper-slide p:hover:before{width: 100%;}
	
.syservicetop .swiper-slide p:hover{color: #fff;}
.syservicebox{position: relative}
.syservicepic{position:absolute; left: 0px; top: 0px; width: 100%; height: 100%}
.syservicepic li{width: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center}
.syservicepic li:first-child{z-index: 2}
.syservicetxt{position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 3}
.servicetxt p{}
.syservicetxt .mainbox{height:80%;}
.syservicebot{color: #fff; width: 50%;  }

.syservicebot li h4{font-size: 40px; margin-top: 10px}
.syservicebot li p{color: rgba(255,255,255,0.8); margin: 5% 0px;}

.syservicebot li{transform: translateY(50px); transition:0.8s all;-webkit-transition:0.8s all;-moz-transition:0.8s all;-o-transition:0.8s all;-ms-transition:0.8s all; opacity: 0; visibility: hidden; height: 0px; overflow: hidden}
.syservicebot li.cur{ transform: translateY(0px);opacity: 1; visibility: visible; height: auto}

.syservicebot li p{transform: translateY(20px);opacity: 0; visibility: hidden; transition:0.8s all;-webkit-transition:0.8s all;-moz-transition:0.8s all;-o-transition:0.8s all;-ms-transition:0.8s all; }
.syservicebot li.cur p{transform: translateY(0px);opacity: 1; visibility: visible; }

.syservicebot li h4{transform: translateY(20px);opacity: 0; visibility: hidden; transition:0.6s all;-webkit-transition:0.6s all;-moz-transition:0.6s all;-o-transition:0.6s all;-ms-transition:0.8s all; }
.syservicebot li.cur h4{transform: translateY(0px);opacity: 1; visibility: visible; }


.syservicebot li h3{transform: translateY(20px);opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.8s all;-ms-transition:0.5s all; }
.syservicebot li.cur h3{transform: translateY(0px);opacity: 1; visibility: visible; }

.sytit h2{font-size: 36px;}

.syprolist ul{width: 49.2%}
.syprolist li{background: #f7f8fc;}
.syprolist li .fangdapic{padding:3%}

.syprolist ul:nth-child(2) li{width: 48.6%;}
.syprolist ul:nth-child(2) li:nth-child(1){margin-right: 2.8%}
.syprolist ul:nth-child(2) li:nth-child(3){width: 100%; margin-top:2.8%}
.syprolist ul:nth-child(2) li:nth-child(3) .fangdapic{width: 50%}
.syprolist ul:nth-child(2) li:nth-child(3) .protxt{width: 34%}
.syprolist ul:nth-child(2) li:nth-child(3) .protxt p{margin-bottom: 20px}
.protxt{padding:5% 8% }
.protxt p{font-size: 24px; font-weight:500}
.protxt span{width: 42px; height: 42px; border: 1px solid #df9b37; background: url("../images/right3.svg") no-repeat center center; background-size:6px auto; display: inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.8s all;-ms-transition:0.5s all;}

a:hover .protxt span{background: url("../images/right.svg") no-repeat center center #df9b37; background-size:6px auto;}

.footerbj{background: #35373e;color: #fff}

.footertop{padding:4% 0px;}

.footerlogo{width: 30%; max-width: 120px;}

.footernav {width: 50%;max-width:800px; font-size: 18px; font-weight: bold}
.footerbj a{color: #ffffff;}
.footerbj a:hover{color: #df9b37}

.footercen{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1);border-top: 1px solid rgba(255,255,255,0.1); padding: 4% 0px;}
.footercen li{font-size: 14px;}
.footercen li em{width:46px; height:46px; border:1px solid rgba(255,255,255,0.1); border-radius: 100%}
.footercen li em img{max-width:40%; max-height:40%; opacity: 0.4}

.footercen li span{display: block;opacity: 0.5; margin-top: 10px;}

.footercen li:last-child{max-width: 32%}


.footerbot{color:rgba(255,255,255,0.5); padding: 20px 0px; font-size: 14px;}
.footerbot a{color:rgba(255,255,255,0.5); }
.footerbot a:hover{color: #df9b37}

.nybanner{position: relative}
.nybanner>img{width: 100%}

.nybanner h2{width: 80%; max-width: 1600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ffffff; font-size: 40px;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.nybanner p{width: 80%; max-width: 1600px; position: absolute; left: 50%;bottom:10px; transform: translate(-50%,-50%); color: #ffffff;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

.nybanner p a{color: #ffffff}
.nybanner p a:hover{color: #df9b37}

.nynav{border-bottom: 1px solid #ebebeb;}
.nynav li{text-align: center; width:50%}
.nynav li a{line-height: 80px; font-size: 18px; position: relative; display: block; font-weight:500}

.nynav li a:before{content:''; height: 1px; width: 0px; background: #df9b37; position: absolute;bottom: 0px; bottom: -1px; left: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.nynav li a:hover:before{width: 100%}
.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 5% 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333;border-radius: 10px; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#df9b37}
.nynavselect ul li.cur a{color: #fff}



.nynav li.cur a{color: #df9b37}
.nynav li.cur a:before{width: 100%}
.nyaboutnum ul{width: calc(100% + 32px); margin-left: -32px;}
.nyaboutnum li{width: calc(33.33% - 112px);  margin-left: 32px; margin-bottom: 32px; background:rgba(247,248,252,0.8); padding:30px 40px;}

.nyaboutnum li span{line-height: 1.4}

.nyaboutnum li p{color: #df9b37; font-size: 40px; font-weight: bold; line-height: 1}

.nyaboutnum li:nth-child(4),.nyaboutnum li:nth-child(5){width: calc(50% - 112px); }

.nyaboutnum li i{font-size: 14px;}


.nyaboutxt h2{font-size: 36px; margin-bottom:30px}

.nyaboutxt p{margin-top: 20px;}


.visionhezi{max-width: calc((100% - 1600px) / 2 + 1600px); width:90%;position: relative; z-index: 2 }

.visionpic{width: 50%;}
.visionpic img{width: 100%}
.visiontxt{width: 50%;background: #df9b37; color: #fff}
.visiontxthz{padding:3% 5%; }

.visionbox{position: relative}
.visionbox:before{background: #f7f8fc; width: 80%; height:60%; right: 0px; top:18%; content: ''; position: absolute;}

.visiontxthz h2{font-size: 36px; line-height: 1.1; font-style: italic; margin-bottom: 20px;}

.visiontxthz h3{font-size: 24px;  }

.visindent{text-indent:10%; margin-bottom: 20px;}

.visiontxthz p{}
.businessbox{position: relative}

.businessbox:before{height:4px; background: #df9b37; position: absolute;left: 0px; top: 50%; margin-top: -2px; content: '';width: 100%; display: none}
.businessbox ul{position: relative; z-index: 2}
.businessbox li{width: calc(30% - 60px); background: #f7f8fc; padding:50px 30px 30px; text-align: center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; cursor: pointer}

.busico{width: 100px; height: 100px; background: #e9ebf0; border-radius: 100%; margin: 0 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;}
.busico img{max-width:45%; max-height:40%}

img.hide{display: none}

.businessbox li h5{font-size:24px; border-bottom: 1px solid #e1e2e4; padding:30px 0px; margin-bottom:30px;}

.businessbox li:hover .busico{background: rgba(255,255,255,0.9)}
.businessbox li:hover{background: #df9b37; color: #ffffff}


.line{height: 1px;background: #999999; margin: 40px 0px 30px!important}

.nyteambox ul{width: calc(100% + 30px); margin-left: -30px}
.nyteambox li{width: calc(25% - 30px); margin-left:30px; margin-bottom:50px;}
.nyteambox li h5{text-align: center; font-weight: 500; font-size: 20px; margin-top: 20px;}
.nyteambox li p{text-align: center; color: #999999; line-height: 1.2; margin-top:10px;}
.teamtxt{display: none}


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

.tanchuboxs{position: fixed; left: 0px; top: 0px; width: 90%; max-width: 1000px;left: 50%; top: 50%; transform: translate(-50%,-50%); background: #f7f8fc;overflow: hidden;z-index: 999999; display: none}



.tanleft{width: 40%; text-align: center;}
.tanright{width:50%;padding:3% 5%;}

.tanrighttxt::-webkit-scrollbar{border-radius:3px; width:3px;height:3px;background-color: #ffffff;}
.tanrighttxt::-webkit-scrollbar-track{border-radius:3px;background-color: #ffffff;}
.tanrighttxt::-webkit-scrollbar-thumb{border-radius:3px;background-color: #bfbfbf;}


.tanleft img{width: 100%}

.tanleftxh{width: 100%}

.tanrighttxt{color: #666666;overflow-y: scroll;max-height:320px; padding-right: 5%}
.tanrighttxt p{padding-bottom:10px;}


.tanright h5{font-size: 24px; margin-bottom:30px;}

.guanbi{position: absolute; width: 30px; height: 30px; right: 3%; top: 20px;}
.guanbi img{width: 20px;}


.servicesbox li{position: relative;margin:10% 0px; min-height:310px;}
.servicesbox li:before{content: ''; height:100%; width: calc(100% - 100px); background: #f7f8fc; position: absolute; left: 0px; top: 0px;}
.servicesbox li:after{content: ''; height: 40px; width:40px; background:url("../images/kuang.svg") no-repeat center center;background-size: 100%; position: absolute; right: 0px; bottom: 0px;}
.servicesbox li .erduan{position: relative; z-index: 2}

.servicesbox li:nth-child(odd)  .servicepic{order: 2;}

.servicepic{width: 40%; margin-top: -7%}

.servicetxt{width: 50%; padding:4% 5%;}

.servicetxt h3{margin-bottom: 20px; font-size: 30px;}

.servicesbox li:nth-child(even):before{right: 0px; left: auto}

.servicesbox li:nth-child(even):after{left: 0px; right: auto; transform: rotate(90deg);}


.nyserviceshow{max-width: 1400px;}

.nyservicetxt p{margin-top:30px;}


.productbox ul{width: calc(100% + 50px); margin-left: -50px;}
.productbox li{width: calc(50% - 50px); margin-left: 50px; margin-bottom:20px; margin-top:20px; border-bottom: 1px solid #cccccc}

.productbox li .fangdapic{background: #f7f8fc}
.productbox li .protxt{padding-right: 0px; padding-left: 0px;}


.nyproshow{background: #f2f3f5}

.nyproleft{width: 60%}
.nyproright{width: 35%}
.nyproleft h2{font-size: 30px; margin-bottom: 20px;}
.nyproleft p{margin-top: 10px;}

.miaobao{padding: 20px 0px;}


.proshowbotleft{width:60%}
.pptit{font-size: 24px; margin-bottom: 20px;}
.pptit2{font-size: 18px; margin-bottom: 20px;}

.proshowbotright{width:calc(35% - 60px); padding:10px 30px; background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.proshowbotright h3{font-size: 24px; margin-bottom: 10px;}

.proshowbotright li{border-bottom: 1px solid #dbdbde; padding: 20px 0px;}
.proshowbotright li:last-child{border-bottom: none}

.proshowbotright li span{font-weight: 500}
.proshowbotright li a{color: #df9b37; text-decoration: underline}

.center{text-align: center}
.investorsbox{background: url("../images/investors_bj.jpg") no-repeat center center;background-attachment: fixed; background-size: cover}

.investorstit{text-align: center}
.investorstit h2{font-size: 34px;}
.investorstit p{color: #666; margin-top: 10px;}

.investorslist li{background: #fff; width: 32%; position: relative}
.investxt{padding:40px; border-top: 10px solid #f7f8fc; }
.investorslist li:before{content: ''; width: 50px; height: 50px; background: url("../images/kuang.svg") no-repeat center center; background-size: 100% auto; position: absolute; right: 0px; bottom: 0px;}
.investxt h4{font-size: 20px; margin-bottom: 20px;}


.liucpic img{width: 90%}


.nycontact li{background: #f7f8fc}

.mappic{width: 65%}

.maptxt{width: 27%; padding:4%}


.maptxt h5{font-size: 30px; background: url("../images/kuang2.svg") no-repeat top right;background-size: 40px auto; padding: 30px 0px}
.maptxt p{margin-top: 5px;}
.maptxt p:nth-child(2){margin-bottom:10px;}
.maptxt a{color: #df9b37; text-decoration: underline}

.nycontact li:nth-child(2){margin-top: 80px}
.nycontact li:nth-child(2) .mappic{order:2}



.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.2s;}
.wow:nth-child(3){animation-delay:0.3s;}
.wow:nth-child(4){animation-delay:0.4s;}
.wow:nth-child(5){animation-delay:0.5s;}
.wow:nth-child(6){animation-delay:0.6s;}
.wow:nth-child(7){animation-delay:0.7s;}
.wow:nth-child(8){animation-delay:0.8s;}

.nyaboutxt {}
.syabouttxt {}

.tanrighttxt{}

.tablebox table{width: 100%}
.tablebox td{border: 1px solid #dee2e6; padding:10px 20px; font-family: arial}

.tablebox th{background: #f6f6f6;border: 1px solid #dee2e6; padding:10px 20px;text-align: left;font-weight: normal;min-width: 33%}

.tablebox .title{background: none; border: none; border-bottom: 2px solid #df9b37;  padding: 20px 0px; font-weight: bold}

.prolione .tablebox{width: 48%}

.proliepic{width: 48%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}