@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: 'Regular';
    src:url('../font/SourceHanSansCN-Regular.ttf');
}
@font-face {
    font-family: 'Bold';
    src:url('../font/NotoSansCJKsc-Bold.otf');
}
@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: 'Thin';
    src:url('../font/NotoSansCJKsc-Thin.otf');
}
@font-face {
    font-family: 'fzyh';
    src:url('../font/FZDHTK_GBK.ttf');
}










/*moblie nav*/
header .top-left{ position:absolute;top:50%; margin-top:-11px; z-index:10;display: none;}
header .top-left{width:26px; height:19px; left:5%; }
header .top-left::before,
header .top-left::after,
header .top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#fff; }
header .top-left::before,
header .top-left::after{ content:'';transition:transform 0.2s;}
header .top-left span{ top:50%; margin-top:-1.5px;}
header .top-left::before{ top:0;}
header .top-left::after{ bottom:0;}
header .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;}
header .top-menu ul{ position:relative; width:50%;}
header .top-menu li a{ display:block; line-height:30px; }
header .top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:1rem; color:#fff; line-height:3; padding:0 41px 0 25px;}
header .top-menu li.on > a{ background-color:#222;}
header .top-menu li.on > 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;}
header .top-menu li dl{ position:absolute; left:100%; width:100%; top:0; display:none; transition:transform 0.3s; padding-left:38px; transform:translateY(100px);}
header .top-menu li dl.dl-show{  transform:translateY(0);}
header .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:28px; 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;}


