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