﻿@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 {-webkit-text-size-adjust:none; }

body {color:#000000;font-family:'Helvetica Neue LT Pro','Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden;}

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: #da291c}*/
/*居中*/

.center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.between{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.up{display:flex;flex-direction:row;justify-content:space-between;}
.down{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.upcenter{display:flex;flex-direction:row;justify-content:center;}
.upleft{display:flex;flex-direction:row;justify-content:flex-start;}
.upright{display:flex;flex-direction:row;justify-content:flex-end;}

.upbetween{display:flex;flex-direction:row;justify-content:space-between;}

.left {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.right{display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

/**上对齐*/
.uptop{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.updown{display: flex;flex-direction:column; justify-content:space-between}




/*浮动*/
.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,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}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}




.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%}
.pd10{ padding-top:10%; padding-bottom:10%}


.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%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}



.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

 
/*省略号*/
.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;}


@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Md.eot');
    src: url('../fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Md.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('../fonts/HelveticaNeueLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.wapshow{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

@-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}

@-webkit-keyframes fadeIn {
	0% {opacity:0}
	100% {opacity:1}
}
@keyframes fadeIn {
	0% {opacity:0}
    100% {opacity:1}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1400px; width:80%}

.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;background: #ffffff}

.top>.mainbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.top.cur{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }

.topright{width:65%;}
 
.logo{ width:30%; max-width:140px;}
.nav{width:70%;transition:0.5s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; max-width:600px;}
 
.nav li{position: relative;}
.nav li>a{position: relative; display: block; line-height:80px; }
.nav li.cur>a{color: #d82c26}
 
 

.banner{position: relative; z-index: 1}
.banner .swiper-pagination{z-index: 999; left: auto; bottom: auto; right:30px; top:50%; width:20px; }
.banner .swiper-pagination-bullet{opacity: 1; width:14px; height:14px;margin:5px 0px!important; 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); background: none}

.banner .swiper-pagination-bullet-active { background: #d82c26;border: 1px solid #d82c26;  }
.banner .bannerimg{height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner .swiper-slide{height: calc(100vh - 44px); overflow: hidden}

#banvideo{display: block;position:absolute;top: 50%;left: 50%;width:101%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index:1;object-fit:fill; }


.huisebj{background: #f8f8f8}



.jobselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none;width:30%;}

.jobselect .placeholder {position:relative;display:block;z-index:1; height:44px; line-height: 44px;cursor:pointer; color: #999999; }

.jobselect .placeholder:after {position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/xia.svg") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.jobselect.is-open .placeholder:after {background: url("../images/shang.svg") no-repeat center center;background-size: 100% auto}
.jobselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.jobselect ul {display:none;position:absolute;overflow-y:scroll;width:100%;background:#fff;top:100%;left:0;z-index:100; height: 300px;}
.jobselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.jobselect ul li a{display: block}
.jobselect ul li.cur a{color: #da291c}



.jobselect ul::-webkit-scrollbar { width:6px;background-color: #ffffff; }
.jobselect ul::-webkit-scrollbar-track { border-radius: 6px; background: #ffffff; }
.jobselect ul::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #cccccc; }





.jobsearch{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 20px 50px; margin-top: -42px; position: relative; z-index: 2;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder{ color:#999999;opacity:  1;}
::-moz-placeholder {color:#999999;opacity:  1;}
:-ms-input-placeholder {color:#999999;}
::-ms-input-placeholder {color:#999999;}
::placeholder {color:#999999;}

.jobsearch_txt{width: 30%; border: none; height: 44px;}

.lines{width: 1px; height:44px; background: #e5e5e5}

.jobsearch_btn{width: 170px; height: 44px; background: #da291c; color: #fff;transition:0.5s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; }

.jobsearch_btn:hover{background: #000000}


.sytit h2{font-size:60px; line-height: 1}

.syabouttxt{width: 56%; text-align: justify}
.syabouttxt p{font-size: 22px; line-height: 1.8}

.morebtn{border: 1px solid #000000; width: 140px; display: block; position: relative; overflow: hidden}
.morebtn span{height: 40px; position: relative; z-index: 2 }
.morebtn img{width: 10px; margin-right: 15px;}

.morebtn:before{content: ''; width: 0px; background: #000; height: 110%; position: absolute; left: 0px; top: -5%;transition:0.5s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.morebtn:hover{color: #ffffff}
.morebtn:hover:before{width: 110%}
a:hover .morebtn:before{width: 110%}


.synumber{position: relative; overflow: hidden}
/*
.synumber{background: url("../images/numberbj.jpg") no-repeat center center; background-size: cover; background-attachment: fixed}
*/
#synumbervideo{display: block; position:absolute; width:100%;height: 100%; z-index:1;object-fit:fill;inset: 0; }

.synumber .mainbox{position:relative; z-index: 2}
.synumberbox ul{text-align: center}
.synumberbox li{width: 33%;padding:4% 0px; text-align: center; display: inline-block}
.synumberbox li p{font-size: 30px;}
.synumberbox li p i{font-size:100px; font-weight: 500}
.synumberbox li span{font-size: 20px; display: block}
.synumberbox li span em{display: block; font-size: 16px;}
.synumberbox li p b{font-weight: normal; font-size: 100px}

.synumberbox li:nth-child(4){width:35%}
.synumberbox li:nth-child(5){width:35%}

.tagsd{color: #999999}
.sytit2 h2{font-size:46px;}

.syhonor{position: relative}
.swiper-container{overflow: hidden}

.syhonor .swiper-slide{text-align: center}
.syhonor .swiper-slide img{display: inline-block}



.syhonor .swiper-button-prev,.syhonor .swiper-button-next{width:50px; height:50px;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-radius: 100%; background-color: #f0f0f0; z-index: 1}

.syhonor .swiper-button-next:after,.syhonor .swiper-button-prev:after{color: #000000; font-size:16px; font-weight: bold}

.syhonor .swiper-button-prev{left:-60px;}
.syhonor .swiper-button-prev:hover{background-color:#d82c26;}


.syhonor .swiper-button-next{right:-60px;}
.syhonor .swiper-button-next:hover{background-color:#d82c26;}
.syhonor .swiper-button-next:hover:after,.syhonor .swiper-button-prev:hover:after{color: #ffffff;}


.footer{background: #000000; text-align: center}
.footlogo{width: 250px; margin: 0 auto}

.footer h4{color: #ffffff; font-size: 24px; margin-top: 5%}
.footlist{padding: 3% 0px 7%;}
.footlist li{margin: 0px 8px; position: relative}
.footlist li a{background: #ffffff; border-radius: 4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; width: 36px; height: 36px;}
.footlist li a img{width:60%}
.footer p{color: rgba(255,255,255,0.5);}

.sharedown{width: 160px; background: #ffffff; position: absolute; left: 50%;  bottom:67px; padding: 20px 0px 10px;transform: translate(-50%,0); opacity: 0; visibility:hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.sharedown img{width:70%; margin: 0 auto}
.sharedown span{color: #999999; font-size: 14px; margin-top:10px; display: block; text-align: center}
.sharedown:before{width: 0;height: 0;border-top: 7px solid transparent; border-right:7px solid transparent;border-left: 7px solid transparent;border-top: 7px solid #ffffff; content: ''; position: absolute; left: 50%; bottom:-5px; transform: translate(-50%,0)}

.footlist li:hover .sharedown{opacity:1;visibility: visible; bottom:50px;}

.fudong{position: fixed; right:10px; top: 50%; z-index: 9; display: none}
.fudong li{margin:10px 0px;}
.fudong li a{width: 60px; height: 60px; background: #ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}

.fudong li .sharedown{right: 67px; left: auto;bottom: auto; transform: translate(0,-50%);top: 50%;padding-bottom: 20px; width: 183px; }
.fudong li .sharedown:before{right: -12px; left: auto; bottom: auto;border-bottom: 7px solid transparent; border-top:7px solid transparent;border-left: 7px solid transparent;border-left: 7px solid #ffffff;transform: translate(0,-50%);top: 50%; }

.fudong li:hover .sharedown{opacity:1;visibility: visible; right:70px;}
.magnatxt{text-align: center; font-size: 18px; line-height: 2;}
.magnatxt p{ max-width: 1200px; margin: auto}

.kejiboxs ul{width: calc(100% + 12px); margin-left:-12px;}
.kejiboxs li{width: calc(50% - 12px); margin-left: 12px; margin-top: 12px; position: relative;}

.kejitxt{position: absolute; left: 50%; top: 50%; width: 63%; border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5); transform: translate(-50%,-50%); text-align: center; color: #fff; height:60%; overflow: hidden; z-index: 2}
.kejitxttop{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.kejitxttop img{height: 60px; margin: 0 auto;}
.kejitxttop h3{font-size:30px; margin-top: 20px;}

.kejitxtbot{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.kejitxtbot p{line-height: 2; font-size: 18px}
.kejitxtbot em{margin: 0 auto; margin-top: 40px;}
.morebtn.baise{border: 1px solid #ffffff; color: #ffffff}

a:hover .morebtn.baise:before{background: #ffffff}
a:hover .morebtn.baise{color: #000000}



.kejiboxs li:before{content: ''; width: 100%; height: 100%; background: #000000; position: absolute; left: 0px; top: 0px; 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; z-index: 1}
.kejiboxs li:hover:before{opacity: 1}
.kejiboxs li a{display: block; width: 100%}

.kejiqiehs{ height: 100%; position: relative;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.kejiboxs li:hover .kejiqiehs{transform: translateY(-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;}
.kejiboxs li:hover .kejiqiehs:nth-child(1){opacity: 0}
.kejiboxs li:hover .kejiqiehs:nth-child(2){opacity: 1}

.kejiqiehs:nth-child(2){opacity: 0}

.nybanner{position: relative}
.nybanner img{width: 100%}


.bigtxt h2{font-size: 60px; line-height: 1; margin-bottom: 10px;}
.bigtxt h3{font-size: 30px}
.bigtxt p{font-size:28px}

.teamlist{border-top: 1px solid #d9d9d9}
.teamtit h2{font-size: 46px;}



.teambox{max-width: calc((100% - 1400px) / 2 + 1400px);width:90%; position: relative;}


.qiebtn{position: relative}

.qiebtn .swiper-button-prev,.qiebtn .swiper-button-next{width:50px; height:50px;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-radius: 100%; background-color: #f0f0f0; z-index: 1; position: relative;margin: 0}

.qiebtn .swiper-button-next:after,.qiebtn .swiper-button-prev:after{color: #000000; font-size:16px; font-weight: bold}

.qiebtn .swiper-button-prev{left:auto; top: auto; margin-right: 18px;}
.qiebtn .swiper-button-prev:hover{background-color:#d82c26;}


.qiebtn .swiper-button-next{right:auto; top: auto;}
.qiebtn .swiper-button-next:hover{background-color:#d82c26;}
.qiebtn .swiper-button-next:hover:after,.qiebtn .swiper-button-prev:hover:after{color: #ffffff;}

.teambox .swiper-slide{width: 35%; position: relative;}
.teamtxt{background: #ffffff; position: absolute; left:-1px; bottom: 0px; width: calc(80% - 60px);padding:30px;}
.teamtxt span img{width: 10px; margin-right: 10px}

.teamtxt h3{font-size: 24px;}
.teamtxt p{font-size:16px; margin-top: 5px; margin-bottom:20px;}

.teamtanbox{position: absolute; left: 0px; top: 0px; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); width: 100%; height: 100%; display: none}

.close_btn{width: 40px; height: 40px; position: absolute; right:10px; top:10px; display: none}
.close_btn img{width: 20px;}

.teamtantxt{padding: 0px 50px; line-height: 2; color: #666666; height: calc(100% - 250px);overflow-y: scroll}
.teamtantxt::-webkit-scrollbar { width:6px;background-color: #f8f8f8; }
.teamtantxt::-webkit-scrollbar-track { border-radius: 6px; background: #f8f8f8; }
.teamtantxt::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #bbbbbb; }




.teamtanbox h4{font-size: 30px; padding:10px 50px; position: relative; margin:50px 0px 20px;}
.teamtanbox h4:before{content: ''; width: 20px; height: 30px; background: url("../images/yin01.png") no-repeat left center; background-size: 100%;position: absolute; left:20px; top: 0px;}

.teamtanbox h4:after{content: ''; width: 20px; height: 30px; background: url("../images/yin02.png") no-repeat left center; background-size: 100%;position: absolute;  bottom:0px;}

.teambox .swiper-container{padding: 20px 0px;}


.platform_list li{border-top: 1px solid #333333; padding:40px 0px; margin-top:30px;}
.platform_list li h3{width:35%; font-size: 30px;}
.platform_list li h3 img{width:50px; margin-right:20px;}
.platform_list li p{width: 62%; line-height: 1.8}

.culture_bj{background: url("../images/culture_pic.jpg") no-repeat center center; background-size: cover;background-attachment: fixed}

.culture_txt{color: #ffffff}
.culture_txt .sytit2{margin-bottom: 20px;}
.culture_txt p{font-size: 20px; line-height: 2;}

.heisebj{background: #000000; padding: 28px 0px;}
.jobsbtn h5{font-size: 30px; color: #ffffff}


.jobsbtn a{width: 170px; height: 44px; background: #da291c; color: #fff; text-align: center; line-height: 44px;}
.jobsbtn a:hover{background: #ffffff; color: #000000}
.shouhtxt{font-size: 18px;}
.shouhtxt p{margin-top: 30px;}

.wedobox ul{width: calc(100% + 80px);margin-left:-80px;}
.wedobox li{width: calc(33.33% - 80px);margin-left: 80px; margin-top: 50px;}
.wedobox li p{font-size: 30px; font-weight: 500; margin-top: 20px}
.wedobox li .bigpic{position: relative}
.wedobox li .bigpic:before{content: '';width:50px; height: 50px; border-radius: 100%; background: url("../images/you.svg") no-repeat center center rgba(0,0,0,0.3); background-size: 10px auto; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 2; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} 

.wedobox li a:hover .bigpic:before{opacity: 1; top: 50%}


.videotanchu{background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999; display: none}

.videotanchubox{max-width: 1000px; margin: 0 auto; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 95%}
.videobox{position: relative}
.guanbi{width: 35px; height:35px; position: absolute; right:-30px; top: -30px;}
.guanbi img{width: 20px;}

.yuangzx{border-top: 1px solid rgba(0,0,0,0.2)}
.yuangzx li{width: calc(33.33% - 1px); border-left: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2);}
.yzhtxt{padding:12%}
.yzhtxt img{height:70px}

.yuangzx h4{font-size: 30px; margin: 30px 0px 20px}

.yuangzx p{line-height:1.8}

.nybantxt{position: absolute; left: 0px; bottom:10%; color: #ffffff; width: 100%}


.nybantxt h2{font-size: 60px;}
.nybantxt p{font-size: 40px; font-weight: 500}

.join_search_top{background: #ffffff}
.join_search_txt{height: 60px; width: calc(100% - 260px); padding: 0px 24px 0px 50px; border: none; background: url("../images/search_btn.svg") no-repeat 20px center #ffffff; background-size:20px auto;}

.join_search_btn{width:180px; height: 60px; color: #ffffff; background: #da291c; font-size: 20px; font-weight: bold;ransition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.join_search_btn:hover{background: #000000}


.radio{ position:relative; border:1px solid #cdcdcd; width:20px; height:20px;-webkit-appearance:none; border-radius:100%; margin-right:15px; overflow:hidden;}
.radio:checked{border:1px solid #da291c;background:url("../images/dui.svg") no-repeat center center #da291c; background-size: 60% auto}

.join_search_down label{cursor: pointer; padding: 10px 0px;}
.join_search_left li:first-child{margin-bottom: 30px;}
.join_search_left li p{font-size:20px; border-bottom: 1px solid #e3e3e3; padding:15px 0px; margin-bottom:20px;background: url("../images/xia.svg") no-repeat right center; background-size:10px auto;cursor: pointer}

.join_search_left li.cur p{background: url("../images/you2.svg") no-repeat right center; background-size:6px auto; }

.join_search_left{width: 300px;}

.join_search_down{height:303px; overflow-y: scroll}
.join_search_down::-webkit-scrollbar { width:6px;background-color: #ededed; }
.join_search_down::-webkit-scrollbar-track { border-radius: 6px; background: #ededed; }
.join_search_down::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #cccccc; }


.join_search_right{background: #ffffff; padding: 26px;width: calc(100% - 400px)}

.join_search_box_left{width: calc(100% - 200px); cursor: pointer}
.join_search_box_left p{font-size: 24px; font-weight: bold; position: relative}
.join_search_box_left p:after{content: ''; width: 12px; height: 12px; background: url("../images/you2.svg") no-repeat center center; background-size: 100% auto; position: absolute; margin-left: 10px;top: 50%; transform: translate(0,-50%)}

.join_search_box li.cur .join_search_box_left p:after{background: url("../images/xia.svg") no-repeat right center; background-size:100% auto;width: 14px; height: 14px;}

.join_search_box_left span{color: #c2c2c2; margin-top:10px; display: block}

.join_search_box_left span i{background: url("../images/addico.svg") no-repeat left center; background-size: 12px auto; padding:0 20px;}

.join_search_box_left span em{border-left: 1px solid #e3e3e3; padding:0 20px;}

.join_search_tit{border-bottom: 1px solid #e3e3e3; padding: 30px;}
.join_search_box_down{padding:20px 30px 30px; line-height: 1.8; display: none;font-size: 14px;}
.join_search_box_down h3{margin: 20px 0px 10px;}





.pagination {margin: 20px 0;}
.pagination li{margin: 0px 4px;}
.pagination li a{width: 30px; height: 30px; background: #f8f8f8; text-align: center; line-height: 30px; display: block}
.pagination li a:hover{background: #da291c; color: #ffffff}
.pagination a.pgleft1{background: url("../images/left2.svg") no-repeat center center #f8f8f8; background-size: 10px auto}
.pagination a.pgleft2{background: url("../images/left.svg") no-repeat center center #f8f8f8; background-size: 10px auto}

.pagination a.pgright1{background: url("../images/right.svg") no-repeat center center #f8f8f8; background-size: 10px auto}
.pagination a.pgright2{background: url("../images/right2.svg") no-repeat center center #f8f8f8; background-size: 10px auto}
.pagination a.pgleft1:hover{background: url("../images/left2h.svg") no-repeat center center #da291c; background-size: 10px auto}
.pagination a.pgleft2:hover{background: url("../images/lefth.svg") no-repeat center center #da291c; background-size: 10px auto}

.pagination a.pgright1:hover{background: url("../images/righth.svg") no-repeat center center #da291c; background-size: 10px auto}
.pagination a.pgright2:hover{background: url("../images/right2h.svg") no-repeat center center #da291c; background-size: 10px auto}



.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus {
    cursor: not-allowed;opacity: 0.5
}




.bannerwap{display: none}

.bannerwap2{display: none}





































