Yang Xiaoxiao / 2020website

body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,div,p,a,input,form,fieldset,textarea,blockquote{ margin:0; padding:0; font-family:Arial,"Microsoft Yahei";}
html{ font-size:62.5%;}
li{ list-style:none;}
/* h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal;} */
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none;}
table{ border-collapase:collapse;border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
.clear{ clear:both;}

/*head_public头部导航--默认公共样式*/
.head_public{ position:fixed; z-index:1000; width:100%;}
.head_public .inner{ margin: 0 auto;}
.head_public .inner:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.head_public .inner .design_logo{ width:100%; border-bottom: 1px solid #ececec; background:rgba(255,255,255,0.9);}
.logo_objecteye{
	margin: 5rem 0 5rem 5rem;
}
.language{height: 100px;width: 100px;right: 15rem;position: absolute;margin: 3rem 0 3rem 0;}

.nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden;zoom: 1; z-index:999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav-collapse ul{ display: block; list-style-type:none; list-style: none; width: 100%; float: left;}
.nav-collapse ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.nav-collapse li{ width: 100%; display: block;}
.nav-collapse a{ display:block; width:100%; text-align:center; font-size:36px;font-family: helvetica;font-weight: bold; text-decoration: none; background:rgba(255,255,255,0.9); color: #282828; border-bottom:0.20rem solid #ececec; padding:1em 0;}
.nav-collapse a:hover{ background:#cd1b00; color:#fff;}
.nav-toggle{ width:10rem;height:10rem; position:absolute; right:2rem; top:2rem; font-size:3rem; color:#bdbdbd; text-indent: -9999px; z-index:9999; overflow: hidden; background: url(../images/icon-nav-icon.png) no-repeat 0; background-size:200%; transition: all .1s; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.nav-toggle.active{ background: url(../images/icon-nav-icon.png) no-repeat -10rem; background-size:200%; transition-delay: .1s;}


.slide{ float: left;}
.slide, .slidesContainer{ height: 100%;display: block;}
.slides{ height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.section.table, .slide.table{ display: table;width: 100%;}
.tableCell{ display: table-cell;vertical-align: middle;width: 100%;height: 100%; height:auto !important;}
.slidesContainer{ float: left;position: relative;}
.controlArrow{ position: absolute;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;}
.controlArrow.prev{ left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.controlArrow.next{ right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.scrollable{ overflow: scroll;}
.easing{ -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
#superContainer{ height: 100%;position: relative;}
#myVideo{ position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%; background-size: 100% 100%; background-color:#fff; background-position: center center; background-size: contain; object-fit: cover;}
video::-webkit-media-controls { display:none !important;}
.section{ position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow:hidden;}
.section h3 { position: absolute; bottom:50%; z-index: 10; width: 512px; height: 45px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
/*-----元素动画-----*/
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}


/*f1*/
.section1 .bg{ background:url(../images/bg1.jpg) no-repeat center center; background-size:120%;}
.hgroup { position: absolute; width:70%; height:40%; left: 50%; top:55%; margin:-50% 0 0 -35%; text-indent:0px; background:rgba(48,55,67,0.5); text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center; -webkit-box-orient: vertical;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.hgroup h1{ width:70%; margin:0 auto;}
.hgroup h1 img{ width:100%;}
.hgroup h2{ width:70%; height:6rem; font-size:5rem; color:#fff; margin:20px auto 0; /* letter-spacing:9px; */ text-align: justify; text-align-last:justify; -moz-text-align-last: right;}
.hgroup h2:after{ content:''; width: 100%; display: inline-block; overflow: hidden; height: 0;}
.hgroup_L1{ width:30px; height:30px; position:absolute; left:-100px; top:13px; opacity: 0; transition: all 1s;}
.active .hgroup_L1{ left:12px; opacity: 1; transition-delay: 1.5s;}
.hgroup_L4{ width:30px; height:30px; position:absolute; left:-100px; bottom:13px; opacity: 0; transition: all 1s;}
.active .hgroup_L4{ left:12px; opacity: 1; transition-delay: 1.5s;}
.hgroup_R2{ width:30px; height:30px; position:absolute; right:-100px; top:13px; opacity: 0; transition: all 1s;}
.active .hgroup_R2{ right:12px; opacity: 1; transition-delay: 1.5s;}
.hgroup_R3{ width:30px; height:30px; position:absolute; right:-100px; bottom:13px; opacity: 0; transition: all 1s;}
.active .hgroup_R3{ right:12px; opacity: 1; transition-delay: 1.5s;}

.animation{ width:200px; position: absolute; color:#fff; opacity: 0; transition: all 1s;}
.animation span{ display:block; width:12px; height:12px; position:relative; border:4px solid #cf1524; -moz-border-radius: 100px; -webkit-border-radius: 100px;border-radius: 100px;}
.animation span b{ display:block; width:0px; height:2px; position:absolute; left:12px; top:5px; background:#cf1524; opacity: 0; transition: all 1s;}
.animation strong{ font-size:18px; line-height:35px; margin-left:20px; letter-spacing:5px;}
.animation p{ margin-left:20px; font-size:12px; letter-spacing:2px; text-transform:uppercase;}
.active .animation span b{ width:180px; opacity: 1; transition-delay: 1.5s;}
.animation1{ left:70%; top:23%; margin:0 0 0 -300px;}
.active .animation1{ left:48%; opacity: 1; transition-delay: 0.5s;}
.animation2{ left:90%; top:26%; margin:0 0 0 -300px;}
.active .animation2{ left:70%; opacity: 1; transition-delay: 0.6s;}
.animation3{ left:100%; top:50%; margin:0 0 0 -300px;}
.active .animation3{ left:86%; opacity: 1; transition-delay: 0.7s;}
.animation4{ left:90%; top:73%; margin:0 0 0 -300px; color:#3d4145;}
.active .animation4{ left:68%; opacity: 1; transition-delay: 0.8s;}
.animation5{ left:70%; top:70%; margin:0 0 0 -300px; color:#3d4145;}
.active .animation5{ left:48%; opacity: 1; transition-delay: 0.9s;}
.animation_frame{ width:60%; height:30%; position:absolute; left:50%; top:50%; margin:-15% 0 0 -30%;}

/*f2*/
.section2 .bg{ background:url(../images/bg2.jpg) no-repeat center center; background-size:120%;}
.section2 strong { position: absolute; left:0; top:-11rem; z-index: 10; width:100%; /* height:60px; */
 font-size:45px; line-height: 60px; font-family: helvetica; font-weight: bold; 
 color: #fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section2 p{ position: absolute; left:0; top:15rem; z-index: 10; width:100%; 
line-height:36px; font-size:28px;font-family: helvetica;
 color:#fff; text-align:center; opacity: 0; transition: all 1s; text-align: justify; text-align-last:justify; -moz-text-align-last: right;}
.section2 p:after{ content:''; width: 100%; display: inline-block; overflow: hidden; height: 0;}
.active .p1{ opacity: 1; transition-delay: 1s;}

/*f_spin*/
.section_spin .bg{ background:url(../images/bg11.jpg) no-repeat center center; background-size:120%;}
.section_spin strong { position: absolute; left:0; top:3rem; z-index: 10; width:100%; /* height:60px; */ font-size:7.3rem; font-weight: 500; color: #fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section_spin p{ position: absolute; left:0; top:15rem; z-index: 10; width:100%; line-height:5rem; font-size:3.5rem; color:#fff; text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s; text-align: justify; text-align-last:justify; -moz-text-align-last: right;}
.section_spin p:after{ content:''; width: 100%; display: inline-block; overflow: hidden; height: 0;}
.active .p1{ opacity: 1; transition-delay: 1s;}


/*f3*/
.section3 .bg{ background:url(../images/bg3.jpg) no-repeat center center; background-size:120%;}
.section3 strong { position: absolute; left:0; top:25rem; z-index: 10; width:100%; /* height:60px; */ 
font-size:45px;line-height: 60px;font-family: helvetica; font-weight: bold; 
color: #fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section3 p{ position: absolute; left:-500px; top:35rem; z-index: 10; width:100%;
 font-size:28px;line-height: 36px; font-family: helvetica;
 color:#fff; text-align:center; opacity: 0; transition: all 1s;}
.active .p3{ left:0px; opacity: 1; transition-delay: 0.7s;}

/*f4*/
.section4 .bg{ background:url(../images/bg4.jpg) no-repeat center center; background-size:120%;}
.section4 strong { position: absolute; right:0; top:0; z-index: 10; width: 100%; /* height:60px; */ 
font-size:45px;line-height: 60px;font-family: helvetica; font-weight: bold; 
color: #fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section4 p{ position: absolute; right:0; top:11rem; z-index: 10; width:100%; 
line-height:36px; font-size:28px;font-family: helvetica; color:#fff; text-align:center;}

/*f5*/
.section5 .bg{ background:url(../images/bg5.jpg) no-repeat center center; background-size:120%;}
.section5 strong { /* position: absolute; left:50%; top:50px; */ display:block; z-index: 10; width:70%; /* height:65px; */ margin:20% auto 0; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section5 strong img{ width:100%;}
.section5 h3 { position: initial; /* left:0; top:144px; */ display:block; z-index: 10; width:70%; height:auto; margin:5% auto 0; text-indent: 0px; font-size:6rem; color:#fff; text-align:center; letter-spacing:5px; font-weight:600; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section5 p { position: initial; /* left:0; top:205px; */ display:block; z-index: 10; width:70%; line-height:6rem; margin:7% auto 0; text-align:center; font-size: 3.5rem; color:#fff;}
/*多行文字*/
.text5{ position: absolute; left:50%; top:50%; z-index: 10; width:60%; height:50%; margin-left:-30%; margin-top:-40%; background:rgba(52,64,98,0.5); color: #fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active .text5{ opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1); transition-delay:0.7s;}
.text5 span{ position: absolute; background: #fff; -webkit-transition: all 2.5s cubic-bezier(.25, .46, .45, .94); -moz-transition: all 2.5s cubic-bezier(.25, .46, .45, .94); -o-transition: all 2.5s cubic-bezier(.25, .46, .45, .94); transition: all 2.5s cubic-bezier(.25, .46, .45, .94);}
.text5 .line_1{ top: 0;left: -2%;width: 0;height: 1px;}
.text5 .line_2{ top: -2%;right: 0;width: 1px;height: 0;}
.text5 .line_3{ right: -2%;bottom: 0;width: 0;height: 1px;}
.text5 .line_4{ bottom: -2%;left: 0;width: 1px;height: 0;}
.active .line_1, .active .line_3{ width:104%;}
.active .line_2, .active .line_4{ height:104%;}

/*f6*/
.section6 .bg{ background:url(../images/bg6.jpg) no-repeat center center; background-size:120%;}
.section6 h3 { width:15rem; height:15rem; left:50%; top:-70%; margin: 0 0 0 -15%; text-indent: inherit;}
.section6 h3 img{ width:100%;}
.section6 h4{ width:100%; position:absolute; top:-3rem; 
font-size:60px; font-family: helvetica;font-weight: bold;
color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.txt6 { position: absolute; left:0; top: 7rem; width:100%; text-align:center; opacity: 0; transition: all 1s;}
.txt6 p { font-family: helvetica; color: #fff; font-size:28px;line-height: 36px; font-family: helvetica;}
.active .txt6 { bottom:-10rem; opacity: 1; transition-delay: 0.7s;}
.txt6_watch{ width:100%; height:15rem; line-height:15rem; position: absolute; left:0; bottom:-15rem; background:rgba(207,21,35,0.9); color:#fff; text-align:center; font-size:30px;font-weight:bold; font-family: helvetica; opacity: 0; transition: all 1s;}
.txt6_watch span{ /* float:left; */}
.txt6_watch img{ /* float:left; */ width:3%; margin:0 0 0 10px;}
.active .txt6_watch{ bottom:0; opacity: 1; transition-delay: 1.2s;}

/*f7*/
.section7 .bg{ background:url(../images/bg7.jpg) no-repeat center center; background-size:120%;}
.section7 h3 { width:15rem; height:15rem; left:50%; top:-70%; margin: 0 0 0 -15%; text-indent: inherit;}
.section7 h3 img{ width:100%;}
.section7 h4{ width:100%; position:absolute; top:-3rem; font-size:60px; font-family: helvetica;font-weight: bold; color:#fff; 
text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.txt7 { position: absolute; right:0; bottom:-20rem; width:100%;font-family: helvetica;font-size: 28px; text-align:center; opacity: 0; transition: all 1s;}
.txt7 p { color: #fff; font-size:28px;}
.active .txt7 { top: 7rem; opacity: 1;font-family: helvetica;font-size: 30px;font-weight: bold; transition-delay: 0.7s;}
.txt7_watch{ width:100%; height:15rem; line-height:15rem; position: absolute; left:0; bottom:-15rem; background:rgba(207,21,35,0.9); color:#fff; text-align:center; font-size:3.5rem; opacity: 0; transition: all 1s;}
.txt7_watch span{ /* float:left; */}
.txt7_watch img{ /* float:left; */ width:3%; margin:0 0 0 10px;}
.active .txt7_watch{ bottom:0; opacity: 1; transition-delay: 1.2s;}

/*f8*/
.section8 .bg{ background:url(../images/bg8.jpg) no-repeat center center; background-size:120%;}
.section8 h3 { width:15rem; height:15rem; left:50%; top:-70%; margin: 0 0 0 -15%; text-indent: inherit;}
.section8 h3 img{ width:100%;}
.section8 h4{ width:100%; position:absolute; top:-3rem; font-size:60px;font-family: helvetica;font-weight: bold; color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.txt8 { position: absolute; left:0; bottom:-20rem; width:100%; text-align:center; opacity: 0; transition: all 1s;}
.txt8 p { line-height:36px; color: #EAEFF2; font-size:28px;font-family: helvetica;}
.active .txt8 { top: 10rem; opacity: 1; transition-delay: 0.7s;}
.txt8_watch{ width:100%; height:15rem; line-height:15rem; position: absolute; left:0; bottom:-15rem; background:rgba(207,21,35,0.9); color:#fff; text-align:center; font-size:3.5rem; opacity: 0; transition: all 1s;}
.txt8_watch span{ /* float:left; */}
.txt8_watch img{ /* float:left; */ width:3%; margin:0 0 0 10px;}
.active .txt8_watch{ bottom:0; opacity: 1; transition-delay: 1.2s;}

/*f9*/
.section9 .bg{ background:url(../images/bg9.jpg) no-repeat center center; background-size:120%;}
/* .section9 strong { width:455px; height:9px; position: absolute; right:0; top:0; z-index: 10; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;} */
.section9 h3 { width:15rem; height:15rem; left:50%; top:-70%; margin: 0 0 0 -15%; text-indent: inherit;}
.section9 h3 img{ width:100%;}
.section9 h4{ width:100%; position:absolute; top:-3rem; font-size:60px;font-family: helvetica;font-weight: bold; color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.txt9 { position: absolute; right:0; bottom:-20rem; width:100%; text-align:center; opacity: 0; transition: all 1s;}
.txt9 p {color: #EAEFF2; font-size:28px;font-family: helvetica;}
.active .txt9 { top: 7rem; opacity: 1; transition-delay: 0.7s;}
.txt9_watch{ width:100%; height:15rem; line-height:15rem; position: absolute; left:0; bottom:-15rem; background:rgba(207,21,35,0.9);
 color:#fff; text-align:center; font-size:30px;font-family: helvetica;font-weight: bold;  opacity: 0; transition: all 1s;}
.txt9_watch span{ /* float:left; */}
.txt9_watch img{ /* float:left; */ width:3%; margin:0 0 0 10px;}
.active .txt9_watch{ bottom:0; opacity: 1; transition-delay: 1.2s;}

/*f10*/
.myContent10{ width:100%; height:100%; padding:10rem 0 50px;}
.myContent10:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.section10 .bg{ background:url(../images/bg10.jpg) no-repeat center center; background-size:120%;}
.advantage{ position:absolute; /* left:30%; */ width:100%; height:80px; margin:0 auto; font-size:5rem; text-align:center;}
.advantage span{ height:78px; line-height:78px; text-align:center; padding-right:10px; padding: 20px 30px 20px; border-bottom:2px solid #cf1524;
font-family: helvetica;font-size: 36px;font-weight: bold;}
.advantage10 span{ color:#fff;}
.advantage_list{ display:block; width:85%; margin:15rem auto 0; position: absolute; left:50%; margin-left:-42%;}
.advantage_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.advantage_list dl{ display:block; width:50%; height:auto; float:left; overflow:hidden; margin:0 0 3rem 0; text-align:center; cursor: pointer;}
.advantage_list dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.advantage_list dl:nth-child(2n+0){ margin-right:0px;}
.advantage_list dl dt{ display:block; width:18.8rem; height:18.8rem; margin:0 auto; overflow:hidden; border:2px solid #fff; position:relative; -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%; 
/*dt图标旋转动画 */ transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
}
.advantage_list dl:hover dt{ background:#cf1524; border:2px solid #cf1524;}
.advantage_list dl dt span{ display:block; width:18.8rem; height:18.8rem; float:left; position:absolute; top:0px;}
.advantage_list dl dt .s1{ left:0px; opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;}
.advantage_list dl dt .s1 img{ width:100%;}
.advantage_list dl dt .s2{ left:18.8rem; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;}
.advantage_list dl dt .s2 img{ width:100%;}
.advantage_list dl:hover dt .s1{ left:-18.8rem; opacity: 0; -webkit-transition: all .3s ease-in-out .1s; -moz-transition: all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -o-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s;}
.advantage_list dl:hover dt .s2{ left:0px; opacity: 1; -webkit-transition: all .3s ease-in-out .1s; -moz-transition: all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -o-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s;}
.advantage_list dl dd{ display:block; color:#fff; font-size:28px;font-weight: bold;font-family: helvetica; margin-top:30px;}

/*f11*/
.myContent11{ padding:15rem 0 0;}
.case_list{ display:block; width:100%; margin:15rem 0 0 0; }
.case_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.case_list dl{ display:block; width:90%; margin:0 auto 20px;}
.case_list dl dt{ display:block; width:100%; text-align:right; position:relative;}
.case_list dl dt a{ display:block; width:100%; overflow:hidden;}
.case_list dl dt a img{ width:100%; transition: all 0.6s;}
.case_list dl dt a img:hover{ transform: scale(1.1);}
.case_list dl dt span{ display:block; width:100%; padding:2rem 0; font-size:4.5rem; position:absolute; left:0; bottom:0px; background:#cf1524; color:#fff; text-align:center; z-index:2;}
.case_list dl dd{ display:block; width:100%; font-size:3.5rem; text-align:center; padding:5rem 0; }
.case_list dl dd a{ color:#555;}
.case_more{ display:block; width:60%; padding:3rem 0; text-align:center; font-size:3.5rem; color:#cf1524; border:3px solid #cf1524; position:absolute; left: 50%; bottom:10%; margin: 0 0 0 -30%;}
.case_more:hover{ background:rgba(207,21,36,0.1);}
.section11.fp-slidesNav.fp-bottom{ bottom:30%;}

/*f12*/
.myContent12{ padding:15rem 0 0;}
.cooperation_list{ display:block; width:100%; margin:15rem auto 0; position: initial;}
.cooperation_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cooperation_list li{ display:block; width:33.3%; /* height:120px; */ float:left; text-align:center; /* margin:0 0 10px 0; position:relative; */ cursor: pointer;}
.cooperation_list li:nth-child(5n+0){ margin-right:0px;}
.cooperation_list li .gray{ /* position:absolute; left:0px; top:0px; */ z-index:2; opacity: 0.6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.cooperation_list li:hover .gray{ opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}

/*f13*/
.section13{ color:#555555; /* height:245px; */}
.myContent13{ height:80%; color:#555; font-size:14px; background:#f3f3f3; overflow:hidden;}
.myContent13_box{ width:90%; margin:10rem auto 0; padding:0 0 5rem 0;}
.myContent13_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.foot_modular{ display:block; width:48%; float:left;height: 450px;}
.foot_modular dt{ display:block; font-size:32px;font-family: helvetica; color:#6e6e6e; margin-bottom:20px; font-weight:bold;}
.foot_modular dd{ display:block;}
.foot_modular dd:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.foot_modular dd a{ display:block; line-height:48px; color:#555; font-size:27px;font-family: helvetica;font-weight: bold;}
.footer_nav{ width:50%;float: left; }
.footer_nav dd a{ display:block; color:#555; float:inherit; font-size:27px;font-weight: bold;line-height: 48px;font-family: helvetica;}
.footer_record{ width:90%; line-height:5rem; margin:0 auto; font-size:2.5rem; padding:3rem 0; text-align:center;font-family: helvetica;}
.footer_record a{ color:#555;}

.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}
.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; opacity: 0; transition: all 1s;}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/*-----CSS3过度及动画-----*/
/*Middle Transparency from 0 to 100*/
.p2 { position: absolute; font-size: 16px; opacity: 0; transition: all 1s;}
.active .p2 { opacity: 1; transition-delay: 1s;}

.p11 { position: absolute; left: 50%; top: 50%; width: 600px; margin: 0 0 0 -280px; font-size: 14px; opacity: 0; transition: all 0.5s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

/*Right Transparency from 0 to 100*/
.p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; opacity: 0; transition: all 1s;}
.active .p8 { opacity: 1; transition-delay: 1.7s;}

.active .mail { top: 25px; transition-delay: 0.7s;}

.active strong, .active h3, .active h4 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}


/*----------核心技术-----------*/
.header_cont{ width:100%; height:14rem;}
.header_cont .design_logo{ /* width:100%; */ padding:4.5rem 3rem; }
.header_text{ display:block; /* width:100%; */ line-height:13rem; text-align:center; font-size:36px;font-family: helvetica;font-weight: bold; padding:0 3rem; color:#575757;}
.header_text .iconfont{ float:left; font-size:5rem; line-height:13rem; color:#bdbdbd;}

.second_banner{ width:100%; height:55rem; /* margin-top:65px; */ background:url(../images/core_banner1.jpg) no-repeat center center; background-size:100%; position:relative;}
.second_banner_text{ width:50%; /* height:245px; */ position:absolute; left:50%; top:50%; margin-left:-25%; margin-top:-180px; text-align:center; font-size:3.5rem; color:#635450;}
.second_banner_text span{ display:block; width:100%; height:212px;}

.second_nav{ width:100%; /* height:190px; */ overflow:hidden;}
.second_nav_text{ width:90%; margin:72px auto 0;}
.second_nav_text:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.second_nav_text a{ display:block; width:46.5%; /* height:39px; line-height:39px; */ float:left; margin:0 5rem 2rem 0; text-align:center; 
font-size:27px;font-family: helvetica; color:#aeabab;}
.second_nav_text a span{ display:block; width:100%; padding:2rem 0; border:1px solid #aeabab;}
.second_nav_text a:hover span{ border:1px solid #cf1524; color:#cf1524;}
.second_nav_text a:nth-child(2n+0){ margin-right:0px;}
/* .second_nav_text .select{ border:1px solid #cf1524; color:#cf1524;} */

.floor_public_box{ width:75%; height:506px; margin:0 auto; position:relative;}
.floor_public_list{ width:90%; margin:5rem auto 0;}
.floor_public_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.floor_public_list dl{ display:block; float:left;}
.floor_public_list dl dt{ display:block;}
.floor_public_list dl dd{ display:block; padding:20px 0; margin-top:25px; position:relative;}
.floor_public_list dl dd h3{ font-size:32px;font-family: helvetica;font-weight: bold; margin-bottom:25px;}
.floor_public_list dl dd h4{ font-size:3.5rem; margin-bottom:25px;}
.floor_public_list dl dd p{ font-size:27px;font-family: helvetica;font-weight: bold; line-height:36px; color:#575757; text-align: justify;}
.floor_public_list dl dd span{ font-weight:600;}
.anli_headbox{ border:0.2rem solid #ececec;}
.floor_list_toptext{ font-size:3rem; line-height:4rem; margin-bottom:5rem; color:#575757; text-align: justify;}

/*second_f1*/
.floor_f1_banner{ width:100%; height:506px; background:url(../images/core_banner2.jpg) no-repeat center center; background-size:100%; position:relative;}
.floor_f1_text{ width:450px; position:absolute; left:0px; top:200px; color:#fff; text-align:left;}
.floor_f1_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f1_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f1_text p{ font-size:30px;font-family: helvetica; line-height:3rem;}
.floor_f1_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f1_list dl:nth-child(2n+0){ margin-right:0px;}
.floor_f1_list dl dt{ /* height:230px; */ overflow:hidden;}
.floor_f1_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f1_list dl dt img:hover{ transform: scale(1.1);}
/*second_f2*/
.floor_f2_banner{ width:100%; height:506px; background:url(../images/english/core_banner3.jpg) no-repeat center center; background-size:100%; position:relative;}
.floor_f2_banner2{ overflow:hidden; text-align:center;}
.floor_f2_banner2 img{ width:100%;}
.floor_f2_text{ width:450px; position:absolute; left:0px; top:200px; color:#232323; text-align:left;}
.floor_f2_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f2_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f2_text p{ font-size:30px;font-family: helvetica; line-height:5rem; color:#fff;}
.floor_f2_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f2_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f2_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f2_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f2_list dl dt img:hover{ transform: scale(1.1);}
/*second_f3*/
.floor_f3_banner{ width:100%; height:506px; background:url(../images/core_banner4.jpg) no-repeat center center; position:relative;background-size:100%;}
.floor_f3_text{ width:450px; position:absolute; right:0px; top:200px; color:#fff; text-align:right;}
.floor_f3_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f3_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f3_text p{ font-size:30px;font-family: helvetica; line-height:5rem;}
.floor_f3_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f3_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f3_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f3_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f3_list dl dt img:hover{ transform: scale(1.1);}
/*second_f4*/
.floor_f4_banner{ width:100%; height:506px; background:url(../images/core_banner5.jpg) no-repeat center center; position:relative;background-size:100%;}
.floor_f4_text{ width:450px; position:absolute; left:50%; top:130px; margin-left:-225px; color:#fff; text-align:center;}
.floor_f4_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f4_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f4_text p{ font-size:30px;font-family: helvetica; line-height:5rem;}
.floor_f4_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f4_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f4_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f4_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f4_list dl dt img:hover{ transform: scale(1.1);}
/*second_f5*/
.floor_f5_banner{ width:100%; height:506px; background:url(../images/core_banner6.jpg) no-repeat center center; position:relative;background-size:100%;}
.floor_f5_text{ width:450px; position:absolute; left:50%; top:130px; margin-left:-225px; color:#fff; text-align:center;}
.floor_f5_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f5_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f5_text p{ font-size:30px;font-family: helvetica; line-height:5rem;}
.floor_f5_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f5_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f5_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f5_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f5_list dl dt img:hover{ transform: scale(1.1);}
/*second_f6*/
.floor_f6_banner{ width:100%; height:506px; background:url(../images/core_banner7.jpg) no-repeat center center; position:relative;background-size:100%;}
.floor_f6_text{ width:450px; position:absolute; left:0px; top:200px; color:#fff; text-align:left;}
.floor_f6_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f6_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f6_text p{ font-size:30px;font-family: helvetica; line-height:5rem;}
.floor_f6_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f6_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f6_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f6_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f6_list dl dt img:hover{ transform: scale(1.1);}


/*second_f8*/
.floor_f8_banner{ width:100%; height:506px; background:url(../images/core_banner8.jpg) no-repeat center center; position:relative;background-size:100%;}
.floor_f8_text{ width:450px; position:absolute; left:0px; top:200px; color:#fff; text-align:left;}
.floor_f8_text h2{ font-size:36px; margin-bottom:55px; position:relative;}
.floor_f8_text h2 span{ display:block; position:absolute; left:50%; bottom:-15px; margin-left:-48px; width:97px; height:2px; background:#cf1524;}
.floor_f8_text p{ font-size:30px;font-family: helvetica; line-height:5rem;}
.floor_f8_list dl{ width:100%; margin:0 0 50px 0;}
.floor_f8_list dl:nth-child(3n+0){ margin-right:0px;}
.floor_f8_list dl dt{ /* height:147px; */ overflow:hidden;}
.floor_f8_list dl dt img{ width:100%; transition: all 0.6s;}
.floor_f8_list dl dt img:hover{ transform: scale(1.1);}


/*右侧悬浮框*/
.det_float_div{ width:150px; position: fixed; right:2%; top:50%; margin-top:-111px; z-index:999; display:none;}
.det_float_div a{ display:block; width:150px; height:35px; line-height:35px; text-align:center; border-bottom:1px solid #fff; background:#b5b7be; color:#fff;}
.det_float_div a:hover{ background:#d62330;}
.det_float_div .selected{ background:#d62330;}

/*----------产品服务-----------*/
.service_banner{  height:130rem; /* margin-top:65px; */ background:url(../images/service_banner1.jpg) no-repeat center center; background-size:150%; position:relative;}
.service_banner_text{ width:60%; /* height:170px; */ position:absolute; left:50%; top:50%; margin-left:-30%; margin-top:-20%; text-align:center; font-size:16px; color:#cac9c9;}
.service_banner_text span{ display:block; width:100%; /* height:65px; */ margin-bottom:2rem;}
.service_banner_text p{ line-height:5rem; font-size:3.5rem;}

.service_layout{ width:100%; height:1029px; background:url(../images/service_img1.jpg) no-repeat center center; overflow:hidden;}
.layout_content{ width:1200px; height:1029px; margin:0 auto; overflow:hidden; position:relative;}
.service_layout_text{ width:345px; margin:380px auto 0;}
.service_layout_text h2{ font-size:80px; color:#16191c;}
.service_layout_text h2 span{ color:#cf1524;}
.service_layout_text h3{ font-size:53px; color:#262829;}
.service_layout_text p{ font-size:16px; color:#16191c; text-align:center; margin-top:30px;}

.layout_content .pic{ position:absolute;}
.layout_content .pic1{ left:515px; top:125px;}
.layout_content .pic2{ left:785px; top:235px;}
.layout_content .pic3{ right:140px; top:375px;}
.layout_content .pic4{ right:175px; top:520px;}
.layout_content .pic5{ right:245px; top:685px;}
.layout_content .pic6{ right:305px; top:725px;}
.layout_content .pic7{ right:535px; bottom:210px;}
.layout_content .pic8{ left:230px; bottom:270px;}
.layout_content .pic9{ left:145px; top:455px;}
.layout_content .pic10{ left:210px; top:285px; z-index:2;}
.layout_content .pic11{ left:155px; top:245px; z-index:1;}
.layout_content .pic12{ left:385px; top:195px;}
.layout_content .pic13{ left:135px; top:185px;}

.service_peer{ width:100%; height:430px; overflow:hidden; background:url(../images/service_banner2.jpg) no-repeat center center;}
.service_peer dl{ display:block; width:690px; margin:140px auto 0;}
.service_peer dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.service_peer dl dt{ display:block; width:179px; height:214px; float:left; margin-right:80px; background:url(../images/service_icon1.png) no-repeat left 10px;}
.service_peer dl dd{ display:block; float:left;}
.service_peer dl dd h3{ font-size:36px; color:#fff;}
.service_peer dl dd h3 span{ color:#fa0216;}
.service_peer dl dd p{ font-size:16px; color:#fff; margin-top:30px; line-height:30px;}

.service_content_box{ width:100%; margin:0 auto;}
.service_content_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.service_content_box h3{ display:block; /* margin:10rem 0 0; */ text-align:center;}
.service_content_box h3 img{ width:30%;}
.service_content_box .service_bgimg{ width:100%;}

.service_title_english{display: block;text-align: center;font-family: helvetica;font-weight: bold;font-size: 48px;}
.service_title_english label{color: #ff0f22;}

.service_content{ width:305px;}
.service_content h2{}

.service_content p{ color:#575757; font-size:14px; line-height:28px;}
.service_content span{ color:#000; font-weight:600; line-height:5rem; font-size:3.5rem;}

.service_content1{ width:100%; padding-top:10rem; /* height:640px; */}
.service_content1 .service_content_box .service_content{ width:90%; margin:0 auto;}
.service_content1 .service_content_box .service_content p{ margin-bottom:4rem; line-height:6rem; font-size:3.5rem;}
.service_content2{ width:100%; padding-top:10rem; /* height:610px; */}
.service_content2 .service_content_box .service_content{ width:90%; margin:0 auto;}
.service_content2 .service_content_box .service_content p{ margin-bottom:1.5rem; line-height:6rem; font-size:3.5rem;}
.service_content3{ width:100%; padding-top:10rem; /* height:680px; */}
.service_content3 .service_content_box .service_content{ width:90%; margin:0 auto;}
.service_content3 .service_content_box .service_content p{ margin-bottom:1.5rem; line-height:6rem; font-size:3.5rem;}
.service_content4{ width:100%; padding-top:10rem; /* height:587px; */}
.service_content4 .service_content_box .service_content{ width:90%; margin:0 auto;}
.service_content4 .service_content_box .service_content p{ margin-bottom:1.5rem; line-height:6rem; font-size:3.5rem;}

/* .to_left{ float:left;}
.to_right{ float:right;} */

/*产品服务-案例分析*/
.fuwu_myContent11{ padding: 50px 0 50px;}
.fuwu_advantage{ position:absolute; /* left:30%; */ width:100%; height:80px; margin:0 auto; font-size:5rem; text-align:center;}
.fuwu_advantage span{ height:78px; line-height:78px; text-align:center; padding-right:10px; padding: 20px 30px 20px; border-bottom:2px solid #cf1524;}
/*anlifenxi*/
.device{ width:100%; height:55rem; margin:13rem auto 0; position: relative; overflow:hidden;}
.swiper-container{ width: 90%;}
.swiper-container dl{ display:block; width:100%;}
.swiper-container dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.swiper-container dl:nth-child(2n+0){ margin-right:0px;}
.swiper-container dl dt{ display:block; width:100%; text-align:right; position:relative; right:0px; top:0px;}
.swiper-container dl dt a{ display:block; width:100%; overflow:hidden;}
.swiper-container dl dt a img{ width:100%; transition: all 0.6s;}
.swiper-container dl dt a img:hover{ transform: scale(1.1);}
.swiper-container dl dt span{ display:block; width:100%; padding:2rem 0; font-size:4.5rem; position:absolute; left:0; bottom:0px; background:#cf1524; color:#fff; text-align:center; z-index:2;}
.swiper-container dl dd{ display:block; width:100%; font-size:3.5rem; text-align:center; padding:5rem 0;}
.swiper-container dl dd a{ color:#555;}
.pagination{ position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;}
.swiper-pagination-switch{ display: inline-block; width:2.5rem; height:2.5rem; border-radius:5rem;background: #999;/* box-shadow: 0px 1px 2px #555 inset; */margin:0 0.5rem 0 0.5rem;cursor: pointer;}
.swiper-active-switch{ background: #d91827;}

/*----------案例分析-----------*/
.case_banner{ width:100%; height:55rem; background:url(../images/anli_banner.jpg) no-repeat center center; background-size:100%; position:relative;}
.case_banner_text{ width:50%; position:absolute; left:50%; top:50%; margin-left:-25%; margin-top:-4rem; text-align:center; 
font-size:30px;font-family: helvetica;font-weight: bold; color:#fff; letter-spacing:1rem;}

.case_content{ width:100%; margin:0 auto;}
.tab{ width:100%; margin:88px auto;}
.tab:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tab_box{ width:90%; margin:0 auto; }
.tab_box h3{ display:block; width:130px; height:30px; line-height:30px; color:#000; font-size:28px; margin-bottom:20px; border-right:5px solid #cf1524;}
.tab-title{ width:100%;}
.tab-title:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tab-title .item{ display: inline-block; width:45%; padding:2rem 0; margin-bottom:5rem; float:left; border:0.2rem solid #d0d0d0; text-align: center; color: #333; font-size: 27px;font-family: helvetica;}
.tab-title .item:nth-child(2n+0){ float:right;}
.tab-title .item-cur{ color: #cf1524; border:0.2rem solid #d8290e; }
.tab-cont{ width:90%; margin:0 auto;}
.tab-cont__wrap{}
.tab-cont .item{ color: #313131; min-height:600px;}
.tab-cont .item h3{ font-size:36px;font-family: helvetica;font-weight: bold; color:#575757; margin-bottom:40px;}
.tab-cont .item h3 span{ font-size:12px;}
.tab_item_list{ width:765px; margin-bottom:30px;}
.tab_item_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tab_item_list dl{ width:360px; float:left; margin:0 45px 30px 0;}
.tab_item_list dl:nth-child(2n+0){ margin-right:0px;}
.tab_item_list dl dt{ overflow:hidden;}
.tab_item_list dl dt img{ display:block; width:100%; transition: all 0.6s;}
.tab_item_list dl dt img:hover{ transform: scale(1.1);}
.tab_item_list dl dd{ min-height:95px; padding:15px; border-left:1px solid #e7e8e8; border-bottom:1px solid #e7e8e8; border-right:1px solid #e7e8e8;}
.tab_item_list dl dd h4{ font-size:16px; line-height:35px;}
.tab_item_list dl dd p{ font-size:12px; line-height:20px; white-space:normal;}

/*-----------新闻资讯-----------*/
.news_banner{ width:100%; height:55rem; background:url(../images/zixun_banner.jpg) no-repeat center center; background-size:100%; position:relative;}
.news_banner_text{ width:50%; position:absolute; left:50%; top:50%; margin-left:-25%; margin-top:-4rem; text-align:center; font-size:4rem; color:#fff; letter-spacing:1rem;}

.news_infor_list{ display:block; color:#575757; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dbdbdb;}
.news_infor_list dt{ font-size:30px;font-family: helvetica; line-height:6rem; font-weight:bold;}
.news_infor_list dt a{ color:#575757;}
.news_infor_list dt span{ font-size:3rem; display:block;}
.news_infor_list dd{ font-size:27px; line-height:36px;font-family: helvetica; margin-top:2rem;}



/* news mobile */
.my_news_mobile_div{ width:100%; margin:0 auto;}
.my_news_mobile_divCon{ 
	width:90%; margin:10px auto;
}
.my_news_mobile_divConItem{
	display:block; color:#575757; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dbdbdb;
}
.my_news_mobile_divConItem dt{ font-size:30px;font-family: helvetica;font-weight: bold; line-height:6rem;}
.my_news_mobile_divConItem dt a{ color:#575757;}
.my_news_mobile_divConItem dt span{ font-size:3rem; display:block;}
.my_news_mobile_divConItem dd{ font-size:27px; line-height:36px;font-family: helvetica;text-align: justify; margin-top:2rem;}
.my_newInfo_imgCon{
            width: 882px;height: 500px;
			background-size: 100% 100%;

			/* background-size: contain; */
            /* background:no-repeat center; */

            margin-top: 1rem;
}
.my_news_mobile_divConItem dd{
		margin: 2rem 0 1rem 0;
		/* text-indent: 110px; */

}




/*-----------关于我们-----------*/
.aboutus_banner{ width:100%; height:auto; position:relative;}
.aboutus_banner_text{ width:50%; position:absolute; left:50%; top:50%; margin-left:-25%; margin-top:-4rem; text-align:center;
 font-size:36px;font-family: helvetica;font-weight: bold; color:#fff;}
.aboutus_banner img{ width:100%; display:block;}

.aboutus_cont{}
.aboutus_cont p{ font-size:27px;font-family: helvetica; line-height:36px; color:#575757; text-align:justify;}
.aboutus_cont img{ width:100%; margin:2rem 0;}
.qy_vision span{ color:#cf1524;}

.baidu_map{ width:100%; height:350px;}
.contact_cont p{ line-height:36px; font-size:27px;font-family: helvetica;}
.contact_cont p span{ font-size:27px; color:#cf1524;}
.contact_cont img{ width:100%;}
.join_cont{ padding:0 0 30px 0; border-bottom:1px dashed #575757;}
.join_cont p{ line-height:36px; font-size:27px; font-family: helvetica;text-align: justify;word-break: break-word;}
.join_cont p span{ color:#cf1524;}
.join_cont b{ line-height:7rem; font-size:4rem;}
.join_button{ width:100%;}
.join_button:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.join_button a{ display:block; float:left; color:#666666; width:45%; height:12rem; line-height:6rem; margin:3rem 0; padding:1rem; border:2px solid #666666;
 text-align:center; font-size:27px;font-family: helvetica;}
.join_button a:nth-child(2n+0){ float:right;}
.join_button a:hover{ border:2px solid #cf1524; background:#cf1524; color:#fff;}
.position_list{ width:90%; margin:0 auto;}/*职位详细*/
.con_one_title{ font-size:36px;font-family: helvetica;font-weight: bold; padding-left:1.5rem; margin: 4rem 0; border-left:0.5rem solid #cf1524;}'
.recruitment_list{ margin:0 0 2rem 0;}
.recruitment_list span{ display:block; color:#cf1524; line-height:6rem; font-size:27px;font-family: helvetica; margin-bottom:2rem;}
.recruitment_list p{ line-height:36px;font-family: helvetica; margin-bottom:1rem; font-size:27px; text-align:justify;}