Yang Xiaoxiao / 2020website

  body{min-width: 1620px;}
  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";}
  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-mail-头部导航*/
  /*.mail_box{ width:100%; height:65px; position:absolute; left:0px; top:0px; transition: all 1s; float: left; !* background:rgba(0,0,0,0.2); *! z-index:9999;}*/
  .mail_box{ width:100%; height:65px; position:fixed; left:0px; top:0px; transition: all 1s; float: left; background:rgba(55,55,55,0.9); z-index:9999;}
  .mail{ width:1100px; height:65px; margin:0 auto;position: static;}
  .my_mail_span{ float:left; margin:13px 52px 0 0;cursor:pointer;}
  .my_navi_a{ display:block; float:left; padding:18px 25px 18px; color:#fff;font-size: 16px;}
  .my_navi_a:hover{ background:#cf1524;}
  .mail .select{ background:#cf1524; color:#fff;}
  /* Slide transitions */
  .slideUp {
  	-webkit-transform: translateY(-100px);
  	-ms-transform: translateY(-100px);
  	-o-transform: translateY(-100px);
  	transform: translateY(-100px);
  	-webkit-transition: transform .5s ease-out;
  	-o-transition: transform .5s ease-out;
  	transition: transform .5s ease-out;
  }
  .slideDown {
  	-webkit-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
  	-webkit-transition: transform .5s ease-out;
  	-o-transition: transform .5s ease-out;
  	transition: transform .5s ease-out;
  }
  
  /* .mail_box_er{ position:absolute; left:0px; top:0px;} */
  .mail_er a{ color:#282828;}
  .mail_er a:hover{ background:#cf1524; color:#fff;}
  .mail_er .select{ background:#cf1524; color:#fff;}
  
  .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; height:690px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
  .section h3 { display:block; position: absolute; bottom:50%; z-index: 10; width: 100%; height:50px; line-height:50px; font-size:32px; color:#fff; text-align:left; transition: all 1s;}
  .section h3 span{ float:left;font-family: helvetica;font-size: 32px;font-weight: bold;}
  .section h3 img{ display:block; float:left; height:100%; margin-left:20px;}
  
  /*-----元素动画-----*/
  .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{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section1 .bg{ background:url(../images/ind_banner1.jpg) no-repeat center center;background-size:100% 100%}
  .hgroup { position: absolute; width:500px; height:210px; left: 50%; top:50%; margin:-127.5px 0 0 -312px; 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;}
  /*.swiper-slide-active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}*/
  .swiper-slide-active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.2s;}
  .hgroup h1{ margin-top:55px;}
  .hgroup h1 img{ width:70%;}
  .hgroup h2{ font-size:28px; color:#fff; margin-top:20px; letter-spacing:9px;}
  .hgroup_L{ width:28px; height:229px; position:absolute; left:-100px; top:13px; opacity: 0; transition: all 1s;}
  /*.swiper-slide-active .hgroup_L{ left:12px; opacity: 1; transition-delay: 1.5s;}*/
  .swiper-slide-active .hgroup_L{ left:12px; opacity: 1; transition-delay: 1s;}
  
  .hgroup_R{ width:28px; height:229px; position:absolute; right:-100px; top:13px; opacity: 0; transition: all 1s;}
  /*.swiper-slide-active .hgroup_R{ right:12px; opacity: 1; transition-delay: 1.5s;}*/
  .swiper-slide-active .hgroup_R{ right:12px; opacity: 1; transition-delay: 1s;}
  
  .animation{ width:200px; position: absolute; color:#fff; opacity: 0; transition: all 1s;}
  .animation span{ display:block; width:10px; height:10px; position:relative; border:3px solid #cf1524; -moz-border-radius: 100px; -webkit-border-radius: 100px;border-radius: 100px;}
  .animation span b{ display:block; width:0px; height:1px; position:absolute; left:5px; top:2px; 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;}
  .swiper-slide-active .animation span b{ width:180px; opacity: 1; transition-delay: 1.5s;}
  .animation1{ left:70%; top:16%; margin:0 0 0 -300px; text-align: left;}
  /*.swiper-slide-active .animation1{ left:45%; opacity: 1; transition-delay: 0.5s;}*/
  .swiper-slide-active .animation1{ left:45%; opacity: 1;}
  .animation2{ left:90%; top:14%; margin:0 0 0 -300px; text-align: left;}
  /*.swiper-slide-active .animation2{ left:65%; opacity: 1; transition-delay: 0.6s;}*/
  .swiper-slide-active .animation2{ left:65%; opacity: 1; transition-delay: 0.1s;}
  .animation3{ left:100%; top:43%; margin:0 0 0 -300px; text-align: left;}
  /*.swiper-slide-active .animation3{ left:80%; opacity: 1; transition-delay: 0.7s;}*/
  .swiper-slide-active .animation3{ left:80%; opacity: 1; transition-delay: 0.2s;}
  .animation4{ left:90%; top:73%; margin:0 0 0 -300px; text-align: left;}
  /*.swiper-slide-active .animation4{ left:68%; opacity: 1; transition-delay: 0.8s;}*/
  .swiper-slide-active .animation4{ left:68%; opacity: 1; transition-delay: 0.3s;}
  .animation5{ left:70%; top:70%; margin:0 0 0 -300px;  text-align: left;}
  /*.swiper-slide-active .animation5{ left:48%; opacity: 1; transition-delay: 0.9s;}*/
  .swiper-slide-active .animation5{ left:48%; opacity: 1; transition-delay: 0.4s;}
  .animation_frame{ width:1460px; height:600px; position:absolute; left:50%; top:55%; transform: translate(-50%,-50%);}
  .animation_frame:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  
  /*f2*/
  .section2{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section2 .bg{ background:url(../images/ind_banner2.jpg) no-repeat center center;background-size:100% 100%}
  /*.section2 strong { position: absolute; left:0; top:220px;; z-index: 10; width: 100%; height:60px; font-size:40px; 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;}*/
  .section2 strong
  { position: absolute; left:0; top:220px;; z-index: 10; width: 100%; height:60px; font-size:40px; 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;}
  .section2 p{ position: absolute; left:0; top:300px; z-index: 10; width:100%; font-size:16px; color:#fff; font-family: helvetica;
  text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s;}
  /*.swiper-slide-active .p1{ opacity: 1; transition-delay: 1s;}*/
  .swiper-slide-active .p1{ opacity: 1; transition-delay: 0.3s;}
  
  /*f3*/
  .section3{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section3 .bg{ background:url(../images/ind_banner3.jpg) no-repeat center center;background-size:100% 100%}
  .section3 strong { position: absolute; left:0; top:220px; z-index: 10; width: 512px; height:60px; font-size:40px; font-weight: 500; color: #000; 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:350px; z-index: 10; width:512px; font-size:16px; color:#000; font-family: helvetica;
  text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s;}
  /*.swiper-slide-active .p3{ left:0px; opacity: 1; transition-delay: 0.7s;}*/
  .swiper-slide-active .p3{ left:0px; opacity: 1; transition-delay: 0.3s;}
  
  /*f_site*/
  .section_site{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section_site .bg{ background:url(../images/main_banner_site.png) no-repeat center center;background-size:100% 100%}
  .section_site strong { position: absolute; left:0; top:130px; z-index: 10; width: 850px; height:60px; font-size:24px; font-weight: 500; color: white; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
  .section_site p{ position: absolute; left:0; top:170px; z-index: 10; width:512px; font-size:36px; color:white; text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s;}
  .section_site p span{color:rgb(247,23,41);font-size: 40px;}
  .swiper-slide-active .p_site{ left:0px; opacity: 1; transition-delay: 0.3s;}
  
  
  /*f4*/
  /* .slide4{background-image:url(../images/ind_banner4.jpg);} */
  .section4{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section4 .bg{ background:url(../images/ind_banner4.jpg) no-repeat center center;background-size:100% 100%}
  .section4 strong { position: absolute; right:0; top:220px; z-index: 10; width: 100%; height:60px; font-size:40px; 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;}
  .section4 p{ position: absolute; right:0; top:310px; z-index: 10; width:100%; font-size:16px; color:#fff; text-align:center; letter-spacing:2px;}
  .my_mouseHover{
  	cursor: pointer;
  }
  
  
  /*f5*/
  .section5{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section5 .bg{ background:url(../images/ind_banner5.jpg) no-repeat center center;background-size:100% 100%}
  .section5 strong { position: absolute; left:0; top:50px; z-index: 10; width:100%; height:65px; 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:65%;}
  .section5 h3 { position: absolute; left:0; top:125px; z-index: 10; width:100%; text-indent: 0px; font-size:31px; 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: absolute; left:0; top:120px; z-index: 10; width:100%; line-height:35px; text-align:center; font-size: 15px; color:#fff;}
  /*多行文字*/
  .text5{ position: absolute; left:50%; bottom:50%; z-index: 10; width:560px; height:240px; margin-left:-310px; margin-bottom:-135px; 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;}
  /*.swiper-slide-active .text5{ opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1); transition-delay:0.7s;}*/
  .swiper-slide-active .text5{ opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1);}
  .text5 span{ position: absolute; background: #fff; -webkit-transition: all 2s cubic-bezier(.25, .46, .45, .94); -moz-transition: all 2s cubic-bezier(.25, .46, .45, .94); -o-transition: all 2s cubic-bezier(.25, .46, .45, .94); transition: all 2s cubic-bezier(.25, .46, .45, .94);}
  .text5 .line_1{ top: 0;left: -10px;width: 0;height: 1px;}
  .text5 .line_2{ top: -10px;right: 0;width: 1px;height: 0;}
  .text5 .line_3{ right: -10px;bottom: 0;width: 0;height: 1px;}
  .text5 .line_4{ bottom: -10px;left: 0;width: 1px;height: 0;}
  
  /*f6*/
  .section6 .bg{ background:url(../images/ind_banner6.jpg) no-repeat center center;}
  .section6 strong { width:42px; height:9px; position: absolute; left:0; top:0; z-index: 10; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
  .frame6_left{ width:420px; height:450px; float:left; margin-top:78px;}
  .section6 h3 { width:382px; height:50px; top:100px; left:50px;}
  .txt6 { position: absolute; left:50px; top:190px; transition: all 1s;}
  .txt6 p { line-height:28px; color: #fff; font-size:14px;font-family: helvetica;}
  .frame6_right{ width:750px; height:450px; float:right; margin-top:78px; position: relative;}
  .txt6_watch{ width:400px; height:21px; position: absolute; left:200px; top:205px; color:#fff; transition: all 1s;
  			font-size: 18px;font-weight: bold;font-family: helvetica;
  }
  .txt6_watch span{ float:left;}
  .txt6_watch img{ float:left; margin:2px 0 0 10px;}
  
  /*f11*/
  .section_fangzhi{ position: relative; height:750px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  .section_fangzhi .bg{ background:url(../images/ind_banner11.jpg) no-repeat center center;background-size:100% 100%}
  /*.section_fangzhi strong { position: absolute; left:0; top:220px;; z-index: 10; width: 100%; height:60px; font-size:40px; 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_fangzhi strong
  { position: absolute; left:0; top:220px;; z-index: 10; width: 100%; height:60px; font-size:40px; 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_fangzhi p{ position: absolute; left:0; top:300px; z-index: 10; width:100%; font-size:16px; 
  color:#fff; text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s;
  font-family: helvetica;
  }
  /*.swiper-slide-active .p1{ opacity: 1; transition-delay: 1s;}*/
  .swiper-slide-active .p1{ opacity: 1; transition-delay: 0.3s;}
  
  
  .my_index_sectionImg{
  	margin: 20px 12px;
  }
  .corner_1{ width:27px; height:27px; position:absolute; left:4px; top:8px;}
  .corner_2{ width:27px; height:27px; position:absolute; right:4px; top:8px;}
  .corner_3{ width:27px; height:27px; position:absolute; right:4px; bottom:8px;}
  .corner_4{ width:27px; height:27px; position:absolute; left:4px; bottom:8px;}
  
  
  
  /*f7*/
  .section7 .bg{ background:url(../images/ind_banner7.jpg) no-repeat center center; }
  .section7 strong { width:455px; height:9px; position: absolute; right:0; top:0; z-index: 10; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
  .frame7_left{ width:750px; height:450px; float:left; margin-top:78px; position: relative;}
  .section7 h3 { width:455px; height:50px; top:80px; left:50px; }
  .frame7_right{ width:420px; height:450px; float:right; margin-top:78px; position:relative;}
  .txt7 { position: absolute; left:50px; top:160px; transition: all 1s;}
  .txt7 p { line-height:28px; color: #EAEFF2; font-size:14px;font-family: helvetica;}
  .txt7_watch{ width:400px; height:21px; position: absolute; left:200px; top:205px; color:#fff; transition: all 1s;
  			font-size: 18px;font-weight: bold;font-family: helvetica;
  }
  .txt7_watch span{ float:left;}
  .txt7_watch img{ float:left; margin:2px 0 0 10px;}
  
  /*f8*/
  .section8 .bg{ background:url(../images/ind_banner9.jpg) no-repeat center center;}
  .section8 strong { width:42px; height:9px; position: absolute; left:0; top:0; z-index: 10; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
  .frame8_right{ width:420px; height:450px; float:right; margin-top:78px;}
  .section8 h3 { width:382px; height:50px; top:120px; left:50px;}
  .txt8 { position: absolute; left:50px; top:200px; transition: all 1s;}
  .txt8 p { line-height:28px; color: #EAEFF2; font-size:14px;font-family: helvetica;}
  .active .txt8 { top:230px; opacity: 1; transition-delay: 0.7s;}
  .frame8_left{ width:750px; height:450px; float:left; margin-top:78px; position: relative;}
  .txt8_watch{ width:400px; height:21px; position: absolute; left:200px; top:205px; color:#fff; transition: all 1s;
  			font-size: 18px;font-weight: bold;font-family: helvetica;
  }
  .txt8_watch span{ float:left;}
  .txt8_watch img{ float:left; margin:2px 0 0 10px;}
  
  /*f9*/
  .section9 .bg{ background:url(../images/ind_banner8.jpg) no-repeat center center; }
  .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;}
  .frame9_left{ width:420px; height:450px; float:left; margin-top:78px; position:relative;}
  .section9 .frame9_left h3 { width:455px; height:50px; top:100px; left:50px; color:#32363f;}
  .txt9 { position: absolute; left:50px; top:190px; width:455px; transition: all 1s;}
  .txt9 p { line-height:28px; color: #292d35;font-size: 14px;font-family: helvetica;}
  .frame9_right{ width:780px; height:420px; float:right; margin-top:88px; position: relative;}
  .txt9_watch{ width:455px; height:21px; position: absolute; right:0; top:595px; color:#fff; opacity: 0; transition: all 1s;}
  .txt9_watch span{ float:left;}
  .txt9_watch img{ float:left; margin:2px 0 0 10px;}
  .active .txt9_watch{ top:405px; opacity: 1; transition-delay: 1.2s;}
  .section9_img a{cursor: default; display:block; float:right; margin:0 8px 8px 0;}
  /*f10*/
  .myContent10{ padding:0 0 50px;}
  .section10 .bg{ background:url(../images/ind_banner10.jpg) no-repeat center center;}
  .advantage{ position:initial; left:30%; width:1000px; height:80px; margin:0 auto; font-size:28px; text-align:center;}
  .advantage span{ height:78px; line-height:78px;font-family: helvetica;font-size: 24px;font-weight: bold; text-align:center; padding-right:10px; padding: 20px 30px 20px; border-bottom:2px solid #cf1524;}
  .advantage10 span{ color:#fff;font-family: helvetica;font-size: 24px;font-weight: bold;}
  .advantage_list{ display:block; width:1415px; margin: 100px auto 0; position: initial;}
  .advantage_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .advantage_list dl{ display:block; width:177px; height:295px; float:left; overflow:hidden; margin:0 27px 30px 0; text-align:center; cursor: pointer;}
  .advantage_list dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .advantage_list dl:nth-child(7n+0){ margin-right:0px;}
  .advantage_list dl dt{ display:block; width:173px; height:173px; margin-right:15px; 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:173px; height:173px; 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:173px; 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:-173px; 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:18px;font-family: helvetica;line-height: 24px; margin-top:30px;}
  
  /*f11*/
  .section11{ position:relative; height:800px;}
  .myContent11{ padding: 50px 0 50px;}
  .myContent11:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .case_list{ display:block; width:1010px; height:595px; margin:80px 0 0 -505px; position:relative; left: 50%; top: 50%;}
  .case_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .case_list dl{ display:block; width:470px; height:263px; float:left; margin:0 30px 0 20px;}
  .case_list dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .case_list dl:nth-child(2n+0){ margin-right:0px;}
  .case_list dl dt{ display:block; width:470px; height:203px; text-align:right; position:relative; right:0px; top:0px;}
  .case_list dl dt a{ display:block; width:470px; height:203px; 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:187px; height:45px; line-height:45px; position:absolute; left:-20px; bottom:0px; background:#cf1524; color:#fff; text-align:center; z-index:2;}
  .case_list dl dd{ display:block; width:470px; line-height:60px; right:0px; bottom:0px;}
  .case_list dl dd a{ color:#555;}
  .case_more{ display:block; width:275px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#cf1524; border:3px solid #cf1524; position:absolute; left: 50%; bottom:0; margin: 0 0 0 -137px;}
  .case_more:hover{ background:rgba(207,21,36,0.1);}
  
  /*f12*/
  .section12{ position: relative; height:900px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; /* overflow:hidden; */}
  .myContent12{ padding: 100px 0 50px;}
  .cooperation_list{ display:block; width:1112px; margin: 50px auto 0; position: initial;}
  .cooperation_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .cooperation_list li{ display:block; width:200px; height:120px; float:left; margin:10px 28px 10px 0; position:relative; }
  .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;}
  .advantage12{ margin:70px auto 0;}
  
  /*f13*/
  .section13{ color:#555555; height:245px;}
  .myContent13{ height:168px; color:#555; font-size:14px; background:#f3f3f3; overflow:hidden;}
  .myContent13_box{ width:1155px; margin:0 auto; height:168px;}
  .foot_modular{ display:block; width:320px; float:left; margin-top:30px;}
  .my_core_footDiv{width: 480px;}
  .foot_modular dt{ display:block; width:139px; font-size:14px; color:#6e6e6e; margin-bottom:20px; font-weight:600;}
  #my_core_footDD{width:500px}
  
  .foot_modular dd{ display:block; width:280px;}
  .foot_modular dd:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .foot_modular dd a{ display:block; width:130px; line-height:25px; color:#555; float:left; font-size:12px;font-family: helvetica;}
  .footer_nav dd a{ display:block; width:278px; color:#555; float:inherit; font-size:12px;}
  .footer_record{ width:1155px; height:77px; line-height:77px; margin:0 auto; font-size:12px;}
  .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;}
  /*.swiper-slide-active .p2 { opacity: 1; transition-delay: 1s;}*/
  .swiper-slide-active .p2 { opacity: 1; transition-delay: 0.3s; font-family: helvetica;font-size: 16px;}
  .swiper-slide-active .p_site { opacity: 1; transition-delay: 0.3s; font-family: helvetica;font-size: 30px;}
  
  .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;}
  
  /*.swiper-slide-active strong, .swiper-slide-active h3 */
  /*{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}*/
  .swiper-slide-active strong, .swiper-slide-active h3
  { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); 
  	font-family: helvetica; 
  	/* font-size: 40px; */
  }
  
  .swiper-slide-active .line_1, .swiper-slide-active .line_3{ width:640px;}
  .swiper-slide-active .line_2, .swiper-slide-active .line_4{ height:260px;}
  
  /*----------核心技术-----------*/
  .second_banner{ width:100%; height:460px; margin-top:65px; background:url(../images/core_banner1.jpg) no-repeat center center; position:relative;}
  .second_banner_text{ width:267px; height:245px; position:absolute; left:50%; top:50%; margin-left:-133px; margin-top:-180px; text-align:center; font-size:20px; color:#635450;}
  .second_banner_text span{ display:block; width:267px; height:212px;}
  
  .second_nav{ width:100%; height:190px; overflow:hidden;}
  .second_nav_text{ width:1000px; margin:72px auto 0;}
  .second_nav_text:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .second_nav_text a{ display:block; width:137px; height:39px; line-height:39px; float:left; margin:0 33px 0 0; text-align:center; border:1px solid #666666; color:#666666;}
  .second_nav_text a:hover{ border:1px solid #cf1524; color:#cf1524;}
  .second_nav_text a:nth-child(6n+0){ margin-right:0px;}
  .second_nav_text .select{ border:1px solid #cf1524; color:#cf1524;}
  
  .floor_public_box{ width:1000px; height:506px; margin:0 auto; position:relative;}
  .floor_public_list{ width:1000px; margin:100px 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; margin-top:25px; min-height:145px; position:relative;}
  .floor_public_list dl dd h3{ font-size:16px; margin-bottom:25px; font-weight: bold;}
  .floor_public_list dl dd p{ font-size:14px; color:#575757;}
  .floor_public_list dl dd span{ position:absolute; background:#d8dee0;}
  .floor_public_list dl dd .line_1{ top: 0; left:0; width:60px; height: 1px;}
  .floor_public_list dl dd .line_2{ bottom:0; right: 0; width: 1px; height:60px;}
  .floor_public_list dl dd .line_3{ right:0; bottom: 0; width:60px; height: 1px;}
  .floor_public_list dl dd .line_4{ top:0; left: 0; width: 1px; height:60px;}
  /*second_f1*/
  .floor_f1_banner{ width:100%; height:506px; background:url(../images/core_banner2.jpg) no-repeat center center; position:relative;}
  .floor_f1_text{ width:450px; position:absolute; left:0px; top:200px; color:#fff; text-align:center;}
  .floor_f1_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  
  
  .floor_f1_list dl{ width:465px; margin:0 70px 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/core_banner3.jpg) no-repeat center center; position:relative;}
  .floor_f2_banner2{ width:100%; height:803px; background:url(../images/core_2f_bgimg.jpg) no-repeat center top; overflow:hidden; text-align:center;}
  .floor_f2_text{ width:450px; position:absolute; left:0px; top:200px; color:#232323; text-align:center;}
  .floor_f2_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  
  .floor_f2_list dl{ width:297px; margin:0 54px 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;}
  .floor_f3_text{ width:450px; position:absolute; right:0px; top:200px; color:#fff; text-align:center;}
  .floor_f3_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  .floor_f3_list dl{ width:297px; margin:0 54px 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;}
  .floor_f4_text{ width:1000px; position:absolute; left:50%; top:200px; margin-left:-500px; color:#fff; text-align:center;}
  .floor_f4_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  .floor_f4_list dl{ width:297px; margin:0 54px 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;}
  .floor_f5_text{ width:1000px; position:absolute; left:50%; top:200px; margin-left:-500px; color:#fff; text-align:center;}
  .floor_f5_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  .floor_f5_list dl{ width:297px; margin:0 54px 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;}
  .floor_f6_text{ width:450px; position:absolute; left:0px; top:200px; color:#fff; text-align:center;}
  .floor_f6_text h2{ font-size:36px; margin-bottom:55px; position:relative; letter-spacing:5px;}
  .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:16px; line-height:30px; letter-spacing:5px;}
  .floor_f6_list dl{ width:297px; margin:0 54px 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);}
  
  /*右侧悬浮框*/
  .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:#777777; color:#fff;}
  .det_float_div a:hover{ background:#d62330;}
  .det_float_div .selected{ background:#d62330;}
  
  /*----------产品服务-----------*/
  .service_banner{ width:100%; height:459px; margin-top:65px; background:url(../images/service_banner1.jpg) no-repeat center center; position:relative;}
  .service_banner_text{ width:466px; height:170px; position:absolute; left:50%; top:50%; margin-left:-233px; margin-top:-85px; text-align:center; font-size:16px; color:#cac9c9;}
  .service_banner_text span{ display:block; width:466px; height:65px; margin-bottom:30px;}
  .service_banner_text p{ line-height:35px;}
  
  .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:1000px; margin:0 auto;}
  .service_content_box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .service_content{ width:305px;}
  .service_content h2{}
  .service_content h3{ display:block; margin:70px 0 50px;}
  .service_content p{ color:#575757; font-size:14px; line-height:28px;}
  .service_content span{ color:#000; font-weight:600;}
  
  .service_content1{ width:100%; height:640px; background:url(../images/service_img2.jpg) no-repeat center top;}
  .service_content1 .service_content_box .service_content{ margin:107px 0 0 63px;}
  .service_content1 .service_content_box .service_content p{ margin-bottom:30px; line-height:30px;}
  .service_content2{ width:100%; height:610px; background:url(../images/service_img3.jpg) no-repeat center top;}
  .service_content2 .service_content_box .service_content{ margin:83px 22px 0 0;}
  .service_content3{ width:100%; height:680px; background:url(../images/service_img4.jpg) no-repeat center top;}
  .service_content3 .service_content_box .service_content{ margin:178px 0 0 68px;}
  .service_content4{ width:100%; height:587px; background:url(../images/service_img5.jpg) no-repeat center top;}
  .service_content4 .service_content_box .service_content{ margin:114px 22px 0 0;}
  
  .to_left{ float:left;}
  .to_right{ float:right;}
  
  /*产品服务-案例分析*/
  .fuwu_myContent11{ padding: 50px 0 50px;}
  .fuwu_advantage{ position:initial; left:30%; width:1000px; height:80px; margin:0 auto 50px; font-size:28px; text-align:left;}
  .fuwu_advantage span{ height:78px; line-height:78px; text-align:center; padding-right:10px; padding: 0px 30px 0px 0; border-right:2px solid #cf1524;}
  .fuwu_case_list{ display:block; width:1010px; margin: 0 auto;/*  position: absolute; */ left: 50%; top: 50%;}
  .fuwu_case_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .fuwu_case_list dl{ display:block; width:470px; height:263px; float:left; margin:0 30px 0 20px;}
  .fuwu_case_list dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .fuwu_case_list dl:nth-child(2n+0){ margin-right:0px;}
  .fuwu_case_list dl dt{ display:block; width:470px; height:203px; text-align:right; position:relative; right:0px; top:0px;}
  .fuwu_case_list dl dt a{ display:block; width:470px; height:203px; overflow:hidden;}
  .fuwu_case_list dl dt a img{ width:100%; transition: all 0.6s;}
  .fuwu_case_list dl dt a img:hover{ transform: scale(1.1);}
  .fuwu_case_list dl dt span{ display:block; width:220px; height:60px; line-height:60px; position:absolute; left:-20px; bottom:0px; background:#cf1524; color:#fff; text-align:center; z-index:2;}
  .fuwu_case_list dl dd{ display:block; width:470px; line-height:60px; right:0px; bottom:0px;}
  .fuwu_case_list dl dd a{ color:#555;}
  .anli_more{ display:block; width:280px; height:55px; line-height:55px; margin:0 auto 100px; text-align:center; border:3px solid #cf1524; font-size:20px; color:#cf1524;}
  .anli_more:hover{ background:rgba(207,21,36,0.1);}
  
  
  /*----------案例分析-----------*/
  .case_banner{ width:100%; height:400px; margin-top:65px; background:url(../images/anli_banner.jpg) no-repeat center center; position:relative;}
  .case_content{ width:1000px; margin:0 auto;}
  .tab{ width:1000px; margin:88px auto;}
  .tab:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .tab_box{ width:135px; float:left;}
  .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:135px;}
  .tab-title .item{ display: inline-block; width:135px; height:40px; line-height:40px; text-align: left; color: #333; font-size: 16px;}
  .tab-title .item-cur{ color: #cf1524;}
  .tab-cont{ width:765px; float:right;}
  .tab-cont__wrap{}
  .tab-cont .item{ color: #313131; min-height:600px;}
  .tab-cont .item h3{ font-size:24px; 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:400px; margin-top:65px; background:url(../images/news_banner.jpg) no-repeat center center; position:relative;}
  .news_infor_list{ display:block; color:#575757; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dbdbdb;}
  .news_infor_list dt{ font-size:20px; line-height:30px;}
  .news_infor_list dt a{ color:#575757;}
  .news_infor_list dt span{ font-size:12px; display:block;}
  .news_infor_list dd{ font-size:14px; line-height:25px; margin-top:15px;}
  
  /*-----------关于我们-----------*/
  .aboutus_banner{ width:100%; height:400px; margin-top:65px; background:url(../images/aboutus_banner.jpg) no-repeat center center; position:relative;}
  .aboutus_cont{}
  .aboutus_cont h2{ font-size:24px;}
  .aboutus_cont p{ font-size:16px; line-height:30px; color:#575757;}
  .aboutus_cont img{ margin:15px 0;}
  .qy_vision span{ color:#cf1524;}
  
  .baidu_map{ width:750px; height:350px;}
  .contact_cont p{ line-height:30px;}
  .contact_cont p span{ font-size:25px; color:#cf1524;}
  
  .join_cont{ padding:0 0 30px 0; border-bottom:1px dashed #575757;}
  .join_cont p{ line-height:28px;}
  .join_cont p span{ color:#cf1524;}
  .join_cont b{ line-height:28px;}
  #Tab1{ padding:0px; margin:50px auto 0;}
  .Menubox_one { position:relative;}
  .Menubox_one ul{ display:block; width:100%; margin:0px; padding:0px;}
  .Menubox_one ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
  .Menubox_one li{ float:left; display:block; cursor:pointer; color:#666666; width:168px; height:38px; line-height:38px; margin:0 15px 15px 0; border:1px solid #8d8d8d; text-align:center; font-size:14px; font-family:'微软雅黑';}
  .Menubox_one li.hover{ padding:0px;color:#fff; height:38px; width:168px; border:1px solid #cf1524; background:#cf1524;}
  .Menubox_one li:nth-child(4n+0){ margin-right:0px;}
  .Contentbox_one{ clear:both; margin-top:50px;}
  .con_one_title{ font-size:20px; padding-left:15px; border-left:3px solid #cf1524;}'
  .recruitment_list{}
  .recruitment_list span{ color:#cf1524; line-height:28px; font-size:14px;}
  .recruitment_list p{ line-height:28px; font-size:14px;}
  
  
  
  .my_wechatGreyImg,.my_wechatGreenImg{
      height: 1.5rem;
      width: 1.5rem;
      vertical-align:bottom;
  
  }
  .my_wechatGreenImg{
      -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;
  }
  .my_wechatA_0{
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(1);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
  }
  .my_wechatA_1{
      -webkit-filter: grayscale(0%);
  }
  .my_wechat_name:hover{
  	color: #cf1524;
  }
  
  .weChat{
      position: absolute;
      right: 22%;
      bottom: 10px;
      height: 84px;
      width: 84px;
  
      display: none;
  }