<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{margin:0;padding:0;font-family:微软雅黑 ;font-size:14px;width:100%}
input,select,textarea{vertical-align:middle;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0;vertical-align:middle}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{width: 1200px;margin:0 auto;}
.tabbox{display:table-cell;vertical-align:middle}
a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{object-fit:cover;}


/*font*/
@font-face {
    font-family: 'Light';
    src:url('../font/SourceHanSansCN-Light.ttf');
}
@font-face {
    font-family: 'DemiLight';
    src:url('../font/NotoSansCJKsc-DemiLight.otf');
}
@font-face {
    font-family: 'Medium';
    src:url('../font/SourceHanSansCN-Medium.otf');
}
/*@font-face {
    font-family: 'Normal';
    src:url('../font/SourceHanSansCN-Normal.ttf');
}
@font-face {
    font-family: 'Thin';
    src:url('../font/NotoSansCJKsc-Thin.otf');
}
@font-face {
    font-family: 'Regular';
    src:url('../font/SourceHanSansCN-Regular.ttf');
}
*/




/*moblie nav*/
.top-left{ position:fixed;top:17px; z-index:50;display: none;width:27px; height:19px; left:5%;}
.top-left::before,
.top-left::after,
.top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#0052d9; }
.top-left::before,
.top-left::after{ content:'';transition:transform 0.2s;}
.top-left span{ top:50%; margin-top:-1.5px;}
.top-left::before{ top:0;}
.top-left::after{ bottom:0;}
.top-menu{ position:fixed; height:100%; overflow:auto; width:100%;/* max-width:640px;*/ left:0; top:0;background:rgba(0,0,0,0.9); padding:88px 20px 0 20px; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.top-menu ul{ position:relative; width:50%;}
.top-menu li a{ display:block; line-height:30px; }
.top-menu li &gt; a{ position:relative; border-bottom:1px solid #222; font-size:1rem; color:#fff; line-height:3; padding:0 41px 0 25px;}
.top-menu li.on &gt; a{ background-color:#222;}
.top-menu li.on &gt; a::after{ position:absolute; content:''; width:12px; height:12px; border-right:2.5px solid #fff; border-top:2.5px solid #fff; transform:rotate(45deg); right:32px; top:50%; margin-top:-7px;}
.top-menu li dl{ position:absolute; left:100%; width:100%; top:0; display:none; transition:transform 0.3s; padding-left:38px; transform:translateY(100px);}
.top-menu li dl.dl-show{  transform:translateY(0);}
.top-menu li dl dt a{color:#aaa; font-size:1rem; line-height:2.5;}
.Top-open.top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open.top-left{ position:fixed; margin-top:0; top:20px; z-index:102;}
.Top-open.top-left span{ opacity:0;}
.Top-open.top-left::before,
.Top-open.top-left::after{ top:50%;}
.Top-open.top-left::before{ transform:rotate(45deg);background: #fff;}
.Top-open.top-left::after{transform:rotate(-45deg);background: #fff;}











/*comm css*/
.w1010{width: 1010px;margin: 0 auto;}
header{left: 0;top:0;width: 100%;z-index: 20;position: relative;transition:.5s;background: #fff;}
header .logo{line-height: 76px;}
header .logo img{max-height: 90%;}
header .nav{display: flex;flex: 0 0 100%;justify-content: space-between;transition:.5s;width: 90%;}
header .nav li{line-height: 76px;position: relative;font-family: 'Medium';}
header .nav li a{color: #333333;font-size: 18px;position: relative;display: block;padding:0 10px;}
header .nav li a:before{content: '';position:absolute;left: 0;bottom:0px;width:0%;height: 3px;background: #0052d9;transition: 400ms;}
header .nav li.active a:before,header .nav li.on a:before,header .nav li:hover a:before{width: 100%;}
.nav_sub{position: absolute;left:-50%;top: 76px;width: 200%;background: rgba(0,0,0,.8);display: none;z-index: 20;}
.nav_sub a{font-size: 14px !important;color: #fff !important;text-align: center;line-height: 35px;border-bottom: 1px #595656 solid;position: relative;display: block;padding:0 !important;}
.nav_sub a:last-child{border-bottom: none;}
.nav_sub a:before{width: 0 !important;}
.nav_sub a:hover{background: #0052d9 !important;}
header.scoll{position: fixed;box-shadow: 0px 0px 10px 2px rgba(0,0,0,.5)}

.headR{float: right;width: 70%;}
.gmail{line-height: 76px;}
.gmail img{height: 20px;}


.nybanner{}
.nybanner img{width: 100%;min-height: 279px;}
footer{background: #f0f0f0;padding:68px 0 26px;}
footer .copy{text-align: center;font-size: 16px;color: #9e9e9e;font-family: 'Light';line-height: 28px;}
.foot-t{margin-bottom: 55px;}
.foot-t .link{width:85%;display: flex;flex: 0 0 100%;justify-content: space-between;}
.foot-t .link .item{max-width: 175px;}
.foot-t .link .item h4{margin-bottom: 25px;font-size: 21px;color: #333333;font-weight: bold}
.foot-t .link .item a{display: block;line-height: 40px;font-size: 15px;color: #6e6e6e;font-family: 'Light';}
.foot-t .link .item a:hover{text-decoration: underline;color: #0052d9}
.foot-t .tb{width: 24px;}
.foot-t .tb a{margin-bottom: 25px;display: block;}

.submen{line-height: 55px;background: #fdfffe;border-bottom: 1px #f3f3f3 solid;text-align: center;}
.submen a{padding:0 18px;position: relative;font-size: 16px;color: #585858;font-family: 'Light';display: inline-block;margin: 0 15px;}
.submen a:before{content: '';position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #0052d9;transition:.5s;}
.submen a.on:before,.submen a:hover:before{width: 100%;}



/*创新科技*/
.nybox{}
.innovate{margin: 88px 0}
.innovate .item{text-align: center;font-family: 'Medium';}
.innovate .item img{max-width: 100%;}
.innovate .item h4{color: #333333;font-size: 32px;margin-bottom: 24px;}
.innovate .item p{color: #333333;font-size: 18px;}



/*媒体*/
.media{margin: 102px 0;}
.media-head{color: #585858;font-size: 36px;font-family: 'Medium';}
.media-head a{float: right;font-size: 16px;font-family: 'Light';color: #5f6464}
.media-t{}
.media-t .main{margin-top: 65px;/*display: flex;flex: 0 0 100%;justify-content: space-between;*/margin-right: -3%;overflow: hidden;}
.media-t .main .item{/*width: 376px;*/box-shadow:0px 0px 10px 5px rgba(244,246,245,.7);width: 30.33%;margin: 0 3% 3% 0;float: left;}
.media-t .item .pic{height: 247px;overflow: hidden;}
.media-t .item .pic img{width: 100%;height: 100%;transition:.5s;}
.media-t .item:hover .pic img{transform:scale(1.1);transition:.5s;}
.media-t .item .txt{padding:19px 39px 46px;text-align: center;font-family: 'Light';}
.media-t .item .txt h6{color: #989898;}
.media-t .item .txt h4{margin: 13px 0 12px;color: #201912;font-family: 'Medium';}
.media-t .item .txt p{color: #6f7275;line-height: 26px;height: 78px;overflow: hidden;}
.media-t .item .txt a{width: 223px;height: 35px;line-height: 35px;border: 2px #0052d9 solid;border-radius: 35px;color: #7a7a7a;display: inline-block;margin-top: 22px;transition:.5s;}
.media-t .item .txt a:hover{background: #0052d9;color: #fff;}
.media-b{margin-top: 98px;}
.media-b .main{margin-top: 68px;height: 500px;}
.media-b .L{width: 50%;height: 100%;}
.allmap_box{margin:0 0 5px 0;padding:0.2em 0}
.allmap_box li.gsname{line-height: 26px;font-size: 14px;font-weight: 600;color: #CC5522;}
.allmap_box li.gsaddre{line-height: 26px;font:12px arial,sans-serif;}
.media-b .R{width: 50%;height: 100%;background: #2453d1;display: table;}
.media-b .R p{color: #fff;font-family: 'Light';margin:38px 0;padding-left: 42px;position: relative;}
.media-b .R .tabbox{padding: 0 92px;}
.media-b .R p img{position: absolute;left: 0;top:0;}





/*业务-工业制造*/
.make{margin: 93px 0;}
.make p{color: #333333;font-size:24px;font-family: 'DemiLight';text-align:center;}
.make img{max-width: 100%}
.make ul{margin-right: -3%;margin-top: 49px;}
.make li{float: left;width: 47%;height: 272px;border-radius: 7px;overflow: hidden;position: relative;margin: 0 3% 34px 0}
.make li a{display: block;width: 100%;height: 100%;}
.make li img{width: 100%;height: 100%;}
.make li .txt{width: 70%;text-align: center;z-index:10;
        position: absolute;left: 50%;top:50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
.make li .txt h4{color: #fff;font-size:30px;font-weight: bold;margin-bottom: 25px;padding-bottom: 13px;position:relative;display: inline-block;}
.make li .txt span{color: #fefefe;font-size:18px;font-family: '黑体';}
.make li:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;transition:.5s;z-index:5}
.make li:hover:before{background: rgba(0,74,197,.5);}
.make li .txt h4:before{content: '';position: absolute;left: 0;bottom:0;width: 0%;height:2px;transition:.5s;background: #ffffff;}
.make li:hover .txt h4:before{width: 100%;}




/*业务-数字媒体*/
.figure{margin: 92px 0;}
.figure h6{color: #333333;font-size:24px;font-family: '黑体';margin-bottom: 28px;text-align: center;}
.figure .item{margin-bottom: 78px;}
.figure .item img{max-width: 100%;}
.figure .item h4{color: #333333;font-size:30px;font-weight: bold;margin-bottom: 18px;margin-left: 13px;}
.figure .item p{color: #737373;font-size:16px;line-height: 24px;font-family: 'Light';}



/*业务-物联可视化*/
.union{margin: 84px 0}
.union .txt{color: #333333;font-size:24px;line-height: 30px;font-family: '黑体';}
.union .list{}
.union .list .item{margin-top: 54px;}
.union .list .item .pic{}
.union .list .item .pic img{width: 100%;}
.union .list .item ul{height: 351px;}
.union .list .item li{float: left;width: 25%;height: 100%;position:relative;background: #e3e8ec;transition:.5s;}
.union .list .item li .padd{padding:44px 17px 0;}
.union .list .item h4{text-align: center;color: #333333;font-size:18px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.union .list .item dl{margin-top: 18px;font-size: 14px;color: #737373;line-height: 24px;height: 240px;overflow: hidden;}
.union .list .item li:before{content: '';position: absolute;left: 0;bottom:0;width: 0%;height:6px;transition:.5s;background: #0052d9}
.union .list .item li:hover:before{width: 100%;}
.union .list .item li:hover{background: #f0f3f5}




/*简介*/
.mapbox{margin: 95px 0}
.w1190{width: 1190px;margin: 0 auto;}
.mapbox h4{color: #333333;font-size:32px;font-family: 'Medium';text-align: center;/*font-style: italic;*/}
.mapbox .map{margin-top: 35px;text-align: center;}
.mapbox .map img{max-width: 100%;}
.mapbox .list{margin-top: 50px;}
.mapbox .list span{padding: 0 0 28px 80px;display: inline-block;color: #5f6464;}
.mapbox .cont{border-top:2px #f2f3f5 solid;text-align: center;}
.mapbox .cont a{padding:14px 0 0 0;margin: 0 62px;font-size: 16px;color: #595959;font-family: 'DemiLight';display: inline-block;position: relative;}
.mapbox .cont a:before{content: '';position: absolute;left: 0;top:-2px;width: 0%;height:2px;transition:.5s;background: #0052d9}
.mapbox .cont a.on:before,.mapbox .cont a:hover:before{width: 100%;}

.cultureB{height: 565px;background: #fbfbfb;padding:90px 0;}
.cultureB .wrap{height: 100%;}
.cultureB .L{width: 40%;height: 100%;/*font-style: italic;*/display: table}
.cultureB .L .tabbox{padding-right: 5%;}
.cultureB .L h3{font-size:32px;color: #333333;font-family: 'Medium';}
.cultureB .L dl{margin-top: 55px;font-size: 18px;color:#0052d9;font-family: 'Regular';}
.cultureB .L li{margin-bottom: 33px;}
.cultureB .L li h4{font-size: 24px;color:#333333;font-family: 'Medium';}
.cultureB .L li p{font-size: 18px;color: #333333;font-family: 'Light';}
.cultureB .R{width: 60%;height: 100%;}
.cultureB .R img{width: 100%;height: 100%;}

.business{padding:67px 0 100px;background: #fbfbfb}
.business h4{font-size:32px;color: #333333;font-family: 'Medium';/*font-style: italic;*/}
.business .main{margin-top: 49px;text-align: center;}
.business .main img{max-width: 100%;}

.jjbox-item{}
.jianjie{margin: 50px 0 98px;}
.jianjie-t{margin: 100px 0;}
.jianjie-t h4{font-size:32px;color: #333333;/*font-style: italic;*/font-family: 'Medium';text-align: center;margin-bottom: 32px;}
.jianjie-t p{font-size:18px;color: #585858;text-align: center;line-height: 32px;font-family: 'Light';}

.jianjie-b{margin: 90px 0;background: #fbfbfb;padding:62px 86px;height: 180px;}
.jianjie-b .L{width: 50%;height: 100%;display: table;font-size:32px;color: #333333;font-family: 'Medium';/*font-style: italic;*/}
.jianjie-b .R{width: 45%;position: relative;height: 100%;display: table;padding-left: 5%}
.jianjie-b .R:before{content: '';position: absolute;left: 0;top:0px;width: 1px;height:100%;transition:.5s;background: #dcdcdc}
.jianjie-b .R h4{font-size:24px;color: #333333;font-family: 'DemiLight';/*font-style: italic;*/margin-bottom: 22px;}
.jianjie-b .R p{font-size:14px;color: #707070;font-family: 'Light';line-height: 24px;}

.course{padding:90px 0;background: #fbfbfb;}
.course h2{text-align: center;font-size: 32px;font-family: 'Medium';/*font-style: italic;*/}
.course .cont{position: relative;margin-top: 30px;}
.course .cont:before{content: '';position: absolute;left:-5%;top:135px;width: 110%;height: 1px;background: #eaeaea;}
.course .cont .course-left,.course .cont  .course-right{width:20px;height: 11px;position: absolute;top:36%;z-index: 10;outline: none;background-size: 100% 100% !important;}
.course .cont .course-left{background: url(../images/left1.png) no-repeat;left: -40px;}
.course .cont .course-right{background:url(../images/right1.png) no-repeat;right: -40px;}

.course_swiper{padding:10px 5px !important;width: 1179px;margin:0 auto;}
.course_swiper li{transition:.5s;}
.course_swiper li:before{content: '';width:3px;height: 3px;background: #a5a5a5;position: absolute;left: 0px;top:122px;right: 0;margin: 0 auto;border:2px #fbfbfb solid;transition:.5s;}
.course_swiper li:after{content: '';width:2px;height: 0px;background:#efefef;position: absolute;left:0;top:131px;right: 0;margin: 0 auto;transition:.5s;}
.course-t{height: 124px;overflow: hidden;}
.course-b{height: 127px;}
.course-t h4{font-size: 24px;color: #838383;font-family: 'Light';/*font-style: italic;*/text-align: center;margin-top: 84px;}
.course-b dl{font-size: 16px;color: #595959;line-height: 32px;text-align: center;margin-top: 30px;padding:0 38px;}
.course_swiper li:hover{box-shadow: 0px 0px 10px 2px rgba(218,218,218,.7);}
.course_swiper li:hover:after{height: 24px;}
.course_swiper li:hover:before{width: 7px;height: 7px;border-radius: 7px;border:2px #646464 solid;top:120px;background: #fbfbfb}


/*员工*/
.staff{}
.staff .zp{height: 429px;background: url(../images/a9_45.jpg) no-repeat center;background-size: 100% 100%;margin: 70px 0;position: relative;}
.staff .zp .txt{width: 488px;height: 302px;background: #fff;display: table;
        position: absolute;left: 0%;top:50%;
        -moz-transform: translate(-0%, -50%);
        -ms-transform: translate(-0%, -50%);
        -webkit-transform: translate(-0%, -50%);
        transform: translate(-0%, -50%);
}
.staff .zp .txt .tabbox{padding-left: 57px;}
.staff .zp .txt h2{font-size: 36px;color: #585858;font-weight: bold;margin-bottom: 27px;}
.staff .zp .txt p{font-size: 18px;color: #585858;font-family: 'Normal';}
.staff .zp .txt p img{margin-left: 18px;transition:.5s;}
.staff .zp .txt dl{font-size: 24px;color: #0052d9;font-family: 'Medium';margin-top: 10px;}
.staff .zp .txt:hover p img{margin-left: 30px;}



.talents{margin:70px 0; }
.talents-t{height: 298px;}
.talents-t .L{width: 50%;height: 100%;display: table}
.talents-t .L .tabbox{padding:0 151px 0 64px;}
.talents-t .L h2{font-size: 36px;color: #585858;font-weight: bold;margin-bottom: 33px;}
.talents-t .L p{font-size: 14px;color: #7a7a7a;font-family: 'Light';line-height: 24px;}
.talents-t .R li{float: left;width: 50%;height: 100%;position: relative;}
.talents-t .R{width: 50%;height: 100%;}
.talents-b{height: 298px;}
.talents-b li{float: left;width: 25%;height: 100%;position: relative;}
.talents-b li img,.talents-t .R li img{width: 100%;height: 100%;}
.talents-b li .txt,.talents-t .R li .txt{width: 90%;height: 0;overflow: hidden;
        position: absolute;left:10%;top:50%;opacity: 0;transition:.2s;
        -moz-transform: translate(-5%, -50%);
        -ms-transform: translate(-5%, -50%);
        -webkit-transform: translate(-5%, -50%);
        transform: translate(-5%, -50%);
}
.talents-b li .txt p,.talents-t .R li .txt p {font-size: 14px;color: #fff;font-family: 'Light';line-height: 32px;}
.talents-b li .txt h4,.talents-t .R li .txt h4{font-size: 20px;color: #fff;font-weight: bold;margin: 5px 0}
.talents-b li:before,.talents-t .R li:before{content: '';position: absolute;left: 0;top:0;width: 0%;height: 100%;background: rgba(118,122,136,0.7);opacity: 0;transition:.5s;}
.talents-b li:hover .txt,.talents-t .R li:hover .txt{opacity: 1;height: auto;}
.talents-b li:hover:before,.talents-t .R li:hover:before{opacity: 1;width:100%;}

.atmos{margin: 70px 0;position: relative;display: block;background: url(../images/tb2_03.png) no-repeat left bottom;}
.atmos:before{content: '';width:522px;height:98px;background: #e6f4ff;position: absolute;left: 0px;bottom:-30px;z-index: 1}
.atmos:after{content: '';width:48px;height:49px;background: url(../images/tb2_03.png) no-repeat center;position: absolute;left: 0px;bottom:110px;z-index: 1}
.atmos .L{width: 452px;position: relative;}
.atmos .L .padd{padding:86px 0 0 56px;width: 289px;position: relative;z-index: 5}
.atmos .L h2{font-size: 36px;color: #585858;font-weight: bold;margin-bottom:67px;}
.atmos .L p{font-size: 14px;color: #7a7a7a;font-family: 'Light';line-height: 24px;}
.atmos .R{width: 739px;position: relative;z-index: 5}
.atmos .R li{float: left;width: 49%;margin: 0 1% 1% 0;height: 290px;overflow: hidden;}
.atmos .R li img{width: 100%;height: 100%;transition:.5s;}
.atmos .R li:hover img{transform:scale(1.1);transition:.5s;}

.tuanjian{margin: 70px 0;position:relative;}
.tuanjian:before{content: '';width:532px;height:171px;background: #e6f4ff;position: absolute;right: 0px;bottom:-30px;z-index: 1}
.tuanjian:after{content: '';width:48px;height:49px;background: url(../images/tb2_03.png) no-repeat center;position: absolute;right: 0px;bottom:195px;z-index: 1}
.tuanjian .L{width: 762px;position: relative;z-index: 5}
.tuanjian .L .t{height: 346px;margin-right: -1%}
.tuanjian .L .t li{float: left;width: 49%;margin: 0 1% 0 0;height: 100%;overflow: hidden;}
.tuanjian .L .b{height: 242px;margin-top: 1%;margin-right: -1%}
.tuanjian .L .b li{float: left;width: 32.33%;margin: 0 1% 0 0;height: 100%;overflow: hidden;}
.tuanjian .L .t li img,.tuanjian .L .b li img{width: 100%;height: 100%;transition:.5s;}
.tuanjian .L .t li:hover img,.tuanjian .L .b li:hover img{transform:scale(1.1);transition:.5s;}
.tuanjian .R{width: 426px;}
.tuanjian .R .padd{padding:101px 0 0 102px;width: 282px;position: relative;z-index: 5}
.tuanjian .R h2{font-size: 36px;color: #585858;font-weight: bold;margin-bottom:65px;}
.tuanjian .R p{font-size: 14px;color: #7a7a7a;font-family: 'Light';line-height: 24px;}




/*index*/
.trolley{position: absolute;left: 0%;right:0;bottom: 38px;width:61px;height:auto;z-index: 10; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;margin: 0 auto;text-align: center;}
.trolley p{text-transform: uppercase;font-size: 18px;color: #fdfffe;}
.trolley span{margin-top: 22px;height: 14px;background: url(../images/sj3.png) no-repeat center;display: block;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.section1{}
.section1 img{width: 100%;height: 100%;}
.section1 .slide{position: relative;}
.section1 .slide .txt{text-align: center;width: 60%;
        position: absolute;left: 50%;top:50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);    
}
.section1 .slide .txt h2{margin-bottom: 40px;font-size: 48px;color:#fdfffe;font-weight: bold}
.section1 .slide .txt p{font-size: 24px;color: #fdfffe;}
.section1 .fp-controlArrow.fp-prev,.section1 .fp-controlArrow.fp-next{display: none;}


.section2{}
.section2 img{width: 100%;height: 100%;}
.section2 .txt{text-align: center;width: 70%;display: none;
        position: absolute;left: 50%;top:50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);        
}
.section2 .txt h2{margin-bottom: 90px;font-size: 40px;color:#2c2c2c;font-weight: bold;}
.section2 .txt dl{font-size: 24px;color: #000000;line-height: 48px;margin-bottom: 85px;position: relative; bottom: -120%; }
.section2 .txt a{width: 135px;height: 41px;line-height: 41px;border:1px #8f9092 solid;text-align: center;display: inline-block;font-size: 13px;color: #8f9092;text-align: center;transition:.5s;}
.section2 .txt a .L{width: 69%;border-right: 1px #8f9092 dotted;}
.section2 .txt a .R{width: 30%;font-size: 22px;}
.section2 .txt a:hover{background: #0052d9;color: #fff;border-color: #fff}
.section2 .txt a:hover .L{border-color: #fff}


.section3{background: #313131;}
.w1353{width: 1353px;margin: 0 auto;}
.section3 .L{width:346px;margin-top: 88px;/*position:relative;left: -120%*/display: none}
.section3 .L li{margin-bottom:121px;text-align: left ;cursor: pointer;position: relative;transition:.5s;}

.section3 .L li:last-child{margin-bottom: 0}
.section3 .L li h4{font-size: 29px;color: #dadada;font-family: 'Medium';/*font-style: italic;*/margin-bottom: 12px;margin-top: 12px;}
.section3 .L li p{font-size: 16px;color: #dadada;font-family: 'Light';/*font-style: italic;*/}
.section3 .L li dl{margin-top: 34px;height: 24px;overflow: hidden;transition:.5s;}
.section3 .L li:before{content: '';width:6px;height:100%;background: #0052d9;position: absolute;left: 0px;top:0px;transition:.5s;opacity: 0;}
.section3 .L li.on{padding-left: 53px;}
.section3 .L li.on:before{opacity: 1}
.section3 .L li.on dl{background: url(../images/sj2.png) no-repeat left center;}
.section3 .R{width:962px;/*position:relative;right: -120%*/display: none}
.section3 .R li{float: left;width: 50%;height: 409px;position:relative;overflow: hidden;}
.section3 .R li img{width: 100%;height: 100%;transition:.5s;}
.section3 .R li p{position: absolute;left:41px;top:275px;font-size: 24px;color: #ffffff;/*font-style: italic;*/z-index: 5;font-family: 'Regular';    /*background: rgba(0,0,0,.7);padding: 5px 10px;*/}
.section3 .R li:hover img{transition:.5s;transform:scale(1.1);}
.section3 .R li:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.section3 .R .item:nth-child(2) li{width: 33.33%;}
.section3 .R .item:nth-child(3) li{width: 25%;}
.section3 .R .item:nth-child(3) li p{left: 26px}



.section4{}
.section4 img{width: 100%;height: 100%;transition:.5s;}
.section4 .L{width: 50%;height: 796px;position: relative;overflow: hidden;/*left:-120%;*/display: none}
.section4 .R{width: 50%;height: 796px;/*position:relative;right: -120%*/display: none}
.section4 .R li{height: 50%;width: 100%;position: relative;overflow: hidden;}
.section4 .txt{position: absolute;left: 0;bottom:34px;width: 85%;right: 0;margin: 0 auto;color: #ffffff;font-weight: bold;/*font-style: italic;*/text-align:left;}
.section4 .txt .top{}
.section4 .txt .top h4{font-size: 24px;margin-bottom: 5px;}
.section4 .txt .top p{font-size: 16px;}
.section4 .txt .bom{font-size: 16px;margin-top: 52px;line-height: 30px;}
.section4 .R li:hover img,.section4 .L:hover img{transition:.5s;transform:scale(1.1);}


.section5{}
.w1120{width: 1120px;margin: 0 auto;/*display: none*/}
.section5-t{font-size: 37px;color: #333333;font-weight: bold;text-align:left}
.section5-t a{float: right;font-size: 23px;color: #333333;font-family: 'Medium';font-weight:normal;}
.section5-t a:hover{color: #0052d9;}
.section5-b{margin-top: 60px;}
.section5-b .L{width: 407px;}
.section5-b .L .pic{height: 223px;}
.section5-b .L .pic img{width: 100%;height: 100%;}
.section5-b .L .txt{background: #dde6ed;text-align:left;display: table;height: 276px;}
.section5-b .L .txt .tabbox{padding:0 30px;}
.section5-b .L .txt dl{font-size: 14px;color: #000000;font-family: 'Light';margin-bottom: 30px;}
.section5-b .L .txt p{font-size: 24px;color: #333;font-family: 'Medium';line-height:32px;max-height: 64px;overflow: hidden;}
.section5-b .L .txt a{margin-top: 50px;font-size: 20px;color: #222222;font-family: 'Light';font-weight: normal;display: block;}
.section5-b .L .txt a:hover{color: #0052d9;}
.section5-b .R{width: 530px;}
.section5-b .R li{border-bottom: 1px #eeeeee solid;font-family: 'Regular';text-align: left;margin-bottom: 29px;}
.section5-b .R li a{display: block;padding:15px 0 18px 0;}
.section5-b .R li p{font-size: 15px;color: #7b7b7b;}
.section5-b .R li h4{font-size: 18px;color: #333333;margin-top: 8px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.section5-b .R li:hover{border-color: #0052d9;}
.section5-b .R li a:hover h4{color: #0052d9;}

.header2{position: fixed;background:rgba(0,0,0,.6)}
.header2 .nav li a{color: #fff;}
.header2 .nav li a:before{background: #fff;}



/*详情页*/
.w1000{width: 1000px;margin: 0 auto}
.txtmin{margin: 100px 0}
.txtmin-top{text-align: center;border-bottom: 1px #eee solid;padding-bottom: 15px;}
.txtmin-top h4{color: #333;font-family: 'Bold';font-size: 24px;margin-bottom: 8px;}
.txtmin-top dl{color: #bbbbbb;font-family: 'Light';font-size: 14px;word-spacing: 10px;}
.txtmin-main{margin-top: 40px;color: #565656;font-family: 'Light';font-size: 16px;line-height: 30px;}
.txtmin-main img{max-width: 100%}
.txtmin-foot{margin-top: 50px;border-top:1px #bbbbbb solid;padding:15px 30px 0;}
.txtmin-foot dl{line-height: 36px;color: #000;font-family: 'Regular';font-size: 16px;margin-bottom: 5px;overflow: hidden;}
.txtmin-foot a{display:inline-block;color:#bbb;width: 80%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;float: left;}
.txtmin-foot dl:hover a{color: #0052d9;text-decoration: underline;}
.txtmin-foot dl span{float: left;}

.fx-men.fixed{position: fixed;width: 100%;top:0px;z-index: 30;}

.return{position: fixed;right:2%;bottom: 5%;z-index: 5;cursor: pointer;text-align: center;}




/*media*/
@media screen and (max-width: 1440px){


}
@media screen and (max-width: 1366px){
    .section3 .R li{height: 365px;}
    .section1 .slide .txt h2{font-size: 40px;}
    .section2 .txt h2{font-size: 35px;}
    .section3 .L li{margin-bottom: 75px;}
    /*.section3 .R li p{bottom: 65px;}*/
    .section3 .L li h4{font-size: 26px;}
    .section4 .L,.section4 .R{height: 740px;}
    .section4 .txt .bom{margin-top: 25px;}
    .section5-t{font-size: 30px;}
    .section5-t a{font-size: 18px;}
    .section5-b .L .txt p{font-size: 20px;}
    .section5-b .L .txt a,.cultureB .L li p{font-size: 16px;}
    .foot-t .link .item h4{font-size: 18px;}
    .foot-t .link .item a,footer .copy{font-size: 14px;}
    .jianjie-t h4,.jianjie-b .L,.course h2,.business h4,.cultureB .L h3,.mapbox h4{font-size: 28px;}
    .cultureB .L li h4{font-size: 22px;}
    .talents-t .L h2,.atmos .L h2,.tuanjian .R h2,.staff .zp .txt h2,.media-head{font-size: 30px;}

}
@media screen and (max-width: 1280px){
    .section3 .R li{height: 345px;}
    .w1353{width: 95%;}
    .section3 .R{width: 840px;}
    .section3 .L{width: 320px;}
    .section4 .L, .section4 .R{height: 700px;}
    .section5-b{margin-top: 25px;}
    .section4 .txt .bom{font-size: 14px;}
    .section2 .txt dl{font-size: 18px;line-height: 40px;}
    .section1 .slide .txt h2{font-size: 35px;}
    .section1 .slide .txt p{font-size: 20px;}
    .section2 .txt h2{font-size: 30px;margin-bottom: 45px;}
    .section3 .R li p{font-size: 22px;}
    footer{padding:30px 0 25px;}
    .foot-t{margin-bottom: 35px;}
    .foot-t .link .item a{line-height: 30px;}
    .section3 .L li h4{font-size: 23px;}
    .foot-t .link .item h4{margin-bottom: 15px;}
    .section4 .txt .top h4{font-size: 22px;}
    .course .cont:before{width: 100%;left: 0}
    .course .cont .course-right{right: -15px;}
    .course .cont .course-left{left: -15px;}
    .make p{font-size: 20px;}
    .figure .item h4{font-size: 25px;}
    .figure .item p{font-size: 14px;}
    .union .txt{font-size: 20px;}
    .innovate .item h4,.make li .txt h4{font-size: 26px;}
    .media-b .main{margin-top: 30px;height: 410px;}
    .media-t .main{margin-top: 30px;}

}
@media screen and (max-width: 1200px){
 
    .top-left{display: block;}
    header,.headR{height: 52px;}
    .gmail{line-height: 52px;}
    .gmail img{height: 15px;}
    .return{bottom: 8%;}
    .return img{zoom:.7}
    header .logo{line-height: 52px;
                position: absolute;left: 50%;top:50%;
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    header .logo img{max-height: 48px;zoom:.7;}
    header .nav{display: none}
    .w1000,.wrap{width: 95%;}
    .txtmin-top h4{font-size: 20px;}
    .txtmin{margin: 2em 0}
    .txtmin-main{margin-top: 1em;font-size: 14px;line-height: 26px;}
    .txtmin-foot dl{font-size: 14px;line-height: 26px;}
    .txtmin-foot{padding:1em 0 0 0;margin-top:1em;}
    .section1 .slide .txt h2{font-size: 24px;}
    .section1 .slide .txt p {font-size: 16px;line-height: 28px;}
    .section1 .slide .txt,.section2 .txt{width: 80%;}
    #fp-nav.right{right: 0 !important;}
    .section2 .txt dl{font-size: 14px;line-height: 28px;margin-bottom: 45px;}
    .section2 .txt h2{font-size: 24px;margin-bottom: 20px;}
    .section2 .txt a{width: 115px;height: 35px;line-height: 35px;}
    .foot-t .link{display: none}
    footer{padding:20px 0;}
    .foot-t .tb{width: 60%;display: flex;flex: 0 0 100%;justify-content: space-between;margin: 0 auto;padding:0 20%;}
    .foot-t .tb a{display: inline-block;margin-bottom: 0}
    .foot-t{margin-bottom: 1em}
    .section3 .L{width: 100%;margin-top: 18px;}
    .section3 .L li p{display: none}
    .section3 .L li h4{font-size: 16px;}
    .section3 .L li dl{display: none}
    .section3 .L li{margin-bottom: 1em;padding-left: 0;width: 33.33%;float: left;text-align: center;}
    .section3 .L li:before{width: 100%;}
    .section3 .L li.on:before{height: 2px !important;}
    .section3 .R{width: 100%;}
    .section3 .R li{height: 155px;}
    .section3 .R li p{font-size: 16px;top: 76%;left: 1em;}
    .section4 .L,.section4 .R{width: 100%;}
    .section4 .L{height: 210px;}
    .section4 .R{height: auto}
    .section4 .txt .bom{line-height: 25px;font-size: 12px;margin-top: 1em;}
    .section4 .txt{bottom: 1em;}
    .section4 .txt .top h4{font-size: 18px;}
    .section5-t{font-size: 22px;}
    .w1120{width: 95%;}
    .section5-b .L{width: 100%;}
    .section5-b .R{width: 100%;}
    .section5-b .R{width: 100%;}
    .section5-b .L .txt p{font-size: 18px;max-height:none}
    .section5-b .L .txt{height: auto;}
    .section5-b .L .txt dl{margin-bottom: 1em;}
    .section5-b .L .txt a{margin-top: 1.2em;}
    .section5-b .R li a{padding:12px 0;}
    .section5-b .R li{margin-bottom: 0}
    .section5-b .L .txt .tabbox{padding:.5em 1em;}
    .section5-b .R li h4{font-size: 16px;}
    .section5-b .L .pic{height: auto;}
    .section5-b .R{height: 155px;overflow: hidden;}
    .nybanner img{min-height: 200px;}
    .submen a{padding: 0 10px;margin: 0 11px;font-size: 14px;}
    .submen{line-height: 37px;}
    .innovate .item h4, .make li .txt h4{font-size: 20px;}
    .innovate .item p{font-size: 16px;}
    .innovate{margin: 30px 0}
    .jianjie-t p{font-size: 14px;}
    .jianjie-t h4, .jianjie-b .L, .course h2, .business h4, .cultureB .L h3, .mapbox h4{font-size: 20px;}
    .jianjie-t h4{margin-bottom: 1.2em;}
    .jianjie-t{margin: 30px 0}
    .jianjie-b{margin: 1em 0;height: auto;padding:1em;}
    .jianjie-b .L{width: 100%;}
    .jianjie-b .R{width: 100%;padding-left: 0}
    .jianjie-b .R h4{font-size: 18px;}
    .jianjie-b .R:before{display: none}
    .course,.business,.cultureB{padding:30px 0;}
    .course_swiper{width: 90%;}
    .course .cont .course-right{right: 0;}
    .course .cont .course-left{left: 0;}
    .course-b dl{font-size: 14px;}
    .course-t h4{font-size: 20px;}
    .cultureB .L,.cultureB .R{width: 100%;}
    .cultureB .R{height: auto;}
    .cultureB{height: auto;}
    .cultureB .L li h4{font-size: 20px;}
    .section5-b .L .txt a, .cultureB .L li p{font-size: 14px;}
    .cultureB .L dl{margin-top: 1em;}
    .cultureB .L li{margin-bottom: 1em;}
    .w1190{width: 95%;}
    .mapbox{margin: 30px 0}
    .mapbox .list span{padding:0 0 16px 0px;}
    .mapbox .cont{display: flex;flex: 0 0 100%;justify-content: space-between;}
    .mapbox .cont a{margin: 0;width: 33.33%;}
    .mapbox .list{margin-top: 20px;}
    .make p{font-size: 16px;}
    .make ul{margin-top: 1em;}
    .submen a{margin: 0}
    .make{margin: 1.5em 0}
    .innovate .item h4, .make li .txt h4{font-size: 18px;}
    .make li .txt span{font-size: 16px;line-height: 28px;}
    .make li .txt h4{margin-bottom: 1em;padding-bottom:5px;}
    .make li{height: 175px;margin: 0 3% 3% 0}
    .figure h6{font-size: 18px;line-height: 26px;}
    .figure .item h4{font-size: 20px;margin-left: 0}
    .figure,.union{margin: 30px 0}
    .figure .item{margin-bottom: 30px;}
    .union .txt{font-size: 16px;}
    .union .list .item{margin-top: 1.5em}
    .union .list .item ul{height: auto;}
    .union .list .item li{width: 100%;}
    .union .list .item dl{height: auto;}
    .union .list .item li .padd{padding:1.4em 1em;}
    .innovate .item h4{margin-bottom: 10px;}
    .talents,.atmos,.tuanjian,.staff .zp,.media{margin: 30px 0}
    .talents-t{height: auto;}
    .talents-t .L,.atmos .L,.atmos .R,.tuanjian .L,.tuanjian .R{width: 100%;}
    .talents-t .L .tabbox{padding:0 1em;}
    .talents-t .L h2, .atmos .L h2, .tuanjian .R h2, .staff .zp .txt h2, .media-head{font-size: 24px;margin-bottom: 15px;}
    .talents-t .R{width: 100%;margin-top: 1em;}
    .talents-b li{width: 50%;}
    .talents-b{height: auto;}
    .talents-t .R li,.talents-b li{height: 175px;}
    .talents-b li .txt p, .talents-t .R li .txt p{line-height: 24px;}
    .talents-b li .txt h4, .talents-t .R li .txt h4{font-size: 16px;}
    .atmos .L .padd,.tuanjian .R .padd{padding:1em;height: auto;}
    .atmos .R li{height: 160px;}
    .atmos:before{display: none}
    .tuanjian .L .t{height: auto;}
    .tuanjian .L .t li{height: 152px;}
    .tuanjian .L .b li{height: 108px;}
    .tuanjian:before,.tuanjian:after{display: none}
    .staff .zp .txt .tabbox{padding-left: 1em;padding-right: 1em;}
    .talents-t .L h2, .atmos .L h2, .tuanjian .R h2, .staff .zp .txt h2, .media-head{font-size: 20px;}
    .staff .zp{height: 215px;}
    .staff .zp .txt p{font-size: 16px;}
    .staff .zp .txt dl{font-size: 18px;}
    .staff .zp .txt{width: auto;height: auto;padding: 1em 0;}
    .media-t .main{margin-top: 1em;display: block;}
    .media-t .main .item{width: 100%;}
    .media-t .item .pic{height: auto;}
    .media-b{margin-top: 1.5em;}
    .media-b .L{height: 250px;}
    .media-b .L,.media-b .R{width: 100%;}
    .media-b .R .tabbox{padding:0 1em;}
    .media-b .R p img{zoom:.7;}
    .media-b .main{height: auto;}
    .media-b .R p{margin: 15px 0;padding-left: 30px;}
    .media-t .item .txt a{width: 138px;height: 31px;line-height: 31px;}
    .media-t .item .txt{padding:1em;}
    .trolley p{font-size: 14px;}
    .section3 .L li.on{padding-left: 0}
    .fx-men.fixed{top:52px;border-top: 1px #f3f3f3 solid;}

    .section3 .R .item:nth-child(2) li,.section3 .R .item:nth-child(3) li{width: 50%;}

}
</pre></body></html>