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";}
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:fixed; left:0px; top:0px; transition: all 1s; float: left; /* background:rgba(0,0,0,0.2); */ z-index:9999;}
.mail{ width:60%; height:65px; margin:0 auto;}
.mail span{ float:left; margin:13px 20px 0 0;}
.mail a{ display:block; float:left; padding:25px 25px 19px; color:#fff;}
.mail a:hover{ background:#cf1524;}
.mail .select{ background:#cf1524; color:#fff;}

.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;-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/bg_img1.jpg) no-repeat center center; background-size:110%;}
.hgroup { position: absolute; width:625px; height:255px; 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;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.hgroup h1{ margin-top:60px;}
.hgroup h2{ font-size:42px; 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;}
.active .hgroup_L{ left:12px; opacity: 1; transition-delay: 1.5s;}
.hgroup_R{ width:28px; height:229px; position:absolute; right:-100px; top:13px; opacity: 0; transition: all 1s;}
.active .hgroup_R{ 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:600px; position:absolute; left:50%; top:50%; margin:-300px 0 0 -30%;/*  background:rgba(0,0,0,0.2); z-index:2; */}

/*f2*/
.section2 .bg{ background:url(../images/bg_img2.jpg) no-repeat center center; background-size:110%;}
.section2 strong { position: absolute; left:0; top:160px;; z-index: 10; width: 600px; height:60px; font-size:44px; 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:252px; z-index: 10; width:600px; font-size:18px; color:#fff; text-align:center; letter-spacing:2px; opacity: 0; transition: all 1s;}
.active .p1{ opacity: 1; transition-delay: 1s;}

/*f3*/
.section3 .bg{ background:url(../images/bg_img3.jpg) no-repeat center center; background-size:110%;}
.section3 strong { position: absolute; left:0; top:220px; z-index: 10; width: 512px; height:60px; font-size:44px; 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:310px; z-index: 10; width:512px; font-size:18px; color:#000; text-align:left; letter-spacing:2px; opacity: 0; transition: all 1s;}
.active .p3{ left:0px; opacity: 1; transition-delay: 0.7s;}

/*f4*/
.section4 .bg{ background:url(../images/bg_img4.jpg) no-repeat center center; background-size:110%;}
.section4 strong { position: absolute; right:0; top:220px; z-index: 10; width: 512px; height:60px; font-size:44px; 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:512px; font-size:18px; color:#fff; text-align:center; letter-spacing:2px;}

/*f5*/
.section5 .bg{ background:url(../images/bg_img5.jpg) no-repeat center center; background-size:110%;}
.section5 strong { position: absolute; left:0; top:50px; z-index: 10; width:645px; height:65px; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section5 h3 { position: absolute; left:0; top:144px; z-index: 10; width:645px; text-indent: 0px; font-size:36px; 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:205px; z-index: 10; width:645px; line-height:35px; text-align:center; font-size: 18px; color:#fff;}
/*多行文字*/
.text5{ position: absolute; left:50%; bottom:50%; z-index: 10; width:645px; height:270px; margin-left:-322px; 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;}
.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: -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/bg_img6.jpg) no-repeat center center; background-size:110%;}
.section6 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;}
.section6 h3 { width:382px; height:69px; top:90px; background:url(../images/page_6_img1.png) no-repeat;}
.txt6 { position: absolute; left: 70%; top:230px; width: 447px; opacity: 0; transition: all 1s;}
.txt6 p { line-height:36px; color: #fff; font-size:18px;}
.active .txt6 { left:0; opacity: 1; transition-delay: 0.7s;}
.txt6_watch{ width:382px; height:21px; position: absolute; left: 70%; top:475px; color:#fff; opacity: 0; transition: all 1s;}
.txt6_watch span{ float:left;}
.txt6_watch img{ float:left; margin:2px 0 0 10px;}
.active .txt6_watch{ left:0; opacity: 1; transition-delay: 1.2s;}

/*f7*/
.section7 .bg{ background:url(../images/bg_img7.jpg) no-repeat center center; background-size:110%;}
.section7 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;}
.section7 h3 { width:455px; height:69px; top:90px; right:0; background:url(../images/page_7_img1.png) no-repeat;}
.active .section7 strong { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.txt7 { position: absolute; right:0; top:290px; width:455px; opacity: 0; transition: all 1s;}
.txt7 p { line-height:36px; color: #EAEFF2;}
.active .txt7 { top:230px; opacity: 1; transition-delay: 0.7s;}
.txt7_watch{ width:455px; height:21px; position: absolute; right:0; top:595px; color:#fff; opacity: 0; transition: all 1s;}
.txt7_watch span{ float:left;}
.txt7_watch img{ float:left; margin:2px 0 0 10px;}
.active .txt7_watch{ top:565px; opacity: 1; transition-delay: 1.2s;}

/*f8*/
.section8 .bg{ background:url(../images/bg_img8.jpg) no-repeat center center; background-size:110%;}
.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;}
.section8 h3 { width:382px; height:69px; top:90px; left:0; background:url(../images/page_8_img1.png) no-repeat;}
.active .section8 strong { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.txt8 { position: absolute; left:0; top:290px; width: 420px; opacity: 0; transition: all 1s;}
.txt8 p { line-height:36px; color: #EAEFF2;}
.active .txt8 { top:230px; opacity: 1; transition-delay: 0.7s;}
.txt8_watch{ width:382px; height:21px; position: absolute; left:0; top:495px; color:#fff; opacity: 0; transition: all 1s;}
.txt8_watch span{ float:left;}
.txt8_watch img{ float:left; margin:2px 0 0 10px;}
.active .txt8_watch{ top:475px; opacity: 1; transition-delay: 1.2s;}

/*f9*/
.section9 .bg{ background:url(../images/bg_img9.jpg) no-repeat center center; background-size:110%;}
.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:455px; height:69px; top:90px; right:0; background:url(../images/page_9_img1.png) no-repeat;}
.txt9 { position: absolute; right:0; top:290px; width:455px; opacity: 0; transition: all 1s;}
.txt9 p { line-height:36px; color: #EAEFF2;}
.active .txt9 { top:230px; opacity: 1; transition-delay: 0.7s;}
.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;}

/*f10*/
.myContent10{ padding:0 0 50px;}
.section10 .bg{ background:url(../images/bg_img10.jpg) no-repeat center center; background-size:110%;}
.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; text-align:center; padding-right:10px; padding: 20px 30px 20px; border-bottom:2px solid #cf1524;}
.advantage10 span{ color:#fff;}
.advantage_list{ display:block; width:1200px; margin: 150px auto 0; position: initial;}
.advantage_list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.advantage_list dl{ display:block; width:192px; height:295px; float:left; overflow:hidden; margin:0 60px 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(5n+0){ margin-right:0px;}
.advantage_list dl dt{ display:block; width:188px; height:188px; 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:188px; height:188px; 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 .s2{ left:188px; 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:hover dt .s1{ left:-188px; 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:22px; margin-top:30px;}

/*f11*/
.myContent11{ padding: 50px 0 50px;}
.case_list{ display:block; width:1010px; height:595px; margin:-270px 0 0 -505px; position: absolute; 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:220px; height:60px; line-height:60px; 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*/
.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; 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:168px; color:#555; font-size:14px; background:#f3f3f3; overflow:hidden;}
.myContent13_box{ width:1112px; margin:0 auto; height:168px;}
.foot_modular{ display:block; width:278px; float:left; margin-top:30px;}
.foot_modular dt{ display:block; width:139px; font-size:14px; color:#6e6e6e; margin-bottom:20px; font-weight:600;}
.foot_modular dd{ display:block; width:180px;}
.foot_modular dd:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.foot_modular dd a{ display:block; width:80px; line-height:25px; color:#555; float:left; font-size:12px;}
.footer_nav dd a{ display:block; width:278px; color:#555; float:inherit; font-size:12px;}
.footer_record{ width:1112px; 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;}
.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 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .line_1, .active .line_3{ width:665px;}
.active .line_2, .active .line_4{ height:290px;}

/*----------核心技术-----------*/
.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:1200px; 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 73px 0 0; text-align:center; border:1px solid #aeabab; color:#aeabab;}
.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:60%; 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; position:relative;}
.floor_public_list dl dd h3{ font-size:16px; margin-bottom:25px;}
.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;}
.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:18px;}


.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{ 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;}
.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:18px;}

.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;}
.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:18px;}
.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:450px; position:absolute; left:50%; top:200px; 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:18px;}
.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:450px; position:absolute; left:50%; top:200px; 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:18px;}
.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;}
.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:18px;}
.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:#b5b7be; 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:20px; 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 p{ font-size:18px; line-height:30px; color:#575757;}
.aboutus_cont img{ margin:15px 0;}