/*commom*/
.nybanner{position: relative;}
.nybanner img{width: 100%;height: 479px;}
.nytxt{position: absolute;left: 50%;top:62%;text-align: center;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.nytxt h2{font-size: 48px;color: #f6f6f6;font-family: 'Medium';padding:0 32px;position: relative;line-height: 51px;display: inline-block;margin: 0 auto}
.nytxt h2:before{content: '';position: absolute;left: 0;top: 0;width:6px;height: 100%;background: url(../images/bor1.png) no-repeat center;}
.nytxt h2:after{content: '';position: absolute;right: 0;top: 0;width:6px;height: 100%;background: url(../images/bor2.png) no-repeat center;}
.nytxt h4{font-size: 48px;color: #f6f6f6;font-family: 'Thin';}


footer {position: relative;background:url(../images/bg1_0222.jpg) no-repeat center;padding:59px 0 16px;}
footer .box{width: 1250px;margin: 0 auto;}
footer .link{display: flex;flex: 0 0 100%;justify-content: space-between;}
footer .link li{}
footer .link li h4{font-size: 19px;color: #f8f8f8;font-family: 'Bold';margin-bottom: 24px;}
footer .link li a{font-size: 16px;color: #f3f3f3;font-family: 'DemiLight';display: block;line-height: 30px;}
footer .link li a:hover{text-decoration: underline;color: #f00;}
footer .foot{text-align: center;margin-top: 26px;}
footer .foot img{width: 89px;height: 89px;margin-bottom: 5px;}
footer .foot h2{font-size: 16px;color: #f2f2f2;font-family: 'Regular';}
footer .foot p{font-size:14px;color: #e0e0e0;font-family: 'Regular';}


.submenu{position: relative;left: 0;bottom: 0;width: 100%;height: 64px;background: #00479d;}
.submenu a{color: #f3f3f3;font-size: 16px;font-family: 'DemiLight';line-height: 64px;position: relative;display: inline-block;float: left;margin-right: 1px;transition:.5s;padding:0 33px;}
.submenu a.active,.submenu a:hover{background: #fff;color: #333}
.submenu a:before{content: '';position: absolute;left: 0;top: 0;width: 0%;height: 3px;background: #00479d;transition:.5s;}
.submenu a:hover:before,.submenu a.active:before{width: 100%;}


header .homenav{position: relative;bottom:-100%;transition:.5s;opacity: 0;}
header.com .homenav{bottom: 0;opacity: 1;}
header .homenav li a:hover{color: #f00;font-family: 'Medium';}
header.scoll{position: fixed;background:rgba(0,0,0,0.5);}
header.scoll .logo{line-height: 80px;}
header.scoll .logo img{max-height: 70px;}
header.scoll .search{height: 80px;}
header.scoll .nav li a{line-height: 80px;height: 80px;}
header.scoll .nav li .nav_sub{top:80px;}
header.scoll .nav li .nav_sub a{line-height:36px !important;height:36px}
header.scoll .search .sear_box{top:84px;}
header{position: absolute;left: 0;top:0;width: 100%;background:rgba(0,0,0,0.2);z-index: 30;}
header .box{width: 90%;margin: 0 auto;}
header.scoll .nav li.active a:before, header.scoll .nav li.on a:before, header.scoll .nav li a:hover:before{bottom:16px;}
header .logo{line-height: 114px}
header .logo a{display: inline-block;}
header .logo img{max-height: 90%;}
.headR{}
header .nav{}
header .nav li{float: left;position: relative;margin:0 33px;line-height: 113px;}
header .nav li a{font-size: 18px;color: #ffffff;font-family: 'Light';position: relative;display: block;}
header .nav li a:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fff;transition:.5s;opacity: 0}
header .nav li.active a:before,header .nav li.on a:before,header .nav li a:hover:before{opacity: 1;bottom: 33px;}
.nav_sub{position: absolute;left:-35%;top:113px;width: 170%;background: rgba(0,0,0,.6);display: none;z-index: 20;}
.nav_sub a{font-size: 14px !important;color: #333 !important;text-align: center;line-height:36px !important;position: relative;font-family: 'Regular';background:#f6f6f6 !important;}
.nav_sub a:last-child{border-bottom: none;}
.nav_sub a:before{width: 0 !important;}
.nav_sub a:hover{background:#00479d !important;color: #fff !important;}





/*关于我们*/
.about{background: #f9f9f9;overflow: hidden;}
.about_t{margin: 118px 0 112px;}
.about_t .box{width:945px;margin: 0 auto;}
.about_t h4{font-size: 30px;line-height: 36px;font-family: 'Medium';color: #575757;margin-bottom:54px;text-align: center; }
.about_t p{font-size: 16px;line-height: 30px;font-family: 'Light';color: #474747;}
.about_c{height: 536px;position: relative;}
.about_c img{width: 100%;height: 100%;}
.about_c .txt{width: 856px;text-align: center;
    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%);
}
.about_c .txt h4{font-size: 30px;color: #ffffff;font-family: 'Medium';margin-bottom: 32px;}
.about_c .txt p{font-size: 26px;color: #ffffff;line-height:36px;font-family: 'Regular';}
.about_c:before{content: '';position: absolute;left: 0;right: 0;margin: 0 auto;width: 63px;height: 63px;background: url(../images/tb2.png) no-repeat #00479d center;top:-22px;}
.about_b{margin: 38px 0 70px;}
.about_b .box{width: 1190px;margin: 0 auto;}
.about_b p{font-size: 18px;color: #575757;line-height:36px;font-family: 'Light';}


/*联系我们*/
.relation{margin: 75px 0 141px;}
.relation .top{text-align: center;font-size:30px;color: #575757;font-family: 'Medium';}
.relation .cont{margin-top: 97px;}
.relation .map{height: 350px;width: 616px;}
.relation .txt{color: #333333;font-size: 18px;line-height:45px;font-family: 'Regular';display: table;height: 350px;width: 503px;}
.relation .txt p{padding-left: 35px;position: relative;}
.relation .txt p.ad{background: url(../images/tb3_03.png) no-repeat 0px 16px;}
.relation .txt p.yb{background: url(../images/tb3_06.png) no-repeat 0px 16px;}
.relation .txt p.tel{background: url(../images/tb3_10.png) no-repeat 0px 16px;}
.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;}



/*企业文化*/
.nybg{background: #f6f6f6;overflow: hidden;}
.culture{margin: 70px 0 64px;}
.culture .box{width: 1195px;margin: 0 auto;}
.culture .top{color: #575757;font-size:32px;font-family: 'Medium';text-align: center;}
.culture .list{margin-top: 42px;}
.culture .list li{border-bottom: 1px #c9c9c9 solid;padding:20px 0;overflow: hidden;}
.culture .list li .pic{width: 240px;overflow: hidden;}
.culture .list li .pic img{width: 100%;transition:.5s;}
.culture .list li:hover .pic img{transform:scale(1.1);transition:.5s;}
.culture .list li .txt{margin-left: 48px;width: 778px;}
.culture .list li .txt h4{font-size: 24px;color: #333333;font-family: 'Regular';margin-bottom: 20px;margin-top: 32px;}
.culture .list li .txt h4 a{color: #333333;}
.culture .list li .txt p{font-size: 16px;color: #808080;line-height: 24px;font-family: 'Light';}
.culture .list li .btn{margin-top: 24px}
.culture .list li .btn .date{font-size: 12px;color: #555555;font-family: 'Light';margin-bottom: 58px;}
.culture .list li .btn .date span{font-size: 20px;color: #555555;font-family: 'Bold';font-weight: bold}
.culture .list li .btn a{color:#006fc1;font-family: 'Light';}
.more{margin-top: 64px;}
.more a{height: 45px;background: #7da0ca;text-align: center;color: #fff;font-size: 18px;font-family: 'DemiLight';display: block;line-height: 45px;transition:.5s;}
.more a img{margin-right: 20px;}
.more a:hover{background: #00479d}
.culture .list li:hover .txt h4 a{color: #006fc1}
.culture .list li:hover{border-color: #006fc1}

/*人力资源*/
.strength{margin:75px 0;}
.strength .top{color: #575757;font-size:30px;font-family: 'Medium';text-align: center;}
.strength .list{margin-top: 80px;}
.join{margin: 80px 0 50px;}
.join_t{}
.join_t td{font-size: 18px;color: #333333;font-family: 'Normal';text-align: center;}
.join_t table{border-bottom: 1px #dcdcdc solid;padding-bottom: 40px;}
.join_list table{border-bottom: 1px #dcdcdc solid;}
.join_t table,.join_list table{width: 100%;}
.join_list{}
.join_list .item{}
.join_list .item.active{background: #fff;}
.join_list .item.active td{color: #00479d;}
.join_list .item.active table{border-bottom: none}
.join_list td{font-size: 18px;color: #717171;font-family: 'Light';text-align: center;height: 81px;}
.join_list td:nth-child(1){text-align: left;}
.join td:nth-child(1){width: 20%;}
.join td:nth-child(2){width: 15%;}
.join td:nth-child(3){width: 15%;}
.join td:nth-child(4){width: 15%;}
.join td:nth-child(5){width: 15%;}
.join td:nth-child(6){width: 15%;}
.join td:nth-child(7){width: 15%;}
.join_txt{background: #fff;padding:15px 0 65px;display: none}
.join_txt p{font-size: 14px;color: #000;font-family: 'Regular';line-height: 30px;}
.join_txt .foot{margin-top: 50px;font-size: 16px;color: #949494;font-family: 'Regular';}
.join_list td .tb{width: 19px;height: 19px;background: url(../images/add.png) no-repeat;display: inline-block;transition:.5s;}
.join_list .item.active .tb{transform: rotate(45deg);}




/*战略合作*/
.cooperate{margin: 70px 0}
.cooperate .top{color: #575757;font-size:30px;font-family: 'Medium';text-align: center;}
.cooperate .cont{margin-top: 66px;}
.cooperate .list{padding:52px 30px;background: #fff;margin-bottom: 38px;}
.cooperate .list li{float: left;width: 25%;text-align: center;height: 170px;line-height: 170px;position: relative;}
.cooperate .txt{color: #333333;font-size:18px;font-family: 'Regular';line-height: 36px;}
.cooperate .txt img{max-width: 100%}
.cooperate .list li:before{content: '';position: absolute;right: 0;width: 1px;height: 100%;background:#e5e5e5;top:0px;}
.cooperate .list li:last-child:before{display: none}



/*企业资质*/
.aptitude{margin: 75px 0;}
.aptitude .top{color: #575757;font-size:30px;font-family: 'Medium';text-align: center;}
.aptitude .box{width: 1196px;margin: 0 auto}
.aptitude .list{margin-top: 75px;}
.aptitude .list ul{margin-right: -2%;}
.aptitude .list li{float: left;width: 23%;margin: 0 2% 51px 0;height: 201px;transition:.5s;position: relative;overflow: hidden;height: 201px;}
.aptitude li a{display: block;width: 100%;height: 100%;}
.aptitude li .pic{height: 100%;overflow: hidden;position: relative;background: #f7f7f7;text-align: center;line-height: 201px;}
.aptitude li .pic:before{content: '';width:100%;height: 100%;background: rgba(0,0,0,.5) ;position: absolute;left: 0%;top:-120%;transition:.5s;}
.aptitude li .pic img{max-width: 95%;max-height: 100%;}
.aptitude li .name{position: absolute;left: 0;bottom:-120%;width: 100%;height: 100%;transition:.5s;display: table}
.aptitude li .name b{display: block;width: 32px;height: 32px;background: url(../images/sou.png) no-repeat center;margin: 0 auto 20px;}
.aptitude li .name p{font-size: 18px;color: #fff;padding:0 2%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;font-family: 'DemiLight';}
.aptitude li:hover .pic:before{top:0;}
.aptitude li:hover .name{bottom:0;}




/*新闻中心*/
.news{margin:65px 0; }
.news .list{margin-top: 65px;}
.news ul{margin-right: -5%;}
.news li{float: left;width:28.33%;margin: 0 5% 49px 0;background: #fff;transition:.5s; }
.news .top{color: #575757;font-size:30px;font-family: 'Medium';text-align: center;}
.news li .padd{padding:36px 28px;display: block;}
.news li .pic{height: 189px;position: relative;}
.news li .pic span{position: absolute;width: 90px;height: 25px;text-align: center;line-height: 25px;background: #00479d;left: 0;top:0;font-size: 12px;color:#f6f6f6;font-family: 'Thin';transition:.5s;}
.news li .pic img{width: 100%;height: 100%;}
.news li .txt{margin-top: 14px;}
.news li .txt p{font-size: 18px;color: #333;font-family: 'Light';}
.news li .txt dl{color: #999999;font-size: 12px;margin-top: 14px;}
.news li .txt dl span{margin-right: 11px;transition:.5s;}
.news li .txt dl .date{background: url(../images/tb4_03.jpg) no-repeat left center;padding-left: 21px;}
.news li .txt dl .see{background: url(../images/tb4_06.jpg) no-repeat left center;padding-left: 29px;}
.news li:hover{background: #215bab;}
.news li:hover p,.news li:hover dl{color:#fff;}
.news li:hover .pic span{background: #f6f6f6;color: #00479d}
.news li:hover dl .date{background: url(../images/tb4_031.jpg) no-repeat left center;}
.news li:hover dl .see{background: url(../images/tb4_061.jpg) no-repeat left center;}


.mv li .pic{}
.mv li .pic:before{content: '';position: absolute;left: 50%;top:50%;width: 40px;height: 40px;background: url(../images/play.png) no-repeat center;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/*发展历程*/
.course{background: url(../images/bg2_02.jpg) no-repeat;padding: 75px 0 206px;}
.course .box{width: 1360px;margin: 0 auto;}
.course .top{color: #fff;font-size:30px;font-family: 'DemiLight';text-align: center;}
.course .cont{margin-top: 145px;position: relative;}
.course .cont .course-left,.course .cont  .course-right{width:40px;height: 40px;position: absolute;top:42%;z-index: 10;outline: none;border-radius: 40px;background-size: 100% 100% !important;}
.course .cont .course-left{background: url(../images/left01.png) no-repeat;left: -40px;}
.course .cont .course-right{background:url(../images/right01.png) no-repeat;right: -40px;}
.course .cont .course-left:hover{background: url(../images/left02.png) no-repeat;width: 45px;height: 45px;top:41%;}
.course .cont .course-right:hover{background:url(../images/right02.png) no-repeat;width: 45px;height: 45px;top:41%;}
.course_swiper li{font-size: 14px;color: #fff;line-height: 24px;font-family: 'Light';height: 265px;}
.course .cont:before{content: '';position: absolute;left: 0;top:50%;width: 100%;height: 2px;background: #dcdcdc;}
.course_swiper li dl{width: 215px;margin-left: 19px;position: absolute;left: 0;top:0;height: auto}
.course_swiper li span{width: 120px;height: 80px;overflow: hidden;position: absolute;left: -122px;top:0;}
.course_swiper li:nth-child(2n) span{bottom: 0;top:auto;}
.course_swiper li span img{width: 100%;height: 100%;transition:.5s;}
.course_swiper li:hover span img{transform:scale(1.1);transition:.5s;}

.course_swiper{margin:0 99px !important;}
.course_swiper li:before{content: '';width:19px;height: 19px;background: url(../images/b1.png) no-repeat center;position: absolute;left: 0px;top:47%;}
.course_swiper li:after{content: '';width:1px;height: 50%;background:#ffffff;position: absolute;left:9px;top:0;}
.course_swiper li:nth-child(2n) dl{bottom: 0;top:auto;}
.course_swiper li:nth-child(2n):after{bottom: 0;top:auto;}
.course_swiper li:hover:before{background: url(../images/b2.png) no-repeat center;}
.course .cont .btn{position: absolute;right:-62px;bottom: 49px;}
.course .cont .btn a{color: #fff;font-family: 'Medium';font-size: 16px;}


/*详情页*/
.minbox{margin: 50px 0;background: #fff;padding:40px 60px;}
.minbox .top{text-align: center;border-bottom: 1px #ddd solid;padding-bottom: 15px;}
.minbox .top h4{font-size: 30px;color: #333;font-family: 'Medium';}
.minbox .top dl{font-size: 14px;color: #ddd;font-family: 'Regular';margin-top: 10px;}
.minbox .cont{margin-top: 60px;font-size: 16px;color: #333;font-family: 'Light';}
.minbox .cont img{max-width: 100%;}




/*index*/
.banner{position: relative;}
#homeBanner { padding: 0; }
#homeBanner .homeVideo { position: relative; height: 100%; }
#homeBanner .videoWrapper { overflow: hidden; z-index: 1; position: relative; height: 100vh; min-height: 100%; width: 100%; }
#homeBanner .videoWrapper video { background-size: cover; position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; z-index: -1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#homeBanner .videoCover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden; background-color: #000; display: none; }
#homeBanner .videoCoverImg { width: 100%; height: 100%; background-image: url(../images/home/h2_01.jpg); background-size: cover; background-position: center; transform-origin: 50% 50%; -webkit-animation: bgZoom linear 50s infinite; -moz-animation: bgZoom linear 50s infinite; animation: bgZoom linear 50s infinite; }
keyframes bgZoom {
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.24)}
}

@-webkit-keyframes bgZoom {
    0%,100%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.24)}
}

@-moz-keyframes rotate {
    0%,100%{-moz-transform:scale(1)}
    50%{-moz-transform:scale(1.24)}
}
header.scoll .bann_pag{top:31px;}
.bann_pag{bottom:auto !important;display: none;width: auto !important;right: 64px;top:49px;left: auto !important;z-index: 50 !important;position: fixed !important;}
.bann_pag .swiper-pagination-bullet{width:9px !important;height: 17px !important;background:#8095b7 !important;opacity: 1 !important;margin: 0 2px !important;border-radius: 0px !important;}
.bann_pag .swiper-pagination-bullet-active{background: #fff !important;height: 19px !important;;}
.banner_swiper{position: absolute !important; width: 100%; height: 100%; z-index: 10 !important; top: 0 !important; left: 0 !important; overflow: hidden !important; }
#homeBanner li .playBtn{ }
#homeBanner li .playBtn img { height:34px; width:auto; margin-top:120px; }
.banner_swiper li{text-align: center;}
.banner_swiper li .sloganImg {width: 90%;max-width: 1280px;position: absolute;
    top: 50%;left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.banner_swiper li .sloganImg img{max-width: 100%;}

.landing .anchorWrapper{position:fixed;z-index:999;right:64px;top:407px;}
.landing .anchorWrapper li{margin-bottom:16px;position: relative;height:4px;width:15px;}
.landing .anchorWrapper a{display:block;width:15px;height:9px;background:#fff;position: absolute;right: 0}
.landing .anchorWrapper li.act a{background:#8095b7;width: 29px;left: -14px;}
.landing .contentWrapper {min-height: 0px;position: relative;}


.honor{background: #e9e9e9;padding:37px 0;}
.honor .box{width: 90%;margin: 0 auto;position: relative;}
.honor  .honor-left,.honor  .honor-right{width:28px;height: 171px;position: absolute;top:0%;z-index: 10;outline: none}
.honor  .honor-left{background: url(../images/left1.png) no-repeat center;left: -50px;}
.honor  .honor-right{background: url(../images/right1.png) no-repeat center;right: -50px;}
.honor_swiper li .pic{height: 163px;line-height: 163px;text-align: center;margin-bottom: 10px;position: relative;overflow: hidden;}
.honor_swiper li .pic img{max-width: 100%;max-height: 95%}
.honor_swiper li p{text-align: center;font-size: 16px;color: #3c3b3a;}
.honor_swiper li:hover .pic:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/sou.png) no-repeat rgba(0,0,0,0.5) center;}


#homeNews{padding:64px 0;}
#homeNews .box{/*width: 95%;*/width: 90%;margin: 0 auto;height: 392px;}
#homeNews .L{width: 60%;height: 100%;position:relative;}
#homeNews .L:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e0e0e0;}
#homeNews .L:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #e0e0e0;}
#homeNews .L .pic{width: 50%;height: 100%;position:relative;overflow: hidden;}
#homeNews .L .pic img{width: 100%;height: 100%;transition:.5s;}
#homeNews .L .pic p{position: absolute;left: 0;bottom: 0;background:url(../images/sj1_03.png) no-repeat #225dab 97% 20px;height: 59px;line-height: 59px;padding:0 5% 0 3%;width: 92%;font-family: 'Light';font-size: 16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.news_swiper{width: 100%;height: 100%;}
.news_swiper li{overflow: hidden;}
.news_swiper li:hover img{transform:scale(1.1);transition:.5s;}

#homeNews .L .list{width: 50%;height: 100%;position: relative;}
#homeNews .L .list:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 3px;background: #205aab;}
#homeNews .L .list .padd{padding:30px 0;}
#homeNews .menu{padding:0 30px;}
#homeNews .menu span{color: #343434;font-size: 16px;font-family: 'Regular';padding-left: 17px;margin-right: 49px;position: relative;cursor:pointer;}
#homeNews .menu span:after{content: '';position: absolute;left: 0;top: 6px;width: 7px;height: 7px;border:2px #c8c8c8 solid;border-radius: 10px;}
#homeNews .menu span.active:after{border-color: #1f5cad}
#homeNews .menu span.active{color: #1f5cad}
#homeNews .menu a{float: right;color: #a8a8a8;font-size: 16px;font-weight: bold}
#homeNews .cont{margin-top: 43px;}
#homeNews .cont ul{max-height: 252px;overflow: hidden;}
#homeNews .cont li{height: 36px;line-height: 36px;color: #5e5e5e;font-size: 14px;padding:0 130px 0 40px ;position: relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition:.5s;}
#homeNews .cont li:after{content: '';position: absolute;left: 30px;top: 16px;width: 4px;height: 4px;background: #5e5e5e;}
#homeNews .cont li span{position: absolute;right: 30px;top:0;color: #9d9d9d;font-size: 12px;}
#homeNews .cont li:hover{background: #e5e5e7;}
#homeNews .cont li:hover a{color: #225ba8;}
#homeNews .cont li:hover:after{background: #2259ab}

#homeNews .R{width: 38%;height: 100%;}
#homeNews .R li{float: left;width: 33.33%;height: 196px;position: relative;font-family: 'Light';text-align: center;overflow: hidden;}
#homeNews .R li a{display:block;height: 100%;}
#homeNews .R li p a{font-size: 14px;}
#homeNews .R li .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;transition:.5s;}
#homeNews .R li .img{width: 100%;height: 100%;transition:.5s;}
#homeNews .R li span{height: 32px;display: block;margin-bottom: 5px;margin-top: 58px;}
#homeNews .R li p{font-size: 12px;color: #fff;}
#homeNews .R li h4{font-size: 18px;color: #fff;}
/*#homeNews .R li:hover .img{transform:scale(1.1);transition:.5s;}
#homeNews .R li:hover .bg{background: rgb(0,0,0,.3);}*/
#homeNews .R li .bb,#homeNews .R li .bb dl,#homeNews .R li .bg2,#homeNews .R li .bg2 dl{height: 100%;width: 100%;}
#homeNews .R li .bg2{position: absolute;left: 0;top:0;width: 100%;height: 100%;transition:.5s;}
#homeNews .R li .bg2 dd{display: block;margin-bottom: 5px;transition:1s;height: 0;overflow: hidden;}
#homeNews .R li .bg2 p{text-align: center;color: #333;font-size: 16px;font-family: 'Light';}
#homeNews .R li .bg2 dl{background: #fff;width: 80%;height: 80%;margin: 10% 0 0 10%;display: table;
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
}
#homeNews .R li:hover{background: #eee;}
#homeNews .R li:hover .bg2 dd{height: auto;transition:1s;}
@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.75s linear;
  animation: flipInYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}













.service{margin:31px 0 0;background: #e9e9e9;height: 612px;overflow: hidden; }
.service .box{width: 55%;overflow: hidden;margin-left: 5%}
.service .pic{width: 15%;height: 100%;box-shadow: 0px 0px 10px 2px rgba(0,0,0,.5);position: relative;left: 0%;top:0;transition:1s;overflow: hidden;}
.service .pic img{max-width: 100%;height: 100%;transition:.5s;}
.service .pic h2{font-size: 50px;color: #fff;position: absolute;left: 35px;top:15px;font-family: 'fzyh';transition:.5s;opacity: 0}
.service .pic h4{font-size: 50px;color: rgba(255,255,255,0.5);position: absolute;right: 20px;bottom: 15px;text-transform: uppercase;font-family: 'Medium';transition:.5s;opacity: 0}
.service.on .pic{width: 38%;}
.service.on .pic h2,.service.on .pic h4{opacity: 1}
.service .pic:hover img{transform:scale(1.1);transition:.5s;}

.service.on .txt{opacity: 0;right: -100%;}
.service .txt{position: absolute;right: 39px;top:0;width: 394px;height: 100%;transition:.5s;}
.service .txt img{max-width: 100%;
    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%);
}
.service .top{height: 111px;line-height: 111px;font-size: 135px;color: #dbdbdb;text-transform: uppercase;font-family: 'fzyh';position: relative;margin-top: 52px;}
.service .top span{position: absolute;left: 0;top:0;font-size: 50px;color: #205aab;font-family: 'fzyh';}
.service .cont{margin-top: 38px;margin-right: -45px;}
.service .cont li{float: left;width: 160px;margin: 0 45px 38px 0;height: 160px;border:1px #fff dotted;text-align: center;display: table;position: relative;z-index: 5;background: #e9e9e9;transition:.5s;}
.service .cont li .tabbox{padding:0 20px;}
.service .cont li span{height: 61px;line-height: 61px;display: inline-block;margin-bottom: 20px;width: 100%;background-repeat: no-repeat!important;background-position: center !important;}
.service .cont li p{font-size: 25px;color: #205aab;}
.service .cont li:hover{background: #205aab}
.service .cont li:hover p{color: #fff}

.service .cont li:nth-child(1) span{background: url(../images/h3_06.png);}
.service .cont li:nth-child(2) span{background: url(../images/h3_08.png);}
.service .cont li:nth-child(3) span{background: url(../images/h3_14.png);}
.service .cont li:nth-child(4) span{background: url(../images/h3_17.png);}
.service .cont li:nth-child(5) span{background: url(../images/h3_11.png);}
.service .cont li:nth-child(6) span{background: url(../images/h3_31.png);}
.service .cont li:nth-child(7) span{background: url(../images/h3_25.png);}
.service .cont li:nth-child(8) span{background: url(../images/h3_33.png);}
.service .cont li:nth-child(9) span{background: url(../images/h3_36.png);}
.service .cont li:nth-child(10) span{background: url(../images/h3_28.png);}


.service .cont li:nth-child(1):hover span{background: url(../images/h3_0601.png);}
.service .cont li:nth-child(2):hover span{background: url(../images/h3_0801.png);}
.service .cont li:nth-child(3):hover span{background: url(../images/h3_1401.png);}
.service .cont li:nth-child(4):hover span{background: url(../images/h3_1701.png);}
.service .cont li:nth-child(5):hover span{background: url(../images/h3_1101.png);}
.service .cont li:nth-child(6):hover span{background: url(../images/h3_3101.png);}
.service .cont li:nth-child(7):hover span{background: url(../images/h3_2501.png);}
.service .cont li:nth-child(8):hover span{background: url(../images/h3_3301.png);}
.service .cont li:nth-child(9):hover span{background: url(../images/h3_3601.png);}
.service .cont li:nth-child(10):hover span{background: url(../images/h3_2801.png);}



/*我们的服务*/
.submenu2{overflow: hidden;}
.submenu2 .wrap{position: relative;}
.submenu2  .submenu2-left,.submenu2  .submenu2-right{width:12px;height: 100%;position: absolute;top:0px;z-index: 10;outline: none;cursor: pointer;}
.submenu2  .submenu2-left{background: url(../images/left001.png) no-repeat center;left:-20px;}
.submenu2  .submenu2-right{background: url(../images/right001.png) no-repeat center;right:-20px;}
.submenu2_swiper li a{padding:0;width: 100%;text-align: center}






/*media*/
@media screen and (max-width: 1680px){

    header .nav li{margin: 0 28px;}
    #homeNews .menu span{margin-right: 30px;}
    .service .top{font-size: 108px;}
    .service .pic h4,.service .pic h2{font-size: 50px;}

}
@media screen and (max-width: 1440px){
    header .nav li{margin: 0 18px;}
    .bann_pag{right: 32px;}
    .service .box{width: 55%;}
    .service .top{font-size: 106px;}
    .service .top span{font-size: 40px;}
    .service .cont li{width: 145px;margin: 0 31px 38px 0;}
    .service .cont li p{font-size: 18px;}
    .service .pic h4,.service .pic h2{font-size: 40px;}

}
@media screen and (max-width: 1366px){
    .landing .anchorWrapper{right: 34px;}
    #homeNews .menu span{margin-right: 10px;}
    .banner_swiper li .sloganImg{max-width: 70%;}
    .service .top{font-size: 90px;}

}
@media screen and (max-width: 1280px){
    header .box{width: 95%;}
    .service .cont li span img{zoom:.8;}
    .bann_pag{right: 9px;}
    .course .box{width: 95%;}

}
@media screen and (max-width: 1200px){
        header{height: 60px;line-height: 60px;}
        header .top-left{display: block;}
        header .nav,header .search{display: none;}
        header .logo{
            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 .langue{display: none;}
        header .logo img{zoom:.7;}
        .nybanner img{height: 250px;}
        #homeBanner li .playBtn img{margin-top: 65px;zoom:.8;}
        footer .link,.bann_pag{display: none}
        footer .box{width: 90%;}
        footer .foot{margin-top: 0;}
        footer{padding:1em 0;}
        .honor .honor-right{right: 0;}
        .honor .honor-left{left: 0;}
        .service .txt{position: relative;width: 100%;height: auto;right: 0;text-align: center;padding:1em 0;}
        .service .txt img{position: relative;left: 0;top:0;max-width: 80%;
                moz-transform: translate(0%, 0%);
                -ms-transform: translate(0%, 0%);
                -webkit-transform: translate(0%, 0%);
                transform: translate(0%, 0%);
        }
        .service .pic img{width: 100%;height: 300px;}
        .service{height: auto;}
        .service .cont li span img{zoom:.7;}
        .service .cont li{width: 47.5%;margin: 0 2% 2% 0}
        .service .cont{margin-right: -2%;margin-top: 1em;}
        .service .top{font-size: 45px;height: auto;line-height: 50px;}
        .service .top span{font-size: 30px;position: relative;display: block;}
        .landing .anchorWrapper{right: 5px;}
        #homeNews{padding:1em 0;}
        #homeNews .L,#homeNews .L .pic,#homeNews .L .list{width: 100%;height: auto;}
        #homeNews .R{width: 100%;height: auto;margin-top: 1em;}
        #homeNews .L .pic p{height: 53px;line-height: 53px;}
        #homeNews .L .list .padd{padding:1em 0;}
        #homeNews .menu{padding:0 1em;}
        #homeNews .cont{margin-top: 1em;}
        #homeNews .cont ul{max-height: auto}
        #homeNews .box{height: auto}
        #homeNews .R li h4{font-size: 16px;}
        #homeNews .R li{height: 140px;}
        #homeNews .R li span{margin-top: 36px;}
        #homeNews .R li span img{zoom:.7;}
        .banner_swiper li .sloganImg{max-width: 90%;}
        .landing .anchorWrapper a{width: 8px;border-radius: 8px;height: 8px;}
        .landing .anchorWrapper li{width: 8px;height: 8px;margin-bottom: 10px;}
        .landing .anchorWrapper li.act a{width: 8px;left: 0;background: #225cad}
        .nytxt h2{font-size: 25px;}
        .nytxt h4,.about_t h4{font-size: 20px;}
        .about_t h4{margin-bottom: 1em;}
        .submenu a{line-height: 47px;padding:0;float: left;width: 33.33%;margin-right: 0;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
        .submenu{height: auto;overflow: hidden;}
        .submenu .wrap{overflow: hidden;}
        .about_t{margin: 20px 0}
        .about_t .box{width: 95%;}
        .about_t p{font-size: 14px;line-height: 24px;}
        .about_c .txt{width: 90%;}
        .about_c{height: 300px;}
        .about_c .txt p{font-size: 20px;}
        .about_c:before{width: 51px;height: 51px;}
        .about_b .box{width: 95%;}
        .about_b p{font-size: 16px;line-height: 30px;}
        .wrap{width: 95%;}
        .course{padding:30px 0;}
        .course .cont{margin-top: 30px;}
        .course_swiper{margin: 0 20px !important}
        .course .top{font-size: 25px;}
        .course .cont .course-right{right:0;}
        .course .cont .course-left{left:0;}
        .course .cont:before,.course_swiper li:before,.course_swiper li:after{display: none}
        .course_swiper li dl{margin-left: 0;position: relative;}
        .course .cont .btn{right: 0;bottom: 0;left: 0;text-align: center;}
        .course_swiper li dl{width: 100%;margin: 0 auto}
        .course_swiper li{height: auto;}
        .course .cont{padding-bottom: 40px;}
        .course .cont .course-right:hover,.course .cont .course-left:hover,.course .cont .course-left, .course .cont .course-right{width: 37px;height: 37px;top:45%;}
        .aptitude .box{width: 95%;}
        .aptitude .list li{width: 48%;margin: 0 2% 2% 0;}
        .more{margin-top: 30px;}
        .relation .map{width: 100%;height: 300px;}
        .relation .txt{width: 100%;font-size: 16px;height: auto;padding:1em 0;}
        .join{margin: 1em 0}
        .join_t td,.join_list td{font-size: 14px;}
        .join_txt .foot{font-size: 14px;margin-top: 20px;}
        .join_txt{padding:1em 0;background: #dedddd;}
        .cooperate .txt{font-size: 16px;line-height: 24px;}
        .cooperate .list{padding:1em;}
        .aptitude,.relation,.strength,.cooperate,.culture,.news{margin: 30px 0;}
        .aptitude .top,.relation .top,.strength .top,.cooperate .top,.culture .top,.news .top{font-size: 25px;}
        .aptitude .list,.relation .cont,.cooperate .cont,.culture .list,.news .list{margin-top: 30px;}
        .cooperate .list li{width: 48%;height: 100px;line-height: 100px;}
        .cooperate .list li img{max-width: 90%;max-height: 95%}
        .cooperate .list li:nth-child(2n):before{display: none}
        .cooperate .list li:after {
            content: '';
            position: absolute;
            right: 0;
            width: 100%;
            height: 1px;
            background: #e5e5e5;
            bottom: 0px;
        }
        .cooperate .list li:nth-last-child(2):after,.cooperate .list li:nth-last-child(1):after{display: none}
        .culture .box{width: 95%;}
        .culture .list li .pic{width: 100%;}
        .culture .list li .txt{margin-left: 0;width: 100%;}
        .culture .list li .txt h4{font-size: 20px;margin: 1em 0}
        .culture .list li .txt p{font-size: 14px;}
        .culture .list li .btn{width: 100%;}
        .culture .list li .btn .date{margin-bottom: 0;float: left;}
        .culture .list li .btn a{float: right;}
        .minbox{margin: 1em 0;padding:1em;}
        .minbox .cont p{text-indent: 0 !important;}
        .minbox .top h4{font-size: 20px;}
        .minbox .cont{margin-top: 20px;font-size: 14px;line-height: 24px;}
        .news ul{margin-right: 0}
        .news li{width: 100%;margin: 0 0 1em 0}
        .news li .padd{padding:1em;}
        .news li .txt p{font-size: 16px;}
        #homeNews .cont li:after{left: 10px;}
        #homeNews .cont li{padding:0 112px 0 22px;}
        .join_t table{padding-bottom:14px;}
        .join_list td{height: 65px;}
        .more a{font-size: 16px;}
        .service .pic,.service.on .pic{width: 100%;}
        .service .pic h4, .service .pic h2{font-size: 24px;opacity: 1}
        .service.on .pic h4, .service.on .pic h2{opacity: 1}
        .service .box{width:96%;margin-left: 0;padding:0 2%;}
        .service .txt,.service.on .txt,.anchorWrapper{display: none}
        #homeNews .menu span:after{top:3px;}

        .course_swiper li span{position: relative;left: 0;width: 100%;height: auto;margin-bottom: 15px;display: inline-block;}
       .course_swiper li span img{height: auto;}
        .submenu2  .submenu2-left{left:0px;}
        .submenu2  .submenu2-right{right:0px;}
        .submenu2_swiper{width: 90%;margin: 0 auto}
        .minbox .cont video{width: 100%;}
        .about_b p img{max-width: 100%}



}
